@charset "UTF-8";
/* CSS Document */

:root {
  --white: #fff;
  --white2: rgba(255,255,255,.85);
  --white-line: rgba(255,255,255,.15);
  --white-line2: rgba(255,255,255,.3);
  --black: #0f121a;
  --black2: #31343d;
  --blue: #3d65af;
  --blue2: #4181b6;
  --blue-grad: linear-gradient(132deg,var(--blue),var(--blue2) 100%);
  --blue-grad2: linear-gradient(132deg,#4c71b5,#508bbc 100%);
  --orange: #ff442b;
  --orange2: #ff6d33;
  --orange-grad: linear-gradient(132deg,var(--orange),var(--orange2) 100%);
  --green: #70ad33;
  --gray: #f2f6f7;
  --gray-line: #d9d9d9;
}
.poppins-light {font-weight: 300;}
.poppins-regular {font-weight: 400;}
.poppins-medium {font-weight: 500;}
.poppins-semibold {font-weight: 600;}
.poppins-bold {font-weight: 700;}

body {
	background: var(--white);
	font-family: "Poppins", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.67;
	color: var(--black2);
	padding: 0;
	margin: 0;
	font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {body {font-size: 18px;}}

.container {
	padding: 0 25px;
	box-sizing: border-box;
}
.row {
	max-width: 1200px;
	margin: auto;
}
.row.row-xl {max-width: 1280px;}
.pt1 {padding-top: 7px} @media (min-width: 992px) {.pt1 {padding-top: 10px}}
.pt2 {padding-top: 13px} @media (min-width: 992px) {.pt2 {padding-top: 20px}}
.pt3 {padding-top: 20px} @media (min-width: 992px) {.pt3 {padding-top: 30px}}
.pt4 {padding-top: 27px} @media (min-width: 992px) {.pt4 {padding-top: 40px}}
.pt5 {padding-top: 33px} @media (min-width: 992px) {.pt5 {padding-top: 50px}}
.pt6 {padding-top: 40px} @media (min-width: 992px) {.pt6 {padding-top: 60px}}
.pt7 {padding-top: 47px} @media (min-width: 992px) {.pt7 {padding-top: 70px}}
.pt8 {padding-top: 53px} @media (min-width: 992px) {.pt8 {padding-top: 80px}}
.pt9 {padding-top: 60px} @media (min-width: 992px) {.pt9 {padding-top: 90px}}
.pt10 {padding-top: 67px} @media (min-width: 992px) {.pt10 {padding-top: 100px}}
.pb1 {padding-bottom: 7px} @media (min-width: 992px) {.pb1 {padding-bottom: 10px}}
.pb2 {padding-bottom: 13px} @media (min-width: 992px) {.pb2 {padding-bottom: 20px}}
.pb3 {padding-bottom: 20px} @media (min-width: 992px) {.pb3 {padding-bottom: 30px}}
.pb4 {padding-bottom: 27px} @media (min-width: 992px) {.pb4 {padding-bottom: 40px}}
.pb5 {padding-bottom: 33px} @media (min-width: 992px) {.pb5 {padding-bottom: 50px}}
.pb6 {padding-bottom: 40px} @media (min-width: 992px) {.pb6 {padding-bottom: 60px}}
.pb7 {padding-bottom: 47px} @media (min-width: 992px) {.pb7 {padding-bottom: 70px}}
.pb8 {padding-bottom: 53px} @media (min-width: 992px) {.pb8 {padding-bottom: 80px}}
.pb9 {padding-bottom: 60px} @media (min-width: 992px) {.pb9 {padding-bottom: 90px}}
.pb10 {padding-bottom: 67px} @media (min-width: 992px) {.pb10 {padding-bottom: 100px}}
.txt {
	max-width: 750px;
	margin: auto;
}
.txt-c {text-align: center;}

div {
    box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
	font-family: "Poppins", Arial, sans-serif;
	color: var(--black);
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
}
h1 {
	font-size: 38px;
}
@media (min-width: 992px) {h1 {font-size: 56px;}}

h2 {
	font-size: 33px;
	color: var(--black);
}
@media (min-width: 992px) {h2 {font-size: 45px;}}

h3 {
	font-size: 26px;
	color: var(--black);
}
@media (min-width: 992px) {h3 {font-size: 36px;}}

h4 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
}
@media (min-width: 992px) {h4 {font-size: 24px;}}

h5 {
	font-size: 20px;
	font-weight: 500;
}
@media (min-width: 992px) {h5 {font-size: 24px;}}

.rev {
	color: var(--white);
}
h1.rev span {
    background: var(--orange-grad);
	background-clip: text; 
	color: transparent;
}
h2 span, h3 span, h4 span {
    background: var(--blue-grad);
	background-clip: text; 
	color: transparent;
}

.txt *:has(+h1), .txt *:has(+h2), .txt *:has(+h3), .txt *:has(+h4), .txt *:has(+h5) {
	margin-bottom: 40px;
}
.dash {
    display: block;
    line-height: 0;
}
.dash:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 4px;
    background: var(--orange);
    margin-bottom: 30px;
}
.lines {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.lines:before, .lines:after {
    content: '';
    flex: auto;
	max-width: 120px;
    height: 1px;
    background: var(--gray-line);
}
@media (min-width: 992px) {.lines:before, .lines:after {flex-basis: 120px;}}
.lines.rev:before, .lines.rev:after {background: var(--white-line2);}
.lines b {font-weight: inherit;}

p {
	font-family: "Poppins", Arial, sans-serif;
	color: var(--black2);
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 20px;
}
@media (min-width: 992px) {p {font-size: 18px;}}

p.sm, ul.sm li {font-size: 16px;}
.smlh {line-height: 1.5;}
p.rev {color: var(--white2);}
p:has(+ .btn, + .btns) {margin-bottom: 25px;}
strong {font-weight: 600;}

ul {
	padding: 0;
	margin: 0;
}
li {
	position: relative;
	color: var(--black2);
	list-style-type: none;
	margin: 0 0 10px 30px;
}
.rev li {color: var(--white2);}
li:before {
	position: absolute;
    top: 4px; left: -30px;
    content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
    background: url(/files/img/list-icon.png) center/cover;
}
.rev li:before {background: url(/files/img/list-icon-rev.png) center/cover;}
hr {
    background: var(--gray-line);
    border: 0;
	height: 1px;
    margin: 0 0 40px;
}
@media (min-width: 992px) {hr {margin: 0 -40px 40px;}}
.txt *:has(+hr) {margin-bottom: 40px;}

img {
	max-width: 100%;
}
img[src*="-widget-"] {
    position: absolute;
    background: rgba(15,18,26,.9);
    padding: 6px;
    border-radius: 5px;
    box-shadow: 0 20px 40px rgba(0,0,0,.7);
    border-top: 1px solid rgba(255,255,255,.4);
}


/* -- BUTTONS -- */
.btn {
	position: relative;
	display: inline-block;
    background: var(--blue-grad);
	font-family: "Poppins", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: inherit;
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 27px;
	border: 0;
	border-radius: 100px;
    box-sizing: border-box;
	cursor: pointer;
}
.btn:hover, .btn:focus {
    background: var(--blue-grad2);
}
.btn.outline {
	color: var(--white);
	background: transparent;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
}
.btn.outline:hover, .btn.outline:focus {
    background: rgba(255,255,255,.1);
}
.btn.outline-lt {
	color: var(--orange);
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--gray-line);
}
.btn.outline-lt:hover, .btn.outline-lt:focus {
    background: rgba(0,0,0,.03);
}
.btn[class*="icon-"] {
    padding-left: 45px;
}
.btn[class*="icon-"]:before {
    position: absolute;
    top: 14px;
    left: 19px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: center/cover;
}
.btn[class*="icon-play"]:before {
    background-image: url(/files/img/icon-play.svg);
}
.btn[class*="icon-phone"]:before {
    background-image: url(/files/img/icon-phone.svg);
}
.btn[class*="icon-email"]:before {
    background-image: url("/files/img/icon-email.svg");
}
.btn.outline[class*="icon-email"]:before {
    background-image: url("/files/img/icon-email-outline.svg");
}
.btns {
    display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.txt-c .btns {justify-content: center;}


/* -- CARDS -- */
.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	margin: auto;
}
@media (min-width: 992px) {.cards {gap: 25px;}}


