@font-face {
    font-family: 'ubuntu';
    src: url('../font/ubuntu-r-webfont.woff2') format('woff2'),
    url('../font/ubuntu-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntu';
    src: url('../font/ubuntu-m-webfont.woff2') format('woff2'),
    url('../font/ubuntu-m-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntu';
    src: url('../font/ubuntu-b-webfont.woff2') format('woff2'),
    url('../font/ubuntu-b-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

input:focus, textarea:focus, button:focus {outline: 0 none;}

body {
    margin: 0;
    color: #2e2e2e;
    font: 17px 'ubuntu';
}

h2 {
    margin: 0 0 20px;
    font: 700 48px/60px 'ubuntu';
}

h3 {
    margin: 0;
    font: 700 42px 'ubuntu';
    text-transform: uppercase;
}

.wrapper {
    background: url(../img/topPicture.jpg) 50% 0/1800px auto no-repeat;
}

.header {
    padding-top: 33px;
    overflow: hidden;
    width: 1170px;
    margin: 0 auto 11px;
}

.logo {
    width: 219px;
    float: left;
}

.mobileMenu {
    background: url(../img/mobileMenu.svg) 0 0/50px auto no-repeat;
    width: 50px;
    height: 50px;
    float: right;
    display: none;
    margin: 3px 25px 0 0;
    cursor: pointer;
}

.header ul {
    margin: 0;
    padding: 19px 0 0;
    list-style: none;
    float: right;
    font-weight: 500;
    font-size: 16px;
}

.header li {
    padding: 0;
    margin: 0 0 0 22px;
    float: left;
}

.header ul a {
    color: white;
    text-decoration: none;
}

.topSlider {
    color: white;
    height: 561px;
    width: 1170px;
    margin: 0 auto;
}

.topSlider .slick-list {
    float: right;
    width: 1071px;
}

.topSlide {
    margin: 25px 0;
}

.topSlideBody {
    width: 670px;
    height: 448px;
    position: relative;
    padding: 41px 0 0 101px;
}

.topSlideBody div {
    position: absolute;
    opacity: .1;
    left: 0;
    top: 0;
    font-size: 117px;
    font-weight: 700;
}

.topSlideBody h2 {
    text-transform: uppercase;
}

.topSlideBody p {
    margin: 0 0 53px;
    line-height: 40px;
}

.request {
    background: #3499ff;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    padding: 16px 20px 17px;
    display: inline-block;
    font-weight: 700;
}

.topSlider .slick-arrow {
    display: block;
    width: 54px;
    border: none;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.topSlider .slick-prev {
    background: url(../img/arrowTop.png) no-repeat;
    height: 54px;
    top: 365px;
}

.topSlider .slick-next {
    background: url(../img/arrowBottom.png) no-repeat;
    height: 52px;
    top: 419px;
}

.topSlider .slick-dots {
    margin: 0;
    padding: 80px 0 0;
    list-style: none;
    font-weight: 700;
    font-size: 17px;
}

.topSlider .slick-dots li {
    padding: 14px 0 4px 21px;
    margin: 0 0 24px;
    border-left: 2px solid white;
    cursor: pointer;
    opacity: 0.3;
}

.topSlider .slick-dots li a {
    opacity: 0;
}

.topSlider .slick-dots li.slick-active {
    opacity: 1;
    padding-bottom: 16px;
}

.topSlider .slick-dots li.slick-active a {
    opacity: 1;
}

.theses {
    text-align: center;
    color: #58576f;
}

.thesesContainer {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.thesesContainer::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -200px;
    width: 315px;
    height: 100%;
    background: white;
}

.thesesWrap {
    background: white;
    overflow: hidden;
    width: 1170px;
    margin: 0 auto;
    height: 324px;
}

.thesis {
    width: 220px;
    float: left;
    position: relative;
    padding: 74px 36px 0;
}

.thesis::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #e0e0e0, white);
}

.thesis:first-child::before {
    display: none;
}

.thesisImg {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    width: 220px;
}

.thesisNumber {
    font-weight: 700;
    font-size: 45px;
    padding-top: 10px;
}

.thesis p {
    margin: 0;
    font-weight: 500;
    font-size: 17px;
}

.sked {
    background: white;
}

.skedSection {
    background: #fafafa;
}

.skedBlock {
    overflow: hidden;
    width: 1400px;
    margin: 0 auto;
}

.skedBlock1 {
    height: 752px;
}

.skedBlock2 {
    height: 638px;
}

.skedBlock3 {
    height: 915px;
}

.skedBlock4 {
    height: 638px;
}

.skedBlock5 {
    height: 637px;
    background: url(../img/cup.png) 50% 55px no-repeat;
}

.skedPicture {
    width: 700px;
}

.skedBlock1 .skedPicture {
    background: url(../img/sked1.jpg) 50% 50%/cover no-repeat;
    height: 752px;
    float: left;
}

.skedBlock2 .skedPicture {
    background: url(../img/sked2.jpg) 50% 50%/cover no-repeat;
    height: 638px;
    float: right;
}

.skedBlock3 .skedPicture {
    background: url(../img/sked3.jpg) 50% 50%/cover no-repeat;
    height: 915px;
    float: left;
}

.skedBlock4 .skedPicture {
    background: url(../img/sked4.jpg) 50% 50%/cover no-repeat;
    height: 638px;
    float: right;
}

.skedBlock5 .skedPicture {
    background: url(../img/sked5.jpg) 50% 50%/cover no-repeat;
    height: 637px;
    float: left;
}

.skedInfo {
    float: left;
    width: 500px;
    padding: 85px 115px 0 85px;
    line-height: 42px;
}

.skedBlock2 .skedInfo, .skedBlock4 .skedInfo {
    padding: 131px 107px 0 113px;
    width: 480px;
}

.skedBlock3 .skedInfo {
    padding: 100px 135px 0 85px;
    width: 480px;
}

.skedBlock5 .skedInfo {
    padding: 85px 145px 0 85px;
    width: 470px;
}

.skedInfo h3 {
    line-height: 54px;
    margin-bottom: 30px;
}

.skedInfo h3::after {
    content: "";
    display: block;
    width: 80px;
    background: #3499ff;
    height: 4px;
    margin: 33px 0 0 3px;
}

.skedBlock2 .skedInfo h3::after, .skedBlock4 .skedInfo h3::after {
    width: 99px;
    margin-top: 38px;
}

.skedInfo p {
    margin: 0 0 41px;
}

.skedInfo p.noMargin {
    margin-bottom: 0;
}

.skedInfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.skedInfo li {
    padding: 0;
    margin: 0;
}

.skedInfo li span {
    color: #645edf;
}

.certificate {
    overflow: hidden;
}

.certificateSmall {
    float: left;
    margin-right: 31px;
}

.certificate div {
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0 13px;
}

.look {
    color: white;
    background: #3499ff;
    display: block;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    width: 166px;
    text-align: center;
    padding: 6px 0;
    float: left;
}

.clients {
    text-align: center;
    padding: 76px 0 83px;
}

.clients h3 {
    margin-bottom: 43px;
}

.clients div {
    display: inline-block;
}

.client2 {
    margin: 0 98px;
}

.clients span {
    height: 131px;
    display: table-cell;
    vertical-align: middle;
}

.client1 img {
    width: 260px;
}

.client2 img {
    width: 131px;
}

.client3 img {
    width: 270px;
}
.client4{
   margin: 0 45px 0 98px; 
}
.gallery {
    background: #f4f4f4;
    padding: 67px 0 94px;
    overflow: hidden;
}

.galleryWrap {
    width: 1830px;
    margin: 0 auto;
}

.gallery h3 {
    margin: 0 0 -51px 330px;
}

.galleryBlock {
    margin-left: 330px;
}

.galleryBlock {
    width: 1500px;
    padding-top: 86px;
}

.galleryBlock .slick-arrow {
    display: block;
    width: 53px;
    border: none;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    height: 54px;
    top: 0;
}

.galleryBlock .slick-prev {
    background: url(../img/galleryPrev.png) no-repeat;
    left: 1064px;
}

.galleryBlock .slick-next {
    background: url(../img/galleryNext.png) no-repeat;
    left: 1117px;
}

.galleryBlock .slick-current + a + a + a + a {
    opacity: .3;
}

.contacts {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding: 82px 0 106px;
}

.contacts h3 {
    margin-bottom: 33px;
}

.map {
    width: 570px;
    float: left;
}

.yandexMap {
    background:url(../img/yandexMap.jpg) no-repeat;
    margin-bottom: 33px;
    height: 272px;
}

.address {
    font-weight: 500;
    color: #1d1d1d;
}

.map p {
    margin: 14px 0 0;
    color: #717171;
    font-size: 14px;
}

.chiefs {
    float: left;
}

.chief {
    float: left;
    width: 270px;
    margin-left: 30px;
}

.chief div {
    font-weight: 500;
    color: #1d1d1d;
    position: relative;
    margin: 27px 0 35px;
}

.chief div::after {
    background: #3499ff;
    width: 41px;
    height: 2px;
    position: absolute;
    display: block;
    content: "";
    margin-top: 17px;
}

.chief p {
    margin: 0;
    color: #717171;
    font-size: 14px;
    line-height: 17px;
}

.footer {
    background: #fff;
    text-align: center;
    padding-top: 20px;
}

.socials a {
    border: 2px solid #e9e9e9;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 10px;
}

.socials span {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

.footerInfo {
    width: 1170px;
    margin: -47px auto 61px;
}

.footerInfo > a {
    float: right;
    margin-top: -3px;
}

.footerInfo dl {
    margin: 0;
    float: left;
    font-size: 16px;
}

.footerInfo dt {
    font-weight: 700;
}

.footerInfo dd {
    margin: 0;
}

.copyright {
    background: #f5f5f5;
    clear: both;
    color: #a5a5a5;
    font-size: 13px;
    padding: 15px 0 16px;
}

.scrollToTop {
    width: 56px;
    height: 56px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: none;
    background: url(../img/backTop.png) no-repeat;
}

#requestPopUp {
    width: 507px;
    text-align: center;
    background: white url(../img/send.jpg) 48% 546px no-repeat;
    display: none;
    padding: 65px 0 68px;
}

#requestPopUp h3 {
    font-size: 38px;
}

#requestPopUp h3::after {
    background: #3499ff;
    width: 94px;
    height: 4px;
    display: block;
    content: "";
    margin: 21px auto 0;
}

#requestPopUp p {
    margin: 24px auto 38px;
    line-height: 24px;
    width: 370px;
}

#requestPopUp form {
    width: 370px;
    margin: 0 auto;
}

