/*   
Theme Name: Artesian Spas 2023 Theme
Theme URI: https://www.wearecoda.com
Description: This is the Artesian Spas 2023 Theme WordPress Website Template
Author: We are CODA
Author URI: https://www.wearecoda.com
Version: 1
*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	width: 100%;
	height: auto;
	image-rendering : -webkit-optimize-contrast;
    image-rendering : optimizeQuality;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img, iframe {
	width:100%;
}
body, html {
	color: #000000;
	font-family: "Inter Light";
	font-weight: normal;
	overflow: hidden;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}
p { 
	-webkit-font-smoothing: antialiased;
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 1px;
}

p:last-child { 
	margin: 0;
}

a:link, a:active, a:visited {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
}
a:hover{
	color: #000000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	cursor: pointer;
   
}

ul {
	margin: 0;
	padding: 0;
}


li {
	margin: 0 0 5px 20px;
	padding: 0 0 0 10px;
	background-image: none;
	background-position: left 3px;
	background-repeat: no-repeat;
	text-align: left;
	letter-spacing: 1px;
}
h1, .chunky-title-xlarge, .chunky-title-large, .chunky-title-medium, .chunky-title-small, .slim-title-small, .chunky-title-large p, .chunky-title-medium p {
	font-family: "Inter Light";
	font-weight: normal;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2, h3 {
    font-family: "Inter Light";
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 30px;
	display: block;
	position: relative;
	line-height: 110%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h3 {
	margin: 0px 0 40px 0;
	padding: 20px 0 0 0;
	font-size: 22px;
}

h3:first-child {
	padding: 0;
}

.mobile-view {
	display: inline-block !important;
	}
.desktop-view {
	display: none !important;
	}
.narrow {
	width: 86%;
	margin-left: 7% !important;
	margin-right: 7% !important;
	box-sizing: border-box;
	}

.vbtm {
	vertical-align: bottom;
	}

.vtop {
	vertical-align: top !important;
	}

.bottom-space {
	padding-bottom: 8% !important;
	}

.bottom-space-double {
	padding-bottom: 12% !important;
	}

.top-space, .top-space-double {
	padding-top: 6% !important;
	}

.bottom-space-mini {
	padding-bottom: 3% !important;
}

.top-space-mini {
	padding-top: 3% !important;
}

.heavy {
    font-family: "Inter Bold";
	letter-spacing: 1px;
}

.lower {
   text-transform: none;
}


.flex {
	display: flex;
	flex-wrap: wrap;
	}

.half {
	width: 100%;
}

img.top-overlap-large, .top-overlap-large {
	margin-top: 6% !important;
	vertical-align: top  !important;
}

img.top-overlap-small, .top-overlap-small {
	margin-top: 4% !important;
	vertical-align: top  !important;
}

img.bottom-overlap-large, .bottom-overlap-large {
	margin-bottom: 6% !important;
	vertical-align: bottom  !important;
}

img.bottom-overlap-small, .bottom-overlap-small {
	margin-bottom: 4% !important;
	vertical-align: bottom  !important;
}

.overflow {
	overflow: visible !important;
}

.head-space {
	height: 83px;
}

.full-height {
	height: 80vh;
}

.half-height {
	height: 50vh;
}





.jump-menu, .jump-menu li  {
	display: inline-block !important;
	padding: 0 15px !important;
	margin: 0 0 6px 0;
	font-size: 15px;
}

.jump-menu li a:link, .jump-menu li a:visited, .jump-menu li a:active {
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
}

.jump-menu:last-child, .jump-menu li:last-child, .jump-menu-black:last-child, .jump-menu-black li:last-child  {
	border-right: 0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.jump-menu li a:hover  {
	color: #ffffff !important;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.jump-menu-black, .jump-menu-black li  {
	display: inline-block !important;
	padding: 0 15px !important;
	margin: 0 0 12px 0;
}

.jump-menu-black li a:link, .jump-menu-black li a:visited, .jump-menu-black li a:active, .jump-menu-black a:link, .jump-menu-black a:visited, .jump-menu-black a:active {
	color: #000000 !important;
}

.jump-menu-black a:hover  {
	color: #57a5d3 !important;
}




img.cover-fit {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

img.tinted {
	filter: alpha(opacity=45);
	-moz-opacity: .45;
	-khtml-opacity: .45;
	opacity: .45;
}





/* START HEADER SECTION */

#fixed-logo {
	position: fixed;
	width: 100%;
	z-index: 100;
}

#fixed-menu {
	position: fixed;
	z-index: 1000;
}

#top-band-area {
	width: 100%;
	z-index: 100;
	display: block;
	padding: 30px 7%;
	border-bottom: solid 1px #ffffff;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #000, transparent);
	
}

#top-band-area-inner {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 1400px;
}


#top-band-area-mobile {
	width: 100%;
	z-index: 100;
	display: none;
	padding: 20px 7%;
	box-sizing: border-box;
	background-color: #000000;
	height: 82px;
}


#logo {
	display: block;
	width: 326px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

#logo img, #logo-mobile img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}

#logo-mobile {
	display: block;
	width: 50px;
	height: auto;
	position: relative;
	margin: 0 auto;
}



/* MAIN MENU STYLES */

#mainNav {	 
	display: none !important;
}

/* RESPONSIVE MENU STYLES */
#mainNav-responsive, #mainNav-responsive-MOBILE {
    height: 100%;
	position: fixed;
	right: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform 350ms ease-in-out;
	background: #000000;
	padding: 130px 7% 4% 7%;
	box-sizing: border-box;
	top: 0;
	overflow-y: scroll;
}

#mainNav-responsive-MOBILE {
	padding: 6% 7% 4% 7%;
	margin-top: 80px;
}

