.pre-head{
    height:80px;
    display:none
}
@media (max-width: 950px){
    .pre-head{
        display:block
    }
}
header{
    height:80px;
    background:#111427
}
header .wrapper{
    position:relative
}
@media (max-width: 950px){
    header .wrapper{
        padding-right:80px
    }
}
@media (max-width: 950px){
    header{
        position:fixed;
        top:0;
        width:100%;
        left:0;
        z-index:6
    }
}
header .mobile-btn-sec{
    height:80px;
    width:50px;
    top:0;
    right:20px;
    position:absolute;
    display:none
}
@media (max-width: 950px){
    header .mobile-btn-sec{
        display:flex
    }
}
header .mobile-btn-sec .mobile-sec{
    height:50px;
    width:50px;
    margin:auto;
    position:relative
}
header .mobile-btn-sec .mobile-sec:before{
    position:absolute;
    left:0px;
    height:2px;
    top:10px;
    background:#fff;
    width:50px;
    content:""
}
header .mobile-btn-sec .mobile-sec:after{
    position:absolute;
    left:0px;
    height:2px;
    bottom:10px;
    background:#fff;
    width:50px;
    content:""
}
header .mobile-btn-sec span{
    position:absolute;
    left:0px;
    height:2px;
    top:calc(50% - 1px);
    background:#fff;
    width:50px
}
header .mobile-btn-sec .active-menu-btn:after{
    background:var(--orange)
}
header .mobile-btn-sec .active-menu-btn:before{
    background:var(--orange)
}
header .mobile-btn-sec .active-menu-btn span{
    background:var(--orange)
}
header .logo{
    height:80px;
    width:15%;
    display:inline-flex;
    vertical-align:top;
    float:left;
    padding-right:20px
}
@media (max-width: 950px){
    header .logo{
        width:30%
    }
}
header .logo a{
    margin:auto;
    margin-left:0
}
header .logo img{
    max-width:120px;
    max-height:80%
}
header .contact-head{
    height:80px;
    float:left;
    display:flex;
    width:17%
}
@media (max-width: 950px){
    header .contact-head{
        width:30%
    }
}
@media (max-width: 600px){
    header .contact-head{
        display:none
    }
}
header .contact-head .middle{
    margin:auto;
    font-size:14px;
    color:#fff;
    margin-left:0
}
header .contact-head span{
    display:block
}
header .contact-head a{
    color:#fff;
    letter-spacing:1px;
    font-size:25px;
    text-decoration:none;
    font-family:"ASBold"
}
header .contact-head a:hover{
    color:var(--orange)
}
header .call-back-sec{
    height:80px;
    width:18%;
    display:flex;
    float:left
}
@media (max-width: 950px){
    header .call-back-sec{
        width:35%
    }
}
@media (max-width: 600px){
    header .call-back-sec{
        width:60%
    }
}
@media (max-width: 450px){
    header .call-back-sec{
        display:none
    }
}
header .call-back-sec .call-back{
    font-size:18px;
    color:#fff;
    font-family:"ASBold";
    margin:auto;
    margin-right:0;
    padding:10px 20px;
    border:2px solid #fff;
    border-radius:50px
}
header .call-back-sec .call-back:hover{
    color:var(--orange);
    border:2px solid var(--orange)
}
header .mobile-btn-call{
    display:none;
    font-size:18px;
    color:#fff;
    font-family:"ASBold";
    margin-top:20px;
    padding:10px 20px;
    border:2px solid #fff;
    border-radius:50px
}
header .mobile-btn-call:hover{
    color:var(--orange);
    border:2px solid var(--orange)
}
@media (max-width: 450px){
    header .mobile-btn-call{
        display:inline-block
    }
}
header .top-menu{
    font-size:18px;
    padding-left:20px;
    padding-right:20px;
    width:67%;
    display:flex;
    text-align:left;
    height:80px;
    float:left
}
header .top-menu ul{
    padding:0;
    margin:auto;
    margin-left:0
}
header .top-menu li{
    display:inline-block;
    vertical-align:top;
    margin-bottom:3px;
    padding-right:20px
}
header .top-menu a{
    color:#fff;
    font-size:16px;
    text-decoration:none;
    border-bottom:1px solid #fff
}
header .top-menu a:hover{
    color:var(--orange)
}
@media (max-width: 950px){
    header .top-menu{
        position:fixed;
        left:-400px;
        top:80px;
        height:100vh;
        transition:0.3s;
        width:400px;
        background:#111427;
        z-index:1;
        display:block;
        box-shadow:0 0 15px rgba(17,20,39,0.6)
    }
    header .top-menu ul{
        width:100%;
        overflow:auto
    }
    header .top-menu li{
        border-bottom:1px solid #fff;
        padding-right:0;
        padding-top:10px;
        font-family:"ASBold";
        padding-bottom:10px;
        display:block;
        width:100%
    }
    header .top-menu a{
        border-bottom:none;
        font-size:20px
    }
}
@media (max-width: 400px){
    header .top-menu{
        width:100%
    }
}
header .active-menu-sec{
    left:0
}
.slider-sec{
    min-height:600px;
    background-size:cover;
    background-position:top center;
    color:#111427;
    padding-bottom: 24px;
}