#requestPopUp input[type="text"], #requestPopUp input[type="tel"], #requestPopUp input[type="email"] {
    border: 1px solid #969696;
    padding: 17px 0 15px 19px;
    margin: 0;
    font: 500 16px 'ubuntu';
    display: block;
    margin-bottom: 20px;
    color: #2e2e2e;
    width: 370px;
}

#requestPopUp input[type="email"] {
    background: url(../img/necessary.png) 258px 21px no-repeat;
}

#requestPopUp input[type="text"]:focus, #requestPopUp input[type="tel"]:focus, #requestPopUp input[type="email"]:focus {
    border: 1px solid #2e2e2e;
    background: none;
}

#requestPopUp input[type="text"]::-moz-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="text"]::-webkit-input-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="text"]:-ms-input-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="tel"]::-moz-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="tel"]::-webkit-input-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="tel"]:-ms-input-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="email"]::-moz-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="email"]::-webkit-input-placeholder { color: #ababab; opacity: 1; }
#requestPopUp input[type="email"]:-ms-input-placeholder { color: #ababab; opacity: 1; }

#requestPopUp input[type="submit"] {
    background: #3499ff;
    padding: 17px 0;
    margin: 20px 0 0;
    width: 370px;
    color: white;
    font: 700 17px 'ubuntu';
    text-transform: uppercase;
    border: none;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 1850px),