input[type="checkbox"]:checked ~ #mainNav-responsive, input[type="checkbox"]:checked ~ #mainNav-responsive-MOBILE {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle, .sidebarIconToggleMOB {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    z-index: 99;
    top: 35px;
    left: 7%;
	height: 35px;
	width: 35px;
}

.sidebarIconToggleMOB {
    top: 35px;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #ffffff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 9px;
}
.diagonal.part-1, .diagonal.part-1-pink {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2, .diagonal.part-2-pink {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 9px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal, input[type=checkbox]:checked ~ .sidebarIconToggleMOB > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1, input[type=checkbox]:checked ~ .sidebarIconToggleMOB > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2, input[type=checkbox]:checked ~ .sidebarIconToggleMOB > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -11px;
}


#breadcrumbs p {
 padding: 0;
 margin: 0
}

#breadcrumbs a:link {
   display: none;
}
#breadcrumbs .breadcrumb_last {
   position: fixed;
   right: 7%;
   top: 34px;
   margin-right: 50px;
   font-family: "Inter Light";
   color: #ffffff !important;
   text-transform: uppercase;
   z-index: 2;
}

#mainNav-responsive ul, #mainNav-responsive-MOBILE ul { 
    width: 100%;
	float: right;
	margin: 0;
	padding: 0;
}

#mainNav-responsive-MOBILE ul { 
    width: 100%;
}


#mainNav-responsive li, #mainNav-responsive-MOBILE li { 
    font-size: 30px;
	font-family: "Inter Light";
	font-weight: normal;
	display: block;
	padding: 0 0 4% 0 !important;
	text-decoration: none;
	background-image: none;
	margin: 0 0 4% 0;
	color: #ffffff;
	text-align: left;
	line-height: 100%;
	text-transform: uppercase;
}

#mainNav-responsive li:last-child, #mainNav-responsive-MOBILE li:last-child { 
	padding: 0 !important;
	margin: 0;
}

#mainNav-responsive-MOBILE li { 
    font-size: 24px;
	padding: 0 0 4% 0;
	margin: 0 0 4% 0;

}

#mainNav-responsive li:last-child, #mainNav-responsive-MOBILE li:last-child { 
	border-bottom: none;
}

#mainNav-responsive li.menu-item-has-children, #mainNav-responsive-MOBILE li.menu-item-has-children { 
	background-image: url(assets/plus.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
	background-position: right 12px;
	padding-right: 30px !important;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
}

#mainNav-responsive-MOBILE li.menu-item-has-children { 
    background-size: 16px 16px;
	background-position: right 4px;
}

#mainNav-responsive li.menu-item-has-children:hover, #mainNav-responsive-MOBILE li.menu-item-has-children:hover { 
	background-image: url(assets/minus.png);
	background-repeat: no-repeat;
    background-size: 20px 20px;
	background-position: right 12px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
}

#mainNav-responsive-MOBILE li.menu-item-has-children:hover { 
	background-size: 16px 16px;
	background-position: right 4px;
}

#mainNav-responsive li a, #mainNav-responsive-MOBILE li a {
	  text-decoration: none;
	  color: #ffffff;
	  display: block;
  }

#mainNav-responsive li a:hover, #mainNav-responsive-MOBILE li a:hover { 
 	   color: #ffffff;
 }

/* Secondary level navigation */
#mainNav-responsive li ul, #mainNav-responsive-MOBILE li ul { 
	  padding: 15px 0;
      display: none;
	  z-index: 12;
 }
#mainNav-responsive ul ul, #mainNav-responsive-MOBILE ul ul {
	display: none;
	margin-top: 0;
	position: relative;
	width: 100%;
}

#mainNav-responsive-MOBILE ul ul {
	margin-top: 0;
}

#mainNav-responsive ul ul li, #mainNav-responsive-MOBILE ul ul li {
    display: block;
	background: none;
	font-size: 20px;
	margin: 0;
	padding: 0 !important;
	text-shadow: none;
	border: none !important;
}

#mainNav-responsive-MOBILE ul ul li {
	font-size: 18px;
}

#mainNav-responsive ul ul li a, #mainNav-responsive-MOBILE ul ul li a {	
	display: block;
	float: none;
	color: #ffffff !important;
	padding: 10px 0;
	margin: 0 !important;
	line-height: 120%;
}

#mainNav-responsive-MOBILE ul ul li a {
	padding: 6px 0;
}


#mainNav-responsive ul ul li a:hover, #mainNav-responsive-MOBILE ul ul li a:hover {
    text-decoration: none;
	color: #ffffff !important;	
}

/* RESPONSIVE MENU STYLES */

/* MAIN MENU STYLES */




.central, .central-home {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-0%,-50%);
	-ms-transform: translate(-0%,-50%);
	text-align: center;
	width: 100%;
	padding: 0 7%;
	box-sizing: border-box;
}




/* FOOTER MENU STYLES */

#footerNav ul { 
	margin: 0;
	padding: 0;
}


#footerNav li { 
    font-size: 15px;
	font-family: "Inter Light";
	font-weight: normal;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 3% 0;
	text-decoration: none;
	background-image: none;
	color: #ffffff;
	text-align: left;
	line-height: 130%;
	text-transform: uppercase;
}

#footerNav li.menu-item-has-children { 
    
}

#footerNav ul.sub-menu { 
    margin-top: 10px;
}



#footerNav li:last-child { 
	margin: 0;
}

#footerNav li a {
	  text-decoration: none;
	  color: #ffffff;
	  display: block;
  }

#footerNav li a:hover { 
 	   color: #ffffff;
 }
/* FOOTER MENU STYLES */






