@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Regular.otf');
}
@font-face {
    font-family: 'Exo 2';
    src: url('../fonts/Exo_2/Exo2-Regular.ttf');
}

html, body{
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.container-fluid{
    min-height: 100%;
}
main{
    overflow: hidden;
}
header{
    position: relative;
    background: white;
    height: 135px;
}
.container{
	/*max-width: 1170px;*/
	position: relative;
}
header .container{
    height: 100%;
    width: 1011px;
    padding: 0px;
}
.menu{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menu li{
    display: inline-block;
    position: relative;
}
.menu li ul{
    font-size: 13px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    display: none;
    position: absolute;
    z-index: 9999;
    background: #e3e3e3;
    top: 40px;
}

/* Подменю */
.menu li:hover>ul {
    display: block;
}
.menu li ul li{
    width: 100%;
    min-height: 40px;
    color: black;
    padding: 11px 22px;
    font-weight: normal;
    border: 1px solid #cdcccc;
}
.menu li ul li:hover{
    background: black;
}
.menu li ul li:hover a{
    color: white !important;
}
.menu li ul li a{
    font-size: 13px;
    color: black !important;
}
/* level 0*/
nav.menu>li:hover>ul {
    /*min-width: 550px;*/
}
nav.menu>li>ul>li{
    position: static;
}
nav.menu>li:hover>ul>li{

}
/* level 1 */
ul.level1 {
    width: 100%;
    top: 0 !important;
    left: 100%;
}
ul.level1>li{
    padding-left: 43px;
    padding-right: 43px;
}
ul.level1>li,
ul.level1>li>a{
    font-size: 13px;
    text-transform: none;
    color: black !important;
}
ul.level1>li>a:hover{
    color: black !important;
}
ul.level1>li:hover{
    background: #edd614 !important;
}




header #menu1{
    position: absolute;
    right: 9px;
    bottom: 31px;
}
header #menu1 li{
    font-size: 15px;
    text-transform: uppercase;
    padding: 2px 11px;
    border-left: 3px solid #edd714;
    line-height: 15px;
}
header #menu1 li:first-child{
    border-left: none;
}
header #menu1 li a{
    color: black;
}
header #menu1 li.active a {
    color: #e3cc04;
    text-shadow: 1px 1px 0 #d5d5d5;
}

header #slogan{
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #6e6e6f;
    border-bottom: 3px solid #edd714;
    position: absolute;
    padding-bottom: 13px;
    bottom: 14px;
    left: 256px;
}

#menu2{
    background: #373135;
    height: 52px;
    padding: 12px 0;
    text-transform: uppercase;
    font-family: "Myriad Pro", serif;
    font-weight: 600;
}
#titlePage .container,
#menu2 .container{
    width: 1011px;
    padding: 0;
}
#titlePage .container{
    padding: 0 10px;
}
#menu2 .container>.menu>li{
    height: 52px;
}
#menu2 .container>.menu>li>a{
    display: block;
    padding: 6px 10px 0;
    border-left: 3px solid #ffffff;
}
#menu2 .container>.menu>li:first-child>a{
    border-left: none;
}
#menu2 a{
    font-size: 18px;
    line-height: 22px;
    color: #f8d658;
}
#menu2 .active>a{
    color: white;
}
#menu2 a:hover{
    text-decoration: none;
}
#headerPhoto{
    width: 100%;
    max-width: 1910px;
    background-size: cover;
    margin: 0 auto;
    background: url('../img/headerPhotoBg.jpg') no-repeat center center;
    height: 122px;
}
#slider{
    position: absolute;
    height: 448px;
    top: 127px;
    width: 1438px;
    left: 50%;
    margin-left: -719px;
}
#slider ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#slider li{
    height: 448px;
    width: 100%;
    background-position: center center;
    background-size: cover;

}
.bx-wrapper {
    border: none;
}
header #address{
    float: left;
    background: url('../img/icoHeaderAddress.png') no-repeat 24px center;
    padding-left: 58px;
    font-size: 13px;
    font-family: "Open Sans", serif;
}
header #address p{
    padding: 0;
}
header #address p:first-child{
    margin: 4px 0 0;
    font-size: 20px;
}

