@import "css/bootstrap.min.css";
@import "css/aos.min.css";

html {background: #F5F5F5;}
body {color: #162535; position: relative; right: 0; font-optical-sizing: auto; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
body.slide-out-open {right: 60%;}
@media (min-width: 1200px) { .container { max-width: 1330px; } }
a {text-decoration: none; outline: none !important; color: #162535;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
button {transition: all .5s ease; cursor: pointer; outline: none !important;}
a:hover {text-decoration: none; color: #874260;}
.clear {clear: both;}
img, svg {max-width: 100%; display:block;}
.opacity50 { opacity: .5; }
.overflow-hidden { overflow: hidden; }
strong, b { font-weight: 700; }

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 40px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

h1, .h1 { font-weight: 700; margin-bottom: 50px; font-size: 50px; line-height: 1.2; }
h2, .h2 { font-weight: 700; font-size: 40px; margin-bottom: 10px; }
h3, .h3 { font-weight: 700; margin-bottom: 10px;text-transform: uppercase; font-size: 36px; line-height: 1; }
h4, .h4 { font-weight: 600; font-size: 28px; margin-bottom: 10px; line-height: 1;}
p { font-size: 18px; line-height: 1.2; color: inherit; }

.bg-blue { background-color: #162535; color: #fff; }


.btn { border-radius: 24px; font-weight: 700; text-transform: uppercase; display: inline-block; transition: all .5s ease; }
.btn-xxxl { font-size: 30px; padding: 8px 55px; border-radius: 40px; }
.btn-medium { line-height: 1.2; font-weight: 400; font-size: 23px; padding: 8px 55px; }
.btn-navy { border: 1px solid #162535; background: #162535; color: #fff; }
.btn-navy:hover { background: transparent; color: #fff; }
.btn-blue { border: 1px solid #1c4f6f; background: #1c4f6f; color: #fff; }
.btn-blue:hover { background: transparent; color: #fff; }
.btn-border { font-size: 20px; line-height: 1.4; border: 2px solid #fff; color: #fff; border-radius: 0; padding: 12px 15px; }
a.btn-border:hover,
button.btn-border:hover { color: var(--bg); background-color: #fff; }
.btn.focus, .btn:focus { box-shadow: none; }
button { cursor: pointer; }

header { padding-top: 10px; position: absolute; left: 0; top: 0; right: 0; z-index: 4; transition: all .3s cubic-bezier(.4,0,.1,1); }
header .container {  max-width: calc(100% - 40px); }
header img { height: auto; }
header:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 300px; z-index: -1; opacity: 0.8; background: linear-gradient(0deg, rgba(0,0,0,0) 44%, rgba(22,37,53,1) 100%); }
/*header.affix .logo { top: 13px; width: 80px; }*/

.hero { text-align: center;  position: relative; aspect-ratio: 16 / 9}
.hero .container { height: 100%; display: flex; padding-bottom: 35px; flex-direction: column; justify-content: flex-end; position: relative; z-index: 2; }
.hero > img,
.hero > video,
.hero > iframe { pointer-events: none; height: 100%; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit:cover }
.hero .btn { margin: 0 10px; }

#unmute {position: absolute; z-index: 99; left: 30px; bottom: 30px; color: #FFF; font-size: 50px}



.text-big p, .text-big ul, .text-big ol { font-size: 21px; line-height: 1.4; font-weight: 600; }

.boxes .text-main p { margin-bottom: 5px; }
.boxes hr { opacity: .3; height: 0px; border: 0; border-top: 7px solid #fff; padding: 0; margin: 14px auto 10px; }
.boxes hr.hr-small { border-top: 2px solid #fff; max-width: 265px; }
.boxes p { font-size: 19px; line-height: 1.2; }
.boxes .boxes-item { margin: 0 auto 24px; }
.boxes .boxes-item-people .boxes-item-inner { max-width: 420px; padding: 40px 13px; }
.boxes .boxes-item-people p { color: #fff; margin-bottom: 0; text-align: left; font-size: 24px; font-weight: 600; }
.boxes .boxes-item-people .boxes-img { margin-right: 15px; overflow: hidden; border-radius: 50%; flex-shrink: 0; }
.boxes .boxes-item-people .boxes-img img { width: 80px; height: 80px; object-fit: cover; }
.boxes .boxes-item-inner { height: 100%; border-radius: 30px; overflow: hidden; max-width: 390px; margin: 0 auto; padding: 18px 26px 30px;background-color: var(--bg); }
/*.boxes .boxes-item-inner *:not(p) { max-width: 270px; margin-left: auto; margin-right: auto; }*/
.boxes .boxes-item-inner > img { height: 94px; width: 120px; object-position: center top; margin: 0 auto 20px; object-fit: contain; }

.cta img { border-radius: 20px; max-height: 320px; margin: auto; }
.cta .btn-xxxl { text-transform: none; font-size: 38px; }

.download h2 { font-weight: 700; }
.download .btn { text-transform: none; padding-top: 13px; padding-bottom: 13px; font-size: 20px; }
.download .btn:hover { color: #1c4f6f; }
.download .download-img { position: relative; }
.download .download-img img { margin: auto; }
.download .download-img .download-img-decorative { transform: translate(-38%, -17%); position: absolute; left: 0; top: -80px; z-index: 2; }

.about-box { background-color: #1c4f6f; border-radius: 30px;  overflow: hidden;}
.about-box h3 { text-transform: none; font-weight: 600; }
.about-box .btn { text-transform: none; }
.about-box img {height: 300px; width: 100%; object-fit: cover}

.slider-video .embed-responsive { max-width: 930px; margin: auto; }
.slider-video .slick-dots { justify-content: center; }
.slider-video .slick-dots li button:before { color: #1c4f6f; }
.slider-video .slick-dots li.slick-active button:before { color: #1c4f6f; }
.slider-video video { background-color: #000; }

.slider-people .slick-slide > div { height: 100%; }
.slider-people .slider-people-slide { height: 100%; max-width: 450px; margin: auto; display: block !important; text-align: center;}
.slider-people .slider-people-slide img { width: 214; height: 277px; object-fit: cover; border-radius: 10px; margin: 0 auto; overflow: hidden; }
.slider-people .slider-people-slide h4 { text-align: center; font-size: 25px; }
.slider-people .slider-people-slide p { margin-top: auto; }
.slider-people .slider-people-slide *:last-child { margin-bottom: 0; }
.slider-people .slick-track { display: flex; }
.slider-people .slick-slide { height: auto; }
.slider-people .slick-btn:hover path { fill: #1c4f6f; }
.slider-people .slick-dots li button:before { color: #fff; }
.slider-people .slick-dots li.slick-active button:before { color: #fff; }

.slick-prev svg { transform: scale(-1); }
body .slick-prev:before, 
body .slick-next:before { content: none; }
body .slick-prev { left: -20px; }
body .slick-next { right: -20px; }
body .slick-btn { width: 57px; height: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
body .slick-btn svg { max-width: 100%; }
body .slick-btn path { transition: fill .3s ease; }
body .slick-btn:hover path { fill: #162535; }
body  .slick-dots { bottom: -35px; }
body  .slick-dots li button:before { font-size: 10px; }

footer { padding-top: 26px; padding-bottom: 34px; color: #fff; background-color: #162535; }
footer a { color: inherit; font-size: 23px; }
footer img { height: auto; }