a.learn-more:link, a.learn-more:active, a.learn-more:visited {
	font-family: "Inter Light";
	font-size: 18px;
	color: #ffffff;
	padding: 10px 15px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

a.learn-more:hover {
	color: #000000;
}

.learn-more img {
	width: 40px;
	margin-right: 10px;
	padding: 0 !important;
}

a.find-out-more:link, a.find-out-more:active, a.find-out-more:visited, a.find-out-more-black:link, a.find-out-more-black:active, a.find-out-more-black:visited {
	font-family: "Inter Light";
	font-size: 15px;
	color: #48a7af;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	letter-spacing: 1px;
}

a.find-out-more:hover{
	color: #ffffff;
}
a.find-out-more-black:hover {
	color: #000000;
}


.arrow {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  left: 4px;
  bottom: -1px;
  border: solid #48a7af;
  border-width:0 2px 2px 0;
  padding:4px;
  position:relative;
  width:4px;
  height:4px;
}




/* END HEADER SECTION */





/* START BODY SECTION */	
#body-wrapper, #body-wrapper-padless, #body-wrapper-wide, #body-wrapper-footer {
	width: 100%;
	z-index: 1;
	text-align: center;
	display: block;
	padding: 12% 7%;
	box-sizing: border-box;
	position: relative;
}

#body-wrapper-padless {
	padding: 0 7%;
}

#body-wrapper-wide {
	padding: 0;
}

#body-wrapper-footer {
	padding: 7% 7% 0 7%;
}

#body-content-inner {
	max-width: 1400px;
	margin: 0 auto;
}

.black-bg {
	background: #000000;
}
.grey-bg, .alternate-grey-bg {
	background: #222222;
}
.alternate-grey-bg:nth-of-type(even) {
	background: #000000;
}




.light-grey-bg {
	background: #2d2d2d;
}


.white-bg, .alternate-off-white-bg:nth-of-type(even) {
	background: #ffffff;
}
.off-white-bg, .alternate-off-white-bg {
	background: #e8e8e8;
}
.aqua-bg {
	background: #48a7af;
}
.aqua-bg-tinted {
	background: rgba(72, 167, 175, 0.8);
}

.orange-bg {
	background: #ef7419;
}
.orange-bg-tinted {
	background: rgba(239, 116, 25, 0.8);
}

.blue-bg {
	background: #57a5d3;
}
.blue-bg-tinted {
	background: rgba(87, 165, 211, 0.8);
}

.green-bg {
	background: #43ab49;
}
.green-bg-tinted {
	background: rgba(67, 171, 73, 0.8);
}

.purple-bg {
	background: #7773b5;
}
.purple-bg-tinted {
	background: rgba(119, 115, 181, 0.8);
}






.transparent-bg {
	border: 1px solid #ffffff;
}

a.transparent-orange-bg:link, a.transparent-orange-bg:active, a.transparent-orange-bg:visited {
	border: 1px solid #ef7419;
	font-family: "Inter Light";
	font-size: 18px;
	color: #ffffff;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.transparent-orange-bg:hover {
	color: #ef7419 !important;
}

a.transparent-green-bg:link, a.transparent-green-bg:active, a.transparent-green-bg:visited {
	border: 1px solid #43ab49;
	font-family: "Inter Light";
	font-size: 18px;
	color: #ffffff;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.transparent-green-bg:hover {
	color: #43ab49 !important;
}

a.transparent-blue-bg:link, a.transparent-blue-bg:active, a.transparent-blue-bg:visited {
	border: 1px solid #57a5d3;
	font-family: "Inter Light";
	font-size: 18px;
	color: #000000;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.transparent-blue-bg:hover {
	color: #57a5d3 !important;
}

a.transparent-purple-bg:link, a.transparent-purple-bg:active, a.transparent-purple-bg:visited {
	border: 1px solid #7773b5;
	font-family: "Inter Light";
	font-size: 18px;
	color: #000000;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.transparent-purple-bg:hover {
	color: #7773b5 !important;
}

a.transparent-aqua-bg:link, a.transparent-aqua-bg:active, a.transparent-aqua-bg:visited {
	border: 1px solid #48a7af;
	font-family: "Inter Light";
	font-size: 18px;
	color: #000000;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.transparent-aqua-bg:hover {
	color: #48a7af !important;
}


.shadow {
	text-shadow: 0px 0px 20px #000000;
}

.boxed {
	padding: 40px;
}





.white-text, .white-text p, .white-text a:link, .white-text a:active, .white-text a:visited {
	color: #ffffff;
}

.grey-text, .grey-text p, .grey-text a:link, .grey-text a:active, .grey-text a:visited {
	color: #abaaaa;
}

.aqua-text, .aqua-text a:link, .aqua-text a:active, .aqua-text a:visited {
	color: #48a7af !important;
}

.blue-text, .blue-text a:link, .blue-text a:active, .blue-text a:visited, .blue-text p {
	color: #57a5d3;
}

.black-text-link, .black-text-link a:link, .black-text-link a:active, .black-text-link a:visited, .black-text-link p {
	color: #000000;
}

.green-text, .green-text a:link, .green-text a:active, .green-text a:visited {
	color: #43ab49 !important;
}

.purple-text, .purple-text a:link, .purple-text a:active, .purple-text a:visited {
	color: #7773b5 !important;
}




.left-aligned {
	text-align: left !important;
}
.center-aligned, .center-aligned p {
	text-align: center !important;
}
.right-aligned {
	text-align: right !important;
}

/* END BODY SECTION */




.chunky-title-xlarge, .chunky-title-large, .chunky-title-medium, .chunky-title-small, .chunky-title-large p, .chunky-title-medium p {
    text-align: left;
	font-size: 28px;
	display: block;
	margin: 0 7%;
	position: relative;
	line-height: 140%;
  }