only screen and (max-device-width: 1850px) {
    .galleryWrap {width: 1170px;}
    .gallery h3, .galleryBlock {margin-left: 0;}
}
@media screen and (max-width: 1820px),
only screen and (max-device-width: 1820) {
    .wrapper {background-size: 1600px auto;}
    .thesesContainer::after {right: -100px; width: 215px;}
}
@media screen and (max-width: 1620px),
only screen and (max-device-width: 1620) {
    .wrapper {background-size: auto 983px;}
    .thesesContainer::after {right: -2px; width: 117px;}
}
@media screen and (max-width: 1420px),
only screen and (max-device-width: 1420px) {
    .theses {clear: both; overflow: hidden;}
    .thesesContainer {width: 1170px;}
    .thesesContainer::after {right: -115px;}
    .skedBlock {width: 1170px;}
    .skedPicture {width: 585px;}
    .skedInfo, .skedBlock3 .skedInfo, .skedBlock5 .skedInfo {padding: 85px 0 0 50px;}
    .skedBlock2 .skedInfo, .skedBlock4 .skedInfo {padding: 131px 0 0;}
}
@media screen and (max-width: 1190px),
only screen and (max-device-width: 1190px) {
    .wrapper {background-size: 1190px auto}
    .header {width: 771px;}
    .topSlider {height: 616px; width: 771px;}
    .topSlider .slick-list {float: none; width: auto;}
    .topSlider .slick-dots {text-align:center; padding-top: 38px;}
    .topSlider .slick-dots li {border-left: none; border-bottom: 2px solid white; padding: 0 20px 7px; margin: 0 8px; display: inline-block;}
    .topSlider .slick-dots li.slick-active {padding: 0 23px 7px;}
    .thesesContainer {width: 584px;}
    .thesesContainer::after {display: none;}
    .thesesWrap {height: auto; width: auto; padding-bottom: 57px;}
    .thesis:nth-child(3) {clear: left;}
    .thesis:nth-child(3)::before {display: none;}
    .skedBlock {width: 771px; height: auto;}
    .skedBlock .skedPicture {width: 771px; height: 500px; background-size: 771px auto; float: none;}
    .skedBlock .skedInfo {width: auto; float: none; padding: 30px 30px 40px;}
    .galleryWrap {width: 771px;}
    .galleryBlock {width: 900px;}
    .galleryBlock .slick-current + a + a {opacity:.3;}
    .galleryBlock .slick-prev {left: 665px;}
    .galleryBlock .slick-next {left: 718px;}
    .contacts {width: 771px;}
    .map {float: none; width: auto; margin-bottom: 47px;}
    .yandexMap {background-size: 100% auto; background-position: 50% 50%;}
    .chiefs {float: none;}
    .chief {width: 370px;}
    .chief img {width: 100%;}
    .chief:first-child {margin-left: 0;}
    .footerInfo {width: 771px;}
}
@media screen and (max-width: 890px),
only screen and (max-device-width: 890px) {
    .client1 img {width: 186px;}
    .client2 img {width: 93px;}
    .client3 img {width: 188px;}
}
@media screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    h3 {font-size: 24px;}
    .wrapper {background-size: 800px auto}
    .header {background: rgba(46, 46, 46, .8); position: fixed; z-index: 9; width: 100%; margin: 0; padding: 10px 10px 6px;left:0;top:0;display: flex;
flex-direction: row;
align-items: center;}
    .mobileMenu {display: block;}
    .header ul {background: rgba(46, 46, 46, .8); padding: 19px 21px 0; display: none; position: fixed; top: 70px; right: 0;}
    .header .header__lang ul {
        background: transparent;
        margin-left: 80px;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        flex-direction: row;
        align-items: center;
        position: relative;
        padding: 19px 0px;
        top: 0px;
    }
    .header li {float: none; margin: 0 0 23px;}
    .topSlider {padding-top: 71px; width: 320px; height: 499px;}
    .topSlider .slick-list {font-size: 11px;}
    .topSlideBody {width: 320px; padding: 0; height: 310px;}
    .topSlideBody h2 {font-size: 24px; line-height: 31px; margin-bottom: 7px;}
    .topSlideBody p {line-height: 25px;}
    .request {font-size: 13px; padding: 10px 22px 12px;}
    .topSlider .slick-dots {padding-top: 18px;}
    .thesesContainer {width: 320px;}
    .thesesWrap {padding-bottom: 0;}
    .thesis {width: 160px; padding: 39px 0 46px;}
    .thesisImg {width: 160px; height: 50px;}
    .thesis:nth-child(1) img {width: 93px;}
    .thesis:nth-child(2) img {width: 80px;}
    .thesis:nth-child(3) img {width: 81px;}
    .thesis:nth-child(4) img {width: 44px;}
    .thesisNumber {font-size: 32px; padding-top: 5px;}
    .thesis p {font-size: 13px;}
    .skedBlock {width: 320px;}
    .skedBlock .skedPicture {width: 320px; height: 258px; background-size: 320px auto;}
    .skedBlock .skedInfo {font-size: 11px; line-height: 23px; padding: 15px 16px 25px;}
    .skedInfo h3 {font-size: 24px; margin-bottom: 18px; line-height: 31px;}
    .skedBlock .skedInfo h3::after {height: 3px; margin-top: 14px; width: 47px;}
    .skedInfo p {margin-bottom: 23px;}
    .skedBlock5 {background: none;}
    .certificateSmall {width: 81px; margin-right: 15px;}
    .certificateSmall img {width: 100%;}
    .certificate div {font-size: 13px; line-height: 15px; margin-top: 0;}
    .look {font-size: 13px; padding: 7px 0; width: 129px;}
    .clients {padding: 26px 0 10px;}
    .gallery {padding: 25px 0 32px;}
    .galleryWrap {width: 288px;}
    .gallery h3 {margin-bottom: -32px;}
    .galleryBlock {width: 450px; padding-top: 59px;}
    .galleryBlock a {width: 135px;}
    .galleryBlock img {width: 135px;}
    .galleryBlock .slick-arrow {background-size: 39px auto; width: 39px; height: 40px;}
    .galleryBlock .slick-prev {left: 207px;}
    .galleryBlock .slick-next {left: 246px;}
    .contacts {width: 288px; font-size: 13px; padding: 28px 0 40px;}
    .contacts h3 {margin-bottom: 13px;}
    .map {margin-bottom: 30px;}
    .yandexMap {height: 138px; margin-bottom: 13px; background-image:url(../img/mapMobile.jpg);}
    .address {font-size: 14px;}
    .map p {margin-top: 2px;}
    .chief {width: 135px; margin-left: 18px;}
    .chief div {margin: 7px 0 19px;}
    .chief div::after {margin-top: 9px;}
    .chief p {font-size: 10px; line-height: 14px;}
    .footer {background: #f5f5f5; padding-top: 0;}
    .socials {background: #fbfbfb; padding: 19px 0 14px;}
    .socials a, .socials span {width: 36px; height: 36px;}
    .footerInfo {width: 242px; margin: 18px auto 23px; overflow: hidden;}
    .footerInfo > a {margin-top: 1px;}
    .footerInfo img {width: 73px;}
    .footerInfo dl {font-size: 13px;}
    .copyright {background: #e9e9e9; font-size: 11px; padding: 10px 0 12px;}
    .client4{margin: 0 4%;}
}
@media screen and (max-width: 690px),
only screen and (max-device-width: 690px) {
    .clients div, .client2 {margin: 0 2%;}
}
@media screen and (max-width: 410px),
only screen and (max-device-width: 410px) {
    .wrapper {background-size: 711px auto}
    #requestPopUp {background: white; padding: 52px 0 23px;}
    #requestPopUp h3 {font-size: 24px;}
    #requestPopUp h3::after {margin-top: 10px;}
    #requestPopUp p {font-size: 15px; width: auto; margin: 11px auto 17px;}
    #requestPopUp form {width: 290px;}
    #requestPopUp input[type="text"], #requestPopUp input[type="tel"], #requestPopUp input[type="email"] {width: 290px; padding: 12px 0 10px 19px; margin-bottom: 19px;}
    #requestPopUp input[type="email"] {background-position: 186px 16px;}
    #requestPopUp input[type="submit"] {width: 290px;}
    .topSlider {width: 288px;}
    .topSlideBody {width: 288px;}
    .topSlideBody div {font-size: 67px; left: -1px; top: -38px;}
    .topSlider .slick-dots li {float: left; margin: 0 0 0 14px;}
    .topSlider .slick-dots li:first-child {margin-left: 0;}
    .clients div, .client2 {margin: 0 4%;}
    .clients span {height: 105px;}
    .client4{margin:0 4%;}
}