header #phones{
    float: right;
    color: #6e6e6f;
    font-size: 26px;
    font-family: "Open Sans", serif;
    font-weight: normal;
    line-height: 60px;
    /*line-height: 58px;
    text-align: center;
    font-weight: bolder;
    margin: 0 auto;
    width: 100%;*/
}
#phones p {
    margin: 0;
    padding: 0;
}
footer{
    font-family: "Myriad Pro", "Open Sans", serif;
    color: white;
    font-size: 16px;
    background: #6a6a6a url('../img/footerBg.gif') no-repeat center top;
    height: 400px;
    padding: 250px 0 0;
}
footer nav.menu li:after{
    content: '/';
    margin: 0 8px;
    font-weight: 600;
}
footer nav.menu:last-child li:last-child:after{
    content: normal;
}
footer .menu.level0{
    display: none;
    position: absolute;
    left: -2000px;
}
footer a:hover{
    color: white;
    text-decoration: underline;
}
footer .row:first-child>div{
    border-left: 3px solid #e4ca00;
    min-height: 100px;
    padding: 0 15px;
}
footer .row:first-child>div:first-child{
    border: none;
}
footer .row:first-child>div:nth-child(2),
footer .row:first-child>div:nth-child(3){
    font-size: 18px;
}
footer p{
    margin: 0;
    padding: 0;
}
footer b,
footer strong{
    color: #f5df38;
}

footer small{
    font-size: 14px;
}
footer a{
    font-weight: bold;
    color: inherit;
}
footer phone{
    display: inline-block;
    margin: 57px 16px 0;
    padding: 19px 0 0 0;
    border-top: 3px solid #fff;
    font-size: 22px;
    font-weight: bold;
}
footer phone.active{
    border-color: #f08e00
}
footer phone.active::before {
    content: '';
    position: absolute;
    display: block;
    border-top: 3px solid #f08e00;
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    height: 3px;
    width: 70px;
    /*bottom: -20px;*/
    left: -20px;
    top: 86px;
}
#greeting{
    font-size: 18px;
    margin-bottom: 30px;
}
#greeting .container{
    margin-top: 43px;
    width: 1011px;
}


#realProjects{
    padding-top: 5px;
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}
#realProjects .title1{
    margin-bottom: 20px;
}
#realProjects>div {
    padding: 53px 0;
    /*height: 605px;*/
    background: url('../img/realProjecstBg.jpg') repeat-y top center;
}
#realProjects .container{
    width: 1130px;
}
#realProjects .itemPorto{
    margin: 0;
    width: 282px;
    height: 248px;
}
.swiper-wrapper{
    color: #fff;
}

.img_comp{
    float: left;
    margin: 33px 33px 33px 0;
}
.wrapper_imgs_ok img{
    width: 33%;
    height: 277px;
    padding-right: 4px;
}

#realProjects .swiper-container .swiper-slide {
    padding-bottom: 14px;
    border-bottom: 5px solid #f18e00;
}

#realProjects .link_all_projects {
    font-size: 20px;
    color: white;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    margin-bottom: 13px;
}

#realProjects .swiper-button-prev, #realProjects .swiper-button-next{
    background-image:none;
    background: transparent;
    color: white;
    font-size: 39px;
    text-indent: 0;
    text-shadow: 0 5px 5px black;
}

.save-down-pdf{
    display: none;
}

#realProjects .swiper-button-prev{
    left: -2%;
}
#titlePage2{
    text-align: center;
    margin-bottom: -16px;
    font-weight: bold;
    text-transform: uppercase;
    display: none;
}
#realProjects .link_all_projects{
    position: absolute;
    left: 50%;
    font-family: "Myriad Pro", serif;
    font-size: 19px;
    color: #e7e6e3;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 25px;
    bottom: 0;
}

#realProjects .swiper-container .title{

}
#realProjects .swiper-container .photo img{
    width: 100%;
    height: auto;
    display: block;
}
#realProjects .swiper-container{

}

