@import url("reset.css");
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    width: 100%;
}

.p-r{
    position: relative;
}

.p-a{
    position: absolute;
}

.fl-l{
    float: left;
}

.fl-r{
    float: right;
}

ul{
    list-style: none;
}
a{
    text-decoration: none;
}
.d-t{
    display: table;
}
.t-cell{
    display: table-cell;
}
.w-100 {
    width: 100%;

}

ul{
    list-style: none;
}
a{
    text-decoration: none;
}

/* --- mobile ---*/

.mobile_nav_icon {
    position: absolute;
    z-index: 1100;
    display: none;
    float: right;
    height: 48px;
    width: 48px;
    border: 2px solid #047CC2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    right: 20px;
    margin-top: -24px;
    cursor: pointer;
}
    .mobile_nav_icon div{
        height: 2px;
        width: 24px;
        position: relative;
        top: 50%;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        background-color: #047CC2;
        display: block;
        transition: all ease-out .25s;
        margin: auto;
    }

    .mobile_nav_icon div::before,
    .mobile_nav_icon div::after {
        content: '';
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #047CC2;
        transition: all ease-out .5s;
    }
        .mobile_nav_icon div::before{
            top: -6px;
        }
        .mobile_nav_icon div::after{
            bottom: -6px;
        }
.mobile_nav_icon:hover{
    border-color: #004EA0;
}
.mobile_nav_icon:hover div,
.mobile_nav_icon:hover div::before,
.mobile_nav_icon:hover div::after{
    background-color: #004EA0;
}
.mobile_nav_icon.active div::before,
.mobile_nav_icon.active div:after {
    background-color: #047CC2;
}

.mobile_nav_icon.active:hover div::before,
.mobile_nav_icon.active:hover div:after {
    background-color: #004EA0;
}
.mobile_nav_icon.active div,
.mobile_nav_icon.active:hover div{
    background-color: rgba(250, 250, 250, 0);
}

.mobile_nav_icon.active div::before {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top: 0;
}

.mobile_nav_icon.active div::after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 0;
}



div.links_container.top_level_nav_open{
    margin-right: 0;
}

/* --- mobile ---*/




.wrap{
    max-width: 1530px;
    padding: 0 15px;
    margin: 0 auto;
}
.wrap-second{
    margin: 0 auto;
}

.header{
    background-color: #fff;
    padding: 20px 0;
    z-index: 999;
    position: relative;
}
    .header_bar_container {
        float: left;
    }

.ha-header.headroom--pinned,
.ha-header
{
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
    box-shadow: 0 0 20px rgba(0,0,0,.25);
}




.links_container {
    margin-left: 150px;
    margin-right: 135px;
}
.language-top{
    position: absolute;
    top: 24px;
    right: 20px;
}
    .language-top li{
        float: left;
        margin-left: 6px;
    }
        .language-top li a{
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 48px;
	        height: 48px;
            font-size: 16px;
            color: #b2bdc5;
            font-weight: 700;
            border: 2px solid #b2bdc5;
            text-align: center;
            line-height: 44px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }


        .language-top li a:hover{
            border-color: #004EA0;
            color: #004EA0;
        }

        .language-top li.active a,
        .language-top li.active a:hover{
            border-color: #757c81;
            color: #757c81;
        }

.menu-head{
    margin-top: 38px;
    display: block;
    text-align: center;
}
.menu-head li{
    display: inline-block;
    margin: 0 3%;
}
    .menu-head li a{
        font-weight: 700;
        color: #757c81;
        font-size: 16px;
        text-transform: uppercase;
    }
        .menu-head li a:hover,
        .menu-head li.active a{
            color: #2d4f9c;
        }

