/*----------------Core---------------------------*/
html, body { overflow-x: hidden; position: relative ;}

html { height: 100%; }

body {
	color: #fff;
	font: 500 20px 'Plus Jakarta Sans', serif;
	line-height: 1.5em;
	margin: 0px;
	position: relative;
}

body#page-thank-you { height: 100%; }
body#page-thank-you #gradient { align-items: center; }

body.hamburger-active { overflow: hidden; }

#gradient { display: grid; grid-template-rows: 1fr auto; grid-template-columns: 100%;  background: linear-gradient(180deg, #01ADF0 0%, #0E69F4 100%), #FFF; min-height: 100%; position: relative; }

img { height: auto; max-width: 100%; }
img[src=""], img:not([src]) { visibility: hidden; }

a { color: #fff; }
a:focus { outline: 0; }
a:hover { color: #fff; }

form { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: 'Plus Jakarta Sans', serif; font-weight: 800; line-height: 1.2em; margin-bottom: 30px; }

p { color: #fff; line-height: 1.5em; margin-bottom: 20px; }

ul, ol { margin-bottom: 20px; }
ul li, ol li { color: #fff; line-height: 1.5em; }
table p { color: #000; }

input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }

#main { overflow: hidden; }
.max-width-1440 { margin: 0 auto; max-width: 1440px; position: relative; }
.max-width-900 { margin: 0 auto; max-width: 900px; position: relative; }
.container { max-width: 1139px !important; }

/*------------ Utilities ----------------------*/
.btn { background-color: #EF4123; border: 0 !important; border-radius: 8px; color: #fff !important; display: inline-block; font-size: 20px; font-weight: 700; padding: 18px 40px; position: relative; line-height: 1em; text-decoration: none; }
.btn:hover, .btn:active .btn:focus { background-color: #EF4123; color: #fff; }

.btn-arrow-right { padding-right: 50px; }
.btn-arrow-right:after { content: url('../assets/images/arrow-right.svg'); position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: right 0.2s ease; }
.btn-arrow-right:hover:after { right: 20px; }

.form-group { position: relative; }
.form-control { background: rgba(255, 255, 255, 0.12); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.20); color: #fff; font-size: 18px; height: 60px; padding: 0 16px; }
.form-control.active { padding-bottom: 18px; padding-top: 34px; }
.form-control::-webkit-input-placeholder { color: #fff; }
.form-controlt::-moz-placeholder { color: #fff; }
.form-control:-ms-input-placeholder { color: #fff; }
.form-control:-moz-placeholder { color: #fff; }
.form-control:focus { background-color: transparent; color: #fff; }
textarea.form-control { height: auto; padding-bottom: 18px; padding-top: 22px; }

label { color: #fff; display: block; font-weight: bold; font-size: 12px; left: 28px; line-height: 1em; position: absolute; text-transform: uppercase; top: 12px; z-index: 1; }

.highlight { display: inline-block; line-height: 1.2em; margin-left: 10px; position: relative; }
.highlight .box { display: inline-block; background-color: #EF4123; border-radius: 4px; padding: 0 15px !important; position: relative; z-index: 2; }
.highlight:after { content: ''; background-color: #FFB6B6; border-radius: 4px; height: 100%; left: -8px; position: absolute; top: 0; width: 100%; }

.progress-msg, .success-msg, .error-msg { font-size: 16px; font-weight: 700; margin-top: 15px; text-align: center; }
.success-msg { color: #5cb85c; }
.error-msg { color: #FFB6C1; }
.progress-msg { color: #fff; }

.title { font-size: 62px; }

/*------------ CSS KEYFRAMES & ANIMATIONS ----------------------*/

/* Hinge */
.animate-hinge:after { transform: rotate(0deg); }
.animate-done .animate-hinge:after { animation: hinge 0.5s var(--animateHingeDelay, 0s) cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }

@keyframes hinge {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(5.5deg);
    }
    100% {
        transform: rotate(2.25deg);
    }
}

/* Blink */
.animate-star { animation: blink 3s infinite; }

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/*------------ HEADER ----------------------*/
#header { left: 0; padding-top: 50px; position: absolute; top: 0; width: 100%; z-index: 5; }
	#header .logo { text-align: center; }

/*------------ FOOTER ----------------------*/
#footer { padding-bottom: 50px; position: relative; }
	#footer .logo { margin-bottom: 40px; text-align: center; }
	#footer .copyright { margin: 0 auto; max-width: 650px; }
	#footer .copyright div { font-size: 12px; letter-spacing: 1px; line-height: 1.3em; text-align: center; text-transform: uppercase; }
	#footer .copyright a { color: inherit; font: inherit; opacity: 1; text-decoration: none; transition: opacity 0.4s ease; }
	#footer .copyright a:hover { opacity: 0.5; }

/*------------ CONTENT DEFAULT ----------------------*/
.content-d { position: relative; z-index: 2; }
	.content-d.wow { opacity: 0; }
	.content-d.wow.done { opacity: 1; }

	/* Content */
	.content-d .top-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; margin-bottom: 20px; }
	.content-d .top-title .stars { line-height: 1em; margin: 0 10px; }
	.content-d .title { line-height: 1.4em; margin-left: auto; margin-right: auto; max-width: 1000px; text-align: center; }
	.content-d .text { margin-left: auto; margin-right: auto; max-width: 880px; text-align: center; }
	.content-d .container > *:last-child, .content-d .text > *:last-child { margin-bottom: 0; }

	/* CTA */
	.content-d .cta { margin-top: 40px; text-align: center; }

/*------------ GRID DEFAULT ----------------------*/
.grid-d { background-position: center top; background-repeat: repeat-y; background-size: 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.grid-d.height-700 { height: 700px; }
	.grid-d.height-13 { height: 13%; }
	.grid-d:after { background: linear-gradient(180deg, rgba(3, 163, 241, 0.00) 0%, #03A4F1 79.3%); bottom: 0; content: ''; height: 100%; left: 0; position: absolute; width: 100%; }

/*------------ OBJECT ----------------------*/
.object { pointer-events: none; position: absolute; width: 100%; }
	.object.fullwidth img { width: 100%; }
	
	.object.object-1 { margin-top: -25%; }
	.object.object-2 { top: 0; }
	.object.object-3 { bottom: 0; text-align: center; }

/*------------ VIDEO DEFAULT ----------------------*/
#video-d { position: relative; z-index: 2; }
	#video-d.wow { opacity: 0; }
	#video-d.wow.done { opacity: 1; }
	#video-d .container > .box { background-color: rgba(255, 255, 255, 0.32); backdrop-filter: blur(22px); border-radius: 24px; padding: 12px; }
	#video-d .img { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 18px; height: 0; padding-top: 56.25%; position: relative; }
	#video-d .play { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*------------ TESTIMONIALS DEFAULT ----------------------*/
#testimonials-d { overflow: hidden; position: relative; }
	#testimonials-d .container { position: relative; }

	/* Slider */
	#testimonials-d .swiper .swiper-slide { height: auto; }
	#testimonials-d .swiper .box { display: flex; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.04); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(22px); height: 100%; padding: 40px 30px; width: 100%; }
	#testimonials-d .swiper .text { flex: 0 1 auto; margin-bottom: 20px; width: 100%; }
	#testimonials-d .swiper .text > *:last-child { margin-bottom: 0; }
	#testimonials-d .swiper .bottom { flex: 0 1 auto; align-self: flex-end; width: 100%; }
	#testimonials-d .swiper .stars { margin-bottom: 15px; }
	#testimonials-d .swiper .rating { display: flex; flex-wrap: wrap; align-items: center; }
	#testimonials-d .swiper .google-logo { flex: 0 1 auto; width: 56px; }
	#testimonials-d .swiper .name-company { flex: 0 1 auto; padding-left: 15px; width: calc(100% - 56px); }
	#testimonials-d .swiper .name { font-size: 20px; font-weight: 700; line-height: 1em; margin-bottom: 5px; }
	#testimonials-d .swiper .company { font-size: 16px; font-weight: 400; line-height: 1.2em; opacity: 0.5; }

	/* Arrows */
	#testimonials-d .arrow-left, #testimonials-d .arrow-right { position: absolute; top: 50%; width: 50px; transform: translateY(-50%); }
	#testimonials-d .arrow-left { left: -60px; }
	#testimonials-d .arrow-right { right: -60px; }
	#testimonials-d .arrow-left svg { margin-left: -2px; }
	#testimonials-d .arrow-right svg { margin-left: 2px; }

/*------------ PHOTO CONTENT DEFAULT ----------------------*/
.photo-content-d { position: relative; }
	.photo-content-d.wow { opacity: 0; }
	.photo-content-d.wow.done { opacity: 1; }
	.photo-content-d .row { --bs-gutter-x: 0; }

	/* Image */
	.photo-content-d .img { padding-right: 25px; }
	.photo-content-d .dropshadow { filter: drop-shadow(0 4px 50px rgba(0, 0, 0, 0.10)); }

	/* Content */
	.photo-content-d .step { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 30px; position: relative; }
	.photo-content-d .step .no { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #EF4123; border: 7px solid #FDECE9; border-radius: 50%; font-size: 24px; font-weight: 800; height: 58px; position: relative; width: 58px; z-index: 2; }
	.photo-content-d .step .label { background-color: #fff; border-radius: 100px; color: #EF4123; font-size: 20px; font-weight: 600; margin-left: -57px; padding: 10px 35px 10px 70px; }
	.photo-content-d .content { padding-left: 25px; }
	.photo-content-d .title { font-size: 40px; margin-bottom: 20px; }

	/* Content Left */
	.photo-content-d.content-left .img { padding-left: 25px; padding-right: 0; }
	.photo-content-d.content-left .content { padding-left: 0; padding-right: 25px; }

/*------------ HERO DEFAULT ----------------------*/
#hero-d { position: relative; }
	#hero-d.wow { opacity: 0; }
	#hero-d.wow.done { opacity: 1; }
	#hero-d .box { display: flex; flex-wrap: wrap; align-items: center; background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), linear-gradient(90deg, rgba(14, 149, 243, 0.04) 0%, rgba(7, 145, 242, 0.04) 100%); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.20); padding: 40px; }
	#hero-d .content { flex: 1 1 0; padding-right: 50px; }
	#hero-d .title { font-size: 28px; line-height: 1.4em; margin-bottom: 0; max-width: 600px; text-transform: capitalize; }
	#hero-d .cta { flex: 0 0 auto; text-align: right; }

/*------------ NEWSLETTER DEFAULT ----------------------*/
#newsletter-d { background-position: center top; background-repeat: repeat-y; background-size: 100%; position: relative; }
	#newsletter-d:before { background: linear-gradient(180deg, #0C78F4 0%, rgba(14, 110, 244, 0.40) 52.4%, #0E6CF4 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	#newsletter-d .container { max-width: 1000px !important; }
	#newsletter-d .border-box { padding: 20px; position: relative; }
	#newsletter-d .dashed-lines { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	#newsletter-d .box { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 85px 140px; position: relative; }

	/* Stars */
	#newsletter-d .star { position: absolute; top: 20px; }
	#newsletter-d .star.left { left: 20px; }
	#newsletter-d .star.right { right: 20px; }

	/* Content */
	#newsletter-d .title { line-height: 0.9em; text-align: center; }
	#newsletter-d .title .box { border: 0; border-radius: 4px; padding: 0 15px; }

	/* Form */
	#newsletter-d form .row { --bs-gutter-y: 24px; }
	#newsletter-d .form-action { margin-top: 40px; text-align: center; }

/*------------ POPUP VIDEO ----------------------*/
.popup-video { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; backdrop-filter: blur(15px) saturate(100%); -webkit-backdrop-filter: blur(15px) saturate(100%); background-color: rgba(255, 255, 255, 0.25); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 15; transition: all 0.4s ease; }
.popup-video.active { opacity: 1; visibility: visible; }
	.popup-video .close { right: 20px; position: absolute; top: 20px; z-index: 2; }
	.popup-video .close i { cursor: pointer; font-size: 36px; }
	.popup-video .video { flex: 0 1 auto; max-width: 1000px; width: 90%; z-index: 15; }
	.popup-video .video-box { background-color: #fff; padding-top: 56.25%; position: relative; }
	.popup-video .loader { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
	.popup-video iframe, .popup-video .overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*------------ POPUP FORM ----------------------*/
.popup-form { backdrop-filter: blur(15px) saturate(100%); -webkit-backdrop-filter: blur(15px) saturate(100%); background-color: rgba(255, 255, 255, 0.25); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 15; transition: all 0.4s ease; }
.popup-form.active { opacity: 1; visibility: visible; overflow-y: auto; }
	.popup-form .container { --bs-gutter-x: 0; display: flex; flex-wrap: wrap; align-items: center; height: 100%; }
	.popup-form .container > .box { background-color: #186AA4; border-radius: 12px; margin: 0 auto; max-width: 600px; padding: 100px 40px 40px; position: relative; width: 100%; z-index: 2; }
	
	.popup-form .close { cursor: pointer; position: absolute; right: 40px; top: 20px; }
	.popup-form .close i { color: #fff; opacity: 0.3; font-size: 36px; }

	.popup-form .title { color: #fff; font-size: 28px; font-weight: 700; line-height: 1.2em; margin-bottom: 20px; }
	.popup-form .subtitle { color: #fff; font-size: 18px; margin-bottom: 20px; }

	.popup-form label { left: 16px; }
	.popup-form .form-group { margin-bottom: 15px; }
	.popup-form .form-action { text-align: center; }

	.popup-form .btn { display: block; text-align: center; width: 100%; }

	.popup-form .overlay {  border: 1px solid rgba(209, 213, 219, 0.3); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

	.fineprint { font-size: 11px; line-height: 1.1em; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); text-transform:uppercase; letter-spacing:1px; color: #fff; margin-top: 45px; opacity: 0.8;  }
	.disclaimer { font-size: 12px; line-height: 1.2em; margin: 20px auto 0; color: #fff; text-transform: uppercase; text-align: center; }

	/* With Image */
	.popup-form.with-image .container > .box { display: flex; flex-wrap: wrap; background-color: #fff; max-width: 1150px; overflow: hidden; padding: 0; }
	.popup-form.with-image .img { flex: 0 1 auto; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; width: 45%; }
	.popup-form.with-image .img:before { background: linear-gradient(180deg, rgba(1, 173, 240, 0.00) 0%, #0E69F4 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); bottom: -30px; content: ''; height: 68%; left: 0; position: absolute; width: 100%; }
	.popup-form.with-image .img .content { bottom: 50px; left: 0; padding: 0 37px; position: absolute; width: 100%; }
	.popup-form.with-image .img .content .top-title { background-color: #EF4123; border-radius: 2px; color: #fff; display: inline-block; font-size: 16px; font-weight: 800; line-height: 1.2em; margin-bottom: 10px; padding: 5px 10px; }
	.popup-form.with-image .img .content .title { color: #fff; font-size: 20px; line-height: 1.4em; margin-bottom: 0; }
	.popup-form.with-image .content { flex: 0 1 auto; overflow: hidden; padding: 100px 50px 40px; width: 55%; }
	.popup-form.with-image .highlight { color: #fff; }
	.popup-form.with-image .title { color: #231F20; font-size: 48px; font-weight: 800; line-height: 1.3em; }
	.popup-form.with-image .subtitle { color: rgba(0, 0, 0, 0.70); font-size: 16px; line-height: 1.5em; }
	.popup-form.with-image .form-group { margin-bottom: 25px; }
	.popup-form.with-image .form-control { border-radius: 4px; border: 1px solid rgba(57, 57, 57, 0.20); color: #000; }
	.popup-form.with-image label { color: #000; }
	.popup-form.with-image .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.70); }
	.popup-form.with-image .form-controlt::-moz-placeholder { color: rgba(0, 0, 0, 0.70); }
	.popup-form.with-image .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.70); }
	.popup-form.with-image .form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.70); }
	.popup-form.with-image .disclaimer { color: rgba(0, 0, 0, 0.40); font-size: 14px; line-height: 1.5em; text-align: left; text-transform: none; }
	.popup-form.with-image .close { right: 50px; top: 40px; }
	.popup-form.with-image .btn { min-height: 68px; }

/*------------ CONTENT ----------------------*/
#content { position: relative; }
	#content .container { max-width: 900px !important; }

/*------------ MEDIA 1399.98px ----------------------*/
@media (max-width: 1399.98px) {
	.container { width: 100%; padding-left: 15px; padding-right: 15px;  }

	/* Testimonials Default */
	#testimonials-d .container { --bs-gutter-x: 120px; }
	#testimonials-d .arrow-left { left: 0; }
	#testimonials-d .arrow-right { right: 0; }
}

/*------------ MEDIA 1250px ----------------------*/
@media (max-width: 1250px) {

}

/*------------ MEDIA 1199.98px ----------------------*/
@media (max-width: 1199.98px) {
	.title { font-size: 48px; }
	
	/* Popup Form */
	.popup-form.with-image .title { font-size: 36px; }
}

/*------------ MEDIA 991.98px ----------------------*/
@media (max-width: 991.98px) {
	/* Footer */
	#footer .copyright div:first-child { margin-bottom: 10px; }

	/* Testimonials Default */
	#testimonials-d .swiper .text, #testimonials-d .swiper .stars { text-align: center; }
	#testimonials-d .swiper .google-logo, #testimonials-d .swiper .name-company { flex: 0 1 auto; padding: 0; text-align: center; width: 100%; }
	#testimonials-d .swiper .google-logo { margin-bottom: 10px; }

	/* Photo Content Default */
	.photo-content-d .img, .photo-content-d.content-left .img, .photo-content-d .content, .photo-content-d.content-left .content { padding: 0; }
	.photo-content-d .content, .photo-content-d.content-left .content { text-align: center; }
	.photo-content-d .img { margin-bottom: 30px; }
	.photo-content-d .step { justify-content: center; }

	/* Hero Default */
	#hero-d .content, #hero-d .cta { flex: 0 1 auto; padding: 0; text-align: center; width: 100%; }
	#hero-d .title { margin-bottom: 20px; margin-left: auto; margin-right: auto; }

	/* Newsletter Default */
	#newsletter-d .box { padding: 75px 50px; }

	/* Testimonials Default */
	#testimonials-d .arrow-left, #testimonials-d .arrow-right { display: none;  }
}

/*------------ MEDIA 767.98px ----------------------*/
@media (max-width: 767.98px) {
	/* Popup Form */
	.popup-form.with-image .img { display: none; }
	.popup-form.with-image .content { padding: 100px 40px 40px; width: 100%; }
	.popup-form.with-image .title, .popup-form.with-image .subtitle { text-align: center; }
	.popup-form.with-image .close { right: 40px; }
}

/*------------ MEDIA 576px ----------------------*/
@media (min-width: 576px) {

}

/*------------ MEDIA 575.98px ----------------------*/
@media (max-width: 575.98px) {
	.btn { display: block; width: 100%; }
	.btn-arrow-right:after { content: ''; }

	/* Footer */
	#footer .copyright { --bs-gutter-y: 5px; }

	/* Content Default */
	.content-d .top-title .stars { margin: 5px 10px; text-align: center;  }
	.content-d .top-title { font-size: 11px;  }
	.content-d .title { font-size: 40px; line-height: 1.2em; }

	/* Video Default */
	#video-d .img { padding-top: 100%; }
	#video-d .play svg { max-width: 75px; }

	/* Testimonials Default */
	#testimonials-d .container { --bs-gutter-x: 100px; width: 100%; }
	#testimonials-d .arrow-left, #testimonials-d .arrow-right { width: 30px; }
	#testimonials-d .arrow-left { left: 10px; }
	#testimonials-d .arrow-right { right: 10px; }

	/* Photo Content Default */
	.photo-content-d .title { font-size: 36px; }

	/* Hero Default */
	#hero-d .box { padding: 40px 30px; }

	/* Newsletter Default */
	#newsletter-d .box { padding: 75px 30px; }
	#newsletter-d .title { font-size: 36px; }

	/* Object */
	.object.object-1 { margin-top: 0; }
	.object.object-2 { top: 3%; }

	/* Popup Form */
	.popup-form .box, .popup-form.with-image .content { padding: 60px 15px 30px; }
	.popup-form .close { right: 15px; top: 15px; }
	.popup-form .close i { font-size: 22px; }
	.popup-form.with-image .close { right: 15px; top: 15px; }
}