@font-face {
	font-family: 'Avenir Light';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/Avenir-Light.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/Avenir-Light.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/Avenir-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Bold';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Bold.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Bold.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirNextDemiBold';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-DemiBold.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-DemiBold.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-DemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Italic';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Italic.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Italic.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Avenir Heavy';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Heavy.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Heavy.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Book';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Regular.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Regular.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenir Next Ultra';
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-UltraLight.eot');
	src: url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-UltraLight.woff') format('woff'),
		url('https://resources.aquafit.co.nz/hubfs/Fonts/AvenirNext-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {}

body {font-family:'Avenir Light', Arial; font-weight:normal; font-size: 18px; color: #000}
strong {font-family:'Avenir Bold'; font-weight:normal;}
a {color: #003a63;}
input, select, button, textarea {outline:none;}

.m-t-0 {margin-top:0px !important;}
.m-t-10 {margin-top:10px !important;}
.m-t-20 {margin-top:20px !important;}
.m-t-30 {margin-top:30px !important;}
.m-b-0 {margin-bottom:0px !important;}
.m-b-10 {margin-bottom:10px !important;}
.m-b-20 {margin-bottom:20px !important;}
.m-b-30 {margin-bottom:30px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-30 {margin-right: 20px !important;}
.p-t-0 {padding-top:0px !important;}
.p-t-10 {padding-top:10px !important;}
.p-t-20 {padding-top:20px !important;}
.p-t-30 {padding-top:30px !important;}
.p-b-0 {padding-bottom:0px !important;}
.p-b-10 {padding-bottom:10px !important;}
.p-b-20 {padding-bottom:20px !important;}
.p-b-30 {padding-bottom:30px !important;}
.p-r-10 {padding-right: 10px !important;}
.p-r-15 {padding-right: 15px !important;}
.p-r-20 {padding-right: 20px !important;}
.p-r-30 {padding-right: 20px !important;}

.text-right {text-align: right}
.text-center {text-align: center}

.border-b {border-bottom: 1px solid #003a63}

.top-bar {font-size: 18px; padding: 20px 0}
.mini-cart img {max-width: 20px; display: inline-block; margin-bottom: -4px; margin-right: 6px;}
.mini-cart {font-family:'AvenirNextDemiBold'; color: #003a63}
.mini-cart a {text-decoration: none}

.link {font-family:'AvenirNextDemiBold'; color: #003a63; text-decoration: none; margin-left: 10px;}
.link:hover {color: #0093d0}
.phone a {text-decoration: none; text-transform: uppercase; color: #000000;}
.phone b {color: #0093d0; font-family:'AvenirNextDemiBold'; font-weight: normal}

.header-wrapper {position: relative; z-index: 500}
.header {padding: 20px 0; position: relative; z-index: 999}
.logo {max-width: 250px; margin-top: 8px;}

.header nav {float: right}
.header nav ul li {display:block; float: left; padding-left: 70px;}
.header nav ul li a {font-family:'Avenir Bold'; text-transform: uppercase; text-decoration: none; font-size: 17px; padding: 2.5rem 0 2.5rem 0; display: block; color: #003a63}
.header nav ul li a:hover {color: #0093d0}

#page { background: #fff; max-width: 100%; }

a.menu-icon { display: none; z-index: 999; }
.c-hamburger { display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 45px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; top: 10px; right: 10px}
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 20px; left: 7px; right: 7px; height: 2px; background: #003a63; }
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #003a63; content: ""; }
.c-hamburger span::before { top: -10px; }
.c-hamburger span::after { bottom: -10px; }
.c-hamburger--htx { background-color: transparent; }
.mm-opened .c-hamburger--htx span { transition: background 0s 0.3s; }
.mm-opened .c-hamburger--htx span::before, .mm-opened .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.mm-opened .c-hamburger--htx span::before { transition-property: top, transform; }
.mm-opened .c-hamburger--htx span::after { transition-property: bottom, transform; }

/* active state, i.e. menu open */
.mm-opened .c-hamburger--htx { background-color: transparent; }
.mm-opened .c-hamburger--htx span { background: none; }
.mm-opened .c-hamburger--htx span::before { top: 0; transform: rotate(45deg); }
.mm-opened .c-hamburger--htx span::after { bottom: 0; transform: rotate(-45deg); }
.mm-opened .c-hamburger--htx span::before, .mm-opened .c-hamburger--htx span::after {transition-delay: 0s, 0.3s;}


#nav {position: relative; z-index: 999}
#nav ul {list-style:none; position:relative; float:left; margin:0; padding:0}
#nav ul a {display:block; color: #003a63; position: relative;}
#nav ul li {position:relative; float:left;}
#nav ul li.current-menu-item {}
#nav ul li:hover {}
#nav ul ul {display:none; position:absolute; top:100%; left:28px; background:#003a63; padding:10px 0; z-index: 999}
#nav ul ul li {float:none; padding-left: 0; display: block;}
#nav ul ul a {line-height:120%; padding:10px 15px; text-transform: none; font-family:'Avenir Light', Arial; display: block; min-width:150px; font-size: 16px; color: #fff; text-align: center; }
#nav ul ul a:hover, #nav ul a:hover {color:#0093d0;}
#nav ul ul ul {top:0; left:100%}
#nav ul li:hover > ul {display:block}
#nav ul ul:before {width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;content: '';border-bottom: 8px solid #003a63; position: absolute; top: -8px; left: 45%}

.feature-top-bar {padding:20px 0; font-size: 16px}
.news {font-size: 16px; color: #000000}
.news b {color: #0093d0; font-family:'AvenirNextDemiBold'; font-weight: normal; display: inline-block; margin-right: 10px;}
.news a {color: #0093d0; text-decoration: none; display: inline-block; margin-left: 10px;}
.link.find {text-transform: uppercase; font-family:'Avenir Bold'; font-size: 17px;}
.link.find img {max-width: 13px; display: inline-block;}

.search-main {position: absolute; right: 0; top: -13px; background: #fff; width: 100%; max-width: 300px;}
.search-main input {border: 2px solid #eee; background: #eee; padding: 12px 0; text-indent: 20px; width: 100%; font-family: 'Avenir Light', Arial; font-size: 15px; outline: none; resize: none; font-weight: 700;}
.search-main button {position: absolute; right: 10px; top: 8px; background: none; border:0;}

.banner {background: #003a63; padding: 5rem 0 0 0; color: #fff; margin-bottom: 3rem}
#banner.banner {background: #fff; padding: 0 0 0 0; color: #003a63; margin-bottom: 3rem;border-bottom: 1px #003a63 solid;}
.pres-banner {position: relative; overflow: hidden; max-height: 500px;}
#banner.pres-banner {position: relative;border-bottom: 1px #003a63 solid; overflow: hidden; max-height: 70vh;}
.pres-banner.banner-xl { max-height: inherit; }
.overlay {position: absolute; width: 100%; bottom: 140px }
#banner .overlay {position: absolute; width: 25%; bottom: auto; top: 35%; left: 8%; }
#banner.pres-banner .overlay {position: absolute; width: 25%; bottom: auto; top: 40%; left: 8%; }
#banner #overlay {position: absolute; width: 100%; bottom: auto; top: -300px; }
.pres-banner.banner-xl .overlay { bottom: inherit; top:0; }
.pres-banner.banner-xl .overlay h1 { top: 5rem; }
#banner .overlay img, .overlay img {mix-blend-mode: multiply;}
.overlay h1 {color:#fff; font-size: 80px; line-height: 80px; position: absolute; font-family:'Avenir Bold'; top: 13rem;}
#banner .overlay h1 {color:#003a63; font-size: 60px; line-height: 70px; font-family:'Avenir Bold';position: relative; top: auto; margin: 0 0 15px 0;}
#banner .overlay h3 {color:#003a63; font-size: 26px; line-height: 30px; font-family:'Avenir Bold'; margin: 0px; }
.border-b-white {border-bottom: 1px solid #fff; margin-bottom: 4rem; padding-bottom: 0}
.button-overlay {position: absolute; width: 100%; bottom: 5rem; text-align: center;}
.button-overlay ul {list-style: none}
.button-overlay ul li {display: inline-block; margin: 0 10px;}
.button-overlay ul li a {border:1px solid #0093d0; background: #fff; padding: 20px 40px 18px 40px; text-decoration: none; color: #003a63; text-transform: uppercase; font-family:'Avenir Bold'; font-size: 18px; line-height: 16px}
.button-overlay.lighttext ul li a {border:1px solid #0093d0;color: #0093d0;}
.button-overlay ul li a:hover { color:#fff; background: #0093d0; transition:all 0.3s ease-in-out; }
.button-overlay h3 {font-size:22px; color:#fff;}
.button {
	border: 1px solid #0082ca;
	color: #0082ca;
	font-family: 'Avenir Bold';
	display: inline-block;
	padding: 18px 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	outline: none;
}
.button.outline {
	border: 1px solid #0082ca;
	color: #0082ca;
	font-family: 'Avenir Bold';
	display: inline-block;
	padding: 18px 7%;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
}
.button.outline:hover {
	border-color: #003a63;
	color: #003a63;
}
.owl-dots {text-align: center; padding: 6% 0 0 0; position: absolute; bottom: 20px; width: 100%;}
.testimonials .owl-dots {text-align: center; padding: 0 0 0 0; position: absolute; bottom: 20px; width: 100%;}
.owl-carousel .owl-dot{width: 14px;height: 14px; display: inline-block; background: #eee; border-radius: 50em; margin: 0 7px;}
.owl-carousel .owl-dot:hover,.owl-carousel .owl-dot.active{background: #0093d0;cursor: pointer;}

.section.testimonials { background: url(/uploads/images/testimonials-bg.jpg) center center no-repeat; background-size: cover;}
.section.testimonials .owl-item > div { padding: 7% 0 5% 0; position: relative; width: 100%; }
.section.testimonials h3 { color: #003a63; font-family:'Avenir Bold'; font-weight: normal; font-size: 40px; line-height: 50px; margin: 0 0 60px 0; text-align: center;}
.section.testimonials p { color: #003a63; font-family:'Avenir Light', Arial; font-weight: normal; font-size: 26px; line-height: 30px; margin: 0 0 0 0; text-align: center;}
.section.testimonials p strong { font-family:'Avenir Bold', Arial; }

.title { text-transform: uppercase; color: #54bceb; font-family: "futura-pt"; display: block; width: 100%; font-size: 15px; margin-bottom: 10px;}

.dashboard-menu {width: 100%; margin: 0; text-align: right; position: absolute; right: 0; top: 35px}
.dashboard-menu ul {list-style: none; margin:0;}
.dashboard-menu ul li {display: inline-block; margin: 10px 20px;}
.dashboard-menu ul li a {display: block; padding: 20px 0px 3px 0px; border-bottom: 2px solid transparent; text-decoration: none; color: #fff; text-transform: uppercase; font-family:'Avenir Bold'; font-size: 17px; line-height: 16px}
.dashboard-menu ul li a:hover {border-color:#0093d0 }
.dashboard-menu h3 {font-size:22px; color:#fff;}



.banner h2 {font-size: 102px; font-family:'Avenir Bold'; letter-spacing: -1px; max-width: 75%; line-height: 100px;}
.banner h3 {font-size: 50px; line-height: 50px; font-family:'Avenir Bold'; max-width: 500px; margin-top: 7rem}
.banner .button {background:#0093d0; color: #fff; font-family:'Avenir Bold'; display:inline-block; text-align: center; font-size: 30px; text-decoration: none; padding: 13px 30px}
.signup p {font-size: 21px; font-family: 'Avenir Next Ultra'; max-width: 420px; margin:2rem auto; text-align: center;}
.signup p.phone-feature {text-transform: uppercase; color: #0082ca; font-family:'Avenir Bold'; margin-bottom: 20px; margin-top: -15px;}
.signup p.phone-feature a {color: #fff; text-decoration: none}


.banner-white {background: url(/img/triangle.svg) -30% 0px no-repeat #fff; background-size: contain;}
.banner-white p {color:#0082ca; margin-top: 9rem; max-width: 550px; font-size: 24px;}
.banner-white p strong {font-family:'AvenirNextDemiBold'; font-weight: normal;}
.banner-white small {color: #000;}

.bike {max-width: 448px; position: absolute; right: 50px; top: 10px}

.banner .sml-outline-btn {border: 1px solid #0082ca; color: #0082ca; font-family:'AvenirNextDemiBold'; display: inline-block; padding:10px 20px; text-decoration: none; margin-left: 4rem;}

/* .content-home {max-width: 800px; margin:0 auto; padding: 8rem 0} */
.content-home article {max-width: 800px; margin:0 auto; text-align: center; padding: 8rem 0}
.content-home.gal article {max-width: 800px; margin:0 auto; text-align: center; padding: 8rem 0 4rem 0;}
.content-home h1 {color: #003a63; font-size: 40px; letter-spacing: -2px; font-family:'Avenir Bold'; margin-bottom: 20px; line-height: 1.2}
.content-home p {line-height: 28px;}


.content article {max-width: 900px; margin:0 auto; text-align: center; padding: 5rem 0 4rem 0;}
.content.int article {max-width: 900px; margin:0 auto; text-align: left; padding: 5rem 4rem 4rem 0;}
.content.int article.bpad {max-width: 900px; margin:0 auto; text-align: left; padding: 0 4rem 4rem 0;}
.content.int article.bpad img {border: 1px #0086c5 solid; padding: 15px 0; margin: 0 0 5rem 0;}
.content.int figure {padding: 5rem 0 4rem 0;}
.content h1 {color: #003a63; font-size: 60px; letter-spacing: -2px; font-family:'Avenir Bold'; margin-bottom: 20px;}
.content h2 {color: #0097cc; font-size: 44px; letter-spacing: -2px; font-family:'Avenir Bold'; margin-bottom: 20px;}
.content h3 {color: #0097cc; font-size: 30px; letter-spacing: -2px; font-family:'Avenir Bold'; margin-bottom: 20px;}
.content p {line-height: 28px; margin-bottom: 12px; font-size: 19px;}
.content strong {font-family: 'AvenirNextDemiBold'}
.content.cart {padding: 5rem 0 4rem 0;}

.content-pres article {padding: 5rem 0 4rem 0;}
.content-pres h2 {color: #0093d0; font-size: 40px; letter-spacing: -2px; font-family:'Avenir Bold'; margin-bottom: 20px;}
.content-pres h3 {color: #0093d0; font-size: 30px; letter-spacing: -2px; font-family:'Avenir Bold'; margin: 40px 0 10px 0;}
.content-pres p {line-height: 28px; margin-bottom: 12px; font-size: 19px;}
.content-pres p a {color: #0093d0; text-decoration: none; font-family: 'AvenirNextDemiBold'}
.content-pres ul {margin:20px;}
.content-pres li {line-height: 30px;}

.grid {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap:wrap;}
.grid > div {width:25%; }
.grid > div.half {width:50%;}
.grid > div.full {width:100%;}
.grid article {padding: 50px; color:#fff; position: relative; height: 80%}
.grid article p {font-size: 23px; font-family: 'Avenir Book'; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 80%; left: 10%}
.grid article.tstimnl p {font-size: 23px; line-height: 32px; font-family: 'Avenir Book'; text-align: center; position: relative; top: auto; transform: none; width: 100%; left: auto}
.grid article p strong {font-size: 34px; font-family: 'Avenir Bold';}
.grid .blue-bg {background:#003a63; position: relative; }
.grid .lightblue-bg {background:#0093d0; position: relative;}



.grid.team { overflow: hidden; }
.grid.team .col-3 { background: #fff; padding: 15px; box-sizing: border-box; text-align: center; outline: none; }
.grid.team .col-3 .light-blue { background: #00b2ea; padding: 15% 10%; box-sizing: border-box; text-align: left; outline: none; min-height: 400px; }
.grid.team .col-3 .green { background: #5ebf56; padding: 15% 10%; box-sizing: border-box; text-align: left; outline: none; min-height: 400px; }
.grid.team .col-3 .red { background: #ff474f; padding: 15% 10%; box-sizing: border-box; text-align: left; outline: none; min-height: 400px; }
.grid.team .col-3 .dark-blue { background: #003d61; padding: 15% 10%; box-sizing: border-box; text-align: left; outline: none; min-height: 400px; }
.grid.team .col-3 .grey { background: #50676f; padding: 15% 10%; box-sizing: border-box; text-align: left; outline: none; min-height: 400px; }
.grid.team .col-3 a {  outline: none;  }
.grid.team .col-3 figure { width: 100%; height: 100%; transition:all .2s ease-in-out; margin: 0 auto; text-align: center; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
/*.grid.team .col-3:hover figure { height: 100%; -moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%; overflow: hidden; width: 100%; margin: 0 auto;transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; } */
.grid.team .col-3 .info-team { z-index: -1; opacity: 0; transition:all .1s ease-in-out; width: auto; margin: 0 auto; left: 0; right: 0; bottom: 15px; }
.image-team { overflow: hidden; position: relative; min-height: 300px; background: #FFF; height: 100%; }
.view-profile { z-index: -1; transition:all .6s ease-in-out; border-radius: 50%; opacity: 0; font-size: 10px; width: 70px; height: 70px; background: #fff; position: absolute; right: 20%; bottom: 0%; padding:25px 10px 10px; box-sizing: border-box; color: #0093d0; font-family: 'AvenirNextDemiBold'; text-transform: uppercase; -webkit-box-shadow: -1px 10px 37px -14px rgba(0,0,0,0.75); -moz-box-shadow: -1px 10px 37px -14px rgba(0,0,0,0.75); box-shadow: -1px 10px 37px -14px rgba(0,0,0,0.75);}
.grid.team .col-3 .no-image { background: #00FFFF; }
.image-bg { width: 460px; height: 400px; background-size: 460px; background-position: center; }
.hover-team { display: none; } 

.grid.team a.cbtn {border: 1px solid #fff; min-width: 150px; color: #fff; font-family:'Avenir Bold'; display: inline-block; text-align: center; padding:22px 30px 18px 30px; text-decoration: none; text-transform: uppercase; font-size: 20px; margin: 30px 10px 0; position: absolute; bottom: 15%; left: 10%;}
.grid.team a.cbtn:hover {border-color: #fff; color: #50676f; background: #fff;}

.grid.team .col-3:hover .hover-team { display: block; position: absolute; }
.grid.team .col-3:hover .info-team { z-index: 99; opacity: 1; } 
.grid.team .col-3 .view-profile { display: none; }
.grid.team .col-3:hover .view-profile { display: block !important; bottom: 18%; z-index: 9999; opacity: 1; }

/*
.grid.team .col-3:hover .view-profile { color:#003a63; transition:all .6s ease-in-out; opacity: 1;  z-index: 9;} 
.grid.team .col-3:hover .image-team { padding-left: 50px; }
.grid.team .col-3:hover .mask { overflow: hidden; border-radius: 50%; width: 330px; height: 330px; transition:all 0.3s ease; position: relative; }
.grid.team .col-3:hover .image-bg { position: relative; margin-left: -50px; }*/

.grid.flex2 {display: flex;  flex-direction: column;  align-items: flex-start | flex-end | center | baseline ; flex-wrap:wrap; height: 100vw; max-height: 800px; font-size: 0; max-width: 1300px; width: 100%}
.grid.flex2 article {height:100vh; max-height: 380px;}

.case-studies .grid h2, .case-studies .grid p strong {font-family:'Avenir Bold'; text-align: center; font-size: 34px;}
.case-studies .grid h2 {margin: 0 0 30px 0; color: #fff;}
.case-studies .grid h3 {font-family:'Avenir Bold'; text-align: center; font-size: 44px; margin: 0 0 30px 0;}
.case-studies .grid .tstimnl {width: 50%; margin: 0 auto;}
.case-studies .grid .tstimnl h3 {font-family:'Avenir Bold'; text-align: center; font-size: 22px;}
.case-studies .grid h4 {font-family:'AvenirNextDemiBold'; text-align: center; font-size: 23px; margin-bottom: 30px;}
.vertical-align {text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 80%; left: 10%;}

.gallery .grid h2, .gallery .grid p strong {font-family:'Avenir Bold'; text-align: center; font-size: 34px; text-transform: uppercase;}
.gallery .grid h2 {margin: 0 0 30px 0;}
.gallery .grid h3 {font-family:'Avenir Bold'; text-align: center; font-size: 44px; margin: 0 0 30px 0;}
.gallery .grid h4 {font-family:'AvenirNextDemiBold'; text-align: center; font-size: 23px; margin-bottom: 30px;}
.vertical-align {text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 80%; left: 10%;}

.grid.team p {position: absolute; bottom: 1.5rem; color: #003a63; width: 100%; text-align: center; font-family:'Avenir Bold'; text-transform: uppercase; font-size: 22px; line-height: 20px;}
.grid.team .corevalue p {position: relative; bottom: auto; color: #fff; width: 100%; text-align: left; font-family:'Avenir Bold'; text-transform: none; font-size: 24px; line-height: 25px; margin: 0 0 40px 0;}
.grid.team .corevalue h2 {position: relative; bottom: auto; color: #fff; width: 100%; text-align: left; font-family:'Avenir Bold'; text-transform: none; font-size: 38px; line-height: 40px; margin: 0 0 40px 0;}
.grid.team p span {display: block; color: #0093d0; font-family: 'AvenirNextDemiBold'; font-size: 14px; letter-spacing: 1px;}
.profile-popup {max-width: 900px; padding: 4rem !important; background: #fff;}
.profile-popup h2 {color: #003a63; font-family:'Avenir Bold'; text-transform: uppercase; font-size: 32px; line-height: 32px;}
.profile-popup h2 span {display: block; color: #0093d0; font-family: 'Avenir Bold'; font-size: 20px; letter-spacing: 1px;}
.profile-popup h3 {color: #0093d0; font-family:'Avenir Bold'; text-transform: uppercase; font-size: 32px; line-height: 32px;}
.profile-popup p {margin: 15px 0; line-height: 24px; font-size: 17px;}
.profile-popup article {padding:30px 0 0px 30px;}
.profile-popup img {max-width: 250px;}

.flex2 {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap:wrap;}
.flex2 > div {width: 60%;}
.flex2 > figure {width: 35%}

.shop-feature {text-align: center; padding: 0 0 100px 0;}
.shop-feature .col-4 figure { margin-bottom: 50px; }
.grid.shop-feature article {height: auto}
.grid.shop-feature article p {position: relative; top: auto; transform: none; width: auto; left: auto; }
.shop-feature h3 {font-size: 40px; letter-spacing: -2px; margin-bottom: 25px;}
.light h3 {color: #0093d0; font-family:'Avenir Bold'; }
.light .button {border-color: #0093d0; color: #0093d0;}
.dark h3 {color: #003a63; font-family:'Avenir Bold'; }
.dark .button {border-color: #003a63; color: #003a63;}
.grid.shop-feature .button {margin: 0 10px;}

.contact-banner.lightblue-bg {background:#0093d0; color: #fff}


.feature-specials article {text-align: center; padding: 4rem 0 8rem 0}
.feature-specials h2 {color: #0093d0; font-family:'Avenir Bold'; font-size: 45px; letter-spacing: -1px; margin-bottom: 20px;}
.feature-specials .dark-blue h2 {color: #003a63}

.feature-specials .dark-blue .button.outline {border-color: #003a63; color: #003a63}
.feature-specials .dark-blue .button.outline:hover {border-color: #0082ca; color: #0082ca}



.video-bg {overflow:hidden;}
.message {background:#0093d0; padding:20px 20px; color:#fff; display:block; font-size:24px; line-height:1; text-align:center;}
.message_cart {background:#61db7e; padding:40px 0px; font-family:'Avenir Bold'; color:#fff; display:block; font-size:24px; line-height:1; text-align:center; position: fixed; right: 0; top: 0px; width: 100%; z-index: 999}
.cart_flow {padding:20px 10px; font-family:'Avenir Bold';  color:#fff;  display:block;  font-size:19px;  z-index: 9999; text-align:center;  position: fixed;  right: 0;  top: 35%;  width: 200px; height: auto; background:#fff; border-bottom:2px solid #0093d0; border-top:2px solid #0093d0;}

.cart_flow:before {content: ''; position: absolute; display: block; left: -70px; top: -2px; width: 70px; height: 67px; background: url(/img/cart-icon.png) center no-repeat #0093d0;}
.success-icon {background: #0093d0; width: 100px; height: 100px; line-height: 100px; font-size: 70px; padding: 15px; color: #fff; text-align: center; margin: 20px auto; border-radius: 50%; display: block;}
.cc-logos img {width: auto; margin-right: -10px; float: right; margin-top: 20px;}
.category {padding:90px 0px;}
.category a {text-decoration:none;}
.category .breadcrumbs {margin-bottom:50px;}
.category .breadcrumbs ul {margin-left:0px;}
.category .breadcrumbs li {font-family:'Avenir Bold'; font-size:35px; letter-spacing:-0.05em; color:#0093d0; display:inline-block; list-style:none;}
.category .breadcrumbs li:first-child {text-transform:uppercase;}
.category .breadcrumbs li::after {content:'/'; padding:0px 8px;}
.category .breadcrumbs li:last-child::after {display:none;}

.left {float:left;}

#product-boxes {padding:50px 0px; border-bottom:1px solid #003a63;}
#product-boxes h2 {font-family:'Avenir Bold'; font-size:60px; font-weight:normal; line-height:1; color:#003a63; margin-bottom:100px;}

#deal-boxes {padding:50px 0px;}
#deal-boxes h2 {font-family:'Avenir Bold'; font-size:60px; font-weight:normal; line-height:1; color:#003a63; margin-bottom:100px;}

.deals .deal-product {position:relative; box-sizing:border-box; padding:0px;}
.deals .deal-product h3 {font-family:'Avenir Bold'; font-size:24px; font-weight:normal; line-height:30px; color:#003a63; width:60%; margin-bottom: 5px; margin-top: 15px;}
.deals .deal-product h4 {font-family:'AvenirNextDemiBold'; font-size:16px; font-weight:normal; line-height:1; color:#0093d0;}
.deals .deal-product .number {position:relative; float:left;  width:25%; text-align:center; margin-bottom:10px;}
.deals .deal-product .number span {display:inline-block; background:#003a63; padding:12px 30px; border-radius:4px; font-family:'Avenir Bold'; font-size:40px; color:#fff; line-height:1; margin-bottom:5px;}
.deals .deal-product .number small {display:block; font-family:'Avenir Book'; font-size:12px; line-height:1; text-transform:uppercase; color:#003a63;}
.deals .deal-product figure {margin:40px 0px;}
.deals .deal-product figure img {max-height:150px; width:auto; max-width:100%; margin:0 auto;}
.deals .deal-product p {font-family:'AvenirNextDemiBold'; font-size:20px; color:#003a63;}
.deals .deal-product p.price {font-family:'Avenir Bold'; font-size:50px; color:rgba(209, 34, 41, 1);}
.deals .deal-product p.discount {font-family:'Avenir Bold'; font-size:40px; color:#0093d0;}
.deals .deal-product .right {width:40%;}
.deals .deal-product .right .btn {padding:22px 30px;}
.deals .deal-product .qty {border:1px solid #0093d0; padding:10px 30px; margin-bottom:10px;}
.deals .deal-product .qty label {font-family:'Avenir Bold'; font-size:18px; color:#0093d0; margin-right:15px;}
.deals .deal-product .qty input {border:1px solid #0093d0; color:#000; width:40px; padding:5px 20px; text-align:center;}
.deals .deal-product .btn img {display:inline-block; width:auto; float:right;}
.deals .deal-product.col-4 {margin-bottom:140px;}

.deals .deal-box {position:relative; text-align:center;}
.deals .deal-box figure {position:relative; margin-bottom:40px;}
.deals .deal-box .free {position:absolute; bottom:10%; left:8%; width:200px;}
.deals .deal-box h2 {font-size:45px !important; margin-bottom:40px !important; color:#0093d0 !important;}
.deals .deal-box .btn.outline {display:inline-block; background:none; border:1px solid #0093d0; color:#0093d0; text-transform:uppercase;}
.deals .deal-box:nth-child(even) h2 {color:#003a63 !important;}
.deals .deal-box:nth-child(even) .btn.outline {border:1px solid #003a63; color:#003a63;}

#product-boxes .trade-deal {max-width:1200px; margin:0 auto;}
#product-boxes .trade-deal figure {margin-bottom:30px;}
#product-boxes .trade-deal h2 {font-size:55px; margin-bottom:10px;}
#product-boxes .trade-deal h3 {font-family:'Avenir Bold'; font-size:30px; line-height:1; color:#0093d0; margin-bottom:20px;}
#product-boxes .trade-deal h4 {font-family:'Avenir Bold'; font-size:20px; line-height:1; color:#0093d0; margin-bottom:10px;}
#product-boxes .trade-deal p {margin-bottom:20px;}
#product-boxes .trade-deal .btn {text-align:center;}
#product-boxes table {width:100%; margin-bottom:20px;}
#product-boxes table td {padding:8px 5px; border-right:1px solid #eee; border-bottom:1px solid #eee; font-size:14px;}
#product-boxes table tr:first-child td {font-family:'AvenirNextDemiBold'; border-top:1px solid #eee;}
#product-boxes table td:first-child {border-left:1px solid #eee;}

.blog {padding:5rem 0px;}
.blog .post {padding-right:100px;}
.blog .post section {padding:40px 0px; margin-bottom:40px; border-bottom:1px solid #0093d0}
/* .blog .post:nth-of-type(2) section {border-bottom:none;} */
.blog .post h2, h2 {font-family:'Avenir Bold'; font-size:35px; line-height:1; color:#0093d0; margin-bottom:20px;}
.blog .post p {font-size:19px; line-height:28px; color:#000; margin-bottom:30px;}
.blog .post p.date {font-size:20px; font-style:italic; margin-bottom:40px;}
.blog .post p.date span, .blog .post p.date a {color:#0093d0; text-decoration:none;}
.blog .post p.date span.str {font-style:normal;}
.blog .post ul {font-size:19px; line-height:28px; color:#000; margin-bottom:30px;}
.blog .post .share-wrapper {margin-top:40px;}
.blog .post .share-wrapper i {width:30px; height:30px; display:inline-block; margin-right:15px; float:left; cursor:pointer;}
.blog .post .share-wrapper i#heart {background:url('https://resources.aquafit.co.nz/hubfs/Assets/Icons/heart.svg') no-repeat;}
.blog .post .share-wrapper i#heart.heart {background:url('https://resources.aquafit.co.nz/hubfs/Assets/Icons/heart-blue.svg') no-repeat;}
.blog .post .share-wrapper i#comment {background:url('https://resources.aquafit.co.nz/hubfs/Assets/Icons/bubble.svg') no-repeat;}
.blog .post .share-wrapper i.share {background:url('https://resources.aquafit.co.nz/hubfs/Assets/Icons/share.svg') no-repeat;}
.blog .post .share-wrapper a {font-size:19px; color:#0093d0; float:right; text-decoration:none;}
.blog .pagination { padding-right: 100px; }
.blog .pagination a { font-size: 19px; color: #0093d0; text-decoration: none; padding: 0 20px;}
/* .blog .pagination .previous-posts-link { float: left; }
.blog .pagination .next-posts-link { float: right; } */

#load.btn {font-family:'Avenir Bold'; font-size:25px; line-height:1; border:1px solid #0093d0; background:none; color:#0093d0; text-transform:uppercase; padding:28px 46px; max-width:200px; text-align:center; margin:0 auto; cursor:pointer; transition:ease 0.5s;}
#load.btn:hover {background:#0093d0; color:#fff;}
#load.btn.hide {display:none;}


#sidebar {position:relative; box-sizing:border-box; padding-right:100px;}
#sidebar h2 {font-family:'Avenir Bold'; font-size:22px; color:#0093d0; text-transform:uppercase; margin-bottom:15px;}
#sidebar ul {list-style:none; margin:20px 0 60px 0;}
#sidebar ul li {font-size:20px; color:rgba(178, 178, 178, 1); margin-bottom:15px; cursor:pointer;}
#sidebar ul li a {color: #000; text-decoration: none;}
#sidebar ul li a:hover {color: #000; text-decoration: underline;}
#sidebar .first {text-transform:uppercase; font-size:24px; color:rgba(178, 178, 178, 1); margin-bottom:15px; }
#sidebar ul li.open {color:#000;} 
#sidebar ul li:hover {color:#0093d0;}
#sidebar ul li span {float:right;}
#sidebar ul li ul {display:block; margin:10px 0px 0px 15px;}
#sidebar ul li ul li {color:#0093d0; font-size: 18px;}
#sidebar ul li ul li.active {color:#003a63;}
#sidebar ul li ul li a {color:inherit;}
#sidebar ul li.open ul {display:block;}
#sidebar h4 {text-transform: uppercase; color: rgba(178, 178, 178, 1);}


.indicate {position:relative; margin-top:40px;}
.indicate .overlay {top:50%; left:50%; transform:translate(-50%, -50%); width:80%;}
.indicate .overlay img {width:150px; float:left; mix-blend-mode:unset}
.indicate h2 {font-family:'Avenir Bold'; font-size:80px; line-height:1; letter-spacing:-0.05em; color:#fff; float:left; width:60%; margin-left:80px;}

.border {border:1px solid #0093d0; padding:30px;}
.product {margin-top:50px;}
.product figure {width:15%; float:left;}
.product h2 {font-family:'Avenir Bold'; font-size:30px; color:#003a63;}
.product h3 {font-family:'Avenir Bold'; font-size:50px; color:#0093d0;}
.product h3 span {font-size:70%;}
.product p {font-size:21px;}
.product p.code {font-size:24px; color:#0093d0; margin-bottom:20px;}
.product p.description {margin-bottom:5px; font-size:24px;}
.product p.gts-text { font-size: 15px; }
.product .details {float:left; margin-left:20px; width:40%;}
.product .buttons {float:right; min-width: 300px; }
.product .buttons .border {padding:15px 20px; margin-bottom:10px;}
.product .buttons .border select { border: none; height: 45px; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; background-color:#fff; border-radius: 0; font-size: 18px; font-family: 'Avenir Bold'; padding: 0px 30px 0 10px; margin-left: 8px; background-image: url('../img/keyboard-right-arrow-button.png'); background-size: 11px;background-repeat: no-repeat;background-position: right 11px center; outline: none !important; }
.product .buttons .border.border-qty input { min-width: 54px; height: 32px; float: right; } 
.product .buttons i {float:right; margin-top:-3px; margin-left:10px;}
.product .buttons .border.border-qty label { padding-top: 8px; }
.product .buttons img {width:auto; float:right;}
.product .buttons label {font-size:20px; font-family:'Avenir Bold'; color:#0093d0; min-width: 65px; display: inline-block;position: relative; top: 2px;  }
.product .buttons input {outline:none; border:1px solid #0093d0; font-family:'Avenir Bold'; font-size:20px; color:#000; width:50px; padding:5px 15px 5px 30px; margin-left:20px; text-align:center;}
.product .buttons .btn img {margin:-2px 0px 0px 8px;}
.product .buttons .btn i {margin:3px 0px 0px 8px;}
.product .buttons .btn.added {background:#61db7e}
.product .buttons button {border:none; display:block; background:none; box-sizing:border-box; width:100%;}
.product .buttons button.border {border:1px solid #0093d0;}
.product .buttons button.btn {background:#0093d0}

.case-studies {}
.case-study-single {position: relative;}
.case-study-single a {display: block; cursor: pointer;}
.case-study-single a:hover .blue-overlay {background:#0093d0; mix-blend-mode: normal;}
.case-study-single h3 {position: absolute; width: 100%; text-align: center; top: 45%; font-family: 'Avenir Bold'; color: #fff; letter-spacing: -3px; font-size: 55px; z-index: 5;text-shadow: 0px 5px 0px #000000;}
.case-study-single .blue-overlay {width: 100%; height: 100%; position: absolute; background: none; z-index: 3;}

.gallery {}
.gallery-single {position: relative;}
.gallery-single a {display: block; cursor: pointer;}
.gallery-single a:hover .blue-overlay {background:#0093d0; opacity: 0.9;}
.gallery-single .textover {position: absolute; bottom: 15%; left: 15%; width: 80%; z-index: 4; }
.gallery-single h3 {width: 100%; text-align: left; font-family: 'Avenir Bold'; color: #fff; font-size: 35px; z-index: 5;text-shadow: 0px 3px 0px #000000;}
.gallery-single p { width: 100%; text-align: left; font-family: 'Avenir Light'; color: #fff; font-size: 18px; z-index: 5;text-shadow: 0px 2px 0px #000000;}
.gallery-single .blue-overlay {width: 100%; height: 100%; position: absolute; background: none; z-index: 3;}

.portfolioFilter {
	padding: 0 0;
}

.portfolioFilter a {
	margin-right: 6px;
	color: #000000;
	font-family: 'Avenir Light', Arial;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 15px;
	border-radius: 50px;
	display: inline-block;
}

.portfolioFilter a.current {
	color: #000000; text-decoration: underline;
}
.portfolioContainer{
	border: 1px solid #eee;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

.btn {display:block; background:#0093d0; padding:22px 40px; font-family:'Avenir Bold'; font-size:20px; color:#fff; text-decoration:none; border:0; outline: none}

.contact-banner {padding:7rem 0; color: #fff; background:#003a63; text-align: center;}
.contact-banner h3 {font-size: 65px; font-family:'Avenir Bold'; letter-spacing: -3px;}
.contact-banner h3 img {max-width: 55px; display: inline-block; padding: 0 0 0 10px;}
.contact-banner a {border: 1px solid #fff; min-width: 150px; color: #fff; font-family:'Avenir Bold'; display: inline-block; padding:18px 30px; text-decoration: none; text-transform: uppercase; font-size: 20px; margin: 30px 10px 0}
.contact-banner a:hover {border-color: #0082ca; color: #0082ca}

.footer {background: #00263d; color: #fff; display: block; overflow:hidden; padding: 4.5rem 0 1.5rem 0}
.footer-details {font-size: 23px; font-family: 'Avenir Next Ultra'; margin: 4rem 0 2rem 0; text-align: center;}
.footer-details b {font-weight: normal; color: #0082ca}
.footer-details span {display: inline-block; margin: 0 22px;}
.copyright, .credit a {font-size: 14px; font-family:'AvenirNextDemiBold'; color:#fff; text-decoration: none}
.logo-white {background: #fff; padding: 40px 25px; border-radius: 10px; max-width: 190px;}
.footer ul {column-count: 3;}
.footer ul li {padding: 0 0 5px 0;}
.footer ul li a {color:#fff; text-decoration: none; font-family: 'Avenir Next Ultra';}
.footer ul li a:hover {color: #0082ca}
.footer nav {margin:7px 0 0 20px;}

.connect {}
.connect h4 {font-family:'Avenir Bold'; font-size: 24px; margin-bottom: 10px;}
.fb, .li, .yt {display: inline-block; margin: 0 0px 0 20px;}
.fb {width: 40px}
.li {width: 40px;}
.yt {width: 52px;}

.dps {display: block; max-width: 190px; margin: 35px 0 0 0; float: right}

.pres-heading {background:#00263d; position: relative;}
.pres-heading h1 {padding: 40px 0; color: #fff; font-family:'Avenir Bold'; font-size: 50px;}
.pres-heading h1 span {color: #0093d0}

.form { margin: 60px 0 }
.form::before {
	content: "*Required";
	display: block;
	float: right;
	padding-bottom: 10px;
	color: #0093d0;
}
.widget-type-email_subscriptions.form::before,
.widget-type-email_simple_subscription.form::before,
.widget-type-email_subscriptions_confirmation.form::before {
	content: none;
}

.hs-custom_project_plans,
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="submit"],
.form input[type="tel"],
.form textarea,
.form .input .inputs-list .hs-form-radio,
.form select {
	border: 2px solid #0093d0;
	padding: 20px 0;
	text-indent: 20px;
	width: 100%;
	font-family: 'Avenir Light', Arial;
	font-size: 18px;
	margin-top: -2px;
	outline: none;
	resize: none;
	box-sizing: content-box;
	-webkit-appearance: none;
	border-radius: 0;
	background-color: #fff;
	color: #0093d0;
	text-transform: uppercase;
	width: 100%!important;
	max-width: none!important;
}
.form textarea {
	margin-bottom: -5px; 
}
.form input[type="submit"] {
	font-family: 'Avenir Bold';
}
.form .btn.outline {
	border: 2px solid #0093d0;
	background: #fff;
	color:#0093d0;
	box-sizing: content-box;
	/*   width: 100.5%; */
	padding: 20px 0;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: -2px;
}
/* .input { margin-right: -2px!important; } */
.input, .hs-submit { margin-right: 0!important; }
.input .inputs-list { 
	list-style: none;
	margin-left: 0;
}
.form input[type="checkbox"] {
    vertical-align: inherit;
}
.form input[type="radio"] {
	width: 20px;

}
.hs-form-radio-display *{
	display: inline-block; 
}

input:invalid, textarea:invalid {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form input[type="file"] {
	padding-top: 10px;
	font-family: 'Avenir Light', Arial;
	font-size: 18px;
	color: #0093d0;
	text-transform: uppercase;
}
#email-prefs-form #content, .hs_cos_wrapper_type_email_subscriptions_confirmation #content {
	height: auto;
}
#email-prefs-form .header {
	padding: 0;
}
.widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2 {
	font-size: 1.5em;
}
.email-prefs .item .item-inner {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}
.hs-form-required, .hs-error-msgs {
	display: none!important;
}
fieldset, fieldset.form-columns-1 { 
	width: 100%!important;
	max-width: none!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #0093d0 !important; text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #0093d0 !important; text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #0093d0 !important; text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
	color: #0093d0 !important; text-transform: uppercase;
}


#comment_form .btn {width:auto; float:right; display:inline-block; padding:20px 40px; border:none;}

#share-widget {display:none;}
.st-btn {display:inline-block !important;}

.btn-links {margin:20px 0 0 0;}
.btn-links input {background: #fff; font-family:'Avenir Bold'; border:none; color: #0093d0}
.btn-links input:hover {color: #00263d}

.highlight_message {}

.table {border:none;}
.table td {padding: 10px 0; vertical-align: middle;}
.content.cart p, #formCheckout p {color: #777}
#formCheckout p a {font-family:'AvenirNextDemiBold';}

.table thead th {border:0; font-family:'Avenir Bold'; text-transform: uppercase; font-size: 15px; border-bottom: 2px solid #0093d0; padding: 20px 0; color: #00263d}
.cart-totals {text-align: right; display: block; font-size: 18px; padding: 30px 0 40px 0 !important; font-weight: 300; line-height: 28px; color: #00263d}
.cart-totals div {margin-bottom: 15px;}
.cart-totals em {font-style: normal; color: #777; font-size: 14px; display: block; margin: 5px 0 20px 0}
.qtyFields {border: 1px solid #0093d0; font-family:'Avenir Bold'; text-align: center; width: 40px; padding: 10px;}
.delete {font-size: 20px; text-align: right; padding: 0px 0 0 0; display: block; cursor: pointer;}
.total {font-size: 24px; color: #0093d0;}
#cartTotal {font-size: 46px; margin-top: 10px; letter-spacing: -2px; color: #0093d0;}
.checkout-row {text-align: right}
.checkout-row h3 {font-size: 46px; font-family:'Avenir Bold'; color: #0093d0; letter-spacing: -2px; margin-bottom: 15px;}

.mydetails .flex {display: flex;}
.mydetails .flex input {margin: -1px}
.mydetails .flex input:focus {border-top-color: #00263d !important}
.mydetails h3, #formCheckout h3 {font-size: 20px; font-family:'Avenir Bold'; color: #0093d0; letter-spacing: -1px; margin: 25px 0}
.mydetails .long {margin:-1px 0;}
.mydetails, #formCheckout {padding:2rem 0 6rem 0;}
.mydetails .button, #formCheckout .button {background:#fff; float: right; margin-top: 35px;}

.mydetails .form textarea {margin:-1px;}
#contact_form.form textarea {height:200px;}

.highlight-form-field {background:#fbeaed}
.highlight-label {color:#fe2f51 !important; font-family: 'Avenir Bold' !important; font-style: normal;  width:80%;}
.check {display: block; margin-bottom: 25px;}
.empty {padding-bottom: 8rem; text-align: center;}
.required {text-align: right; color: #0093d0; font-size: 18px; margin-bottom: 10px;}

.thanks {background: #d9eca3; border:2px solid #bcd574; padding: 10px; border-radius: 5px; color: #0a161a !important; font-weight: bold !important; text-align: center;}
.highlight_message {background:#f4d8dd; font-size: 24px; border: 2px solid #fe2f51; padding: 20px;  text-align: center; color: #0a161a !important; font-family:'Avenir Bold'; margin: 20px 0;}
.highlight_message_success {background:#26C281; font-size: 24px; border: 2px solid #26C281; padding: 20px;  text-align: center; color: #0a161a !important; font-family:'Avenir Bold'; margin: 20px 0;}
.highlight_message p {}


.order-details {padding: 50px; background: #e6ecf4; margin:50px 0;}
.order-details h3, .orders h3 {font-size: 20px; font-family:'Avenir Bold'; color: #0093d0; letter-spacing: -1px; margin: 0 0 10px 0}
.order-details p {line-height: 30px;}
.grid.order-details > div {width: 33%}


/* Switch */


.switch-inline.default {width:100%;}
.switch-inline.default .switch-label {color:#6b6969; font-family: 'Avenir Light'; font-style: normal;  width:80%;}
.switch-inline.default .switch-label small {font-family: 'Avenir Light'; font-style: normal; }

/* Hide default HTML checkbox */

.switch-inline {display: inline-block; overflow: hidden;}
.switch-inline .switch {float:left; padding: 0}
.switch-inline .switch-label {float:left; font-size: 13px; color: #fff; padding: 10px}

.switch input {display:none;}



/* The switch - the box around the slider */

.switch-label a {color: #0093d0}
.switch { position: relative; display: inline-block; width: 34px; height: 34px; }
.switch-inline.default {width:100%;}
.switch-inline.default .switch-label {color:#6b6969; font-family: 'Avenir Light'; font-style: normal; width:80%;}
.switch-inline.default .switch-label small {font-family: 'Avenir Light'; font-style: normal; }

/* Hide default HTML checkbox */

.switch-inline {display: inline-block; overflow: hidden;}
.switch-inline .switch {float:left; padding: 0}
.switch-inline .switch-label {float:left; font-size: 18px; font-weight: 300; color: #fff; padding: 8px 10px}
.switch input {display:none !important;}

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s;  background: #e2e5ed;  }
.slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 8px; bottom: 8px; background-color: transparent; -webkit-transition: .4s; transition: .4s; } 
input:checked + .slider { background:url(../img/on-icon.png) no-repeat 50% 50% #0a7fc3;  }
input:focus + .slider { box-shadow: 0 0 1px #4bb048; }
input:checked + .slider:before { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); transform: translateX(28px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.profile-popup h2 { color: #003d61;text-align: left !important; display: block; }
.profile-popup form { margin: 20px 0; }
.form-group { margin-bottom: 10px; }
.form-group label { width: 100%; font-size: 16px; font-family: 'Avenir Light'; color: #525658;text-align: left !important; display: block;}
.form-group input { width: 100%; padding: 11px; border:0; background: #f3f5f7; margin-top: 5px; font-size: 16px; border-radius: 10px;}
.checkbox input, .radio input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; text-align: left; }
.checkbox, .radio { height: 40px; position: relative; text-align: left;  padding: 3px 0 0 0px;   }
.checkbox label, .radio label { cursor: pointer; min-height: 18px; padding: 10px 0 10px 40px; position: relative; float: left;  }
.checkbox label:before, .radio label:before { content: ""; border:none; background: #f3f5f8; border-radius: 4px; height: 30px; left: 0; position: absolute; top: 4px; width: 30px; }
.checkbox input:focus ~ label:before, .radio input:focus ~ label:before { border-color: none; }
.checkbox label:after { content:'\f00c'; font-family:'FontAwesome'; left: 5px; position: absolute; top: 7px; transform: scale(0); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); font-size: 20px; }
.checkbox input:checked ~ label:after { transform: scale(1); }
.radio label:before { border-radius: 50%; }
.radio label:after { content: ""; background-color: #4C5B72; border-radius: 50%; content: ""; height: 20px; left: 5px; position: absolute; top: 9px; transform: scale(0); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 20px; }
.radio input:checked ~ label:after { transform: scale(1); }
.required-field p { font-size: 10px;  font-family: 'Avenir Bold'; color: #525658;} 

/* Header Menus */
#trigger-overlay {display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 55px; height: 45px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; top: 13px; right: 15px;}
#trigger-overlay:hover { cursor: pointer; }
#trigger-overlay:focus { outline: none; }
#trigger-overlay span { display: block; position: absolute; top: 20px; left: 7px; right: 7px; height: 3px; background: #003a63; }
#trigger-overlay span::before, .menu-o span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #003a63; content: ""; }
#trigger-overlay span::before { top: -15px; }
#trigger-overlay span::after { bottom: -15px; }
.menu-o { background-color: transparent; }
.menu-o span { transition: background 0s 0.3s; }
.menu-o span::before, .mm-opened .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.menu-o span::before { transition-property: top, transform; }
.menu-o span::after { transition-property: bottom, transform; }
.menu-o { display: none; }
#trigger-overlay { z-index:99999; position: fixed; top:0; right: 0; display: none; }
#trigger-overlay.active { position: fixed; top: 30px; right: 20px; }
#trigger-overlay span { transition:background 0.8s ease; }
#trigger-overlay.active span, #trigger-overlay.active span:before, #trigger-overlay.active span:after { transition:all 0.5s ease; }
#trigger-overlay.active span {  background: #003a63;}
#trigger-overlay span:after {transition:all 0.5s ease;  }
#trigger-overlay.active span:after { background: #fff; transform: rotate(-45deg); margin-top: 0px; transform-origin: bottom left; top: 14px; left: 1px; }
#trigger-overlay span:before { opacity: 1; top: -15px; transform: rotate(0deg);transform-origin: bottom left;  }
#trigger-overlay.active span:before { background: #fff; transform: rotate(45deg);  margin-top: 0px; transform-origin: bottom left; top: -15px; }
#trigger-overlay span::before { top: -15px; }
.overlay-contentscale { background: #003a63; padding: 30px; box-sizing: border-box; }
.overlay-contentscale { visibility: visible; z-index: -1;  transform: translateY(0%); opacity: 0 ; position: fixed; height: 100%; width: 100%; }
.overlay-contentscale.active { overflow: scroll; visibility: visible; transform: translateY(0%); opacity: 1 ; z-index: 999; transition: opacity 0.5s ease-in-out; position: fixed; height: 100%; width: 100%; top: 0; left: 0;}
.overlay-close { display: none; }
.overlay ul { margin: 10px 0 5px 20px; padding: 0; text-align: left; }
.overlay ul li { font-family: 'Avenir Bold'; text-transform: uppercase; text-decoration: none; font-size: 17px; padding: 10px 0; display: block; color: #fff; }
.overlay ul li a { color:#fff; text-decoration: none; } 
.header, .header-wrapper { z-index: initial; }

.highlight_message { border:0; color: #fe2f51 !important; }

/* ==========================================================================
Media Queries
========================================================================== */

@media screen and (max-width:1680px) {
	.deals .deal-product {padding:0px 20px;}
	.deals .deal-product .number span {padding:10px 25px; font-size:36px;}
	.view-profile {right: 9%; bottom: 15%; }
	.image-bg { width: 365px; height: 327px; }
}

@media screen and (max-width:1640px) { 
	.wrapper { max-width: 1300px; } 
	.header nav ul li { padding-left: 40px; }
	.banner h2 { font-size: 78px; line-height: 1.1; }
	.banner h3 { margin-top: 2rem; }
	.banner-white { margin-top: -12px; z-index: -1; }
	.bike { max-width: 295px; }
	.content-home article { max-width: 900px;} 
	.feature-specials h2 { font-size: 28px; }
	.button.outline { font-size: 16px; }
	.footer-details { font-size: 20px; } 
	#trigger-overlay { display: none; }
	.profile-popup { padding: 3rem !important; }
	.overlay h1 { top: 6rem;  }
	.indicate .overlay { top: 38%; }
}

@media screen and (max-width:1500px) {
	.header nav ul li { padding-left: 10px; }
	.banner h2 { font-size: 76px; max-width: 85%; line-height: 79px; }
	.banner-white { border-bottom: 12px solid white; margin-top: -13px; }
	.profile-popup { padding: 3rem !important; }
	.overlay h1 { top: 5rem; }
	.indicate .overlay { top: 38%; }
	.image-bg { width: 335px; height: 323px; }
	#banner .overlay h1 {font-size: 40px;line-height: 50px;}
	.content h1 {font-size: 40px;}
	.contact-banner h3 {font-size: 45px;}
	.grid.team .corevalue h2 {font-size: 24px;line-height: 28px;}
	.grid.team .corevalue p {font-size: 19px;line-height: 25px;}
	.content h2 {font-size: 40px; letter-spacing: -1px;}
	.grid article p {font-size: 18px;}
	.case-studies .grid h2, .case-studies .grid p strong {font-size: 24px;}
	.gallery-single h3 {font-size: 25px;}
}

@media screen and (max-width:1450px) and (min-width:1380px) { 
	.wrapper {width:95%;}
	.header nav ul li a {padding: 2.5rem 0 2.5rem 2rem;}
	.news {font-size: 15px;}
	.signup p {font-size: 20px;}
	.banner h3 {margin-top: 3rem; font-size: 40px; line-height: 45px;}
	.banner .sml-outline-btn {margin-left: 1rem}
	.banner-white p {max-width: 450px; font-size: 21px;}
	.content-home article {padding:4rem 0;}
}

@media screen and (max-width:1370px) and (min-width:1300px) { 
	.wrapper {width:95%;}
	.header nav ul li a {padding: 2.5rem 0 2.5rem 2rem;}
	.news {font-size: 15px;}
	.signup p {font-size: 20px;}
	.banner h2 {font-size: 90px; max-width: 85%; line-height: 90px;}
	.banner h3 {margin-top: 1rem; font-size: 40px; line-height: 45px;}
	.bike {max-width: 348px; right: 20px; top: 0px;}
	.banner .sml-outline-btn {margin-left: 1rem}
	.banner-white p {max-width: 450px; font-size: 21px;}
	.content-home article {padding:4rem 0;}
	.footer-details {font-size: 20px;}
	.grid.team .col-3:hover figure { width: 75%; }
	.grid.team .col-3 .info-team { line-height: 1.3; }
	.view-profile { bottom: 23%; } 
	.overlay { bottom: 160px; }
	.overlay h1 { font-size: 60px; line-height: 1.1; }
	.grid article p { font-size: 19px; line-height: 32px; top: 48%; }
	.image-bg { width: 335px; height: 309px; }
}


@media screen and (max-width:1360px) and (min-width:1270px) { 
	.wrapper {width:95%;}
	.header nav ul li a {padding: 2.5rem 0 2.5rem 30px;}
	.news {font-size: 15px;}
	.signup p {font-size: 20px;}
	.banner .sml-outline-btn {margin-left: 1rem}
	.content-home article {padding:4rem 0;}
	.footer-details {font-size: 19px;}
}

@media screen and (max-width:1280px) {
	.wrapper {width:95%;}
	.header nav ul li a { padding: 2.5rem 0 2.5rem 30px; }
	.header nav ul li a {font-size:14px;}
	.overlay h1 { font-size: 59px; line-height: 1; top: 3rem; }
	.indicate .overlay {width:90%;}
	.indicate h2 {font-size:60px;}
	#sidebar {padding-right:50px;}
	.bike { max-width: 264px; }
	.view-profile { right: 4%; bottom: 26%; } 
	.profile-popup h2 { font-size: 27px; line-height: 30px; }
	.profile-popup h2 span { font-size: 18px; }
	.grid.team .col-3 { padding: 10px; }
	.grid.team .col-3:hover figure { width: 70%; }
	.grid.team .col-3 .info-team {  bottom: 2.5rem; line-height: 1.3; }
	.overlay { bottom: initial; top: 0; } 
	.grid article p { font-size: 20px; line-height: 29px; top: 47%;  }
	.contact-banner h3 { font-size: 55px; }
	.indicate .overlay img { width: 105px; }
	.indicate h2 { margin-left: 40px; }
	.indicate .overlay { top: 48%; }
	.image-bg { width: 300px; height: 295px; }
	.grid article p {
		top: 45%;
		font-size: 16px;
		line-height: 20px;
	}
}  

@media screen and (max-width:1200px) and (min-width:800px) {
	.deals .deal-product .number span {padding: 10px 15px; font-size: 30px;}
	.deals .deal-product h3 {width:85%;}
	.deals .deal-product .left {float:none;}
	.deals .deal-product .right {float:none !important; width:100%;}
	.product .buttons { min-width: 277px; }
	.product .buttons label { font-size: 15px; min-width: 49px; }
}


@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) {
	.top-bar .phone { width: 50%; display: inline-block; float: left;}
	.top-bar .col-3, .top-bar .col-2 { width: 35%; float: right; display: inline-block; }
	.top-bar .col-2 { width: 15%; float: right; display: inline-block; }
	.header .col-8 #footer-menu { display: none; }
	.link.find { padding: 30px 0 10px; display: block; text-align: left; }
	.banner h2 { font-size: 57px; max-width: 90%; line-height: 1.2; }
	.banner h3 { line-height: 1.3; max-width: 400px; font-size: 26px; }
	.border-b-white .col-8 { width: 59%; display: inline-block; vertical-align: top; }
	.border-b-white .col-4 { width: 40%; display: inline-block; vertical-align: top; }
	.bike { max-width: 235px; top: -32px; }
	.banner-white { margin-top: -15px; }
	.banner-white p { margin-top: 6rem; max-width: 400px; }
	.banner-white article { margin-bottom: 50px; }
	.content-home article { padding: 5rem 0 8rem; }
	.feature-specials h2 { font-size: 40px; }
	.footer .wrapper .col-8 { width: 65%; display: inline-block; vertical-align: top; }
	.footer .wrapper .col-6 { width: 50%; display: inline-block; vertical-align: middle; }
	.footer .wrapper .col-4 { width: 33%; display: inline-block; vertical-align: top; }
	.footer .wrapper .col-8 .col-3 { width: 39%; display: inline-block; vertical-align: top; }
	.footer .wrapper .col-8 .col-4 { width: 60%; display: inline-block; vertical-align: top; }
	.footer nav { margin: 5px 0 0 20px; }
	.fb, .li, .yt { margin: 0 0px 0 10px; }
	.dps { margin: 20px 0 0 0; width: 160px; }
	.footer-details { font-size: 21px; line-height: 1.8; margin: 2rem 0 1rem 0;}
	.overlay.overlay-contentscale{ padding: 55px; }
	.overlay ul li { font-size: 27px; padding: 16px 0; }
	.pres-banner.banner-xl .overlay { padding: 0; }  
	.overlay h1  { font-size: 34px; letter-spacing: 0; top: 0px !important; } 
	.pres-banner.banner-xl .button-overlay ul { width: 100%; margin: 0; }
	.button-overlay ul li { display: inline-block; margin: 0 10px; width: 30%; }
	.button-overlay ul li a { display: block; font-size: 12px;  padding: 15px 0; }
	.button-overlay { bottom: 1rem; }
	.grid article p { top: 39%;font-size: 14px; line-height: 22px; }
	.image-team { min-height: 170px; }
	.contact-banner h3 { font-size: 46px; }
	.grid.team .col-3 { width: 33%; }
	.grid.team .col-3:hover figure { width: 64%; }
	.grid.team p { font-size: 20px; }
	.profile-popup { max-width: 700px; }
	.case-study-single h3 { font-size: 38px; top: 39%; }
	.blog .post h2, h2 { font-size: 42px; margin-bottom: 10px; }
	.mydetails, #formCheckout { max-width: 90%; margin: 0 auto; }
	.indicate .overlay { top: 34%; } 
}   

@media only screen  and (min-device-width : 1024px)  and (max-device-width : 1366px) {
	.link.find { padding: 2px 0 10px 28px; }
	.signup p { font-size: 18px; }
	.feature-specials h2 { font-size: 21px; }
	.button.outline { font-size: 12px; padding: 14px 30px; } 
	#trigger-overlay { top: 8%; right: 2%; }
	.grid.team .col-3:hover figure { width: 72%; }  
	.grid article p { top: 42%; font-size: 19px; line-height: 26px; } 
	.button-overlay { bottom: 2rem; }
	.overlay { bottom: 200px; }
} 



@media only screen  and (min-device-width : 1024px)  and (max-device-width : 1366px)  and (orientation : landscape) {
	.feature-specials h2 { font-size: 30px; }
	#trigger-overlay { display: none; }
	.grid article p { top: 40%; font-size: 16px; line-height: 25px; }
	.button-overlay { bottom: 4rem; } 
	.wrapper { max-width: 1250px; }
	.grid article p {font-size: 12px;line-height: 20px;}
	.grid article p strong {font-size: 24px;}
} 
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1023px)  and (orientation : landscape) {
	.header #nav {display: none;}
	.link.find { padding: 2px 0 10px 28px; }
	.signup p { font-size: 18px; }
	.feature-specials h2 { font-size: 25px !important; }
	.button.outline { font-size: 12px; padding: 14px 30px; } 
	#trigger-overlay { top: 14%; right: 3%; } 
	.overlay { bottom: 205px; }
	.overlay h1 {font-size: 30px !important; line-height: 32px !important; letter-spacing: 0;top: 0 !important;}
} 

#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; }
#back-to-top:hover { background: #e9ebec; }
#back-to-top.show { opacity: 1; }
#content { height: 2000px; }



@media screen and (max-width: 1024px) {
	#banner .overlay h1 {font-size:30px;line-height: 30px;}
	.content p {line-height: 20px;font-size: 16px;}
	.button.outline {padding: 14px 15px;}
	.grid.team .col-3 .info-team {bottom: 0.5rem;line-height: 1.3;}
	.footer ul li a {font-size: 13px;}
	.footer-details {font-size: 14px;}
	.logo-white {
		background: #fff;
		padding: 40px 25px;
		border-radius: 10px;
		max-width: 130px;
	}
	.content h2 {font-size: 30px;letter-spacing: -1px;}
	.case-studies .grid h2, .case-studies .grid p strong {font-size: 18px;}
	.grid article p {top: 40%;}
	.grid article {padding: 20px 50px 50px 50px; height: 80%;}
	.case-studies .grid .tstimnl h3 {font-size: 16px;}
	.grid article.tstimnl p {font-size: 17px;line-height: 24px;}
	.grid article.tstimnl {padding: 50px 50px 50px 50px;height: 80%;}
	.gallery-single .textover {
		position: absolute;
		bottom: 8%;
		left: 8%;
		width: 80%;
		z-index: 4;
	}
	.gallery-single h3 {font-size: 21px;}
	.gallery-single p {font-size: 13px;}
}

@media screen and (max-width:900px) {
	.indicate .overlay img {width:100px;}
	.blog .post {padding-right:0px;}
	.blog .pagination { padding-right: 0px; padding-bottom: 50px; }
	.footer .wrapper .col-8 { width: 60%; vertical-align: top; display: inline-block;}
	.footer .wrapper .col-4 { width: 39%; vertical-align: top; display: inline-block;}
	.footer .wrapper .col-6 { width: 49%; vertical-align: middle; display: inline-block; font-size: 14px;}
	.footer .wrapper .col-8 .col-3 { width: 38%; display: inline-block; vertical-align: top; }
	.footer .wrapper .col-8 .col-4 { width: 60%; display: inline-block; vertical-align: top; }
	.footer .dps { max-width: 185px; margin: 13px 0px; float: right; } 
	.footer nav { margin: 0px 0 0 20px; }
	.footer-details { margin: 2rem 0 2rem 0; }
	.top-bar .phone { width: 50%; display: inline-block; float: left;}
	.top-bar .col-3, .top-bar .col-2 { width: 35%; float: right; display: inline-block; }
	.top-bar .col-2 { width: 15%; float: right; display: inline-block; }
	.header .col-8 #footer-menu { display: none; }
	.top-bar .phone { font-size: 17px; } 
	.link.find { padding: 30px 0 10px; display: block; text-align: left; }
	.banner h2 { font-size: 62px; max-width: 100%; line-height: 1.2; display: inline-block; }
	.border-b-white { margin-bottom: 2rem; }
	.border-b-white .col-8 { width: 60%; vertical-align: top; display: inline-block;}
	.border-b-white .col-4 { width: 39%; vertical-align: top; display: inline-block;}
	.signup p {font-size: 18px; }
	.banner { padding: 3rem 0 0 0; }
	.banner h3 { margin-top: 0; font-size: 27px; max-width: 300px; line-height: 1.3; } 
	.banner-white p { color: #0082ca; margin-top: 6rem; max-width: 349px; font-size: 19px; line-height: 1.5; } 
	.banner .sml-outline-btn { display: block; width: 300px; text-align: center; margin: 20px 0 30px; }
	.grid > div { width: 50%; } 
	.grid > div.half { width: 100%; }
	.shop-feature .col-4 { margin-bottom: 30px; }
	.mydetails, #formCheckout { max-width: 90%; margin: 0 auto; }
}

@media screen and (max-width:800px) {
	.menu-o { display: block; }
	.search-main { top: 6px; width: 100%; max-width: 100%; } 
	#trigger-overlay { position: absolute; top: 15%; right: 3%; }
	.overlay h1 { font-size: 42px; top: 2rem; }
	.pres-banner.banner-xl .overlay h1 { top: 2rem; } 
	.button-overlay ul li a { padding: 15px 30px; font-size: 12px; } 
	.button-overlay { bottom: 3rem; }
	.button-overlay ul { margin: 0; }  
	.grid > div { width: 25%; } 
	.grid > div.half { width: 50%; }
	.profile-popup { max-width: 95%; }
	.grid article p { font-size: 13px; line-height: 19px; top: 37%;}  
	.image-team { min-height: 160px; }
	.contact-banner h3 { font-size: 41px; } 
	.case-study-single h3 { top: 40%; font-size: 33px; }
	.blog .post h2, h2 { font-size: 42px; margin-bottom: 10px; }
	#cartTotal { font-size: 40px; }
	#trigger-overlay { display: block; } 
	a.menu-icon { display: block; }
	.product .details { width: 36%; }
	.product .buttons label { font-size: 15px; min-width: 48px; }
	.product .buttons { min-width: 277px; }
}
@media (max-width: 768px) {
	.case-study {
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid #0093d0;
	}

	@media screen and (max-width:700px) {
		.product .details { width: 31%; }
		.product h2 { font-size: 21px; }
		.top-bar .phone { font-size: 13px; } 
		.content.int .button.outline {margin: 0 10px 10px 0;}
		.contact-banner h3 {font-size: 20px;}
		.contact-banner h3 img {max-width: 20px;padding: 0 0 0 5px;}
	}

	@media screen and (max-width:600px) {
		.header-wrapper .text-right {text-align:center;}
		.logo {margin-top:0px !important; display: block;}
		#trigger-overlay { display: inline-block;position: absolute; float: right; right: 0; top: -10px; } 
		#nav {display:none;}
		.phone {margin-bottom:10px; text-align:center;}
		.pres-banner {overflow:hidden;}
		.pres-banner img {width:150%;}
		.overlay img {width:180%;}
		.overlay h1 {font-size:40px; line-height:1; letter-spacing:-0.05em; top:40px;}
		.button-overlay {position:relative; bottom:auto; background:#0093d0; padding:40px 20px; box-sizing:border-box;}
		.product figure {width:100%; float:none; margin-bottom:20px;}
		.product .details {margin:0px 0px 20px; width:100%; float:none;}
		.product .buttons {float:none;}
		.blog .post h2, h2 {font-size:45px;}
		.blog .post p {font-size:20px;}
		#sidebar {padding-right:0px;}
		#sidebar.right {margin-top:40px;}
		.indicate {display:none;}
		.contact-banner {padding:4rem 0px;}
		.footer .text-right, .copyright {text-align:center;}
		.logo-white {margin:0 auto;}
		.connect.text-right {text-align:center; margin-top:20px;}
		.connect.text-right a:first-of-type {margin:0px;}
		.footer-details {font-size:16px; text-align:center;margin: 0 0px 20px;}
		.footer-details span {display:none;}
		.top-bar .col-3 { width: 60%; float: initial; display: inline-block; }
		.top-bar .col-2 { width: 35%; float: initial; display: inline-block; }
		.link.find { padding: 20px 0 5px 0; display: block; text-align: left; }
		.banner h2 { font-size: 45px; max-width: 90%; line-height: 1; text-align: center; margin: 0 auto 30px; }
		.banner { padding: 3rem 0 0 0; overflow: hidden; }
		.banner-white { width: 100%; }
		.banner-b-white { margin-bottom: 3rem; }
		.banner h3 { top: -18%; position: absolute; text-align: center; font-size: 29px; line-height: 1.2;} 
		.bike {  max-width: 264px; top: 0%; display: block; position: relative; left: 0; right: 0; margin: 0 auto; } 
		.banner-white { margin-top: 25%; }
		.banner-white p { margin: 4rem auto 0;  max-width: 342px; font-size: 22px; }
		.banner-white .col-8 { margin-bottom: 60px; } 
		.banner .banner-white .sml-outline-btn { display: block; width: 53%; left: 0; position: relative; margin: 25px auto; clear: both; }  
		.wrapper { width: 90%; margin: 0 auto; max-width: 90%; } 
		.feature-specials article { padding: 4rem 0 4rem 0; }
		.banner .button { font-size: 18px; }
		.content-home article { padding: 2rem 0 4rem; }
		.footer { padding: 2.5rem 0 1.5rem 0; }
		.footer .wrapper .col-8 .col-3 { width: 38%; display: inline-block; vertical-align: top; }
		.footer .wrapper .col-8 .col-4 { width: 60%; display: inline-block; vertical-align: top; }
		.footer nav { margin: 0px 0 0 20px; }
		.footer nav li { font-size: 13px; margin-bottom: 6px; } 
		.footer .dps { max-width: 200px; margin: 25px auto 30px; float: initial; }
		.border-b-white .col-8 { width: 100%; }
		.border-b-white .col-4 { width: 100%; }
		.banner h3 { left: 0; right: 0; margin: 20px auto; }
		.banner-white .col-8 { margin-bottom: 60px; text-align: center; } 
		.footer .wrapper .col-8, .footer .wrapper .col-4 {  width: 100%; }
		.footer .wrapper .col-6 { width: 100%; }
		.contact-banner h3 { font-size: 20px; } 
		.top-bar .phone { width: 100%; }
		.pres-banner.banner-xl .button-overlay { padding: 30px 20px 20px; box-sizing: border-box; }
		.pres-banner.banner-xl img { width: 190%; margin-left: -12%; }
		.button-overlay ul { margin:0; }
		.button-overlay ul li a { padding: 14px 30px; min-width: 300px; box-sizing: border-box; margin: 0 0 14px; display: block;} 
		.grid > div { width: 100%; min-height: 230px;} 
		.grid > div.half { width: 100%; }
		.profile-popup { padding: 25px !important; }
		.profile-popup article { padding: 0px 0 0px 20px; } 
		.profile-popup h2 { font-size: 18px; line-height: 1.2; }
		.profile-popup h2 span { font-size: 14px; }
		.profile-popup p { margin: 5px 0; line-height: 1.4; font-size: 14px; } 
		.grid.team .col-3 .info-team { bottom: 0.5rem;}
		.grid.team p { font-size: 11px; }
		.overlay { top: 0; bottom: initial; }
		.grid { background: #003a63; }
		.blog .post h2, h2 { font-size: 32px; margin-bottom: 10px; }
		.blog .post .share-wrapper a { font-size: 18px; padding-top: 5px; }

		.hs-custom_project_plans,
		.form input[type="text"],
		.form input[type="email"],
		.form input[type="password"],
		.form input[type="submit"],
		.form input[type="tel"],
		.form input[type="file"],
		.form textarea,
		.form .input .inputs-list .hs-form-radio,
		.form select {
			font-size: 13px;
		}
		.product p { font-size: 17px; }
		.product h3 { font-size: 34px; }
		.product .buttons .border { text-align: center; }
		.product .buttons input { padding: 5px 15px; }
		.table td { font-size: 10px; }
		.table thead th { font-size: 8px; }
		#cartTotal { font-size: 33px; }
		.checkout-row h3 { font-size: 41px; }
		#banner .overlay {position: relative;width: 100%; bottom: auto; top: auto; left: auto;}
		.overlay h1 {font-size: 20px !important; line-height: 32px !important; letter-spacing: 0;top: 0 !important; text-align: center; padding: 15px 0;}
		.owl-dots {
			text-align: center;
			padding: 0 0 3% 0;
			position: relative;
			display: block;
			bottom: auto;
			width: 100%;
		}
		.section.testimonials h3 {
			color: #003a63;
			font-family: 'Avenir Bold';
			font-weight: normal;
			font-size: 20px;
			line-height: 30px;
			margin: 0 0 20px 0;
			text-align: center;
		}
		.section.testimonials p {
			color: #003a63;
			font-family: 'Avenir Light', Arial;
			font-weight: normal;
			font-size: 16px;
			line-height: 20px;
			margin: 0 0 0 0;
			text-align: center;
		}
		.testimonials .owl-dots {
			text-align: center;
			padding: 0 0 15px 0;
			position: relative;
			bottom: auto;
			display: block;
			width: 100%;
		}
		.logo-white {
			background: #fff;
			padding: 40px 25px;
			border-radius: 10px;
			max-width: 190px;
			margin: 0 auto 30px auto;
			display: block;
		}
		.footer .wrapper .col-8 .col-3 {width: 100%;}
		.footer ul {display: none;}
		#banner.pres-banner {
			position: relative;
			border-bottom: 1px #003a63 solid;
			overflow: visible;
			max-height: auto;
		}
		#banner.pres-banner .overlay {
			position: relative;
			width: 100%;
			bottom: auto;
			top: auto;
			left: auto;
		}
		.pres-banner img, .button-overlay {
			display: none;
		}
		.overlay h1 {
			font-size: 20px !important;
			line-height: 32px !important;
			letter-spacing: 0;
			top: 0 !important;
			text-align: center;
			padding: 15px 0;
			margin: 0px;
		}
		#banner .overlay h1 {
			margin: 0px;
		}
		.content article {
			max-width: 900px;
			margin: 0 auto;
			text-align: center;
			padding: 2rem 0 2rem 0;
		}
		.content.int article {
			max-width: 900px;
			margin: 0 auto;
			text-align: left;
			padding: 2rem 0 0 0;
		}
		.content h2 {
			font-size: 20px;
			letter-spacing: -1px;
		}
		.grid article p {
			font-size: 13px;
			line-height: 19px;
		}
		.blog {
			padding: 2rem 0px;
		}
		.grid article p {
			font-size: 13px;
			line-height: 19px;
			top: 43%;
		}
		.contact-banner h3 {font-size: 25px;letter-spacing: 0px;}
	}
	@media screen and (max-width:500px)  {
		.button-overlay ul li a { min-width: 100px; display: inline-block; }
		.case-study-single h3 { font-size: 21px; letter-spacing: -1px; }
		.image-bg {
			width: 100%;
			height: 295px;
		}
	}

	@media screen and (max-width:450px) {  
		.wrapper {width:90%;}
		.deals .deal-product {padding:0px 20px;}
		.deals .deal-product .number {position: relative;}
		.deals .deal-product .number span {font-size:30px; padding:12px 15px;}
		.deals .deal-product h3 {width:100%;}
		.deals .deal-product .left {float:none;}
		.deals .deal-product .right {float:none !important; width:100%;}
		.deals .deal-product.col-4 {margin-bottom:50px;}
		.info.hide {display:block;}
		.top-bar .col-3 {font-size: 17px; }
		.banner h2 { font-size: 40px; }
		.border-b-white .col-8 { text-align: center; } 
		.signup p { font-size: 16px; line-height: 1.5; } 
		.banner .banner-white .sml-outline-btn { width: 66%; } 
		.content-home h1 { font-size: 29px; }
		.content-home p { line-height: 27px; font-size: 15px; }
		.content-home ul li { line-height: 27px; font-size: 15px; }
		.message_cart { font-size: 14px; }
		.product h2 { font-size: 26px; }
	}

	@media screen and (max-width:320px) {
		.top-bar .phone, .top-bar .col-3, .top-bar .col-2 { font-size: 13px; } 
		.news { font-size: 14px; line-height: 1.5; }
		.banner h2 { font-size: 33px; line-height: 1.3; }
		.banner h3 { font-size: 23px; top: -13%; }
		.banner-white p { margin: 2rem auto 0; font-size: 19px; }
		.banner .banner-white .sml-outline-btn { width: 75%; }
		.logo { max-width: 190px; margin-top: 10px; } 
		.overlay ul li { font-size: 15px; }
		.overlay h1 { font-size: 29px; } 
		.button-overlay ul li { margin: 0; }
		.button-overlay ul li a { min-width: 230px; }
		.image-team { min-height: 142px; }
		.grid.team .col-3 { padding: 5px; }
		.profile-popup h2 { font-size: 13px; }
		.profile-popup h2 span { font-size: 11px; }
		.view-profile { font-size: 9px;width: 63px; height: 60px; padding: 21px 10px 10px; }
		.grid.team p span { font-size: 9px; }
		.contact-banner h3 { font-size: 20px; }
		.contact-banner a { padding: 15px 7px;font-size: 14px; }
		.grid > div { min-height: 160px; }
		.grid article p { font-size: 12px; line-height: 15px; }
		.case-study-single h3 { font-size: 16px; }
		.blog .post h2, h2 { font-size: 25px; margin-bottom: 5px; }
		.blog .post p.date { font-size: 14px; margin-bottom: 10px; }
		.blog .post p { font-size: 15px; line-height: 1.5; }
		.message { font-size: 14px; line-height: 1.5; }
		#sidebar ul li { font-size: 16px; } 
		.product h2 { font-size: 22px; }
		.cart_flow { top: 25%; width: 58%; }
		#back-to-top { bottom: 10px; right: 10px; } 
		.product .buttons { min-width: initial; }
		.product .buttons label { width: 100%; margin-bottom: 10px; }
		.product .buttons .border.border-qty input { min-width: 100%; height: 46px; margin: 0; box-sizing: border-box; }
		.product .buttons .border select { margin: 0; width: 100%; }
	}