/*banner */
#banner {position:relative; z-index:9;height:785px; background-position:center top; background-repeat: no-repeat; background-size: cover;}
#banner ul {margin:0 auto; padding: 0; list-style: none; height: 785px;}
#banner ul li {background-size:cover; background-repeat: no-repeat; background-position: center top; height:785px;position: relative;}
#banner ul li .container{height: 100%;}
#banner ul li .container .row{display: table; height: 100%; position: relative; z-index: 2; width: 100%; margin: 0 auto;}
#banner ul li .container .row [class^="col-"]{float: none; display: table-cell; height: 100%; vertical-align: top; position: relative; z-index: 99;}

#banner ul li .banner-info .btn-cust{position: absolute; bottom: 200px;}
#banner ul li .banner-info{color: #ffffff; }


#banner ul li .banner-info{padding-top:160px; vertical-align: top;}
#banner ul li .banner-info .main-text{font-family: 'Square721BT-Bold'; text-transform: uppercase; font-size: 375%; line-height: 100%; color: #3a60a7;}
#banner ul li .banner-info .main-text span{font-family: 'Square721BT-Roman'; font-size: 50%; display: block;}
#banner ul li .sub-text{color: #049edc; padding-top: 30px; font-family: 'Square721BT-Bold'; font-size: 112%; text-align: right; margin-bottom: 20px;}
#banner ul li .sort-info{color: #000000; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: right;}
#banner ul li .banner-pic{bottom: 130px; position: absolute;}
#banner ul li .banner-pic img{max-width: 140%;}

#banner .bx-wrapper {margin:0;}
/*#banner .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; margin-top: -25px; background-color: #201e1f; transition: all 0.4s;}
#banner .bx-wrapper .bx-controls-direction a:hover {background-color: #ec3237;}
#banner .bx-wrapper .bx-prev:before, #banner .bx-wrapper .bx-next:before {content: ''; width: 19px; height: 8px; display: block; position: absolute; left: 0; right: 0; top: 5px; bottom: 0; margin: auto; background: url('../images/sprite.png') center center no-repeat;}
#banner .bx-wrapper .bx-prev:before {transform: rotateY(180deg); background-position: -236px -9px; }
#banner .bx-wrapper .bx-next:before {background-position:-236px -9px; }
#banner .bx-wrapper .bx-prev,#banner .bx-wrapper .bx-next{background-image:none;}*/

#banner .bx-pager{ position: absolute; width: 50px; height: 50px; right: 20px; z-index: 9; top: 30%; padding: 0;}
#banner .bx-wrapper .bx-pager .bx-pager-item{display: block; float: right; width: 100%;}
#banner .bx-wrapper .bx-pager.bx-default-pager a{background-color: #3a60a7; width: 30px; margin: 7px 0; height: 1px; display: block; float: right; position: relative;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:before{content: ""; height: 5px; width: 100%; display: block; position: absolute; top: -5px; left: 0; right: 0;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:after{content: ""; height: 5px; width: 100%; display: block; position: absolute; bottom: -5px; left: 0; right: 0;}
#banner .bx-wrapper .bx-pager.bx-default-pager a{text-indent: -9999px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 50px; background-color: #049edc;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}

#about-block { padding-top: 140px;}


