.third-nav{
	display:none;
}
.design_v3{
	text-align: left;
    position: relative; 
    overflow: hidden;
}
 .hero{
    height:400px;
    background:no-repeat center;
    background-size:cover;
    position:relative;
    box-sizing:border-box
}
@media screen and (min-width: 2000px){
    .hero{
        height:450px
    }
}
@media (max-width: 1280px){
    .hero{
        height:333px
    }
}
@media (max-width: 768px){
    .hero{
        height:256px
    }
}
@media (max-width: 480px){
    .hero{
        height:41vw
    }
}
.hero .hero-content{
    height:100%;
    position:relative;
    z-index:1;
    overflow:hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.hero .hero-content:before{
    content:none
}
.hero .hero-text-block{
    max-width:65%
}
@media (max-width: 480px){
    .hero .hero-text-block{
        max-width:100%
    }
}
.hero .title-h1{ 
    line-height:1.166667
}
@media (max-width: 1280px){
    .hero .title-h1{
        font-size:50px
    }
}
@media (max-width: 1024px){
    .hero .title-h1{
        font-size:4.5vw
    }
}
@media (max-width: 480px){
    .hero .title-h1{
        font-size:8vw
    }
}
.hero .sub-title{
	font-size: 18px;
    line-height: 32px;
    color:#848484;
    font-weight:bold
}
@media (max-width: 1280px){
    .hero .sub-title{
        font-size:27px
    }
}
@media (max-width: 1024px){
    .hero .sub-title{
        font-size:3vw
    }
}
@media (max-width: 480px){
    .hero .sub-title{
        font-size:16px
    }
}
.hero:before{
    font-family:IconFont;
    font-style:normal;
    line-height:1;
    font-weight:normal;
    display:block;
    top:50%;
    width:130px;
    height:130px;
    border-radius:50%;
    background-color:#385d97;
    color:#5174a4;
    text-align:center;
    position:absolute;
    left:-159px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    font-size:58px;
    line-height:132px;
    box-sizing:border-box
}
@media screen and (max-width: 1550px){
    .hero:before{
        content:none !important
    }
}
.design_v3 .hero{
    background-position:top center;
    font-family:"Roboto",sans-serif
}
@media screen and (min-width: 2000px){
    .design_v3 .hero{
        height:480px
    }
} 
.design_v3 .hero .title-h1{    
    margin-bottom:0; 
}
@media (max-width: 1280px){
    .design_v3 .hero .title-h1{
        font-size:52px
    }
}
@media (max-width: 1024px){
    .design_v3 .hero .title-h1{
        font-size:4.5vw
    }
}
@media (max-width: 480px){
    .design_v3 .hero .title-h1{
        font-size:21px
    }
}
.design_v3 .hero .sub-title{
    font-weight:600
}
@media (max-width: 1024px){
    .design_v3 .hero .sub-title{
        font-size: 13px;
		line-height: 23px;
    }
}
@media (max-width: 480px){
    .design_v3 .hero .sub-title{
		font-size: 12px;
		line-height: 20px;
    }
}

.hero._custom-bg .hero-content:before{
    content:'';
    background-color:rgba(255,255,255,0.75);
    position:absolute;
    z-index:-1;
    bottom:-5%;
    right:45%;
    left:0;
    top:0;
    transform:skewX(-6deg);
    -webkit-transform:skewX(-6deg);
    -ms-transform:skewX(-6deg);
    transform-origin:top left;
    -webkit-backface-visibility:hidden
}
@media (max-width: 480px){
    .hero._custom-bg .hero-content:before{
        right:0;
        transform:skewX(0deg);
        -webkit-transform:skewX(0deg);
        -ms-transform:skewX(0deg)
    }
}
.hero._custom-bg .hero-text-block{
    max-width:52%
}
@media (max-width: 480px){
    .hero._custom-bg .hero-text-block{
        max-width:100%
    }
}
.design_v3 .hero._custom-bg{
    overflow:hidden
}
.design_v3 .hero._custom-bg .hero-content{
    overflow:visible
}
.design_v3 .hero._custom-bg .hero-content:before{
    left:-50vw
}
@media screen and (min-width: 1281px){
    .design_v3 .g-content:not(._xl-zero-indent){
        padding-left:20px;
        padding-right:20px
    }
}
.g-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 60px;
}
.hero._web-design-slider .person{
    opacity:0;
    -webkit-transition:0.75s opacity;
    transition:0.75s opacity;
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:center top no-repeat;
    background-size:cover
}
.hero._web-design-slider .person.active{
    opacity:1
}
.hero._web-design-slider .person._email{
    background-image:url(../images/hero.jpg)
}
@media (max-width: 1024px){
    .hero._web-design-slider .person._email{
        background-image:url(../images/hero.jpg)
    }
}
 