#realProjects .bx-wrapper{
    width: 1168px;
    margin: 0 auto 17px;
     padding: 0;
    -ms-touch-action: pan-y;
     touch-action: pan-y;
    -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     background: transparent;
}
#realProjects li{
    display: inline-block;
    width: 370px;
    padding-bottom: 14px;
    border-bottom: 5px solid #f18e00;
}
#realProjects .description{
    background: #003c8c;
    color: white;
    font-size: 20px;
    line-height: 32px;
    padding: 10px 52px;
    min-height: 123px;
    text-align: left;

    text-overflow: ellipsis;
    overflow: hidden;
    height: 178px;
}
#partners .title1{
    color: #e3ce17;
}
#partners li{
    margin: 25px 25px 37px;
}
#partners{
    margin: 0 auto 32px;
    max-width: 1062px;
    height: auto;
    position: relative;
    text-align: center;
    border-bottom: 35px solid #edd714;
}

.swiper-container2{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
#partners2{
    display: none;
}
#partners h2{
    text-transform: uppercase;
    font-size: 32px;
    color: #023b8a;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px;
}
/*#partners::before {
    content: '';
    position: absolute;
    display: block;
    border-top: 3px solid #0a3e8b;
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
    height: 3px;
    width: 70px;
    left: -30px;
    top: 126px;
}
#partners::after {
    content: '';
    position: absolute;
    display: block;
    border-top: 3px solid #0a3e8b;
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
    height: 3px;
    width: 70px;
    right: -30px;
    top: 126px;
}*/
.bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    text-shadow: 0 5px 5px black;
}
#titlePage{
    line-height: 50px;
    height: 50px;
    color: #78787a;
}
#titlePage a{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Myriad Pro", serif;
    font-weight: 600;
    color: inherit;
}
#titlePage a:last-child{
    color: #363636;
}
hr{
	border: 0;
	border-top: 3px solid #f08e00;
}
#map{
    width:100%;
    max-width: 1140px;
	height: 420px;
    margin: 0 auto;
}
.itemDocs{
    background: #eff0f1;
    border-top: 3px solid #da8d21;
    padding: 46px 0 59px;
    margin-bottom: 55px;
}
.itemDocs .photo:hover img {
    border-top: 6px solid #da8d21;
}
.link_all_projects_two{
    display: none;
}

.itemDocs .photo img{
    border-top: 6px solid #092691;
}
.itemDocs .title{
    color: #101010;
    font-size: 22px;
    line-height: 28px;
}
.itemDocs .title{
    color: #25387c;
    font-size: 30px;
    margin-bottom: 33px;
    line-height: 28px;
}

.itemDocs .title a{
    text-decoration: none;
}

.itemPresentation{
	height: 315px;
    width: 31%;
	margin-right: 24px;
	margin-bottom: 20px;
	position: relative;
	padding: 0px;
	background: white;
    text-align: center;
}
.itemPresentation .photo{
    width: 100%;
    height: 285px;
    margin-bottom: 10px;
}
.itemPresentation .download{
    font-size: 17px;
    font-family: "Myriad Pro", serif;
    color: black;
    text-decoration: none;
}

.wrapper_imgs_ok{
    padding-bottom: 24px;
}
.wrapper-Porto.itemPorto{
    width: 276px;
    height: 245px;
    /*width: 19%;*/
    overflow: hidden;
}

