html, body{font-family: 'Montserrat', sans-serif; font-size: 1rem; line-height: 1.6; font-weight: 400; color: #000; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1, .h1{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 30px; line-height: 1;}
h2, .h2{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 26px; line-height: 1;}
h3, .h3{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 24px; line-height: 1;}
a{text-decoration:none; color:inherit; outline:none;}
a:hover{color: inherit;}
img{height: auto; width: 100%;}
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;}
.yellow{color: #fcaf25;}
.blueButton{background-color: #132039;}
.yellowButton{background-color: #fcaf25;}
.nonMobile{display: none;}
.mobile {display:none;}
.dark{color: #132039;}
.buttonWrapper.green{color: #2a8e8c;}

#menuToggle{position: fixed; right: 15px; top: 15px; z-index: 11; display: block;}
#menuToggle span{display: block; width: 30px; height: 2px; margin-bottom: 5px; position: relative; background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle.active span{transform: rotate(-39deg) translate(-1px, -2px);}
#menuToggle.active span:nth-last-child(3){opacity: 1; transform: rotate(39deg) translate(0px, -1px);}
#menuToggle.active span:nth-last-child(2){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}

header{}
header .top{background: #0e1959; color: #fff; padding: 10px; text-align: center;}
header .top .content{display: flex; align-items: center; justify-content: left; flex-direction: column;}
header .top .content .socialWrapper{padding: 0;}
header .top .content .socialWrapper a{margin: 0 10px;}
header .top .content .phoneWrapper{margin: 0 15px 0 0;}
header .top .content .phoneWrapper .icon{margin-right: 5px;}
header .logoWrapper{padding: 20px; background: #fff; display: flex; align-items: center; flex-direction: column; text-align: center;}
header .logoWrapper a{display: block; width: 250px; margin: 0;}
header .logoWrapper a img{}
header .logoWrapper a.phoneWrapper{margin-left: auto; color: #000; font-size: 30px; width: auto; font-weight: 600; line-height: 1; margin-top:20px;}
header .headerMenuWrapper{position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(42,142,140,0.95); z-index: 5; transform: translateX(100%); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; justify-content: center; 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; overflow-y: scroll;}
header .headerMenuWrapper .headerMenu{-ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin: 0; padding: 0; list-style: none; display: flex; color: #fff;}
header .headerMenuWrapper .headerMenu li{width: 100%; margin: 0; position: relative;}
header .headerMenuWrapper .headerMenu li a{padding: 10px; display: block; font-size: 20px; position: relative;}
header .headerMenuWrapper .headerMenu li a.active:after{position: absolute; content: ""; bottom: 10px; left: 10px; right: 10px; height: 1px; background: #fff;}
header .headerMenuWrapper .headerMenu li a .icon{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 13px;}
header .headerMenuWrapper.open{transform: translateX(0);}
header .headerMenuWrapper .headerMenu .subMenu{padding: 20px; min-width: 200px; position: relative; display: none; text-align: center; background: rgba(255,255,255,0.2); left: auto; color: #fff; border-radius: 0; list-style: disc; list-style-position: inside;}
header .headerMenuWrapper .headerMenu .subMenu li{margin: 0 0 10px 0;}
header .headerMenuWrapper .headerMenu .subMenu li:last-child{margin-bottom: 0;}
header .headerMenuWrapper .headerMenu .subMenu li a{padding: 0; font-size: 16px; font-weight: 500; white-space: nowrap; display: inline-block;}
/*header .headerMenuWrapper .headerMenu li:hover .subMenu{display: block;}*/

#heroWrapper{color: #0e1959; text-align: center; padding: 70px 0; position: relative; z-index: 0;}
#heroWrapper:after{position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: #ddf3ff; z-index: -1;}
#heroWrapper .leftContent{}
#heroWrapper .leftContent .mainTitle{font-size: 9vw;}
#heroWrapper .leftContent .text{margin-bottom: 30px;}
#heroWrapper .leftContent .text p{margin-bottom: 10px; font-size: 22px;}
#heroWrapper .leftContent .important{border-radius: 10px; border: 2px solid #0e1959; padding: 20px 30px; display: inline-flex; align-items: center;}
#heroWrapper .leftContent .important .percent{font-weight: 700; font-size: 50px; line-height: 1;}
#heroWrapper .leftContent .important .text{margin: 0 0 0 10px; font-size: 30px; line-height: 1; font-weight: 700;}
#heroWrapper .leftContent .button{background: #03346f; color: #fff; border-radius: 15px; font-size: 20px; margin-bottom: 20px; height: 55px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px;}
#heroWrapper .formWrapper{margin-top: 50px; padding: 30px; border-radius: 15px; background: #fff; border: 3px solid #0e1959;}
#heroWrapper .formWrapper form{}
#heroWrapper .formWrapper form .formTitle{font-weight: 600; font-size: 24px;}
#heroWrapper .formWrapper form input{width: 100%; height: 50px; display: flex; margin-bottom: 20px; padding: 0 20px; align-items: center; font-weight: 500; border: 1px solid #898989; border-radius: 5px; background: #fff; text-align: left;}
#heroWrapper .formWrapper form select{width: 100%; height: 50px; display: flex; margin-bottom: 20px; padding: 0 20px; align-items: center; font-weight: 500; border: 1px solid #898989; border-radius: 5px; background: #fff; text-align: left;}
#heroWrapper .formWrapper form input::placeholder {color: #000; opacity: 1;}
#heroWrapper .formWrapper form input:-ms-input-placeholder {color: #000;}
#heroWrapper .formWrapper form input::-ms-input-placeholder {color: #000;}
#heroWrapper .formWrapper form .small{font-size: 11px;}
#heroWrapper .formWrapper form label{color: #000; font-weight: 600;}
#heroWrapper .formWrapper form button{background: #ffcc33; color: #03346f; font-size: 18px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 0 20px; width: 100%; border: 2px solid #010b22; border-radius: 5px; text-transform: uppercase; font-weight: 500;}

.box01{text-align: center; padding: 80px 0 0 0;}
.box01 .mainTitle{color: #0e1959;}
.box01 .text{}

.box02{padding: 80px 0; text-align: center;}
.box02 .ctaWrapper{padding: 50px; border-radius: 10px; background: url(../img/cta-bg.jpg) no-repeat 100% 50% / cover; position: relative; z-index: 0; overflow: hidden;}
.box02 .ctaWrapper:after{position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: rgba(13, 25, 89, 0.87); z-index: -1;}
.box02 .ctaWrapper .mainTitle{color: #fff;}
.box02 .ctaWrapper .button{border-radius: 3px; border: 2px solid #fff; padding: 10px 30px; display: table; margin:0 auto; color: #fff; 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;}
.box02 .ctaWrapper .button:hover{background: #fff; color: #0e1959;}

.ctaWrapper02{padding: 80px 0; background-image: none; background-color: #f7f7f7; color: #0e1959; font-weight: 700; text-align: center;}
.ctaWrapper02 .text{}
.ctaWrapper02 .text p{}
.ctaWrapper02 .text .buttonWrapper{font-size: 1.8rem;}
.ctaWrapper02 .text .buttonWrapper .button{color: #23a6dc;}

.recommendedWrapper{padding: 80px 0;}
.recommendedWrapper .item{width: calc(100% - 20px); display: block; margin: 0 10px; text-align: center; color: #0e1959; margin-bottom: 50px;}
.recommendedWrapper .item .thumbWrapper{border-radius: 10px; overflow: hidden; margin: 0 0 20px 0;}
.recommendedWrapper .item .title{font-weight: 700;}
.recommendedWrapper .item .button{border-radius: 3px; border: 2px solid #010b22; padding: 10px 30px; display: table; margin: 0 auto; background: #ffcc33; 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;}
.recommendedWrapper .item .button:hover{color: #fff; background: #010b22;}

#services{padding: 70px 0; text-align: center; background: #0d1959;}
#services .mainTitle{color: #fff; font-size: 28px;}
#services .textWrapper{color: #fff;}
#services .servicesWrapper{}
#services .servicesWrapper .item{display: block; width: 90%; margin: 0 auto 40px auto; border-radius: 10px; background: #fff; box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;}
#services .servicesWrapper .item:last-child{margin-bottom: 0;}
#services .servicesWrapper .item .thumbWrapper{position: relative; z-index: 1; border-radius: 10px 10px 0 0; overflow: hidden;}
#services .servicesWrapper .item .thumbWrapper:after{position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: rgba(42,142,140,0.2);}
#services .servicesWrapper .item .thumbWrapper img{}
#services .servicesWrapper .item .textWrapper{padding: 20px; text-align: left; position: relative;}
#services .servicesWrapper .item .title{color: #0e1959; font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 1.2;}
#services .servicesWrapper .item .text{text-align: justify; margin: 0 0 40px 0;}
#services .servicesWrapper .item .button{border-radius: 3px; border: 2px solid #010b22; padding: 10px 30px; display: table; background: #ffcc33; position: absolute; left: 50%; transform: translateX(-50%); 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;}
#services .servicesWrapper .item .button:hover{color: #fff; background: #010b22;}

section.whiteBg{padding: 80px 0; background: #fff; text-align: center; z-index: 0; position: relative;}
section.whiteBg .textWrapper{}
section.whiteBg .textWrapper .mainTitle{color: #0e1959; font-size: 28px;}
section.whiteBg .textWrapper .text{margin-bottom: 20px;}
section.whiteBg .textWrapper .button{background: #0e1959; color: #fff; font-size: 20px; height: 55px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; 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; border: 2px solid #0e1959; border-radius: 3px;}
section.whiteBg .textWrapper .button:hover{background: #ffcc33; color: #010b22;}
section.whiteBg .imageWrapper{position: relative; z-index: 1;}
section.textImage .imageWrapper{margin-top: 20px;}

footer{color: #fff; text-align: center; padding: 70px 0; position: relative; z-index: 0; background: #0d1959;}
footer .imgWrapper{height: 100%; background: #fff; border-radius: 15px; text-align: center; color: #0e1959; padding: 30px 40px;}
footer .imgWrapper img{margin-bottom: 50px;}
footer .imgWrapper .mainTitle{}
footer .imgWrapper p{margin: 0; font-weight: 500;}
footer .footerLogo{display: block; width: 230px; margin: 0 auto 40px auto;}
footer .footerTitle{font-weight: 700; font-size: 18px;}
footer .footerText{margin-bottom: 40px; font-size: 14px;}
footer video{width: 100%;}
footer p{margin-bottom: 10px;}
footer ul{margin: 0; padding: 0; list-style: none; font-size: 15px;}
footer ul a:hover{color: #FFC648;}
footer .button{background: #f80000; color: #fff; border-radius: 5px; font-weight: 700; height: auto; padding: 5px 15px; display: table; margin: 20px auto 0 auto;}
footer .socialWrapper{padding-top: 20px; font-size: 20px;}
footer .socialWrapper a{margin:0 10px;}
footer .socialWrapper a:hover{color: #FFC648;}
footer .col-lg-3:not(:last-child){margin-bottom: 30px;}

@media (min-width: 576px) {
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
	#heroWrapper .leftContent .mainTitle{font-size: 5vw;}
	#heroWrapper .formWrapper{margin-top: 0;}
	#services .servicesWrapper{display: flex;}
	#services .servicesWrapper .item{width: 30%; margin-bottom: 0;}
	#tabs-nav li{font-size: 2.4vw;}
	.tableWrapper img{width: 100%;}
}

@media (min-width: 992px) {
	.nonMobile{display: inherit;}
	#menuToggle{display: none;}
	.headerMob{display: none;}
	header{position: absolute; top: 0; left: 0; right: 0; z-index: 5;}
	header .logoWrapper{flex-direction: unset;}
	header .logoWrapper a.phoneWrapper{margin-top: 0;}
	#heroWrapper{text-align: left; padding: 250px 0 50px 0;}
	#heroWrapper .leftContent .mainTitle{font-size: 50px;}
	#heroWrapper .leftContent .important .percent{font-size: 80px;}
	#heroWrapper .formWrapper{margin-top: 0;}
	.ctaWrapper02{padding: 150px 0; background: url(../img/cta02-bg.jpg) no-repeat 100% 50% / contain #f7f7f7; text-align: left;}
	.recommendedWrapper .item{width: calc(20% - 20px); display: block; margin: 0 10px; text-align: center; color: #0e1959;}

	#services .servicesWrapper{display: flex;}
	#services .servicesWrapper .item{width: 40%;}
	#services .servicesWrapper .item:last-child{margin-bottom: 40px;}

	section.whiteBg .content{display: flex; align-items: center;}
	section.whiteBg .imageWrapper{width: 30%;}
	section.whiteBg .textWrapper{flex: 1; padding-right: 100px; text-align: left;}
	section.grayBg .content{display: flex; align-items: center;}
	section.grayBg .imageWrapper{width: 30%;}
	section.grayBg.imageText .textWrapper{flex: 1; padding-left: 100px; text-align: left;}
	section.grayBg .button{float: right;}
	section.grayBg .link{}
	section.textImage .textWrapper{padding: 0 100px 0 0; margin: 0; flex: 1;}
	section.textImage .imageWrapper{width: 45%;}
	section.textImage .buttonWrapper.green{text-align: right; float: right; display: table; width: 100%;}
	section.textImage .imageWrapper{margin-top: 0;}
	footer .col-lg-3:not(:last-child){margin-bottom: 0;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}