.hr-b{
    display: block;
    height: 10px;
    background-color: #B2BDC5;
    position: relative;
}

    .pos-fix{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

.sub-heder-main{
    position: relative;
    background-color: #fff;
}
.header.isStuck{
    height: 60px;
    padding: 20px 0;
      -webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
    box-shadow: 0 0 20px rgba(0,0,0,.25);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;

}
    .header.isStuck .logo_container{
        width: 64px;
    }
    .logo_container img{
        max-width: 100%;
        height: auto;
    }
        .header.isStuck .menu-head {
            margin-top: 20px;
        }
        .header.isStuck .language-top{
            top: 6px;
        }

.h-clone{
    /*height: 139px;*/
    /*display: block;*/
}
.hr-b.cl-2{
    background-color: #B2BDC5;
}
.head-main{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

    .head-main h1{
        font-size: 30px;
        text-transform: uppercase;
        color: #2d4f9c;
        line-height: 44px;
        font-weight: 800;
    }
    .head-main p{
        font-size: 24px;
        font-weight: 300;
        color: #757c81;
    }
.discount-block{
    background: #fff;
    padding: 60px 0 0;
    border-bottom: 80px solid #B2BDC5;
}

.main-content{
    overflow: hidden;
}


    .main-content h2{
        color: #2d4f9c;
        font-size: 72px;
        font-weight: 800;
        text-transform: uppercase;
    }
        .discount-lev {
            font-size: 262px;
            display: block;
            color: #b2bdc5;
            font-weight: 700;
            position: absolute;
            line-height: 1;
            bottom: -210px;
            right: 0;
        }
.discount-block .fl-r{
    position: relative;
}
    .discount-block p{
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #2d4f9c;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 125px;
    }
.edge-block{
    height: 553px;
    position: relative;
    background-color: #fff;
    z-index: 3;
}
 .edge-block  .wrap-second{
     position: relative;
     height: 100%;
 }
    .edge-block  .wrap-second::before{
        content:" ";
        position: absolute;
        top: 0;
        left: 0;
        width: 43%;
        height: 100%;
        background: url("../img/gallery/img-left.png") 0 0 no-repeat;
        background-size: cover;
    }

.edge-block .fl-r{
    width: 50%;
    padding: 60px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .edge-block h2{
        margin-bottom: 20px;
    }
         .edge-block p{
             font-size: 24px;
             font-weight: 300;
             color: #757c81;
             line-height: 30px;
         }
.edge-type{
    margin-top: -255px;
}
    .edge-type .fl-r{
        width: 84%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 70px 0 70px 8%;
        background-color: #4275BA;
        position: relative;
    }

    .edge-type .fl-r .bg-right{
        display: block;
        position: absolute;
        top: 0;
        right: -200%;
        height: 100%;
        background: #4275BA;
        bottom: 0;
        left: 100%;
        margin-left: -1px;
    }
.edge-type .list-type{
    overflow: hidden;
    margin-bottom: -50px;
}
.edge-type .list-type li{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 121px;
    padding-right: 50px;

}

.list-type li{
    display: block;
    margin-bottom: 35px;

}
    .list-type li.clear{
        width: 100%;
        margin: 0;
        min-height: inherit;
    }


.list-type li,
.list-type li p{
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
}

    .list-type i{
        background: url("../img/icon-edge.png") 0 0 no-repeat;
        display: block;
        width: 100px;
        height: 100px;
    }
        .list-type i.icon-1{
            background-position: 0 0;
        }
        .list-type i.icon-2{
            background-position: -100px 0;
        }
        .list-type i.icon-3{
            background-position: 0 -100px;
        }
        .list-type i.icon-4{
            background-position: -100px -100px;
        }
        .list-type i.icon-5{
            background-position: 0 -200px;
        }
        .list-type i.icon-6{
            background-position: -100px -200px;
        }
        .list-type i.icon-7{
            background-position: 0 -300px;
        }


    .list-type .d-t{
        width: 100%;
    }
    .list-type .d-t .t-cell{
        vertical-align: top;
    }
        .list-type .d-t .t-cell:first-child{
            width: 100px;
            padding-right: 30px;
        }

.projects{
    background-color: #fff;
    padding-top: 190px;
    text-align: center;
    position: relative;
    z-index: 2;
}
    .projects-link{
        height: 508px;
        position: relative;
    }


.drop-hov{
    display: none;
    width: 380px;
	height: 160px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #467cbf;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
	box-shadow: 0 0 20px rgba(0,0,0,.25);
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: -64%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    padding: 25px 30px;
    text-align: left;
}
    .drop-hov:after{
        content: " ";
        display: block;
        position: absolute;
        bottom: -25px;
        border: 16px solid transparent;
        border-top: 10px solid #467cbf;
        margin-left: -10px;
        left: 50%;
    }


.drop-title{
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}
    .drop-hov p{
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        font-weight: 300;
    }

    .link-group-house a{
        display: block;
        background: url("../img/house.png") 0 0 no-repeat;
        position: absolute;
    }

    .link-group-house a:hover .drop-hov{
        display: block;
    }
        .link-group-house a.icon-1{
            background-position: 0 0;
            width: 348px;
            height: 187px;
            left: 5.68%;
            bottom: 6.2vw;
        }
            .link-group-house a.icon-1:hover,
            .link-group-house a.icon-1.active
            {
                background-position: 0 -231px;
            }
            /* - */
        .link-group-house a.icon-2{
            background-position: -379px -29px;
            width: 285px;
            height: 150px;
            bottom: 6.6vw;
            left: 22.95%;
        }
            .link-group-house a.icon-2:hover,
            .link-group-house a.icon-2.active
            {
                background-position: -379px -260px;
            }
        /* - */
        .link-group-house a.icon-3{
            background-position: -716px 0;
            width: 280px;
            height: 168px;
            left: 42.2%;
            bottom: 7.1vw;
        }
            .link-group-house a.icon-3:hover,
            .link-group-house a.icon-3.active
            {
                background-position: -716px -231px;
            }
        /* - */

        .link-group-house a.icon-4{
            background-position: -1070px -40px;
            width: 258px;
            height: 140px;
            left: 60.25%;
            bottom: 6.5vw;
        }
            .link-group-house a.icon-4:hover,
            .link-group-house a.icon-4.active
            {
                background-position: -1070px -271px;
            }

        /* - */
        .link-group-house a.icon-5{
            background-position: -1360px -29px;
            width: 328px;
            height: 152px;
            bottom: 6.5vw;
            left: 75.05%;
        }
            .link-group-house a.icon-5:hover,
            .link-group-house a.icon-5.active
            {
                background-position: -1360px -260px;
            }

.link-group-house a.icon-2 .drop-hov,
.link-group-house a.icon-4 .drop-hov{
    top: -100%;
}
.link-group-house a.icon-4 .drop-hov{
    top: -85%;
}

.tab-house .resp-tabs-list{
    position: relative;
    z-index: 1;
    font-size: 0;
}
    .tab-house .resp-tabs-list:before{
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: -2000%;
        right: -2000%;
        bottom: 0;
        height: 60px;
        background-color: #467cbf;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
        box-shadow: 0 0 20px rgba(0,0,0,.25);
        background-image: -webkit-linear-gradient(left, #467cbf, #2d4f9c);
        background-image: -moz-linear-gradient(left, #467cbf, #2d4f9c);
        background-image: -o-linear-gradient(left, #467cbf, #2d4f9c);
        background-image: -ms-linear-gradient(left, #467cbf, #2d4f9c);
        background-image: linear-gradient(to right, #467cbf, #2d4f9c);
        z-index: -1;
    }

.tab-house .resp-tab-content{
    border: 0;
}
.hose-block{
    background: #2D4F9C url("../img/empty-squery.png") 0 0;
}
    .tab-house .resp-tabs-list li{
        margin: 0;
        width: 16.66%;
        background: none!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none!important;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        height: 60px;
        line-height: 35px;
        color: #fff;
        text-transform: uppercase;
    }
        .tab-house .resp-tabs-list li.resp-tab-active,
        .tab-house .resp-tabs-list li:hover
        {
            background: #fff!important;
            color: #467cbf;
        }




.tab-house .resp-tabs-container{
    background: none;
}
.tab-house .resp-tab-content{
    background: none;
    padding: 50px 0 70px;
}
    .col-2{
        width: 50%;
    }

.tab-row{
    margin: 0 -15px;
}
    .tab-row .col-2{
        float: left;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.tab-row{

}
    .tab-row h2{
        color: #fff;
        margin-bottom: 20px;
        font-size: 60px;
    }

.sub-t{
    color: #8da3d4;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;
}
.info-left{
    background-color: #294890;
    border: 1px solid #4260A6;
    padding: 9px;
    margin-bottom: 40px;
}
.info-left-in{
    border: 1px solid #4260A6;
    padding: 20px 20px 25px;
    background-color: #2D4F9C;
}
    .info-left table{
        width: 100%;

    }
        .info-left table tr{
            border-bottom: 1px solid #4260A6;
        }
        .info-left table tr td:first-child{
            width: 230px;
        }
            .info-left table tr:last-child{
                border: 0;
            }

        .info-left table tr:first-child td{
            vertical-align: middle;
        }

        .info-left table tr td{
            vertical-align: top;
            padding: 16px 0;
            font-size: 18px;
            color: #fff;
            line-height: 24px;
            font-weight: 300;
        }
            .info-left table tr td span{
                font-size: 16px;
                font-weight: 300;
                color: #8da3d4;
            }
                .info-left table tr td span span{
                    display: none;
                }
            .info-left table tr td strong{
                font-size: 24px;
                font-weight: 300;
            }

.sync1 .item {
    background: #294890;
    padding: 20px;
    border: 1px solid #4260A6;
    color: #FFF;
    text-align: center;
}

.sync1 .item img {
    max-width: 100%;
    height: auto;
    border: 1px solid #4260A6;
}

.sync2 .item {
    background: #294890;
    padding: 10px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #4260A6;
}
.sync2 .item  img{
    max-width: 100%;
    height: auto;
    border: 1px solid #4260A6;
}

.sync2 .item h1 {
    font-size: 18px;
}

.sync2 .current .item {

}

.sl-right  img {
    max-width: 100%;
    height: auto;
}

.sync1.owl-theme,
.sl-right .sync1{
    position: relative;
    margin-bottom: 10px;
}

.sync2.owl-theme {
    border: 1px solid #4260A6;
}
.arr-sl .owl-nav > div,
.arr-sl .slick-arrow
{
    background: url("../img/arr-slider.png") 0 0 no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 30px;
    top: auto;
    z-index: 30;
}
.arr-sl .slick-arrow:before{
    display: none;
}
    .arr-sl .owl-nav > div.owl-next,
     .arr-sl .slick-arrow.slick-next
    {
        background-position: -48px  0;
        right: 50%;
        margin-right: -53px;
    }
        .arr-sl .owl-nav > div.owl-next:hover,
        .arr-sl .slick-arrow.slick-next:hover
        {
            background-position: -48px -48px;
        }

    .arr-sl .owl-nav > div.owl-prev,
    .arr-sl .slick-arrow.slick-prev
    {
        background-position: 0 0;
        left: 50%;
        margin-left: -53px;
    }
        .arr-sl .owl-nav > div.owl-prev:hover,
            .arr-sl .slick-arrow.slick-prev:hover
        {
            background-position: 0 -48px;
        }
.t-ac{
    text-align: center;
}
.sl-right{
    margin-bottom: 30px;
}
    .tab-row .col-2:last-child > p{
        font-size: 16px;
        line-height: 24px;
        color: #8da3d4;
        font-weight: 300;
    }

.btn-white{
    display: inline-block;
    background: #fff;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 60px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 52px;
    width: 200px;
    color: #467CBF;
}
    .btn-white span{
        display: inline-block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 52px;
        border: 1px solid #467CBF;
    }


    .btn-white:hover{
        color: #2E4F9C;
        background-color: #B2BDC5;
    }
    .btn-white:hover span{
        border-color: #2E4F9C;
    }

.build-block {
    padding-top: 50px;
}
    .build-block h2{
        margin-bottom: 60px;
        text-align: center;
        font-size: 60px;
    }

.b-build{
    height: 280px;
}
    .b-build .col-2{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
        height: 100%;
        float: left;
    }

.build-row{
    margin: 0 -45px;
}
    .build-row .col-2{
        float: left;
        padding: 0 45px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
.ta-r{
    text-align: right;
}
.tap{
    padding: 26px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    background-color: #467CBF;
    margin-top: -50px;
}
.list-build{
    padding: 45px 25px 25px 30px;
}
.list-build li{
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 45px;
    color: #6b7277;
    margin-bottom: 40px;
}
    .list-build li:before{
        content: " ";
        background: url("../img/check-gray.png") 0 0 no-repeat;
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
    }
    .list-build li a{
        display: inline-block;
        color: #2d4f9c;
        line-height: 16px;
    }
        .list-build li a span{
            display: inline-block;
            border-bottom: 2px solid #A3B2D4;
            line-height: 16px;
        }
        .list-build li strong{
            font-weight: 700;
            color: #6b7277;
        }
            .list-build li p{
                margin-bottom: 10px;
            }

.give-block{
    padding: 80px 0 170px;
    background-color: #B2BDC5;
}
    .give-block .wrap{
        position: relative;
    }

.list-type span{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
}
    .list-type.second li{
        margin-bottom: 40px;
    }
        .list-type.second li p{
            font-size: 16px;
            line-height: 24px;
            color: #8da3d4;
        }
            .left-give-pan{
                padding: 75px 160px 75px 130px;
                background-color: #3762AA;
            }


.give-block-row .col-2{
    width: 50%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.give-block-row .col-2:first-child{
    float: right;
}
    .give-block-row{
        margin: 0 -15px;
    }
    .give-block-row h2{
        font-size: 36px;
        padding-left: 120px;
        padding-right: 36px;
        line-height: 48px;
    }

    .pic-top{
        position: absolute;
        width: 58%;
        right: 0;
        bottom: -100px;
        z-index: 1;
    }
        .pic-top img{
            max-width: 100%;
            height: auto;
        }

.annotation > .wrap{
    max-width: 1300px;
    padding-top: 70px;
    padding-bottom: 70px;
}
    .annotation p{
        font-size: 18px;
        color: #757c81;
        line-height: 24px;
    }

    .map{
        height: 340px;
    }
    #map {
        position: relative;
    }
    #map #canvas-map {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
.form-block{
    padding: 75px 0;
    background-color: #fff;
    z-index: 1;
    position: relative;
}
.menu-f-left{
    width: 280px;
    padding-right: 20px;
}
.form-center{
    width: 490px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}
.menu-f-left ul li{
    margin-bottom: 50px;
}

    .menu-f-left ul li:last-child{
        margin-bottom: 0;
    }
        .menu-f-left ul li a{
            font-weight: 700;
            text-transform: uppercase;
            font-size: 16px;
            color: #757c81;
        }
        .menu-f-left ul li a:hover{
            color: #4765A8;
        }
.input-main input,
.input-main textarea{
    display: block;
    width: 100%;
    padding: 19px;
    font-size: 18px;
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #B2BDC5;
    font-family: 'Exo 2', sans-serif;
}
.input-main input:hover,
.input-main input:focus,
.input-main textarea:hover,
.input-main textarea:focus{
    border-color: #757C81;
}

.input-main input {
    height: 50px;
}
.input-main textarea{
    resize: none;
    height: 100px;
}
    .form-group{
        margin-bottom: 20px;
    }

.input-main input::-webkit-input-placeholder,
.input-main textarea::-webkit-input-placeholder
{
    color: #B2BDC5;
    font-weight: 300;
}

.input-main input::-moz-placeholder,
.input-main textarea::-moz-placeholder
{
    color: #B2BDC5;
    font-weight: 300;
}

.input-main input:-ms-input-placeholder,
.input-main textarea:-ms-input-placeholder
{
    color: #B2BDC5;
    font-weight: 300;
}
    .btn-white.blue{
        background-color: #467CBF;
        color: #fff;
        border: 0;
        outline: none;
    }
        .btn-white.blue:hover{
            background-color: #2D4F9C;
        }

    .btn-white.blue span{
        border-color: #fff;
    }

.form-contact{
    width: 280px;
    padding-left: 20px;
}
    .contact-list-form{
        margin-left: 25px;
    }
    .contact-list-form li{
        padding-left: 50px;
        position: relative;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 20px;
        color: #757c81;
        font-weight: 300;
    }
        .contact-list-form li:before{
            content: " ";
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 0 0;
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 7px;
            left: 0;
        }
            .contact-list-form li.icon-1:before{
                background-image: url("../img/contact-map.svg");
            }
            .contact-list-form li.icon-2:before{
                background-image: url("../img/contact-tel.svg");
            }
            .contact-list-form li.icon-3:before{
                background-image: url("../img/contact-email.svg");
            }
            .contact-list-form li.icon-4:before{
                background-image: url("../img/contact-time.svg");
            }
.footer{
    text-align: center;
    padding: 15px 0 25px;
    background: #fff;
    position: relative;
}
.footer p{
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #b2bdc5;
}
    .footer .fl-r{
        margin-top: 15px;
        display: block;
    }
    .footer .fl-r + a{
        width: 72px;
        display: block;
        height: 80px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        margin-top: 0;
    }



.social-small{
    margin-left: 25px;
}
        .social-small li{
            float: left;
            margin-left: 10px;
        }
        .social-small li:first-child{
            margin-left: 0;
        }
        .social-small li a{
            background: url("../img/social-icon.png") 0 0 no-repeat;
            display: block;
            width: 32px;
            height: 32px;
        }
            .social-small li a.icon-1{
                background-position: 0 0;
            }
                .social-small li a.icon-1:hover{
                    background-position: 0 -33px;
                }
            .social-small li a.icon-2{
                background-position: -42px 0;
            }
                .social-small li a.icon-2:hover{
                    background-position: -42px -33px;
                }
            .social-small li a.icon-3{
                background-position: -84px 0;
            }
                .social-small li a.icon-3:hover{
                    background-position: -84px -33px;
                }
            .social-small li a.icon-4{
                background-position: -126px 0;
            }
                .social-small li a.icon-4:hover{
                    background-position: -126px -33px;
                }
            .social-small li a.icon-5{
                background-position: -168px 0;
            }
                .social-small li a.icon-5:hover{
                    background-position: -168px -33px;
                }

/* --- ----*/


.arr-tol-bottom.drop-hov:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -18px;
    border: 10px solid transparent;
    border-top: 8px solid #467cbf;
    margin-left: -11px;
    left: 50%;
}

.arr-bottom-left.drop-hov:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -18px;
    border: 10px solid transparent;
    border-top: 8px solid #467cbf;
    left: 90px;
}
.arr-top-center.drop-hov:after {
    content: " ";
    display: block;
    position: absolute;
    top: -18px;
    border: 10px solid transparent;
    border-bottom: 8px solid #467cbf;
    left: 50%;
    bottom: auto;
}

.arr-bottom-left.drop-hov{
    top: -199px;
    left: -80px;
    margin-left: 0;
}
    .arr-bottom-left.drop-hov{
        height: 183px;
    }


    .hotspot.active .drop-hov,
    .hotspot:hover  .drop-hov
    {
        display: block;

    }
   .hotspot:hover  .drop-hov.arr-tol-bottom{
       top: -180px;
   }
    #hs9 .drop-hov
    {
        height: 183px;
    }
    #hs3 .drop-hov,
    #hs1 .drop-hov
    {
        height: 200px;
    }
    #hs1 .drop-hov{
        top: -220px;
    }

    #hs3 .arr-bottom-left.drop-hov {
        top: -215px;
        left: -81px;
    }


.drop-hov.arr-top-center{
    top: auto;
    bottom: -120px;
    left: -80px;
}

#hs5 .arr-top-center.drop-hov:after{
        left: 118px;
}
#hs5 .drop-hov.arr-top-center{
    left: 80px;
}
/**/
.drop-hov.arr-top-center {
    top: auto;
    bottom: -180px;
    height: 170px;
}
#hs9 .drop-hov.arr-top-center,
#hs6 .drop-hov.arr-top-center {
    left: auto;
    right: -80px;
}

#hs3 .drop-hov.arr-top-center{
    bottom: -218px;
}
#hs6 .drop-hov.arr-top-center{
    bottom: -183px;
}
#hs10 .drop-hov.arr-tol-bottom {
    top: -180px;
}

