/****************************** OVERALL STYLING *********************************/
html{ font-family: 'Montserrat', sans-serif; color:#000; font-size:16px; }

.detect-desktop-device.scroll-hidden{ overflow: hidden !important; }



.green-background-startup{ display: block; width: 100%; height: 100%; /*position: absolute;*/ position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; background: #1995A7; z-index: 1000; visibility: visible; -webkit-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; transition: all 4s ease-in-out; }
.green-background-startup.in{ opacity: 0; visibility: hidden; }

.green-background-startup::after{ content: ''; display: block; position: fixed; background: #1995A7; bottom: 0; left: 0; right: 0; width: 100%; height: 50px; }
.green-background-startup.in::after{ opacity: 0; visibility: hidden; }



/********************************* SITE COLOURS ************************************/
.font-green-standard{color:#ACEDDD;}
.desktop-device .font-green-standard-hover:hover{color:#ACEDDD;}
.bg-green-standard{background-color:#ACEDDD;}
.desktop-device .bg-green-standard-hover:hover{background-color:#ACEDDD;}

.font-green-darker{color:#22D2A7;}
.desktop-device .font-green-darker-hover:hover{color:#22D2A7;}
.bg-green-darker{background-color:#22D2A7;}
.desktop-device .bg-green-darker:hover{background-color:#22D2A7;}

.font-blue-dark{color:#11293D;}
.desktop-device .font-blue-dark-hover:hover{color:#11293D;}
.bg-blue-dark{background-color:#11293D;}
.desktop-device .bg-blue-dark-hover:hover{background-color:#11293D;}


.dark-green-bg{ background-color: #1995A7; }
.dark-green-bg p{ color: #fff; }

.font-red-risk{ color:#c30c0e; }
.desktop-device .font-red-risk-hover:hover{ color:#c30c0e; }
.bg-red-risk{ background-color:#c30c0e; }
.desktop-device .bg-red-risk-hover:hover{ background-color:#c30c0e; }

.bg-blue-risk{ background-color:#1c3661; }
.desktop-device .bg-blue-risk-hover:hover{ background-color:#1c3661; }




/*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/
/***** FONTS *****/
p{ font-size:1rem; font-weight:300; line-height: 200%; }
a{ color:#6d6e70; }

p a{ color: #1995A7; }

.dark-overlay{ position: absolute; z-index: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); }
.hero-triangle{ position: absolute; bottom: -1px; left: calc( 50% - 34px); height: 35px; width: 68px; background-image: url('../img/assets/hero-triangle.png'); z-index: 0; }



.social-icons{ display: none; }
.social-icons .fa{ font-size: 24px; margin: 0 2px; color: #1995A7; }
.scrolled-down .social-icons{ display: block; position: absolute; top: 24px; right: 5%; z-index:10000; }
.home.scrolled-down .social-icons{ top: 44px;  }


.footer-social .fa{ font-size: 25px; margin: 0 3px; }
.footer-social .fa:hover{ color: #0099A8; }

.contact-social .fa{ font-size: 28px; margin: 0 2px; color: #fff; }


@media screen and (max-width:1430px){ 
	.home.scrolled-down .social-icons{ /*top: 44px;*/ position: fixed; bottom: 40px; top: auto; right: 9%; height: 26px; z-index: 5000;  }
}

@media screen and (max-width:1024px){ .scrolled-down .social-icons{ display: none; } }
@media screen and (max-width:1199px){ 
	.scrolled-down .social-icons{ display: block; right: 80px; }
}

@media screen and (max-width:768px){
	.contact-social{ margin: 0 auto; float: none; width: 158px; }
	.hero-triangle{ display: none; }
}

/***** FORMS *****/
.form-field{ padding-right:20px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{
	border:1px solid #67A8C5;
	font-size:0.9rem;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	border-color:#0FB3F0; outline: none;
}
form .required-field, form .sensitive-data{ font-size:0.85rem; }


.form-relative{ width: 100%; float: left; position: relative; }
.form-row{ float: left; position: relative; width: 100%; padding-bottom: 15px; }
.form-row label{ color: #002F53; font-size: 0.9rem; }
.form-row-label{ width: auto; position: absolute; top: 10px; /*left: 0px;*/ left: 4px; color: #002F53; font-size: 0.9rem; transition: top 0.5s, color 0.5s, font-size 0.5s; }
.form-row-checkbox-label{ position: relative; top: 0; margin-bottom: 10px; }
span.wpcf7-list-item { margin-right:25px; }
input[type="checkbox"], input[type="radio"]{ margin-right:5px; }
.wpcf7-checkbox{  }
.wpcf7-checkbox span.wpcf7-list-item{ position: relative; }
input[type="checkbox"]{ position:absolute; top:0; left:0; width: 100%; height:100%; opacity: 0; cursor:pointer; }
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ background: url(../img/assets/checkbox-empty.png) no-repeat 0 50%; padding-left: 27px; }
input[type="checkbox"]:checked + .wpcf7-list-item-label{ background-image: url(../img/assets/checkbox-checked.png) }

body.red-theme .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ background-image: url(../img/assets/checkbox-empty-red.png); }
body.red-theme input[type="checkbox"]:checked + .wpcf7-list-item-label{ background-image: url(../img/assets/checkbox-checked-red.png) }

body.blue-theme .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ background-image: url(../img/assets/checkbox-empty-blue.png);  }
body.blue-theme input[type="checkbox"]:checked + .wpcf7-list-item-label{ background-image: url(../img/assets/checkbox-checked-blue.png) }



.form-row span.wpcf7-form-control-wrap{ width: 100%; }
input[type="text"],
input[type="email"],
input[type="date"],
textarea{ background-color: transparent; color: #263042; padding: 9px 0px !important; border: none; }

select{ padding: 3px 0; border:none; color:#263042; }
select option{ color: #002F53; font-size: 0.9rem; }
.form-row .wpcf7-list-item span{ color: #002F53; font-size: 0.9rem; }

.wpcf7-form p{ float: left; width: calc( 100% - 112px ); font-size: 0.8rem; margin-bottom: 3px; }

.wpcf7-form p.submit-form-button{ float: right; width: 110px; position: relative; }
input[type="submit"]{ float: right; color: rgb(25, 149, 167); background-color: transparent; padding: 0 0 0 70px; letter-spacing: 1px; margin: 0; }

.form-line{ position: absolute; width: 100%; height: 1px; bottom: 35px; transition: width 1s; }
.form-line-dull{ left: 0; background-color:  rgba(25, 149, 167, 0.4); }
.form-line-full{ width: 0%; background-color: #1995A7; left: 0; z-index: 19; }
/*body..form-line-dull.form-line-full{ background-color: #C30C0E; }*/
/*body.blue-theme .form-line-full{ background-color: #1c3661; }*/

.active-row .form-row-label{ font-size: 0.75rem; top: 45px; color: #1995A7; transition: all 0.5s; }
.active-row .form-row-textarea-label{ top: 160px; }
.active-row .form-row-checkbox-label{  }
.active-row .form-line-full{ width: 100%; }

span.wpcf7-not-valid-tip{ float:none; width:auto; margin: 0; font-size: 0.9rem; text-align: right; position: absolute; right: 0; bottom: -3px; }


.rounded-button{ float: left; height: 35px; clear: left; color: #fff; background: #1995A7; margin-top: 20px; margin-bottom: 15px; padding: 6px 20px 5px; border-radius: 25px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); overflow: hidden; }
.rounded-button span{ position: relative; top: 0; transition: top 0.3s; }
.rounded-button span b{ font-weight: normal; display: block; padding: 10px 0px; color: #fff; }
.rounded-button:hover span{ top: -34px; transition: top 0.3s; }

.rounded-button-centered{ float: none; display: block; margin: 0 auto; text-align: center; }
#rounded-button-centered-about-team{ width: 250px; }
#rounded-button-centered-about-hero{ width:250px; background-color:#fff; color:#000; }

/*Messing around ->

.rounded-button{ background: linear-gradient(0, hsl(188, 74%, 38%),hsl(182, 74%, 38%)); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }
.rounded-button:hover{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); margin-top: 19px; margin-bottom: 16px; }*/

@media screen and (max-width:768px){
	input[type="text"], input[type="email"], input[type="date"], textarea{ font-size: 16px; }
}

@media screen and (max-width:479px){
	.external-quote-link .external-popup{ max-width: 300px; height: auto; margin-left: auto !important; margin-right: auto; display: block; float: none; }
	.external-quote-link .external-popup b{ display:none; }
	.external-quote-link .external-popup:hover span{ top:0; }
}



/*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/
.hero-heading, .section-heading, .sub-heading{
	float:left;
	width:100%;
}

.hero-heading{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 4rem;
	font-weight: 300;
	color: #fff;
	line-height: 120%;
	text-align: center;
	margin-bottom: 40px;
}
.section-heading{
	color: #1995A7;
	font-size: 3rem;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 120%;
	margin-bottom: 30px;
}
.lastest-blog-article .section-heading{
	font-size: 2rem;
	line-height: 140%;
}
.sub-heading{
	margin-bottom:20px;
	font-size:1.3rem;
	font-weight:800;
	line-height:120%;
	color: #1995A7;
}
.highlighted-text-large{
	color: #1995A7;
	font-size: 1.25rem;
}
.highlighted-text-small{
	float: left;
	color: #1995A7;
	font-size: 0.9rem;
	margin-bottom: 15px;
}
.body-text-large{
	
}
.body-text-small{
	font-size:0.8rem;
}
.button-standard{
	float:left;
	padding:8px 50px;
	font-size: 0.9rem;
	background-color:#67a8c5;
	border:none;
	color:#fff;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}

.desktop-device .button-standard:hover {
	background-color:#0FB3F0;
}

.written-name{
	font-family: 'Kalam', cursive;
	position: absolute;
	bottom: 5px;
	right: 35px;
	width: auto;
	color: #fff;
	text-shadow: 1px 1px #444;
}

@media screen and (max-height:767px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:2.5rem; }
	.sub-heading{ font-size:1.2rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:1100px){
	.hero-heading{ font-size:2.2rem; }
	.section-heading{ font-size:2rem; }
	.sub-heading{  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:768px){
	.hero-heading{ margin-bottom: 20px; font-size:2rem; }
	.section-heading{ font-size:2rem; }
	.sub-heading{font-size:1.1rem;  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:479px){
	.hero-heading{ margin-bottom: 0; font-size:1.25rem; }
	.section-heading{ font-size:1.4rem; }
	.sub-heading{ font-size:1rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}



.extra-info-section .highlighted-text-large a{ border-bottom: 1px solid #fff; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s; }
.extra-info-section .highlighted-text-large a:hover{ border-color: #1995A7; }




/*********** SOCIAL *************/

.header-social-icon{ color:#000; }





/****************************** HEADER SECTION ****************************/

/***** STRUCTURE FOR RESIZING HEADER ON SCROLL DOWN FROM TOP *****/

/* Top - large screen */
#site-header{ height:110px; position: fixed; }
#sticky-header{ height:110px; }
#site-logo{ position: fixed; width: 90px; height:90px; left: calc(50% - 45px); top: 20px; z-index: 2002; }
#site-logo-white{ position: fixed; width: 90px; height:90px; left: calc(50% - 45px); top: 20px; z-index: 50; opacity: 0; transition: opacity 0.8s; }
#site-logo img{ opacity: 0; }
.main-navigation{ width: 100%; height:50px; height:50px; }
.fp-viewing-0 #site-logo-white,
.inner-page #site-logo-white{ opacity: 1; transition: opacity 0.75s; }

/* HOME PAGE NON WHITE HEADER */
body.page-id-7 #site-logo-white{ display:none; }
body.page-id-7 #site-logo img{ opacity:1; }

/* Scrolled down - large screen */
.scrolled-down #site-logo img{ opacity: 1; }
.scrolled-down .main-navigation{ height:30px; }
.inner-page.scrolled-down #site-logo{ width: 50px; height:50px; left: calc(50% - 25px); top: 12px; }
.inner-page.scrolled-down #site-header{ height:70px; }
.inner-page.scrolled-down #sticky-header{ height: 70px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(25, 149, 167, 0.5); }
.inner-page.scrolled-down #site-logo-white{ opacity: 0; transition: opacity 0.2s; }
.inner-page.scrolled-down #sticky-header{ background-color: #fff; }
.inner-page.scrolled-down .main-navigation{ height:42px; }


@media screen and (max-width:1023px){
	/* Top - small screen */
	#site-header{ height:70px; }
	#sticky-header{ height:70px; padding-top:15px; padding-bottom:15px; }
	#site-logo img{ height:40px; }
	.main-navigation{ height:40px; }
	
	/* Scrolled down - small screen */
	.scrolled-down #site-header{ height:50px; }	
	.scrolled-down #sticky-header{ height:50px; padding-top:10px; padding-bottom:10px; }
	.scrolled-down #site-logo img{ height:30px; }
	.scrolled-down .main-navigation{ height:30px; }
	
	.inner-page.scrolled-down #site-logo{ left: 5%; }
	.scrolled-down #site-logo img{ height: 45px; }
}

@media screen and (max-width:768px){
	
}


/***** LOGO *****/
#siteLogo{  }
#siteLogo p{ margin:0; }



/***** MAIN NAV *****/
.main-navigation {  }
.navigation-left,
.navigation-right{ width: 50%; float: left; }
#main-menu{  }
#main-menu > li > a { padding:0 20px; color:#11293D; font-size:0.7rem; text-transform:uppercase; letter-spacing:1px; }
.desktop-device #main-menu > li > a:hover{  }

#main-menu-left,
#main-menu-right{ width: auto; list-style: none; }
#main-menu-left{ float: right; padding-right: 75px; }
#main-menu-right{ float: left; padding-left: 75px; }
#main-menu-left li,
#main-menu-right li{ width: auto; float: left; padding: 13px 18px 60px; }
#main-menu-left li a, 
#main-menu-right li a{ color: #1995A7; font-size: 0.9rem; font-weight: 400; transition: color 0.8s; }
.fp-viewing-0 #main-menu-left li a, 
.fp-viewing-0 #main-menu-right li a,
.inner-page #main-menu-right li a,
.inner-page #main-menu-left li a{ color: #fff; position: relative; transition: color 0.2s; }
.scrolled-down #main-menu-left li a, 
.scrolled-down #main-menu-right li a{ color: #1995A7; transition: color 0.2s; position: relative; }

/* HOME PAGE NON WHITE HEADER */
body.page-id-7 #main-menu-left li a,
body.page-id-7 #main-menu-right li a{ color: #1995A7; }


.fp-viewing-0 #main-menu-left li a::after, 
.fp-viewing-0 #main-menu-right li a::after,
.inner-page #main-menu-right li a::after,
.inner-page #main-menu-left li a::after{ content: ""; position: absolute; height: 1px; border-bottom: 1px solid transparent; left: 1px; bottom: -3px; width: calc(100% - 2px); -moz-transition: border 0.5s; -o-transition: border 0.5s; -webkit-transition: border 0.5s; transition: border 0.5s;  }
.fp-viewing-0 #main-menu-left li a:hover::after, 
.fp-viewing-0 #main-menu-right li a:hover::after,
.inner-page #main-menu-right li a:hover::after,
.inner-page #main-menu-left li a:hover::after{ border-bottom: 1px solid #fff; }

.scrolled-down #main-menu-left li,
.scrolled-down #main-menu-right li{ padding: 9px 15px 22px; }
.scrolled-down #main-menu-left li a::after, 
.scrolled-down #main-menu-right li a::after{ content: ""; position: absolute; height: 1px; border-bottom: 1px solid transparent; left: 1px; bottom: -3px; width: calc(100% - 2px); -moz-transition: border 0.5s; -o-transition: border 0.5s; -webkit-transition: border 0.5s; transition: border 0.5s; }

.scrolled-down #main-menu-left li a:hover::after, 
.scrolled-down #main-menu-right li a:hover::after{ border-bottom: 1px solid #1995A7; }

/* Toggle button */

.menu-toggle{
	width:40px;
	height:40px;
}

.menu-toggle-line{
	height:2px;
	width:80%;
	background-color:#fff;
}

.scrolled-down .menu-toggle-line,
.page-id-7 .menu-toggle-line{ background-color: #1995A7; }

#menu-toggle-line-1{
	top:30%;
	left:10%;
	width:80%;
}
#menu-toggle-line-2{
	top:50%;
	left:10%;
	width:80%;
}
#menu-toggle-line-3{
	top:70%;
	left:10%;
	width:80%;
}

.menu-toggle.active{  }
.menu-toggle.active, .menu-toggle.inactive{ animation-name:menuToggle; animation-duration:1s; animation-iteration-count:1; }
.menu-toggle.active #menu-toggle-line-1{ top:50%; transform:rotate(45deg); }
.menu-toggle.active #menu-toggle-line-2{ opacity:0; }
.menu-toggle.active #menu-toggle-line-3{ top:50%; transform:rotate(-45deg); }
/* Maybe make the lines zoom off to the right and come back in? */

@keyframes menuToggle{
	0%{ filter:blur(0); -webkit-filter:blur(0); }
	50%{ filter:blur(5px); -webkit-filter:blur(5px); }
	100%{ filter:blur(0); -webkit-filter:blur(0); }
}

.scrolled-down .menu-toggle{ width:30px; height:30px; }
.mobile-menu-active .menu-toggle{  }

.responsive-menu-holder #mobile-menu{ position: fixed; top: -100%; }

/*@media screen and (max-width:1375px) {
	#main-menu-left li, #main-menu-right li{ margin: 0 15px; }
}*/

@media screen and (max-width:1199px){ #main-menu > li > a{ padding:0 13px; } }
/* POINT WHERE MENU CHANGES TO BURGER */
@media screen and (max-width:1199px) { 
	.menu-toggle { display: block; }
	#main-menu, .menu-main-menu-left-container, .navigation-right{ display:none; } 	
	
	.main-navigation{ width: 40px; }
	.main-navigation .navigation-left{ width: 100%; }
	.inner-page.scrolled-down .main-navigation{ height: 40px; }
	
	/*.responsive-menu-holder.open{ display:block; }
	.responsive-menu-holder .menu-mobile-menu-container{ position: fixed; top: 0; left: 0; width: 100%; min-height: 100vh; margin: 0; }*/
	.responsive-menu-holder #mobile-menu{ overflow: scroll; position: fixed; width: 101%; top: 0; bottom:0; left: -1px; margin-top: 0; padding: 120px 30px 50px; background-color: rgba(0,0,0,.9); opacity: 0; transform: translateY(100%) translateX(0%); transition: opacity .5s linear,transform 0s linear .5s; margin: 0; list-style: none; }
	.responsive-menu-holder.open #mobile-menu{ transform: translateY(0%) translateX(0%); opacity: 1; transition: opacity .5s linear; }
	.responsive-menu-holder #mobile-menu li{ padding: 5px 0; }
	.responsive-menu-holder #mobile-menu li a{ text-transform: uppercase; letter-spacing: 2px; font-size: 1.5rem; font-weight: 300; color: #fff; line-height: 150%; text-align: left; opacity: 0; transform: translateY(20px); transition: opacity .3s linear,transform .3s cubic-bezier(.25,.46,.45,.94); display: inline-block; }
	.responsive-menu-holder #mobile-menu li a:hover{ color: #1995A7; }
	.responsive-menu-holder.open #mobile-menu li a{ opacity: 1; transform: translateY(0); }
	
	.responsive-menu-holder.open #mobile-menu li:first-child a{ transition: opacity .3s linear .06s,transform .3s cubic-bezier(.25,.46,.45,.94) .06s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(2) a{ transition: opacity .3s linear .12s,transform .3s cubic-bezier(.25,.46,.45,.94) .12s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(3) a{ transition: opacity .3s linear .18s,transform .3s cubic-bezier(.25,.46,.45,.94) .18s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(4) a{ transition: opacity .3s linear .24s,transform .3s cubic-bezier(.25,.46,.45,.94) .24s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(5) a{ transition: opacity .3s linear .3s,transform .3s cubic-bezier(.25,.46,.45,.94) .3s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(6) a{ transition: opacity .3s linear .36s,transform .3s cubic-bezier(.25,.46,.45,.94) .36s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(7) a{ transition: opacity .3s linear .42s,transform .3s cubic-bezier(.25,.46,.45,.94) .42s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(8) a{ transition: opacity .3s linear .48s,transform .3s cubic-bezier(.25,.46,.45,.94) .48s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(9) a{ transition: opacity .3s linear .54s,transform .3s cubic-bezier(.25,.46,.45,.94) .54s; }
	.responsive-menu-holder.open #mobile-menu li:nth-child(10) a{ transition: opacity .3s linear .6s,transform .3s cubic-bezier(.25,.46,.45,.94) .6s; }
	
}


/***** SOCIAL *****/
[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.4rem; }

@media screen and (max-width:1139px){ .header-social{ margin-left:20px; } [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; } }
@media screen and (max-width:1023px){ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1rem; } }
@media screen and (max-width:939px){ .header-social{ margin:0 100px 0 0; } }


/******************************************* MEGA MENU ***************************************/

.mega-menu{ position: fixed; width: 100%; height: 310px; top: 125px; border-top: 1px solid rgb(25, 149, 167, 0.5); z-index: 1000; background-color: #fff; display: none; border-bottom: 2px solid rgb(25, 149, 167, 0.5); /*box-shadow: 0px 1px 8px #aaa;*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;
transition: all .5s; }
.scrolled-down .mega-menu{ top: 69px; }
.home.scrolled-down .mega-menu{ top: 125px; }
.home.scrolled-down #main-menu-left li,
.home.scrolled-down #main-menu-right li{ padding: 13px 25px 60px; }

.mega-menu-inner{ width: 1060px; float: none; margin: 0 auto; height: 100%; padding-left: 60px; }
.mega-menu-inner-col{ float:left; width: 25%; padding-top: 30px; }
.mega-menu-inner-col ul li{ margin-bottom: 10px; }
.mega-menu-inner-col ul li a{ text-transform: uppercase; color: #0099A8; font-size: 0.9rem; margin-bottom: 5px; }
.mega-menu-inner-col ul li ul{  }
.mega-menu-inner-col ul li ul li{ margin-bottom: 0; }
.mega-menu-inner-col ul li ul li a{ text-transform: none; color: #6d6e70; font-weight: 400; font-size: 0.8rem; margin-bottom: 2px; }

.mega-menu-inner-col a{ border-bottom: 1px solid #fff; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s; }
.mega-menu-inner-col a:hover{ border-color: #1995A7; }

body.red-theme .mega-menu-inner-col a:hover{ border-color: #C30C0E; }
body.blue-theme .mega-menu-inner-col a:hover{ border-color: #1c3661; }
body.green-theme .mega-menu-inner-col a:hover{ border-color: #80b34b; }
.mega-menu-inner-col ul li ul li a:hover, .mega-menu-inner-col.global-address .textwidget a:hover,

body.red-theme .mega-menu-inner-col ul li ul li a:hover, body.red-theme .mega-menu-inner-col.global-address .textwidget a:hover{ border-color: #6d6e70; }
body.blue-theme .mega-menu-inner-col ul li ul li a:hover, body.blue-theme .mega-menu-inner-col.global-address .textwidget a:hover{ border-color: #6d6e70; }
body.green-theme .mega-menu-inner-col ul li ul li a:hover, body.green-theme .mega-menu-inner-col.global-address .textwidget a:hover{ border-color: #80b34b; }

.global-address{ text-align: right; }
.global-address a{ text-transform: uppercase; color: #0099A8; font-size: 0.9rem; margin-bottom: 5px; }
.global-address p{ text-transform: none; color: #6d6e70; font-weight: 400; font-size: 0.8rem; margin-bottom: 2px; }
.global-address p a{ text-transform:none; font-size: 0.8rem; color: #6d6e70; float: right; clear: both; margin: 0; line-height: 175%; }

.global-address a:hover{ border-color:#fff !important; color:#1995A7; }
.red-theme .global-address a:hover{ color:#C30C0E; }
.red-theme .global-address a:hover{ color:#1c3661; }

.mega-menu-inner-col.global-address .textwidget a{  }

.mega-menu.mega-active{ display: block; }

@media screen and (max-width:1400px){
	
	.home.scrolled-down #main-menu-left li, 
	.home.scrolled-down #main-menu-right li,
	#main-menu-left li, 
	#main-menu-right li{
		padding: 13px 15px 60px;
	}
	
}



/**** RED VERSION ****/
body.red-theme .mega-menu{ border-top-color:#FCCDCD; border-bottom-color:#FCCDCD; }
body.red-theme .mega-menu .nav-menu > li > a,
body.red-theme .global-address > a{ color: #C30C0E; }
body.desktop-device.red-theme .mega-menu .nav-menu > li > a:hover,
body.desktop-device.red-theme .global-address > a:hover{ border-color: #C30C0E; }

/**** BLUE VERSION ****/
body.blue-theme .mega-menu{ border-top-color:#1c3661; border-bottom-color:#1c3661; }
body.blue-theme .mega-menu .nav-menu > li > a,
body.blue-theme .global-address > a{ color: #1c3661; }
body.desktop-device.blue-theme .mega-menu .nav-menu > li > a:hover,
body.desktop-device.blue-theme .global-address > a:hover{ border-color: #1c3661; }

/**** green VERSION ****/
body.green-theme .mega-menu{ border-top-color:#80b34b; border-bottom-color:#80b34b; }
body.green-theme .mega-menu .nav-menu > li > a,
body.green-theme .global-address > a{ color: #80b34b; }
body.desktop-device.green-theme .mega-menu .nav-menu > li > a:hover,
body.desktop-device.green-theme .global-address > a:hover{ border-color: #80b34b; }




/****************************************** MOBILE MENU **************************************/
#mobile-menu-social{ width:150px; margin:0 auto; }





/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }
#hero-wrapper picture img{ min-width: 100%; }

@media screen and (max-height:767px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:1023px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:768px){ #hero-wrapper{ max-height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper{ max-height:none; height: 290px; }
	#hero-wrapper > .content-width{ height: 100%; }
	#hero-wrapper picture img{ height: 100%; max-width: none; }
}


/****************************** HOMEPAGE *****************************/

.home-banner-slide{ width: 100%; height: 100%; overflow: hidden; }
.home-slide-video{ position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: -1; }
.home-slide-video video{ min-width: 100%; min-height: 100%; object-fit: cover; }
.slide-content-holder{ width: 100%; height: 100%; }
.slide-content{ max-width: 60%; margin: 0 auto; }

.background-text-holder{ position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; max-height: 100vh; z-index: 0; display: none; }
.background-text-holder p{ font-size: 24vw; font-weight: 600; color: #f6f6f6; position: relative; line-height: 100%; text-transform: uppercase; text-align: center; }

.green-background-startup h1,
.home-banner-slide h1{ text-transform: uppercase; letter-spacing: 2px; font-size: 6.5rem; font-weight: 400; color: #fff; line-height: 120%; text-align: center; margin-bottom: 40px; }
.green-background-startup p,
.home-banner-slide p,
.slide-subheading{ color: #fff; text-align: center; font-size: 1.5rem; letter-spacing: 1px; width: 60%; margin: 0 auto 40px; float: none; }
#background-startup-logo-wrapper > img{ width: calc(100% - 40px); margin: auto; /*max-width: 300px;*/ max-width: 600px; }

.slide-subheading{ margin: 0 auto 20px; font-weight: 400; font-size: 1.8rem; }

.green-background-startup a,
.home-banner-slide a{ height: 35px; color: #000; background-color: #fff; padding: 6px 20px 5px; border-radius: 25px; margin: 0 auto; overflow: hidden; float: left; margin-left: calc(50% - 78px);  }

.green-background-startup h1{ color: #fff; }
.green-background-startup p,
.green-background-startup a{ opacity: 0; }

#hero-text{  margin-top: 90px;  }
#hero-text a{ height: 35px; color: #000; background-color: #fff; padding: 6px 20px 5px; border-radius: 25px; margin: 0 auto; overflow: hidden; float: left; margin-left: calc(50% - 68px); }
.home-banner-slide a span,
#hero-text a span{ position: relative; top: 0; transition: top 0.3s; }
.home-banner-slide a span b,
#hero-text a span b{ color: #1995A7; font-weight: normal; display: block; padding: 10px 0px; } 
.home-banner-slide a:hover span,
#hero-text a:hover span{ top: -34px; transition: top 0.3s; }

#hero-text h2{ color: #fff; text-align: center; font-size: 1.5rem; letter-spacing: 1px; width: 60%; margin: 0 auto 40px; float: none; font-weight: 300; }

.hero-lower-text{ color: #fff; font-size: 1.5rem; letter-spacing: 1px; }

#fp-nav{ display: none; }

/*.home-top-slide{ z-index: 12; }*/
.fixed-tile-1, .fixed-tile-2, .fixed-tile-3, .fixed-tile-4{ z-index: 8; position: relative; }
.fix{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh !important; }

.slide-content-container{ position: relative; max-height: 100vh; overflow: hidden; width: 100%; padding: 100px 0; }


.slide-content-right,
.slide-content-left{ width: 45%; z-index: 1; }
.slide-content-left{ display: none; }

.green-square-holder{ display: none; }
.green-square{ width: 400px; height: 400px; background-color: #1995A7; box-shadow: 0 3px 47px rgba(0, 0, 0, 0.3); transform-style: preserve-3d; z-index: 1; }
.cut-out-person{ display: none; position: absolute; top: -90px; width: 500px; height: 550px; left: -47px; background-repeat: no-repeat; transform: translateZ(50px); z-index: 2; }

.slide-content-container .slide-content p{ color: #1995A7; font-size: 1.4rem; width: 80%; line-height: 170%; }
.slide-content-container .slide-content a{ float: left; height: 35px; clear: left; color: #fff; background: #1995A7; margin-top: 20px; padding: 6px 20px 5px; border-radius: 25px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); overflow: hidden; }
.slide-content-container .slide-content a span{ position: relative; top: 0; transition: top 0.3s; }
.slide-content-container .slide-content a span b{ font-weight: normal; display: block; padding: 10px 0px; color: #fff; }

.slide-content-container .slide-content a:hover span{ top: -34px; transition: top 0.3s; }

.animated{ display: block; }



/***** AMEND FOR NEW MOBILE VERSION WITHOUT FIXED SLIDES *****/
#section-intro,
.fixed-tile-intro-mobile{ display:none; }
.page-id-7.detect-mobile-device #section-intro,
.page-id-7.detect-mobile-device .fixed-tile-intro-mobile{ display:block; }
.page-id-7.detect-mobile-device #section-intro{ padding: 50px 20%; }
.page-id-7.detect-mobile-device #sticky-header{ height: 130px; padding: 40px 0px; background-color:#fff; transition:all .5s; }
.page-id-7.detect-mobile-device.mobile-menu-open #sticky-header{ background:none; }
.page-id-7.detect-mobile-device.scrolled-down #sticky-header{ height: 90px; padding: 20px 0; }
.page-id-7.detect-mobile-device #site-logo{ transition: all .5s; }
.page-id-7.detect-mobile-device.scrolled-down #site-logo{ width: 70px; height: 70px; left: calc(50% - 35px); top: 10px; }
.page-id-7.detect-mobile-device #site-logo img{  }
.page-id-7.detect-mobile-device.scrolled-down #site-logo img{  }
.page-id-7.detect-mobile-device .main-navigation{  }
.page-id-7.detect-mobile-device.scrolled-down .main-navigation{ height: 50px; }
.page-id-7.detect-mobile-device .menu-toggle{  }
.page-id-7.detect-mobile-device.scrolled-down .menu-toggle{ width: 40px; height: 40px; }
.page-id-7.detect-mobile-device.scrolled-down .social-icons{ display:none; }

.page-id-7.detect-mobile-device #fullpage{ padding-top:100px; }
.page-id-7.detect-mobile-device #fullpage > .section{ position:relative; float:left; width:100%; border-bottom: 2px solid #1995A7; }
.page-id-7.detect-mobile-device #fullpage > .section:last-of-type{ border-bottom:none; }
.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n) .slide-content-image{ float:right; }
.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n+1) .slide-content-image{ float:left; }
.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n) .slide-content-text{ float:left; }
.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text{ float:right; }
.page-id-7.detect-mobile-device #fullpage > #section-intro{ border-bottom: 0; padding-bottom: 0; }
.page-id-7.detect-mobile-device #fullpage > .section > .fix{ position:relative; float:left; width:100%; top:auto; height: auto !important; /*padding:80px 0;*/ }
.page-id-7.detect-mobile-device #fullpage > .section > .fixed-tile-intro-mobile{ padding-bottom:70px; }
.page-id-7.detect-mobile-device #fullpage > .section > .fixed-tile-intro-mobile p{ color:#1995A7; }
.page-id-7.detect-mobile-device #fullpage > .section > .fix .slide-content-container{ padding:0; }
.page-id-7.detect-mobile-device .background-text-holder{ display:none; }
.page-id-7.detect-mobile-device .slide-content-text,
.page-id-7.detect-mobile-device .slide-content-image{ padding:80px 0; }
.page-id-7.detect-mobile-device .slide-content-text{  }
.page-id-7.detect-mobile-device .slide-content-image{  }
.page-id-7.detect-mobile-device .slide-content-left,
.page-id-7.detect-mobile-device .green-square-holder,
.page-id-7.detect-mobile-device .cut-out-person{ display:block; }
.page-id-7.detect-mobile-device .slide-content p{ display:block; font-size:1rem; }

.page-id-7.detect-mobile-device #mobile-intro-scroll-wrapper{ bottom: 0; width: 80px; left: calc(50% - 40px); text-align: center; height: 50px; }
.page-id-7.detect-mobile-device #mobile-intro-scroll-text{ text-transform: uppercase; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; }
.page-id-7.detect-mobile-device #mobile-intro-scroll-lines-wrapper{ position: absolute; bottom: 0; width: 30px; left: calc(50% - 15px); height: 30px; }
.page-id-7.detect-mobile-device .mobile-intro-scroll-line{ background-color: #1995A7; height: 2px; width: 15px; position: absolute; bottom: 15px; animation-name: mobileIntroScrollBounce; animation-duration: 4s; animation-iteration-count: infinite; }
.page-id-7.detect-mobile-device #mobile-intro-scroll-line-left{ transform: rotate(45deg); left: calc(50% - 13px); }
.page-id-7.detect-mobile-device #mobile-intro-scroll-line-right{ transform: rotate(-45deg); left: calc(50% - 3px); }

/* TEMP FOR TESTING */
/*.page-id-7.detect-desktop-device #section-intro{ padding: 50px 20%; }
.page-id-7.detect-desktop-device #sticky-header{ height: 130px; padding: 40px 0px; background-color:#fff; transition:all .5s; }
.page-id-7.detect-desktop-device.mobile-menu-open #sticky-header{ background:none; }
.page-id-7.detect-desktop-device.scrolled-down #sticky-header{ height: 90px; padding: 20px 0; }
.page-id-7.detect-desktop-device #site-logo{ transition: all .5s; }
.page-id-7.detect-desktop-device.scrolled-down #site-logo{ width: 70px; height: 70px; left: calc(50% - 35px); top: 10px; }
.page-id-7.detect-desktop-device #site-logo img{  }
.page-id-7.detect-desktop-device.scrolled-down #site-logo img{  }
.page-id-7.detect-desktop-device .main-navigation{  }
.page-id-7.detect-desktop-device.scrolled-down .main-navigation{ height: 50px; }
.page-id-7.detect-desktop-device .menu-toggle{  }
.page-id-7.detect-desktop-device.scrolled-down .menu-toggle{ width: 40px; height: 40px; }
.page-id-7.detect-desktop-device.scrolled-down .social-icons{ display:none; }

.page-id-7.detect-desktop-device #fullpage{ padding-top:100px; }
.page-id-7.detect-desktop-device #fullpage > .section{ position:relative; float:left; width:100%; border-bottom: 2px solid #1995A7; }
.page-id-7.detect-desktop-device #fullpage > .section:last-of-type{ border-bottom:none; }
.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n) .slide-content-image{ float:right; }
.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n+1) .slide-content-image{ float:left; }
.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n) .slide-content-text{ float:left; }
.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text{ float:right; }
.page-id-7.detect-desktop-device #fullpage > #section-intro{ border-bottom: 0; padding-bottom: 0; }
.page-id-7.detect-desktop-device #fullpage > .section > .fix{ position:relative; float:left; width:100%; top:auto; height: auto !important; }
.page-id-7.detect-desktop-device #fullpage > .section > .fixed-tile-intro-mobile{ padding-bottom:70px; }
.page-id-7.detect-desktop-device #fullpage > .section > .fixed-tile-intro-mobile p{ color:#1995A7; }
.page-id-7.detect-desktop-device #fullpage > .section > .fix .slide-content-container{ padding:0; }
.page-id-7.detect-desktop-device .background-text-holder{ display:none; }
.page-id-7.detect-desktop-device .slide-content-text,
.page-id-7.detect-desktop-device .slide-content-image{ padding:80px 0; }
.page-id-7.detect-desktop-device .slide-content-text{  }
.page-id-7.detect-desktop-device .slide-content-image{  }
.page-id-7.detect-desktop-device .slide-content-left,
.page-id-7.detect-desktop-device .green-square-holder,
.page-id-7.detect-desktop-device .cut-out-person{ display:block; }
.page-id-7.detect-desktop-device .slide-content p{ display:block; font-size:1rem; }

.page-id-7.detect-desktop-device #mobile-intro-scroll-wrapper{ bottom: 0; width: 80px; left: calc(50% - 40px); text-align: center; height: 50px; }
.page-id-7.detect-desktop-device #mobile-intro-scroll-text{ text-transform: uppercase; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; }
.page-id-7.detect-desktop-device #mobile-intro-scroll-lines-wrapper{ position: absolute; bottom: 0; width: 30px; left: calc(50% - 15px); height: 30px; }
.page-id-7.detect-desktop-device .mobile-intro-scroll-line{ background-color: #1995A7; height: 2px; width: 15px; position: absolute; bottom: 15px; animation-name: mobileIntroScrollBounce; animation-duration: 4s; animation-iteration-count: infinite; }
.page-id-7.detect-desktop-device #mobile-intro-scroll-line-left{ transform: rotate(45deg); left: calc(50% - 13px); }
.page-id-7.detect-desktop-device #mobile-intro-scroll-line-right{ transform: rotate(-45deg); left: calc(50% - 3px); }*/

@keyframes mobileIntroScrollBounce {
    0%   {bottom: 15px;}
    74%  {bottom: 15px;}
    87%  {bottom: 5px;}
    100% {bottom: 15px;}
}

@media screen and (max-width:1024px){
	.page-id-7.detect-mobile-device .fixed-tile-1 .cut-out-person{ background-position: -13px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-2 .cut-out-person{ background-position: 123px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-3 .cut-out-person{ background-position: -42px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-4 .cut-out-person{ background-position: -106px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-5 .cut-out-person{ background-position: 10px 0; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device .fixed-tile-1 .cut-out-person{ background-position: -13px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-2 .cut-out-person{ background-position: 123px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-3 .cut-out-person{ background-position: -42px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-4 .cut-out-person{ background-position: -106px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-5 .cut-out-person{ background-position: 10px 0; }*/
}

@media screen and (max-width:1023px){
	.page-id-7.detect-mobile-device #sticky-header{  }
	.page-id-7.detect-mobile-device.scrolled-down #sticky-header{  }
	.page-id-7.detect-mobile-device #site-logo img{ height:90px; }
	.page-id-7.detect-mobile-device.scrolled-down #site-logo img{  }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device #sticky-header{  }
	.page-id-7.detect-desktop-device.scrolled-down #sticky-header{  }
	.page-id-7.detect-desktop-device #site-logo img{ height:90px; }
	.page-id-7.detect-desktop-device.scrolled-down #site-logo img{  }*/
}

@media screen and (max-width:768px){
	.page-id-7.detect-mobile-device .fixed-tile-1 .cut-out-person{ background-position: -6px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-2 .cut-out-person{ background-position: 100px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-3 .cut-out-person{ background-position: -25px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-4 .cut-out-person{ background-position: -80px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-5 .cut-out-person{ background-position: 10px 0; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device .fixed-tile-1 .cut-out-person{ background-position: -6px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-2 .cut-out-person{ background-position: 100px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-3 .cut-out-person{ background-position: -25px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-4 .cut-out-person{ background-position: -80px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-5 .cut-out-person{ background-position: 10px 0; }*/
}

@media screen and (max-width:600px){
	.page-id-7.detect-mobile-device .green-square{ width: 150px; height: 150px; }
	.page-id-7.detect-mobile-device .cut-out-person{ width: 230px; height: 230px; }
	.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n) .green-square{ margin-right:0; }
	.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n+1) .green-square{ margin-left:0; }
	.page-id-7.detect-mobile-device .slide-content-text{ width:50%; }
	.page-id-7.detect-mobile-device .slide-content-text .section-heading{ font-size:1.6rem; }
	.page-id-7.detect-mobile-device .slide-content-text p{ width:100%; font-size: 0.9rem; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device .green-square{ width: 150px; height: 150px; }
	.page-id-7.detect-desktop-device .cut-out-person{ width: 230px; height: 230px; }
	.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n) .green-square{ margin-right:0; }
	.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n+1) .green-square{ margin-left:0; }
	.page-id-7.detect-desktop-device .slide-content-text{ width:50%; }
	.page-id-7.detect-desktop-device .slide-content-text .section-heading{ font-size:1.6rem; }
	.page-id-7.detect-desktop-device .slide-content-text p{ width:100%; font-size: 0.9rem; }*/
}

@media screen and (max-width:480px){
	.page-id-7.detect-mobile-device #fullpage{ padding-top: 50px; }
	.page-id-7.detect-mobile-device #fullpage > .section > .fix{ padding:/*50px*/ 0; }
	.page-id-7.detect-mobile-device #fullpage > .section > .fixed-tile-intro-mobile{ padding-bottom:70px; }
	.page-id-7.detect-mobile-device #fullpage > .section > .fixed-tile-intro-mobile p{ font-size:0.9rem; }
	.page-id-7.detect-mobile-device #section-intro{ padding: 50px 20px; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device #fullpage{ padding-top: 50px; }
	.page-id-7.detect-desktop-device #fullpage > .section > .fix{ padding: 0; }
	.page-id-7.detect-desktop-device #fullpage > .section > .fixed-tile-intro-mobile{ padding-bottom:70px; }
	.page-id-7.detect-desktop-device #fullpage > .section > .fixed-tile-intro-mobile p{ font-size:0.9rem; }
	.page-id-7.detect-desktop-device #section-intro{ padding: 50px 20px; }*/
	
	.page-id-7.detect-mobile-device #sticky-header{ height: 90px; padding: 20px 0; }
	.page-id-7.detect-mobile-device.scrolled-down #sticky-header{ height:70px; padding: 15px 0; }
	.page-id-7.detect-mobile-device #site-logo{ width: 70px; height: 70px; left: calc(50% - 35px); top: 10px; }
	.page-id-7.detect-mobile-device.scrolled-down #site-logo{ width: 50px; height: 50px; left: calc(50% - 25px); }
	.page-id-7.detect-mobile-device #site-logo img{  }
	.page-id-7.detect-mobile-device.scrolled-down #site-logo img{  }
	.page-id-7.detect-mobile-device .main-navigation{ height: 50px; }
	.page-id-7.detect-mobile-device.scrolled-down .main-navigation{ height: 40px; }
	.page-id-7.detect-mobile-device .menu-toggle{ width: 40px; height: 40px; }
	.page-id-7.detect-mobile-device.scrolled-down .menu-toggle{  }
	.page-id-7.detect-mobile-device .slide-content-text,
	.page-id-7.detect-mobile-device .slide-content-image{ padding:50px 0; }
	.page-id-7.detect-mobile-device .slide-content-text{  }
	.page-id-7.detect-mobile-device .slide-content-image{ padding: 20px 0; }
	.page-id-7.detect-mobile-device .slide-content p{ display:none; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device #sticky-header{ height: 90px; padding: 20px 0; }
	.page-id-7.detect-desktop-device.scrolled-down #sticky-header{ height:70px; padding: 15px 0; }
	.page-id-7.detect-desktop-device #site-logo{ width: 70px; height: 70px; left: calc(50% - 35px); top: 10px; }
	.page-id-7.detect-desktop-device.scrolled-down #site-logo{ width: 50px; height: 50px; left: calc(50% - 25px); }
	.page-id-7.detect-desktop-device #site-logo img{  }
	.page-id-7.detect-desktop-device.scrolled-down #site-logo img{  }
	.page-id-7.detect-desktop-device .main-navigation{ height: 50px; }
	.page-id-7.detect-desktop-device.scrolled-down .main-navigation{ height: 40px; }
	.page-id-7.detect-desktop-device .menu-toggle{ width: 40px; height: 40px; }
	.page-id-7.detect-desktop-device.scrolled-down .menu-toggle{  }
	.page-id-7.detect-desktop-device .slide-content-text,
	.page-id-7.detect-desktop-device .slide-content-image{ padding:50px 0; }
	.page-id-7.detect-desktop-device .slide-content-text{  }
	.page-id-7.detect-desktop-device .slide-content-image{ padding: 20px 0; }
	.page-id-7.detect-desktop-device .slide-content p{ display:none; }*/
}

@media screen and (max-width:479px){
	.page-id-7.detect-mobile-device .slide-content-right, 
	.page-id-7.detect-mobile-device .slide-content-left{ width:50%; }
	.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n) .slide-content-text{  }
	.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text{ text-align:right; }
	.page-id-7.detect-mobile-device .slide-content-text .section-heading{ margin-bottom:10px; font-size:1.2rem; }
	.page-id-7.detect-mobile-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text a{ float:right; }
	.page-id-7.detect-mobile-device .green-square { width: 100px; height: 100px; }
	.page-id-7.detect-mobile-device .cut-out-person { width: 130px; height: 130px; }
	.page-id-7.detect-mobile-device .fixed-tile-1 .cut-out-person{ background-position: -40px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-2 .cut-out-person{ background-position: 0; }
	.page-id-7.detect-mobile-device .fixed-tile-3 .cut-out-person{ background-position: -49px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-4 .cut-out-person{ background-position: -71px 0; }
	.page-id-7.detect-mobile-device .fixed-tile-5 .cut-out-person{ background-position: -32px 0; }
	
	/* TEMP FOR TESTING */
	/*.page-id-7.detect-desktop-device .slide-content-right, 
	.page-id-7.detect-desktop-device .slide-content-left{ width:50%; }
	.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n) .slide-content-text{  }
	.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text{ text-align:right; }
	.page-id-7.detect-desktop-device .slide-content-text .section-heading{ margin-bottom:10px; font-size:1.2rem; }
	.page-id-7.detect-desktop-device #fullpage > .section:nth-of-type(2n+1) .slide-content-text a{ float:right; }
	.page-id-7.detect-desktop-device .green-square { width: 100px; height: 100px; }
	.page-id-7.detect-desktop-device .cut-out-person { width: 130px; height: 130px; }
	.page-id-7.detect-desktop-device .fixed-tile-1 .cut-out-person{ background-position: -40px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-2 .cut-out-person{ background-position: 0; }
	.page-id-7.detect-desktop-device .fixed-tile-3 .cut-out-person{ background-position: -49px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-4 .cut-out-person{ background-position: -71px 0; }
	.page-id-7.detect-desktop-device .fixed-tile-5 .cut-out-person{ background-position: -32px 0; }*/
}





@media screen and (max-width:1400px){
	#hero-text{ width: 75%; }
	.slide-content{ max-width: 90%; padding-left: 70px; }
	.green-background-startup .slide-content,
	.home-banner-slide .slide-content{ padding-left: 0px; }
	
	.green-background-startup p,
	.home-banner-slide p{ width: 100%; }
	
	.green-square{ width: 350px; height: 350px; float: none; margin: 0 auto; }
	.cut-out-person{ background-position: center; background-size: cover; top: -36px; width: 430px; height: 430px; }
	.slide-content-container .slide-content p{ font-size: 1.3rem; width: 90%; }
}

@media screen and (max-width:1024px){
	.home-banner-slide h1{ font-size: 3.5rem; margin-bottom: 25px; }
	.home-banner-slide p{ font-size: 1.1rem; margin: 0 auto 25px; }
	
	.green-background-startup h1{ font-size: 3.5rem; margin-bottom: 25px; }
	.green-background-startup p{ font-size: 1.1rem; margin: 0 auto 25px; }
}

@media screen and (max-width:768px){
	.slide-content{ padding-left: 0; }
	.green-square{ width: 250px; height: 250px; }
	.cut-out-person{ width: 330px; height: 330px; }
	
	#hero-text{ width: 90%; }
	#hero-text h2{ font-size: 1rem; width: 100%; margin: 0 auto 20px; padding-top: 20px; }
	#hero-text h2 a{ float: none; margin-top: 0; font-size: 1rem; height: auto; padding: 0; margin-left: 0; color: #fff; background-color:  transparent; }
}

@media screen and (max-width:479px){
	#hero-text a{ margin-top: 25px; font-size: 0.85rem; height: 30px; padding: 5px 15px 3px; margin-left: calc(50% - 55px); }
	
	.home-banner-slide h1{ font-size: 2rem; margin-bottom: 25px; }
	.home-banner-slide p{ font-size: 1rem; margin: 0 auto 25px; }
	
	.green-background-startup h1{ font-size: 2rem; margin-bottom: 25px; }
	.green-background-startup p{ font-size: 1rem; margin: 0 auto 25px; }
	
	.slide-content-container .padding-horizontal-50-1599{ padding-left: 25px; padding-right: 25px; }
	.slide-content{ max-width: 100%; }
	.slide-content-right, .slide-content-left{ width: 100%; }
	.slide-content-container .slide-content p{ font-size: 1.1rem; width: 100%; }
	.green-square{ width: 75%; height: 120px; margin: 30px auto; }
	.cut-out-person{ top: 0px; width: 50%; height: 125px; left: 20%; background-position: center; background-size: cover;}
	
}


/*** Inner pages hero***/

#hero-content{ height: 100%; }



/****************************************** FOOTER **************************************/
#footer-logo{ padding-right:5%; }
#footer-logo img{ max-width:120px; max-height:120px; margin-bottom:20px; }
.footer-menu-column ul{ margin-left:0; padding-right:20px; }
.footer-menu-column a{ margin-bottom:5px; font-size:0.9rem; }

body.red-theme #site-footer{ border-top-color:#FCCDCD; }
body.red-theme .footer-column .nav-menu > li > a,
body.red-theme .heading-link,
body.red-theme .svg-inline--fa,
body.red-theme #footer-legal a{ color:#C30C0E; }

body.blue-theme #site-footer{ border-top-color:#1c3661; }
body.blue-theme .footer-column .nav-menu > li > a,
body.blue-theme .heading-link,
body.blue-theme .svg-inline--fa,
body.blue-theme #footer-legal a{ color:#1c3661; }

body.green-theme #site-footer{ border-top-color:#80b34b; }
body.green-theme .footer-column .nav-menu > li > a,
body.green-theme .heading-link,
body.green-theme .svg-inline--fa,
body.green-theme #footer-legal a{ color:#80b34b; }

.ethos-broking-logo{ clear: left; margin-top: 1rem; opacity: 0.4; transition: all 0.2s }
.detect-desktop-device .ethos-broking-logo:hover{ opacity: 0.8; }
.grecaptcha-badge{ display: none !important; }




/***************************** TEASERS ***************************/
.teaser-wrapper:nth-of-time(3n + 1){ clear:left; }
.teaser-wrapper > .left-content{ max-width:350px; }
.teaser-wrapper > .left-content .sub-heading{ margin-bottom:0; }
.desktop-device .teaser-wrapper > .left-content:hover .background-blue-light-hover{background-color:#C8EBF2;}
@media screen and (max-width:768px){
	.teaser-wrapper > .left-content{
		float:none;
		display:block;
		margin:0 auto;
	}
}



/***************************** ABOUT PAGE ******************************/
/** Half and Half Sections **/

.half-and-half-holder{ position: relative; }
.half-and-half{ float: left; width: 50%; overflow: hidden; }
.half-and-half.half-content{ padding-right: 30px; }
.half-and-half.half-image .image-and-name-holder{ float: none; margin: 0 auto; max-width: 450px; width: 100%; position: relative; }
.half-and-half.half-image{ padding-left: 30px; position: relative; }
.content-right .half-content{ float: right; padding-right: 0; padding-left: 30px; }
.max-width-text-side{ max-width: 600px; float: none; margin: 0 auto;}
/*.half-and-half.half-image img{ float: none; margin: 0 auto; max-width: 450px; width: 100%; }*/
.half-content{}
.half-image{}

.page-breaker{ background-position: center; background-size: cover; height: 400px; margin: 25px 0; }
.page-breaker.no-margin{ margin: 0; }

@media screen and (max-width:1400px){
	.content-right .half-and-half.half-image{ padding-left: 0; }
	.half-and-half.half-content{ padding-right: 0px; padding-left: 75px; }
	.content-right .half-content{ padding-right: 50px; padding-left: 0px; }
	.max-width-text-side{ max-width: 500px; }
}

@media screen and (max-width:770px){
	.half-and-half-holder{ padding-right: 30px; padding-left: 30px; }
}

@media screen and (max-width:767px){
	.half-and-half-holder{ padding-right: 0px; padding-left: 0px; }
	.half-and-half{ width: 100%; }
	.half-and-half.half-content{ padding-right: 0px; padding-left: 0px; }
	.content-right .half-content{ padding-left: 0px; height: auto !important; }
	.half-and-half.half-image{ display: none; }
	.max-width-text-side{ max-width: 100%; }
	
	.page-breaker{ height: 250px; margin: 0; }
}

@media screen and (max-width:480px){
	
}

/******* Testimonials *******/

.testimonial-section{ margin: 25px 0; }
.testimonial-left{ width: 50%; float: left; padding: 0 75px; }
.testimonial-left p{ font-size: 1.4rem; line-height: 170%; }
.testimonial-left p svg{ color: #fff !important; }
.testimonial-image-right{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-position:  center; background-repeat: no-repeat; background-size: cover; }
.testimonial_author{ float: left; width: auto; color: #fff; font-size: 1.2rem; margin-top: 20px; }
.testimonial_company{ float: left; width: auto; color: #fff; font-size: 1.2rem; clear: left; }
.testimonial-arrow{ position: absolute; left: 0; width: 36px; height: 69px; top: calc(50% - 35px); background-image: url('../img/icons/testimonial-right.png'); }
.map-arrow{ left: 50%; z-index: 1; }


@media screen and (max-width:1200px){
	.testimonial-left p{ font-size: 1rem; }
}

@media screen and (max-width:768px){
	.testimonial-section{ margin: 0; }
	.testimonial-section.dark-green-bg{ background-color: rgba(0,0,0,0.75); }
	.testimonial-left{ width: 100%; padding: 0 20px; }
	.testimonial-image-right{ width: 100%; z-index: -1; }
	.testimonial-arrow{ display: none; }
	
	.page-template-template-contact .what-it-cover-section{ padding-bottom: 0; padding-top: 50px; }
	.page-template-template-contact .what-it-cover-section.dark-green-bg{ background-color: #1995A7; }
	.page-template-template-contact .testimonial-left{ padding-bottom: 40px;}
	.page-template-template-contact .testimonial-left p{ text-align: center; }
	.page-template-template-contact iframe{ width: 100% !important; height: 290px !important; position: relative !important; float: left; }
	
}

/********* meet the team *********/

.overall-members-carousel .slick-list.draggable,
.overall-members-carousel-single .slick-list.draggable{ margin: 120px auto 0; width: 100%; }
.team-member{ padding: 0 40px; }
.team-member-image{}
.team-member-image img{}
.team-member-info{}
.team-member-info h2,
.blog-by-category ul li a h3{ text-align: center; margin-top: 15px; font-weight: 500; font-size: 1.1rem; color: #1995A7; }
.team-member-info .highlighted-text-small{ margin-top: 25px; margin-bottom: 0; }
.team-member-info p{ text-align: center; font-size: 1.1rem; font-weight: 300; }

.all-team-members .team-member{ float: left; padding: 0; width: 30%; margin: 15px 2.5%; }
.all-team-members .team-member:nth-of-type(3n+1){ margin-left: 0; clear: left; }
.all-team-members .team-member:nth-of-type(3n){ margin-right: 0; }

.blog .overall-members-carousel .slick-list.draggable,
.single .overall-members-carousel-single .slick-list.draggable{ margin: 0 auto 0; }
.blog .team-member-info h2,
.single .team-member-info h2{ text-align: left; font-size: 1.25rem; font-weight: 300; }
.blog .team-member-info p,
.single .team-member-info p{ text-align: left; font-size: 0.9rem; font-weight: 200; margin-top: 15px; }
.blog-background-image{ height: 210px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.blog-big-image{ width: 450px; height: 350px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: cover; }

.slick-prev.slick-arrow{ width: 35px; height: 35px; font-weight: 100; color: #fff; font-size: 1.75rem; line-height: 100%; border-radius: 25px; background-color: #1995A7; border: none; position: absolute; top: 150px;
left: -75px; }
.slick-next.slick-arrow{ width: 35px; height: 35px; font-weight: 100; color: #fff; font-size: 1.75rem; line-height: 100%; border-radius: 25px; background-color: #1995A7; border: none; position: absolute; top: 150px;
right: -75px; }
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover{ background-color: rgba(25, 149, 167, 0.5); }

/** RELATED PRODUCTS VERSION **/
.related-products-slider-section .related-product-teaser:hover h2{ color: #6d6e70; }

@media screen and (max-width:1399px){
	.slick-prev.slick-arrow{ left: 30px; }
	.slick-next.slick-arrow{ right: 30px; }
	.team-slider-section .slick-prev.slick-arrow{ left: -75px; }
	.team-slider-section .slick-next.slick-arrow{ right: -75px; }
}

@media screen and (max-width:1280px){
	.slick-prev.slick-arrow{ left: -30px; }
	.slick-next.slick-arrow{ right: -30px; }
}

@media screen and (max-width:1199px){
	.team-slider-section .slick-prev.slick-arrow{ left: -10px; }
	.team-slider-section .slick-next.slick-arrow{ right: -10px; }
}

@media screen and (max-width:1099px){
	.team-slider-section .overall-members-carousel .slick-list.draggable, .overall-members-carousel-single .slick-list.draggable{ margin: 120px 5% 0; width: 90%; }
	.team-slider-section .slick-prev.slick-arrow{ left: 20px; }
	.team-slider-section .slick-next.slick-arrow{ right: 20px; }
}

@media screen and (max-width:768px){
	.slick-prev.slick-arrow,
	.slick-next.slick-arrow{ display: none !important; }
	.team-member-info h2, .blog-by-category ul li a h3{ font-size: 1.3rem; }
	.team-member-info p{ font-size: 1rem; }
}
	
/***************************** CATEGORY PAGE ******************************/

@media screen and (max-width:768px){
	.category-intro-section p{ text-align: left !important; }
	#category-product-teasers .padding-vertical-100{ padding-top: 30px; padding-bottom: 30px; }
	/*#category-product-teasers .half-and-half.half-image{ display: block; position: absolute; z-index: -1; padding-left: 0; opacity: 0.1;  }*/
	#category-product-teasers .half-content .section-heading{ margin-bottom: 15px; }
	#category-product-teasers .half-content .teaser-content p:nth-of-type(2){ display: none; }
	#category-product-teasers .half-content .teaser-content .rounded-button{ margin-top: 0px; }
	
	.page-template-template-category .product-form-section{ padding-top: 50px; }
}



/***************************** PRODUCT PAGE ******************************/
/* NAV MENU */
#product-menu{ padding-right:20px; }
/* RIGHT SIDEBAR */
#product-sidebar-right{  }
#product-sidebar-right li{  }
#product-sidebar-right li img{ width:50px; margin-right:20px; }
#product-sidebar-right li p{ width:calc(100% - 70px); margin:10px 0 0; }

.what-it-cover-section{ margin: 25px 0;  }
.what-it-cover-section .sub-heading{ color: #fff; font-size: 1.5rem; font-weight: 500; }
.what-it-cover-section ul{ margin-bottom: 0; }
.what-it-cover-section ul li{ color: #fff; font-size: 1.4rem; line-height: 170%; background-image: url(../img/assets/white-bullet-point.png); background-position: 0px 18px; }
.what-it-cover-section ul li a{ color:#fff; border-bottom: 1px solid #fff; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.what-it-cover-section ul li a:hover{ border-color:#1995A7; }

.extra-info-section p{ text-align: center; }

#product-video-section{ overflow:hidden; }
#product-video-section .half-and-half.half-content{ float:left; }
#product-video-section .half-and-half.half-image{  }
/*#product-video-section.video-section-width-wide{  }
#product-video-section.video-section-width-narrow{  }
#product-video-section.video-section-height-tall{  }
#product-video-section.video-section-height-short{ max-height:400px; }
#product-video-section video{ float:left; width:100%; }*/
#product-video-section iframe{ float: left; width: 100%; }
/*#product-video-section.video-section-width-wide iframe{ float:left; width:100%; }
#product-video-section.video-section-width-narrow iframe{ float:none; display:block; margin:auto; }
#product-video-section.video-section-height-tall iframe{  }
#product-video-section.video-section-height-short iframe{ float:none; display:block; margin:auto; }*/

@media screen and (max-width:1299px){
	#product-video-section .half-and-half.half-content{ padding-left:30px; }
}

@media screen and (max-width:1024px){
	/*#product-video-section.video-section-height-short{ max-height:300px; }*/
}

@media screen and (max-width:768px){
	/*#product-video-section.video-section-height-short{ max-height:200px; }*/
	#product-video-section .half-and-half.half-content{ padding-bottom:20px; padding-left:0; }
	#product-video-section .half-and-half.half-image{ display:block; }
	.what-it-cover-section{ margin: 0; }
	.what-it-cover-section.dark-green-bg{ background-color: rgba(0,0,0,0.75); }
	.what-it-cover-section .sub-heading,
	.what-it-cover-section ul li{ font-size: 1rem; }
}

@media screen and (max-width:480px){
	/*#product-video-section.video-section-height-short{ max-height:150px; }*/
}






/**************************** CAR INSURANCE PAGE **********************************/
.left-right-split-content-wrapper{  }
.left-right-split-content-wrapper-left-image{  }
.left-right-split-content-wrapper-left-text{  }

.left-right-split-content-image-wrapper{ background-repeat:no-repeat; background-position:50%; background-size:cover; }

.left-right-split-content-text-wrapper{  }
.left-right-split-content-text{ max-width:600px; }
.split-info-section-heading{  }
.split-info-section-body{  }
.split-info-section-body *{  }

.left-right-split-content-text .external-quote-link{ padding: 0; }
.left-right-split-content-text .rounded-button{ margin-left: 0 !important; }

/* SPECIFICS FOR IMAGE ON LEFT VERSION */
.left-right-split-content-wrapper-left-image .left-right-split-content-text{ float:left; padding:100px 0 100px 80px; }

/* SPECIFICS FOR TEXT ON LEFT VERSION */
.left-right-split-content-wrapper-left-text .left-right-split-content-text{ float:right; padding:100px 80px 100px 0; }

@media screen and (max-width:1299px){
	.left-right-split-content-wrapper-left-image .left-right-split-content-text{ padding-right:40px; }
	.left-right-split-content-wrapper-left-text .left-right-split-content-text{ padding-left:40px; }
}

@media screen and (max-width:767px){
	.left-right-split-content-image-wrapper{  }
	.left-right-split-content-wrapper-left-image .left-right-split-content-text,
	.left-right-split-content-wrapper-left-text .left-right-split-content-text{ max-width: none; padding: 80px; }
}

@media screen and (max-width:479px){
	.left-right-split-content-wrapper-left-image .left-right-split-content-text,
	.left-right-split-content-wrapper-left-text .left-right-split-content-text{ padding: 60px; }
	.split-info-section-body *{ font-size: 0.9rem; }
}









/***************************** CONTACT PAGE ******************************/
/* GOOGLE MAP */
#hero-wrapper iframe{ height:400px; width:100%; }
@media screen and (max-height:767px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:768px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper iframe{ height:200px; } }
/* FONT AWESOME ICONS VIA VISUAL COMPOSER */
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ width:16px; height:16px; margin-right:15px; }
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon{ top:0; left:0; transform:translate(0, 0); }

#fos-statement p{ font-size: 0.85rem; }

@media screen and (max-width:768px){
	#fos-statement{ padding: 100px 20px; }
}


/***************************** BLOG PAGES ******************************/
.archives{ margin:0; padding-right:20px; list-style:none; }
.archives li{  }
.archives li a{ float:left; margin-bottom:5px; }

.page-numbers, .nav-links a{ background-color:#e2f4f8; color:#00abc5; }
.page-numbers.current{ background-color:#00abc5; color:#e2f4f8; }
.pagination a:hover{ background-color:#c8ebf2; }

.archive article{ float: left; width: 100%; margin: 30px 0; }
.archive .blog-background-image{ width: 250px; float: left; }
.archive .team-member-info{ float: left; width: calc(100% - 250px); padding-left: 50px; }
.archive .team-member-info p{ font-size: 1rem; text-align: left; }
.archive .team-member-info h2{ font-size: 1.25rem; text-align: left; margin-top: 0; margin-bottom: 15px; }

.archive aside h1,
.single aside h1{ font-size: 1.5rem; margin-bottom: 10px; color: #1995A7; font-weight: 300; text-transform: uppercase; line-height: 120%; }
.archive aside .xoxo,
.single aside .xoxo{ margin: 0; margin-bottom: 15px; }

#blog-archive #secondary{ float: left; }
#blog-archive #secondary.active{ position: fixed; top: 100px;}
#blog-archive #secondary.stuck-bottom{ position: absolute; bottom: 0; top: auto; }


/***** Blog By Category ****/

.blog-by-category ul{ margin: 0; list-style: none; }
.blog-by-category ul li{ padding-left: 0; background: none; width: 20%; margin:2.5%; float: left; }
.blog-by-category ul li:nth-of-type(4n+5){ clear: left; }

@media screen and (max-width:1200px){
	.team-member-info h2,
	.blog-by-category ul li a h3{ font-size: 1.25rem; }
}

@media screen and (max-width:768px){
	.blog .team-member{ padding: 0 20px; }
	.blog .overall-members-carousel.padding-horizontal-80-1399{ padding-left: 0px; padding-right: 0px;}
	.lastest-blog-article .section-heading{ font-size: 1.4rem; }
	
	#blog-category-section .padding-horizontal-80-1399{ padding-left: 20px; padding-right: 20px; }
	.blog-by-category ul li{ width: 45%; }
	.blog-by-category ul li:nth-of-type(4n+5){ clear: none; }
	.blog-by-category ul li:nth-of-type(odd){ clear: left; }
	.blog-by-category ul li img{ float: none; margin: 0 auto; }
	
	.archive #blog-index-category{ width: 100%; }
	.archive article{ width: 50%; padding: 0 30px; }
	.archive article:nth-of-type(odd){ clear: left; }
	.archive .blog-background-image{ width: 100%; height: 200px; margin-bottom: 20px; }
	.archive .team-member-info{ width: 100%; padding-left: 0; }
	
	
	#blog-archive{ display: none; }
	.overall-members-carousel-single.padding-horizontal-80-1399{ padding-left: 0; padding-right: 0; }
}

@media screen and (max-width:480px){
	.archive article{ width: 100%; padding: 0 15px; }
}



/***************************** EXTERNAL QUOTE ******************************/

.page-template-template-external_quote iframe{ border: 1px solid rgb(25, 149, 167, 0.5); }
.external-quote-right,
.external-quote-left{ float: left; width: 50%; }

.external-quote-link{ float:left; padding: 0 10px; text-align:center; }
.external-quote-link-total-1{ width:100%; }
.external-quote-link-total-2{ width:50%; }
.external-quote-link-total-3,
.external-quote-link-total-4,
.external-quote-link-total-5,
.external-quote-link-total-6{ width:33.33%; }

@media screen and (max-width:1023px){
	.external-quote-link-total-3,
	.external-quote-link-total-4,
	.external-quote-link-total-5,
	.external-quote-link-total-6{ width:50%; }
}

@media screen and (max-width:767px){
	.external-quote-link-total-2,
	.external-quote-link-total-3,
	.external-quote-link-total-4,
	.external-quote-link-total-5,
	.external-quote-link-total-6{ width:100%; }
}




/***************************** FOOTER ******************************/

.footer-column{ float: left; width: 25%; }
#footer-column-logo img{ width: 110px; }
.footer-menu ul li{ margin-bottom: 10px; }
.footer-menu ul li a{ text-transform: uppercase; color: #0099A8; font-size: 0.9rem; margin-bottom: 5px; }
.footer-menu ul li ul{  }
.footer-menu ul li ul li{ margin-bottom: 0; }
.footer-menu ul li ul li a{ text-transform: none; color: #6d6e70; font-weight: 400; font-size: 0.8rem; margin-bottom: 2px; }

.footer-about .heading-link{ text-transform: uppercase; color: #0099A8; font-size: 0.9rem; margin-bottom: 5px; }
.footer-about p{ font-size: 0.8rem; }
.footer-about p a{ text-transform: none; color: #6d6e70; font-weight: 400; font-size: 0.8rem; margin-bottom: 2px; }
#footer-legal p{ font-size: 0.8rem; }

@media screen and (max-width:768px){
	#footer-column-logo{ width: 100%; }
	#footer-column-logo a,
	#footer-column-logo img{ float: none; margin: 0 auto; }
	
	.footer-menu{ width: 50%; margin: 30px 0; }
	.footer-menu ul li a{ float: none; margin: 0 auto; display: table; text-align:center; }
	
	.footer-about{ width: 100%; }
	.footer-about a{ float: none; margin: 0 auto; display: table; }
	.footer-about p{ text-align: center; }
	
	.footer-social{ width: 140px; float: none; display: table; margin: 0 auto; }
	.footer-social a{ float: left; }
}




/***************************** RISK MANAGEMENT ******************************/

.red-theme .hero-lower-text{ float:left; width:100%; margin-bottom:30px; }

.red-theme.scrolled-down #main-menu-left li a,
.red-theme.scrolled-down #main-menu-right li a{ color: #C30C0E;  }
.red-theme.inner-page.scrolled-down #sticky-header{ border-bottom: 1px solid rgb(195, 12, 14, 0.5); }

.red-theme #hero-text a span b{ color: #C30C0E; }
.red-theme .social-icons .fa{ color: #C30C0E; }

.red-theme .dark-green-bg{ background-color: #C30C0E; }

.red-theme .section-heading{ color: #C30C0E; }

.red-theme .active-row .form-row-label{ color: #C30C0E; }
.red-theme .form-line-dull{ background-color: rgba(195, 12, 14, 0.5); }
.red-theme input[type="submit"]{ color: #C30C0E; }

.red-theme .testimonial-arrow{ background-image: url('../img/icons/red-testimonial-right.png'); }
.red-theme main ul li{ background-image: url(../img/assets/red-bullet-point.png); }
.red-theme .what-it-cover-section ul li{ background-image: url(../img/assets/white-bullet-point.png); }

.red-theme.scrolled-down #main-menu-left li a:hover::after,
.red-theme.scrolled-down #main-menu-right li a:hover::after{ border-bottom: 1px solid #C30C0E; }
.red-theme.scrolled-down .menu-toggle-line{ background-color: #C30C0E; }

.cta-red{ background: #C30C0E; color: #fff; padding: 6px 15px; border-radius: 17px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.desktop-device .cta-red:hover{ background-color:#000; }

.red-theme .what-it-cover-section ul li a:hover{ border-color:#fff; }

/* green theme*/

.green-theme .hero-lower-text{ float:left; width:100%; margin-bottom:30px; }

.green-theme.scrolled-down #main-menu-left li a,
.green-theme.scrolled-down #main-menu-right li a{ color: #80b34b;  }
.green-theme.inner-page.scrolled-down #sticky-header{ border-bottom: 1px solid rgb(128, 179, 75, 0.5); }

.green-theme #hero-text a span b{ color: #80b34b; }
.green-theme .social-icons .fa{ color: #80b34b; }

.green-theme .dark-green-bg{ background-color: #80b34b; }

.green-theme .section-heading{ color: #80b34b; }

.green-theme .active-row .form-row-label{ color: #80b34b; }
.green-theme .form-line-dull{ background-color: rgba(128, 179, 75, 0.5); }
.green-theme input[type="submit"]{ color: #80b34b; }

/* NEW/EXTENDED VERSION 28-6-2018 */
body.parent-pageid-15 .hero-heading,
body.page-id-15 .hero-heading{ font-size:3rem; }

body.page-id-15 #page-image-breaker-1{ margin-bottom:0; }

.teaser-wrapper-risk-management-training.content-width-1-2:nth-of-type(2n+1){ clear:left; }
.teaser-wrapper-risk-management-training.content-width-1-3:nth-of-type(3n+1){ clear:left; }
#risk-management-training h3,
#risk-management-training-others h3{ font-size: 3rem; font-weight: 100; text-transform: uppercase; }
.teaser-read-more-link{ display: block; margin: auto; width: 140px; clear: both; text-align: center; padding: 3px 0; border-radius: 15px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.desktop-device .teaser-read-more-link:hover{ background-color:rgba(195,12,14,.7); }

.content-area-risk-management #page-image-breaker-1{ margin-top:0; }

.what-it-covers-risk-management{ position:relative; }
.what-it-covers-risk-management .testimonial-left{ padding: 100px 75px; }
#what-it-covers-2 .testimonial-image-right{ right:auto; left:0; }
#what-it-covers-2 .testimonial-left{ float:right; }
#what-it-covers-2 .testimonial-arrow{ left:auto; right:0; transform:rotate(180deg); }



#risk-child-section-3 .half-content{ float:left; }
#risk-child-section-3 .half-image{ float:right; }
#risk-management-training-others p a{ color:#fff; }
.desktop-device #risk-management-training-others p a:hover{ text-decoration:underline; }

@media screen and (max-width:1599px){
	body.parent-pageid-15 .hero-heading,
	body.page-id-15 .hero-heading{ font-size:2.5rem; margin-bottom:20px; }
}

@media screen and (max-width:1299px){
	body.parent-pageid-15 .hero-heading,
	body.page-id-15 .hero-heading{ font-size:2rem; }
	body.parent-pageid-15 #hero-text h2,
	body.page-id-15 #hero-text h2{ margin-bottom:20px; font-size:1.3rem; }
}

@media screen and (max-width:1023px){
	body.parent-pageid-15 .hero-heading,
	body.page-id-15 .hero-heading{ font-size:1.7rem; }
	body.parent-pageid-15 #hero-text h2,
	body.page-id-15 #hero-text h2{ font-size:1.1rem; }
	
	#risk-management-training h3, #risk-management-training-others h3{ font-size:2.5rem; }
	.what-it-covers-risk-management .testimonial-left{ padding: 50px 50px; }
	.what-it-cover-section .what-it-covers-risk-management ul li{ font-size:1.2rem; }
}

@media screen and (max-height:767px){
	body.parent-pageid-15 #hero-text *,
	.blue-theme #hero-text *,
	body.page-id-15 #hero-text *{ margin-bottom:10px; }
	body.parent-pageid-15 #hero-text .hero-heading, 
	.blue-theme #hero-text .hero-heading,
	body.page-id-15 #hero-text .hero-heading{ font-size: 1.8rem; }
	body.parent-pageid-15 #hero-text h1,
	.blue-theme #hero-text h1,
	body.page-id-15 #hero-text h1{ margin-bottom:0; }
	body.parent-pageid-15 #hero-text h2,
	.blue-theme #hero-text h2,
	body.page-id-15 #hero-text h2{ font-size: 1.3rem; }
	body.parent-pageid-15 #hero-text .hero-lower-text,
	.blue-theme #hero-text .hero-lower-text,
	body.page-id-15 #hero-text .hero-lower-text{ font-size: 1.3rem; }
	body.parent-pageid-15 #hero-text .anchorLink,
	.blue-theme #hero-text .anchorLink,
	body.page-id-15 #hero-text .anchorLink{ font-size: 0.9rem; }
}

@media screen and (max-height:767px){
	body.parent-pageid-15 #hero-text *,
	.green-theme #hero-text *,
	body.page-id-15 #hero-text *{ margin-bottom:10px; }
	body.parent-pageid-15 #hero-text .hero-heading, 
	.green-theme #hero-text .hero-heading,
	body.page-id-15 #hero-text .hero-heading{ font-size: 1.8rem; }
	body.parent-pageid-15 #hero-text h1,
	.green-theme #hero-text h1,
	body.page-id-15 #hero-text h1{ margin-bottom:0; }
	body.parent-pageid-15 #hero-text h2,
	.green-theme #hero-text h2,
	body.page-id-15 #hero-text h2{ font-size: 1.3rem; }
	body.parent-pageid-15 #hero-text .hero-lower-text,
	.green-theme #hero-text .hero-lower-text,
	body.page-id-15 #hero-text .hero-lower-text{ font-size: 1.3rem; }
	body.parent-pageid-15 #hero-text .anchorLink,
	.green-theme #hero-text .anchorLink,
	body.page-id-15 #hero-text .anchorLink{ font-size: 0.9rem; }
}

@media screen and (max-width:899px){
	body.parent-pageid-15 #hero-text .hero-heading,
	body.page-id-15 #hero-text .hero-heading,
	.blue-theme #hero-text .hero-heading { margin-bottom:10px; font-size:1.3rem; }
	body.parent-pageid-15 #hero-text h2,
	body.page-id-15 #hero-text h2, 
	.blue-theme #hero-text h2 { padding-top:0; margin-bottom:10px; font-size:1rem; }
}

@media screen and (max-width:767px){
	body.parent-pageid-15 #hero-text .hero-heading,
	.blue-theme #hero-text .hero-heading,
	body.page-id-15 #hero-text .hero-heading{ font-size: 1.1rem; }
	body.parent-pageid-15 #hero-text h2,
	.blue-theme #hero-text h2,
	body.page-id-15 #hero-text h2{ margin-bottom: 0; font-size: 0.9rem; }
	body.parent-pageid-15 #hero-text .hero-lower-text,
	.blue-theme #hero-text .hero-lower-text,
	body.page-id-15 #hero-text .hero-lower-text{ font-size: 0.9rem; }
	body.parent-pageid-15 #hero-text .anchorLink,
	.blue-theme #hero-text .anchorLink,
	body.page-id-15 #hero-text .anchorLink{ margin-bottom:0; }
	body.parent-pageid-15 .home-banner-slide a:hover span, 
	body.parent-pageid-15 #hero-text a:hover span,
	body.page-id-15 .home-banner-slide a:hover span, 
	body.page-id-15 #hero-text a:hover span{ top: -42px; }
	
	#risk-management-training h3, #risk-management-training-others h3{ font-size:2rem; }
	.what-it-covers-risk-management .testimonial-image-right{
		width: 100%;
		position: relative;
		float: left;
		top: auto;
		right: auto;
		height: 300px;
		z-index: 1;
	}
}

@media screen and (max-width:649px){
	.teaser-wrapper-risk-management-training{ width:100%; }
}

@media screen and (max-width:479px){
	body.parent-pageid-15 #hero-wrapper,
	.blue-theme #hero-wrapper,
	body.page-id-15 #hero-wrapper{ min-height: 350px; }
	body.parent-pageid-15 .hero-heading,
	.blue-theme .hero-heading,
	body.page-id-15 .hero-heading{ font-size:rem; }
	.blue-theme #hero-text a,
	body.parent-pageid-15 #hero-text a,
	body.page-id-15 #hero-text a{ margin-top:0; }
	
	#risk-management-training h3, #risk-management-training-others h3{ font-size:1.5rem; }
	.what-it-covers-risk-management .testimonial-left{ padding: 50px 25px; }
	.what-it-cover-section .what-it-covers-risk-management ul{ margin-left:0; }
	.what-it-cover-section .what-it-covers-risk-management ul li{ background-position: 0px 11px; font-size:1rem; }
}



/**** Downloads *****/

.social-icons .svg-inline--fa{ font-size: 1.5rem; }
.footer-social .svg-inline--fa{ font-size: 1.75rem;  padding-right: 5px; }
.svg-inline--fa{ color: #1995A7; font-size: 3rem; }

.downloads-section{ float: left; width: 33%; margin: 30px 0; }
.downloads-section .svg-inline--fa,
.downloads-section a{ float: none; margin: 0 auto; display: table; }
.downloads-section a:hover{ color: #1995A7; }





#default-page-contact{ padding-top:50px; }





/***** Privacy *****/
body.page-id-1674 #main .half-and-half.half-content .max-width-text-side h2{ margin-bottom:30px; }
body.page-id-1674 #main .half-and-half.half-content .max-width-text-side h3{ margin-bottom:20px; }

body.page-id-1674 #main .half-and-half.half-content .max-width-text-side ul{ width:calc( 100% - 1.25em ); }

body.page-id-1674 #main .half-and-half.half-content .max-width-text-side table{  }
body.page-id-1674 #main .half-and-half.half-content .max-width-text-side table tr{  }
body.page-id-1674 #main .half-and-half.half-content .max-width-text-side table td{ padding: 10px 15px; border: 1px #666 solid; font-size: 0.9rem; font-weight: 300; }

@media screen and (max-width:479px){
	body.page-id-1674 #main .half-and-half.half-content .max-width-text-side table td{ font-size: 0.8rem; }
}





/***** EXTERNAL NEWSLETTER FORM IFRAME *****/
#newsletter-signup-wrapper{  }
#newsletter-signup-wrapper-slim{  }
#newsletter-signup-contents{ max-width: 1001px; }
#newsletter-signup-contents iframe{ float: left; width: 100%; height: 650px; margin-left: 150px; }
#newsletter-signup-wrapper-slim #newsletter-signup-contents iframe{ margin-left:0; }

@media screen and (max-width:1000px){
	#newsletter-signup-contents iframe{ margin-left: 13%; }
}

@media screen and (max-width:768px){
	#newsletter-signup-contents iframe{ margin-left: 0; height: 600px !important; padding: 0 20px; }
}

@media screen and (max-width:480px){
	#newsletter-signup-contents iframe{ height: 700px !important; }
}




/*******************************************************************************
Privacy Page GDPR Update 23-05-18
*******************************************************************************/
#gdpr *{  }
#gdpr p{  }
#gdpr a{  }
#gdpr li{ line-height:160%; }
#gdpr table{ width:100%; }
#gdpr table{ margin-bottom:20px; border-collapse:collapse; }
#gdpr table tr{  }
#gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
#gdpr table th p{ color:#fff !important; }
#gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
#gdpr table p{ padding:0; margin:0; line-height: 160%; }


.pum-title{margin-bottom:15px;}.pum-content p{font-weight:400;}

@media screen and (max-width: 1024px){

#popmake-2478 {
    width: 95% !important;
    height: 80vh !important;
    overflow-y: scroll !important;
    top: 10vh !important;
}
	
}




/***************************** OFFSHORE AND MARINE ******************************/

.blue-theme .hero-lower-text{ float:left; width:100%; margin-bottom:30px; }

.blue-theme.scrolled-down #main-menu-left li a,
.blue-theme.scrolled-down #main-menu-right li a{ color: #1c3661;  }
.blue-theme.inner-page.scrolled-down #sticky-header{ border-bottom: 1px solid rgba(28,54,97,1.00); }

.blue-theme #hero-text a span b{ color: #1c3661; }
.blue-theme .social-icons .fa{ color: #1c3661; }

.blue-theme .dark-green-bg{ background-color: #1c3661; }

.blue-theme .section-heading{ color: #1c3661; }

.blue-theme .active-row .form-row-label{ color: rgba(28,54,97,1.00); }
.blue-theme .form-line-dull{ background-color: rgba(28,54,97,1.00); }
.blue-theme input[type="submit"]{ color: #1c3661; }

/*.blue-theme .testimonial-arrow{ background-image: url('../img/icons/red-testimonial-right.png'); }*/
.blue-theme main ul li{ background-image: url("../img/assets/blue-bullet-point.png"); }
.blue-theme .what-it-cover-section ul li{ background-image: url(../img/assets/white-bullet-point.png); }

.blue-theme.scrolled-down #main-menu-left li a:hover::after,
.blue-theme.scrolled-down #main-menu-right li a:hover::after{ border-bottom: 1px solid #1c3661; }
.blue-theme.scrolled-down .menu-toggle-line{ background-color: #1c3661; }

.cta-blue{ background: #1c3661; color: #fff; padding: 6px 15px; border-radius: 17px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.desktop-device .cta-blue:hover{ background-color:#000; }

.blue-theme .what-it-cover-section ul li a:hover{ border-color:#fff; }

.blue-theme .hero-heading { font-size: 3.8rem; }

.image-break-no-margin .page-breaker{ margin: 0; }