@charset "utf-8";

@font-face{
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight.eot");
    src: url("../fonts/RobotoLight-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoLight.woff.html") format("woff"),
         url("../fonts/RobotoLight.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoRegular.woff.html") format("woff"),
         url("../fonts/RobotoRegular.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold.eot");
    src: url("../fonts/RobotoBold-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoBold.woff.html") format("woff"),
         url("../fonts/RobotoBold.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoSlabThin";
    src: url("../fonts/RobotoSlabThin.eot");
    src: url("../fonts/RobotoSlabThin-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoSlabThin.woff.html") format("woff"),
         url("../fonts/RobotoSlabThin.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoSlabLight";
    src: url("../fonts/RobotoSlabLight.eot");
    src: url("../fonts/RobotoSlabLight-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoSlabLight.woff.html") format("woff"),
         url("../fonts/RobotoSlabLight.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoSlabRegular";
    src: url("../fonts/RobotoSlabRegular.eot");
    src: url("../fonts/RobotoSlabRegular-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoSlabRegular.woff.html") format("woff"),
         url("../fonts/RobotoSlabRegular.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "RobotoSlabBold";
    src: url("../fonts/RobotoSlabBold.eot");
    src: url("../fonts/RobotoSlabBold-1.eot")format("embedded-opentype"),
         url("../fonts/RobotoSlabBold.woff.html") format("woff"),
         url("../fonts/RobotoSlabBold.ttf.html") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/*--- Style ---*/
    *,
    *:after,
    *:before{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        outline: none !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    html,
    body{
        color: #000000;
        font-size: 16px;
        min-width: 320px;
        background: #ffffff;
        font-family: "RobotoRegular";
    }
    img{
        width: auto;
        max-width: 100%;
        vertical-align: middle;
    }
    a{
        color: inherit;
        cursor: pointer;
    }
    a:hover{
        text-decoration: none;
    }
    ul{
        list-style: none;
    }
    .container{
        width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
        z-index: 1;
    }
    .clr:after{
        content: "";
        display: table;
        clear: both;
    }
    .lg-backdrop.in{
        opacity: 0.9;
    }
/*--- Main ---*/
    .main{
        color: #ffffff;
        padding: 0 0 100px 0;
        background: url("../images/main/bg.jpg") center top no-repeat;
        background-size: cover;
    }
    /*--- Header ---*/
        .header{
            padding: 30px 0 0 0;
        }
        .logo{
            float: left;
            width: 225px;
            margin: 0 119px 0 0;
            font-family: "RobotoSlabBold";
            letter-spacing: 0.4px;
            text-decoration: none;
            font-size: 24px;
        }
        .logo span{
            width: 220px;
            height: 20px;
            display: block;
            font-size: 14px;
            line-height: 20px;
            background: #ff5b01;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            text-align: center;
            margin: 5px 0 0 0;
        }
        /*--- Text_btn ---*/
            .text_btn{
                float: left;
                width: 220px;
                text-align: right;
                margin: 9px 95px 0 0;
                letter-spacing: 0.3px;
                font-family: "RobotoLight";
                font-size: 14px;
            }
            .text_btn--call{
                width: 180px;
                margin: 9px 0 0 0;
            }
            .text_btn a{
                font-family: "RobotoSlabBold";
                text-decoration: none;
                display: inline-block;
                vertical-align: top;
                margin: 4px 0 0 0;
                font-size: 16px;
            }
            .text_btn a > *{
                display: inline-block;
                vertical-align: middle;
            }
            .text_btn span{
                margin: 0 0 0 6px;
                padding: 0 0 2px 0;
                border-bottom: 2px dashed #ffb900;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }
            .text_btn a:hover span{
                border-color: transparent;
            }
        /*--- Phone ---*/
            .phone{
                width: 250px;
                float: right;
                font-size: 14px;
                text-align: right;
                margin: 9px 0 0 0;
                letter-spacing: 0.4px;
                text-transform: uppercase;
                font-family: "RobotoSlabThin";
            }
            .phone a{
                text-decoration: none;
                display: inline-block;
                vertical-align: top;
                font-size: 24px;
            }
            .phone a > *{
                display: inline-block;
                vertical-align: middle;
            }
            .phone span{
                margin: 0 0 0 5px;
            }
            .phone strong{
                font-weight: normal;
                font-family: "RobotoSlabBold";
            }
    /*--- Offer ---*/
        .offer{
            width: 670px;
            margin: 96px 0 0 0;
        }
        .offer h1{
            margin: 0;
            font-size: 45px;
            font-weight: normal;
            letter-spacing: 0.9px;
            font-family: "RobotoSlabBold";
            text-transform: uppercase;
            line-height: 1.4;
        }
        .offer h1 span{
            font-family: "RobotoSlabLight";
        }
        /*--- Offer__advantages ---*/
            .offer__advantages{
                font-size: 18px;
                margin: 26px 0 34px 0;
                letter-spacing: 0.34px;
            }
            .offer__advantages li{
                padding: 0 0 0 29px;
                background: url(../images/main/list_style.png) left top 13px no-repeat;
                line-height: 1.85;
            }
            .offer__advantages li:last-child{
                margin: 0;
            }
            .offer__advantages strong{
                font-weight: normal;
                font-family: "RobotoBold";
            }
        .btn{
            width: 273px;
            height: 62px;
            border: none;
            cursor: pointer;
            line-height: 60px;
            position: relative;
            text-align: center;
            letter-spacing: 0.3px;
            display: inline-block;
            vertical-align: middle;
            text-decoration: underline;
            font-family: "RobotoSlabLight";
            -webkit-box-shadow: 0px -2px 0px 0px #c58f00 inset;
            box-shadow: 0px -2px 0px 0px #c58f00 inset;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            background: #ffbb00;
            border-radius: 4px;
            font-size: 16px;
            color: #000000;
        }
        .btn:hover{
            background: #e0a300;
            text-decoration: none;
        }
        .btn:active{
            background: #cd9500;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .note{
            position: absolute;
            right: -60px;
            bottom: -15px;
            background: #ff5500;
            font-family: "RobotoRegular";
            line-height: 30px;
            font-size: 14px;
            color: #ffffff;
            width: 140px;
            height: 33px;
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        /*--- Offer__list ---*/
            .offer__list{
                font-family: "RobotoSlabLight";
                letter-spacing: 0.3px;
                display: inline-block;
                vertical-align: middle;
                margin: -5px 0 0 99px;
                font-size: 14px;
            }
            .offer__list li{
                margin: 0 0 4px 0;
            }
            .offer__list li:last-child{
                margin: 0;
            }
/*--- Portfolio ---*/
    .portfolio{
        position: relative;
        padding: 89px 0 100px 0;
        background: url("../images/portfolio/bg.jpg") center top no-repeat;
        background-size: cover;
        text-align: center;
        z-index: 1; 
    }
    h2{
        font-size: 45px;
        font-weight: normal;
        letter-spacing: 0.9px;
        font-family: "RobotoSlabBold";
        text-transform: uppercase;
    }
    h2:after{
        content: "";
        display: block;
        background: #ffb900;
        margin: 22px auto 0 auto;
        width: 100px;
        height: 10px;
    }
    /*--- Portfolio__list ---*/
        .portfolio__list{
            margin: 30px 0 0 0;
        }
        .portfolio__list a{
            float: left;
            width: 288px;
            padding: 14px;
            border-radius: 4px;
            background: #ffffff;
            margin: 0 6px 27px 0;
            border: 2px solid #f1f1f1;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
        .portfolio__list a:hover{
            border-color: #ffda77;
        }
        .portfolio__list a:nth-child(4n){
            margin-right: 0;
        }
/*--- Services ---*/
    .services{
        text-align: center;
        padding: 89px 0 60px 0;
        background: url("../images/services/bg.jpg") center top no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    h2 span{
        display: block;
        line-height: 1.5;
        margin: 15px 0 0 0;
        letter-spacing: 0.35px;
        font-family: "RobotoSlabRegular";
        text-transform: none;
        font-size: 18px;
    }
    h2 strong{
        font-weight: normal;
        font-family: "RobotoSlabBold";
    }
    /*--- Services__list ---*/
        .services__list{
            display: flex;
            flex-wrap: wrap;
            text-align: left;
            line-height: 1.5;
            font-size: 18px;
            font-family: "RobotoSlabRegular";
            margin: 32px 0 0 0;
        }
        .services__item{
            width: 380px;
            letter-spacing: 0.4px;
            margin: 0 15px 40px 0;
            padding: 0 0 40px 0;
            position: relative;
        }
        .services__item:nth-child(3n){
            margin-right: 0;
        }
        .services__img{
            padding: 10px;
            background: #ffffff;
            margin: 0 0 16px 0;
        }
        .services__item a{
            position: absolute;
            left: 0;
            bottom: 0;
            letter-spacing: 0.3px;
            font-family: "RobotoSlabBold";
            border-bottom: 2px dashed #ffb900;
            text-decoration: none;
            padding: 0 0 1px 0;
            font-size: 16px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
        .services__item a:hover{
            border-color: transparent;
        }
/*--- Advantages ---*/
    .advantages{
        color: #ffffff;
        text-align: center;
        direction: rtl;
        padding: 89px 0 100px 0;
        background: url("../images/advantages/bg.jpg") center top no-repeat;
        background-size: cover;
    }
    .advantages h2{
        margin: 0 0 40px 0;
        direction: ltr;
    }
    .advantages h2:after{
        margin: 32px auto 0 auto;
    }
    /*--- Forma ---*/
        .forma{
            color: #000000;
            margin: 0 0 0 14px;
            padding: 32px 30px 38px 30px;
            display: inline-block;
            vertical-align: middle;
            direction: ltr;
            border-radius: 4px;
            background: #ffffff;
            width: 430px;
        }
        .forma p{
            font-size: 20px;
            letter-spacing: 0.4px;
            font-family: "RobotoSlabBold";
            text-transform: uppercase;
            line-height: 1.5;
        }
        .forma > span{
            display: block;
            color: #555555;
            line-height: 1.5;
            margin: 17px 0 24px 0;
            letter-spacing: 0.3px;
        }
        .forma input[type=text],
        .forma select,
        .forma textarea{
            width: 100%;
            height: 55px;
            padding: 0 19px 0 70px;
            letter-spacing: 0.4px;
            border: 1px solid #aaaaaa;
            background: url("../images/advantages/form_icon1.png") center left 16px no-repeat;
            border-radius: 4px;
        }
        .forma input[name=phone]{
            margin: 10px 0 0 0;
            background-image: url("../images/advantages/form_icon2.png");
        }
        .forma select{
            margin: 10px 0 0 0;
            padding-right: 28px !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url("../images/advantages/form_icon3.png") center left 16px no-repeat, url("../images/advantages/arrow.png") center right 8px no-repeat;
        }
        .error::-webkit-input-placeholder{
            color: #ff0a22;
        }
        .error:-moz-placeholder{
            color: #ff0a22;
        }
        .error::-moz-placeholder{
            color: #ff0a22;
        }
        .error:-ms-input-placeholder{
            color: #ff0a22;
        }
        .forma label{
            display: block;
            font-size: 12px;
            font-family: "RobotoLight";
            letter-spacing: 0.25px;
            margin: 19px 0 18px 0;
            color: #0066bb;
        }
        .forma label > *{
            display: inline-block;
            vertical-align: middle;
        }
        .forma label span{
            margin: -2px 0 0 5px;
        }
    /*--- Advantages__list ---*/
        .advantages__list{
            text-align: left;
            margin: 0 0 0 38px;
            display: inline-block;
            vertical-align: middle;
            letter-spacing: 0.35px;
            direction: ltr;
            font-size: 18px;
        }
        .advantages__list li{
            margin: 0 0 28px 0;
        }
        .advantages__list li:last-child{
            margin: 0;
        }
        .advantages__list p{
            width: 390px;
            margin: 0 0 0 33px;
            display: inline-block;
            vertical-align: middle;
        }
        .advantages__list strong{
            font-weight: normal;
            font-family: "RobotoBold";
        }
/*--- Machinery ---*/
    .machinery{
        text-align: center;
        padding: 89px 0 100px 0;
        background: url("../images/machinery/bg.jpg") center top no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    .machinery h2:after{
        margin: 32px auto 0 auto;
    }
    /*--- Machine ---*/
        .machine{
            font-size: 20px;
            letter-spacing: 0.5px;
            font-family: "RobotoSlabBold";
            text-transform: uppercase;
            margin: 82px 0 0 0;
        }
        .machine__item{
            float: left;
            width: 370px;
            text-align: left;
            margin: 0 30px 0 0;
        }
        .machine__item:last-child{
            margin: 0;
        }
        .machine__img{
            height: 202px;
            border-radius: 2px;
            position: relative;
            background: #ffffff;
            border: 1px solid #bdbdbd;
            margin: 0 0 25px 0;
        }
        .machine__img img{
            position: absolute;
            left: 0;
            right: 0;
            bottom: -10px;
            margin: auto;
        }
    /*--- Slider ---*/
        .slider{
            width: 852px;
            padding: 15px;
            position: relative;
            background: #ffffff;
            border: 1px solid #bdbdbd;
            margin: 35px auto 30px auto;
        }
        .prev,
        .next{
            position: absolute;
            top: 50%;
            left: -108px;
            margin: -25px 0 0 0;
            width: 51px;
            height: 51px;
            border-radius: 50%;
            border: 4px solid #000000;
            background-image: url("../images/machinery/prev.png");
            background-position: 46% 50%;
            background-repeat: no-repeat;
            cursor: pointer;
            z-index: 1;
        }
        .next{
            left: auto;
            right: -108px;
            background-image: url("../images/machinery/next.png");
            background-position: 54% 50%;
        }
/*--- Question ---*/
    .question{
        color: #ffffff;
        text-align: center;
        padding: 89px 0 100px 0;
        background: url("../images/question/bg.jpg") center top no-repeat;
        background-size: cover;
    }
    .question h2{
        margin: 0 0 37px 0;
    }
    .question h2:after{
        margin: 32px auto 0 auto;
    }
    /*--- Text_btn ---*/
        .question .text_btn,
        .question .phone{
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }
        .question .text_btn--call{
            margin: 0 152px;
        }
    /*--- Forma ---*/
        .question .forma{
            width: 100%;
            max-width: 900px;
            margin: 40px 0 0 0;
            padding: 32px 70px 40px 70px;
        }
        .question .forma > span{
            margin: 7px 0 24px 0;
        }
        .question .forma input[type=text]{
            float: left;
            width: 370px;
        }
        .question .forma input[name=phone]{
            margin: 0 0 0 20px;
        }
        .forma textarea{
            height: 162px;
            margin: 20px 0 0 0;
            padding: 19px 19px 19px 70px;
            background-image: url("../images/advantages/form_icon4.png");
            background-position: top 16px left 16px;
        }
        .question .forma label{
            margin: 26px 0 18px 0;
        }
/*--- Footer ---*/
    .footer{
        position: relative;
        z-index: 1;
        font-size: 14px;
        padding: 22px 0;
        background: #000000;
        letter-spacing: 0.3px;
        font-family: "RobotoSlabLight";
        color: rgba(201, 201, 201, 0.42);
    }
    .footer p{
        float: left;
    }
    .footer a{
        float: right;
    }
/*--- Modal ---*/
    .modal{
        display: none;
    }
    .arcticmodal-close{
        font-size: 14px;
        color: #555555;
    }
    /*--- Modal__block ---*/
        .modal__block{
            text-align: center;
        }
        .modal__block .forma{
            margin: 0;
            width: 330px;
            padding: 32px 20px 30px 20px;
        }
        .modal__block .forma input[type=text],
        .modal__block .forma select{
            background-size: 20px;
            padding: 0 19px 0 57px;
            width: 270px;
        }
        .modal__block .forma select{
            background-size: 20px, auto;
        }
        .modal__block .forma .btn{
            width: 270px;
            margin: 0 0 13px 0;
        }
/*--- Thanks ---*/
    .thanks{
        background: url("../images/main/bg.jpg") center top no-repeat;
        background-size: cover;
    }
    .table{
        width: 100%;
        display: table;
        min-height: 100vh;
        border-collapse: collapse;
    }
    .table__cell{
        padding: 50px 0;
        display: table-cell;
        vertical-align: middle;
    }
    /*--- Thanks__text ---*/
        .thanks__text{
            width: 600px;
            color: #ffffff;
        }
        .thanks__text p{
            font-size: 45px;
            margin: 0 0 36px 0;
            letter-spacing: 0.9px;
            font-family: "RobotoSlabBold";
            text-transform: uppercase;
            line-height: 1.4;
        }
        .thanks__text p span{
            font-family: "RobotoSlabLight";
        }
        
        
        
        
        
        
        /*--- About ---*/
    .about{
        background: url("../images/services/bg.jpg") center top no-repeat;
        background-size: cover;
        padding: 89px 0 100px 0;
        text-align: center;
    }
    /*--- About__list ---*/
        .about__list{
            margin: 50px 0 47px 0;
            position: relative;
            font-size: 0;
        }
        .about__list:after{
            content: "";
            position: absolute;
            top: 129px;
            left: 0;
            right: 0;
            height: 1px;
            width: 900px;
            margin: auto;
            background: #ffbb00;
        }
        .about__item{
            width: 270px;
            font-size: 18px;
            color: #000000;
            line-height: 1.5;
            margin: 0 30px 0 0;
            display: inline-block;
            vertical-align: top;
            letter-spacing: 0.2px;
        }
        .about__item:last-child{
            margin-right: 0;
        }
        .about__item div{
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #ffbb00;
            margin: 20px auto 15px auto;
        }
        .about__item p span{
            font-family: "RobotoSlabRegular";
        }