#hs6 .arr-top-center.drop-hov:after{
    left: auto;
    right: 78px;
}

#hs3 .arr-top-center.drop-hov:after {
    left: auto;
    right: 91px;
}


/*=--- about page ---=*/


.row-first{
    padding-top: 60px;
}
.about-page h1{
    font-size: 72px;
    font-weight: 800;
    text-transform: uppercase;
    color: #2d4f9c;
    line-height: 72px;
    margin-bottom: 130px;
}
    .info-col{
        max-width: 740px;
        width: 100%;
    }

.row-first{
    overflow: hidden;
}
.row-first > div{
    float: left;
}
.row-first{
    margin: 0 -13px;
}
.row-first .col-w1{
    width: 50%;
    padding: 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container{
    overflow: hidden;
}

.art-block.pos-right .art-slider{
    margin-bottom: -3px;
}
.desc-top{
    max-width: 600px;
    padding: 0 20px 75px 150px;
    font-weight: 300;
}
    .desc-top p{
        font-size: 30px;
        line-height: 34px;
        color: #757c81;
        font-weight: 300;
        margin-top: 10px;
    }
    .sl-desc-bottom{
        padding: 43px 20px 40px 50px;
        border-left: 100px solid #4071B7;
        max-width: 600px;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #757c81;
        position: relative;
    }
        .sl-desc-bottom:after{
            content: " ";
            background-color: #4071B7;
            position: absolute;
            top: 0;
            bottom: -2000%;
            left: -100px;
            width: 100px;
        }


    .dots-sl .owl-dots{
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 30px;
        text-align: center;
    }
        .dots-sl .owl-dots .owl-dot{
            display: inline-block;
            width: 16px;
            height: 16px;
            background-color: #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 3px solid #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin: 0 2px;
        }
            .dots-sl .owl-dots .owl-dot:hover{
                border-color: #35569F;
            }
            .dots-sl .owl-dots .owl-dot.active,
            .dots-sl .owl-dots .owl-dot.active:hover{
                background-color: #35569F;
                border-color: #35569F;
            }

.content-block-blue{
    padding: 70px 0 40px;
}

.content-block-blue:before{
    content: " ";
    background-color: #4071B7;
    position: absolute;
    top: 0;
    right: -28px;
    bottom: -2000%;
    left: -2000%;
}
    .wr-cont{
        max-width: 480px;
        margin: 0 auto;
        position: relative;
    }
    .row-first .wr-cont p{
        font-size: 24px;
        line-height: 30px;
        font-weight: 300;
        margin-bottom: 30px;
        color: #fff;
    }
.row-first.second{
    padding: 0;
}
    .art-block.br{
        border: 10px solid #B2BDC5;
        border-right: 0;
        padding: 70px 70px 30px 0;
        margin-left: -125px;
        margin-bottom: 40px;
    }
    .desc-second{
        padding: 40px 140px 20px 0;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        color: #757c81;
    }

    .art-block.br h2,
    .content-block-blue h2{
        font-size: 36px;
        line-height: 48px;
        font-weight: 800;
        text-transform: uppercase;
    }
    .art-block.br h2{
        color: #2d4f9c;
        margin-bottom: 55px;
    }
    .content-block-blue h2{
        color: #fff;
        margin-bottom: 65px;
    }
        .art-block.br  .wr-cont p{
            font-size: 18px;
            font-weight: 300;
            line-height: 30px;
            color: #757c81;

        }
            .content-block-blue .wr-cont p{
                color: #fff;
                font-size: 18px;
                font-weight: 300;
                line-height: 30px;
                margin-bottom: 30px;
            }

.row-second{

}
    .row-second .col-w1{
        float: left;
        width: 44%;

    }
        .row-second .col-w2{
            float: left;
            width: 56%;
        }

    .row-second .content-block-blue{
        margin-right: -330px;
        padding-right: 330px;
    }

.row-second  .desc-second{
    max-width: 480px;
    padding-left: 400px;
    padding-bottom: 40px;
}
.art-third-right{
    margin-top: -40px;
    position: relative;
    left: 5px;
}
.team{
    position: relative;
    background-color: #fff;
    padding: 70px;
}
.team > .wrap{
    max-width: 1630px;
}

.team .d-t{
    width: 100%;
}
    .team .d-t .t-cell{
        padding: 0 5px;
        width: 20%;
        vertical-align: top;
        text-align: center;
    }

.respect{
    color:#757c81;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 15px;
}
    .team  h2{
        text-transform: uppercase;
        font-weight: 800;
        font-size: 52px;
        color: #2d4f9c;
        margin-bottom: 60px;
        text-align: center;
    }
    .photo{
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 230px;
        height: 230px;
        margin-bottom: 20px;
    }
        .photo img{
            max-width: 100%;
            height: auto;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

.title-pip {
    font-size: 18px;
    color: #2d4f9c;
    margin-bottom: 20px;
}
    .title-pip strong{
        text-transform: uppercase;
        font-weight: 800;
    }

    .prof{
        display: block;
        color: #757c81;
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 20px;
    }


/*=--- about page ---=*/

.drop-hov.secondPopup{
    display: none;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/* --- construction ----*/

    .top-desc{
        padding: 30px 0;
        background: #2D4F9C url(../img/empty-squery.png) 0 0;
    }
        .top-desc p,
        .top-desc
        {
            font-size: 24px;
            line-height: 30px;
            font-weight: 300;
            color: #fff;
            text-align: center;
        }
        .top-desc .wrap{
            max-width: 1260px;
        }

.projects-photo{
    font-size: 0;
    text-align: center;
}

    .projects-photo li{
        position: relative;
        display: inline-block;
        width: 33.3%;
    }
        .projects-photo li:after{
            content: " ";
            background-color: rgba(0,0,0,0);
            background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.75), rgba(0,0,0,0) 75%);
            background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.75), rgba(0,0,0,0) 75%);
            background-image: -o-linear-gradient(bottom, rgba(0,0,0,.75), rgba(0,0,0,0) 75%);
            background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.75), rgba(0,0,0,0) 75%);
            background-image: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0) 75%);
            position: absolute;
            width: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .projects-photo li img{
            max-width: 100%;
            height: auto;
        }