@media (min-width: 1000px){
    .slider-sec {
         height:600px;   
         padding-bottom: 0;
    }
}

.slider-sec .wrapper{
    display:flex;
    position:relative;
    z-index:2
}
.slider-sec .wrapper:before{
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/site/img/bg-line.png");
    background-repeat:repeat-y
}
.slider-sec .middle{
    margin:auto;
    margin-left:0
}
.slider-sec .title-slide{
    font-family:"ABlack";
    font-size:60px;
    margin-bottom:50px;
    max-width:750px;
    line-height:65px
}
@media (max-width: 800px){
    .slider-sec .title-slide{
        font-size:50px;
        line-height:47px
    }
}
@media (max-width: 700px){
    .slider-sec .title-slide{
        font-size:35px;
        line-height:32px
    }
}
@media (max-width: 450px){
    .slider-sec .title-slide{
        font-size:30px;
        line-height:27px
    }
}
@media (max-width: 400px){
    .slider-sec .title-slide{
        font-size:27px;
        line-height:25px
    }
}
.slider-sec .subtitle{
    max-width:750px
}
.slider-sec .href-section{
    max-width:600px;
    margin-top:50px
}
@media (max-width: 550px){
    .slider-sec .href-section{
        margin-top:20px
    }
}
.slider-sec .href-section .title{
    font-family:"ABold";
    font-size:25px;
    text-transform:uppercase;
    margin-bottom:15px
}
.slider-sec .href-section .desc{
    font-size:17px;
    font-family:"ALight"
}
.slider-sec .href-section .pic{
    height:35px;
    width:35px;
    background:var(--orange);
    border-radius:50%;
    position:absolute;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:18px;
    left:0;
    top:5px
}
.slider-sec .href-section .page-href{
    margin-top:20px;
    height:1px;
    width:70px;
    transition:0.5s;
    position:relative;
    border-top:1px solid var(--orange)
}
.slider-sec .href-section a{
    display:inline-block;
    vertical-align:top;
    padding-left:50px;
    text-align:left;
    position:relative;
    text-decoration:none;
    color:inherit;
    width:48%;
    font-size:18px
}
@media (max-width: 550px){
    .slider-sec .href-section a{
        width:100%;
        margin-top:30px
    }
}
.slider-sec .href-section a:hover .title{
    color:var(--orange)
}
.slider-sec .href-section a:hover .page-href{
    width:50%
}
.contact-sec{
    position:relative;
    background-color:#f1f1f1;
    background-size:cover;
    background-position:center;
    color:#111427
}
.contact-sec .wrapper{
    position:relative
}
.contact-sec .left-sec{
    font-size:17px;
    width:40%;
    padding-bottom:50px;
    padding-top:50px;
    text-align:left
}
@media (max-width: 800px){
    .contact-sec .left-sec{
        width:100%
    }
}
.contact-sec .right-sec{
    position:absolute;
    right:20px;
    top:0;
    padding-top:50px;
    padding-bottom:50px;
    width:50%;
    height:100%
}
@media (max-width: 800px){
    .contact-sec .right-sec{
        width:100%;
        height:300px;
        position:relative;
        right:0;
        padding-top:0;
        padding-bottom:0;
        margin-bottom:50px
    }
}
.contact-sec .sub-title{
    font-family:"ARegular";
    margin-bottom:50px
}
.contact-sec .phone{
    color:#111427;
    letter-spacing:1px;
    font-size:32px;
    text-decoration:none;
    display:inline-block;
    margin-bottom:30px;
    margin-top:20px;
    font-family:"ASBold"
}
.contact-sec .phone:hover{
    color:var(--orange)
}
.contact-sec .mail{
    font-size:18px;
    margin-bottom:10px;
    padding-left:25px;
    background-size:18px;
    background-repeat:no-repeat;
    background-position:left 5px
}
.contact-sec .mail a{
    font-family:"ARegular";
    color:#111427;
    text-decoration:none;
    border-bottom:1px solid #111427
}
.contact-sec .mail a:hover{
    color:var(--orange)
}
.contact-sec .title{
    font-size:25px;
    margin-bottom:15px;
    font-family:"ASBold"
}
.contact-sec .job-time{
    margin-top:30px
}
.contact-sec .job-time span{
    padding-left:25px;
    background-size:18px;
    background-repeat:no-repeat;
    background-position:bottom left
}
.about-sec{
    color:#fff
}
.about-sec .wrapper{
    background-repeat:no-repeat;
    padding-top:50px;
    padding-bottom:50px;
    background-position:90% center;
    background-size:40%;
    position:relative
}
.about-sec .wrapper:before{
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/site/img/bg-line.png");
    background-repeat:repeat-y
}
.about-sec .left-sec{
    width:45%;
    display:inline-block;
    vertical-align:top;
    font-size:18px;
    text-align:left
}
@media (max-width: 800px){
    .about-sec .left-sec{
        width:100%
    }
}
.about-sec .text{
    margin-bottom:20px
}
.about-sec .title-sec{
    font-size:50px;
    font-weight: 900;
    text-align:left;
    font-family:"ARegular";
    margin-bottom:50px
}
@media (max-width: 550px){
    .about-sec .title-sec{
        font-size:30px
    }
}
.about-sec .right-sec{
    width:45%;
    display:inline-block;
    vertical-align:top
}
@media (max-width: 800px){
    .about-sec .right-sec{
        width:100%
    }
}
@media (max-width: 500px){
    .about-sec .right-sec{
        margin-top:25px
    }
}
.about-sec .line{
    font-size:18px;
    margin-bottom:20px;
    background-size:20px;
    min-height:20px;
    padding-left:35px;
    text-align:left;
    background-repeat:no-repeat
}
.about-sec .advantage-sec{
    margin-top:50px
}
@media (max-width: 800px){
    .about-sec .advantage-sec{
        margin-top:0;
        margin-bottom:20px
    }
}
.about-sec .advantage-sec .advantage{
    display:inline-block;
    vertical-align:top;
    width:32%;
    text-align:left
}
@media (max-width: 500px){
    .about-sec .advantage-sec .advantage{
        width:100%;
        margin-top:10px
    }
}
.about-sec .advantage-sec .number{
    font-family:"ALight";
    font-size:55px
}
.about-sec .advantage-sec .comment{
    font-size:17px;
    font-family:"ALight"
}
@media (max-width: 520px){
    .about-sec .advantage-sec .comment{
        font-size:13px
    }
}
.partner-sec,.partner-sec-art{
    background:#111427
}
.partner-sec .wrapper,.partner-sec-art .wrapper{
    position:relative;
    padding-top:50px;
    z-index:2;
    padding-bottom:50px
}
.partner-sec .wrapper:before,.partner-sec-art .wrapper:before{
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/site/img/bg-line.png");
    background-repeat:repeat-y
}
.partner-sec .partner .slider-cell,.partner-sec-art .partner .slider-cell{
    position:relative
}
.partner-sec .partner .title-sec,.partner-sec-art .partner .title-sec{
    font-size:40px;
    font-family:"ARegular";
    margin-bottom:40px;
    color:#fff
}
.partner-sec .partner span,.partner-sec-art .partner span{
    color:#fff;
    display:inline-block;
    margin-bottom:30px;
    font-size:16px
}
.partner-sec .partner .route,.partner-sec-art .partner .route{
    position:absolute;
    top:calc(50% - 15px);
    cursor:pointer;
    height:30px;
    z-index:5;
    width:30px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    transition: 0.3s;
}

