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





/********************************* OVERRIDE FOR OUTLINE ON POPUPS ************************************/
*:focus{ outline: none; }




/********************************* SITE COLOURS ************************************/
/*.color-blue-standard{color:#00ABC5;}
.background-blue-standard{background-color:#00ABC5;}

.color-blue-light{color:#E2F4F8;}
.background-blue-light{background-color:#E2F4F8;}

.desktop-device .background-blue-light-hover{ -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; }*/





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

/***** 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;
}
form .required-field, form .sensitive-data{ font-size:0.85rem; }





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

.hero-heading{
	margin-bottom:30px;
	font-size:3.3rem;
	color:#fff;
	line-height:110%;
}
.section-heading{
	margin-bottom:50px;
	font-size:2.5rem;
	line-height:110%;
	font-weight:800;
}
.sub-heading{
	margin-bottom:20px;
	font-size:1.3rem;
	font-weight:800;
	line-height:120%;
}
.highlighted-text-large{
	
}
.highlighted-text-small{
	
}
.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,color .5s;
	-moz-transition:background-color .5s,color .5s;
	-o-transition:background-color .5s,color .5s;
	transition:background-color .5s,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:2.3rem; }
	.sub-heading{ font-size:1.2rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:1299px){
	.hero-heading{ font-size:3rem; }
	.section-heading{ font-size:2.1rem; }
	.sub-heading{  }
	.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:2rem; }
	.sub-heading{  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:899px){
	.hero-heading{ font-size:2.2rem; }
	.section-heading{ font-size:1.8rem; }
	.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:1.8rem; }
	.section-heading{ font-size:1.7rem; }
	.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{  }
}





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

/***** STRUCTURE *****/
#site-header{ height:140px; }
#sticky-header{ height:140px; padding-top:20px; padding-bottom:20px; }
#siteLogo img{ max-height:100px; max-width:180px; }
#header-right{ height:100px; }

.scrolled-down #site-header{ height:120px; }
.scrolled-down #sticky-header{ height:95px; padding-top:10px; padding-bottom:10px; }
.scrolled-down #siteLogo img{ max-height:75px; max-width:150px; }
.scrolled-down #header-right{ height:75px; }

@media screen and (max-width:1023px){
	#site-header{ height:115px; }
	#sticky-header{ height:115px; }
	#siteLogo img{ max-height:75px; max-width:150px; }
	#header-right{ height:75px; }
	
	.scrolled-down #site-header{ height:70px; }	
	.scrolled-down #sticky-header{ height:70px; }
	.scrolled-down #siteLogo img{ max-height:50px; max-width:100px; }
	.scrolled-down #header-right{ height:50px; }
}



#siteLogo{  }
#siteLogo p{ margin:0; }

#header-right{ width:calc(100% - 200px); }

ul#primary-menu > li > a { /*color:#00ABC5;*/ }

.menu-toggle{ background-color:#fff; background-image:url(../img/assets/main-nav-controls-grey.png); }

.header-contact-link-wrapper{ margin-left:20px; }

/*.header-contact-link{ float:left; width:30px; height:30px; text-indent:-5000px; background-image:url(../img/icons/contact-icons.png); background-repeat:no-repeat; }
#header-contact-link-phone{ background-position:0 0; }
#header-contact-link-email{ background-position:-30px 0; }*/

[class^="i"]::before, [class*=" i"]::before, .header-contact-link-wrapper .fa{ font-size:1.3rem; }
.header-social-icon{ -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; }
.desktop-device .header-social-icon:hover{  }



@media screen and (max-width:1139px){
	ul#primary-menu > li > a{ font-size:1rem; }
	.header-social{ margin-left:20px; }
	
	[class^="i"]::before, [class*=" i"]::before, .header-contact-link-wrapper .fa{ font-size:1.2rem; }
}

@media screen and (max-width:1023px){
	#header-right{ width:calc(100% - 150px); }
	.header-social{ display:none; }
	ul#primary-menu > li > a{ padding:0 20px; font-size:0.9rem; }
	[class^="i"]::before, [class*=" i"]::before, .header-contact-link-wrapper .fa{ font-size:1rem; }*
}

@media screen and (max-width:939px){
	.header-social{ margin:0 100px 0 0; }
}





/******************************* MAIN NAV ************************************/
ul#primary-menu > li > ul,
#primary-menu > ul > li > ul{
	display: block;
	position: absolute;
	top: 100%;
	left: -9999em;
	width:auto;
	white-space: nowrap;
	margin-left: 0;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 24px;
	padding-bottom: 12px;
	list-style: none;
	text-align: left;
	background: #FFF;
	z-index: 10;
	box-shadow: 1px 14px 10px rgba(0, 0, 0, 0.2);
}

