/********************************* OVERALL STYLING ************************************/
html{ font-family: 'Mukta', sans-serif; color:#6D6E70; font-size:18px; }

.video-background{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: -1; }
.video-background video{ min-width: 100%; min-height: 100%; object-fit: cover; }

.dark-overlay{ position: fixed; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.inner-dark-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }

.home #main-wrapper{ padding-top: 0px; }
#main-wrapper{ padding-top: 40px; }

.search-everything-highlight-color{ background-color: transparent !important; }

@media screen and (max-width:768px){
	#main-wrapper{ padding-top: 25px; }
}
@media screen and (max-width:479px){

}

/********************************* 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;}




/*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/
/***** FONTS *****/
p{ font-size: 0.95rem; font-weight:200; color: #263042; line-height: 180%; margin-bottom: 20px; }
ul{ list-style: none; margin: 0; margin-bottom: 1rem; }
ol li,
ul li{ font-size: 0.95rem; font-weight:200; color: #263042; line-height: 180%; }
ol li{ margin-bottom: 15px; }
.half-content ul li,
.product-features ul li{ padding-left: 20px; background-image:url('../img/icons/blue-bullet-point.svg'); background-repeat: no-repeat; background-size: 5px; background-position-y: 13px; }
a{ color:#70B2D6; }
a:hover{ text-decoration: underline; }

/***** 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; color: #002F53; font-size: 0.9rem; transition: top 0.5s, color 0.5s, font-size 0.5s; }
.form-row span.wpcf7-form-control-wrap{ width: 100%; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea{ background-color: transparent; color: #263042; padding: 9px 0px !important; border: none; }

/*
span.cv-upload { position:relative; }
span.cv-upload:before { content: "Upload file"; position: absolute; left: 0; padding: 5px; background: transparent; color: #002F53; width: 130px; text-align: center; border-radius: 5px; cursor: pointer; border: 2px solid rgba(112,178,214,0.2); }
span.cv-upload > input { opacity: 0; height: 37px; margin-bottom: 20px; width: 130px; }
*/

select{ padding: 3px 10px; }
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; background-color: transparent; padding: 0 0 0 70px; letter-spacing: 1px; margin: 0; border: 1px solid #70B2D6; padding: 0 15px; border-radius: 25px; }
input[type="submit"]:hover{ background-color: #70B2D6; color: #ffffff; }
/*
.wpcf7-submit::before{ content: ""; position: absolute; width: 40px; height: 2px; background-color: #70B2D6; top: 14px; left: 0; transition: left 0.5s; }
*/



.form-line{ position: absolute; width: 100%; height: 1px; bottom: 35px; transition: width 1s; }
.form-line-dull{ left: 0; background-color: rgba(112,178,214,0.2); }
.form-line-full{ width: 0%; background-color: #67A8C5; left: 0; z-index: 20; }

.active-row .form-row-label{ font-size: 0.75rem; top: -15px; color: #67A8C5; transition: all 0.5s; }
.active-row .form-line-full{ width: 100%; }

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

.hero-heading{ margin-bottom:30px; font-size:4rem; color:#fff; line-height:110%; }
.section-heading{ color: #70B2D6; font-weight: 400; font-size: 2.25rem; margin-bottom: 30px; line-height: 120%; }
.sub-heading{ color: #70B2D6; font-weight: 400; font-size: 1.5rem; margin-bottom: 20px; line-height: 145%; }
.highlighted-text-large{ font-size: 1rem; font-weight: 400; }
.highlighted-text-small{ color: #70B2D6; font-size: 0.8rem; font-weight: 400; margin-bottom: 20px; float: left; }
.body-text-large{ font-size:1.1rem; }
.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; }

@media screen and (max-height:767px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:1.9rem; }
	.sub-heading{ font-size:1.2rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:1023px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:2.5rem; }
	.sub-heading{  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:767px){
	.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.5rem; }
	.section-heading{ font-size:1.4rem; }
	.sub-heading{ font-size:1rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}

.sticky-nav-left-left h1.sub-heading{ color: #70B2D6; font-weight: 400; font-size: 2.25rem; border-bottom: 1px solid #70B2D6; width: 80%; padding-bottom: 10px; }

@media screen and (max-width:479px){
	.sticky-nav-left-left h1.sub-heading{ font-size: 1.5rem; }
}

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

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





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

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

/* Top - large screen */
#site-header{ height:110px; }
#sticky-header{ height:110px; background: #fff; /*border-bottom:1px solid #ddd;*/ padding-top: 20px; padding-bottom: 15px; z-index: 5; }
.home #sticky-header{ background-color: transparent; }
#site-logo img{ height: 75px; }
.main-navigation{ width:calc( 100% - 270px ); height: 85px; margin-top: -5px; }

.home #site-header{ position: fixed; }

/* Scrolled down - large screen */
.scrolled-down #site-header{ height:50px; }
.scrolled-down #sticky-header{ height:50px; padding-top:10px; padding-bottom:10px; z-index: 100;
background-color: #fff; border-bottom: 1px solid rgba(112,178,214,0.2); }
.scrolled-down #site-logo img{ height:45px; margin-top: -4px; }
.scrolled-down .main-navigation{ height:30px; }

/* Scrolled down - Home page */

.home.scrolled-down #site-header{ height:110px; }
.home.scrolled-down #sticky-header{ height: 110px; padding-top: 20px; padding-bottom: 15px; background-color: transparent; border-bottom: none; }
.home.scrolled-down #site-logo img{ height: 75px; }
.home.scrolled-down .main-navigation{ height: 85px; }

/* Menu Scrolled Down */

.scrolled-down #main-menu > li{ padding: 10px 0; }

@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:50px; }
	.main-navigation{ height:40px; margin-top: 0; }

	/* 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:40px; }
	.scrolled-down .main-navigation{ height:30px; }

	.home.scrolled-down #sticky-header{ padding-top: 15px; }
	.home.scrolled-down #site-logo img{ height: 40px; margin-top: 0px; }
	.home.scrolled-down .main-navigation{ height: 40px; }
	.home.scrolled-down .menu-toggle{ width: 40px; height: 40px; }
}



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



/***** MAIN NAV *****/
.main-navigation {  }
#main-menu{  }

#main-menu > li > a { padding:0; color:#263042; font-size:0.9rem; letter-spacing:1px; font-weight: 400;
line-height: 160%; }
.home #main-menu > li > a{ color:#fff; }

#main-menu li::after{ content: ""; position: absolute; right: 0; bottom: 11px; height: 2px; width: 0px; background-color: #70B2D6; transition: width 0.15s; }
.desktop-device #main-menu > li > a:hover{  }
.scrolled-down #main-menu li::after{ bottom: 22px; }

#main-menu > .menu-border > a,
a.featured-product-button{ border: 1px solid #70B2D6; padding: 0 15px; border-radius: 25px; }
#main-menu > .menu-border > a:hover,
a.featured-product-button:hover{ background-color: #70B2D6; color: #ffffff; text-decoration: none; }
#main-menu .menu-border::after,
a.featured-product-button::after{ display: none; }

#main-menu li:hover::after{ animation-name: caterpillarLine; animation-duration: 0.35s; animation-iteration-count: 1; animation-timing-function: ease-in; cursor: pointer; }

@keyframes caterpillarLine{
    0%	{ left: 0; width: 0%; }
	49.33%	{left: 0; width: 100%; }
	49.34%	{left: auto; right: 0; width: 100%;  }
	100%	{left: auto; right: 0; width: 0%;  }
}




/* Toggle button */

.menu-toggle{ width:40px; height:40px; }
.menu-toggle-line{ height:1px; width:80%; background-color: #263042; }
.home .menu-toggle-line{ background-color: #fff; }
#menu-toggle-line-1{ top:30%; left:0%; width:85%; }
#menu-toggle-line-2{ top:50%; left:0%; width:70%; }
#menu-toggle-line-3{ top:70%; left:0%; width:85%; }

.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{  }

/* POINT WHERE MENU CHANGES TO BURGER */
@media screen and (max-width:1023px){
	.menu-toggle { display: block; }
	#main-menu{ display:none; }
}
@media screen and (max-width:1139px){
	#main-menu > li > a{ padding:0 13px; }
}


/***** RESPONSIVE MENU *****/

.responsive-menu-holder{ display: none; }

@media screen and (max-width:1024px){
	.responsive-menu-holder{ display: block; position: fixed; height: 0; top: 0; left: 0; width: 100vw; transition: height 750ms; z-index: 4; background-color: #F8FBFD; overflow: hidden; }
	.responsive-menu-holder.active{ height: 100vh; }
	.menu-mobile-menu-top-container,
	.menu-mobile-menu-container{ width: 50%; float: left; padding-top: 85px; }
	.menu-mobile-menu-top-container #menu-mobile-menu-top{ width: 100%; padding-left: 30px; float: left; }
	.menu-mobile-menu-top-container #menu-mobile-menu-top li{ text-align: left; margin-bottom: 7px; }
	.menu-mobile-menu-top-container #menu-mobile-menu-top li a{ font-size: 1.5rem; color: #263042; }

	.menu-mobile-menu-container #mobile-menu{ right: 0; width: 100%; padding-right: 30px; float: right; }
	.menu-mobile-menu-container #mobile-menu li{ text-align: right; margin-bottom: 3px; }
	.menu-mobile-menu-container #mobile-menu li a{ font-size: 0.9rem; color: #263042;  }

	.home .responsive-menu-holder{ background-color: #263042; }
	.home .menu-mobile-menu-top-container #menu-mobile-menu-top li a{ color: #F8FBFD; }
	.home .menu-mobile-menu-container #mobile-menu li a{  color: #F8FBFD;  }
}

@media screen and (max-width:480px){
	/*.menu-mobile-menu-container #mobile-menu li a{ font-size: 1.1rem;  }*/
}


/***** 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; }
}




/*** HOME ICONS ***/

.icons-holder{ position: fixed; bottom: 50px; right: 4%; z-index: 20; width: 245px; height: 25px;
 transition: height 0.5s; }
.icons-holder img{ width: 20px; margin: 0 10px; float: left; }
.icons-holder #whitegoogleplusicon{ width: 24px; }
.icons-holder #search-icon:hover{ cursor: pointer; }

.icons-holder .home-search-holder{ position: absolute; width: 0px; overflow: hidden; transition: bottom 0.5s; }

.icons-holder.search-active{  }
.icons-holder .home-search-holder.search-active{ top: -7px; left: -245px; height: 38px; width: 250px; transition: all 0.5s; }

.icons-holder .home-search-holder input[type="search"]{ border: none; width: 90%; background-color: rgba(200,200,200,0.2); color: #fff; padding: 7px 20px; margin: 0 auto; float: none; display: table; font-size: 0.8rem; }

@media screen and (max-width:480px){
	.icons-holder{ right: calc(50% - 102px); width: 204px; }
	.icons-holder #search-icon{ display: none; }
}

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


/****************************************** DROP DOWN MENU **************************************/
/*
.global-nav-filter{ display: none; position: fixed; width: 100vw; height: 100vh; background-color: rgba(255,255,255,0.85); z-index: 1; }
*/
.global-nav-holder{ display: none; position: fixed; background-color: #F8FBFD; width: 94vw; top: 100px; left: 2.5vw; z-index: 30; /* border-top: 1px solid #70B2D6; border-bottom: 1px solid #70B2D6; */ padding: 10px 25px 30px; }
.global-nav-holder .global-nav-top-section{ float: left; width: 100%; border-bottom: 1px solid rgba(112,178,214,0.2); padding-bottom: 30px; }
.global-nav-holder .global-nav-top-section .global-nav-column{ width: 25%; float: left; }

.global-nav-column ul{ }
.global-nav-column ul li{ margin-top: 15px; }
.global-nav-column ul li a{ font-size: 1.25rem; letter-spacing: 1px; font-weight: 200; color: #70B2D6; }
.global-nav-column ul li ul{ }
.global-nav-column ul li ul li{ margin-top: 0px; line-height: 120%; }
.global-nav-column ul li ul li a{ font-size: 0.8rem; color: #263042; }

.global-nav-column ul li a:hover{ color: #263042; text-decoration: none; }
.global-nav-column ul li ul li a:hover{ color: #70B2D6; }

.global-nav-bottom-section{ width: 100%; float: left; padding-top: 30px; }
.global-nav-bottom-section .global-footer-column{ float: left; width: 33.33%; }
.global-nav-bottom-section #global-address-col{ width: 25%; }
.global-nav-bottom-section #global-tel-col{ width: 160px; }
.global-nav-bottom-section #global-email-col{ width: 240px; }
.global-nav-bottom-section #global-icons-section{ float: right; width: calc(100% - 25% - 160px - 240px); }
.global-nav-bottom-section .global-footer-column p,
.global-nav-bottom-section .global-footer-column a{ font-size: 0.9rem; color: #263042; letter-spacing: 1px; font-weight: 200; margin-bottom: 0; }
.global-nav-bottom-section .global-footer-column a{ float: none; margin: 0 auto; display: table; }
.global-nav-bottom-section .icons-holder{ position: relative; bottom: -3px; float: right; width: auto; }
.global-nav-bottom-section .icons-holder a{ float: left; }

.global-nav-bottom-section .icons-holder input[type="search"]{ background-color: #fff; border: 1px solid rgba(112,178,214,0.2); color: rgb(38,48,66); padding-left: 10px; padding-bottom: 6px; }

.global-nav-bottom-section .global-footer-column a:hover{ color: #70B2D6; }

.global-nav-filter.global-active,
.global-nav-holder.global-active{ display: block; }

.scrolled-down .global-nav-holder{ top: 49px; }

/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }

@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:767px){
	#hero-wrapper{ max-height:300px; }
}
@media screen and (max-width:479px){
	#hero-wrapper{ max-height:none; }
}





/****************************************** 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; }





/***************************** 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:767px){
	.teaser-wrapper > .left-content{ float:none; display:block; margin:0 auto; }
}


/***************************** FRONT PAGE ******************************/

.home h1,
.home h2,
.home h3{ color: #fff; font-weight: 300; letter-spacing: 1px; font-size: 3.5rem; line-height: 110%; margin-bottom: 30px; width: 50%; }
.home h3{ font-size: 1.25rem; line-height: 150%; }

.home .cta,
.cta{ float: left; width: 100%; position: relative; }
.home .cta a{ color: #fff; padding-left: 70px; letter-spacing: 1px; }
.cta a{ color: #263042; padding-left: 70px; letter-spacing: 1px; }
.home .cta a,
.cta a:hover{ text-decoration: none; }
.home .cta a::before,
.cta a::before{ content: ""; position: absolute; width: 40px; height: 2px; background-color: #70B2D6; top: 14px; left: 0; transition: left 0.5s; }
.home .cta a:hover::before,
.cta a:hover::before{ left: 10px; transition: left 0.5s;  }

.home-slide{ height: 100vh; position: relative; overflow: hidden; }


@media screen and (max-width:950px){
	.home h1,
	.home h2,
	.home h3{ width: 65%; }
	.home h1,
	.home h2{ font-size: 2.75rem; }
}
@media screen and (max-width:767px){
	.home h1,
	.home h2{ font-size: 2.5rem; }
}
@media screen and (max-width:580px){
	.home h1,
	.home h2,
	.home h3{ width: 75%; }
	.home h1,
	.home h2{ font-size: 2rem; }
}
@media screen and (max-width:480px){
	.home h1,
	.home h2,
	.home h3{ width: 95%; }
	.home h1,
	.home h2{ font-size: 1.5rem; }
	.home h3{ font-size: 1rem; }
}
@media screen and (max-height:600px) and (min-width:480px){
	.home h1,
	.home h2,
	.home h3{ width: 75%; }
	.home h1,
	.home h2{ font-size: 2rem; }
}


/***************************** PRODUCT PAGE ******************************/
/* NAV MENU */
#product-menu{ padding-right:20px; }

.sticky-nav-left-left{ width: 320px; position: relative; float: left; }
.sticky-nav-checker{ width:320px; float: left; }
.sticky-nav-checker.active{ position: fixed; top: 85px; }
.sticky-nav-checker.stuck-bottom{ position: absolute; bottom: 0; top: auto; }

.sticky-nav-left-left ul li{ margin-bottom: 15px; position: relative; }
.sticky-nav-left-left ul li a{ color: #263042; font-size: 0.95rem; text-transform: uppercase; font-weight: 500; }
.sticky-nav-left-left ul li ul li{ margin-bottom: 0; padding-left: 15px; }
.sticky-nav-left-left ul li ul li a{ font-size: 0.85rem; text-transform: none; font-weight: 200; }

.sticky-nav-left-left ul li ul{ display: none; }

.sticky-nav-left-left ul li a:hover{ color: #70B2D6; }

@media screen and (max-width:1023px){
	.page-template-template-category .sticky-nav-left-left{ width: 100%; height: auto !important; }
	.page-template-template-category .sticky-nav-left-left #menu-sticky-left-nav{ display: none; }
	.page-template-template-category .sticky-nav-left-left .sticky-nav-checker.active{ position: relative; top: 0; }

	.page-template-template-category .sticky-nav-left-right{ width: 100%; }
	.page-template-template-category .sticky-nav-left-right .teaser-holder{ width: 29%; }

}

/* Left nav blog page */

.sticky-nav-left-left aside h1{ color: #263042; font-size: 0.95rem; text-transform: uppercase; font-weight: 500; }

.sticky-nav-left-left aside ul li{ margin-bottom: 0px; }
.sticky-nav-left-left aside ul li a{ font-size: 0.85rem; text-transform: none; font-weight: 200; }
.sticky-nav-left-left aside .side-menu-expand{ right: 20%; }

/* LEFT SIDE BAR EXPANDERS */

.side-menu-expand{ top: 5px; width: 17px; height: 17px; cursor: pointer; }
.side-menu-line{ position: absolute; background-color: #01334D; }
.side-menu-line-vertical{ top: 0; left: 8px; width: 1px; height: 100%; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
.side-menu-line-horizontal{ top: 8px; left: 0; width: 100%; height: 1px; }

/* 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; }


.sticky-nav-left-right{ width: calc( 100% - 400px ); }

.teaser-holder{ float: left; width: 21%; margin: 0 2% 15px; }
.teaser-holder .teaser-image-holder{ float: left; width: 100%; overflow: hidden; margin-bottom: 10px; }
.teaser-holder .teaser-info-holder{ float: left; width: 100%; }
.teaser-holder .teaser-info-holder h2{ color: #70B2D6; font-weight: 400; font-size: 1.5rem; border-bottom: 1px solid #70B2D6; width: 100%; padding-bottom: 5px; margin-bottom: 10px; }
.teaser-holder .teaser-info-holder p{ color: #263042; font-size: 0.85rem; line-height: 165%; }

.teaser-holder:hover .teaser-info-holder h2{ color: #263042; border-bottom: 1px solid #263042; transition: all 0.3s; }



/*- Product -*/

.half-left{ float: left; width: 50%; padding-right: 30px; }
.half-right{ float: left; width: 50%; padding-left: 5%; }
.product-image-holder{ width: 100%; float: left; position: relative; height: 375px; background-position: center;background-size: cover; background-repeat: no-repeat; margin-bottom: 30px; }
.responsive-head-image .product-image-holder{ display: none; }

.half-form{ margin-top: 50px; }

/*- Testimonials -*/

#testimonial-section,
#testimonial-section-1,
#testimonial-section-2{ position: relative; }
.testimonial-carousel{ float: none; margin: 0 auto; width: 50%; }
.overall-testimonials-carousel{ overflow: hidden; }
.testimonial-item{ position: relative; float: left; }
.testimonial-quote p{ font-size: 1.5rem; color: #fff; font-weight: 400; line-height: 160%; font-style: italic; text-align: center; margin-bottom: 35px; }
.testimonial_author{ font-size: 1.2rem; text-align: center; color: #70B2D6; letter-spacing: 1px; }


/*- About Page -*/

.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{ padding-left: 30px; }
.half-and-half.half-image img{ float: none; margin: 0 auto; max-width: 450px; width: 100%; }

.content-right .half-content{ float:right; padding-right: 0; padding-left: 30px; }
.content-right .half-image{ padding-left: 0; padding-right: 30px; }

.page-breaker{ background-position: center; background-size: cover; height: 350px; }
.page-breaker-with-text{ background-position: center; background-size: cover; position: relative; }
.page-breaker-with-text p{ font-size: 1.5rem; color: #fff; font-weight: 400; line-height: 160%; text-align: center; margin-bottom: 35px; }

/* Meet the Team */

.team-member{ float: left; width: 28%; margin: 0 2.66% 40px; }
.team-member:nth-child(3n + 1){ clear: left; }
.team-member .team-member-image{ overflow: hidden; }
.team-member .team-member-image img{ width: 85%; margin: 0 auto; border-radius: 50%; border: 1px solid rgba(112, 178, 214, 0.2); }

.team-member .team-member-info{ float: left; width: 100%; margin-top: 20px; }
.team-member .team-member-info h2{ text-align: center; color: #70B2D6; font-weight: 400; font-size: 1.5rem; }
.team-member .team-member-info p{ text-align: center; }



@media screen and (max-width:1500px){
	.teaser-holder{ width: 29%; }
}
@media screen and (max-width:1140px){
	.teaser-holder{ width: 46%; }
}
@media screen and (max-width:1100px){
	.testimonial-carousel{ width: 75%; }
}
@media screen and (max-width:875px){
	.half-and-half{ width: 100%; }
	.half-and-half.half-content{ padding-right: 0px;  }
	.half-and-half.half-image{ padding-left: 0px; float: left; position: absolute; z-index: -1; opacity: 0.2; margin-top: -13%; }
	.half-and-half.half-image.half-form{ position: relative; z-index: 0; margin-top: 0; opacity: 1; }
	.content-right .half-content{ padding-left: 0; }
}
@media screen and (max-width:768px){
	.half-left{ width: 100%; margin-bottom: 50px; padding-right: 0; }
	.half-right{ width: 100%; padding-left: 0; }
	.responsive-head-image .product-image-holder{ display: block; }
	.contact .responsive-head-image,
	.product-image-holder{ display: none; }

	.testimonial-quote p{ font-size: 1.2rem; }
	.testimonial_author{ font-size: 1rem; }

	.team-member{ width: 44%; }
	.team-member:nth-child(3n + 1){ clear: none; }
	.team-member:nth-child(odd){ clear:left; }
}
@media screen and (max-width:750px){
	.sticky-nav-left-right{ width: 100%; }
	.page-template-template-category .sticky-nav-left-right .teaser-holder{ width: 46%; }
}
@media screen and (max-width:600px){
	.product-image-holder{ height: 250px; }
	.testimonial-carousel{ width: 85%; }
	.half-and-half.half-image{ margin-top: 0; }
}
@media screen and (max-width:540px){
	.team-member{ width: 65%; margin: 0 17.5% 20px; }
}
@media screen and (max-width:480px){
	.page-template-template-category .sticky-nav-left-right .teaser-holder{ width: 95%; }
	.teaser-holder .teaser-image-holder{ height: 200px; }
	.teaser-holder .teaser-image-holder img{ margin-top: -20%; max-height: none; }
}

/***************************** 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:767px){
	#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{ margin: 75px 0; }



/***************************** BLOG PAGES ******************************/
/*.archives{ margin:0; padding-right:20px; list-style:none; }
.archives li{  }
.archives li a{ float:left; margin-bottom:5px; }*/
.blog-teaser-wrapper{ padding-bottom: 50px; border-bottom: 1px solid rgba(112,178,214,0.2); }
.blog-thumbnail{ float: left; width: 294px; height: 294px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 45px; }
.blog-teaser-content{ width: calc(100% - 339px); }
.blog-teaser-content .highlighted-text-small{ margin-bottom: 5px; float: left; color: #263042; }

.featured-blogs-list{ padding: 0 50px; }
.featured-blog-teaser-wrapper{ float: left; width: 100%; margin-bottom:50px; }
.featured-blogs-list .blog-thumbnail{ float: left; width: 100%; height: 200px; margin-bottom: 15px; }
.featured-blogs-list .blog-teaser-content{ float: left; width: 100%; }
.featured-blogs-list .sub-heading{ font-size: 1.2rem; }

.single-post-image-holder{ float: left; width: 100%; margin-bottom: 50px; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; }

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

@media screen and (max-width:1500px){
	.blog-teasers-list,
	.featured-blogs-list{ width: calc( 100% - 350px ); }
	.featured-blogs-list{ padding: 30px 0;  }
	/*
	.featured-blog-teaser-wrapper{ width: 22%; margin: 0 1.71% 50px; }
	.featured-blog-teaser-wrapper:nth-of-type(1){ clear: left; margin-left: 0; }
	*/
}

@media screen and (max-width:1350px){
	.featured-blogs-list .sub-heading{ font-size: 1rem; }
}

@media screen and (max-width:1200px){
	/*
	.featured-blog-teaser-wrapper{ width: 47%; }
	.featured-blog-teaser-wrapper:nth-of-type(odd){ margin-left: 0; clear: left; }
	*/
}

@media screen and (max-width:1024px){
	.blog-thumbnail{ width: 100%; margin-right: 0; }
	.blog-teaser-content{ width: 100%; margin-top: 15px; }
}

@media screen and (max-width:750px){
	.sticky-nav-left-left{ width: 100%; height: 100px !important; }
	.left-sticky-navigation{ display: none; }
	.blog-teasers-list, .featured-blogs-list{ width: 100%; }
}

@media screen and (max-width:480px){
	/*
	.featured-blog-teaser-wrapper{ width: 100%; }
	*/
}


/** Fill in effect **/

.fill-in-effect{display: inline-block; background: url('../img/assets/effect-background.jpg') no-repeat; -webkit-background-clip: text; color: rgba(112, 178, 214, 0.7); text-shadow: 0 0 rgba(0, 0, 0, .1); background-size: 0 100%; animation: fill-2 5s; animation-fill-mode: forwards; animation-delay: 1s; }

/*
.hover-fill-in-effect{ display: inline-block; background: url('../img/assets/effect-background-dark.jpg') no-repeat; -webkit-background-clip: text; color: rgba(38, 48, 66, 0.7) !important; background-size: 0 100%; animation: fill-2 3s; animation-fill-mode: forwards; }
*/

@keyframes fill-2 {
  50%   { background-size: 100% 100%; }
  100%  { background-size: 100% 100%; }
}



.blog-teasers-list ul{ /*list-style:disc;*/ margin-left: 20px; width: calc(100% - 20px); }




/*********************************Landing Page********************************/

/*util*/
.landing-page{  }
.landing-page .center-child{ display: flex; justify-content: center; align-items: center; }
.landing-page .bar{ width: 100%; display: flex; justify-content: center; align-items:center; padding: 10vh 30px; position:relative; overflow: hidden; }

/*atf bar*/
.atf-bar h1{ color: #70B2D6; font-weight: 400; font-size: 1.5rem; margin-bottom: 20px; line-height: 145%; }

/*contact-form*/
.landing-page .bar.contact-bar{ position: relative; overflow: hidden; }
.landing-page .contact-bar .background{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-size: cover; filter:blur(4px); background-image: url('/wp-content/uploads/2017/11/testimonial-about2.jpg'); transform:scale(1.05); }
.landing-page .contact-bar .background .overlay{ background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; }
.landing-page .contact-bar .inner{ max-width: 80%; background-color: #fff; /*rgba(255,255,255,0.8);*/ z-index: 1; padding: 20px 30px; }
.landing-page .contact-bar .inner h1{ color: #70B2D6; font-weight: 400; font-size: 1.5rem; margin-bottom: 20px; line-height: 145%; }
.landing-page .contact-bar .form-row.checkbox > *{ position:initial; }
.landing-page .contact-bar .wpcf7-display-none{ display: none !important; }
.landing-page .contact-bar .contact-form .wpcf7-list-item.first{ margin-left: 1px; }
@media screen and (max-width: 600px){
    .landing-page .contact-bar .contact-form .wpcf7-list-item{ margin-left: 0; clear: left; float: left; }
}

.landing-page .contact-bar .compliance-text p{ font-size: 10pt; }
h1.hine-blue{ color: #70B2D6; font-weight: 400; font-size: 1.5rem; margin-bottom: 20px; line-height: 145%; }





/*******************************************************************************
Privacy Page GDPR Update 180523
*******************************************************************************/
#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%; }

.grecaptcha-badge { display: none !important; }
select.wpcf7-form-control.wpcf7-select { margin-top: 10px; }


/*amends 28/10/19*/
.product-container { display: flex; }
.product-teaser-wrapper { padding: 20px; min-width: 350px; }

.marg-t-50 { margin-top: 50px; }
.related-products-carousel { overflow: hidden; }
.product-info-wrapper { width: 100%; }
.teaser-content { padding: 0px 20px 0px 0px; }

@media screen and (max-width: 799px){
	.teaser-content { padding: 10px 0px 0px 0px; }
}

.product-images{ width: 100%; height: 250px; background-size: cover; position: relative; /* margin-left: auto; margin-right: auto; */ }
.post-teaser-content-blog-heading{ margin-top: 20px; }

/* related blog articles - 27/01/2020 */
.post-blog-images { width: 100%; height: 200px; background-size: cover; position: relative; }
.related-stories { padding: 0px 30px 30px 0px; }

@media screen and (max-width:1500px){
	.featured-blogs-list{ margin-right: 30px; }
}
@media screen and (max-width:1023px){
	.related-stories{ padding: 0px 0px 30px 0px; }	
}
@media screen and (max-width:750px){
	.featured-blogs-list{ margin-right: 0px; }
}

.main-navigation{ width: calc( 100% - 430px ); right: 100px; }
#mega-expand{ position: absolute; right: 80px; top: 35px; }
.mega-expand{ width:40px; height:40px; }
.mega-expand-toggle-line{ height:3px; width:80%; background-color: #263042; }
.home .mega-expand-toggle-line{ background-color: #fff; }
#mega-expand-toggle-line-1{ top:30%; right:0%; width:55%; }
#mega-expand-toggle-line-2{ top:50%; right:0%; width:75%; }
#mega-expand-toggle-line-3{ top:70%; right:0%; width:95%; }

.mega-expand-container.active, .mega-expand-container.inactive{ animation-name:megaMenuToggle; animation-duration:1s; animation-iteration-count:1; }
.mega-expand-container.active #mega-expand-toggle-line-1{ top:50%; width: 95%; transform:rotate(45deg); }
.mega-expand-container.active #mega-expand-toggle-line-2{ opacity:0; }
.mega-expand-container.active #mega-expand-toggle-line-3{ top:50%; transform:rotate(-45deg); }

@keyframes megaMenuToggle{
	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 .mega-expand{ width:30px; height:30px; }
.scrolled-down #mega-expand{ top: 10px; }
.home.scrolled-down #mega-expand{ top: 35px; }
.home.scrolled-down .mega-expand { width: 40px; height: 40px; }
.home.scrolled-down .global-nav-holder { top: 100px; }
.mega-expand{ padding:0; border:none; border-radius:0; background:none; display: block; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.mega-expand-toggle-line{ position:absolute; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; }

@media screen and (max-width:1023px){
	.mega-expand{ display: none; }
}

/* .featured-blog-teaser-wrapper - disable some styles for mobile verison */
.featured-blogs-list .blog-thumbnail { margin-right: 0px; }

@media screen and (max-width:1500px){
	.featured-blog-teaser-wrapper { width: 33%; padding-right: 30px; }	
}
@media screen and (max-width:1023px){ 
	.featured-blog-teaser-wrapper { width: 100%; padding-right: 0px; }	
}



/* hub landing page - 27/02/2020 */
.hub-landing-block{ background-color: #70B2D6; color: white; text-align: center; margin: 10px 0px; padding: 20px; font-size: 20px; transition: 0.5s; }
.hub-landing-block:hover{ background-color: #263042; }
.hub-landing-block a{ color: white; }

/* blog post update  - 30/03/2020 */

.entry-content ul {
    list-style: disc;
}