@charset "utf-8";

@font-face {
    font-family: "CirceThin";
    src: url("../fonts/CirceThin.eot");
    src: url("../fonts/CirceThin.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceThin.woff") format("woff"),
         url("../fonts/CirceThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceLight";
    src: url("../fonts/CirceLight.eot");
    src: url("../fonts/CirceLight.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceLight.woff") format("woff"),
         url("../fonts/CirceLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceRegular";
    src: url("../fonts/CirceRegular.eot");
    src: url("../fonts/CirceRegular.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceRegular.woff") format("woff"),
         url("../fonts/CirceRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceBold";
    src: url("../fonts/CirceBold.eot");
    src: url("../fonts/CirceBold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceBold.woff") format("woff"),
         url("../fonts/CirceBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*--- Style ---*/
    *,*:after,*:before{margin: 0; padding: 0; outline: none; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
    html,body{font-family: "CirceLight"; background: #ffffff; line-height: 1.2; min-width: 320px;}
    img{border: none; vertical-align: middle; width: auto; max-width: 100%;}
    div:after{content: ""; display: table; clear: both;}
    a{color: inherit; cursor: pointer;}
    a:hover{text-decoration: none;}
    ul{list-style: none;}

.main_content{
    max-width: 1920px;
    margin: 0 auto;
}
.container{
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.btn,
.for > div:before, .for_text ul,
.prev, .next{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*--- Header ---*/
    header{
        position: absolute;
        top: 25px;
        left: 0;
        z-index: 2;
        width: 100%;
        color: rgb( 255, 255, 255 );
    }
    /*--- Header_left ---*/
        .header_left{
            float: left;
        }
            .header_left > *{
                display: inline-block;
                vertical-align: middle;
            }
            .header_left p{
                width: 180px;
                margin: 0 0 0 45px;
                font-size: 13px;
                font-family: "CirceThin";
            }
    /*--- Phone ---*/
        .phone{
            float: right;
            font-size: 14px;
            font-family: "CirceRegular";
            text-align: right;
        }
            .phone p{
                font-size: 25px;
                margin: 0 0 10px 0;
                font-family: "CirceBold";
            }
                .phone p a{
                    text-decoration: none;
                }
/*--- Section_1 ---*/
    .section_1{
        height: 780px;
        overflow: hidden;
        position: relative;
        padding: 190px 0 0 0;
        color: rgb( 255, 255, 255 );
    }
    /*--- Main_slider ---*/
        .main_slider{
            position: absolute;
            top: 0;
            left: 50%;
            width: 1920px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }
            .main_slider:after{
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0.7;
                display: block;
                background: #313131;
            }
    /*--- Container ---*/
        .section_1 .container{
            position: relative;
            z-index: 1;
        }
        /*--- Title ---*/
            .title{
                max-width: 770px;
            }
                .title h1{
                    margin: 0;
                    font-size: 36px;
                    font-weight: normal;
                    font-family: "CirceBold";
                    line-height: 1.389;
                }
                    .title h1 span{
                        border-bottom: 1px dotted;
                    }
                .title_icons{
                    font-size: 14px;
                    margin: 104px 0 90px 0;
                }
                    .title_icons div{
                        display: inline-block;
                        vertical-align: middle;
                        margin: 0 60px 0 0;
                    }
                    .title_icons div:last-child{
                        margin: 0;
                    }
                        .title_icons div > *{
                            display: inline-block;
                            vertical-align: middle;
                        }
                        .title_icons div span{
                            font-size: 36px;
                            margin: 0 26px 0 0;
                        }
                .btn{
                    width: 370px;
                    height: 75px;
                    border: none;
                    cursor: pointer;
                    text-align: center;
                    background: #457aff;
                    display: block;
                    font-size: 20px;
                    line-height: 72px;
                    text-decoration: none;
                    font-family: "CirceBold";
                    color: rgb( 255, 255, 255 );
                }
                .btn:hover{
                    background: #3964d2;
                }
                    .btn *{
                        display: inline-block;
                        vertical-align: middle;
                    }
                    .btn span{
                        font-size: 30px;
                        margin: 0 26px 0 0;
                    }
        /*--- Video_btn ---*/
            .video_btn{
                font-size: 16px;
                position: absolute;
                right: 46px;
                bottom: 3px;
                text-decoration: none;
            }
                .video_btn > *{
                    display: inline-block;
                    vertical-align: middle;
                }
                .video_btn span{
                    font-size: 70px;
                    position: relative;
                }
                    .pulse {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        z-index: -1;
                        margin: auto;  
                        width: 80px;
                        height: 80px;
                        opacity: 0.5;
                        margin: -40px 0 0 -40px;
                        border-radius: 50%;
                        border: 1px solid #ffffff;
                    }
                    .pulse_1, .pulse_2, .pulse_3{
                        -webkit-animation: pulse 1.4s ease-in-out infinite;
                        -moz-animation: pulse 1.4s ease-in-out infinite;
                        -o-animation: pulse 1.4s ease-in-out infinite;
                        animation: pulse 1.4s ease-in-out infinite;
                    }
                    .pulse_2 {
                        -webkit-animation-delay: 0.4s;
                        -moz-animation-delay: 0.4s;
                        -o-animation-delay: 0.4s;
                        animation-delay: 0.4s;
                    }
                    .pulse_3 {
                        -webkit-animation-delay: 0.7s;
                        -moz-animation-delay: 0.7s;
                        -o-animation-delay: 0.7s;
                        animation-delay: 0.7s;
                    }
                .video_btn p{
                    margin: 0 0 0 46px;
                }
/*--- Section_2 ---*/
    .section_2{
        background: url("../images/section_2/bg.jpg") center no-repeat;
        background-size: cover;
        padding: 88px 0;
    }
    /*--- Forma_1 ---*/
        .forma_1{
            float: right;
            width: 370px;
            font-size: 15px;
            color: rgb( 0, 0, 0 );
        }
            .forma_1 > p{
                font-size: 23.6px;
                font-family: "CirceBold";
                margin: 0 0 35px 0;
            }
            .forma_1 form{
                margin: 42px 0 0 0;
            }
                .forma_1 form input[type=text]{
                    width: 100%;
                    height: 70px;
                    background: #ffffff;
                    border: 1px solid #d1d1d1;
                    font-size: 16px;
                    padding: 0 25px;
                    margin: 0 0 20px 0;
                    font-family: "CirceLight";
                    color: rgb( 153, 153, 153 );
                }
                .forma_1 .btn{
                    width: 100%;
                }
                .btn.disabled{
                    opacity: 0.6;
                    cursor: default;
                }
                .btn.disabled:hover{
                    background: #457aff;
                }
                .check{
                    text-align: center;
                    font-size: 13px;
                    margin: 15px 0 0 0;
                }
                    .check > *{
                        display: inline-block;
                        vertical-align: middle;
                    }
                    .check a{
                        text-decoration: none;
                        margin: 0 0 0 5px;
                    }
                    .check a:hover{
                        text-decoration: underline;
                    }
/*--- Section_3 ---*/
    .section_3{
        padding: 0 0 90px 0;
        color: rgb( 0, 0, 0 );
    }
        h2{
            font-weight: normal;
            font-size: 36px;
            font-family: "CirceBold";
            text-align: center;
            padding: 94px 0 0 0;
        }
            h2 span{
                display: block;
                font-size: 16px;
                margin: 35px 0 0 0;
                font-family: "CirceLight";
            }
    /*--- For ---*/
        .for{
            font-size: 16px;
            text-align: center;
            margin: 93px -15px 0 -15px;
            font-family: "CirceRegular";
            color: rgb( 255, 255, 255 );
        }
            .for > div{
                float: left;
                width: 25%;
                position: relative;
            }
                .for > div:before{
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0.6;
                    background: #666666;
                }
                .for > div:hover:before{
                    opacity: 0.89;
                }
            /*--- For_text ---*/
                .for_text{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    padding: 47px 40px 105px 40px;
                }
                    .for_text span{
                        display: block;
                        font-size: 20px;
                        min-height: 48px;
                        font-family: "CirceBold";
                    }
                    .for_text ul{
                        margin: 22px 0 0 0;
                        opacity: 0;
                        visibility: hidden;
                    }
                    .for > div:hover .for_text ul{
                        opacity: 1;
                        visibility: visible;
                    }
                        .for_text ul li{
                            margin: 0 0 15px 0;
                        }
                        .for_text ul li:last-child{
                            margin: 0;
                        }
                    .for_text .btn{
                        width: auto;
                        height: 65px;
                        line-height: 65px;
                        position: absolute;
                        left: 40px;
                        right: 40px;
                        bottom: 30px;
                        font-size: 18px;
                        opacity: 0;
                        visibility: hidden;
                    }
                    .for > div:hover .btn{
                        opacity: 1;
                        visibility: visible;
                    }
/*--- Section_4 ---*/
    .section_4{
        background: url("../images/section_4/bg.jpg") center no-repeat;
        background-size: cover;
        color: rgb( 255, 255, 255 );
        padding: 0 0 90px 0;
    }
    /*--- We_installed ---*/
        .we_installed{
            position: relative;
            margin: 96px 0 0 0;
        }
            .we_installed .owl-carousel{
                width: 970px;
                margin: 0 auto;
                font-size: 14px;
                font-family: "CirceRegular";
            }
            /*--- Video ---*/
                .video{
                    float: left;
                    width: 570px;
                    height: 400px;
                    border: 2px solid #ffffff;
                }
                    .video iframe{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
            /*--- Info ---*/
                .info{
                    float: right;
                    width: 370px;
                }
                /*--- Name ---*/
                    .name{
                        border-bottom: 1px solid rgba(255,255,255,.2);
                        padding: 0 0 27px 0;
                    }
                        .name img{
                            width: 70px !important;
                            float: left;
                            border-radius: 50px;
                        }
                        .name_info{
                            float: right;
                            width: 270px;
                            padding: 8px 0 0 0;
                        }
                            .name_info span{
                                display: block;
                                font-size: 16px;
                                font-family: "CirceBold";
                            }
                            .name_info a{
                                font-family: "CirceLight";
                                text-decoration: none;
                                display: inline-block;
                                vertical-align: top;
                                margin: 15px 0 16px 0;
                            }
                            .name_info a:hover{
                                text-decoration: underline;
                            }
                /*--- Info_text ---*/
                    .info_text{
                        margin: 28px 0 0 0;
                    }
                        .info_text span{
                            display: block;
                            font-family: "CirceBold";
                            margin: 0 0 11px 0;
                        }
                        .info_text p{
                            margin: 0 0 23px 0;
                        }
                        .info_text a{
                            font-size: 16px;
                            font-family: "CirceBold";
                            color: rgb( 69, 122, 255 );
                        }
            .prev, .next{
                position: absolute;
                top: 50%;
                left: -7px;
                opacity: 0.5;
                cursor: pointer;
                font-size: 30px;
                margin: -15px 0 0 0;
            }
            .prev:hover, .next:hover{
                opacity: 1;
            }
            .next{
                left: auto;
                right: -7px;
            }
/*--- Section_5 ---*/
    .section_5{
        text-align: center;
        padding: 0 0 88px 0;
    }
    /*--- Tested ---*/
        .tested{
            width: 1070px;
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            color: rgb( 0, 0, 0 );
            margin: 83px 0 72px 0;
        }
            .tested p{
                font-size: 18px;
                font-family: "CirceBold";
                margin: 0 0 13px 0;
            }
            .tested span{
                display: block;
            }
        /*--- Text_left ---*/
            .text_left, .text_right{
                float: left;
                width: 220px;
                text-align: right;
                margin: 40px 0 0 0;
            }
                .text_left div, .text_right div{
                    margin: 0 0 75px 0;
                }
                .text_left div:last-child, .text_right div:last-child{
                    margin: 0;
                }
        /*--- Text_right ---*/
            .text_right{
                text-align: left;
                float: right;
            }
        /*--- Text_center ---*/
            .text_center{
                float: left;
                width: 570px;
                margin: 0 30px;
            }
                .text_center img{
                    margin: 38px 0 0 0;
                }
                .text_center img.mobile{
                    display: none;
                }
    /*--- Btn_block ---*/
        .btn_block{
            font-size: 14px;
            color: rgb( 153, 153, 153 );
        }
            .btn_block .btn{
                display: inline-block;
                vertical-align: top;
                width: 440px;
            }
            .btn_block > span{
                margin: 28px 0 0 0;
                display: block;
            }
/*--- Section_6 ---*/
    .section_6{
        background: url("../images/section_6/bg.jpg") center no-repeat;
        background-size: cover;
        padding: 0 0 90px 0;
    }
    /*--- Forma_2 ---*/
        .forma_2{
            width: 770px;
            font-size: 18px;
        }
            .forma_2 h2{
                text-align: left;
                padding: 84px 0 0 0;
                margin: 0 0 33px 0;
            }
        /*--- Lists ---*/
            .lists{
                margin: 28px 0 33px 0;
            }
                .lists ul{
                    float: left;
                    width: 370px;
                    color: #457aff;
                    margin: 0 30px 0 0;
                    padding: 0 0 0 17px;
                    list-style: disc;
                }
                .lists ul:last-child{
                    margin: 0;
                }
                    .lists ul li{
                        margin: 0 0 3px 0;
                    }
                    .lists ul li:last-child{
                        margin: 0;
                    }
                        .lists ul li span{
                            color: #000000;
                        }
            .forma_2 form {
                margin: 36px 0 0 0;
            }
                .forma_2 form input[type=text]{
                    width: 370px;
                    float: left;
                    margin: 0 30px 30px 0;
                }
                .forma_2 form input[name=mail]{
                    margin: 0 0 30px 0;
                }
                .forma_2 .btn{
                    width: 370px;
                }
/*--- Section_7 ---*/
    .section_7{
        text-align: center;
        padding: 0 0 88px 0;
    }
    /*--- Img_change ---*/
        .img_change{
            font-size: 16px;
            color: rgb( 0, 0, 0 );
            max-width: 970px;
            margin: 88px auto 58px auto;
        }
            div.juxtapose{
                width: 100% !important;
            }
            .left,
            .right{
                float: left;
                margin: 29px 0 0 0;
            }
            .right{
                float: right;
            }
        .jx-arrow{
            display: none;
        }
        div.jx-control {
            width: 4px;
            background-color: #457aff;
        }
            div.jx-controller {
                height: 30px;
                width: 30px;
                margin-left: -13px;
                background-color: #457aff;
                border-radius: 50%;
                text-align: center;
                line-height: 27px;
            }
            div.jx-controller:before{
                content: "";
                display: inline-block;
                vertical-align: middle;
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent; 
                border-right: 7px solid #ffffff;
            }
            div.jx-controller:after{
                content: "";
                margin: 0 0 0 6px;
                display: inline-block;
                vertical-align: middle;
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 7px solid #ffffff;
            }
/*--- Section_8 ---*/
    .section_8{
        padding: 0 0 90px 0;
        background: url("../images/section_8/bg.jpg") center no-repeat;
        background-size: cover;
        text-align: center;
        color: #ffffff;
    }
        .section_8 span{
            font-size: 100px;
            display: inline-block;
            vertical-align: top;
            margin: 62px 0 63px 0;
        }
        .section_8 .btn{
            margin: 0 auto;
        }     
/*--- Section_9 ---*/
    .section_9{
        padding: 0 0 90px 0;
        background: url("../images/section_9/bg.jpg") center no-repeat;
        background-size: cover;
        text-align: center;
    }
    /*--- Icons_1 ---*/
        .icons_1{
            width: 800px;
            font-size: 0;
            text-align: left;
            margin: 88px 0 0 0;
            font-family: "CirceRegular";
            color: rgb( 0, 0, 0 );
        }
            .icons_1 div{
                margin: 0 30px 37px 0;
                display: inline-block;
                vertical-align: middle;
            }
                .icons_1 div > *{
                    display: inline-block;
                    vertical-align: middle;
                }
                .icons_1 div > span{
                    font-size: 70px;
                }
                .icons_1 div p{
                    width: 270px;
                    font-size: 18px;
                    margin: 0 0 0 30px;
                }
        .section_9 .btn{
            margin: 50px auto 0 auto;
        }
/*--- Section_10 ---*/
    .section_10{
        padding: 86px 0 90px 0;
        background: url("../images/section_10/bg.jpg") center no-repeat;
        background-size: cover;
    }
    /*--- Forma_1 ---*/
        .section_10 .forma_1{
            margin: 0 100px 0 0;
        }
/*--- Section_11 ---*/
    .section_11{
        text-align: center;
        padding: 0 0 90px 0;
    }
    /*--- Installation ---*/
        .installation{
            position: relative;
            margin: 83px 0 60px 0;
        }
            .installation .owl-carousel{
                max-width: 970px;
                margin: 0 auto;
            }
                .installation .owl-carousel img{
                    margin: 0 auto;
                    max-width: 100%;
                    width: auto;
                    height: auto;
                }
        .section_11 .btn{
            display: inline-block;
            vertical-align: top;
        }
/*--- Section_12 ---*/
    .section_12{
        text-align: center;
        padding: 0 0 90px 0;
        background: url("../images/section_12/bg.jpg") center no-repeat;
        background-size: cover;
    }
    /*--- Icons_2 ---*/
        .icons_2{
            margin: 67px 0 58px 0;
            font-size: 18px;
            font-family: "CirceRegular";
            color: rgb( 0, 0, 0 );
        }
            .icons_2 div{
                width: 270px;
                display: inline-block;
                vertical-align: top;
            }
            .icons_2 div.center{
                margin: 0 135px;
            }
                .icons_2 div > span{
                    font-size: 80px;
                }
                .icons_2 div p{
                    margin: 26px 0 0 0;
                }
        .section_12 .btn{
            display: inline-block;
            vertical-align: top;
        }
/*--- Section_13 ---*/
    .section_13{
        text-align: center;
        color: rgb( 255, 255, 255 );
        padding: 84px 0 90px 0;
        background: url("../images/section_13/bg.jpg") center no-repeat;
        background-size: cover;
    }
    /*--- Icon_block ---*/
        .icon_block,
        .text_block{
            width: 570px;
            display: inline-block;
            vertical-align: middle;
        }
        .icon_block{
            margin: 0 26px 0 0;
        }
            .icon_block span.icon-training{
                font-size: 150px;
                display: inline-block;
                vertical-align: middle;
            }
    /*--- Text_block ---*/
        .text_block{
            font-size: 24px;
        }
            .text_block h2{
                padding: 0;
            }
            .text_block span{
                display: block;
                margin: 33px 0 73px 0;
            }
            .text_block .btn{
                display: inline-block;
                vertical-align: top;
            }
/*--- Section_14 ---*/
    .section_14{
        text-align: center;
        color: rgb( 255, 255, 255 );
        padding: 84px 0 90px 0;
        background: url("../images/section_14/bg.jpg") center no-repeat;
        background-size: cover;
    }
    /*--- Icon_block ---*/
        .section_14 .icon_block {
            margin: 0 0 0 26px;
        }
            .icon_block div{
                display: inline-block;
                vertical-align: top;
                font-size: 18px;
                width: 150px;
            }
                .icon_block div span{
                    font-size: 50px;
                    display: inline-block;
                    vertical-align: bottom;
                    margin: 0 0 45px 0;
                }
/*--- Section_15 ---*/
    .section_15{
        background: url("../images/section_15/bg.jpg") center no-repeat;
        background-size: cover;
        padding: 0 0 90px 0;
    }
/*--- Footer ---*/
    footer{
        color: rgb( 0, 0, 0 );
        padding: 38px 0;
    }
    /*--- Footer_left ---*/
        .footer_left{
            float: left;
            font-size: 15px;
        }
            .footer_left > p{
                float: left;
                width: 170px;
            }
            .footer_left .phone{
                text-align: left;
                margin: 0 0 0 130px;
            }
                .footer_left .phone p{
                    margin: 0 0 6px 0;
                }
    /*--- Footer_right ---*/
        .footer_right{
            float: right;
            margin: 3px 0 0 0;
            font-size: 14px;
        }
            .footer_right *{
                display: inline-block;
                vertical-align: middle;
            }
            .icon-heart{
                font-size: 12px;
                color: #ff6e25;
            }
            .footer_right a{
                color: #06579d;
                margin: 0 0 0 26px;
            }
                .footer_right a span{
                    font-size: 48px;
                }
/*--- Modal ---*/
    .modal{
        display: none;
    }
    /*--- Form_box ---*/
        .form_box,
        .more_box{
            background: #ffffff;
            text-align: center;
            padding: 30px;
            position: relative;
            margin: 10px 0 0 0;
        }
            .close {
                position: absolute;
                top: -30px;
                right: 0;
                cursor: pointer;
                font-size: 25px;
                color: #ffffff;
            }
                .close:hover {
                    opacity: 0.3;
                }
        /*--- Forma_1 ---*/
            .form_box .forma_1 > p {
                margin: 0 0 10px 0;
            }
        /*--- Thanks ---*/
            .thanks{
                padding: 50px;
                background: #fff;
                font-family: "CirceRegular";
                font-size: 22px;
                text-align: center;
            }
                .thanks p{
                    font-family: "CirceBold";
                    font-size: 26px;
                    margin: 0 0 10px 0;
                }
    /*--- More_box ---*/
        .more_box{
            max-width: 740px;
            margin: 10px auto 0 auto;
        }
            .more img,
            .more p{
                margin: 0 0 20px 0;
                text-align: left;
            }
            .more > *:last-child{
                margin: 0;
            }
/*-- animation --*/
    .animated {
        visibility: visible;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
    }

    @-webkit-keyframes pulse {
        0% { -webkit-transform: scale(1); opacity: 0.4; }
        100% { -webkit-transform: scale(1.5741); opacity: 0; }
    }
    @-moz-keyframes pulse {
        0% { -moz-transform: scale(1); opacity: 0.4; }
        100% { -moz-transform: scale(1.5741); opacity: 0; }
    }
    @-o-keyframes pulse {
        0% { -o-transform: scale(1); opacity: 0.4; }
        100% { -o-transform: scale(1.5741); opacity: 0; }
    }
    @keyframes pulse {
        0% { transform: scale(1); opacity: 0.4; }
        100% { transform: scale(1.5741); opacity: 0; }
    }