ul#primary-menu > li > ul:after,
#primary-menu > ul > li > ul:after {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	height: 4px;
	background: #052764;
}

ul#primary-menu > li > ul:before,
#primary-menu > ul > li > ul:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -8px;
	border-bottom: 8px solid #052764;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

ul#primary-menu > li > ul a,
#primary-menu > ul > li > ul a {
  display: block;
  padding: 6px 0;
}

.desktop-device ul#primary-menu > li:hover > ul,
.desktop-device #primary-menu > ul > li:hover > ul {
   	left: 0;
   	left: 50%;
   	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

ul#primary-menu li > a,
#primary-menu > ul li > a {
	font-size:0.9rem;
}
ul#primary-menu > li > ul > li > a,
#primary-menu > ul > li > ul > li > a{
	font-size:0.85rem;
}





/****************************************** MOBILE MENU **************************************/
#mobile-menu-go-back{ position:absolute; top:0; left:0; width:37px; height:37px; display:none; cursor:pointer; }
#mobile-menu-go-back .fa{ float:left; width:100%; height:100%; padding:9px; font-size:1.2rem; color:#fff; }

#mobile-menu > ul > li > ul{ margin-left:0; }
#mobile-menu li{ list-style:none; }

#mobile-menu-items ul{ position:absolute; top:0; width:250px; margin-left:0; -webkit-transition:left .3s; -moz-transition:left .3s; -o-transition:left .3s; transition:left .3s; }
#mobile-menu-items ul li{ width:100%; clear:both; }
#mobile-menu-items ul li a{ float:left; width:100%; padding:5px 40px; font-size:0.9rem; line-height:130%;text-align:center; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; }
body.desktop-device #mobile-menu-items ul li a:hover{ background-color:#ddd; }

#mobile-menu-items > ul{ height:100%; left:0; }
#mobile-menu-items > ul > li ul{ left:250px; }
#mobile-menu-items > ul > li > ul,
#mobile-menu-items > ul > li > ul > li > ul{ display:none; }
#mobile-menu-items > ul > li > ul.active,
#mobile-menu-items > ul > li > ul > li > ul.active{ display:block; }

