/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #0b4892; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #0b4892;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Rajdhani', sans-serif;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.logo{display: flex; justify-content: center;
align-items: center;}

.header.hs{
	padding: 15px 0;
		z-index: 100;
	background: #fff;
	position: relative;
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
/*---BODY--------------------------------*/

.hero{
	background-image: url("/siteart/hero-2024-cropped.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
	padding: 0 8.33333%;
	display: flex;
	align-items: center;
	min-height: calc(100vh - 215px);
	color: #fff;
}
.hero > div{
	position: relative;
}
.hero:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(0,0,0,0.66), rgba(0,0,0,0))
}

.padding-vertical{
	padding: 12% 0;
}

.banner{
	min-height: 120px;
	align-items: center;
	display: flex;
	width: 100%;
	box-sizing: border-box;
    padding: 40px 0;
}
.banner > div{
	width: 100%;
	box-sizing: border-box;
}
.banner .bttn-white, .banner .bttn-blue, .banner .bttn-yellow{
	width: 100%;
	box-sizing: border-box;
}

.bg-blue{
	background: #1e6dce;
	color: #fff;
}
.bg-offwhite{
	background: #fafafa;
	color: #1d1d1d;
}
.bg-white{
	background: #fff;
	color: #1d1d1d;
}
.bg-black{
	background: #1d1d1d;
	color: #fff;
}