.chunky-title-small, .slim-title-small, .chunky-title-small p, .slim-title-small p, .chunky-title-small ul, .slim-title-small ul {
	font-size: 16px;
  }

.chunky-title-medium, .chunky-title-medium p {
	font-size: 22px;
  }

.chunky-title-xlarge {
    font-size: 34px;
  }

.three-tier-heading {
    display: inline-block;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 6px;
  }


.chunky-title-medium p {
    margin-bottom: 40px !important;
  }



h1.header-half {
    text-align: left;
	font-size: 30px;
	display: block;
	color: #ffffff;
	margin: 0;
	position: relative;
	line-height: 110%;
	padding: 70px 0 20px 0;
  }
.header-half p {
	font-size: 20px;
	line-height: 140%;
	font-family: "Inter Light";
	color: #ffffff;
  }
  

.chunky-title-xlarge, .chunky-title-large, .chunky-title-medium, .chunky-title-small, .slim-title-small, .chunky-title-large p, .chunky-title-medium p {
	margin: 0;
  }



#body-content-1-3-col, #body-content-1-2-col, #body-content-2-3-col, #body-content-3-4-col, #body-content-1-4-col {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	z-index: 10;
	display: inline-block;
	margin: 0 auto;
}

#body-content-1-3-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#body-content-1-2-col ul {
	padding-bottom: 20px;
}
#body-content-1-2-col li {
	padding: 0 0 0 2%;
}



#body-content-1-2-col img  {
	padding-bottom: 4%;
}


img.icon {
	width: 75px;
	height: 100%;
	margin: 0 auto;
	display: block;
}

img.icon-ar {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
}

img.features-icon {
	width: 36px;
	margin-right: 10px;
	padding-bottom: 0 !important;
	float: left;
}

img.values-icon {
	width: 36px;
	margin: 0 auto 10px auto;
	display: block;
}

.footer-icon {
	width: 24%;
	margin: 0 20px 10px 20px;
	display: inline-block;
	filter: alpha(opacity=45);
	-moz-opacity: .45;
	-khtml-opacity: .45;
	opacity: .45;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.footer-icon:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}

.footer-icon img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.featured-blocks {
	overflow: hidden;
	width: 100%;
	display: inline-block;
}

img.taxonomy-hero, .taxonomy-hero img  {
	width: 120%;
	position: relative;
	left: -10%;
	
}




/* CASE STUDY SECTION */

.detail-header {
    font-family: "Inter Light";
	font-weight: normal;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 18px;
	display: block;
	position: relative;
	line-height: 110%;
}

.detail-header ul {
	margin: 0 0 20px 0;
	font-size: 15px;
	font-family: 'Inter Light', sans-serif;
}

img.detail-header {
    max-width: 220px;
}


/* CASE STUDY SECTION */


li.colour-swatches {
	display: block;
	padding: 0;
	text-align: center;
	margin: 0 0 30px 0;
}

li.colour-swatches p {
	display: inline-block;
}

.colour-swatch {
	width: 80px;
	height: 80px;
	margin: 0 auto 10px auto;
	padding-bottom: 0 !important;
	display: block;
}

.colour-swatch img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

#colour-swatch-col {
	width: 80%;
	display: block;
	margin: 0 auto;
	vertical-align: top;
}



.product-image {
	width: 24%;
	aspect-ratio: 1 / 1;
	margin: 2%;
	display: inline-block;
	overflow: hidden;
}

.product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}








/* START FOOTER SECTION */

#bottom-band-coda {
	display: block;
	width: 100%;
	z-index: 100;
	top: 0;
	padding: 10px 24px;
	box-sizing: border-box;
	line-height: 120%;
	background-color: #000000;
	text-align: center !important;
}
 #bottom-band-coda p, #bottom-band-coda a {
	color: #ffffff;
	font-size: 12px;
	font-family: "Inter Light";
	 margin: 0;
}


.footer p {
	text-align: left;
	width: 100%;
	display: inline-block;
	font-size: 12px;
	font-family: "Inter Light";
}

.footer-nav-header {
	font-family: "Inter Light";
	margin-bottom: 20px;
	display: block;
	text-align: left;
	font-size: 15px;
	box-sizing: border-box;
	color: #000000;
}


.social-blob {
	display: inline-block;
	margin: 10px 5px 0 5px;
	position: relative;
	}


.social-blob img {
	width: 28px;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	}

img.social-blob {
	width: 28px;
	display: inline-block;
	margin: 10px 5px 0 5px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	}

.social-blob img:hover, img.social-blob:hover {
	width: 28px;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	}




/* END FOOTER SECTION */





/* START TEAM STYLES */

.team-col {
	border-bottom: solid 20px #ffffff;
	border-top: solid 10px #ffffff;
}

.team-col-white {
	border-bottom: solid 20px #ffffff;
	border-top: solid 10px #ffffff;
}

#team-block {
	display: inline-block;
	height: 100%;
	padding: 15px;
	box-sizing: border-box;
	top: 0;
	position: absolute;
	width: 50%
}

img.team-block {
	width: 140px;
}

.team-bio, .team-bio p {
	font-size: 14px;
}



.cross-left-pink, .cross-left-navy {
  display: inline-block;
	bottom: -1px;
	background-image: url(assets/pink-plus.png);
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: left center;
	position: relative;
	width: 13px;
	height: 13px;
}
.cross-left-navy {
	background-image: url(assets/navy-plus.png);
}








/* START BLOG POST STYLES */

.blog-col {
	margin-bottom: 4% !important;
}

.blog-col .cream-text, .blog-col .cream-text p {
	padding: 0 7%;
	margin: 0;
}