/* -- ACCORDION -- */
.accordion-wrap {
	border-bottom: 1px solid var(--gray-line);
}
.accordion {
	position: relative;
	background-color: transparent;
	border: none;
	border-top: 1px solid var(--gray-line);
	cursor: pointer;
	padding: 26px 30px 26px 0;
	width: 100%;
	text-align: left;
	outline: none;
	transition: 0.4s;
}
/*.active, .accordion:hover {background-color: #ccc;}*/
.accordion > * {margin: 0;}
.accordion p {font-weight: 500;}
.accordion:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-51%);
	content: '\002B';
	font-size: 26px;
	color: var(--blue);
}
.active:after {content: "\2212";}
.panel {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.panel > *:last-child {margin-bottom: 40px;}

@media (min-width: 992px) {
	.accordion-wrap {margin: 0 -40px;}
	.accordion {padding: 26px 80px 26px 40px;}
	.accordion:after {right: 40px;}
	.panel {padding: 0 40px;}
}




/* -- HEADER -- */
header .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 95px;
}
header .logo {
	display: block;
	width: 200px;
}
@media (min-width: 375px) {header .logo {width: 246px;}}

header .logo img {display: block;}
header nav {
	display: flex; 
	align-items: center; 
	gap: 60px;
}
.nav-i {
	display: none;
}
@media (min-width: 1024px) {header .nav-i {display: flex; gap: 50px;}}