.hero-phone-block{
    display:none;
    position:relative;
    z-index:5
}
.design_v3 .hero-phone-block{
    display:block
}
.hero-phone-block .hero-phone{
    position:absolute;
    min-width:325px;
    font-size:30px;
    line-height:1;
    right:0;
    bottom:0;
    background:url(../images/phone_cloud.svg) top right no-repeat;
    background-size:cover
}
.hero-phone-block .hero-phone span,.hero-phone-block .hero-phone a{
    display:block
}
 
.hero-phone-block .hero-phone .phone-items{
    padding:30px 60px 0 30px;
    color:inherit;
	font-family: "Roboto Condensed", sans-serif;
}
.hero-phone-block .hero-phone .subtext{
    font-size:24px;
    margin-bottom:0.1333333333em;
    font-weight:500;
    color:#848484
}
.hero-phone-block .hero-phone .phone{
    font-weight:900;
    line-height:30px;
    white-space:nowrap;
    color:#5174a4
}
@media (max-width: 1024px){
    ._l-hide{
        display:none!important
    } 
}
.design-slider-wrap{
    position:relative;
    width:100%;
    z-index:1
}
.front .design-slider-wrap{
    margin-top:-120px
}
@media screen and (min-width: 2000px){
    .front .design-slider-wrap{
        margin-top:-164px
    }
}
@media (max-width: 1200px){
    .front .design-slider-wrap{
        margin-top:0
    }
}
.design-slider-wrap:before{
    content:'';
    display:block;
    padding-bottom:82.7485380117%;
    background-image:url(../images/carousel_bg.svg);
    background-size:100% 100%
}
.design-slider-wrap .design-slider-container{
    position:absolute;
    top:4.593639576%;
    left:3.6549707602%;
    width:92.8362573099%;
    height:64.4876325088%;
    overflow:hidden
}
.design-slider-wrap .slider-control{     
    color:#5175a5;
    z-index:1;
    top:41.6961130742%
}
.design-slider-wrap .slider-control:before{
    line-height:1
}
.design-slider-wrap .slider-control._prev{
    left:-8.7719298246%
}
 
.design-slider-wrap .slider-control._next{
    right:-8.7719298246%
}
 
ul.swiper-wrapper{
	margin: 0;
	padding: 0;
}
.title-group{
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1;
    font-weight: bold;
}
@media (max-width: 1024px){
    .title-group{
        font-size:34px
    }
}
@media (max-width: 480px){
    .title-group{
        font-size:30px
    }
}
.title-group .group-subtitle{
    display:block;
    font-weight:normal;
    font-size:2.5714285714rem;
    margin-bottom:5px
}
@media (max-width: 1024px){
    .title-group .group-subtitle{
        font-size:28px;
        line-height:1;
        margin-bottom:0
    }
	._less-top{
		padding-top: 55px;
	}
}
@media (max-width: 480px){
    .title-group .group-subtitle{
        font-size:24px
    }
	._less-top{
		padding-top: 35px;
	}
}

.grid-element .desc{
    font-size:18px;
    line-height:1.5;
	color: #848484;
}
@media (max-width: 1280px){
    .grid-element .desc{
        font-size:17px
    }
}
@media (max-width: 768px){
    .grid-element .desc{
        font-size:16px
    }
	._less-top{
		padding-top: 45px;
	}
}
.g-list{
    margin-left:20px;
	padding: 0;
}

.g-list .list-item{
    font-size:1.1428571429rem;
    padding-left:36px;
    margin-bottom:20px;
    background-image:url(../images/bullet_check_list.svg);
    background-repeat:no-repeat;
    background-position:0 0.2142857143rem
}
.g-list .list-item{
    background-size:auto 20px;
    margin-bottom:14px;
	font-size: 17px;
    line-height: 20px;
	color: #484848;
}
.g-list .bold{
    font-weight: bold;
}
@media screen and (min-width: 1025px){
    ._less-top{
        padding-top:70px
    }
}