.blog-col .bottom-space-double {
	padding-bottom: 42% !important;
}

ul#date-box-main {	
	text-align: left;
	padding: 0 7% 4% 7%;
	margin: 0;
	font-size: 14px;
	position: absolute;
	bottom: 0;
}
ul#date-box-main li {	
    color: #ffffff;
	font-family: "Inter Light";
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
}

ul#date-box-single {	
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	font-size: 14px;
	border-bottom: 2px solid #ffffff; 
}
ul#date-box-single li {	
    color: #000000;
	font-family: "Inter Light";
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
}

.blog-thumb {
	overflow: hidden;
	aspect-ratio: 1.5 / 1;
}

.no-overflow {
	overflow: hidden;
}

.blog-thumb img {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	padding: 0 !important;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.blog-thumb img:hover {
	transform: scale(1.1);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
}


a.read-more:link, a.read-more:active, a.read-more:visited {
	font-family: "Inter Light";
	line-height: 140%;
	margin: 0;
	padding: 0 7% 21% 7%;
	text-align: left;
	color: #ffffff;
	text-decoration: none !important;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
}

a.read-more:hover {
	color: #ffffff;
}




/* START BLOG POST  STYLES */


/* FORM STYLES */


.nf-form-fields-required, .nf-field-label  {
  	 display: none;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	font-family: "Inter Light";
	font-weight: normal;
	font-size: 15px;
	color: #000000 !important;
	background-color: #ffffff !important;
	padding: 16px;
	line-height: 100%;
	z-index: 1;
	border-radius: 5px !important;
	border: none !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], a.header-book:link, a.header-book:active, a.header-book:visited {
	font-family: "Inter Light";
	font-size: 18px;
	color: #ffffff;
	padding:15px 35px;
	display:inline-block;
	line-height:100%;
	z-index:1;
	text-decoration:none!important;
	text-transform:uppercase;
	letter-spacing:1px;
	display: block;
	margin: 40px auto 0 auto;
	background-color: #48a7af !important;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover, a.header-book:hover {
	background-color: #ffffff !important;
}

.nf-form-content select.ninja-forms-field {
	color: #000000 !important;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 2;
}

.nf-form-content textarea.ninja-forms-field {
	height: 150px;
}

.checkbox-container.label-right label {
	font-size: 14px;
	width: 100%;
	display: block;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: "Inter Medium";
}



.tml {
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}

.tml input  {
  border: solid 1px #000000 !important;
  background-color: #e8e8e8;
  padding: 12px !important;
  margin: 0 0 10px 0 !important;
}

.tml button, .tml input[type="button"], .tml input[type="reset"], .tml input[type="submit"]  {
  font-family: "Inter Light";
	font-size: 18px;
	color: #ffffff;
	padding: 15px 35px;
	display: inline-block;
	line-height: 100%;
	z-index: 1;
	text-decoration: none!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #48a7af;
	border: none;
}

.tml input[type=checkbox] {
	margin: 0 10px 0 0;
	display: inline-block;
	-webkit-appearance: none;
	border: 2px solid #48a7af;
	outline: none;
	float: left;
	padding: 8px;
	background-color: #ffffff;
}

.tml input[type=checkbox]:checked {
	 background-color: #48a7af;
}


/* FORM STYLES */	
	
	

.leaflet-bottom {
	display: none !important;
}

.umsMarkerTitle  {
	font-weight: normal !important;
}


.arrow {
  animation: arrow 1s ease-in-out infinite;
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0) rotate(-45deg);
  }
  50% {
    transform: translate(8px, 0px) rotate(-45deg);
  }
}







/* FILTER STYLES */

#filter-results {
	width: 100%;
}

#filter-results .searchandfilter ul li {
	padding: 0;
	margin: 0 0 6px 0;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

#filter-results h4 {
	font-family: "Inter Bold";
	font-weight: normal;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	margin: 0;
	padding: 0 0 20px 0;
	color: #48a7af;
	background-image: url(assets/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
	background-position: right 5px;
}


#filter-results ul ul {
    position: absolute;
	display: none;
	padding: 20px 40px 0px 20px;
	border: solid 1px #000000;
	margin: 0;
	box-sizing: border-box;
	background: #ffffff;
	width: 70%
}

#filter-results ul li li {
	display: block !important;
	padding: 0 !important;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#filter-results ul li li a {
	color: #000000 !important;
	white-space: nowrap;
	text-align: left;
	
}

#filter-results ul li li a:hover {
    text-decoration: none;
	color: #48a7af;	
}
#filter-results li:hover > ul {
    display: block;
}


.searchandfilter li[data-sf-field-input-type=checkbox] label {
    padding: 0 !important;
}

.searchandfilter li[data-sf-field-input-type=checkbox] :checked+label {
   color: #48a7af;
   font-family: "Inter Bold";
}

#filter-results .searchandfilter ul li.sf-field-reset {
	text-align: right;
	padding: 10px;
	width: 100%;
	text-transform: uppercase;
	font-size: 12px;
	box-sizing: border-box;
	font-family: "Inter Bold";
}



/* FILTER STYLES */






/* TAB STYLES */
.tab, .tab-black, .tab-first, .tab-black-first {
  overflow: hidden;
  display: inline-block;
}

/* Style the buttons that are used to open the tab content */
.tab button, .tab-black button, .tab-first button, .tab-black-first button {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  padding: 0 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Inter Light";
  line-height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   background-color: #222222;
   margin: 0;
   color: #ffffff;
}

.tab-black button, .tab-black-first button {
   background-color: #ffffff;
   color: #000000;
}

/* Change background color of buttons on hover */
.tab button:hover, .tab-black button:hover, .tab-first button:hover, .tab-black-first button:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  	
}


