@charset "UTF-8";

html, body{font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; color: #4f5151; line-height: 1.4; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1, .h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h2, .h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h3{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
a{text-decoration:none; color:inherit; outline:none;}
img{height: auto;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{}
.mobile {display:none;}
.blue{color: #5ec0ed; display: inline !important;}

header{position: fixed; top: 0; left: 0; right: 0; z-index: 5;}
header .topLine{background: #02569f; padding: 5px 0; color: #fff;}
header .topLine .socialWrapper{margin: 0; padding: 0; list-style: none;}
header .topLine .socialWrapper li{margin-left: 10px;}
header .header{background: rgba(255,255,255,0.9); padding: 15px 0;}
header .header .headerLogo{width: auto; height: 80px;}
header .header .headerLogo img{width: auto; height: 100%;}
header .header .button{margin: 0 0 0 auto; border: 1px solid #02569f; border-radius: 5px; color: #02569f; padding: 8px 30px;}

#hero{background: url(../img/main-banner.jpg) no-repeat 50% / cover; position: relative; padding: 220px 0 100px; color: #fff;}
#hero::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgb(19,172,226); background: linear-gradient(225deg, rgba(19,172,226,0.8) 25%, rgba(0,64,119,0.8) 75%);}
#hero h1{font-size: 70px; font-weight: 500; line-height: 65px; padding: 0; margin: 0 0 20px 0; text-transform: uppercase;}
#hero h1.smaller{font-size: 62px; line-height: 1.2;}
#hero h1 span{font-size: 45px; line-height: 1; display: block; margin-top: 15px;}
#hero h1.smaller span{text-transform: none;}
#hero .destination{font-size: 30px;}
#hero .imageWrapper{position: relative; border-radius: 10px; overflow: hidden;}
#hero .imageWrapper::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5);}
#hero .imageWrapper img{}
#hero .formWrapper {width: 100%; padding: 20px; background: rgba(255,255,255,0.3); color: #fff; float: right; border-radius: 10px;}
#hero .formWrapper .title{text-transform: uppercase; font-size: 26px; line-height: 1.2;}
#hero .button{border: 1px solid #fff; border-radius: 5px; color: #fff; padding: 8px 30px; display: inline-block;}
#applyForm{}
#applyForm input, #applyForm select{width: 100%; border: none; padding: 5px 10px; height: 40px; border-radius: 5px; background: rgba(0,0,0,0.5); color: #fff; margin: 0 0 20px 0;}
#applyForm ::placeholder {color: #fff;}
#applyForm :-ms-input-placeholder {color: #fff;}
#applyForm ::-ms-input-placeholder {color: #fff;}
#applyForm button{border:none; border-radius: 5px; color: #034a7f; padding: 0; width: 100%; height: 40px; background: #f2d336; font-weight: 500;}

#boxesWrapper{padding-top: 100px;}
#boxesWrapper .item{width: calc(calc(100% - 120px) / 4); margin: 0 40px 0 0; padding: 20px; text-align: center; border: 1px solid #02569f; border-radius: 10px;}
#boxesWrapper .item:last-child{margin-right: 0;}
#boxesWrapper .item .title{color: #02569f; font-weight: 500; text-align: center; margin: 0 0 30px 0; font-size: 20px;}
#boxesWrapper .item .text{font-size: 14px;}

#box01{padding: 100px 0;}
#box01 .mainTitle{color: #02569f; font-weight: 700; text-align: center; margin: 0 0 50px 0; font-size: 30px;}
#box01 .textWrapper{margin: 0 0 30px 0; text-align: justify;}
#box01 .button{border: none; border-radius: 5px; color: #034a7f; background: #f2d336; font-weight: 500; padding: 8px 30px; display: inline-block; float: right;}
/*#box01 .imageWrapper{position: relative; border-radius: 10px; overflow: hidden;}*/
/*#box01 .imageWrapper::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgb(19,172,226); background: linear-gradient(225deg, rgba(19,172,226,0.4) 0%, rgba(35,33,117,0.4) 100%);}*/
#box01 .imageWrapper img{transform: translateX(50px);}

#box02{padding: 100px 0; background: url(../img/benefits-1-bg.jpg) no-repeat 50% / cover; position: relative;}
#box02::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(2,86,159,0.9);}
#box02 .mainTitle{color: #fff; font-weight: 700; text-align: center; margin: 0 0 100px 0; font-size: 30px;}
#box02 .item{border: 2px solid #fff; border-radius: 10px; position: relative; color: #fff; margin-bottom: 50px;}
#box02 .item .iconTitle{background: #fff; padding-bottom: 10px; margin-bottom: 40px; padding-top: 20px;}
#box02 .item .iconTitle .icon{width: 100px; margin: 0 auto 20px auto; display: block;}
#box02 .item .iconTitle .title{text-align: center; text-transform: uppercase; font-weight: 700; font-size: 24px; margin-bottom: 0; color: #02569f;}
#box02 .item .textWrapper{padding: 0 20px 20px 20px;}
#box02 .item .text{padding: 0 20px;}
#box02 .item ul{margin-bottom: 40px; padding-left: 17px;}
#box02 .button{border: 1px solid #fff; border-radius: 5px; color: #fff; padding: 8px 30px; display: table; margin: 0 auto;}

#box02.page .item{width: calc(calc(100% - 140px) / 8); margin: 0 20px 0 0; border: 2px solid #fff; border-radius: 10px; text-align: center; padding: 20px;}
#box02.page .item:last-child{margin: 0;}
#box02.page .item .icon{width: 100%; margin: 0 0 20px 0; max-width: 70px;}
#box02.page .item .title{margin: 0; color: #fff; font-weight: 700; font-size: 14px; line-height: 1.2;}

.requirementItem{width: calc(calc(100% - 80px) / 3); margin: 0 40px 30px 0; background: rgba(0,0,0,0.2); color: #fff; text-align: center; height: 50px; font-size: 14px; border: 1px solid #fff; font-weight: 500;}
.requirementItem:nth-child(3n){margin-right: 0;}
.requirementItem:hover{color: #034a7f; background: #f2d336;}
.requirementItem.twoInRow{width: calc(calc(100% - 40px) / 2); margin: 0 40px 30px 0;}
.requirementItem.twoInRow:nth-child(2n){margin-right: 0;}

#box03{padding: 100px 0; text-align: center; background: #f1f7fa;}
#box03 .mainTitle{color: #02569f; font-weight: 700; text-align: center; margin: 0 0 50px 0; font-size: 30px;}

#box04{padding: 100px 0;}
#box04 .item{}
#box04 .item .icon{width: 100px; margin: 0 auto 30px auto; display: block;}
#box04 .item .text{text-align: justify;}
#box04 .button{border: 1px solid #02569f; border-radius: 5px; color: #02569f; padding: 8px 30px; display: table; margin: 40px auto 0 auto;}

#box05{padding: 50px 0; background: url(../img/benefits-2-bg.jpg) no-repeat 50% / cover; position: relative;}
#box05::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.9);}
#box05 .mainTitle{color: #02569f; font-weight: 700; text-align: center; margin: 0 0 100px 0; font-size: 30px;}
#box05 .item{width: calc(calc(100% - 140px) / 8); margin: 0 20px 0 0; border: 2px solid transparent; text-align: center; padding: 0;}
#box05 .item:last-child{margin: 0;}
#box05 .item .iconWrapper{width: 100px; height: 100px; margin: 0 auto 20px auto; position: relative;}
#box05 .item .iconWrapper .icon{width: 100%; margin: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#box05 .item .title{margin: 0; color: #02569f; font-weight: 700; font-size: 14px; line-height: 1.2;}
#box05 .button{border-radius: 5px; color: #fff; padding: 8px 30px; display: table; margin: 80px auto 0 auto; background: #034a7f; font-weight: 500;}

#box06{padding: 100px 0; background: url(../img/footer-bg.jpg) no-repeat 50% / cover; position: relative;}
#box06::before{position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgb(19,172,226); background: linear-gradient(225deg, rgba(19,172,226,0.8) 25%, rgba(0,64,119,0.8) 75%);}
#box06 .mainTitle{color: #fff; font-weight: 700; text-align: center; margin: 0 0 100px 0; font-size: 30px;}
#box06 .formWrapper {width: 100%; max-width: 800px; margin: 0 auto; padding: 20px; /*background: rgba(255,255,255,0.3);*/ color: #fff; border-radius: 5px;}
#applyFormFooter{}
#applyFormFooter input, #applyFormFooter select{width: 100%; border: none; padding: 5px 10px; height: 40px; border-radius: 5px; background: rgba(255,255,255,0.2); color: #fff; margin: 0 0 20px 0;}
#applyFormFooter ::placeholder {color: #fff;}
#applyFormFooter :-ms-input-placeholder {color: #fff;}
#applyFormFooter ::-ms-input-placeholder {color: #fff;}
#applyFormFooter button{border: none; border-radius: 5px; color: #034a7f; padding: 0; width: 100%; height: 40px; background: #f2d336; font-weight: 500;}

footer{background: #f2d336; color: #034a7f; padding: 20px 0; text-align: center; font-size: 14px;}
footer .socialWrapper{margin: 0 0 20px 0; list-style: none; padding: 0;}
footer .socialWrapper li{margin: 0 10px; font-size: 22px;}

@media (max-width: 767.98px) {
	header .topLine .socialWrapper li{margin-left: 20px;}
	#hero::before{background: linear-gradient(90deg, rgba(19,172,226,0.8) 25%, rgba(0,64,119,0.8) 75%);}
	#hero h1, #hero h1.smaller{font-size: 9.6vw; line-height: 10vw;}
	#hero h1 span {font-size: 4.5vw;}
	#hero h1.smaller span {font-size: 7vw;}
	#hero .destination {font-size: 7vw; line-height: 1.2;}
	#hero .formWrapper{margin-top: 40px;}
	#boxesWrapper .item{width: 100%; margin: 0 0 20px 0;}
	#box01 .button{float: none; display: table; margin: 0 auto 40px auto;}
	#box01 .imageWrapper img{transform: none;}
	#box02 .item{margin-bottom: 100px;}
	#box02.page .item{width: calc(calc(100% - 40px) / 2); margin: 0 40px 20px 0;}
	#box02.page .item:nth-child(2n){margin-right: 0;}
	/*#box02.page .item:nth-last-child(-n+2){margin-bottom: 0;}*/
	.requirementItem{width: 100%; margin: 0 0 20px 0;}
	#box04 .item{margin-bottom: 80px;}
	#box04 .button{margin-top: 0;}
	#box05 .item{width: calc(calc(100% - 40px) / 2); margin: 0 40px 20px 0;}
	#box05 .item:nth-child(2n){margin-right: 0;}
	#box05 .item:nth-last-child(-n+2){margin-bottom: 0;}
}