@charset "utf-8";
.flexbg{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; }
.bannerh{ width:100%;}

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 6px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 6px, 0px); }
}

@-ms-keyframes arrow {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(0px, 6px, 0px); }
}

@-webkit-keyframes arrow1 {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(6px, 0px, 0px); }
}

@keyframes arrow1 {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(6px, 0px, 0px); }
}

@-ms-keyframes arrow1 {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(6px, 0px, 0px); }
}


@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e ; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slt-bgc { background-color: #fff; }
.bannerBox { position: relative; overflow: hidden; color: #fff;height: 100%; }

.banner{overflow: hidden;top: 0;left: 0;width: 100%;height: 100%}
.banner a:link, .banner a:visited { color: #474747; }
.banner a:active, .banner a:hover { color: #474747; }
.banner .pimg { display: block; width: 100%; }
.binbox { position: absolute; bottom: auto; top: 28%; left: 5%; width: 65%;  }
.binbox-con { color: #fff; padding: 0px 30px 22px 18%; float: left; transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform: scaleY(0); -webkit-transform: scaleY(0); }
.binbox-con .bor { width: 100px; height: 6px; background-color: #fff; display: block; margin-bottom: 16px; }
.binbox-con .t { font-size: 99px; line-height: 1;  font-family: 'OPTIGiant'; text-transform:uppercase;}
.binbox-con .c { font-size: 36px; line-height: 1; margin-top: 16px;}
.banner .slick-dots { bottom: 3%; z-index: 105; }
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 6px; width: 12px; height: 12px; margin:5px; cursor: pointer; }
.banner .slick-dots li a { height: 12px; width: 12px; line-height: 12px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 0%; background: url(../images/banner_i0.png) no-repeat scroll center center; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background-image: url(../images/banner_i1.png); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .binbox-con { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; }

.rollerblade-img {	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-user-drag: none;}
.rollerblade-drag {	cursor:move;}


@media (max-width: 1440px) {
	.binbox-con .c { font-size: 32px; line-height: 1; font-weight:300}
	.binbox-con .t { font-size: 70px; line-height: 1; }
	}
	

@media (max-width: 1360px) {
	.binbox-con .c { font-size: 32px; line-height: 1; font-weight:300}
	.binbox-con .t { font-size: 70px; line-height: 1; }
	}
	
	
@media screen and (max-width:1280px){
	.binbox-con .c { font-size: 32px; line-height: 1; font-weight:300}
	.binbox-con .t { font-size: 60px; line-height: 1; }
	
}

@media screen and (max-width:1200px){}

@media screen and (max-width:1100px){
	.binbox-con .c { font-size: 22px; line-height: 1; font-weight:300}
	.binbox-con .t { font-size: 50px; line-height: 1; }

}

@media screen and (max-width:1024px){
	.binbox{ bottom: auto; top: 0%; width: 90%; left: 2%;}
	.binbox-con{ padding: 15% 5% 10px 21%;}
	.binbox-con .t { font-size: 45px; line-height: 1; }
	.binbox-con .c{ font-size: 22px; ;}
	.binbox-con .bor{ display: none;}
	.banner .slick-dots li a{ border-radius: 50%; width: 6px; height: 6px; margin: 0px auto; font-size: 0px; overflow: hidden; border: 2px solid rgba(0,0,0,0); background: none #fff;}
	.banner .slick-dots li.slick-active a{ border: 2px solid #fff; background:none transparent;}
}

@media screen and (max-width:861px){ 
	.furnitures{ max-width:100%;width:100%; float:left; padding-top:32px; border-top:4px solid #cc0000; }
	.binbox-con{ padding: 15% 5% 10px 11%;}
	.binbox-con .c{ font-size: 34px;}
	.binbox-con .t { font-size: 60px; line-height: 1; }
	.promenu .furnis li{ width:33.333333%;}
	.banner .pimg{ width: 130%; margin-left: -15%;}

} 
@media screen and (max-width:800px){
	.promt{ width:80%}	.contrr{ display:none}
}
@media screen and (max-width:751px){
	.contrr{ display:none}
	.serieswr{ padding:14px 0 14px 20px;}
	.serieswr span{ width:100%; margin-right:0; margin-bottom:6px;}
	.recuitefix{ width:100%; position:relative; left:0; top:0; margin-left:0; box-sizing:border-box; margin-top:0; padding:34px 30px;}
	.recuitefix b{ right:12px; margin-right:0; top:auto; margin-top:0; bottom:12px; background:url(../images/close1.png) center no-repeat; background-size:cover;}
    .recruiwrs{ transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); position:absolute; left:50%; top:50%; width:90%; margin-left:0; margin-top:0;}	
    .promenu { width:100%;}
    .promenu .furnis li{ width:50%;}
    .promt{ width:80%}
	.reruits.on .recruiwrs{ transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
	.binbox-con{ padding: 14% 5% 10px 12%;}
	.binbox-con .c{ font-size: 30px;}
	.binbox-con .t { font-size: 50px; line-height: 1; }
	
}
@media screen and (max-width:641px){
	.binbox-con .c{ font-size: 16px; }
	.decoratewr{ width:95%;}

}
@media screen and (max-width:481px){
	.binbox-con .c{ font-size: 14px;}

}