/* Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* Magnific Popup */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform:translateY(0); opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }



/* Spinner */
html.romboost-spinner-active {position:relative;}
html.romboost-spinner-active .romboost-spinner {
	position:absolute; top:0; left:0; width:100%; height:100%; z-index:100000;
	background:rgba(255,255,255,.85) no-repeat center;
}
html.romboost-spinner-active .romboost-spinner:after {
	content: url('https://s2.svgbox.net/loaders.svg?ic=elastic-spinner&color=0B2851');
	position: fixed; top:calc(50% - 50px); left:calc(50% - 50px);
	width:100px;
}



/* Basic Reset */
* {
	margin:0; padding:0; line-height:1; font-size:100%; border:0 none;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	min-height:0; min-width:0; font-weight:normal;
}
::-webkit-input-placeholder {color:inherit; opacity:0.85;}
:-ms-input-placeholder {color:inherit; opacity:0.85;}
::-ms-input-placeholder {color:inherit; opacity:0.85;}
::placeholder {color:inherit; opacity:0.85;}
a {color:inherit;}
strong {font-weight:bold;}
input, textarea, button {font-family:inherit;}
button {cursor:pointer; background:none; color:inherit;}
img {max-width:100%; height:auto;}



/* Custom Properties */
:root {

	--color-text : #0B2851;
	--color-blue : #092851;
	--color-yellow : #FFE324;
	--color-smoke : #505050;
	--color-light-smoke : #F4F4F4;

}



/* Default Typography */
html {scroll-behavior:smooth; background:var(--color-light-smoke);}
body {
	font-family:'Inter', sans-serif; font-size:24px; line-height:1.4em; color:var(--color-text); background:#fff;
	text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
@media (max-width:800px) {
	body {font-size:18px;}
}




/* Layout Utilities */
.inner {max-width:1600px; margin:0 auto;}
@media (max-width:1600px) {
	.inner {padding:0 20px;}
}



/* Buttons */
.button, .swal-button {
	display:inline-block; text-decoration:none;
	font-size:24px; font-weight:800;
	padding:15px 50px; border-radius:50px;
	background:var(--color-blue); color:#fff;
}
.button.button-outline {
	border:1px solid var(--color-blue); color:var(--color-blue); background:#fff;
}
@media (max-width:800px) {
	.button {font-size:18px;}
}



/* Hide ReCaptcha v3 Badge */
.grecaptcha-badge { visibility: hidden; }



/* Magnific Popup */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform:translateY(0); opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }



/* Header */
.main-header {background:var(--color-light-smoke); padding:16px 0; border-bottom:1px solid var(--color-smoke);}
.main-header .inner {display:flex; align-items:center;}
.main-header .logo {text-decoration:none; display:flex; align-items:center;}
.main-header .logo span {margin-left:18px; font-size:36px; font-weight:800; text-transform:uppercase;}
.main-header .nav-switch {display:none;}
.main-header nav {margin-left:auto;}
.main-header nav ul {list-style:none; display:flex;}
.main-header nav ul li a {text-decoration:none; font-size:24px; font-weight:700; padding:6px 26px;}
.main-header nav ul li a:hover {text-decoration:underline;}
@media (max-width:1470px) {
	.main-header .logo img {width:75px; height:75px;}
	.main-header .logo span {font-size:24px;}	
	.main-header nav ul li a {font-size:18px; padding:4px 12px;}
}
@media (max-width:1000px) {
	.main-header .inner {flex-wrap:wrap;}
	.main-header .nav-switch {display:block; margin-left:auto;}
	.main-header nav {flex:0 0 100%; margin:20px 0 0; padding:20px 0; background:var(--color-blue); display:none;}
	.main-header nav.active {display:block;}
	.main-header nav ul {display:block; text-align:center;}
	.main-header nav ul li a {padding:20px; display:block; color:#fff;}
}
@media (max-width:500px) {
	.main-header .logo span {display:none;}
}



/* Contact Form */
.contact-form {padding:100px 0; background:var(--color-light-smoke);}
.contact-form .inner {max-width:1000px;}
.contact-form h2 {text-align:center; font-size:48px; line-height:1.1em; font-weight:800; text-transform:uppercase;}
.contact-form h3 {text-align:center; font-size:48px; line-height:1.1em; font-weight:800; text-transform:uppercase; color:var(--color-smoke); margin-top:24px;}
.contact-form h3 a {font-weight:800;}
.contact-form form {margin-top:100px;}
.contact-form form label {font-size:24px; margin-bottom:12px; display:block;}
.contact-form form label.error {color:red; font-size:18px; font-weight:bold; margin:5px 0 0;}
.contact-form form .input {
	display:block; width:100%;
	font-size:16px; padding:20px; border:3px solid var(--color-blue);
}
.contact-form form .input.error {border-color:red;}
.contact-form form textarea.input {height:calc(32px*4);}
.contact-form form ul {list-style:none;}
.contact-form form ul li {display:inline-block; margin-right:20px;}
.contact-form form ul li label {font-weight:bold;}
.contact-form form ul li label input {padding:5px;}
.contact-form form .button-wrapper {padding:0 20px;}
.contact-form form .row {display:flex; margin:0 0 42px;}
.contact-form form .row .field {flex:0 0 calc(50% - 40px); margin:0 20px;}
.contact-form form .row .large-field {flex:0 0 100%; padding:0 20px;}
@media (max-width:800px) {
	.contact-form h2, .contact-form h3 {font-size:32px;}
	.contact-form form .row {display:block; margin:0;}
	.contact-form form label {margin-top:20px; font-size:18px;}
	.contact-form form label.error {font-size:14px;}
	.contact-form form ul li label {margin-top:0;}
	.contact-form form .input {padding:15px;}
	.contact-form form .button-wrapper {margin-top:20px;}
}


/* Contact Form Popup */
.mfp-content .contact-form {max-width:740px; margin:50px auto; position:relative; padding:50px 20px;}
.mfp-close-btn-in .mfp-close {color:var(--color-blue); font-size:60px; background:var(--color-yellow);}
@media (max-width:800px) {
	.mfp-content .contact-form {padding:50px 0;}
}



/* Footer */
.main-footer {text-align:center; padding:70px 0; background:var(--color-light-smoke); border-top:10px solid var(--color-smoke);}
.main-footer .logo {display:block; margin:0 auto 54px;}
.main-footer .legal {font-size:24px;}