.link-ram{
    display: block;
    border: 1px solid #fff;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    z-index: 1;
}
    .link-ram > div{
        position: absolute;
        width: 100%;
        bottom: 30px;
        left: 0;
        right: 0;
        text-align: center;
        color:#fff;
    }
        .link-ram span{
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
            font-weight: 300;
        }
             .link-ram  strong{
                 font-size: 36px;
                 line-height: 36px;
                 margin-bottom: 20px;
                 display: block;
                 text-transform: uppercase;
                 font-weight: 800;
             }
                .link-ram p{
                    font-size: 14px;
                    font-weight: normal;
                }



    .link-ram:hover{
        background: url("../img/empty-hover.png");
    }


/* --- construction ----*/

/*- Blog -*/

.row-blog .col-b1{
    width: 62.2%;
    position: relative;
}
    .row-blog .col-b1:before{
        content: " ";
        background: url("../img/shadow.png") 0 0 repeat-y;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 14px;

    }


.row-blog .col-b2{
    width: 37.8%;
}

.art-l{
    padding-top: 30px;
}

.article-item{
    max-width: 1010px;
    width: 100%;
}

    .article-item-main{
        padding: 50px 0;
    }
        .article-item-main{
            padding-right: 130px;
        }

.art-l .hr-b{
    clear: both;
}