.nav-i a {
	font-size: 16px;
	color: var(--black);
	text-decoration: none;
}
.nav-i a:hover {
	color: var(--blue);
}
.nav-i.mobile {
	display: block;
	position: absolute;
	background: var(--white);
	border-top: 1px solid var(--gray-line);
	padding: 25px 25px 100px;
	top: 95px; right: 0; left: 0;
	z-index: 10;
	animation-name: modal;
	animation-duration: .3s;
}
.nav-i.mobile a {
	display: block;
	margin-bottom: 15px;
}
header .btns.mobile {
	position: absolute;
	top: 260px;
	z-index: 10;
}
header .btn {
	display: none;
	margin-bottom: 0;
}
@media (min-width: 1024px) {header .btn {display: block !important;}}

.mobile-open {
	display: block;
}
@media (min-width: 1024px) {.mobile-open {display: none !important;}}

.mobile-close {
	display: none;
}
.mobile-open, .mobile-close {
    border-radius: 50%;
    background: var(--white);
    border: solid 1px var(--gray-line);
    width: 51px;
    height: 51px;
    line-height: 49px;
    font-size: 26px;
    color: var(--orange);
	text-align: center;
    padding: 0;
	cursor: pointer;
}
.mobile-open:hover, .mobile-open:focus,
.mobile-close:hover, .mobile-close:focus {
    background: rgba(0,0,0,.03);
}


/* -- BANNER -- */
.banner {
    position: relative;
}
.banner:before, .banner:after {
    content: '';
    position: absolute;
    top: 0; right: 0; left: 0;
}
.banner .row {
    position: relative;
	z-index: 1;
	animation-name: bnr-txt;
	animation-duration: 1s;
}
@keyframes bnr-txt {
  0%   {opacity: 0;}
  20%   {opacity: 0;}
  100% {opacity: 1;}
}

/* -- hp banner -- */
.banner-hp:before, .banner-hp:after {
	height: 500px;
}
@media (min-width: 992px) {.banner-hp:before, .banner-hp:after {height: 700px;}}

.banner-hp:before {background: var(--black) url(/files/img/hp-banner-bg2.jpg) center/cover;}
.banner-hp .txt {
    margin-bottom: 20%;
}
@media (min-width: 500px) {.banner-hp .txt {margin-bottom: 10%;}}
.banner-video {
	position: relative;
	display: block;
	background: transparent;
	cursor: pointer;
	max-width: 720px;
	padding: 0;
	border: 0;
	margin: auto;
	z-index: 1;
	animation-name: video;
	animation-duration: 1s;
}
@media (min-width: 768px) {.banner-video {width: 70%;}}
@media (min-width: 1200px) {.banner-video {width: auto;}}
.banner-video img {
    display: block;
	border-radius: 5px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .4);
}
@keyframes video {
  0%   {opacity: 0;}
  20%  {opacity: 0; transform: translate3d(0, 40px, 0);}
  100% {opacity: 1; transform: none;}
}

/* -- sp banner -- */
.banner-sp {
	min-height: 450px;
}
@media (min-width: 992px) {.banner-sp {min-height: 550px;}}

