/*header*/
#header{ position:relative; height:100vh; background:url(../img/bj.jpg) no-repeat center right; background-size:cover;}
#header .inner{padding:210px 30px 120px;}
#header .header_top{left:0; top:20px; padding-left:30px; padding-right:30px; box-sizing:border-box;}
#header .logo{width:120px; color:#fff; line-height:19px; font-weight:500;}
#header .logo img{margin-right:10px;}
#header .phone{font-size:15px; line-height:18px; font-weight:700; color:#fff; position:relative; padding-left:21px;}
#header .phone:before{background:url(../img/phone.png) no-repeat; width:13px; height:13px; content:''; position:absolute; display:block; left:0; top:50%; margin-top:-6px;}
#header .phone:hover{text-decoration:underline;}
#header .menu{margin:0 -13px;}
#header .menu li{margin:0 13px;}
#header .menu li a{position:relative; color:#fff; font-size:15px; line-height:18px; font-weight:700;}
#header .menu li a:after{content:''; position:absolute; display:none; background:#ffa800; width:100%; height:2px; left:0; bottom:-7px;}
#header .menu li:hover a:after{display:block;}
#header .header_main p{font-size:22px; line-height:26px; color:#fff; margin-bottom:75px; font-weight:500;}
#header .header_main p span{color:#ffa800;}
#header .header_main h1{font-size:45px; line-height:60px; font-weight:900; color:#fff; letter-spacing:1px;}