.truck-block{position: relative;}
.truck-block{max-width: 587px; position: relative; margin: 0 auto;} 
.truck-block img{margin: 0 auto;}
.truck-block .section{position: absolute; border-bottom1: 1px solid #e32428;}
.truck-block .section:after{content: ""; height: 1px; width: 100%; bottom: 0; background-color: #e32428; z-index: 3; position: absolute;}

.truck-block .section .content {position: relative; top: 10px; max-width: 230px;}
.truck-block .section .title {font-size: 112%; color: #049edc; padding-bottom: 10px;}
.truck-block .section .text {font-weight: 300; color: #000; margin-bottom: 10px; transition: all 0.4s;}
.truck-block .section .line:after{content: ""; width: 22px; height: 22px; background-color: rgba(255,255,255,0.8); border-radius: 50%; position: absolute; right: -11px; bottom: -11px; z-index: 0; animation: expand2 2s infinite ease-in-out;}
.truck-block .section .line:before{content:""; width: 7px; height: 7px; background-color:#e32428; border-radius: 50%; position: absolute; right: -3px; bottom: -3px; z-index: 1;}

@-webkit-keyframes expand2 {
    0% {transform: scale(1.1);}
    100% {transform: scale(2); opacity: 0;}
}

#features {padding: 200px 0 100px;}
#features .container{position: relative;}
#features .container span.bg{ border-radius: 10px; content: ""; position: absolute; left: -120px; right: -120px; width: calc(100% + 240px); background-color: #f4f4f4; top: -90px; bottom: -90px; height: calc(100% + 180px);}

#attributes-slider .block {display: table; width: 100%; padding-top: 25px;}
#attributes-slider .block div {display: table-cell; vertical-align: middle;}
#attributes-slider .block .icon {width: 46px;}
#attributes-slider .block .info { padding-left: 15px;}
#attributes-slider .block .info span{display: block;}
#attributes-slider .block .info .name {font-size: 120%; font-family: 'Square721BT-Roman'; color: #3a60a7; font-weight: 600;}
#attributes-slider .block .info .value {font-family: 'Roboto', sans-serif; font-size: 107%; color: #000;}
#attributes-slider .block .info .value.spe-value {font-size: 150%; line-height: normal;}
#attributes-slider .item .product-img{filter:drop-shadow(5px 8px 3px rgba(0,0,0,0.7));}

.truck-block .first{left: -255px; top: 25px; width: 345px;}
.truck-block .second{left: -255px; top: 190px; width: 385px;}
.truck-block .third{right: -260px; top: 35px; width: 455px;}
.truck-block .fourth{right: -215px; top: 85px; width: 435px; padding-top: 40px;}
.truck-block .fifth{right: -255px; top: 165px; width: 435px; padding-top: 40px;}

.truck-block .section.third .content{text-align: right; float: right;}
.truck-block .section.fourth .content,.truck-block .section.fifth .content{text-align: right; float: right;}
.truck-block .section.third .line:after{left: -15px; right: auto;}
.truck-block .section.third .line:before{left: -7px; right: auto;}
.truck-block .section.fourth .line:after{left: -15px;}
.truck-block .section.fourth .line:before{left: -7px;}
.truck-block .section.fifth .line:after{left: -15px;}
.truck-block .section.fifth .line:before{left: -7px; right: auto; top: 71px;}

/* first-slide */
.truck-block.first-slide .section:after{display: none;}
.truck-block.first-slide .section .line:after{display: none;}
.truck-block.first-slide .section .line:before{display: none;}


/* second-slide */
.truck-block.second-slide .first{top: 45px;}
.truck-block.second-slide .second{top: 150px; width: 600px;}
.truck-block.second-slide .third{bottom: 100px; top: auto; width: 380px;}
.truck-block.second-slide .fourth{bottom: 40px; top: auto; width: 440px; right: -230px;}


/* third-slide */
.truck-block.third-slide .first{top: 140px; width: 395px;}
.truck-block.third-slide .second{top: 170px; width: 300px;}
.truck-block.third-slide .third{ width: 605px; top: 45px;}
.truck-block.third-slide .fourth{width: 550px; top: 100px;}
.truck-block.third-slide .fifth{width: 655px;}

/* fourth-slide */
.truck-block.fourth-slide .first{top: 155px; width: 443px;}
.truck-block.fourth-slide .second{top: 185px; width: 450px;}
.truck-block.fourth-slide .third{top: 210px; width: 605px;}
.truck-block.fourth-slide .fourth{top: 106px; width: 560px;}
.truck-block.fourth-slide .fifth{top: 143px; width: 520px;}

/* fifth-slide */
.truck-block.fifth-slide .first{top: 140px; width: 280px;}
.truck-block.fifth-slide .second{top: 195px; width: 380px;}
.truck-block.fifth-slide .third{top: 100px; width: 605px;}
.truck-block.fifth-slide .section.third .content{max-width: 240px; text-align: left;}
.truck-block.fifth-slide .section.third:after{display: none;}
.truck-block.fifth-slide .section.third .line:before{display: none;}
.truck-block.fifth-slide .section.third .line:after{display: none;}

/* sixth-slide */
.truck-block.sixth-slide .first{top: 155px; width: 450px;}
.truck-block.sixth-slide .third{top: 50px; width: 380px;}
.truck-block.sixth-slide .fourth{top: 190px; width: 455px;}

/* seventh-slide */
.truck-block.seventh-slide .first{ width:320px;}
.truck-block.seventh-slide .second{top: 285px; width: 680px;}
.truck-block.seventh-slide .third{top: 140px; width: 460px;}
.truck-block.seventh-slide .section.third .content{max-width: 240px;}
.truck-block.seventh-slide .fourth{top: 20px; width: 260px;}
.truck-block.seventh-slide .fifth{top: 140px; width: 585px;}

/*.truck-block.second-slide .first{top: 105px;}

.truck-block.second-slide  .third{bottom:55px; top: auto; right: -195px;}*/



/*.truck-block .section.fourth:after{bottom: auto; top: 0;}*/