/* Ivan Mosalev — site development */
/** Teaser - Тизерный блок */
.teaser-wrapper{background:#dfe4e8;padding:50px 0 50px}
.teaser-1{font-size:46px;font-weight:900;text-transform:uppercase;margin:0 0 15px;width:60%}
.teaser-2{font-size:28px;margin:0 0 20px;width:60%}
.teaser-list{margin:75px 0 40px;padding:0;list-style:none}
.teaser-list:after{content:"";display:block;clear:both}
.teaser-list li{float:left;width:22%;padding:0 70px 0 50px;font-size:18px;font-weight:300;position:relative}
@media (max-width: 768px) {
    .teaser-list li {
        width: 80% !important;
        padding: 0 0px 20px 50px;
    }
    .catalog-filter {
    margin: 15px 0 20px !important;
    border-radius: 4px;
    overflow: hidden;
}
}
.teaser-list li:last-of-type{padding:0 20px 0 50px}
.teaser-list li span{font-weight:700}
.teaser-list li:before{content:"";display:block;position:absolute;left:5px;top:8px;width:11px;height:11px;background:#bf3746;border:4px solid #dfe4e8;outline:5px solid #bf3746}
.teaser-form-wrapper{margin:20px 0;background:#fff;padding:40px 30px}
.teaser-form-info{margin:0 0 30px}
.teaser-form-info:after{content:"";display:block;clear:both}
.teaser-form-header{float:left;width:65%;margin:0 5% 0 0;font-size:28px;line-height:1.1}
.teaser-form-header span{font-weight:700}
.teaser-form-note{width:30%;float:left;font-size:14px;line-height:1.5;color:#a5a5a5}
.teaser-input{margin:0 20px 0 0}

/** Catalog - Каталог пружин */
.catalog-wrapper{padding:80px 0 40px}
.catalog-filter{margin:15px 0 50px;border-radius:4px;overflow:hidden}
.catalog-filter:after{content:"";display:block;clear:both}
.catalog-filter-item{float:left;width:25%;color:#91969c;background:#dfe4e8;line-height:75px;font-size:18px;font-weight:700;text-align:center;cursor:pointer}
.catalog-filter-item.is-checked{color:#fff;background:#001b41}
.catalog-list{margin: 30px -1.65% 0;position:relative}
.catalog-list:after{content:"";display:block;clear:both}
.catalog-item{display:block;position:relative;float:left;width:30%;height:220px;background:#dfe4e8;border-radius:1px;margin:0 1.65% 60px;overflow:hidden;text-decoration:none;color:#021d41}
.catalog-item img{display:block;position:absolute;right:0;top:0;width:100%;height:auto}
.catalog-item-name{position:relative;padding:40px 100px 30px 30px;text-decoration:none;font-size:20px;font-weight:700}
.catalog-item-btn{position:absolute;left:30px;bottom:30px}

/** Search - Не нашли пружины? */
.search-wrapper{padding:20px 0 50px}
.search-container{margin:45px 0 0}
.search-container:after{content:"";display:block;clear:both}
.search-block-scheme{float:left;width:48%;margin:0 2% 40px 0;background:#be3644;color:#fff}
.search-block-calc{float:right;width:48%;margin:0 0 40px 2%;background:#001b41;color:#fff}
.search-block-inner{padding:50px 200px 50px 50px}
.search-block-header{font-size:20px;font-weight:700;margin:0 0 20px}
.search-block-desc{margin:0 0 25px}

/** Product Info - информация о продукте */
.product-info-wrapper{padding:60px 0 60px}
.product-info-container{margin:30px 0 0}
.product-info-container:after{content:"";display:block;clear:both}
.product-info-image{float:left;width:20%;margin:0 5% 0 0}
.product-info-image img{width:100%;height:auto;display:inline-block}
.product-info-content{float:left;padding:10px 0 0;width:75%;line-height:1.5;color:#1c2531;margin:0 0 25px}

/** Advantages - Преимущества завода */
.advantages-wrapper{padding:80px 0 40px}
.advantages-list{margin:35px 0 40px;padding:0;list-style:none;color:#fff}
.advantages-list:after{content:"";display:block;clear:both}
.advantages-list li{float:left;width:28%;padding:0 0 0 50px;margin: 0 3% 0 0;box-sizing:border-box;font-weight:300;position:relative}
.advantages-list li:last-of-type{margin: 0}
.advantages-list li span{font-weight:700}
.advantages-list li:before{content:"";display:block;position:absolute;left:5px;top:8px;width:11px;height:11px;background:#bf3746;border:4px solid #001b41;outline:5px solid #bf3746}
.advantages-list-header{font-size:20px;font-weight:700;margin:0 0 15px}

/** Companies - Компании клиенты */
.clients-wrapper{padding:80px 0 50px}
.clients-container{margin:50px 0 0}
.clients-container:after{content:"";display:block;clear:both}
.clients-filter{width:30%;margin:0 5% 0 0;float:left}
.clients-filter-item{font-size:20px;color:#666;cursor:pointer;margin:0 0 20px}
.clients-filter-item.current{color:#001b41;text-decoration:underline;cursor:default}
.clients-list{width:65%;float:left;text-align:left}
.clients-list:after{content:"";display:block;clear:both}
.clients-list-block{display:block;float:left;width:25%;margin:0 0 30px;min-height:80px;text-align:center;opacity:.1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.clients-list-block:nth-of-type(4n+1){clear:both}
.clients-list-block img{max-width:80%}
.clients-list-block.active{-moz-opacity:1;-khtml-opacity:1;opacity:1}

/** Middle Form - Форма в середине сайта  */
.middle-form-wrapper{background:#001b41;padding:80px 0}
.middle-form-header{float:left;width:45%;margin:0 10% 0 0}
.middle-form-container{width:45%;float:left;border:40px solid #fff;box-sizing:border-box}
.middle-form-inner{margin:50px 50px 40px}
.middle-form-input{display:block;margin:0 0 20px;width:100%}
.middle-form-btn{display:block;margin:0 0 35px;width:100%}
.middle-form-note{font-size:14px;line-height:1.5;color:#a2a5af}

/** Steps - Шаги к заказу */
.steps-wrapper{padding:80px 0}
.steps-header{width:65%}
.steps-container{position:relative}
.steps-block{position:relative;margin:0 0 25px 0}
.steps-block:after{content:"";display:block;clear:both}
.step-left{float:left;width:50%}
.step-right{float:right;width:50%}
.step-button{text-align:center}
.steps-block-btn{width:50%;margin:130px 0 0 0}
.step-left .step-content{margin:100px 0 0 85px}
.step-right .step-content{margin:100px 0 0 30px}
.step-content:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.step-content .step-number{display:inline-block;vertical-align:middle;font-size:130px;font-weight:300;line-height:1;text-align:right;color:#bf3746;width:20%}
.step-content .step-text{display:inline-block;vertical-align:middle;font-size:18px;width:70%;margin:0 0 0 5%}
.step-content .step-text a{font-weight:700;color:#001b41;text-decoration:none}
.step-duration{height:170px}
.step-duration span{display:inline-block;vertical-align:bottom;width:95%;color:#bf3746;font-size:18px;padding:0 0 10px 0}
.step-left .step-duration{margin:0 0 0 265px;text-align:left;border-left:5px solid #e5e8ec;border-bottom:5px solid #e5e8ec}
.step-left .step-duration:before{content:"";display:inline-block;height:100%;width:3%;vertical-align:middle}
.step-right .step-duration{margin:0 200px 0 65px;text-align:right;border-right:5px solid #e5e8ec;border-bottom:5px solid #e5e8ec}
.step-right .step-duration:after{content:"";display:inline-block;height:100%;width:3%;vertical-align:middle}