/* Create an active/current tablink class */
.tab button.active, .tab-first button.active {
   text-decoration: underline;
}

.tab-black button.active, .tab-black-first button.active {
   text-decoration: underline;
}

/* Style the tab content */
.tabcontent, .jetcontent {
  display: none;
  padding: 0;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}


/* Go from zero to full opacity */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}


/* TAB STYLES */






/* PRICE POP UP STYLES */
.price-popup {
  overflow: hidden;
  display: inline-block;
	vertical-align: bottom;
}

/* Style the buttons that are used to open the tab content */
.price-popup button {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  font-family: "Inter Light";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   background-color: #ffffff;
   margin: 0;

}

.price-popup button:last-child  {
	border-right: 0;
}

/* Change background color of buttons on hover */
.price-popup button:hover {
  color: #48a7af;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  	
}


/* Create an active/current tablink class */
.price-popup button.active {
   color: #48a7af;
}


/* Style the tab content */
.price-popupcontent {
	display: none;
    padding: 30px;;
	margin: 0 auto;
	position: fixed;
	z-index: 1000;
	top: 40vh;
	left: 10vw;
	width: 80%;
	animation: 0.5s fadeIn;
	animation-fill-mode: forwards;
	box-sizing: border-box;
	visibility: hidden;
}


/* Go from zero to full opacity */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}


button.close, .close {
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: left;
	transition: 0.4s;
	display: inline-block;
	box-sizing: border-box;
	background-image: url(assets/close.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center center;
	border: none;
	right: 20px;
	top: 20px;
	position: absolute;
	z-index: 1000;
	background-color: transparent;
}
/* PRICE POP UP STYLES */









/* JET DETAIL POP UP STYLES */
.jet-popup {
  overflow: hidden;
  display: inline-block;
	vertical-align: bottom;
}

/* Style the buttons that are used to open the tab content */
.jet-popup button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   background-color: transparent;
   margin: 0;
   border: none;

}

/* Style the tab content */
.jet-popupcontent {
	display: none;
	margin: 0 auto;
	z-index: 1000;
	animation: 0.5s fadeIn;
	animation-fill-mode: forwards;
	box-sizing: border-box;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
.jet-popupcontent img {
	max-width: 60%;
	position: absolute;
	top: 6%;
	left: 50%;
	transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,0%);
}


/* Go from zero to full opacity */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}


button.close, .close {
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: left;
	transition: 0.4s;
	display: inline-block;
	box-sizing: border-box;
	background-image: url(assets/close.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center center;
	border: none;
	right: 20px;
	top: 20px;
	position: absolute;
	z-index: 1000;
	background-color: transparent;
}
/* JET DETAIL POP UP STYLES */









/* FLOATING IMAGE STYLES */

img#floating-image {
	padding: 0;
	position: relative;
	margin: 0;
}


img#floating-image.width-small {
	width: 79%;
}
img#floating-image.width-medium {
	width: 86%;
}
img#floating-image.width-large {
	width: 93%;
}

img#floating-image.margin-bottom {
	margin-bottom: 4%;
}
img#floating-image.margin-bottom-small {
	margin-bottom: -4%;
}
img#floating-image.margin-bottom-medium {
	margin-bottom: -6%;
}
img#floating-image.margin-bottom-large {
	margin-bottom: -18%;
}

img#floating-image.margin-right {
	margin-right: 7%;
}
img#floating-image.margin-left {
	margin-left: 7%;
}


img#floating-image.float-right {
	float: right;
}


img#floating-image.z-index {
	z-index: 2;
}


/* FLOATING IMAGE STYLES */



/* TIMELINE STYLES */

.timeline-slice {
	padding: 3% 0;
	background-image: url(assets/timeline-bg.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center center;
}

.timeline-slice:last-child {
	padding: 3% 0 6% 0;
}

/* TIMELINE STYLES */




/* ACCORDIAN STYLES */

#accordion-inner {
	margin: 0 auto;
}

#accordion-inner ul {
	margin: 0 0 20px 0;
}

.reveal-button {
    border: none;
    outline: none;
    cursor: pointer;
	padding: 0 40px 3% 0;
	background-image: url(assets/plus-black.png);
  	background-repeat: no-repeat;
  	background-position: 100% 10%;
	background-size: 16px;
	display: block;
	text-align: left;
	border-bottom: solid 1px #cfcfcf;
}

.active {
  background-image: url(assets/minus-black.png);
  overflow: visible;
}
.reveal-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  box-sizing: border-box;
}

.reveal-panel p {
  text-align: left;
  padding: 0 40px 0 0;
}

.reveal-panel p:last-child { 
	margin: 0 0 20px 0;
}


/* ACCORDIAN STYLES */





/* AR STYLES */
.model-viewer-wrapper { 
position: relative; 
padding-top: 100%; 
margin: 0 
} 

model-viewer { 
width: 100%; 
height: 100%; 
position: absolute; 
top: 0; 
height: calc(100% - 8px) 
} 
/* AR STYLES */






/* MAILCHIMP SIGN UP STYLES */


#yikes-mailchimp-container-1  {
  text-align: center;
}

.yikes-easy-mc-form .field-no-label, .yikes-easy-mc-form label {
  margin: 0 !important;
}

label.yikes-mailchimp-eu-compliance-label p  {
    font-size: 12px !important;
	line-height: 100% !important;
	color: #ffffff;
	letter-spacing: 0;
	font-family: "Inter Medium";
}

