/* Variables */

:root {
	--brand1: #14435f;
    --brand2: #25a0c3;

	--light-grey: #f0f2f4;
}

@font-face {
    font-family: 'Poppins Light';
    src: url(fonts/Poppins/Poppins-Light.ttf);
}

@font-face {
    font-family: 'Poppins Regular';
    src: url(fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: 'Poppins SemiBold';
    src: url(fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: 'Poppins Bold';
    src: url(fonts/Poppins/Poppins-Bold.ttf);
}

html {
	scroll-behavior: smooth;
}

body {
    margin:0px !important;
	font-family: "Poppins Regular" !important;
}

body.noscroll {
	overflow:hidden !important;
}

.w-max {
    width:100%;
    max-width:1300px;
}

.maxw-1000 {
	width:100%;
	max-width:1000px;
}

.maxw-900 {
	width:100%;
	max-width:900px;
}

.maxw-800 {
	width:100%;
	max-width:800px;
}

.maxw-700 {
	width:100%;
	max-width:700px;
}

.maxw-600 {
	width:100%;
	max-width:600px;
}

.maxw-500 {
	width:100%;
	max-width:500px;
}

.maxw-400 {
	width:100%;
	max-width:400px;
}

.header {
    width:100%;
    background:#fff;
}

.header-sticky {
    z-index:900;
    position:fixed;
    top:0px;
    box-shadow:0px 3px 8px rgba(0, 0, 0, 0.075);
}

.header a {
	font-size:1em;
	font-family: "Poppins SemiBold";
    color:var(--brand1);
}

.header a:hover {
    color:var(--brand2);
    text-decoration:none;
}

.header img {
	height:47px;
	margin-bottom:15px;
}

.header-sticky img {
	height:47px;
	margin-bottom:15px;
}

.promotion {
	background:var(--brand1);
	font-size:0.9em;
	color:#fff;
}

.banner {
	height:400px !important;
}

.banner i {
	color:#fff;
	text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
}

#mobileMenu a {
    color:#444;
    font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
}

.menu {
    z-index:1000;
    position:fixed;
    left:-100vw;
    top:0px;
    width:100vw;
    min-height:100vh;
    background:#fff;
    overflow-y:auto;
}

.menu-item-active {
	border-bottom:3px solid var(--brand2);
	padding-bottom:1px;
}

.footer {
	background:#fff;
}

.bg-brand1 {
	background:var(--brand1) !important;
}

.bg-brand2 {
	background:var(--brand2) !important;
}

.btn-primary {
	background:var(--brand2) !important;
	border-color:var(--brand2) !important;
	color:#fff !important;
    border-radius:50px !important;
}

.btn-secondary {
	background:var(--brand1) !important;
	border-color:var(--brand1) !important;
	color:#fff !important;
    border-radius:50px !important;
}

.btn-header {
    background:var(--brand2) !important;
    color:#fff !important;
    border-radius:50px !important;
}

.btn-header-light {
    background:var(--light-grey) !important;
    color:var(--brand1) !important;
    border-radius:50px !important;
}

h1 {
	font-family: "Poppins SemiBold";
    font-size:55px !important;
	line-height:70px !important;
	color:var(--brand1) !important;
	margin:0px !important;
}

h2 {
	font-family: "Poppins SemiBold";
    font-size:35px !important;
	color:var(--brand1) !important;
	margin:0px !important;
}

h3 {
	font-family: "Poppins SemiBold";
	font-size:30px !important;
	color:var(--brand1) !important;
	margin:0px !important;
}

h4 {
	font-family: "Poppins Regular";
	font-size:23px !important;
	line-height:40px !important;
	color:#4b7d9b;
	margin:0px !important;
}

h5 {
	font-family: "Poppins SemiBold";
	color:var(--brand2);
	margin:0px !important;
}

h6 {
	font-family: "Poppins Regular";
	font-size:17px !important;
	line-height:30px !important;
	color:#4b7d9b;
	margin:0px !important;
}

.h6-sm {
	font-size:15px !important;
	line-height:25px !important;
}

.text-xxs {
	font-size:0.7em !important;
}

.text-xs {
	font-size:0.8em !important;
}

.text-sm {
	font-size:0.9em !important;
}

.text {
	font-size:1rem !important;
}

.text-lg {
	font-size:1.1em !important;
}

.text-xl {
	font-size:1.2em !important;
}

.text-xxl {
	font-size:1.3em !important;
}

.text-xxxl {
	font-size:1.4em !important;
}

.text-uppercase {
	text-transform:uppercase !important;
}

.text-footer-contact {
	text-transform:uppercase !important;
	line-height:2em !important;
	font-size:0.9em;
	color:#444;
	font-weight:200;
	letter-spacing:1px;
}

.text-footer-social {
	font-size:1.75em;
	color:#bbb;
}

.text-content {
	color:#555;
}

.text-link {
	color:var(--brand2) !important;
	border-bottom:2px dashed var(--brand2);
}

.text-link:hover {
	color:var(--brand1) !important;
	text-decoration:none;
	border-bottom:2px dashed var(--brand1);
}

.text-medium-grey {
	color:#999 !important;
}

.text-light-grey {
	color:#ccc !important;
}

.text-lightest-grey {
	color:#ddd !important;
}

.text-brand1 {
	color:var(--brand1);
}

.text-brand2 {
	color:var(--brand2);
}

a:hover {
	text-decoration:none !important;
}

.font-weight-medium {
	font-weight:500 !important;
}

.cursor-pointer {
    cursor:pointer;
}

.btn-outline {
	border-radius:0px !important;
	border:thin solid #999 !important;
	text-transform:uppercase;
	color:#666 !important;
	font-size:0.8em !important;
	letter-spacing:1px;
	padding:15px 30px 15px 30px !important;
}

.btn-outline:hover {
	background:#f7f7f7 !important;
}

.input-contact-form {
	max-width:400px !important;
	height:auto;
	padding:15px !important;
	border-radius:0px !important;
	border:thin solid #ccc !important;
	color:#666;
}

.textarea-contact-form {
	max-width:400px !important;
	height:150px !important;
	padding:15px !important;
	border-radius:0px !important;
	border:thin solid #ccc !important;
	color:#666;
}

.input-modal {
	height:auto !important;
	padding:10px !important;
	border:2px solid #ddd !important;
	border-radius:10px !important;
}

.textarea-modal {
	height:140px !important;
	padding:10px !important;
	border:2px solid #ddd !important;
	border-radius:10px !important;
}

.whiteout {
	background:rgba(255, 255, 255, 0.9);
	display:none;
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.opacity-0 {
    opacity:0;
}

.footer-accreditation {
	height:35px;
}

.footer-accreditation-iso {
	height:45px;
}

.rounded-xl {
	border-radius:15px !important;
}

.box-shadow {
	box-shadow:10px 10px 0px 0px rgba(0, 0, 0, 0.1);
}

.how-it-works-container {
	background:#fff;
}

.how-it-works-item {
	position:static;
}

.how-it-works-bullets {
	padding-top:150px;
	padding-bottom:150px;
}

.how-it-works-image {
	padding-bottom:0px !important;
}

.how-it-works-bullet {
	color:#ccc;
	margin-bottom:15px;
}

.how-it-works-bullet-active {
	color:var(--brand1);
}

/* Modals */

.modal-content {
	border:none !important;
	border-radius:15px !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.x-scroll-bar::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE and Edge */
.x-scroll-bar {
	-ms-overflow-style: none;
	overflow-x:scroll;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
	color:#bbb !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
	color:#bbb !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
	color:#bbb !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
	color:#bbb !important;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

/* Any breakpoint properties here */

/* Bootstrap xs is default so no properties to add here */
@media (min-width: 1px) {
	.border-top-xs {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-xs {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-xs {
		border-left:thin solid #DEE2E6;
	}
	.border-right-xs {
		border-right:thin solid #DEE2E6;
	}
	.border-top-xs-0 {
		border-top:none;
	}
	.border-bottom-xs-0 {
		border-bottom:none;
	}
	.border-left-xs-0 {
		border-left:none;
	}
	.border-right-xs-0 {
		border-right:none;
	}
}

/* Bootstrap sm */
@media (min-width: 576px) {
	.border-top-sm {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-sm {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-sm {
		border-left:thin solid #DEE2E6;
	}
	.border-right-sm {
		border-right:thin solid #DEE2E6;
	}
	.border-top-sm-0 {
		border-top:none;
	}
	.border-bottom-sm-0 {
		border-bottom:none;
	}
	.border-left-sm-0 {
		border-left:none;
	}
	.border-right-sm-0 {
		border-right:none;
	}
}

/* Bootstrap md */
@media (min-width: 768px) {
	.border-top-md {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-md {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-md {
		border-left:thin solid #DEE2E6;
	}
	.border-right-md {
		border-right:thin solid #DEE2E6;
	}
	.border-top-md-0 {
		border-top:none;
	}
	.border-bottom-md-0 {
		border-bottom:none;
	}
	.border-left-md-0 {
		border-left:none;
	}
	.border-right-md-0 {
		border-right:none;
	}
	h1 {
		font-weight:100 !important;
	}
	h4 {
		font-weight:100 !important;
	}
	h6 {
		font-weight:100 !important;
	}
	.text-footer-contact {
		font-weight:100 !important;
	}
	.banner {
		height:500px !important;
	}
	.enlarged-image-container {
		max-height:80vh !important;
	}
}

/* Bootstrap lg */
@media (min-width: 992px) {
	.border-top-lg {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-lg {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-lg {
		border-left:thin solid #DEE2E6;
	}
	.border-right-lg {
		border-right:thin solid #DEE2E6;
	}
	.border-top-lg-0 {
		border-top:none;
	}
	.border-bottom-lg-0 {
		border-bottom:none;
	}
	.border-left-lg-0 {
		border-left:none;
	}
	.border-right-lg-0 {
		border-right:none;
	}
}

/* Bootstrap xl */
@media (min-width: 1200px) {
	.border-top-xl {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-xl {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-xl {
		border-left:thin solid #DEE2E6;
	}
	.border-right-xl {
		border-right:thin solid #DEE2E6;
	}
	.border-top-xl-0 {
		border-top:none;
	}
	.border-bottom-xl-0 {
		border-bottom:none;
	}
	.border-left-xl-0 {
		border-left:none;
	}
	.border-right-xl-0 {
		border-right:none;
	}
	.footer-accreditation {
		height:48px;
	}
	.footer-accreditation-iso {
		height:68px;
	}
}