.itemPorto{
	text-align: center;
	height: 208px;
	width: 228px;
	margin-right: 6px;
	margin-bottom: 6px;
	position: relative;
	padding: 0px;
    z-index: 2;
    background: #eff0f1;
}
.contentPortoMore .itemPorto{
    background: none;
    height: 169px;
    overflow: hidden;
}
.itemPorto .photo{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.itemPorto .photo img{
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.itemPorto .photo a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 0;
    background: #4a4a4a;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.itemPorto:hover .photo a:before{
    opacity: .56;
}
.itemPorto .photo a {
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}
.itemPorto .photo a .title{
    color: #edd714;
    font-size: 19px;
    line-height: 20px;
    opacity: 0;
    display: block;
    z-index: 2;
    position: absolute;
    font-family: "Myriad Pro", serif;

    border-top: 7px solid #edd714;
    border-bottom: 7px solid #edd714;
    padding: 20px 10px;
    width: 144px;
    left: 50%;
    margin-left: -72px;
    top: 50%;
    margin-top: -72px;
}
.itemPorto:hover .photo a .title{
    opacity: 1;
}
.itemPorto:hover .photo img{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.itemPorto a{
    display: block;
    width: 100%;
    height: 100%
}
.itemPorto .title{
    display: none;
}
.contentPorto>.container{
     width: 1130px;
}




.image-wrapper-mob-t{
    display: none;
}

.fancybox-infobar__body,
.fancybox-button:after,
.fancybox-button:before {
    color: #da8d21;
}
#titlePage .delimiter{
    padding: 0 3px;
    font-size: 13px;
    font-weight: bold;
}
#titlePage .delimiter:first-child{
    display: none;
}
#toTop{
    display: none;
    background: url('../img/toTop.png') no-repeat 0 0;
    width: 84px;
    height: 84px;
    position: fixed;
    right: 60px;
    bottom: 60px;
    border-radius: 42px;
    cursor: pointer;
    z-index: 10;
}
body.scroll #toTop{
    display: block;
}
#toTop a {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-button--right,
.fancybox-button--left {
    z-index: 999999;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    background: none;
    font-size: 40px;
    color: #f38e00;
}
.fancybox-button--right:hover ,
.fancybox-button--left:hover {
    background: none;
}
.fancybox-button--right::before,
.fancybox-button--right::after,
.fancybox-button--left::before,
.fancybox-button--left::after {
    content: normal;
}
.fancybox-button--left {
    left: 20%;
    margin-left: -50px;
}
.fancybox-button--right{
    left: 80%;
    margin-left: 45px;
}
.containerPics{
    height: 521px;
}
.services .image-wrapper,
.contentPortoMore .image-wrapper{
    position: relative;
}
.services .image-wrapper{
    width: 414px;
}

.services .image-wrapper,
.contentPortoMore svg.clip-svg {
    position: absolute;
}

.mob-vers-Present{
   display: none;
}