.heading-lg{
	
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	line-height: 80px;
	font-size: 84px;
	text-transform: uppercase;
	letter-spacing: normal;
}
.heading-md{
	
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	line-height: 44px;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.heading-sm{
	
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	line-height: 32px;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: normal;
}
.col-row p{
	font-size: 24px;
	line-height: 32px;
}

.spaced{
	letter-spacing: 3px;
}
.light{
	font-weight: 300;
}
.uppercase{text-transform: uppercase;}
.center{
	text-align: center;
}
.blue{
	color: #1f6ece;
}
.cta-row{
	display: flex;
	border: solid 1px #dddddd;
	margin-top: 60px;
	position: relative;
	z-index: 5;
}
.cta-row a{
	border-right: solid 1px #dddddd;
	padding: 40px;
	width: 100%;
	text-align: center;
	color: #1d1d1d;
	min-height: 340px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	transition: ease all 0.3s;
}
.cta-row a p{
	font-size: 16px; line-height: 24px;
}
.cta-row a:hover{
	box-shadow: inset 0 0 12px rgba(0,0,0,0.15);
}
.cta-row a:last-of-type{
	border-right: none;
}
.shadow{    
	box-shadow: 0 0 24px rgba(0,0,0,0.25);
    position: relative;
}
.bttn-blue:hover, .bttn-yellow:hover, .bttn-white:hover{
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
	
}
.bttn-blue{
	max-width: 100%;
	display: inline-block;
	background: #1e6dce !important;
	color: #fff !important;
	line-height: 40px !important;
	text-align: center;
	padding: 0 60px 0 20px !important;
	min-width: 200px !important;
	box-sizing: border-box;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	transition: ease all 0.3s;
	font-family: 'Rajdhani', sans-serif;
	outline: none; cursor: pointer;
	border: none;
	font-size: 16px;
}
.bttn-blue i{
	background: #0b4892;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	line-height: 40px !important;
}

.bttn-yellow{
	max-width: 100%;
	display: inline-block;
	background: #ffb800 !important;
	color: #1d1d1d !important;
	line-height: 40px !important;
	text-align: center;
	padding: 0 60px 0 20px !important;
	min-width: 200px !important;
	box-sizing: border-box;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	transition: ease all 0.3s;
	font-family: 'Rajdhani', sans-serif;
	outline: none; cursor: pointer;
	border: none;
	font-size: 16px;
}
.bttn-yellow i{
	background: #cc9300;
	color: #1d1d1d;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	line-height: 40px !important;
}


.bttn-white{
	max-width: 100%;
	display: inline-block;
	background: #fff !important;
	color: #1d1d1d !important;
	line-height: 40px !important;
	text-align: center;
	padding: 0 60px 0 20px !important;
	min-width: 200px !important;
	box-sizing: border-box;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	transition: ease all 0.3s;
	font-family: 'Rajdhani', sans-serif;
	outline: none; cursor: pointer;
	border: none;
	font-size: 16px;
}
.bttn-white i{
	background: #fafafa;
	color: #1d1d1d;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	line-height: 40px !important;
}


/*--------FORM STYLES--------------------*/
.flex{display: flex;}
.custom-form input{
	padding: 10px;
	font-weight: 400;
	font-size: 16px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #f9f9f9;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	font-family: 'Rajdhani', sans-serif;
}
.custom-form .flex{
	gap: 10px;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-weight: 400;
	font-size: 16px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	outline: none;
	border: none;
	background: #f9f9f9;
	font-family: 'Rajdhani', sans-serif;
	margin-bottom: 10px;
    display: block;
}
.custom-form hr{
	border: none;
	border-top: solid 1px #ddd;
}
.CaptchaPanel{
	text-align: left !important;
	font-family: 'Rajdhani', sans-serif;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #454a49 !important;
}



/*-------- FOOTER STYLES ----------------*/
footer{}
.footer a{
	color: #fff;
}
.footer .heading-md{letter-spacing: normal;}

.quick-links{
	padding: 0;
	list-style: none;
	margin: 0;
}
.quick-links > li{
	padding: 0;
	list-style: none;
	margin: 0 0 0;
	display: block;
}
.quick-links > li a{
	padding: 10px;
	display: inline-block;
}

.social-btns{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		z-index: 10;    margin: 10px -10px;
	}
	.social-btns a{
		line-height: 48px;
		width: 48px;
		text-align: center;
		font-size: 16px;
		align-items: center;
		height: 48px;
		font-weight: 400;
		display: flex;
		justify-content: center;
		color: #fff;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}
	.social-btns.outline a{

		background: none !important;
		color: #000;
		border: solid 1px #b2b2b2;
	}

.social-side-tab{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 10px;
		background: #ffffff;
		position: fixed;
		right: 0;
		top: 33%;
		z-index: 300;
		box-shadow: 0 0 12px rgba(0,0,0,0.15);
	}
	.social-side-tab a{
		line-height: 60px;
		text-align: center;
		font-size: 18px;
		align-items: center;
		height: 80px;
		width: 70px;
		font-weight: 400;
		display: flex;
		justify-content: center;
		color: #1d1d1d !important;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

.banner.transition-to-black{
	padding-top: 80px;
}
.transition-to-black{
	position: relative;
	padding-bottom: 240px;
	
}
.transition-to-black:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 240px;
	background-image: url("/siteart/transition-black.png");
	background-position: bottom center;
	background-size: auto 240px;
	
}
.transition-to-white{
	position: relative;
	
}
.transition-to-white:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 240px;
	background-image: url("/siteart/transition-white.png");
	background-position: bottom center;
	background-size: auto 240px;
	
}

.vertical-divider{width: 2px; margin: 0 10px; background: #999; opacity: 0.25}

/* COLUMNS */

.col-row{display: flex; flex-wrap: wrap; position: relative;}

@media screen and (max-width: 1400px) and (min-width: 992px){
	.cta-row{
		flex-wrap: wrap;
	}
	.cta-row a{
		width: 50%;
		box-sizing: border-box;
	}
	.cta-row a:nth-of-type(1), .cta-row a:nth-of-type(2){
		border-bottom: solid 1px #ddd;
	}
	.cta-row a:nth-of-type(2), .cta-row a:nth-of-type(4){
		border-right: none;
	}
}
@media screen and (min-width: 1200px){
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66667%;
	}
	.col-lg-10{
		width: 83.33333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.666667%;
	}
	.col-lg-7{
		width: 58.333333%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66667%;
	}
	.col-lg-4{
		width: 33.33333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66667%;
	}
	.col-lg-1{
		width: 8.33333%;
	}
	.col-lg-hidden{display: none !important;}
}
@media screen and (min-width: 768px) and (max-width: 1400px){
	
	.col-md-5 .heading-lg{
		font-size: 48px;
		line-height: 54px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66667%;
	}
	.col-md-10{
		width: 83.33333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.666667%;
	}
	.col-md-7{
		width: 58.333333%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66667%;
	}
	.col-md-4{
		width: 33.33333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66667%;
	}
	.col-md-1{
		width: 8.33333%;
	}
	.col-md-hidden{display: none !important;}
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.header{
		padding: 6px 0;
	}
	.hero{
		min-height: calc(100vh - 384px);
	}
	.cta-row{
		flex-wrap: wrap;
	}
	.cta-row a{
		border-bottom: solid 1px #ddd;
		border-right: none !important;
	}
	.cta-row a:nth-of-type(4){
		border-bottom: none;
	}
	
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66667%;
	}
	.col-sm-10{
		width: 83.33333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.666667%;
	}
	.col-sm-7{
		width: 58.333333%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66667%;
	}
	.col-sm-4{
		width: 33.33333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66667%;
	}
	.col-sm-1{
		width: 8.33333%;
	}
	.col-sm-hidden{display: none !important;}

	.banner.transition-to-black{
		padding-top: 20px;
	}
	.pad-sm{padding: 40px;}
	
	
	
	.heading-lg{

		line-height: 44px;
		font-size: 36px;
	}
	.heading-md{

		line-height: 44px;
		font-size: 36px;
		letter-spacing: normal;
	}
	.heading-sm{

		line-height: 24px;
		font-size: 16px;
	}
	
	
}
@media screen and (max-width: 767px){
	
	
	.custom-form .flex{flex-wrap: wrap; gap: 0px;}
	
		.header{
		padding: 6px 0;
	}
	.hero{
		min-height: calc(100vh - 448px);
	}
	.hero:before{
		background: linear-gradient(to right, rgba(0,0,0,0.66), rgba(0,0,0,0.33))
	}
	.center{text-align: unset;}
	.cta-row{
		flex-wrap: wrap;
	}
	.cta-row a{
		border-bottom: solid 1px #ddd;
		border-right: none !important;
		padding: 20px;
	}
	.cta-row a:nth-of-type(4){
		border-bottom: none;
	}
	
	.col-xs-11{
		width: 91.66667%;
	}
	.col-xs-10{
		width: 83.33333%;
	}
	.col-xs-9{
		width: 75%;
	}
	.col-xs-8{
		width: 66.666667%;
	}
	.col-xs-7{
		width: 58.333333%;
	}
	.col-xs-6{
		width: 50%;
	}
	.col-xs-5{
		width: 41.66667%;
	}
	.col-xs-4{
		width: 33.33333%;
	}
	.col-xs-3{
		width: 25%;
	}
	.col-xs-2{
		width: 16.66667%;
	}
	.col-xs-1{
		width: 8.33333%;
	}
	.col-sm-12, .col-xs-12{width: 100%;}
	.col-xs-hidden{display: none !important;}
	
	.banner .bttn-blue, .banner .bttn-yellow, .banner .bttn-white{
		margin-top: 20px;
		width: unset;
	}
	.banner{text-align: left;}
	.banner.transition-to-black{
		padding-top: 20px;
	}
	.banner .light{
		display: block;
	}
	.pad-xs{padding: 40px;}
	
	
		.social-side-tab:hover {
			transform: translateX(0);
		}
		.social-side-tab:before {
			content: "";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			left: 10px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 18px;
			color: #000;
			opacity: 0.5;
			transition: ease all 0.2s;
			position: absolute;
		}
		.social-side-tab:hover:before {
			opacity: 0;
		}
		.social-side-tab {
			transition: 0.3s ease all;
    		transform: translateX(77px);
			padding: 10px 30px;
		}
		.social-side-tab a {
    		width: 48px;
		}
	
	

	.heading-lg{

		line-height: 44px;
		font-size: 36px;
	}
	.heading-md{

		line-height: 44px;
		font-size: 36px;
		letter-spacing: normal;
	}
	.heading-sm{

		line-height: 24px;
		font-size: 16px;
	}
	.banner .heading-md i{
		position: absolute;
		display: block;
		margin-bottom: 20px;
		margin-top: -40px;
		opacity: 0.2;
		font-size: 60px;
		
	}

	.col-row p{
		font-size: 18px;
		line-height: 26px;
	}


	
	
}