@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Gill Sans Nova Bold';
    src: url('../fonts/GillSansNova-Bold.eot');
    src: url('../fonts/GillSansNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSansNova-Bold.woff2') format('woff2'),
        url('../fonts/GillSansNova-Bold.woff') format('woff'),
        url('../fonts/GillSansNova-Bold.ttf') format('truetype'),
        url('../fonts/GillSansNova-Bold.svg#GillSansNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Nova';
    src: url('../fonts/GillSansNova-Medium.eot');
    src: url('../fonts/GillSansNova-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSansNova-Medium.woff2') format('woff2'),
        url('../fonts/GillSansNova-Medium.woff') format('woff'),
        url('../fonts/GillSansNova-Medium.ttf') format('truetype'),
        url('../fonts/GillSansNova-Medium.svg#GillSansNova-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html, body {min-height:100%; max-height:100%;}
body {font-weight: normal;color:#000;margin:0;padding:0; background: #fff;font-family: 'Gill Sans Nova';overflow-x: hidden;}

.about {background-color: #01387b; height: 100vh;color: #fff;padding: 60px;}
.aboutWomanPic {display: flex;align-items: center;height: 100%;}
.aboutWomanPic img{
    width: 370px;
    margin-top: 60px;
    margin-left: 50px;
}
.aboutTitle {background: #5191cd;width: max-content;padding: 0px 36px 20px 30px;font-size: 92px;font-weight: 900;position: relative;font-family: 'Gill Sans Nova Bold';margin-left: 55px;}
.aboutTitle span{display: block;font-weight: 500;font-size: 37px;font-family: 'Gill Sans Nova';margin-top: -34px;margin-left: 2px;}
.aboutTitle img.q{position: absolute; right: -32px;height: 32px;bottom: 42px;}
.aboutText {font-size: 24px;line-height: 48px;padding: 30px 0px 30px 30px;margin-left: 55px;width: 106%;}
.aboutText p{}

.aboutLogos {
    overflow: hidden;
    text-align: center;
    padding-left: 30px;
}
.aboutLogos a{background: #fff;display: inline-block;padding: 0 20px;text-align: center;letter-spacing: 1px;position: relative;}
.aboutLogos a span{color: #666;font-size: 12px;}
.aboutLogos a img{height: 40px;display: block;margin: 10px auto 10px auto;}
.aboutLogos a:last-child{position:relative; left:-5px;}

.aboutLogosMobile {display: none;}
.aboutLogosMobile a{background: #fff;display: inline-block;padding: 0 20px;text-align: center;}
.aboutLogosMobile a span{color: #666;font-size: 12px;letter-spacing: 1px;}
.aboutLogosMobile a img{height: 32px;display: block;margin: 10px auto 30px auto;}


.video {background-color:#5789C6; height: 60vh;padding: 60px;display: flex;align-items: center;}
.video video {width: 100%;height: 100%;border: 10px solid #fff;border-radius: 10px;}
.video .videoContainer {width: 100%;border: 16px solid #fff;border-radius: 10px; display: block;}
.video .videoContainer img{width: 100%;}

.contact {background-color: #ffcb56; height: 40vh;color: #01387b;padding: 20px 30px;}
.contactTitle {font-size: 32px;text-transform: uppercase;font-weight: bold;
    font-family: 'Gill Sans Nova Bold';}
.contactLogo {float: right;margin-top: 25px;}
.contactLogo img{width: 100%;}
.contactText {font-size: 22px;margin: 15px 0 20px 0;font-weight: 500;line-height: 35px;}
.contactTextMobile {display: none;}
.contactLinks {}
.contactLinks a{background: #01387b;color: #fff;text-align: center;overflow: hidden;display: block;float: left;border-radius: 5px;text-align: center;width: 100%;height: 100%;padding: 20px 20px 10px 20px;}
.contactLinks a img{height: 24px;display: block;margin: 0 auto 8px auto;}
.contactLinks a img.iconweb {margin-top: 2px;}
.contactLinks a span.phone{font-size: 18px;font-weight: bold;font-family: 'Gill Sans Nova Bold';}
.contactLinks a span.web{font-size: 18px;font-weight: bold; font-family: 'Gill Sans Nova Bold';}
.contactLinks a span.map{font-size: 18px;font-weight: bold; font-family: 'Gill Sans Nova Bold';}
.contactLinks a small{font-size: 8px; display: none;}


.contactLinks a span.phoneM{display: none;font-size: 18px;font-weight: bold;font-family: 'Gill Sans Nova Bold';}
.contactLinks a span.webM{display: none;font-size: 18px;font-weight: bold;font-family: 'Gill Sans Nova Bold';}
.contactLinks a span.mapM{display: none;font-size: 18px;font-weight: bold;font-family: 'Gill Sans Nova Bold';}

.contact .row{padding-left: 10px;}

@media screen and (max-width:1440px) {
    .aboutText {font-size: 18px; line-height: 32px;width: 106%;}
    .contactTitle {font-size: 26px;}
    .contactText {line-height: 20px;}
    .contactLinks a{padding: 10px 10px 5px 10px;}
    .aboutWomanPic img{width: 300px;margin-top: 66px;margin-left: 62px;}

}

@media screen and (max-width:1366px) {
    .about {padding: 15px;}


}
@media screen and (max-width:1280px) {
    .contactLinks a span.phoneM{display: block;}
    .contactLinks a span.phone{display: none;}

    .contactLinks a span.webM{display: block;}
    .contactLinks a span.web{display: none;}

    .contactLinks a span.mapM{display: block;}
    .contactLinks a span.map{display: none;}
}

@media screen and (max-width: 768px) {
    .about {height: auto;overflow: hidden;}
    .aboutTitle {font-size: 54px;font-weight: 600;line-height: 28px;padding: 10px 5px 5px 5px;margin-left: 0;margin-top: 20px;}
    .aboutTitle span{font-size: 18px; font-weight: 600;margin-top: 10px;}
    .aboutTitle img.q{right: -12px;
    height: 12px;
    bottom: 12px;}
    .aboutWomanPic img {margin: 0px 0 0 -30px;width: 200px;}
    .aboutText {font-size: 16px; line-height: 23px;padding: 10px;margin-left: 0;}
    .contactTitle {font-size: 18px;margin-bottom: 15px;line-height: 22px;text-align: center;}
    .contactText {line-height: 20px;width: 100%;order: 2;text-align: center;font-size: 16px;}
    .contactLinks {width: 100%;}
    .contactLinks a{padding: 10px 10px 5px 10px;}
    .contactLinks .col-4 {padding: 5px;}
    .aboutLogos {display:none;}
    .video {height: auto; padding: 20px;}
    .video video {border: 5px solid #fff;}
    .contact {height: auto;padding: 20px;}
    .contactFlex {display: flex;flex-wrap: wrap;}
    .contactLogo {text-align:center;width: 100%;margin-top: 15px;}
    .contactLogo img {height: 120px; margin: 0 0 0 10px;width: auto;float: right;}
    .aboutLogosMobile {display: block;text-align: center;}

    .contactText {display: none;}
    .contactTextMobile {display: block;text-align: left;line-height: 23px;}
    .contactLinks {}
    .contactLinks a{}
    .contactLinks a img{float: left;margin: 0;height: 20px;}
    .contactLinks a span {position: relative;top: -4px;}

    .video .videoContainer {border: 9px solid #fff;}
}