.contentPortoMore svg#svg-1.clip-svg {
    width: 562px;
    height: 316px;
    left: 0px;
}
.contentPortoMore svg#svg-2.clip-svg {
    width: 710px;
    height: 390px;
    right: 0px;
    top: 27px;
}
.services svg.clip-svg {
    width: 414px;
    height: 218px;
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mob-nav{
     display: none;
 }
.navbar-inverse .navbar-toggle .icon-bar{
    background-color: #1b2f72;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    background: #eff0f2;
    border-color: #da8d21;
}
.border-line{
    border-color: #da8d21;
    border: 1px solid  #da8d21;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    background: #eff0f2;
    color: #1b2f72;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    color: #1b2f72;
}
ul.dropdown-menu li:before {
    content: "–";
    padding-right: 0.5em;
    color: chocolate;
    font-weight: bold;
    font-size: 1.5em;
    position: absolute;
    left: 20px;
}
ul.dropdown-menu li a{
    padding-left: 41px !important;
}
ul.dropdown-menu {
    list-style: none;
}
.right_text_n{
    text-align: right;
}
.navbar-inverse{
    background: rgba(255, 0, 0, 0);
    border-color: rgba(255, 0, 0, 0);
    background-image: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background: rgba(255, 0, 0, 0);
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a{
    box-shadow: none;
    background-image: none;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background-color: #eff0f2;
    color: #1b2f72;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
    color: #1b2f72;
}
.navbar-header{
    background: rgba(255, 0, 0, 0);
}

.navbar-inverse .navbar-nav>li>a{
    color: #1b2f72;
    text-transform: uppercase;
}
.navbar-inverse .navbar-toggle{
    border-color: rgba(255, 0, 0, 0);
}

.navbar-collapse{
    position: relative;
    top: -50px;
    left: 0px;
    width: 87%;
    height: auto;
    padding-bottom: 10px;
    border: 1px red solid;
}

.container-my{
    /*max-width: 1722px;*/
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 432px;
}


header .logo1{
    background: url(../img/logo.png) no-repeat 0 0;
    width: 180px;
    height: 121px;
    position: absolute;
    top: 10px;
    left: 40px;
}

#yellowPanel{
    background: #edd714;
    position: absolute;
    top: 0;
    right: 0;
    width: 755px;
    height: 60px;
    padding-right: 17px;
}

.men1{
    text-align: right;
    text-transform: uppercase;
    border-bottom: 3px solid #f08e00;
    width: 339px;
    float: right;
    position: relative;
    margin-top: 69px;
}
.men1 a{
    line-height: 14px;
    font-weight: bold;
    color: #02307e;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 8px 0;
    margin: 0 9px;
}

.men1 nav::before {
    content: '';
    position: absolute;
    display: block;
    /* border: 1px solid red; */
    border-top: 3px solid #f08e00;
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    height: 3px;
    width: 41px;
    bottom: -20px;
    left: -30px;
}

.men2{
    float: right;
    position: relative;
    background: #f08e00;
    margin-top: 20px;
    font-weight: bold;
    color: #002b75;
}

.men2 .menu li ul a {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
}

.men2 strong, .men2 a {
    padding: 6px 11px;
    display: inline-block;
    color: #002b75;
    font-size: 17px;
}
.men2 nav::after {
    position: absolute;
    right: -21px;
    top: 0px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 21px 0 0;
    border-color: #f08e00 transparent transparent transparent;
}
.men2 nav::before {
    position: absolute;
    left: -21px;
    top: 0px;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 36px 21px;
    border-color: transparent transparent #f08e00 transparent;
}

.logo1 a {
    display: block;
    height: 100%;
    width: 100%;
}
.wrapper_images_compans img{
    width: 20%;
    padding-right: 4px;
    height: auto;
}
.item-Proto-btn{
    display: none;
}
.mon-img{
    display: none !important;
}

.link_all_projects_hidden{
    display: none;
}

.wrapper_text_hidden{
    display: none;
}

.item-Proto-btn:hover{
    color: #fff;
}
.mob-svg{
    display: none;
}

.wrepper_menu {
    position: relative;
    right: -142px !important;
}

.phone-mob{
    display: none;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    max-height: 409px;
}
.navbar-collapse{
    padding-bottom:0;
}

.container-my .item{
    background-size: cover;
    height: 432px;
}


#services{
    background: #dee1e8;
    max-width: 1290px;
    margin: 0 auto;
    padding: 32px 0;
    min-height: 443px;
}
#services nav{
    max-width: 1170px;
    margin: 0 auto;
}
#services h1{
    height: 61px;
    line-height: 61px;
    margin-bottom: 35px;
    position: relative;
}
#services h1:before,
#services h1:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
}
#services h1:before{
    float: left;
    border-top: 61px solid #e3cc04;
    border-right: 61px solid transparent;
}
#services h1:after{
    float: right;
    border-top: 61px solid #e3cc04;
    border-left: 61px solid transparent;
}
h1.title1{
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: black;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
}
h1.title1 i,
h1.title1 em{
    display: inline-block;
    background: url("../img/title1Bg.png") no-repeat center center;
    height: 18px;
    width: 54px;
    margin: 0 10px;
}
#services li{
    min-height: 113px;
    margin: 12px 27px;
    line-height: 113px;
    position: relative;
    float: left;
}
#services li a{
    display: block;
    height: 113px;
    line-height: 113px;
    font-family: "Myriad Pro", serif;
    font-size: 19px;
    color: #6a6a6a;
    font-weight: bold;
}
#services li#service1,
#services li#service2,
#services li#service3,
#services li#service4{
    margin-left: 40px;
    margin-right: 40px;
}
#services li#service1 a{
    background: url("../img/icoService1.png") no-repeat left center;
    padding-left: 110px;
}
#services li#service2 a{
    background: url("../img/icoService2.png") no-repeat left center;
    padding-left: 76px;
}
#services li#service3 a{
    background: url("../img/icoService3.png") no-repeat left center;
    padding-left: 65px;
}
#services li#service4 a{
    background: url("../img/icoService4.png") no-repeat left center;
    padding-left: 77px;
}
#services li#service5 a{
    background: url("../img/icoService5.png") no-repeat right center;
    padding-right: 90px;
}
#services li#service6 a{
    background: url("../img/icoService6.png") no-repeat right center;
    padding-right: 85px;
    width: 247px;
    line-height: 18px;
    text-align: center;
    padding-top: 40px;
}
#services li#service7 a{
    background: url("../img/icoService7.png") no-repeat right center;
    padding-right: 172px;
    width: 285px;
    line-height: 18px;
    text-align: center;
    padding-top: 40px;
}
#services li#service8 a{
    background: url("../img/icoService8.png") no-repeat right center;
    padding-right: 120px;
}