.mobile-menu-has-child-menu{ position:absolute; top:0; right:0; width:32px; height:32px; cursor:pointer; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; }
body.desktop-device .mobile-menu-has-child-menu:hover{ background-color:#ddd; }
.mobile-menu-has-child-menu .fa{ float:left; width:100%; height:100%; padding:8px 10px; }
.desktop-device .mobile-menu-has-child-menu .fa:hover{ color:#000; }

#mobile-menu-social{ position:absolute; width:100%; margin:0 auto; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
#mobile-menu-social.inactive{ opacity:0; transform:translateX(-320px); }
#mobile-menu-social > li{ margin:0; text-align:center; }





/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }
#hero-content-wrapper{ background:linear-gradient(to right, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0)); }
#hero-text *{ color:#fff; }
/*#hero-content-wrapper .ghost-button-white{ padding:0; }
#hero-content-wrapper .ghost-button-white > a{ float:left; padding:10px 25px; }*/
/*#hero-text a{ -webkit-transition:color .3s, background-color .3s, border-color .3s; -moz-transition:color .3s, background-color .3s, border-color .3s; -o-transition:color .3s, background-color .3s, border-color .3s; 	transition:color .3s, background-color .3s, border-color .3s; }*/
#hero-text a, #hero-text .ghost-button-white{ -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }

/* OWL CAROUSEL */
#hero-wrapper .owl-item{ float:left; max-height:600px; }
.hero-slide-container{ position:relative; max-height:600px; }
.hero-slide-container picture, .hero-slide-container picture img{ max-height:none; }
.owl-nav.disabled{ display:none; }

@media screen and (max-height:767px){ #hero-wrapper, #hero-wrapper .owl-item, .hero-slide-container{ max-height:400px; } }
@media screen and (max-width:1023px){ #hero-wrapper, #hero-wrapper .owl-item, .hero-slide-container{ max-height:400px; } }
@media screen and (max-width:767px){ #hero-wrapper, #hero-wrapper .owl-item, .hero-slide-container{ max-height:300px; } }
/*@media screen and (max-width:479px){ #hero-wrapper, #hero-wrapper .owl-item, .hero-slide-container{ max-height:none; } }*/





/****************************************** FOOTER **************************************/
#site-footer *{ font-size:0.8rem; }
#footer-logo{ padding-right:5%; }
#footer-logo p{ margin-bottom:10px; }
#footer-logo img{ max-width:120px; max-height:120px; margin-bottom:15px; }
#footer-logo a{ float:none; }
.footer-menu-column ul{ margin-left:0; padding-right:20px; }
.footer-menu-column a{ margin-bottom:5px; }
.desktop-device #site-footer a:hover{ text-decoration:underline; }
#footer-legal a{ float: none; }

.footer-newsletter{  }
.footer-newsletter form{  }
.footer-newsletter form label{ text-align:right; }
.footer-newsletter form input[type=email],
.footer-newsletter form input[type=text]{ float:right; max-width:350px; background-color:rgb(240, 240, 240); }
.footer-newsletter form input[type=submit],
.footer-newsletter form button[type=submit]{ float:right; margin:0; }
.footer-newsletter .wpcf7-not-valid-tip,
.footer-newsletter .wpcf7-response-output,
.footer-newsletter .wpcf7-mail-sent-ok{ text-align: right; float: right; }



/***************************** TEASERS ***************************/
.teaser-wrapper.content-width-1-4:nth-of-type(4n + 1){ clear:left; }
.teaser-wrapper.content-width-1-3:nth-of-type(3n + 1){ clear:left; }
.teaser-wrapper.content-width-1-2:nth-of-type(2n + 1){ clear:left; }
.teaser-wrapper > .left-content{ max-width:350px; }
.teaser-wrapper > .left-content .sub-heading{ margin-bottom:0; -webkit-transition:background-color .3s, color .3s; -moz-transition:background-color .3s, color .3s; -o-transition:background-color .3s, color .3s; transition:background-color .3s, color .3s; }
.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;
	}
}





/***************************** HOME PAGE ******************************/
#section-home-teasers > .content-width > p{ margin-bottom:50px; }
@media screen and (max-width:767px){
	.why-choose-us-teaser{ margin-bottom:20px; }
	.why-choose-us-teaser:nth-of-type(2n+1){ clear:left; }
}





/***************************** PRODUCT PAGE ******************************/
/* NAV MENU */
#product-menu{ padding-right:20px; }
#product-menu li{ margin-bottom:10px; line-height:120%; }
#product-menu a{ float:left; font-size:0.8rem; -webkit-transition:color .2s; -moz-transition:color .2s; -o-transition:color .2s; transition:color .2s; }
#product-menu .product-menu-category-item-link a{ font-size:1rem; }
/* RIGHT SIDEBAR */
#product-sidebar-right{  }
#product-sidebar-right .right-side-bar-item{ margin-bottom:20px; }
.right-side-bar-item-image{ width:50px; margin-right:20px; }
.right-side-bar-item-text{ float:right; width:calc(100% - 70px); }
.right-side-bar-item-text p{ font-size:0.9rem; margin-bottom:0; }





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





/***************************** 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:#eee; color:#666; }
.page-numbers.current{ background-color:#666; color:#eee; }
.pagination a{ -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; }
.pagination a:hover{ opacity:0.8; }





/***************************** WHY CHOOSE US PAGE ******************************/
.why-choose-us-teaser .sub-heading, .why-choose-us-teaser p{ -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; }




body.privacy #section-page-main *{  }
body.privacy #section-page-main p{  }
body.privacy #section-page-main a{  }
body.privacy #section-page-main li{ line-height:160%; }
body.privacy #section-page-main table{ width:100%; }
body.privacy #section-page-main table{ margin-bottom:20px; border-collapse:collapse; }
body.privacy #section-page-main table tr{  }
body.privacy #section-page-main table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
body.privacy #section-page-main table th p{ color:#fff !important; }
body.privacy #section-page-main table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
body.privacy #section-page-main table p{ padding:0; margin:0; line-height: 160%; }

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