.yikes-easy-mc-form input[type=text], .yikes-easy-mc-form input[type=email]  {
  border: solid 1px #ffffff !important;
  background-color: #222222 !important;
  padding: 12px !important;
  margin: 0 0 10px 0 !important;
  color: #ffffff !important;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button  {
    background-color: #ffffff;
    color: #000000;
	border-radius: 4px;
	display: inline-block !important;
	font-family: "Inter Light";
	font-size: 18px;
	padding: 10px 15px;
	line-height: 100%;
	text-transform: none;
	border: none !important;
	width: auto !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.yikes-easy-mc-form input[type=checkbox] {
	margin: 0 10px 0 0 !important;
	display: inline-block;
	-webkit-appearance: none;
	border: 1px solid #ffffff !important;
	outline: none;
	float: left;
	padding: 8px !important;
	background-color: #222222;
}

.yikes-easy-mc-form input[type=checkbox]:checked   {
	 background-color: #ffffff !important;
}
.yikes-easy-mc-success-message {
	color: #ffffff !important;
	background: #222222 !important;
}

/* MAILCHIMP SIGN UP STYLES */





@media only screen and (min-width: 550px) {	

	
#body-wrapper {
	padding: 6% 7%;
}
	
img.taxonomy-hero, .taxonomy-hero img  {
	width: 80%;
	left: auto;
}

.mobile-image-alignment-LEFT, .mobile-image-alignment-RIGHT {
	margin-left: -200% !important;
}
	
	
.form-column, .form-column-right {
	 width: 48%;
}

.cta-bottom-block {
	padding: 120px 0 100px 0;	
}

.large-1-4-rollover-block {
	width: 50%;
	float: left;
}
	
.product-image {
	width: 12%;
}



}	



/* Desktop Small Layout: 768px to a max of 963px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {	
	
.tab button {
  border-left: solid 1px #ffffff;	
}
	
.tab-black button {
  border-left: solid 1px #000000;	
}

.tab-first button, .tab-black-first button {
   border-left: none;	
}
	
.jump-menu, .jump-menu li  {
	border-right: solid 1px #ffffff;
}
	
.jump-menu-black, .jump-menu-black li  {
	border-right: solid 1px #000000;
}
	
		
	
.jet-popupcontent img {
	max-width: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,50%);
}
	
	
	
	
.full-height {
	height: 80vh;
}
	
.half-height {
	height: 50vh;
}
	
.head-space {
	height: 178px;
}
	
.top-space {
	padding-top: 4% !important;
}
	
.bottom-space-double {
	padding-bottom: 6% !important;
	}
	
.bottom-space {
	padding-bottom: 4% !important;
	}
	
img.taxonomy-hero, .taxonomy-hero img  {
	max-width: 100%;
}
	
/* START BODY SECTION */	
	
#blog-content-1-3-col {
	width: 46%;
}
/* END BODY SECTION */

	
h1 span {
  animation:loading 1.5s forwards linear;
}
.mobile-view {
	display: none !important;
	}
.desktop-view {
	display: inline-block !important;
	}
.narrow {
	width: 65% !important;
	display: block;
	margin: 0 auto !important;
	}

.half {
	width: 50%;
}
img.full-half {
	width: 50vw;
	height: 100%;
	object-fit: cover;
}
	
.three-tier-heading {
    display: block;
	padding-left: 0;
	padding-top: 0;
  }


#body-content-header-naked {
	padding: 160px 0 80px 0;
}


 .chunky-title-xlarge, .chunky-title-large, .chunky-title-medium, .chunky-title-large p, .chunky-title-medium p {
   font-size: 34px;
   margin: 0 auto;
  }	
	
#mainNav-responsive li, #mainNav-responsive-MOBILE li {
		 font-size: 34px;
	}
	
.chunky-title-medium, .chunky-title-medium p {
   font-size: 24px;

  }	
	
 .chunky-title-xlarge {
   font-size: 54px;
  }	
	

#body-content-1-2-col {
	width: 49%;
	vertical-align: middle;
	}
	
#body-content-1-2-image {
	width: 50vw;
	vertical-align: top;
	}
	
.slim-line-content, .slim-line-content-mini {
	padding-left: 4% !important;
	box-sizing: border-box;
}
.slim-line-content-left, .slim-line-content-left-mini {
	padding-right: 4% !important;
	box-sizing: border-box;
}
	
.slim-line-content-left a:link, .slim-line-content a:link, .reveal-panel a:link, .slim-line-content-double a:link, .slim-line-content-left-mini a:link, .slim-line-content-mini a:link {
	text-decoration: underline;
}
	
	
#body-content-2-3-col {
	width: 66%;
	padding: 0 0 80px 0;
	}
#body-content-1-4-col {
	width: 49%;
}
#body-content-3-4-col {
	width: 75%;
	}

#body-content-1-3-col {
	width: 29%;
	margin: 0 2%;
	box-sizing: border-box;
	vertical-align: top;
}
	
#body-content-1-3-col.top-overlap-small {
	margin-top: -4% !important;
}
	
img.top-overlap-large, .top-overlap-large {
	margin-top: -6% !important;
	vertical-align: top  !important;
}

img.top-overlap-small, .top-overlap-small {
	margin-top: -4% !important;
	vertical-align: top  !important;
}

img.bottom-overlap-large, .bottom-overlap-large {
	margin-bottom: -6% !important;
	vertical-align: bottom  !important;
}

img.bottom-overlap-small, .bottom-overlap-small {
	margin-bottom: -4% !important;
	vertical-align: bottom  !important;
}
	
.blog-col {
	width: 31% !important;
}
	
	

/* START BLOG POST  STYLES */

#blog-main {
     width: 36%;
	 margin: 0 7% 80px 7%;
	 padding: 0 0 40px 0;
	 border-bottom: 12px solid #ffffff;
}



/* START BLOG POST  STYLES */


