@font-face{font-family:'Open Sans';font-weight:700;font-style:normal}
@font-face{font-family:'Open Sans';font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';font-weight:600;font-style:normal}
@font-face{font-family:'Open Sans';font-weight:800;font-style:normal}
*{margin:0;padding:0}
.bg-overlay{position: relative;}
.bg-overlay::before{bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;}
.bg-image{background-image: url('/upol/compress_img/for_parallax/3-min.jpg');background-position: center;background-attachment: fixed;background-size: cover;-webkit-background-size: cover;background-repeat: no-repeat;height: 350px;
}
.car_image{height:450px}
.upol-promo-main .b-hms-text{color: #fff;text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.upol-promo-main .header h1{margin-top: 40px; font-size: 38px;font-weight: 700;}
.upol-promo-main .ctf--b-product-list .ctf-b-title a{color: #666; font-weight: bold;}
.upol-promo-main .ctf--b-product-list .ctf--b-pic a{border: 0}
.header .logo img{width: 300px;}
.description{padding:80px 0 0;background-color:#fff}
.description .text p{font-family:'Open Sans',sans-serif;font-size: 14px;line-height: 1.5;}
.description img{width:100%}
.catalog{padding: 40px 0 10px;}
.catalog h2{text-align: center;margin:0 0 20px 0px;color:#222;font-size:30px;font-weight:700;font-family:'Open Sans',sans-serif;text-transform:uppercase}
.catalog h2 span{color:#bfc50b; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
/* .catalog h2 span{background: #000;} */
.simple-steps .title{position:relative; margin:0}
.simple-steps{padding:40px 0;background-color:#fff}
/* .simple-steps .steps{background-image:url(../img/steps/clyks2.png);background-position:center;background-repeat:no-repeat} */
.simple-steps .steps img{height:110px}
.fstep img,.sstep img,.tstep img{height:80px}
.simple-steps h3{display:inline-block;font-weight:700;font-size:19px;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.simple-steps .fstep,.sstep,.tstep{text-align:center}
.simple-steps .tstep{text-align:center;background-image:url(../img/steps/clyks2.png);background-position:center;background-repeat:no-repeat; -webkit-background-size: contain;
background-size: contain;}
.steps{margin-top:40px}
.simple-steps .ititle{margin-top:10px;width: 130px;float: left;}
.simple-steps .htitle{font-weight:700;font-size:30px;text-transform:uppercase;font-family:'Open Sans',sans-serif;margin:0}
.simple-steps h2{clear: none;text-align: left;font-weight:700;font-size:30px;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.simple-steps .tvideo{text-align:right}
.simple-steps .text h3{font-size:20px;font-weight:700;font-family:'Open Sans',sans-serif;text-transform:uppercase;color:#222;margin-left:10px}
.simple-steps .text p{font-size:16px;font-weight:400;font-family:'Open Sans',sans-serif;color:#222;line-height:1.5}
.simple-steps .text .ltitle img{height:50px}
.title{margin:80px 0;width:100%}
.title h1, .title h2{text-align: center;;margin-bottom:40px; font-weight: 700;}
.title h1 span, .title h2 span{color:#bfc50b; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.title .materials{display:-webkit-flex}
.title .materials .materials-block{text-align:center}
.title .materials .materials-block img{height:160px}
.title .materials .materials-block h5{text-align: center;font-size:11px;font-family:'Open Sans',sans-serif;text-transform:uppercase;padding:0 10px;margin-top:20px;min-height: 40px; margin-bottom: 30px;}
.title .materials .materials-block a{border:2px solid #222;border-radius:15px;-webkit-transition:.2s;-o-transition: .2s;transition: .2s; color:#131313;margin-top:15px;font-size:14px;font-weight:700;text-transform:uppercase;font-family:'Open Sans',sans-serif;background-color:transparent;padding:3px 25px;cursor:pointer}
.title .materials .materials-block a:hover{color:#fff;background-color:#131313;text-decoration: none;}
.video {background: #fff;/* margin-bottom: 40px; */ padding: 40px 0;/* background-image: url(../img/header/raptor_bg.jpg); */background-position: center;/* -webkit-background-size: cover;background-size: cover; */background-repeat: repeat;}
.video h2{text-align: center;font-weight:700;font-size:30px;text-transform:uppercase;font-family:'Open Sans',sans-serif; color: #000;margin-bottom: 30px;}
.reasons{width: 100%;}
.reasons h2{text-align: center;margin-bottom:40px;color:#222;font-size:30px;font-weight:700;font-family:'Open Sans',sans-serif;text-transform:uppercase}
.reasons h2 span{color:#bfc50b; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.gallery *{outline:none}
.gallery{background-image:url(../img/header/raptor_bg.jpg);background-position:center;/* -webkit-background-size: cover;background-size: cover; */ background-repeat:repeat;height:100%;padding:35px 0}
.gallery h2{margin-bottom: 30px;text-align: center;font-size:30px;font-weight:700;font-family:'Open Sans',sans-serif;text-transform:uppercase;color:#fff}
.gallery h2 span{color:#bfc50b}
/* .gallery .big-photo,.small-photo{display:inline-block;vertical-align:middle;margin-right:10px}
.gallery .big-photo img{height:500px;border:3px solid #fff}
.gallery .small-photo img{height:235px;border:3px solid #fff} */
.gallery .small-photo > div{margin-bottom: 2.25rem;}
.gallery a{display: block;}
.gallery a img{display: block; width: 100%;border:1px solid #fff}
/* .gallery .small-photo .two{margin:30px 0}
.gallery .small-photo .two img{margin:0 15px} */
.slick-dots li button:before{color:#fff;font-size:10px}
.slick-dots li.slick-active button:before{color:#bfc50b!important}
.slick-slide img{display:inline-block}
.rashod{padding:40px 0;background-color:#fff}
.rashod h2{margin-bottom: 20px;text-align: center;font-weight:700;font-size:30px;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.rashod h2 span{color:#bfc50b; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.rashod .car_block .car_block_des p{margin:0 auto;text-align:left;font-weight:400;font-size:13px;font-family:'Open Sans',sans-serif; max-width: 150px;}
.rashod .car_block .car_block_des{text-align:left;margin-left:0;margin-top:25px;margin-bottom:30px; width: 100%}
.rashod .car_block .car_block_des h4{font-weight:700;font-size:16px;font-family:'Open Sans',sans-serif; text-align: center;}
.rashod .car_block .car_block_des p strong{margin-left:20px; float: right;}
.another{background-image:url(../img/header/raptor_bg.jpg);/* -webkit-background-size: cover;background-size: cover; */background-position:center;background-repeat:repeat;height:100%;padding:40px 0}
.another h2{text-align: center;font-weight:700;font-size:30px;text-transform:uppercase;color:#fff;font-family:'Open Sans',sans-serif;margin:0 0 40px 0}
.another h2 span{color:#bfc50b; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.another h3{font-weight:400;font-size:18px;text-transform:uppercase;text-align:center;color:#fff;font-family:'Open Sans',sans-serif;margin-top:20px;margin-bottom:15px}
.another .otrasl img{min-height:200px; width: 100%}
.another .poverhnost img{min-height:200px; width: 100%}
.cbalink{display:none}
@media only screen and (max-width: 1199px) {
.another .otrasl img,.another .poverhnost img{height:150px}
.car_block img{width:60%}
.rashod .car_block .car_block_des{margin-left:140px}
.gallery .photos{text-align:center}
/* .gallery .small-photo img{height:155px} */
.gallery .big-photo img{height:360px}
}
@media only screen and (max-width: 992px) {
.header h1{font-size:36px}
.header p{font-size:18px}
.description .image{margin-top:35px}
.title .materials .materials-block img{height:115px}
.title .materials .materials-block h1{font-size:10px}
.title .materials .materials-block a{font-size:12px}
.simple-steps .steps img{height:69px}
.gallery .big-photo img{height:270px}
/* .gallery .small-photo img{height:120px} */
.rashod .car_block .car_block_des{margin-left:55px}
.another h2{font-size:24px}
.another h3{font-size:14px}
}
@media only screen and (max-width: 768px) {
.title .materials{display:block}
.title .materials .materials-block{text-align:center;width:25%;display:inline-block;margin:20px}
.title .materials .materials-block h1{margin-bottom:20px}
.simple-steps .fstep{text-align:left}
.simple-steps .tstep{text-align:right}
.simple-steps iframe{height:290px}
.gallery .big-photo img{height:165px}
.another .otrasl img,.another .poverhnost img{height:100px}
.another h3{font-size:12px}
.rashod .car_block .car_block_des{margin-left:0}
}
@media only screen and (max-width: 576px) {
.header{height: 100%;}
.header .logo{height: 200px;}
.header h1{font-size:24px}
.header p{font-size:14px}
.title .materials .materials-block{width:34%}
.title .materials .materials-block img{height:100px}
/* .gallery .small-photo .two img{margin:0 5px;height:80px} */
.rashod h2{font-size:24px}
.car_image{height:495px}
/* .bg-image{ background-image: url('../img/raptor_bg_light.png'); background-repeat: repeat; } */
}