.more-wrap{
    max-width: 670px;
    margin: 0 auto 30px;
}
    .more-wrap .btn-white.blue{
        display: block;
        width: auto;
    }
.date-art{
    width: 100px;
}
    .date-art span{
        display: block;
        height: 85px;
        background-color: #467CBF;
        line-height: 85px;
        color: #fff;
        text-align: center;
        font-size: 36px;
        font-weight: 100;
        position: relative;
    }
        .date-art span:after{
            content: " ";
            background-color: #467CBF;
            display: block;
            position: absolute;
            width: 100px;
            height: 201px;
            bottom: 100%;
            margin-bottom: -1px;
        }
        .date-art p{
            color: #467cbc;
            font-size: 13px;
            text-align: center;
            line-height: 18px;
            margin-bottom: 20px;
            padding-top: 10px;
        }
            .link-art img{
                display: block;
                max-width: 100%;
                height: auto;
                margin: auto;
            }

.desc-article{
    margin-left: 132px;
    padding-top: 25px;
}

    .desc-article h3,
    .desc-article h3 a{
        font-size: 30px;
        line-height: 36px;
        color: #757c81;
        font-weight: 200;
    }
        .desc-article h3{
            margin-bottom: 20px;
        }
            .desc-article p{
                font-size: 18px;
                line-height: 30px;
                color: #757c81;
                margin-bottom: 20px;
                word-break: break-all;
            }