.wallBricks{
    min-height: 360px;
    background: url("../img/bricks.jpg") repeat left top;
}
.wallBricks .container{
    background: white;
    width: 1106px;
    margin-bottom: -35px;
    height: 100%;
}
.wallBricks .container:before{
    content: '';
    display: block;
    height: 100%;
    background: url("../img/borderAdvantages1.png") repeat-y left 0;
    width: 52px;
    position: absolute;
    left: -52px;
    top: 0;
}
.wallBricks .container:after{
    content: '';
    display: block;
    height: 100%;
    background: url("../img/borderAdvantages2.png") repeat-y left 0;
    width: 52px;
    position: absolute;
    right: -52px;
    top: 0;
}

.wallBricks .title1{
    padding-top: 40px;
}
#advantages {
    margin-top: 30px;
    height: 367px;
}
#advantages li{
    background: #edd714 no-repeat center center;
    width: 241px;
    height: 187px;
    margin: 25px 14px;
}
#advantages li:nth-child(1){
    background-image: url('../img/icoAdvantages1.png');
}
#advantages li:nth-child(2){
    background-image: url('../img/icoAdvantages2.png');
}
#advantages li:nth-child(3){
    background-image: url('../img/icoAdvantages3.png');
}
#advantages li:nth-child(4){
    background-image: url('../img/icoAdvantages4.png');
}

#services2>ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
    /*margin: 0 -10px 0 -1px;*/
    display: flex;
    flex-wrap: wrap;
}
#services2>ul>li {
    float: left;
    width: 33.22%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}
#services2>ul>li>a {
    font-family: "Exo 2", serif;
    font-size: 18px;
    color: black;
    font-weight: bold;
    height: 66px;
}
#services2>ul>li>a:before{
    content: '';
    display: inline-block;
    width: 70px;
    height: 66px;
    background-size: 100%;
    margin-right: 15px;
}

