.bg-product1 { 
  background: url('../images/bg-product1.jpg') no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bg-product2 { 
  background: url('../images/bg-product2a.jpg') no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bg-product3 { 
  background: url('../images/bg-product3a.jpg') no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bg-product4 { 
  background: url('../images/bg-product4a.jpg') no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.subtitle {position:absolute;top:1.5em;left:1em;color:#fff;z-index:}
.product ul li {margin:2em 0;}
.product ul li a {font-size:5em;color:#fff;text-decoration:none;transition: all 0.5s ease;}
.product ul li a:hover {font-size:7em;color:#c0e3bf;}

.spinmill .title {font-size:8em;font-weight:600;color:#fff;line-height:0.5em;margin-bottom:0.5em;letter-spacing:0.2em;}
.spinmill .text2 {font-size:1em;color:#fff;padding:0 25%;}
.spinmill .more {position:absolute;bottom:1em;left:50%;}
.spinmill .more img {height:1.5em;}

.bg-row {position:absolute;top:0;left:0;}
.bg-row .col-12 {height:calc(100% / 3);}
.bg-row .col-12:nth-of-type(2) {background-color:#c0e3bf;}

.carousel-indicators li {background-color:#000;}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.item {margin:0 5em;transition: all 0.5s ease;}
.item .photo img {width:100%;}
.item .caption {background-color:#223067;padding:1em;position:relative;}
.item .caption .number {position:absolute;top:1em;right:1em;color:#fff;border:1px solid #fff;padding:0 0.5em;}
.item .caption .title {font-size:1.5em;line-height:1.4em;font-weight:normal;font-family: 'beon'}
.item .caption .arrow {border-top:1px solid #fff;text-align:center;padding-top:0.5em;}
.item .caption .arrow .fas {color:#fff;}
.item .text {display:none;padding:1em;color:#000;font-size:0.9em;line-height:1.4em;border-left:1px solid #000;position:relative;text-align:justify;background-color:#fff;}
.item .text a {background-color:#223067;display:block;text-align:center;color:#fff;text-decoration:none;margin:1em 1em 0;padding:0.3em 0;}
.item .text .greenblock {background-color:#c0e3bf;width:1em;height:1em;position:absolute;bottom:-1em;left:-0.5em;}

.item-on {margin:0 6em;}
.item-on .caption .title {font-size:1em;}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.product ul li a {font-size:1rem;}
	.product ul li a:hover {font-size:1.5rem;}
	
	.spinmill2 {height:auto !important;}
	.spinmill .title {font-size:3rem;}
	.spinmill .text2 {font-size:0.8rem;padding:0 2em;}
	.item {margin:0 0 1em;}
	.item .caption .number {font-size:0.8rem;}
	.item .caption .title {font-size:0.8rem;}
	.item .text {font-size:0.7rem;}
}