CSS Document */
button.gdpr-preferences { display: none !important; }
body { font-family: 'Roboto', sans-serif !important; }
img.align-self { align-self: center; }
.custom-container { max-width: 1500px; }
#section-2 h2, #section-3 h2, #section-4 h2, #section-6 h2, #section-7 h2, #section-9 h2, #section-9 h3 { font-size: 48px; color: #193b51; font-weight: 600; }
#section-2 p, #section-4 p, #section-5 p, #section-6 p, #section-7 p, #section-9 p { font-size: 26px; color: #193b51; }
#section-4 h2, #section-4 p { color: #FFF; }
#section-3 h3, #section-5 p span { font-weight: 600; }
#section-2 p.thin-text, #section-4 p, #section-5 p { font-weight: 300; }
#section-3 p { font-size: 18px; font-weight: 300; }

#custom-stickybar { display: none; }
.custom-nav-link { color: #18394E; display: inline-block; margin: 2px 2px; font-size: 13px; text-transform: uppercase; border: 1px solid #18394E; padding: 5px; width: 76px; text-align: center; transition: all .3s; }
.custom-nav-link:last-child { background: #18394E; color: #FFF; }
.custom-nav-link:hover { background: #fa6803; color: #FFF; border: 1px solid #fa6803; }

/* #section-1 { margin-top: 55px; } */
#section-1 .custom-height { min-height: 620px; }
/*#section-1 { background: #00304b url('../img/1.png') no-repeat top left; background-size: cover; min-height: 717px; }*/
/* #section-1 { background: #fff url('../img/1.png') no-repeat bottom; background-size: contain; min-height: 717px; } */
#section-1 { background: url(../img/new-top-image.jpg) no-repeat bottom, linear-gradient(180deg, rgba(0,48,75,1) 0%, rgba(0,48,75,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); background-size: contain; min-height: 717px; }
#section-1 .request-demo {  }
#section-1 .request-demo-link { background: #ffbf0f; border: 2px solid #ffbf0f; color: #00314c; display: table; margin: 0 auto; padding: 8px 30px; text-align: center; border-radius: 16px; box-shadow: 0 3px #FFF; font-size: 24px; text-decoration: none; transition: all .2s; }
#section-1 .request-demo-link span { font-weight: 600; }
#section-1 .request-demo-link:hover { border: 2px solid #ffbf0f; background: none; color: #FFF; box-shadow: none; }
#section-1 h1 { color: #FFF; font-size: 50px; font-weight: 500; /* text-align: center; */ margin-top: 10px; margin-bottom: 0; }
#section-1 p { color: #FFF; font-size: 18px; font-weight: 300; }

#section-2 { background: #c4e3f4 url('../img/half-circle-2-2-icon.png') no-repeat top left; }
#section-2 .bottom-right { background: url('../img/half-circle-2-icon.png') no-repeat bottom right; }
#section-2 .custom-height { min-height: 700px; }
#section-1 .custom-height .custom-alignment { border-left: 5px solid #6e8693; padding-left: 30px; }

.round-img { cursor: pointer; border-radius: 200px; }

.video-btn {  }

img.img-fluid.video-btn.round-img { transition: all .3s; }
img.img-fluid.video-btn.round-img:hover { opacity: .80; }

.video-pop { background: #193b51; color: #FFF; padding: 10px 40px; text-align: right; margin: 0 10px; border-radius: 16px; font-family: 'Roboto', sans-serif; font-size: 24px; transition: all .2s; position: relative; width: 60%; display: inline-block; text-decoration: none !important; border: none; }
.video-pop:focus { outline: none; }
.video-pop:hover { background: #fa6803; color: #FFF; }
.video-pop .material-icons { position: absolute; top: -18px; left: 5px; color: #f1f1f1; font-size: 92px; text-shadow: 0 0 10px #193b51; transition: all .2s; }
.video-pop:hover .material-icons { text-shadow: 0 0 10px #fa6803; }

#section-4 { background: #193b51 url('../img/half-circle-3-icon.png') no-repeat top left; }
#section-4 .bottom-left-bg { background: url('../img/health-icon-flip.png') no-repeat bottom left; }
#section-4 .bottom-right-bg { background: url('../img/health-icon.png') no-repeat bottom right; position: relative; }
#section-4 .left-gift-box { background: url('../img/gift-icon.png') no-repeat bottom left; position: relative; bottom: -120px; left: 0; }
#section-4 .right-carecoins { background: url('../img/points-icon.png') no-repeat bottom right; position: relative; right: 0; }
#section-4 .container-pull { position: relative; top: -120px; }

#section-4 .wrap { overflow: hidden; }
#section-4 .wrap ul { height: 580px; width: 360px; margin: 0 auto; list-style: none; position: relative; }
#section-4 .wrap ul li { cursor: pointer; position: absolute; transition: all 0.6s ease-in; opacity: 0; margin-top: 10px; }
#section-4 .wrap ul li:hover { box-shadow: 0 12px 24px #000; }
#section-4 .wrap ul li img { width: 100%; cursor: pointer; }
#section-4 .wrap li.active { z-index: 999; opacity: 1; }
#section-4 .wrap li.active img {  }
#section-4 .wrap li.left3 { transform: perspective(600px) translateX(-220%) rotateY(0deg) scale(0.75); opacity: 1; }
#section-4 .wrap li.left2 { transform: perspective(600px) translateX(-160%) rotateY(0deg) scale(0.80); opacity: 1; }
#section-4 .wrap li.left1 { transform: translateX(-100%) scale(0.90); opacity: 1; }
#section-4 .wrap li.right1 { transform: translateX(100%) scale(0.90); opacity: 1; z-index: 2; }
#section-4 .wrap li.right2 { transform: perspective(600px) translateX(160%) rotateY(0deg) scale(0.80); opacity: 1; z-index: 1; }
#section-4 .wrap li.right3 { transform: perspective(600px) translateX(220%) rotateY(0deg) scale(0.75); opacity: 1; }

#section-5 { background: #c4e3f4; }
#section-5 .s6-common-bg { background: url('../img/circle-icon.png') no-repeat bottom center; }
#section-5 .s6-common-bg img { padding-bottom: 50px; }

#section-6 { background: url('../img/half-circle-icon.png') no-repeat top left; }
#section-6 .laptop-bg { 
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.88) 88%, rgba(236,246,250,0.88) 88%, rgba(236,246,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 88%,rgba(236,246,250,0.88) 88%,rgba(236,246,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.88) 88%,rgba(236,246,250,0.88) 88%,rgba(236,246,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ecf6fa',GradientType=0 ); /* IE6-9 */
}

#section-7 { background: #ecf6fa; }
#section-7 .custom-logo-img img { background: #FFF; }

#section-8 { background: #ecf6fa; }
#section-8 h2 { font-weight: 300; text-transform: uppercase; color: #193b51; font-size: 24px; margin-bottom: 24px; }
#section-8 .card { /*background: #edf6fb;*/ margin: 30px; box-shadow: 5px 12px 14px #d2d2d2; border-radius: 30px; border: none; transition: all .2s; }
#section-8 .card:hover { box-shadow: 5px 8px 12px #a9a9a9; color: #fa6803; }
#section-8 .card .card-img-top { height: 260px; width: 100%; border-radius: 30px 30px 0 0; /*object-fit: cover;*/ }
#section-8 .card .card-body .card-text { font-size: 22px; color: #193b51; transition: all .2s; }
#section-8 .card:hover .card-body .card-text { color: #fa6803; }
#section-8 .thumb-bg-color { background: #ffbf0f; }

#section-9 { /* background: #ffbf0f; */ position: relative; }
#section-9 .custom-top-img { 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 84.25%, #ffffff 84.25%, #ffbf0f 84.25%, #ffbf0f 84.25%, #ffbf0f 84.25%, #ffbf0f 84.25%, #ffbf0f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 84.25%,#ffffff 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 84.25%,#ffffff 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 84.25%,#ffbf0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffbf0f',GradientType=0 ); /* IE6-9 */
}
#section-9 a.corporate-link { background: #193b51; color: #FFF; padding: 10px 80px; text-align: center; margin: 0 10px; border-radius: 16px; font-size: 30px; text-decoration: none; transition: all .2s; box-shadow: 0 3px #FFF; display: inline; }
#section-9 a.corporate-link:hover { background: #fa6803; color: #FFF; }

#section-10 .custom-top-img{
	background: rgb(25,59,81);
	background: -moz-linear-gradient(0deg, rgba(25,59,81,1) 0%, rgba(25,59,81,1) 15.75%, rgba(255,255,255,1) 15.75%, rgba(236, 246, 250) 100%);
	background: -webkit-linear-gradient(0deg, rgba(25,59,81,1) 0%, rgba(25,59,81,1) 15.75%, rgba(255,255,255,1) 15.75%, rgba(236, 246, 250) 100%);
	background: linear-gradient(0deg, rgba(25,59,81,1) 0%, rgba(25,59,81,1) 15.75%, rgba(255,255,255,1) 15.75%, rgba(236, 246, 250) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#193b51",endColorstr="#ffffff",GradientType=1);
}

.custom-height { min-height: 260px; }
.footer-top { background: #193b51; /* min-height: 650px; */ }
.footer-top h3 { color: #FFF; font-weight: 600; font-size: 34px; }
.footer-top ul { margin: 0; padding: 0; list-style: none; }
.footer-top ul li { line-height: 2.5em; }
.footer-top ul li a { color: #FFF; font-size: 22px; font-weight: 300; text-decoration: none; transition: all .3s; }
.footer-top ul li a:hover { color: #fa6803; }
.footer-top-contact { border:  2px dashed #edf6fb; border-radius: 20px; }
.footer-top-contact p { font-size: 28px; color: #FFF; font-weight: 300; line-height: 1.5em; }
.footer-top-contact span { font-weight: 700; color: #FFF; font-size: 36px; }
a.footer-top-contact-link { background: #e5e5e5; color: #193b51; display: block; text-align: center; margin: 0 auto; border-radius: 16px; font-size: 24px; text-decoration: none; transition: all .2s; }
a.footer-top-contact-link i.fa { color: #193b51 !important; }
a.footer-top-contact-link:hover { background: #fa6803; color: #FFF; }

footer { background: #252525; font-size: 20px; font-weight: 300; }
.social-icons {  }
.social-icons a { background: #fff; display: inline-block; width: 34px; height: 34px; text-align: center; border-radius: 50px; font-size: 20px; text-decoration: none; padding-top: 2px; transition: all .2s; }
.social-icons a i.fa { color: #193b51 !important; }
.social-icons a:hover { background: #fa6803; color: #FFF !important; }
.social-icons a:hover i.fa, a.footer-top-contact-link:hover i.fa { color: #FFF !important;  }

.modal-dialog { max-width: 800px; margin: 30px auto; }
.modal-body { position:relative; padding:0px; }
.close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff; opacity:1; }

/* START IE Fix only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	@media only screen and (max-width: 1366px) {
		#section-1, #section-1 .custom-height { min-height: 100px !important; }
		#section-1 { background-size: 100%; }
	}
	#section-1 .custom-height { margin-top: 92px; }
	#section-2 .custom-height { min-height: 450px; margin-top: 150px; }
	#section-8 .card { width: 100%; }
	.footer-top, .footer-top .custom-height { min-height: 280px; }
}
/* END IE Fix only */

@media only screen and (max-width: 1366px) {
	#section-1 { min-height: 504px; }
	#section-1 .custom-height { min-height: 400px; }
	#section-1 .custom-height img.img-fluid { max-width: 320px }
	#section-1 h1 { font-size: 40px; }
	#section-3 .col-md-4 p { min-height: 82px; }
	#section-3 .video-pop { padding: 10px 15px; }
	.footer-top { min-height: auto; }
	.footer-top-contact p { font-size: 20px; }
	.footer-top-contact span { font-size: 30px; }
	a.footer-top-contact-link { padding: 5px 0 !important; font-size: 20px; }
	.custom-height { min-height: 260px; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	br { display: none; }
	#section-1 { min-height: 381px !important; background-size: contain; }
	#section-1 .custom-height { min-height: 280px; }
	#section-1 h1, #section-1 p { margin: 0; }	
	#section-1 .custom-height img.img-fluid { max-width: 320px }
	#section-1 h1 { font-size: 34px; }
	#section-2 { background: #c4e3f4; }
	#section-2 .col-md-6:first-child { max-width: 40%; flex: 40%; }
	#section-2 .col-md-6:last-child { max-width: 60%; flex: 60%; }
	#section-2 h2, #section-3 h2, #section-4 h2, #section-6 h2, #section-7 h2, #section-9 h2, #section-9 h3 { font-size: 32px; }
	#section-2 p, #section-4 p, #section-5 p, #section-6 p, #section-7 p, #section-9 p { font-size: 24px; }
	#section-2 .col-md-6:first-child img { max-width: 60%; display: table; margin: 100px auto 0; }
	#section-2 .custom-height { min-height: 450px; }
	#section-3 .col-md-4 p { min-height: 82px; }
	#section-3 .video-pop { padding: 10px 15px; }
	#section-3 h3 { font-size: 22px; margin-top: 10px; }
	#section-3 .col-md-4 p { min-height: 108px; }
	#section-3 a.video-pop { width: 80%; padding: 6px 10px; border-radius: 6px; font-size: 18px; }
	#section-3 a.video-pop .material-icons { font-size: 36px; top: 2px; }
	#section-4 .bottom-left-bg, #section-4 .bottom-right-bg { background-size: 40%; }
	#section-4 .left-gift-box { bottom: -60px; }
	#section-4 .left-gift-box, #section-4 .right-carecoins { background-size: 160px; }
	#section-5 .s6-common-bg { background-size: contain; }
	#section-8 .col-md-4 .card { padding: 0 !important; margin: 0 !important; }
	#section-8 .card .card-img-top { height: 200px; }
	#section-8 .card .card-body .card-text { padding: 0 !important; font-size: 16px; }
	#section-7 .col-md-2 { max-width: 33.33% !important; width: 33.33% !important; flex: unset; }
	#section-10 .col-md-3:first-child, #section-10 .col-md-3:last-child { max-width: 100%; width: 100% !important; padding: 15px !important; flex: unset; }
	#section-10 .col-md-3 { max-width: 30%; margin: 0 auto; padding: 15px !important; flex: unset; }
	#section-10 .col-md-3 .custom-height { min-height: auto; }
	.footer-top { min-height: auto; }
	.footer-top-contact p { font-size: 20px; }
	.footer-top-contact span { font-size: 30px; }
	a.footer-top-contact-link { padding: 5px 0 !important; font-size: 24px; }
	.custom-height { min-height: 260px; }
}

@media only screen and (max-width: 768px) {
	#section-1 { min-height: 286px !important; }
	#section-1 .custom-height { min-height: 230px; }
	#section-1 .custom-container { padding-bottom: 1.75rem !important; padding-top: 1.75rem !important; }
	#section-1 h1 { font-size: 22px; }
	#section-1 .custom-height img.img-fluid { max-width: 200px; }
	#section-2 .custom-height { min-height: 360px; }
	#section-2 .col-md-6:first-child {  }
	#section-2 .col-md-6:first-child, #section-2 .col-md-6:last-child { max-width: 100%; flex: 100%; }
	#section-2 .col-md-6:first-child img { max-width: 30%; margin: 30px auto 0; }
	#section-2 .video-btn-wrap button.video-pop.video-btn { width: 48%; }
	#section-2 h2 { margin-top: 0; }
	span.corporate-tagline br { display: block !important; }
	span.corporate-tagline { line-height: 1.40em !important; }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) { }

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  #section-6 .laptop-bg img { height: 100px; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (orientation: portrait) {
	br { display: none; }
	p { font-size: 20px !important; }
/* 	#section-1 { background: #FFF url(../img/top-bg-mobile-iPad.png) no-repeat top left; background-size: 100%; min-height: 480px !important; } */
	#section-1 { background: url(../img/top-bg-mobile-iPad.jpg) no-repeat top left, linear-gradient(180deg, rgba(0,48,75,1) 0%, rgba(0,48,75,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); background-size: 100%; min-height: 480px !important; }
	#section-1 .custom-height { padding-top: 20px; }
	#section-1 h1 { margin: 4px 0 0; font-size: 32px; font-weight: 300; }
	#section-1 img { max-width: 200px !important; }
	#section-1 p { margin: 0; }
	#section-1 .request-demo-link { padding: 6px 24px; font-size: 20px; }
	#section-1 .custom-height .custom-alignment { border-left: none; padding-left: 0; text-align: center !important; }
	#section-2 .col-md-6:first-child img { max-width: 80%; margin: 30px auto 0; display: table; }
	#section-2 button.video-pop.video-btn { font-size: 20px; padding: 8px 16px; width: 90% !important; margin-bottom: 40px; }
	#section-3 img.video-btn.round-img { max-width: 70%; }
	#section-2 .video-pop .material-icons { font-size: 82px; }
	#section-2 h2, #section-3 h2, #section-4 h2, #section-6 h2, #section-7 h2, #section-9 h2, #section-9 h3 { font-size: 28px; }
	#section-1, #section-1 .custom-height, #section-2 .custom-height { min-height: auto; }
	#section-2 a.video-pop { font-size: 18px; padding: 10px 12px; margin-bottom: 50px; }
	div#section-3 { padding-top: 50px; padding-bottom: 30px; }
	#section-4 .container-pull { top: -80px; }
	#section-4 .left-gift-box { bottom: -40px; }
	#section-4 .bottom-left-bg, #section-4 .bottom-right-bg, #section-4 .left-gift-box, #section-4 .right-carecoins { background-size: 100px; }
	div#section-4 .mobile-slider { padding: 0 !important; }	
	#section-5 .text-center p span { display: block; }
	#section-6 .laptop-bg img { height: auto; }
	div#section-9 { padding-top: 70px; }
	#section-10 .col-md-3 { padding: 15px !important; }
	#section-10 .custom-height { min-height: auto; }
	.video-pop { width: 86%; }
	#section-7 .col-md-2 { width: 50%; }
	div#section-3 .py-5, #section-7 .py-5, #section-7 .pb-5, #section-9 .py-5 { padding-top: 0 !important; padding-bottom: 0 !important; }
	#section-9 a.corporate-link { padding: 10px 20px; font-size: 20px; }
	a.footer-top-contact-link { padding: 10px !important; font-size: 24px; }
	.footer-top-contact p { text-align: center; }
	.footer-top-contact span { font-size: 32px; }
	.mobile-btn { padding-bottom: 50px; }
	footer { font-size: 16px; text-align: center; }
	#section-10 img.img-fluid.align-self { width: 200px; }
	#section-5 .col-md-3, #section-10 .col-md-3.p-5 { width: 50%; }
	.footer-top h3 { font-weight: 500; font-size: 24px; }
	.footer-top ul li { line-height: 2em; }
	.footer-top ul li a { font-size: 16px; }
	.social-icons { text-align: center !important; padding-top: 10px; }
	.social-icons a { width: 25px; height: 25px; font-size: 16px; }
	#section-5 .s6-common-bg { background-size: contain; }
	#section-5 p { font-size: 18px !important; }
	#section-8 .card .card-img-top { height: 200px; }
	#section-8 .mobile-logo-blog { max-width: 300px; }
	.card-link p.card-text.p-4 { padding: 0 !important; font-size: 16px !important; }
}
/* @media (max-width: 320px), (max-width: 360px), (max-width: 375px), (max-width: 400px), (max-width: 480px) {  }