.banner-sp:before, .banner-sp:after {
	height: 450px;
}
@media (min-width: 992px) {.banner-sp:before, .banner-sp:after {height: 550px;}}

.banner-sp:after {background: linear-gradient(rgba(0,21,48,.7) 0%,rgba(0,21,48,0) 100%);}


/* -- TRUSTED -- */
.catb p {
    display: flex;
    gap: 20px;
    color: var(--blue);
    font-weight: 500;
    align-items: center;
    white-space: nowrap;
    max-width: 860px;
    margin: 0 auto 35px;
}
.catb p:before, .catb p:after {
    content: '';
    height: 1px;
    width: 50%;
    background: var(--gray-line);
}
.catb-logos {
    display: flex;
	flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
@media (min-width: 768px) {.catb-logos {flex-wrap: nowrap;}}
@media (min-width: 992px) {.catb-logos {gap: 60px;}}

img[src*="catb-"] {
    height: 50px;
}
@media (min-width: 1200px) {img[src*="catb-"] {height: 72px;}}

.catb hr {
	max-width: 860px;
	margin: 50px auto 0;
}


/* -- SERVICES -- */
.home .intro h4 {
    margin: 50px 0 35px;
}
@media (min-width: 992px) {.home .intro h4 {margin: 75px 0 20px;}}

.svc .row {
	text-align: center;
}
@media (min-width: 992px) {.svc .row {display: flex;}}
@media (min-width: 1300px) {.svc .row {gap: 40px;}}

.svc-img {
	width: 79%;
	max-width: 488px;
	margin: 0 auto;
}
@media (min-width: 992px) {.svc-img {width: 38%;}}
@media (min-width: 1300px) {.svc-img {width: auto;}}

.svc.svc-r .svc-img {
    order: 2;
}
.svc-img div {
	position: relative;
}
.svc-txt {
	text-align: left;
    padding: 10px 0 0;
}
@media (min-width: 768px) {.svc-txt {padding: 50px 40px 0;}}
@media (min-width: 992px) {.svc-txt {width: 50%;}}

img[src*="-widget-svc-1-1.png"] {
    top: 55%;
    left: -10%;
    width: 33%;
}
img[src*="-widget-svc-2-1.png"] {
    top: 57%;
    left: -9%;
    width: 39%;
}
img[src*="-widget-svc-3-1.png"] {
    top: 56%;
    left: -10%;
    width: 35%;
}


/* -- DASHBOARD -- */
.dshbd {
	position: relative;    
	background: var(--gray);
}
.dshbd .row {
	position: relative;
}
.dshbd:before {
	position: absolute;
	content: '';
	top: 0; right: 0; bottom: 160px; left: 0;
    background-image: url(/files/img/bg-map.png), var(--blue-grad);
    background-position: center;
    background-size: cover;
}
.dshbd-emb {
	position: relative;
    background: var(--black);
    border-radius: 5px;
	overflow: hidden;
    padding-bottom: 200%;
}
@media (min-width: 768px) {.dshbd-emb {padding-bottom: 70%;}}
@media (min-width: 992px) {.dshbd-emb {padding-bottom: 52.7%;}}

.dshbd-emb iframe {
	position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
}


/* -- STREET VIEW -- */
.strt {
	background: var(--gray);
    padding-top: 25px;
    padding-bottom: 40px;
}
@media (min-width: 992px) {.strt {padding-bottom: 10px;}}

@media (min-width: 992px) {
	.strt .row {display: flex; align-items: center;}
}
.strt-img {
    order: 2;
	max-width: 644px;
	margin: auto;
}
.strt-txt {
    padding: 30px 0 0;
	text-align: center;
}
@media (min-width: 992px) {.strt-txt {width: 45%; text-align: left; padding: 30px 40px 0;}}

.strt-txt p {
    margin-bottom: 40px;
}
.strt-txt img {
    max-height: 95px;
	
}
@media (min-width: 992px) {.strt-txt img {margin-bottom: 60px;}}


/* -- QUICK FACTS -- */
.qf .row {
    max-width: 1300px;
}
.qf h3 {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
	.qfi {display: flex;}
}
.qfi p {
	position: relative;
	padding: 0 30px;
}
@media (min-width: 992px) {.qfi p {width: 25%;}}

.qfi p span {
	display: block;
    font-size: 51px;
	font-weight: 300;
	line-height: 1.5;
    background: var(--blue-grad);
	background-clip: text; 
	color: transparent;
}
@media (min-width: 992px) {.qfi p span {font-size: 72px;}}

@media (min-width: 992px) {
	.qfi p + p:before {
		position: absolute;
		top: 40px; left: 0;
		content: '';
		display: block;
		width: 1px; height: 100px;
		background: var(--gray-line);
	}
}


/* -- QUOTES -- */
.cards-quotes > div {
	flex-basis: calc(100%);
    border-radius: 5px;
	padding: 0px 40px 20px;
	margin-top: 40px;
}
@media (min-width: 768px) {.cards-quotes > div {flex-basis: calc(50% - 10px);}}
@media (min-width: 992px) {.cards-quotes > div {flex-basis: calc(41%);}}

.cards-quotes > div:nth-child(1) {background: var(--blue-grad);}
.cards-quotes > div:nth-child(2) {background: var(--orange-grad);}
.quotes .cards img {
    max-height: 90px;
    margin-top: -40px;
    border-radius: 50%;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
}


/* -- PHOTOS -- */
.photos {display: flex;}
.photos div {
    background: center/cover;
    width:50%;
    padding-bottom: 45%;
}
@media (min-width: 992px) {.photos div {width: 33.33%; padding-bottom: 25%;}}

.photos div:first-child {
	display: none;
}
@media (min-width: 992px) {.photos div:first-child {display: block;}}


/* -- CTA -- */
.cta {
    background: var(--black);
	padding-bottom: 21%; 
}
@media (min-width: 768px) {.cta {padding-bottom: 15%;}}
@media (min-width: 1460px) {.cta {padding-bottom: 200px;}}

.cta.cta-sp {
	padding-top: 50px; 
	padding-bottom: 0; 
	margin-top: 0;
}
@media (min-width: 992px) {.cta.cta-sp {padding-top: 80px;}}
.footer-laptop {
	line-height: 0; 
	margin-top: 40px;
}
@media (min-width: 992px) {.footer-laptop {margin-top: 60px;}}

.cta h2 {
	font-size: 38px;
}
@media (min-width: 992px) {.cta h2 {font-size: 56px;}}

.cta h2 span {
    background: var(--orange-grad);
	background-clip: text; 
	color: transparent;
}


/* -- FOOTER -- */
.footer-team {
    margin: -19% 0 -16%;
}
@media (min-width: 1460px) {.footer-team {margin: -260px 0 -216px;}}

footer.container {
    background: var(--blue-grad);
	padding-top: 24%;
}
@media (min-width: 768px) {footer.container {padding-top: 18%;}}
@media (min-width: 1460px) {footer.container {padding-top: 260px;}}

.cards-footer {
	justify-content: space-between;
}
@media (min-width: 768px) {.cards-footer {flex-wrap: nowrap;}}

.cards-footer > div {
	flex-basis: 100%;
}
@media (min-width: 768px) {.cards-footer > div {flex-basis: auto;}}

footer .logo {
    display: block;
	width: 200px;
}
@media (min-width: 375px) {footer .logo {width: 246px;}}

footer p {
    margin-bottom: 15px;
}
footer p strong {
    color: var(--white);
}
footer p a {
    color: var(--white2);
    text-decoration: none;
}
footer p a:hover {
    color: var(--white);
}
footer .copyright {
	border-top: 1px solid var(--white-line);
    color: rgba(255,255,255,.6);
    font-size: 14px;
}


/* -- PROGRAMS -- */
.logos .banner-sp:before {background: var(--black) url("/files/img/logos-banner-bg.jpg") center/cover;}
.msags .banner-sp:before {background: var(--black) url("/files/img/msags-banner-bg.jpg") center/cover;}
.tods .banner-sp:before {background: var(--black) url("/files/img/tods-banner-bg.jpg") center/cover;}
.banner-sp .sign {
	animation-name: video;
	animation-duration: 1s;
}
.program .intro h2 {
	margin-top: -10px;
}
@media (min-width: 992px) {
	.tods .svc .row {align-items: center;}
}
.program .svc-txt {
    text-align: left;
    padding: 20px 0 0;
}
@media (min-width: 768px) {.program .svc-txt {padding: 0 40px 0 0;}}

.cards-pricing > div {
	flex-basis: calc(100%);
	border-radius: 5px;
	padding: 0 20px 30px;
	margin-top: 20px;
}
@media (min-width: 768px) {.cards-pricing > div {flex-basis: calc(50% - 10px);}}
@media (min-width: 992px) {.cards-pricing > div {flex-basis: calc(50% - 12.5px);}}
@media (min-width: 1200px) {.cards-pricing > div {flex-basis: calc(25% - 18.75px);}}

.cards-pricing > div:nth-child(1) {background: var(--blue-grad);}
.cards-pricing > div:nth-child(2) {background: var(--black);}
.cards-pricing > div:nth-child(3) {background: var(--orange-grad);}
.cards-pricing > div:nth-child(4) {background: var(--gray);}
.cards-pricing > div h2 b {
	font-weight: inherit;
	font-size: 16px;
	color: var(--black2);
}
.cards-pricing > div h5 {
	background: var(--white);
	box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
	font-size: 20px;
	width: 60px;
	line-height: 60px;
	border-radius: 50%;
	margin: -20px auto 20px;
}
.cards-pricing > div h2.rev b {color: var(--white2);}
.cards-pricing > div .btn {
	display: block;
    width: 100%;
	margin-bottom: 25px;
}


/* -- ABOUT --*/
.about .banner-sp:before {background: var(--black) url("/files/img/about-banner-bg.jpg") center/cover;}
.team {background: var(--gray);}
.team h5 {margin: 20px 0 5px;}
.cards-team > div {
	position: relative;
	flex-basis: calc(100%);
}
@media (min-width: 768px) {.cards-team > div {flex-basis: calc(50% - 10px);}}
@media (min-width: 992px) {.cards-team > div {flex-basis: calc(33.33% - 16.66px);}}

.cards-team img[src*="team-"] {max-height: 300px;}
.cards-team img[src*="team-m-"] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* -- CONTACT -- */
.contact .banner-sp:before {background: var(--black) url("/files/img/contact-banner-bg.jpg") center/cover;}
@media (max-width: 500px) {.contact .banner .btn.outline {background: rgba(0,21,48,.5);}}
.contact .banner-team {
	position: relative;
    margin: -20% 0 3%;
}
@media (min-width: 768px) {.contact .banner-team {margin-bottom: 0;}}
@media (min-width: 1460px) {.contact .banner-team {margin: -290px 0 0;}}

.contact-form {
	height: 800px;
}
@media only screen and (min-width: 640px) {.contact-form {height: 600px;}}

.contact .cta, .contact .footer-team {display: none;}
.contact footer.container {
    padding-top: 53px;
}
@media (min-width: 992px) {.contact footer.container {padding-top: 80px;}}


/* -- APPLICATION -- */
.application .cta, .application .footer-team {display: none;}
.application-form {
	height: 4000px;
}
@media only screen and (min-width: 640px) {.application-form {height: 3200px;}}

.application footer.container {
    padding-top: 53px;
}
@media (min-width: 992px) {.application footer.container {padding-top: 80px;}}


/* -- MODAL -- */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 20; /* Sit on top */
	padding-top: 8vh; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	animation-name: modal;
	animation-duration: .3s;
}
@keyframes modal {
  0%   {opacity: 0;}
  100%  {opacity: 1;}
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: var(--white);
	margin: auto;
	width: 90%;
	border-radius: 5px;
}
@media (min-width: 768px) {.modal-content {width: 70%;}}

/* Close Button */
.close {
	position: absolute;
	top: -15px; right: -15px;
	display: block;
	background: var(--blue-grad);
	width: 50px;
	line-height: 50px;
	color: var(--white);
	font-size: 26px;
	text-align: center;
	border-radius: 100px;
	z-index: 2;
}
.close:hover,
.close:focus {
	background: var(--blue-grad2);
	text-decoration: none;
	cursor: pointer;
}
/* Video */
#modalVideo .modal-content {
    background-color: transparent;
}
.modal-content video {
	display: block;
}
/* Form */
#modalForm .modal-content {
    max-width: 760px;
	animation-name: form;
	animation-duration: .5s;
}
#modalForm .modal-content p {
	font-size: 16px;
    margin-bottom: 10px;
}
@keyframes form {
  0%  {opacity: 0; transform: translate3d(0, 30px, 0);}
  100% {opacity: 1; transform: none;}
}