.read-more{
    display: inline-block;
    padding: 17px 24px;
    text-align: center;
    border: 1px solid #467CBF;
    text-transform: uppercase;
    font-size: 14px;
    color: #467CBF;
    line-height: 14px;
}

    .read-more:hover{
        color: #fff;
        background-color: #467CBF;
    }

.art-col-right{
    max-width: 490px;
    padding: 0 30px;
    width: 100%;
}

.art-col-right h2{
    font-size: 30px;
    font-weight: 600;
    text-transform:  uppercase;
    line-height: 30px;
}
    .category-title{
        position: relative;
        padding: 70px 0 35px;
        text-align: center;
    }
       .category-title:before{
           content: " ";
           background-color: #467CBF;
           position: absolute;
           top: 0;
           left: -30px;
           bottom: 0;
           right: -2000%;
       }
            .category-title h2{
                color: #fff;
                margin-bottom: 50px;
            }
                .category-title ul li{
                    margin-bottom: 20px;
                }
                .category-title ul li a{
                    text-transform: uppercase;
                    color: #fff;
                    font-size: 16px;
                    line-height: 28px;
                }
                    .category-title ul li a:hover,
                    .category-title ul li a.active{
                        color: #283d6b;
                    }

button{
    cursor: pointer;
}

.category-body{
    padding-top: 80px;
}

.category-body h2{
    color: #2d4f9c;
    margin-bottom: 35px;
    text-align: center;
}
    .art-l.second .date-art span:after{
        height: 100px;
    }
        .art-l.second .desc-article h3,
        .art-l.second .desc-article h3 a{
            font-size: 18px;
            line-height: 24px;
        }
        .art-l.second li{
            margin-bottom: 20px;
        }

/*- Blog -*/

/* ----- Blog more ----*/

.article-content-main{
    padding-left: 130px;
}
    .more-wrap.second{
        max-width: inherit;
    }
.soc-panel{
    margin: 40px 0;
}
    .soc-panel .social-small{
        margin-top: 10px;
    }
        .t-ar{
            text-align: right;
        }

.form-row{
    margin: 0 -15px;
}
.form-row .col-2{
    float: left;
}
    .form-row .col-2,
    .form-row .col
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .block-comments{
        padding-top: 40px;
    }
        .block-comments h2{
            color: #757c81;
            font-size: 30px;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 25px;
        }

.feedback{
    padding-bottom: 30px;
    border-bottom: 1px solid #E0E9EF;
    margin-bottom: 10px;
}

.comments{
    margin-bottom: 40px;
}

.comments-item{
    padding-top: 30px;
    padding-left: 130px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E0E9EF;
    position: relative;
    margin-bottom: 1px;
}
    .comments-item:after{
        content: " ";
        background: url("../img/quote.png") 0 0 no-repeat;
        width: 27px;
        height: 20px;
        display: block;
        position: absolute;
        top: 34px;
        left: 0;
    }
        .com-name{
            font-size: 24px;
            font-weight: 600;
            color: #467cbf;
        }

.com-head{
    margin-bottom: 20px;
}
.com-body p,
.com-body div,
.com-body{
    font-size: 16px;
    line-height: 24px;
    color: #757c81;

}
    .com-body p,
    .com-body div{
        margin-bottom: 10px;
        font-style: italic;
        word-break: break-all;
    }
.com-date{
    font-size: 14px;
    color: #b2bdc5;
    padding-top: 10px;
}
    .com-date span{
        display: inline-block;
        margin-left: 10px;
    }

    .link-rep{
        font-size: 14px;
        color: #757c81;
        display: inline-block;
        position: relative;
        padding-left: 26px;
    }

    .link-rep:hover{
        color: #467cbf;
    }
        .link-rep:after{
            content: " ";
            background: url("../img/elips.png") 0 0 no-repeat;
            width: 16px;
            height: 16px;
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
        }