.slider-cell .route:hover {
    transform: scale(1.4);
}

.partner-sec .partner .left-arrow,.partner-sec-art .partner .left-arrow{
    left:-20px
}
.partner-sec .partner .right-arrow,.partner-sec-art .partner .right-arrow{
    right:-20px
}
.partner-sec .slide,.partner-sec-art .slide{
    height:100px;
    background-size:70%;
    background-position:center;
    background-repeat:no-repeat
}
@media (max-width: 520px){
    .partner-sec .slide,.partner-sec-art .slide{
        background-size:contain
    }
}
.partner-sec-art{
    background:none
}
.road-servises{
    color:#fff
}
.road-servises .wrapper{
    position:relative;
    padding-top:50px
}
.road-servises .wrapper:before{
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/site/img/bg-line.png");
    background-repeat:repeat-y
}
.road-servises h2{
    margin-bottom:20px
}
.road-servises span{
    display:inline-block;
    margin-bottom:50px;
    font-size:16px
}
.road-servises h3{
    margin-bottom:30px
}
.road-servises .section{
    padding-bottom:50px
}
.road-servises .section a{
    color:#fff;
	font-size:16px;
    background-color:#111427;
    margin-right:10px;
    text-decoration:none;
    display:inline-block;
    /*border:1px solid #111427;
	padding:10px 20px;
    border-radius:50px;*/
	border:1px solid #565E83;
	padding:20px;
	border-radius:10px;
    cursor:pointer;
    vertical-align:top;
    margin-bottom:15px;
}