#services2>ul>li>ul {
    list-style-type: none;
    margin-left: 87px;
    padding: 0;
    font-size: 17px;
    line-height: 20px;
}
#services2>ul>li>ul>li {
    /*color: #e2001a;*/
    margin-bottom: 5px;
    padding-left: 0;
}
#services2>ul>li>ul>li>a {
    color: #080808;
    font-family: "Open Sans", serif;
    font-size: 19px;
    text-decoration: underline;
}
#services2>ul>li>ul>li>a:hover {
    text-decoration: none;
}
#services2 li>a>span{
    display: inline-block;
    position: relative;
    top: -50%;
    height: 100%;
    max-width: 272px;
}
#services2 li#service6>a>span{
    top: -17px;
}
#services2>ul>li>a:before{
    background: url("../img/icoService1.png") no-repeat right center;
    background-size: contain;
}
#services2 #service2>a:before{
    background: url("../img/icoService2.png") no-repeat right center;
    background-size: contain;
}
#services2 #service3>a:before{
    background: url("../img/icoService3.png") no-repeat right center;
    background-size: contain;
}
#services2 #service4>a:before{
    background: url("../img/icoService4.png") no-repeat right center;
    background-size: contain;
}
#services2 #service5>a:before{
    background: url("../img/icoService5.png") no-repeat right center;
    background-size: contain;
}
#services2 #service6>a:before{
    background: url("../img/icoService6.png") no-repeat right center;
    background-size: contain;
}
#services2 #service7>a:before{
    background: url("../img/icoService7.png") no-repeat right center;
    background-size: contain;
}
#services2 #service8>a:before{
    background: url("../img/icoService8.png") no-repeat right center;
    background-size: contain;
}
.module-info .contentPage>.container{
    width: 1020px;
}
.mail-form{
    margin-top: 30px;
    height: 360px;
    min-height: 360px;
}
.mail-form .container{
    padding: 50px 40px;
}
.mail-form input[type='text'],
.mail-form textarea {
    background: #edeaea;
    border: 1px solid #e4ca00;
    color: #7a7a7c;
    font-size: 15px;
    width: 100%;
    padding: 10px 17px;
    margin: 0 0 26px;
    resize: none;
}
.mail-form textarea{
    height: 182px;
}
.mail-form-submit{
    color: white;
    text-transform: uppercase;
    background: #6a6a6a;
    min-width: 188px;
    min-height: 42px;
    font-size: 15px;
    border: none;
}
.codegen img{
    border: 1px solid #e4ca00;
    height: 43px;
}
.error {
    box-shadow: inset 0 0 5px red;
}
#gratitude{
    margin: 30px 0;
}
#gratitude .slick-slide img{
    height: 288px;
}

#gratitude .container{
    width: 1106px;
}
#normativnaja-baza{
    width: 1020px;
}
#normativnaja-baza  ul.menu li{
    display: block;
    font-size: 15px;
    width: 420px;
    margin-bottom: 10px;
    float: left;
}
#normativnaja-baza  ul.menu li:nth-child(odd){
    margin-right: 140px;
}
#normativnaja-baza  ul.menu li a{
    color: inherit;
}

.module-porto .wallBricks{
    height: 360px;
}
.module-porto .gallery{
    width: 960px;
    margin: 4px auto;
}
.contentPortoMore>.container{
    width: 960px;
}
.contentPortoMore h1.title1{
    margin-bottom: 12px;
}
.contentPortoMore .subTitle {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
}
.contentPortoMore .description{
    margin-bottom: 30px;
    color: #080808;
    font-size: 17px;
}
.contentPorto .itemPorto{
    width: 272px;
    height: 243px;
}
/*
.contentPorto .itemPorto .photo{
    height: 100%;
}*/

#standardSolutions.container{
    width: 1019px;
}
.itemSolution{
    margin-bottom: 17px;
}
.itemSolution>div{
    max-width: 700px;
}
.itemSolution>div.title{
    font-size: 14px;
    font-weight: 600;
}
.itemSolution>div.title span{
    cursor: pointer;
    border-bottom: 2px solid #a5a5a5;
    margin-right: 8px;
}
.itemSolution>div.title .fa-chevron-down{
    font-size: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.itemSolution>div.description{
    height: 0;
    overflow: hidden;
    font-style: italic;
    /*padding: 20px 0 40px;*/
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.itemSolution>div.description p{
    margin: 0;
    padding: 0;
}
.itemSolution.active >div.title span{
    border-color: #edd714;
}
.itemSolution.active >div.title .fa-chevron-down{
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}
.itemSolution.active >div.description{
    overflow: auto;
    height: auto;
    padding: 20px 0;
}

.page-stoimost table{
    width: 100%;
    margin-top: 20px;
}
.page-stoimost table th{
    background: #edd714;
    font-weight: normal;
    text-align: center;
    padding: 4px 15px;
    border: 1px solid #99a3a7;
}
.page-stoimost{
    color: #080808;
    font-size: 15px;
}
.page-stoimost td{
    padding: 4px 15px;
    font-size: 13px;
    border: 1px solid #99a3a7;
    text-align: center;
}
.page-stoimost td:nth-child(2){
    text-align: left;
}
.page-stoimost tr:nth-child(odd){
    background: #e8e8e8;
}