.comments-item.reply:after{
    background-position: 0 -21px;
}
.comments-item.reply{
    border-bottom: 0;
    border-top: 1px solid #E0E9EF;
}
    .com-body + .comments-item.reply{
        margin-top: 30px;
    }
        .comments-item.reply:last-child{
            padding-bottom: 0;
        }

        .comments > .comments-item{
             border-top: 1px solid #E0E9EF;
        }
            .comments > .comments-item:first-child{
                border-top: 0;
            }

            .feedback.input-main textarea{
                height: 145px;
            }
/* ----- Blog more ----*/


/* - Contact -*/


.contact-page h1{
    font-size: 72px;
    color: #2d4f9c;
    font-weight: 800;
    line-height: 1;
    margin-top: 80px;
    margin-bottom: 75px;
    text-transform: uppercase;
}

.cont-row{
    margin: 0 -15px;
}
    .cont-row .col-2{
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }

.contacts-left{
    float: right;
    max-width: 750px;
    width: 100%;
}

.contacts-left-in{
    padding: 80px 100px 50px 0;
    min-height: 500px;
    margin-right: -85px;
    position: relative;
}
    .contacts-left-in:after{
        content: " ";
        background-color: #4072B7;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -30px;
        left: -2000%;
    }

    .contact-page .art-slider{
        margin-top: -40px;
    }

.contacts-left ul{
    position: relative;
    z-index: 1;
}
    .contacts-left ul li{
        position: relative;
        font-size: 24px;
        line-height: 30px;
        padding-left: 130px;
        margin-bottom: 25px;
        color: #fff;
    }
        .contacts-left ul li span{
            font-size: 18px;
        }
            .contacts-left ul li span{
                display: inline-block;
            }
                .contacts-left ul li:last-child > span{
                    margin-bottom: 15px;
                }
                .contacts-left ul li:last-child p{

                }
                    .contacts-left ul li p span{
                        margin-right: 30px;
                    }


.contacts-left ul li:before{
    content: " ";
    background: url("../img/icon-contact.png") 0 0 no-repeat;
    width: 33px;
    height: 33px;
    display: block;
    position: absolute;
    top: 10px;
    left:0;
}
    .contacts-left ul li.icon-1:before{
        background-position: 0 0;
        top: 0;
    }
    .contacts-left ul li.icon-2:before{
        background-position: 0 -66px;
    }
    .contacts-left ul li.icon-3:before{
        background-position: 0 -150px;
    }
    .contacts-left ul li.icon-4:before{
        background-position: 0 -241px;
    }
    .error-page{
        background: url("../img/page_404.jpg") center no-repeat;
        background-size: cover;
        height: 702px;
        position: relative;
    }

#numbS{
    /*display: none;*/
}
    .error-cont{
        width: 340px;
        height: 250px;
        position: absolute;
        top: 28%;
        left: 0;
        right: 0;
        color: #fff;
        margin: auto;
        text-align: center;
    }

        .error-cont span{
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
        }
            .error-cont strong{
                font-size: 72px;
                line-height: 1;
                font-weight: 800;
                display: block;
                margin-bottom: 25px;
            }
                .error-cont p{
                    font-size: 30px;
                    margin-bottom: 30px;
                    line-height: 30px;
                }
/* - Contact and  -*/

/* --- Project page ---*/

.gall-block{
    padding: 40px 0 130px;
    background: #2D4F9C url('../img/empty-squery.png') 0 0;
}

