/*
=========================================

Project Name: Short Back n Sides 
Creation date: 15 Sep 2024
Last modified: 20 Sep 2024
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

=========================================

*/

body { font-family: 'Open Sans', sans-serif;color:#FFF;font-weight:300;background-color:#000;font-size:16px; }
h1 { font-weight:600; }
h2 {  }
h3 {  }
h4 {  }
h5 {}
a { color:#38a42b; }
a:link { -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
hr { border:0;border-top: 1px solid #c7c7c7;margin:1.3rem 0; }
strong, b { font-weight:700; }
.wrapper { max-width:1800px; }
/* .hero { padding: 0 1rem; } */
.navbar-dark { background-color: #262626; }
.navbar-brand { display:inline-block;padding:1rem 0rem;margin:0; }
.navbar.fixed-bottom { background-color:black !important;padding-top:.2rem;padding-bottom:.2rem; }

.btn { border-radius: 0; }
.bg-success { background-color:#06D907 !important; }
.border-success { border-color:#06D907 !important; }
.text-primary { color:#0071BC!impoertant;}
.text-secondary { color:#bbbbbb!important;}
.text-dark { color:#000 !important; }
.bg-dark { background-color:#151416 !important;}
.bg-light { background-color:#E6E7E8!important; }
.bg-secondary { background-color:#333 !important; }
h1.page-heading { color:#FFF;font-size:3rem;font-weight:bold;text-transform:uppercase;letter-spacing: -2px;line-height: 3rem;padding-bottom: 1rem; }

/* .hero-heading { position:absolute;bottom:1rem;left:0;right:0;text-transform: uppercase; }
.hero-heading { color:#FFF;font-size:1.6rem;font-weight:bold;text-align:center;letter-spacing:-2px; } */

.overlay {height: 100%;width: 0;position: fixed;z-index: 1031;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 10%;width: 100%;text-align: center;/* margin-top: 30px; */}
.overlay-content ul { padding-left:0; }
.overlay a {padding: 8px;text-decoration: none;font-size:1.6rem!important;color: #818181;display: block;transition: 0.3s;border:none !important;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 15px;right: 15px;font-size: 60px!important;padding: 0;line-height: 1;}
.overlay .navbar-nav li.active .nav-link { color: #06D907; }
.menu-bar { position:fixed;z-index:1050;bottom:0;left:0;right:0;height:60px;background-color:#000; }

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; /* margin-top:5px; */margin-left: auto;margin-right: auto;}
.hamburger:hover {opacity: 0.7; } 
.hamburger.is-active:hover {opacity: 0.7; } 
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000; }
.hamburger-box { width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner { display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px;height: 4px;background-color: #FFF;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.cta { background-color:#06D907;padding:1rem;color:#000;text-transform: uppercase;text-align:center;font-weight:bold;font-size:1.8rem; }

#benefits .list-item {
	padding-left: 48px;
	padding-top: 4px;
	background: url(/images/blue-tick.png) no-repeat left top;
	background-size: 38px 38px;
	font-size: 16px;
	color: #999;
	min-height: 85px;
	line-height: 18px;
	margin-bottom: 0px;
}

.slideshow { position:absolute;bottom:.6rem;right:.6rem;color:#FFF; }
.video { position:absolute;bottom:.6rem;left:.6rem;color:#FFF; }
.fancybox-slide--iframe .fancybox-content {
	width  : 768px;
	height : 700px;
	margin: 0;
  background: #000;
}
.footer { padding:1rem;padding-bottom:3rem;margin-top:2rem;border-bottom:50px solid #06D907; }
.footer .nav-item .nav-link { display:block; }
.footer a { color:#666;display:block;font-size:1rem;line-height:1.3;margin-bottom:.7rem; }
.footer a:focus, #footer a:hover { color:#333;text-decoration: none; }

.xeno { padding:20px 0px 20px 0px;text-align: center; }
.xeno a { color:#FFF;text-transform: uppercase;font-size:10px; }
.xeno a:hover { text-decoration:none; }

.message-area-one {margin-left: -3000px;height: 1px;}

ul.errors { display:none; }
.has-error ul.errors {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inherit;
}
.has-error ul.errors > li {
    font-size: 80%;
    color: red;
    margin-top: .25rem;
}
label.required:after {
    content: "*";
    color: #d00;
    margin-left: 2px;
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;margin-top:15px;margin-left: auto;}
	.hamburger:hover {opacity: 0.7; } 
	.hamburger.is-active:hover {opacity: 0.7; } 
	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {background-color: #000; }
	.hamburger-box { width: 40px;height: 24px;display: inline-block;position: relative; }
	.hamburger-inner { display: block;top: 50%;margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px;height: 4px;background-color: #FFF;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after { content: "";display: block; }
	.hamburger-inner::before {top: -10px; }
	.hamburger-inner::after {bottom: -10px; }
	.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
	
	.hero-heading { position:absolute;bottom:1rem;left:0;right:0;text-transform: uppercase; }
	.hero-heading { color:#FFF;font-size:4rem;font-weight:bold;text-align:center;letter-spacing:-2px; }
	.home-section { border-bottom:0;padding-bottom:0; }
	
	h1.page-heading { color:#FFF;font-size:4rem;font-weight:bold;text-transform:uppercase;letter-spacing: -2px;line-height: 3rem;padding-bottom: 1rem; }
}

@media (min-width: 992px) {
	.wrapper, .hero { max-width:1800px;margin:0 auto; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size:1rem;text-transform: uppercase;font-weight:bold;color:#FFF; }
	.hero-heading { position:absolute;bottom:1rem;left:0;right:0;text-transform: uppercase; }
	.hero-heading { color:#FFF;font-size:5rem;font-weight:bold;text-align:center;letter-spacing:-2px; }
	.b-left { border-left:2px solid #FFF; }
	#pills-tab .nav-item, #pills-tab .nav-item .nav-link { width:auto; }
	.card:hover, .card:focus { transform: scale(1.1) }
	.card.card-profile { transform:none; }
	.dropdown-menu { background-color:#333; }
	.dropdown-item { color:#FFF; }
	.benefit-text { font-size:1.25rem; }
}

@media (min-width: 1200px) { 
	h1 {  }
	h2 {  }
	h3 {  }
	.navbar { margin-top:1.5rem; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size:1.1rem;text-transform: uppercase;font-weight:bold;color:#FFF; }
	.navbar-brand { width:500px; }
	.hero-heading { position:absolute;bottom:3rem;left:0;right:0;text-transform: uppercase; }
	.hero-heading { color:#FFF;font-size:6rem;font-weight:bold;text-align:center; }
	h1.page-heading { color:#FFF;font-size:5rem;font-weight:bold;text-transform:uppercase;letter-spacing: -2px;line-height: 5rem;padding-bottom: 1.6rem; }
	.lead { font-size:1.4rem; }
	.cta { background-color:#06D907;padding:1rem;color:#000;text-transform: uppercase;text-align:center;font-weight:bold;font-size:1.8rem; }
}

@media (min-width: 1400px) { 
	.hero-heading { color:#FFF;font-size:7.4rem;text-align:center; }
}