.road-servises .section a:hover {
    background-color:#1e2342bb;
}

@media (max-width: 520px){
    .road-servises .section a{
        font-size:14px;
        border-radius:10px
    }
}
@media (max-width: 450px){
    .road-servises .section a{
        width:100%;
        margin-bottom:5px
    }
}
footer{
    padding-top:10px;
    padding-bottom:10px;
    background:#111427;
    color:#fff
}
footer .year-sec{
    width:120px;
    display:inline-block;
    vertical-align:top;
    font-size:17px;
    position:relative
}
@media (max-width: 1100px){
    footer .year-sec{
        width:20%
    }
}
@media (max-width: 820px){
    footer .year-sec{
        width:48%
    }
}
footer .year-sec .metric{
    margin-top:10px
}
footer .logo{
    height:60px;
    background-size:140px;
    width:150px;
    background-repeat:no-repeat;
    background-position:top left;
    display:inline-block;
    vertical-align:top
}
@media (max-width: 1100px){
    footer .logo{
        width:25%
    }
}
@media (max-width: 820px){
    footer .logo{
        width:48%;
        background-position:center right
    }
}
@media (max-width: 400px){
    footer .logo{
        background-size:contain;
        background-position:top right
    }
}
footer .politic{
    width:220px;
    display:inline-block;
    vertical-align:top;
    font-size:17px
}
@media (max-width: 1100px){
    footer .politic{
        display:none
    }
}
footer .politic a{
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid transparent
}
footer .politic a:hover{
    border-bottom:1px solid var(--orange)
}
footer .politic .btn-call{
    margin-top:10px;
    display:inline-block
}
footer .developed{
    width:200px;
    display:inline-block;
    vertical-align:top;
    text-align:right;
    font-size:17px
}
@media (max-width: 1100px){
    footer .developed{
        width:24%;
        font-size:15px
    }
}
@media (max-width: 820px){
    footer .developed{
        width:48%
    }
}
@media (max-width: 600px){
    footer .developed{
        width:100%
    }
}
@media (max-width: 450px){
    footer .developed{
        text-align:left;
        margin-top:10px
    }
}
footer .developed a{
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid transparent
}
footer .developed a:hover{
    border-bottom:1px solid var(--orange)
}
footer .ronktd-footer{
    min-height:60px;
    display:inline-flex;
    vertical-align:top;
    width:300px;
    background-size:60px;
    background-position:center left;
    background-repeat:no-repeat
}
@media (max-width: 1100px){
    footer .ronktd-footer{
        width:30%
    }
}
@media (max-width: 820px){
    footer .ronktd-footer{
        width:48%
    }
}
@media (max-width: 600px){
    footer .ronktd-footer{
        width:100%
    }
}
footer .ronktd-footer .middle{
    margin:auto;
    width:100%;
    padding-left:70px;
    font-size:11px;
    text-align:left;
    color:#fff
}
@media (max-width: 1100px){
    footer .ronktd-footer .middle{
        font-size:9px
    }
}
.title-page-pic{
    position:relative;
    background-color:#f1f1f1;
    background-size:cover;
    background-position:center;
    color:#111427;
    height:250px
}
@media (max-width: 500px){
    .title-page-pic{
        height:auto;
        padding-top:50px;
        padding-bottom:50px
    }
}
.title-page-pic .wrapper{
    display:flex
}
.title-page-pic .page-title{
    margin:auto;
    margin-left:0
}
.title-page-pic .name-page{
    font-family:"ABlack";
    font-size:50px;
    max-width:750px;
    line-height:45px
}
.title-page-pic a{
    text-decoration:none;
    color:inherit
}
.title-page-pic a:hover{
    color:var(--orange)
}
.article-content{
    color:#fff;
    padding-top:50px;
    padding-bottom:50px;
    min-height:calc(100vh - 410px);
    position:relative
}
.article-content:before{
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("/site/img/bg-line.png");
    background-repeat:repeat-y
}
.article-content ul{
    padding-left:20px
}
.article-content .wrapper{
    position:relative
}
.art-contact{
    padding-top:0;
    padding-bottom:0;
    color:#fff;
    background:none
}
.art-contact .mail a{
    color:var(--orange)
}
.art-contact .phone{
    color:var(--orange)
}
.art-contact .phone:hover {
    color:#fff;
}
.photo-otziv-block{
    display:inline-block;
    vertical-align:top;
    width:16%;
    height:250px;
    pointer-events: none;
    background-repeat:no-repeat;
    background-size:contain;
    user-select: none;
    background-position:center;
    background-color:#fff;
    margin-bottom:15px
}
@media (max-width: 700px){
    .photo-otziv-block{
        width:32%
    }
}
@media (max-width: 500px){
    .photo-otziv-block{
        width:32%;
        height:150px
    }
}
.photo-otziv-block-clear{
    display:inline-block;
    vertical-align:top;
    width:16%
}

.photo-gallery-block{
    display:inline-block;
    vertical-align:top;
    width:19%;
    height:200px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-color:#fff;
    margin-bottom:15px;
    transition: 0.3s;
    position: relative;
}
@media (max-width: 700px){
    .photo-gallery-block{
        width:32%
    }
}
@media (max-width: 500px){
    .photo-gallery-block{
        width:48%;
        height:150px
    }
}
.photo-clear{
    display:inline-block;
    vertical-align:top;
    width:19%
}


.photo-gallery-block:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    background-color: #111427;
    opacity: 0.1;
    height: 100%;
    transition: 0.3s;
}

.photo-gallery-block:hover {
    transform: translateY(-5px);
    z-index: 4;
}

.photo-gallery-block:hover::after {
    opacity: 0.7;
}

.slider-cell .slide {
    transition: 0.3s;
}

.slider-cell .slide:hover {
    transform: scale(1.2);
}