.type-t{
    display: block;
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
    .gall-block h1{
        font-size: 72px;
        font-weight: 800;
        color: #fff;
        margin-bottom: 40px;
    }



/* --- Project page ---*/

.sync3 .item{

}
        .sync3 .item img,
        .sync4 .item img{
            max-width: 100%;
            display: block;
            margin: auto;
            height: auto;
        }

.sync4 .item {
    background: #fff;
    padding: 15px;
    color: #FFF;
    cursor: pointer;
}

.sync4 .item h1 {
    /*font-size: 18px;*/
}

.sync4 .current .item {

}

.owl-theme .owl-nav {
    /*default owl-theme theme reset .disabled:hover links */
}


.sync3.owl-theme {
    position: relative;
    max-width: 840px;
    width: 100%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fff;
    z-index: 10;
}

.arr-small.owl-theme .owl-next,
.arr-small.owl-theme .owl-prev,
.arr-small  .slick-prev,
.arr-small .slick-next
{
    background: url("../img/arr-icon-small.png") no-repeat;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    z-index: 30;
}
.arr-small .slick-arrow:before{
    display: none;
}
    .arr-small.owl-theme .owl-prev,
    .arr-small  .slick-prev
    {
        background-position: 0 0;
        left: 40px;
    }
        .arr-small.owl-theme .owl-prev:hover,
            .arr-small  .slick-prev:hover
        {
            background-position: 0 -60px;
        }

    .arr-small.owl-theme .owl-next,
    .arr-small .slick-next
    {
        background-position: -60px 0;
        right: 40px;
    }
        .arr-small.owl-theme .owl-next:hover,
        .arr-small .slick-next:hover
        {
            background-position: -60px -60px;
        }

    .slider-wr{
        max-width: 1330px;
        margin: 0 auto;
    }
        .slider-wr .dots-sl .owl-dots{
            bottom: 60px;
        }
.gallery-project{
    position: relative;
}
.gallery-project  .sync4{
    top: 115px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
}
    .wrap-center{
        max-width: 1020px;
        padding: 0 15px;
        margin: auto;
    }

.project-page h2{
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 55px;
    text-transform: uppercase;
}

.gallery-project{
    margin-bottom: 65px;
}
    .record{
        margin-left: 14px;
    }
        .record li{
            color: #fff;
            padding-left: 130px;
            margin-bottom: 30px;
            font-size: 20px;
            line-height: 30px;
            position: relative;
        }
            .record li:after{
                content: " ";
                background: url("../img/plus.png") 0 0 no-repeat;
                width: 40px;
                height: 40px;
                position: absolute;
                top: 0;
                left: 0;
            }
.row-four{
    margin-bottom: 80px;
}
.row-four > div{
    float: left;
}

    .row-four .col-w1{
        width: 59%;
    }
    .row-four .col-w2{
        width: 41%;
    }
    .sl-border-pos{
        position: relative;
        margin-top: -80px;
    }
        .sl-border-pos:after{
            content: " ";
            background-color: #294890;
            border: 1px solid #415EA3;
            height: 101px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            top: -21px;
            right: -20px;
            position: absolute;
            left: -20px;
        }

.block-border{
    border: 10px solid #B2BDC5;
}

    .row-four  .block-border{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: -170px;
        padding: 80px 20px 60px 260px;
        margin-right: -10px;
        min-height: 470px;
    }
        .row-four h3{
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 25px;
            font-weight: 300;
            max-width: 490px;
            color: #757c81;
        }

            .row-four p{
                font-size: 18px;
                line-height: 30px;
                color: #757c81;
                max-width: 490px;
            }

.col-4{
    width: 25%;
}
.step-check{
    margin: 0 -15px 70px;
}
    .step-check  .col-4{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
        text-align: center;
        float: left;
    }
        .step-check p{
            font-size: 22px;
            line-height: 30px;
            color: #757c81;
        }

.check-i{
    background: url("../img/check.png") 0 0 no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}
    .step-check .check-i{
        margin-bottom: 25px;
    }

.pr-more-head {
    padding: 70px 0 70px;
}

.half{
    margin: 0 -15px;
}
        .half .col-2{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 15px;
            float: left;
        }

    .pr-more-head p{
        font-size: 24px;
        color: #757c81;
        line-height: 32px;
        margin-left: 135px;
    }

.pr-more-head h1{
    font-size: 72px;
    font-weight: 800;
    color: #2d4f9c;
    text-transform: uppercase;
    line-height: 84px;
}

.sl-desc{
    display: block;
    font-size: 30px;
    color: #2d4f9c;
    text-transform: uppercase;
    font-weight: 600;
    padding: 40px 0;
    text-align: center;
}

.two-sl{
    padding-bottom: 85px;
}

.two-sl .arr-small.owl-theme .owl-prev {
    left: 10px;
}

.two-sl .arr-small.owl-theme .owl-next {
    right: 10px;
}
.bg-empty-sq{
    position: relative;
}
    .bg-empty-sq:after{
        content: " ";
        background: #2D4F9C url("../img/empty-squery.png");
        right: 143px;
        position: absolute;
        left: -2000%;
        top: 0;
        bottom: -85px;
    }

    .two-sl .half{
        position: relative;
        z-index: 10;
    }
        .two-sl .half .col-2:first-child .sl-desc{
            color: #fff;
            z-index: 10;
            position: relative;
        }
.first-br{
    position: relative;
}

.first-br:after{
    content: " ";
    background-color: #294890;
    border: 1px solid #415EA3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    top: -20px;
    bottom: -20px;
    right: 128px;
    position: absolute;
    left: -20px;
    z-index: -1;
}

.row-five.second{
    overflow: hidden;
}

.gallery-project.slider-desc-main .picture2 {
    top: 120px;
}


.row-five > div{
    float: left;
}
    .row-five .col-w1{
        width: 42.7%;
    }
    .row-five .col-w2{
        width: 57.3%;
    }

.column-right{
    float: right;
    padding: 70px 0;
}
    .column-right{
        max-width: 620px;
        padding-left: 15px;
        width: 100%;
    }

    .project-page.pr-more h2{
        font-size: 36px;
    }

        .row-five.first .column-right h2{
            color: #757c81;
        }
.column-right-in{
    max-width: 520px;
    padding-right: 20px;
}

    .row-five .column-right h2{
        margin-bottom: 60px;
    }
        .row-five .column-right p{
            color: #757c81;
            font-size: 18px;
            line-height: 30px;
        }

.row-five .column-left{
    margin-right: -10px;
}

.column-left-in{
    padding: 60px 20px 70px 144px;
    max-width: 620px;
}
    .column-left table{
        width: 100%;
        margin-bottom: 40px;
    }
        .column-left table tr{
            border-bottom: 1px solid #B2BDC5;
        }
            .column-left table tr td{
                font-size: 18px;
                color: #757c81;
                padding: 20px 0 20px;
            }
                .column-left table tr td strong{
                    font-weight: 500;
                }
                .column-left table tr td p{
                    font-size: 14px;
                }
                    .column-left table tr td strong span{
                        font-weight: 300;
                    }
                    .column-left table tr td:last-child{
                        width: 170px;
                        padding-left: 20px;
                        text-align: right;
                    }
.column-left-in h2{
    color: #2d4f9c;
    display: block;
    margin-bottom: 45px;
    text-align: center;
}
    .after-table{
        display: block;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        color: #757c81;
    }

.gall-block.second{
    padding-bottom: 1px;
    overflow: hidden;
}

.gall-block.second .column-right{
    float: right;
    padding: 0;
    position: relative;
    z-index: 10;
}

    .gall-block.second .column-right h2{
        font-size: 44px;
        color: #2d4f9c;
        margin-bottom: 40px;
    }

    .row-five.second  .bg-empty-sq:after{
        right: 0;
        bottom: -100%;
    }
        .row-five.second .column-right{
            position: relative;
            z-index: 10;
        }

        .row-five.second .column-right p{
            color: #fff;
        }


.txt-col p{
    font-size: 16px;
    line-height: 24px;
    color: #757c81;
}

    .txt-col .half{
        padding-top: 70px;
        padding-bottom: 75px;
    }

    .bg-grayte{
        position: relative;
    }

        .bg-grayte:after{
            content: " ";
            background-color: #B2BDC5;
            position: absolute;
            top: -50px;
            left: -1000%;
            right: 0;
            bottom: -1000%;
        }
.secondPopupClose{
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 7px;
    right: 7px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #fff;
}


.owl-carousel .owl-item img{
    max-width: 100%;
    height: auto;
}


.slider-desc-main .lSSlideOuter{
    max-width: 1330px;
    margin: 0 auto;
}

    .slider-desc-main .picture1{
        position: relative;
        max-width: 830px;
        width: 100%;
        float: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
        background-color: #fff;
        z-index: 10;
    }

.slider-desc-main  .picture2{
    top: 155px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%!important;
    padding: 15px 0;
    background-color: #fff;
}


.slider-desc-main .slick-slide img{
    max-width: 100%;
    height: auto;
}

.slider-desc-main .picture2 .slick-slide{
    padding: 15px 15px;
}