/*triggers__block*/
.triggers__block{background:#ebebeb; padding:50px 0; position:relative;}
.triggers__block .item{padding:0 15px;}
.triggers__block .item img{display:block; margin:0 auto; position:relative; height:70px; margin-bottom:24px;} 
.triggers__block .item p{font-weight:500; color:#474747;}

/*tah__block*/
.tah__block{position:relative; padding:75px 0 65px;}
.tah__block .text_block{position:relative; padding-left:20px; padding-right:20px; box-sizing:border-box; margin-left:70px; border-left:2px solid #ffa800; width:465px;}

/*catalog__block*/
.catalog__block{padding:80px 0 90px; position:relative; background:#e7e7e7;}
.catalog__block .item{height:300px; margin-bottom:40px; padding:0 15px;}
.catalog__block .item > div{position:relative; height:100%; box-sizing:border-box; display:flex; flex-direction:column; width:100%; justify-content:space-between; background:#fff;}
.catalog__block .item .image_block{height:150px; border-bottom:4px solid #f8a300; position:relative; overflow:hidden; box-sizing:border-box; flex-shrink:0;}
.catalog__block .item .text_block{padding:15px 25px;}
.catalog__block .item .data{height:35px; line-height:35px; color:#fff; padding:0 25px; font-weight:700; font-size:15px; background:#ffa800;}
.catalog__block .item .data_text{border-bottom:4px solid #ffa800; padding:12px 25px;}
.catalog__block .item .data_text p{line-height:18px;}
.catalog__block .item .data_text p + div{line-height:18px; font-size:15px; font-weight:700; color:#ffa800; padding-top:8px;}

/*buy__block*/
.buy__block{padding:75px 0 90px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.buy__block h2{color:#fff;}
.buy__block .item{padding:0 15px; margin-bottom:30px;}
.buy__block .item > div{height:100%; position:relative; background:#fff; box-sizing:border-box; padding:45px 40px 30px 40px;}
.buy__block .item .image_block{height:180px; position:relative; margin-bottom:40px; text-align:center;}
.buy__block .item .image_block img{width:auto; height:auto; max-width:100%; max-height:180px;}
.buy__block .item .price{font-size:23px; line-height:25px; font-weight:700; color:#ffa800;}
.buy__block .item h3{font-size:19px; line-height:25px; text-transform:uppercase; color:#000; font-weight:700;}
.buy__block .item .text_block{position:relative; padding-left:16px; border-left:4px solid #ffa800; margin-top:35px; margin-bottom:40px;}
.buy__block .item .text_block p + p{margin-top:25px;}
.buy__block .item .bot_block p{color:#979797; font-size:15px; line-height:20px;}
.buy__block .item .bot_block .buy{width:140px; height:40px; line-height:40px; text-align:center; text-transform:uppercase; background:#ffa800; font-size:14px; font-weight:700; margin-right:25px; float:left;}

/*penalty__block*/
.penalty__block{position:relative; padding:80px 0 120px;}
.penalty__block .f_row > div{padding:0 15px;}
.penalty__block .drivers_block .image_block{width:265px; margin-right:30px;}
.penalty__block .drivers_block .text_block h3{font-size:29px; line-height:32px; color:#000; font-family: 'Roboto Slab', serif; font-weight:400;}
.penalty__block .drivers_block .text_block p{font-size:20px; line-height:23px; font-family: 'Roboto Slab', serif; font-weight:400; margin-top:15px;}
.penalty__block .drivers_block > div + div{margin-top:30px;}
.penalty__block .article_block > div{background:url(../img/border.jpg) no-repeat center center; box-sizing:border-box; padding:20px; height:100%;}
.penalty__block .article_block > div > div{position:relative; height:100%; box-sizing:border-box; background:#fff; box-shadow:inset 0 0 40px #e0e0e0; padding:0 25px 25px 25px; text-align:justify;}
.penalty__block .article_block h3{max-width:130px; font-size:18px; line-height:23px; text-align:center; margin:0 auto 65px; padding:20px 15px; font-weight:900; background:#ffa800;}

/*cards__block*/
.cards__block{position:relative; padding:70px 0 120px;}
.cards__block h2{color:#fff;}
.cards__block .item{position:relative; padding:40px 45px; background:rgba(255,255,255,0.9); box-shadow:0 8px 20px rgba(0,1,0,0.15);}
.cards__block .item + .item{margin-top:20px;}
.cards__block .item h3{font-size:19px; line-height:22px; text-transform:uppercase; position:relative; font-weight:700; color:#343434;}
.cards__block .item .buttons_block{padding-top:35px; margin:0 -5px;}
.cards__block .item .buttons_block > div{height:36px; line-height:36px; border:2px solid #ffa800; background:#fff; font-size:14px; font-weight:700; text-transform:uppercase; margin:0 5px; padding:0 25px; transition:0.4s;}
.cards__block .item .buttons_block > div.btn1{background:#ffa800;}
.cards__block .item .buttons_block > div.btn1:hover{background:#fff;}
.cards__block .item .buttons_block > div.btn2:hover{background:#ffa800;}

/*monitor__block*/
.monitor__block{position:relative; padding:80px 0 100px;}
.monitor__block .f_row > div{padding:0 15px;}
.monitor__block .image_block .flex{padding-top:20px;}
.monitor__block .image_block .flex img{position:relative; margin:0 16px;}
.monitor__block .image_block .w100{max-width:460px;}
.monitor__block h3{font-size:19px; line-height:26px; margin-bottom:30px; color:#343434; position:relative; font-weight:700;}
.monitor__block h3 + div{position:relative; color:#2b2b2b; padding-left:17px; border-left:3px solid #ffa800;}
.monitor__block h3 + div p + p{margin-top:20px;}

/*adv__block*/
.adv__block{position:relative; padding:80px 0 120px; background:#ebebeb;}
.adv__block .f_row > div{padding:0 15px; margin-bottom:25px; line-height:19px; font-weight:500;}
.adv__block .f_row > div img{width:25px; margin-right:20px;}
.adv__block .button{margin-top:50px; width:190px; height:40px; line-height:40px; background:#ffa800; box-shadow:0 8px 20px rgba(0,1,0,0.15); font-weight:700; font-size:14px;}

/*dop__block*/
.dop__block{position:relative; padding:80px 0 90px;}
.dop__block h2{color:#fff;}
.dop__block .item{padding:0 15px; margin-bottom:30px;}
.dop__block .item > div{position:relative; background:#fff; box-sizing:border-box; padding:45px 0 70px; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.dop__block .item .image_block{height:205px; border-bottom:3px solid #ffa800; margin-bottom:30px; text-align:center;}
.dop__block .item .image_block img{max-height:205px; max-width:100%; width:auto; height:auto;}
.dop__block .item .text_block{padding:0 35px;}
.dop__block .item .text_block h3{font-size:19px; line-height:23px; font-weight:700; position:relative; margin-bottom:25px;}
.dop__block .item .button{width:190px; height:40px; line-height:40px; background:#ffa800; box-shadow:0 8px 20px rgba(0,1,0,0.15); font-weight:700; font-size:14px; margin-left:35px; margin-top:45px;}

/*road__block*/
.road__block{position:relative; padding:80px 0 120px;}
.road__block .f_row > div{padding:0 15px;}
.road__block .text_block > div{position:relative; padding-left:17px; border-left:3px solid #ffa800;}

/*mulch__block*/
.mulch__block{position:relative; padding:80px 0 120px; background:#ebebeb;}
.mulch__block .pic_block{margin-top:35px; text-transform:uppercase;}
.mulch__block .pic_block .pic{margin:0 35px;}
.mulch__block .pic_block .pic img{height:111px; display:block; box-shadow:0 8px 20px rgba(0,1,0,0.15); border-radius:50%;}
.mulch__block .pic_block b{display:block;}
.mulch__block .text_block{font-size:15px; line-height:19px;}
.mulch__block .text_block .border{width:4px; height:38px; background:#ffa800; position:relative; margin:0 40px;}

/*tabs__block*/
.tabs__block{padding:80px 0 120px; position:relative;}
.tabs__block h2{color:#fff;}
.tabs__block .tabs{padding:60px 50px; position:relative; background:#fff;}
.tabs__block .tabs_links{width:300px; margin-right:30px; border-right:1px solid #d5d5d5; min-height:595px;}
.tabs__block .tabs_links li{position:relative; display:block; cursor:pointer; padding:20px 35px; font-size:17px; font-weight:500;}
.tabs__block .tabs_links li.active{background:#ffeecc; border-right:4px solid #ffa800; padding-right:31px;}
.tabs__block .item h3{text-transform:uppercase; font-size:19px; line-height:24px; font-weight:700; position:relative; margin-bottom:30px;}
.tabs__block .item img{position:relative; display:block; width:200px;}
.tabs__block .item img.fleft{margin:0 25px 10px 0;}
.tabs__block .item img.fright{margin:0 0 25px 10px;}
.tabs__block .item .button{width:190px; height:40px; line-height:40px; background:#ffa800; box-shadow:0 8px 20px rgba(0,1,0,0.15); font-weight:700; font-size:14px;  margin-top:45px;}
.tabs__block .item{display:none; position:relative;}
.tabs__block .item.active{display:block;}


/*fiting__block*/
.fiting__block{padding:80px 0 100px; position:relative;}
.fiting__block .f_row > div{padding:0 15px;}
.fiting__block .text_block > div{position:relative; padding-left:17px; border-left:3px solid #ffa800;}

/*equip__block*/
.equip__block{padding:80px 0 90px; background:#f3f3f3; position:relative;}
.equip__block .f_row .item{padding:0 15px; margin-bottom:30px;}
.equip__block .f_row .item > div{position:relative; height:100%; background:#fff; box-shadow:0 8px 20px rgba(0,1,0,0.15); box-sizing:border-box; padding:20px;}
.equip__block .f_row .item h3{font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700; margin-bottom:15px; color:#2b2b2b;}
.equip__block .f_row .item .button{height:36px; line-height:36px; text-align:center; text-transform:uppercase; background:#ffa800; font-weight:700; font-size:14px; color:#000;}

/*about__block*/
.about__block{position:relative; padding:80px 0 120px;}
.about__block .f_row > div{padding:0 15px;}
.about__block .text_block > div{position:relative; padding-left:17px; border-left:3px solid #ffa800;}

/*gallery__block*/
.gallery__block{padding:80px 0 50px; position:relative; background:#ececec;}
.gallery__block .f_row .item{padding:0 15px; margin-bottom:30px; height:365px;}
.gallery__block .f_row .item a{box-shadow:0 8px 20px rgba(0,1,0,0.15); background-color:#fff;}

/*contacts__block*/
.contacts__block{padding:55px 0 25px; position:relative;}
.contacts__block .item{padding:0 15px; margin-bottom:20px;}
.contacts__block .item img{margin-right:15px;}
.contacts__block .item h3{font-size:23px; line-height:25px; color:#fff; position:relative; margin-bottom:10px; font-weight:300;}
.contacts__block .item a{color:#fff; font-weight:900; display:block; position:relative; font-size:17px;}
.contacts__block .item a:hover{text-decoration:underline;}
.contacts__block .item p{color:#fff; font-weight:900; display:block; position:relative; font-size:17px;}

/*map__block*/
.map__block{position:relative; overflow:hidden; height:650px;}
.map__block iframe{height:100%; position:relative; display:block; width:100%;}

/*footer*/
#footer{position:relative; padding:30px 0; background:#1d1d1d;}
#footer .logo{width:120px; color:#fff; line-height:19px; font-weight:500;}
#footer .logo img{margin-right:10px;}
#footer .inner .f_row > div{color:#fff; font-size:15px; line-height:27px; border-left:2px solid #ffa800; padding-left:45px;}

/*modal__block*/
.modal__block{background:#fff; position:relative; margin:0 auto; width:500px; box-sizing:border-box; padding:25px; border-radius:6px;}
.modal__block .inputbox{height:40px; border:2px solid #ffa800 !important; padding:10px 20px; line-height:20px; font-size:15px; font-weight:500; margin-bottom:15px;}
.modal__block textarea.inputbox{height:150px;}
.modal__block h2{margin-bottom:25px;}
.modal__block button{height:36px; line-height:36px; text-align:center; text-transform:uppercase; background:#ffa800; font-weight:700; font-size:14px; color:#000; margin:0 auto; width:190px;}