#colour-swatch-col {
	width: 45%;
	margin: 0 2%;
	display: inline-block
}
	
	
.price-popupcontent {
	left: 30vw;
	width: 40%;
}
	
	
	
	
/* FILTER STYLES */	
#filter-results .searchandfilter ul li {
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	width: 25%;
	vertical-align: top;
	box-sizing: border-box;
}	
	
	
#filter-results ul ul {
	width: 21.57%;
	margin: 0 0 0 -21px;
}
	
#filter-results h4 {
	background-position: 94% 5px;
	border-right: solid 1px #000000;
}
	
/* FILTER STYLES */	
	
	
.footer-icon {
	width: 12%;
}
	
}


/* Desktop Large Layout: 964px to a max of 1219px.  Inherits styles from: Mobile Layout and Tablet Layout and Deskop Small Layout. */
@media only screen and (min-width: 964px) {

.central-home {
	margin-top: 67px;
}
	
#colour-swatch-col {
	width: 28%;
	margin: 0 2%;
}
	
#body-content-header-naked p {
	width: 50%;
}
	
#body-content-1-4-col {
	width: 24%;
}

#certification-footer {
	padding: 80px 0 0 0;
}	
	
#header-hero {
	width: 50%;
}
	
#footer-content-inner {
	width: 944px;
}
#footer-content-inner-one-half, #body-content-1-2-col {
	width: 49%;
	}
	
.slim-line-content {
	padding-left: 4% !important;
}
.slim-line-content-left {
	padding-right: 4% !important;
}
	
#body-content-2-3-col {
	width: 66%;
	}
#body-content-2-3-col img {
	margin: 60px 0;
	}

.ssba {
    float: none;
    margin-top: 0;
}
	
.narrow {
	width: 60% !important;
	}
	
img.taxonomy-hero, .taxonomy-hero img  {
	max-width: 80%;
}




/* START BLOG POST MAIN STYLES */

#blog-content-1-3-col {
	width: 29%;
}

/* START BLOG POST MAIN STYLES */


#footer-content-inner, #footer-content-inner-narrow {
	width: 944px;
}
	
	
}





@media only screen and (min-width: 1011px) {

/* MAIN MENU STYLES */

#rightNav { 
	display: inline-block;
 }	
	
#mainNav {	 
	display: inline-block !important;
	font-size: 15px;
	font-family: "Inter Medium";
	font-weight: normal;
	position: relative;
	right: 25px;
	top: 0;
	z-index: 100;
}
#mainNav ul { 
	margin: 0;  
}
#mainNav li { 
	  display: inline-block; 
	  padding: 0px 0px 0px 25px;
	  text-decoration: none;
	  background-image: none;
	  margin: 0;  
}
#mainNav li a {
	  text-decoration: none;
	  color: #ffffff;
  }       
#mainNav li a:hover{ 
 	   color: #000000;
 }
#mainNav li.current_page_item a { 
	color: #000000;
 }
/* Top level navigation */

/* Secondary level navigation */
#mainNav li ul { 
	  padding: 15px 0;
      display: none;
	  z-index: 12;
 }
 #mainNav ul ul li a {	
	display: block;
	float: none;
	color: #ffffff !important;
	padding: 10px 35px;
	margin: 0!important;
	line-height: 120%;
	white-space:nowrap;	
	font-size: 12px;
	 text-align: left;
}
#mainNav ul ul li:hover {	
	color: #000000 !important;	
}
#mainNav ul li a:hover {
    text-decoration: none;
	color: #000000;	
}
#mainNav li:hover > ul {
    display: block;
}
#mainNav ul ul {
    position: absolute;
	display: none;
	padding: 15px 0px 15px 0px;
	background-color: #c78d90;
}
#mainNav ul ul li {
    display: block;
	background: none;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-shadow: none;
	border-left: none !important;
}
#mainNav ul ul ul {
    position: absolute;
	top: 36px;
	left: 92%;
}

#mainNav .get-in-touch {
	display: inline-block;
}

/* RESPONSIVE MENU STYLES */
		

}


/* Desktop Layout: 1220px to a max of 1500px.  Inherits styles from: Mobile Layout and Tablet Layout and Desktop Large Layout. */
@media only screen and (min-width: 1220px) {

	
/* MAIN MENU STYLES */
#mainNav li { 
	  padding: 0px 0px 0px 25px;; 
}
/* MAIN MENU STYLES */
	

	
	
/* START BODY SECTION */	
#body-content-header {
	padding: 240px 0 160px 0;
	
}
	
#body-content-header-naked {
	padding: 180px 0 90px 0;
	
}
/* END BODY SECTION */	
	
.padded-section {
	padding: 60px;
	margin-bottom: 160px;
}
	
#footer-content-inner {
	width: 1200px;
}

	
#blogTitle {
	top:100px;
}
	
.chunky-title-xlarge {
	font-size: 60px;
  }
 
.chunky-title-large, .chunky-title-large p {
	font-size: 38px;
  }
	
h1.header-half {
	font-size: 48px;
  }
 #servicesImage img, #solutionsImage img, #pageImage img {
	max-width: 100%;
}

#pageImagePPC img {
	width: 100%;
}
 
 #blogTitle p, #solutionsTitle p, #servicesTitle p, #pageTitle p {
	width: 1200px;
  }

  
 .cta-bottom-block  {
	width: 600px;
	margin-left: -600px;
	padding: 120px 10% 100px 0;
}

#bottom-band-pink{
	background-size: 100% auto;
	background-position: right;}


.large-1-4-rollover-block {
	width: 25%;
}

#large-1-2-fade-in  {
	width: 33%;
	padding: 0 5px 3px 5px;
	}
	

	
	
}