


@media (min-width: 0px) and (max-width: 320px) {
.v-lined--bg{
	height: 100%;
	width: 5%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;
}


.v-lined--bg2{
	height: 100%;
	width: 35%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}



.v-lined--bg3{
	height: 100%;
	width: 65%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}
	

.v-lined--bg4{
	height: 100%;
	width: 95%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}


.main-container{
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%}




/* PAD H1, H2, H3, H4 */

.pad-xs-h1{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }

.pad-xs-h2{
	font-family: 'BlenderPro-Heavy' !important;	
	margin-top: 150px;
	padding-left: 8%; 
	padding-right: 8%; 
	color: #002940; 
	font-size:40px; 
	width: 80%; 
	line-height: 40px;}

.pad-xs-h3{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }
	
.pad-xs-h4{
	font-family: 'BlenderPro-Heavy' !important;
	padding-left: 18%; 
	padding-right: 18% }
	
	
	



/* CONTAINERS */

.container--50200{
	margin-top: 0px;
	margin-bottom: 200px;}

	
.container--5050{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--25{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--2550{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 100px;}

.container--18018{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 0px;
	margin-bottom: 0px;}
	

.container--100{
	margin-left: 9%;
	margin-right: 9%;}

.container--50{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 100px;
	margin-bottom: 100px;}

.container--2525{
	margin-bottom: 50px;}

.container--2020{
	margin-bottom: 50px;}

.container-semi-2020{
	margin-bottom: 50px;
	margin-top: 0px;}

.content-img{
	max-width: 100%;
    max-height: 100%;}

.footer-container{
	padding-top:10px; 
	padding-bottom:50px;
	background-color:#002940; 
	border-top-width: 10px; 
	border-top-style: solid; 
	border-top-color: #F00;
	}

.container-credit-copyright{
	 border-top:solid 1px #385970;  
	 padding-top:30px; 
	 padding-bottom:30px; 
	 background-color:#002940;}

/* TOP BAR (HEADER) */

.top{
	
	height: auto;
	position: fixed;
	margin: 0px;
	width: 16%;
	z-index: 9999;
	}


.top--switch{
	background-color: #FFF;
	position: fixed;
	margin: 0px;
	width: 100%;
	height: 90px;
	display:block;
	
	z-index: 9999;
	top: 0px;
	-webkit-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	transition: 0.1s;
	}





/* LOGO */
	
.logo {
	width: 80px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	display: block;
	overflow: hidden;
	top: 40px;
	left: 10%;} 

.logo--switch {
	width: 60px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	background-color: FFF !important;
	display: block;
	overflow: hidden;
	top: 20px;
	left: 40px;}
	





/* SOCIAL SHARE */

.social-share{
	display:block;
	right:20px;
	top: 150px;
	position:fixed;
	width: 36px;}

.social-share--switch{
	display:none;}

.social-share-box{
	width: 20px;
	margin-top: 7px;
	margin-right: 7px;
	display:block;}

.social-share-box img{
	width: 100%;
	opacity: 0.2;}	


.social-share-box img:hover{
	opacity: 1;
	transition: all 0.1s;}





/* PRIVATE ACCESS */

.private-access{
	display:block;
	top: 100px;
	right: 25px;
	position:fixed;
	width: 36px;}

.private-access--switch{
	display:none;}

.private-access img{
	display:block;}	

.private-access img:hover{
	opacity: 0.2;
	transition: all 1s;}




/*GET QUOTE WIDGET STYLE STARTS HERE*/

.Get-quote-container{
	overflow: auto;
	background: #002940;
	padding: 50px;
	width:  100%;
	position: absolute;
	height: auto;
	z-index: 99999;
	top:0;
}

.Get-quote-container p {
	display: none;
	font-family: 'AktivGrotesk' !important;
	font-size: 11px;
	
	padding-bottom: 10px;
	color:#FFF;
	margin:0;}

.Get-quote-container textarea {
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#666;
	resize: none;}

.Get-quote-container select {
	font-family: 'AktivGrotesk' !important;
	width: 100%;
	font-size: 12px;
	padding: 10px;
	border-style: none;
	margin-bottom: 10px;
	color: #666;
}

.Get-quote {
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 50px;
	right: 0;
	background-color: #FFF;
	transition: 1s;
	text-align: left;
	min-height: 299px;
	max-width: 400px;}

.Get-quote-box {
	font-family: 'AktivGrotesk' !important;
	display: block;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;}
	

.get-quote-box-sumbit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: BlenderPro-Heavy !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	border: 1px solid #F00;}


.get-quote-box-sumbit-button:hover{
	background-color: #001E30;
	border: 1px solid #FFF;
	transition: all 1s;
}


.open-Get-quote{
	display:block;
	color: #FFFFFF;
	font-size: 12px;
	position: fixed;
	z-index: 7777;
	right:75px;
	top: 52px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	cursor: pointer;
	background-color: #002940;}
	

.open-Get-quote--switch{
	display: none;}


.open-Get-quote:hover{
	color: #FFFFFF;
	opacity: 1;
	transition: all 0.1s;}


.close-Get-quote-btn{
	position: absolute;
	font-size: 16px;
	line-height: 12px;
	text-align: center;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-color: #F00;
	z-index:9999;
	top: 1px;
	right: 0px;
	padding: 10px;}



/* SCROLL TO TOP */

html {
  scroll-behavior: smooth;
}


.myBtn {
	display: none;}
	

.myBtn--switch {
	background-color: #F00;
	display: block;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 99999;
	font-size: 18px;
	border: 1px solid #F00;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 50px;
	transition: all .5s;}
	
	
.myBtn--switch:hover {
	background-color: #FFF;
	border: 1px solid #385970;
	color: #385970;}


/* OTHERS */


.highlights { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 30px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 20px;
	line-height: 38px;}

.highlights-2 { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 0px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 24px;
	line-height: 38px;}

.newspaper{
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;}

.newspaper p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px;}

.medium-glance {
	box-sizing: border-box;
	padding: 60px;
	overflow: hidden;
	background-color: #F4F4F4;}

.medium-glance p{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	line-height: 24px;
	color: #555559;}

.medium-glance h3{
	font-family: 'AktivGrotesk' !important;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #555559;}

.medium-glance h2{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #F00;
	font-weight: 500;}

.medium-glance h2 span{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #002940;
	font-weight: 500;}

.medium-glance a{
	font-family: 'AktivGrotesk' !important;
	font-size:14px;
	display:block;
	padding-left:10px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom:10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
	color:#555559;}

.medium-glance a:hover{
	color:#002940;
	}

.semi {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-bottom: 50px;}

.semi h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.semi p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}


.medium {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-top: 50px;
	margin-bottom: 50px;}

.medium h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.medium p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}

.large p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555559;
	width: 75%;}




.footer{}

.footer p{
	font-family: 'AktivGrotesk' !important;
	font-weight: 100;
	font-style: normal;
	margin: 0;
	color: #FFF;}


.footer h3{
	margin-top: 30px;
	margin-bottom: 13px;
	font-family: 'BlenderPro-Bold' !important;
	font-weight: 500;
	text-transform: uppercase;
	color:#FFF;}


.footer h4{
	padding-top: 0;
	margin:0;
	padding-bottom: 3px;
	font-family: 'BlenderPro-Bold' !important;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	font-variant: normal;
	line-height: 26.4px;
	display: block;
	color: #FF0000;}


.footer-copyright{
	font-family: 'AktivGrotesk' !important;
	text-align:center; 
	color:#FFF;
	font-size:12px; 
	letter-spacing: 0.05em; 
	font-weight: 300;}
	
.footer-credit{
	font-family: 'AktivGrotesk' !important;
	text-align: center;
	color: #FFF;
	font-size:12px;
	letter-spacing: 0.05em;
	font-weight: 300;
	padding-top: 10px;}

.footer-credit a{
	color: #385970;
	text-decoration: none;}
	
.footer-credit a:hover{
	color: #FFF;}


.social-media-spacer{
	margin-right: 15px;}



	



.quick-links{
	font-weight: 400;}

.quick-links a{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	color: #C1CAD1;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin:0;}

.quick-links a:hover{
	color: #5B89A8;}	
	
.news-letter-sub-form{
	display:block;
	overflow:hidden;}

.newsletter-sub{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #999;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub:focus{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #385970;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub-submit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 13px;	
	cursor:pointer;}


.newsletter-sub-submit-button:hover{
	background-color: #001E30;
	transition: all 1s;
}



.contact-links {
	display:block;
	color:#FFF;
	margin-top:20px;}


.contact-links p{
	font-family: 'AktivGrotesk' !important;
	font-size:12px;
	color:#F00;}
	

.contact-links a{
	text-decoration: none;
	color: #385970;
	letter-spacing: 0.6px;
	font-size: 12px;
	position: absolute;
	left: 50px;}


.contact-links a:hover{
	text-decoration:none;
	color:#FFF;}


.getc-bullets li{
	font-family: 'AktivGrotesk' !important;
	font-size:18px;
	line-height: 30px;
	padding-left:1em;
	color: #666;}

}






@media (min-width: 321px) and (max-width: 420px) {
.v-lined--bg{
	height: 100%;
	width: 5%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;
}


.v-lined--bg2{
	height: 100%;
	width: 35%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}



.v-lined--bg3{
	height: 100%;
	width: 65%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}
	

.v-lined--bg4{
	height: 100%;
	width: 95%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}


.main-container{
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%}




/* PAD H1, H2, H3, H4 */

.pad-xs-h1{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }

.pad-xs-h2{
	font-family: 'BlenderPro-Heavy' !important;	
	margin-top: 150px;
	padding-left: 8%; 
	padding-right: 8%; 
	color: #002940; 
	font-size:40px; 
	width: 80%; 
	line-height: 40px;}

.pad-xs-h3{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }
	
.pad-xs-h4{
	font-family: 'BlenderPro-Heavy' !important;
	padding-left: 18%; 
	padding-right: 18% }
	
	
	



/* CONTAINERS */

.container--50200{
	margin-top: 0px;
	margin-bottom: 200px;}

	
.container--5050{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--25{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--2550{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 100px;}

.container--18018{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 0px;
	margin-bottom: 0px;}
	

.container--100{
	margin-left: 9%;
	margin-right: 9%;}

.container--50{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 100px;
	margin-bottom: 100px;}

.container--2525{
	margin-bottom: 50px;}

.container--2020{
	margin-bottom: 50px;}

.container-semi-2020{
	margin-bottom: 50px;
	margin-top: 0px;}

.content-img{
	max-width: 100%;
    max-height: 100%;}

.footer-container{
	padding-top:10px; 
	padding-bottom:50px;
	background-color:#002940; 
	border-top-width: 10px; 
	border-top-style: solid; 
	border-top-color: #F00;
	}

.container-credit-copyright{
	 border-top:solid 1px #385970;  
	 padding-top:30px; 
	 padding-bottom:30px; 
	 background-color:#002940;}

/* TOP BAR (HEADER) */

.top{
	
	height: auto;
	position: fixed;
	margin: 0px;
	width: 16%;
	z-index: 9999;
	}


.top--switch{
	background-color: #FFF;
	position: fixed;
	margin: 0px;
	width: 100%;
	height: 90px;
	display:block;
	
	z-index: 9999;
	top: 0px;
	-webkit-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	transition: 0.1s;
	}





/* LOGO */
	
.logo {
	width: 80px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	display: block;
	overflow: hidden;
	top: 40px;
	left: 10%;} 

.logo--switch {
	width: 60px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	background-color: FFF !important;
	display: block;
	overflow: hidden;
	top: 20px;
	left: 40px;}
	





/* SOCIAL SHARE */

.social-share{
	display:block;
	right:20px;
	top: 150px;
	position:fixed;
	width: 36px;}

.social-share--switch{
	display:none;}

.social-share-box{
	width: 20px;
	margin-top: 7px;
	margin-right: 7px;
	display:block;}

.social-share-box img{
	width: 100%;
	opacity: 0.2;}	


.social-share-box img:hover{
	opacity: 1;
	transition: all 0.1s;}





/* PRIVATE ACCESS */

.private-access{
	display:block;
	top: 100px;
	right: 25px;
	position:fixed;
	width: 36px;}

.private-access--switch{
	display:none;}

.private-access img{
	display:block;}	

.private-access img:hover{
	opacity: 0.2;
	transition: all 1s;}




/*GET QUOTE WIDGET STYLE STARTS HERE*/

.Get-quote-container{
	overflow: auto;
	background: #002940;
	padding: 50px;
	width:  100%;
	position: absolute;
	height: auto;
	z-index: 99999;
	top:0;
}

.Get-quote-container p {
	display: none;
	font-family: 'AktivGrotesk' !important;
	font-size: 11px;
	
	padding-bottom: 10px;
	color:#FFF;
	margin:0;}

.Get-quote-container textarea {
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#666;
	resize: none;}

.Get-quote-container select {
	font-family: 'AktivGrotesk' !important;
	width: 100%;
	font-size: 12px;
	padding: 10px;
	border-style: none;
	margin-bottom: 10px;
	color: #666;
}

.Get-quote {
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 50px;
	right: 0;
	background-color: #FFF;
	transition: 1s;
	text-align: left;
	min-height: 299px;
	max-width: 400px;}

.Get-quote-box {
	font-family: 'AktivGrotesk' !important;
	display: block;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;}
	

.get-quote-box-sumbit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: BlenderPro-Heavy !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	border: 1px solid #F00;}


.get-quote-box-sumbit-button:hover{
	background-color: #001E30;
	border: 1px solid #FFF;
	transition: all 1s;
}


.open-Get-quote{
	display:block;
	color: #FFFFFF;
	font-size: 12px;
	position: fixed;
	z-index: 7777;
	right:75px;
	top: 52px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	cursor: pointer;
	background-color: #002940;}
	

.open-Get-quote--switch{
	display: none;}


.open-Get-quote:hover{
	color: #FFFFFF;
	opacity: 1;
	transition: all 0.1s;}


.close-Get-quote-btn{
	position: absolute;
	font-size: 16px;
	line-height: 12px;
	text-align: center;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-color: #F00;
	z-index:9999;
	top: 1px;
	right: 0px;
	padding: 10px;}



/* SCROLL TO TOP */

html {
  scroll-behavior: smooth;
}


.myBtn {
	display: none;}
	

.myBtn--switch {
	background-color: #F00;
	display: block;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 99999;
	font-size: 18px;
	border: 1px solid #F00;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 50px;
	transition: all .5s;}
	
	
.myBtn--switch:hover {
	background-color: #FFF;
	border: 1px solid #385970;
	color: #385970;}


/* OTHERS */


.highlights { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 30px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 20px;
	line-height: 38px;}

.highlights-2 { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 0px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 24px;
	line-height: 38px;}

.newspaper{
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;}

.newspaper p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px;}

.medium-glance {
	box-sizing: border-box;
	padding: 60px;
	overflow: hidden;
	background-color: #F4F4F4;}

.medium-glance p{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	line-height: 24px;
	color: #555559;}

.medium-glance h3{
	font-family: 'AktivGrotesk' !important;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #555559;}

.medium-glance h2{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #F00;
	font-weight: 500;}

.medium-glance h2 span{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #002940;
	font-weight: 500;}

.medium-glance a{
	font-family: 'AktivGrotesk' !important;
	font-size:14px;
	display:block;
	padding-left:10px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom:10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
	color:#555559;}

.medium-glance a:hover{
	color:#002940;
	}

.semi {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-bottom: 50px;}

.semi h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.semi p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}


.medium {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-top: 50px;
	margin-bottom: 50px;}

.medium h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.medium p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}

.large p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555559;
	width: 75%;}




.footer{}

.footer p{
	font-family: 'AktivGrotesk' !important;
	font-weight: 100;
	font-style: normal;
	margin: 0;
	color: #FFF;}


.footer h3{
	margin-top: 30px;
	margin-bottom: 13px;
	font-family: 'BlenderPro-Bold' !important;
	font-weight: 500;
	text-transform: uppercase;
	color:#FFF;}


.footer h4{
	padding-top: 0;
	margin:0;
	padding-bottom: 3px;
	font-family: 'BlenderPro-Bold' !important;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	font-variant: normal;
	line-height: 26.4px;
	display: block;
	color: #FF0000;}


.footer-copyright{
	font-family: 'AktivGrotesk' !important;
	text-align:center; 
	color:#FFF;
	font-size:12px; 
	letter-spacing: 0.05em; 
	font-weight: 300;}
	
.footer-credit{
	font-family: 'AktivGrotesk' !important;
	text-align: center;
	color: #FFF;
	font-size:12px;
	letter-spacing: 0.05em;
	font-weight: 300;
	padding-top: 10px;}

.footer-credit a{
	color: #385970;
	text-decoration: none;}
	
.footer-credit a:hover{
	color: #FFF;}


.social-media-spacer{
	margin-right: 15px;}



	



.quick-links{
	font-weight: 400;}

.quick-links a{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	color: #C1CAD1;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin:0;}

.quick-links a:hover{
	color: #5B89A8;}	
	
.news-letter-sub-form{
	display:block;
	overflow:hidden;}

.newsletter-sub{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #999;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub:focus{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #385970;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub-submit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 13px;	
	cursor:pointer;}


.newsletter-sub-submit-button:hover{
	background-color: #001E30;
	transition: all 1s;
}



.contact-links {
	display:block;
	color:#FFF;
	margin-top:20px;}


.contact-links p{
	font-family: 'AktivGrotesk' !important;
	font-size:12px;
	color:#F00;}
	

.contact-links a{
	text-decoration: none;
	color: #385970;
	letter-spacing: 0.6px;
	font-size: 12px;
	position: absolute;
	left: 50px;}


.contact-links a:hover{
	text-decoration:none;
	color:#FFF;}


.getc-bullets li{
	font-family: 'AktivGrotesk' !important;
	font-size:18px;
	line-height: 30px;
	padding-left:1em;
	color: #666;}

}









@media (min-width: 421px) and (max-width: 768px) {
.v-lined--bg{
	height: 100%;
	width: 5%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;
}


.v-lined--bg2{
	height: 100%;
	width: 35%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}



.v-lined--bg3{
	height: 100%;
	width: 65%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}
	

.v-lined--bg4{
	height: 100%;
	width: 95%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	position: fixed;
	z-index: 0;
	float: left;
	display:block;}


.main-container{
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%}




/* PAD H1, H2, H3, H4 */

.pad-xs-h1{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }

.pad-xs-h2{
	font-family: 'BlenderPro-Heavy' !important;	
	margin-top: 150px;
	padding-left: 8%; 
	padding-right: 8%; 
	color: #002940; 
	font-size:40px; 
	width: 80%; 
	line-height: 40px;}

.pad-xs-h3{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }
	
.pad-xs-h4{
	font-family: 'BlenderPro-Heavy' !important;
	padding-left: 18%; 
	padding-right: 18% }
	
	
	



/* CONTAINERS */

.container--50200{
	margin-top: 0px;
	margin-bottom: 200px;}

	
.container--5050{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--25{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--2550{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 50px;
	margin-bottom: 100px;}

.container--18018{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 0px;
	margin-bottom: 0px;}
	

.container--100{
	margin-left: 9%;
	margin-right: 9%;}

.container--50{
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 100px;
	margin-bottom: 100px;}

.container--2525{
	margin-bottom: 50px;}

.container--2020{
	margin-bottom: 50px;}

.container-semi-2020{
	margin-bottom: 50px;
	margin-top: 0px;}

.content-img{
	max-width: 100%;
    max-height: 100%;}

.footer-container{
	padding:50px;
	background-color:#002940; 
	border-top-width: 10px; 
	border-top-style: solid; 
	border-top-color: #F00;
	}

.container-credit-copyright{
	 border-top:solid 1px #385970;  
	 padding:50px;
	 background-color:#002940;}

/* TOP BAR (HEADER) */

.top{
	
	height: auto;
	position: fixed;
	margin: 0px;
	width: 16%;
	z-index: 9999;
	}


.top--switch{
	background-color: #FFF;
	position: fixed;
	margin: 0px;
	width: 100%;
	height: 90px;
	display:block;
	
	z-index: 9999;
	top: 0px;
	-webkit-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	transition: 0.1s;
	}





/* LOGO */
	
.logo {
	width: 80px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	display: block;
	overflow: hidden;
	top: 40px;
	left: 69px;} 

.logo--switch {
	width: 60px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	background-color: FFF !important;
	display: block;
	overflow: hidden;
	top: 20px;
	left: 40px;}
	





/* SOCIAL SHARE */

.social-share{
	display:block;
	right:260px;
	top: 54px;
	position:fixed;
	width: auto;}

.social-share--switch{
	display:none;}

.social-share-box{
	width: 27px;
	margin-right: 10px;
	display:block;
	float:left;}

.social-share-box img{
	width: 100%;}

.social-share-box img:hover{
	opacity: 1;
	transition: all 0.1s;}





/* PRIVATE ACCESS */

.private-access{
	display:block;
	top: 52px;
	right: 210px;
	position:fixed;
	width: 36px;}

.private-access--switch{
	display:none;}

.private-access img{
	display:block;}	

.private-access img:hover{
	opacity: 0.2;
	transition: all 1s;}




/*GET QUOTE WIDGET STYLE STARTS HERE*/

.Get-quote-container{
	overflow: auto;
	background: #002940;
	padding: 50px;
	width:  100%;
	position: absolute;
	height: auto;
	z-index: 99999;
	top:0;
}

.Get-quote-container p {
	display: none;
	font-family: 'AktivGrotesk' !important;
	font-size: 11px;
	
	padding-bottom: 10px;
	color:#FFF;
	margin:0;}

.Get-quote-container textarea {
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#666;
	resize: none;}

.Get-quote-container select {
	font-family: 'AktivGrotesk' !important;
	width: 100%;
	font-size: 12px;
	padding: 10px;
	border-style: none;
	margin-bottom: 10px;
	color: #666;
}

.Get-quote {
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 50px;
	right: 0;
	background-color: #FFF;
	transition: 1s;
	text-align: left;
	min-height: 299px;
	max-width: 400px;}

.Get-quote-box {
	font-family: 'AktivGrotesk' !important;
	display: block;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;}
	

.get-quote-box-sumbit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: BlenderPro-Heavy !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	border: 1px solid #F00;}


.get-quote-box-sumbit-button:hover{
	background-color: #001E30;
	border: 1px solid #FFF;
	transition: all 1s;
}


.open-Get-quote{
	display:block;
	color: #FFFFFF;
	font-size: 12px;
	position: fixed;
	z-index: 7777;
	right:120px;
	top: 52px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	cursor: pointer;
	background-color: #002940;}
	

.open-Get-quote--switch{
	display: none;}


.open-Get-quote:hover{
	color: #FFFFFF;
	opacity: 1;
	transition: all 0.1s;}


.close-Get-quote-btn{
	position: absolute;
	font-size: 16px;
	line-height: 12px;
	text-align: center;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-color: #F00;
	z-index:9999;
	top: 1px;
	right: 0px;
	padding: 10px;}



/* SCROLL TO TOP */

html {
  scroll-behavior: smooth;
}


.myBtn {
	display: none;}
	

.myBtn--switch {
	background-color: #F00;
	display: block;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 99999;
	font-size: 18px;
	border: 1px solid #F00;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 50px;
	transition: all .5s;}
	
	
.myBtn--switch:hover {
	background-color: #FFF;
	border: 1px solid #385970;
	color: #385970;}


/* OTHERS */


.highlights { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 30px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 20px;
	line-height: 38px;}

.highlights-2 { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 0px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 24px;
	line-height: 38px;}

.newspaper{
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;}

.newspaper p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 26px;}

.medium-glance {
	box-sizing: border-box;
	padding: 60px;
	overflow: hidden;
	background-color: #F4F4F4;}

.medium-glance p{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	line-height: 24px;
	color: #555559;}

.medium-glance h3{
	font-family: 'AktivGrotesk' !important;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #555559;}

.medium-glance h2{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #F00;
	font-weight: 500;}

.medium-glance h2 span{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: -3px;
	color: #002940;
	font-weight: 500;}

.medium-glance a{
	font-family: 'AktivGrotesk' !important;
	font-size:14px;
	display:block;
	padding-left:10px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom:10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
	color:#555559;}

.medium-glance a:hover{
	color:#002940;
	}

.semi {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-bottom: 50px;}

.semi h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.semi p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}


.medium {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-top: 50px;
	margin-bottom: 50px;}

.medium h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.medium p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}

.large p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555559;
	width: 75%;}




.footer{}

.footer p{
	font-family: 'AktivGrotesk' !important;
	font-weight: 100;
	font-style: normal;
	margin: 0;
	color: #FFF;}


.footer h3{
	margin-top: 30px;
	margin-bottom: 13px;
	font-family: 'BlenderPro-Bold' !important;
	font-weight: 500;
	text-transform: uppercase;
	color:#FFF;}


.footer h4{
	padding-top: 0;
	margin:0;
	padding-bottom: 3px;
	font-family: 'BlenderPro-Bold' !important;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	font-variant: normal;
	line-height: 26.4px;
	display: block;
	color: #FF0000;}


.footer-copyright{
	font-family: 'AktivGrotesk' !important;
	text-align:left; 
	color:#FFF;
	font-size:12px; 
	letter-spacing: 0.05em; 
	font-weight: 300;}
	
.footer-credit{
	font-family: 'AktivGrotesk' !important;
	text-align: right;
	color: #FFF;
	font-size:12px;
	letter-spacing: 0.05em;
	font-weight: 300;}

.footer-credit a{
	color: #385970;
	text-decoration: none;}
	
.footer-credit a:hover{
	color: #FFF;}


.social-media-spacer{
	margin-right: 15px;}



	



.quick-links{
	font-weight: 400;}

.quick-links a{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	color: #C1CAD1;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin:0;}

.quick-links a:hover{
	color: #5B89A8;}	
	
.news-letter-sub-form{
	display:block;
	overflow:hidden;}

.newsletter-sub{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #999;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub:focus{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #385970;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub-submit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 13px;	
	cursor:pointer;}


.newsletter-sub-submit-button:hover{
	background-color: #001E30;
	transition: all 1s;
}



.contact-links {
	display:block;
	color:#FFF;
	margin-top:20px;}


.contact-links p{
	font-family: 'AktivGrotesk' !important;
	font-size:12px;
	color:#F00;}
	

.contact-links a{
	text-decoration: none;
	color: #385970;
	letter-spacing: 0.6px;
	font-size: 12px;
	position: absolute;
	left: 50px;}


.contact-links a:hover{
	text-decoration:none;
	color:#FFF;}


.getc-bullets li{
	font-family: 'AktivGrotesk' !important;
	font-size:18px;
	line-height: 30px;
	padding-left:1em;
	color: #666;}

}







@media (min-width: 769px) and (max-width: 1500px) {
.v-lined--bg{
	height: 100%;
	width: 16.6%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	position: fixed;
	z-index: 3;
	float: left;}

.v-lined--bg2{
	height: 100%;
	width: 33.3%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	position: fixed;
	z-index: 3;
	float: left;}

.v-lined--bg3{
	height: 100%;
	width: 50%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	position: fixed;
	z-index: 3;
	float: left;}

.v-lined--bg4{
	height: 100%;
	width: 66.6%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	position: fixed;
	z-index: 3;
	float: left;}

.v-lined--bg5{
	height: 100%;
	width: 83.3%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEAEA;
	position: fixed;
	z-index: 3;
	float: left;}


.main-container{
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%}




/* PAD H1, H2, H3, H4 */

.pad-lg-h1{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }

.pad-lg-h2{
	font-family: 'BlenderPro-Heavy' !important;	
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18%; 
	color: #002940; 
	font-size:76px; 
	width: 60%; 
	line-height: 70px;}

.pad-lg-h3{
	font-family: 'BlenderPro-Heavy' !important;
	margin-top: 100px;
	padding-left: 18%; 
	padding-right: 18% }
	
.pad-lg-h4{
	font-family: 'BlenderPro-Heavy' !important;
	padding-left: 18%; 
	padding-right: 18% }
	
	
	



/* CONTAINERS */

.container--50200{
	margin-top: 0px;
	margin-bottom: 200px;}

	
.container--5050{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--25{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 50px;
	margin-bottom: 50px;}


.container--2550{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 50px;
	margin-bottom: 100px;}

.container--18018{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 0px;
	margin-bottom: 0px;}
	

.container--100{
	margin-left: 18%;
	margin-right: 18%;}

.container--50{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 100px;
	margin-bottom: 100px;}

.container--2525{
	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 100px;}

.container--2020{
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 100px;
	margin-top: 200px;}

.container-semi-2020{
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 100px;
	margin-top: 0px;}

.content-img{
	max-width: 100%;
    max-height: 100%;}

.footer-container{
	padding-top:100px; 
	padding-bottom:100px;
	background-color:#002940; 
	border-top-width: 10px; 
	border-top-style: solid; 
	border-top-color: #F00;}


.container-credit-copyright{
	 border-top:solid 1px #385970;  
	 padding-top:50px; 
	 padding-bottom:50px; 
	 background-color:#002940;}






/* TOP BAR (HEADER) */

.top{
	background-color: #FFF;
	height: auto;
	position: fixed;
	margin: 0px;
	width: 16.5%;
	z-index: 9999;
	}


.top--switch{
	background-color: none;
	position: fixed;
	margin: 0px;
	width: 100%;
	z-index: 9999;
	top: 0px;
	height: 100px;
	-webkit-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.75);
	transition: 0.1s;
	}





/* LOGO */
	
.logo {
	width: 100px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	background-color: FFF !important;
	display: block;
	overflow: hidden;
	margin-top: 110px;
	margin-left: 75px;} 

.logo--switch {
	width: 80px;
	position: fixed;
	z-index: 8888;
	cursor: pointer;
	background-color: FFF !important;
	display: block;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 70px;}
	





/* SOCIAL SHARE */

.social-share{
	display:block;
	left:92px;
	top: 320px;
	position:fixed;
	width: 36px;}

.social-share--switch{
	display:none;}

.social-share-box{
	width: 30px;
	margin-top: 20px;
	margin-right: 20px;
	display:block;}

.social-share-box img{
	width: 100%;
	opacity: 0.2;}	


.social-share-box img:hover{
	opacity: 1;
	transition: all 0.1s;}





/* PRIVATE ACCESS */

.private-access{
	display:block;
	right:70px;
	top: 110px;
	position:fixed;
	width: 36px;
	z-index:3000;}

.private-access--switch{
	display:none;}

.private-access img{
	opacity: 0.2;}	

.private-access img:hover{
	opacity: 1;
	transition: all 1s;}



/*GET QUOTE WIDGET STYLE STARTS HERE*/

.Get-quote-container{
	overflow: auto;
	background: #002940;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	
}

.Get-quote-container p {
	display: block;
	font-family: 'AktivGrotesk' !important;
	font-size: 11px;
	padding-top: 40px;
	padding-bottom: 10px;
	color:#FFF;
	margin:0;}

.Get-quote-container textarea {
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#666;
	resize: none;}

.Get-quote-container select {
	font-family: 'AktivGrotesk' !important;
	width: 300px;
	font-size: 12px;
	padding: 10px;
	border-style: none;
	margin-bottom: 10px;
	color: #666;
}

.Get-quote {
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 50px;
	right: 0;
	background-color: #FFF;
	transition: 1s;
	text-align: left;
	min-height: 299px;
	max-width: 400px;}

.Get-quote-box {
	font-family: 'AktivGrotesk' !important;
	display: block;
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 300px;}
	

.get-quote-box-sumbit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: BlenderPro-Heavy !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	border: 1px solid #F00;}


.get-quote-box-sumbit-button:hover{
	background-color: #001E30;
	border: 1px solid #FFF;
	transition: all 1s;
}


.open-Get-quote{
	color: #FFFFFF;
	font-size: 14px;
	position: fixed;
	z-index: 8888;
	margin-top: 249px;
	right: 28px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	cursor: pointer;
	background-color: #002940;
	transform:rotate( -90deg );
	opacity: 0.2;
	}

.open-Get-quote--switch{
	display: none;}


.open-Get-quote:hover{
	color: #FFFFFF;
	opacity: 1;
	transition: all 0.1s;}


.close-Get-quote-btn{
	position: absolute;
	font-size: 16px;
	line-height: 12px;
	text-align: center;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	background-color: #F00;
	z-index:9999;
	top: 0px;
	margin-left: 315px;
	padding: 10px;	
	
}





/* SCROLL TO TOP */

html {
  scroll-behavior: smooth;
}


.myBtn {
	display: none;}
	

.myBtn--switch {
	background-color: #F00;
	display: block;
	position: fixed;
	bottom: 90px;
	right: 70px;
	z-index: 99999;
	font-size: 18px;
	border: 1px solid #F00;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 50px;
	transition: all .5s;}
	
	
.myBtn--switch:hover {
	background-color: #FFF;
	border: 1px solid #385970;
	color: #385970;}








/* OTHERS */

.highlights { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 30px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 24px;
	line-height: 38px;}

.highlights-2 { 
	font-family: 'AktivGrotesk' !important;
	background-color:#002940; 
	padding:40px; 
	margin-bottom: 0px; 
	margin-top: 0;
	display:block; 
	color:#FFF; 
	font-size: 24px;
	line-height: 38px;}


.newspaper{
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;}


.newspaper p {
	margin-bottom: 20px;}

.medium-glance {
	margin-left: 16.6%;
	margin-right: 16.6%;
	margin-top: 50px;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding: 80px;
	overflow: hidden;
	background-color: #F4F4F4;
	}


.medium-glance p{
	font-family: 'AktivGrotesk' !important;
	font-size: 24px;
	line-height: 30px;
	color: #555559;}

.medium-glance h3{
	font-family: 'AktivGrotesk' !important;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #555559;}

.medium-glance h2{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 60px;
	line-height: 50px;
	letter-spacing: -3px;
	color: #F00;
	font-weight: 500;}


.medium-glance h2 span{
	font-family: 'BlenderPro-Heavy', sans-serif;
	font-size: 60px;
	line-height: 50px;
	letter-spacing: -3px;
	color: #002940;
	font-weight: 500;}

.medium-glance a{
	font-family: 'AktivGrotesk' !important;
	font-size:14px;
	display:block;
	padding-left:10px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom:10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
	color:#555559;}

.medium-glance a:hover{
	color:#002940;
	}

.semi {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-bottom: 50px;}

.semi h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.semi p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}


.medium {
	margin-left: 16.5%;
	margin-right: 16.5%;
	margin-top: 50px;
	margin-bottom: 50px;}

.medium h4 {
	font-family: 'BlenderPro-Bold', sans-serif;
	font-size: 34px;
	line-height: 24px;
	letter-spacing: -1.7px;
	margin-bottom: 14px;
	color: #555559;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	}

.medium p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555559;
	width: 100%;}

.large p {
	margin-bottom: 20px;
	font-family: 'AktivGrotesk-Regular', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555559;
	width: 75%;}


.footer{}

.footer p{
	font-family: 'AktivGrotesk' !important;
	font-weight: 100;
	font-style: normal;
	margin: 0;
	color: #FFF;}

.footer h3{
	margin-bottom: 13px;
	font-family: 'BlenderPro-Bold' !important;
	text-transform: uppercase;
	font-weight: 500;
	color:#FFF;}

.footer h4{
	padding-top: 0;
	margin:0;
	padding-bottom: 3px;
	font-family: 'BlenderPro-Bold' !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-variant: normal;
	line-height: 26.4px;
	display: block;
	color: #FF0000;}


.footer-copyright{
	font-family: 'AktivGrotesk' !important;
	text-align:left; 
	color:#FFF;
	font-size:12px; 
	letter-spacing: 0.05em; 
	font-weight: 300;}
	
.footer-credit{
	font-family: 'AktivGrotesk' !important;
	text-align: right;
	color: #FFF;
	font-size:12px;
	letter-spacing: 0.05em;
	font-weight: 300;}

.footer-credit a{
	color: #385970;
	text-decoration: none;}
	
.footer-credit a:hover{
	color: #FFF;}


.social-media-spacer{
	margin-right: 15px;}



	



.quick-links{
	font-weight: 400;}

.quick-links a{
	font-family: 'AktivGrotesk' !important;
	font-size: 12px;
	color: #C1CAD1;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin:0;}

.quick-links a:hover{
	color: #5B89A8;}	

.news-letter-sub-form{
	margin-top: 40px;
	display:block;
	overflow:hidden;}

.newsletter-sub{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #999;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub:focus{
	font-size: 12px;
	line-height: 12px;
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'AktivGrotesk' !important;
	color: #385970;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}

.newsletter-sub-submit-button{
	font-size: 12px;
	line-height: 12px;
	background-color: #F00;
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'BlenderPro-Heavy' !important;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 13px;
	cursor:pointer;}


.newsletter-sub-submit-button:hover{
	background-color: #001E30;
	transition: all 1s;
}


.contact-links {
	display:block;
	color:#FFF;
	margin-top:20px;}


.contact-links p{
	font-family: 'AktivGrotesk' !important;
	font-size:12px;
	color:#F00;}
	

.contact-links a{
	text-decoration: none;
	color: #385970;
	letter-spacing: 0.6px;
	font-size: 12px;
	position: absolute;
	left: 50px;}


.contact-links a:hover{
	text-decoration:none;
	color:#FFF;}


.getc-bullets li{
	font-family: 'AktivGrotesk' !important;
	font-size:18px;
	line-height: 30px;
	padding-left:1em;
	color: #666;}

}
