@import http://weloveiconfonts.com/api/?family=entypo;

/* entypo */
[class*="entypo-"]:before {
	font-family:'entypo',sans-serif;
}

@font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 900;
                        src: url('fonts/HelveNeuHea.eot'),
						url('fonts/HelveNeuHea.woff') format('woff'),
                        url('fonts/HelveNeuHea.svg#HelveticaNeue-Heavy') format('svg');
       }

  @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 800;
                        src: url('fonts/HelveNeuBla.eot'),
						url('fonts/HelveNeuBla.woff') format('woff'),
                        url('fonts/HelveNeuBla.svg#HelveticaNeue-Black') format('svg');
       }
	   
	    @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 600;
                        src: url('fonts/HelveNeuBol.eot'),
						url('fonts/HelveNeuBol.woff') format('woff'),
                        url('fonts/HelveNeuBol.svg#HelveticaNeue-Bold') format('svg');
       }
	   
	    @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: bold;
                        src: url('fonts/HelveNeuBol.eot'),
						url('fonts/HelveNeuBol.woff') format('woff'),
                        url('fonts/HelveNeuBol.svg#HelveticaNeue-Bold') format('svg');
       }
 
	   
	   
	    @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 500;
                        src: url('fonts/HelveNeuMed.eot'),
						url('fonts/HelveNeuMed.woff') format('woff'),
                        url('fonts/HelveNeuMed.svg#HelveticaNeue-Medium') format('svg');
       }
	   
	   @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 400;
                        src: url('fonts/HelveNeuRom.eot'),
						url('fonts/HelveNeuRom.woff') format('woff'),
                        url('fonts/HelveNeuRom.svg#HelveticaNeue-Roman') format('svg');
       }
	    @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 300;
                        src: url('fonts/HelveNeuLig.eot'),
						url('fonts/HelveNeuLig.woff') format('woff'),
                        url('fonts/HelveNeuLig.svg#HelveticaNeue-Light') format('svg');
       }
	   
	   @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 200;
                        src: url('fonts/HelveNeuThi.eot'),
						url('fonts/HelveNeuThi.woff') format('woff'),
                        url('fonts/HelveNeuThi.svg#HelveticaNeue-Thin') format('svg');
       }
	   @font-face {
                        font-family: 'Helvetica Neue';
						font-weight: 100;
                        src: url('fonts/HelveNeuUltLig.eot'),
						url('fonts/HelveNeuUltLig.woff') format('woff'),
                        url('fonts/HelveNeuUltLig.svg#HelveticaNeue-UltraLight') format('svg');
       }



@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

html, body {
	height: 100%; 
}

.pageWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;  /* the bottom margin is the negative value of the footer's height */
	margin-top: 0;
	margin-bottom: -200px;
}

.push {
	height: 200px;
}
footer {
	min-height: 200px;
}

.js .pagefade {
	display:none;
}

body {
	width:100%;
	height:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	orient:portrait;
	color:#828282;
	font-size: 18px;
	font-weight: 300;
	white-space:normal;
}

.wrapper {
	width:100%;
	max-width: 1190px;
	margin:0 auto;
	padding: 0 15px;
	position:relative;
	/* z-index:55; */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{/* Style for header goes here */
	font-weight: 600;
}

a {
    color: #7dba00;
}
a:hover, a:focus {
	text-decoration: none;	
}

label {
	font-size: 14px;
}

label.error {
	background: none;
	margin-left: 10px;
	font-weight: 200;
	margin-bottom: 5px;
}
.scroll_top{
	display: block;
	position: fixed;
	right: 40px;
	bottom: 40px;
	height: 48px;
	width: 48px;
	border: 3px solid rgba(0,0,0,0.3);
	border-radius: 2px;
	font-size: 0px;
	display: none;
	z-index: 1000;
	background: rgba(255,255,255,0.3);
}
.scroll_top_arrow{
	background: url(../img/arrows_dark.png) center bottom no-repeat;
	display: block;
	height: 20px;
	widows: auto;
	margin-top: 10px;
}

.cf {
	clear: both;
}

.topgap {
	margin-top: 30px;
}
.botgap {
	margin-bottom: 30px;
}
.padtop {
	padding-top: 30px;
}
.padbot {
	padding-bottom: 30px;
}



/*********************************/
/*! Blur boxes styles goes here  */
/*********************************/

.bl-bg {
	position:absolute;
	filter:blur(5px);
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	-o-filter:blur(5px);
	-ms-filter:blur(5px);
	filter:url(blur.svg#blur);
}
.md{
	text-align: center;
}
.bl-bg img {
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
	filter:progid:DXImageTransform.Microsoft.Blur(MakeShadow='false',PixelRadius='5',ShadowOpacity='0.5');
}

.blurred {
	overflow:hidden;
}

.overlay {
	height:100%!important;
	width:100%!important;
	background:rgba(0,0,0,0.3);
	position:absolute;
	z-index:22;
}

.lt-ie9 .overlay {
	background:url(../img/pixel.png) repeat;
}

.arrow-right {
	background:url(../img/arrow.png) 66% 63% no-repeat;
	background-size:4%;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .arrow-right{
	background:url(../img/arrow_ie9.png) 66% 63% no-repeat;
}
.blur {
	width:100%;
	height:100px;
	filter:blur(3px);
	-webkit-filter:blur(3px);
	-moz-filter:blur(3px);
	-o-filter:blur(3px);
	-ms-filter:blur(3px);
	filter:url(blur.svg#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	min-width:100%;
	display:block;
	position:absolute;
	top:15px;
}

/********************/
/*! Blur syles end  */
/********************/

a:hover {
	color: #03A9F4;
	/* text-decoration:underline; */
}
a:focus {
	color: inherit;
}

.btn-green {
    color: #fff;
    background-color: #7DBA00;
}

.btn-green:hover, .btn-green:active {
    background: #73ac00;
    color: #fff;
}

.search-results {
	text-align:left;
}

.search-results a:hover {
	color:#8d8d8d;
}

ul li {
	font-size:18px;
}

input[type=search] {
	-webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	display:none;
}

::-webkit-input-placeholder {
/* WebKit browsers */
	color:#fff;
}

:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:#fff;
}

::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:#fff;
}

:-ms-input-placeholder {
/* Internet Explorer 10+ */
	color:#fff;
}

.greybg {
	background: #f7f7f7;
}

img.img {
	max-width: 100%;
	margin-bottom: 15px;	
}

/*******************/
/*! Header Styles  */
/*******************/
header {
	background: rgba(125, 186, 0, 0.95);
	/* background: rgba(31, 31, 31, 0.9); */
	/* top:15px; */
	position: relative;
	z-index: 400;
	width:100%;
	/* overflow:auto; */
	}

.img1 {
	background:url(../img/onlocation02.jpg) 100% 11%;
	background-size:cover;
	background-repeat:no-repeat;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}

.logo_block {
	text-align: left;
	/* z-index: 500; */
	/* position: relative; */
}

.mainlogo {
	/* background: url(../img/sapphire-spas-logo2.png) no-repeat; */
	display:inline-block;
	height: 50px;
	/* width: 230px; */
	/* background-size:100%; */
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
	margin: 10px 0;
	/* text-indent:-9999px; */
	background-position: center;
}

.mainlogo img {
	height: 100%;
	/* width: 50%; */
	max-width: 50%;
}
.mainlogo span {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid;
	font-size: 1.5em;
	color: #fff;
	font-weight: 200;
	/* width: 40%; */
	display: inline-block;
}

.mainlogo h1 {
	margin: 0;
	padding: 0;
}

.lt-ie9 .mainlogo {
/*	background:url(../img/mySpa-by-Sapphire-Spas-logo-NZ_ie.png) no-repeat;*/
}
/*
.logo_block h1 {
	font-size:48px;
	margin-top:7px;
	color:#fff;
	line-height:1;
	font-weight:700;
}
*/
.logo_block p {
	font-size:16px;
	font-weight:300;
	color:#fff;
	line-height:.8;
}

.mainlogo:hover {
	text-decoration:none;
}

.search-form input {
	-webkit-appearance:none;
}
.checkbox-inline{
	margin-top: 0px;
}
.chbx-iln-span{
	font-size:14px;
	color:#666;
	margin-left: 10px;
}
.radio{
	margin-bottom: 0px;
}
footer ul {
	margin:0;
	text-align:none;
}

.number {
	/* background:url(../img/phone.png) 0 no-repeat; */
	display: inline-block;
	color: rgb(195, 20, 7);
	font-size: 22px;
	text-decoration:none;
	/* width:25%; */
	font-weight: 200;
	padding: 0 15px;
	background: rgba(255, 255, 255, 0.65);
}

html.lt-ie9 .number {
	display:inline-block;
}

html.lt-ie9 .logo_block {
	width:50%!important;
	display:inline-block;
}

html.lt-ie9 .search-form {
	float:right;
	display:inline-block;
	width:20%;
}

html.lt-ie9 #cat_1582097_divs li {
	padding-right:3px;
}

html.lt-ie9 .col-md-4 {
	width:33.333333%;
	display:block;
	float:left;
}

#sticky-header {
    z-index: 400;
    position: relative;
}

	
.megamenu {
    padding: 0;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 350;
    text-align: center;
    /* overflow: auto; */
    bottom: 0;
    top: 90px;
    /* max-height: 70%; */
    background: rgba(0, 0, 0, 0.3);
}
.megamenu.open {
	display: block;
}


.head_details {
    /* margin-top: 6px; */
    text-align: right;
    /* min-height: 70px; */
    font-size: 1.2em;
    /* float: right; */
    margin-left: 5px;
    /* line-height: 48px; */
}

.number:hover {
	color: #ffffff;
	/* font-weight:300; */
	text-decoration:none;
	cursor:pointer;
	background: rgb(195, 20, 7);
}

.searchpop {
    display: inline-block;
    padding-left: 50px;
    position: relative;
    color: #fff;
    z-index: 400;
}


.searchpop:hover {
	color: #7DBA00;
	cursor: help;
}
.searchpop form {
	position: absolute;
	top: 100%;
	right: 0;
	padding: 20px;
	background: #7DBA00;
	display: none;
	border-radius: 3px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.searchpop:hover form, .searchpop.open form {
	display: block;
}

.searchpop:not(.open) .fa-times, .searchpop.open .fa-search {
	display: none;
}

.search-form {
	background:transparent url(../img/search.png) 0 no-repeat;
	padding-left:22px;
	/* margin-top:6.5%; */
	/* float:right; */
	/* width: 150px; */
	display: inline-block;
	/* margin-left: 50px; */
	
}

.search {
	background:transparent;
	display:block;
	border:none;
	border-bottom:1px solid #fff;
	font-size:14px;
	color:#fff;
	font-weight:300;
	width:125px;
	-webkit-appearance: none;
}

.light_sep {
	width:30%;
	border-top:1px dashed #cdcdcd;
	margin:40px auto 10px;
}

span.image {
	width:100%;
	display:block;
	margin:40px 0;
	padding:0;
	box-shadow:0 0 6px #c8c8c8;
}
.content.mid .lp_image{
	max-height: 310px;
	height: 300px;
}
span.image img {
	max-width:100%;
	height:auto;
	width:100%;
}

.features .text-left,.features .text-left h2 {
	text-align:left;
}

.text-left h2 {
	margin-top:0;
}

/***********************/
/*! Navigation styles  */
/***********************/
nav.site-nav {
	background-color:#fff;
	/* top:125px; */
	/* position:absolute; */
	/* z-index:2200; */
	width:100%;
}

nav #cat_1582097_divs {
	width:1024px;
	margin:0 auto;
	padding: 0px 10px;
	text-align: center;
}

#cat_1582097_divs ul {
	margin:0;
	padding:0;
	margin:0 -3px;
	padding:0 3px;
	/* background:transparent url(../img/menu.jpg) 50% 10% no-repeat; */
}

.lt-ie9 #cat_1582097_divs ul {
}

.lt-ie9 .col-md-6 {
	width:50%;
	float:left;
}

.lt-ie9 .col-md-1,.lt-ie9 .col-md-2,.lt-ie9 .col-md-3,.lt-ie9 .col-md-4,.lt-ie9 .col-md-5,.lt-ie9 .col-md-6,.lt-ie9 .col-md-7,.lt-ie9 .col-md-8,.lt-ie9 .col-md-9,.lt-ie9 .col-md-10,.lt-ie9 .col-md-11 {
	float:left;
}

.lt-ie9 .col-md-1 {
	width:8.3333333333333%;
}

.lt-ie9 .col-md-2 {
	width:16.666666666667%;
}

.lt-ie9 .col-md-3 {
	width:25%;
}

.lt-ie9 .col-md-4 {
	width:33.333333333333%;
}

.lt-ie9 .col-md-5 {
	width:41.666666666667%;
}

.lt-ie9 .col-md-6 {
	width:50%;
}

.lt-ie9 .col-md-7 {
	width:58.333333333333%;
}

.lt-ie9 .col-md-8 {
	width:66.666666666667%;
}

.lt-ie9 .col-md-9 {
	width:75%;
}

.lt-ie9 .col-md-10 {
	width:83.333333333333%;
}

.lt-ie9 .col-md-11 {
	width:91.666666666667%;
}

.lt-ie9 .col-md-12 {
	width:100%;
}

.lt-ie9 fieldset {
	width:100%;
	margin:0;
	padding:0;
}

#cat_1582097_divs ul li {
	display:inline-block;
	list-style:none;
	text-align:center;
	padding:5px 4px;
	-webkit-transition:all ease-in 100ms;
	-moz-transition:all ease-in 100ms;
	-ms-transition:all ease-in 100ms;
	-o-transition:all ease-in 100ms;
	transition:all ease-in 100ms;
	cursor:pointer;
	position:relative;
}
#cat_1582097_divs > ul > li > a:after {
	content: "";
	width: 4px;
	height: 4px;
	background: #000;
	position: absolute;
	top: 50%;
	right: -2px;
	border-radius: 50%;
	margin-top: -2px;
}
#cat_1582097_divs > ul > li:first-child > a:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #000;
	position: absolute;
	top: 50%;
	left: -2px;
	border-radius: 50%;
	margin-top: -2px;
}

#cat_1582097_divs > ul > li:first-child {
	/* padding-left:0; */
}

#cat_1582097_divs > ul > li:last-child {
	margin-right:0;
	padding-right:0;
}

#cat_1582097_divs ul li a {
	color:#3b3b3b;
	text-decoration:none;
	font-size:18px;
	font-weight:300;
	display:list-item;
	/* width: 100px; */
	-webkit-transition:all ease-in 100ms;
	-moz-transition:all ease-in 100ms;
	-ms-transition:all ease-in 100ms;
	-o-transition:all ease-in 100ms;
	transition:all ease-in 100ms;
	padding: 0 18px;
}

#cat_1582097_divs li ul {
	position:absolute;
	background:none;
	top:35px;
	display:none;
	left:0;
}

#cat_1582097_divs li:hover,#cat_1582097_divs li.selected {
	background:#000;
}

#cat_1582097_divs > ul > li:hover > a,#cat_1582097_divs > ul > li.selected > a,#nav_1582097 li ul li.selected a,#nav_1582097 li ul li:hover a {
	color:#fff;
}

#cat_1582097_divs ul li ul li {
	display:block;
	float:none;
	background:#fff;
	width:165px;
	color:#3b3b3b;
	padding:10px 4px 10px 10px;
	margin-top:2px;
	text-align:left;
}

.ie10 #cat_1582097_divs ul li ul li,.ie9 #cat_1582097_divs ul li ul li,.lt-ie9 #cat_1582097_divs ul li ul li {
	margin-top:0;
	border-top:2px solid #cdcdcd;
}

#cat_1582097_divs ul li:hover > ul {
	display:block;
}

#cat_1582097_divs ul li ul li a {
	color:#3b3b3b;
	font-size:14px;
}

nav.site-nav.sticky {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:200;
	border-top:0;
	opacity:.9;
	z-index:1400;
}

/******************************/
/*! Content Container Styles  */
/******************************/

.content_inner {
    padding: 50px 0;
}
.content-container {
	width:1024px;
	padding:0 129px 45px;
	margin:0 auto;
	position:relative;
	z-index:115;
}
.wide .content-container {
	padding-left: 25px;
	padding-right: 25px;
}

/*.content-container.inner{
	box-shadow: 0px 2px 3px #999;
}*/
.inner {
	padding-top: 50px;
}

h2, h1 {
	color:#333;
	font-weight:300;
	margin: 0.7em 0;
}

.subtitle {
    color: #333;
    font-weight: 300;
    margin-bottom: 50px;
}

.content-container.inner h1, h1.large {
	padding:5px 0 0;
	margin-top: 0px;
	text-align:center;
	line-height:57px;
	font-size: 45px;
	font-weight: 300;
}

.content-container p {
	color:#828282;
	font-size:18px;
	font-weight:300;
}
.charcoal p {
	color:#eee;
}

.content .video h2,.content-container .video h2 {
	margin-bottom:20px;
}

.content-container.inner .icon img,.content-container .icon img {
	margin-right:15px;
}

.content .video,.content-container .video {
	margin:40px 0 50px;
	text-align:center;
}

.content.mid h2 {
	margin-top:30px;
}

.features h2,.features h4,.features h5,.features h3,.cat h2,.cat h3,.cat h4,.cat h5,.content-container h2,.content-container h3 {
	text-align:center;
}

.features .search-result h3 {
	text-align:left;
}

.features .search-result h3 a {
	color:#333;
}

.content.mid .image {
	width:100%;
	display:block;
	margin:30px 0;
}

.content.mid .image img {
	max-width:100%;
	height:auto;
	width:100%;
}
.content.mid .lp_image{
	text-align: center;
	box-shadow: 0px 0px 0px;
}
.content-container p.ld_price.md {
	font-size: 8em;
	font-weight: 200;
	-moz-font-feature-settings:
}
.content.mid .lp_image img{
	height: 100%;
	width: auto;
}
.content-container .flag_text_block{
	padding: 50px 0px;
}
.flag_block_img img{
	width: 100%;
	height: auto;
}
.content-container .flag_text_block p{
	font-weight: bold;
	color: #666;
	font-size: 24px;
	text-align: center;
}
.content-container .extra_large_txt{
	font-size: 64px;
	line-height: 50px;
}
.content-container .large_txt {
	font-size: 50.5px;
	line-height: 40px;
}
.content .video iframe,.content-container .video iframe {
	max-height:450px;
	height:450px;
}

.content.mid .devider {
	width:100%;
	margin:30px 0 50px;
	border-top:1px solid #868686;
	clear:both;
}

.up_down_button {
	width:65px;
	height:65px;
	background:#fff;
	border-radius:40px;
	behavior:url(../js/assets/PIE.htc);
	position:absolute;
	left:50%;
	top:-30px;
	margin-left:-33px;
}

.up_down_button a {
	display:block;
	width:100%;
	height:20px;
}

.up_down_button .down {
	background:url(../img/up-down.png) top no-repeat;
	margin-top:11px;
	background-size:35%;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .up_down_button .down{
	background:url(../img/up-down_ie9.png) top no-repeat;

}
.up_down_button .up {
	background:url(../img/up-down.png) bottom no-repeat;
	margin-top:2px;
	background-size:35%;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .up_down_button .up{
	background:url(../img/up-down_ie9.png) bottom no-repeat;

}
.inl_img img {
	width:100%;
	max-width:100%;
	height:auto;
}

.figure_collection {
	margin: 0;
	background: #eee;
	padding: 30px 0;
}

.figure_collection .col-md-4 {
	padding: 5px;
	/* padding-right:5px; */
}

.figure_collection .col-md-4 img {
	width:100%;
	height:auto;
	max-width:100%;
	top:0;
}

.box_header {
	display:block;
	height:290px;
	overflow:hidden;
}
.colour_box{
	width: 100%;
}
ul.colour_box_inner, .img_panel {
	margin:0;
	padding:0!important;
	text-align: center;
}

.img_panel img {
	width: 100%;
	height: auto;
	border:10px solid #F1F1F1;
}

.colour_box_inner li {
	list-style:none;
	display:inline-block;
	width: 130px;
	height: 130px;
	padding: 10px;
	/* cursor: pointer; */
}

.colour_box_inner li img {
	width:100%;
	height:100%;
	max-height:100%;
	border:4px solid #F1F1F1;
}

.col-md-4 .box_header h3 {
	color:#fff;
	font-size:28px;
	text-align:center;
	display:block;
	position:absolute;
	top:35%;
	width:95%;
}

.fucture_text {
	width:100%;
	background:#333;
	padding:15px;
	height: 145px;
}

.fucture_text p {
	color:#fff;
	font-size:14px;
}

.col-md-3 img {
	max-width:100%;
	width:100%;
	height:auto;
}

.col-md-9 ul,.col-md-9 p {
	text-align:left;
}

#searchnext,#searchprev {
	color:#fff;
	padding:5px 10px;
	font-size:16px;
	font-weight:700;
	display:block;
	background:#7dba00;
	border-radius:3px;
	width:100px;
}

#searchprev {
	float:left;
}

#searchnext {
	float:right;
}

.btn-custom {
	color:#fff;
	padding: 12px 20px;
	font-size: 17px;
	font-weight: 600;
	display: inline-block;
	/* width:100%; */
	position:relative;
	/* background: #7dba00 url(../img/arrow.png) 100% 55% no-repeat; */
	border-radius:3px;
	background-size:5%;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
	box-shadow:0 0 2px #999;
	margin:0 auto;
	min-width: 160px;
	background: #7dba00;
	text-align: center;
}
.btn-custom.no-icon{
	color:#fff;
	padding:10px 5px;
	font-size:16px;
	font-weight:400;
	line-height: 17px;
	display:block;
	width:100%;
	position:relative;
	background:#7dba00;
	border-radius:3px;
	background-image: none;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
	box-shadow:0 0 2px #999;
	margin:0 auto;
	width:200px;

}
.lt-ie9 .btn-custom{
	background:#7dba00 url(../img/arrow_ie9.png) 85% 55% no-repeat;
}
.btn-custom:hover,#searchnext:hover {
	background-color:#73ac00;
	text-decoration:none;
	color:#fdfdfd;
}

.spas_gallery .item {
	margin-bottom:40px;
}

.content.mid .spas_gallery .image {
	margin:0 0 15px;
}

.spas_gallery h3 {
	/* font-weight:300; */
	color:#515151;
}

.spa_prod {
	background:#fff;
	margin-bottom:20px;
	text-align: center;
}

.full-descr-img img {
	width:100%;
	height:auto;
}
.full-descr-img .reel{
	margin: 0px auto;
}

.content.mid .spa_prod .image {
	padding:20px;
	height:360px;
	box-shadow:none;
}

.btn-custom {
}

.parameters_lrg {
	background: #333;
	/* margin:30px 40px; */
	text-align: center;
}

.parameters.row {
	margin:0 auto 20px;
	max-width:370px;
}

.parameters .col-md-3 {
	padding:0 5px;
}

.parameters_lrg .icon_inner {
	/* margin-top: 30px; */
	vertical-align:top;
	text-align:center!important;
	padding: 15px;
	/* border:2px solid #8f8f8f; */
	/* min-height: 80px; */
	/* background: #f4f4f4; */
	/* box-shadow: inset 0px 1px 2px #ddd; */
	/* border-radius: 5px; */
	display: inline-block;
	/* min-width: 150px; */
	color: #fff;
	max-width: 50%;
}
.parameters {
	text-align: center;
}
.parameters .icon_inner {
	/* margin-top: 30px; */
	vertical-align:top;
	text-align:center!important;
	padding: 15px;
	/* border:2px solid #8f8f8f; */
	/* min-height: 80px; */
	/* background: #f4f4f4; */
	/* box-shadow: inset 0px 1px 2px #ddd; */
	/* border-radius: 5px; */
	display: inline-block;
	/* min-width: 150px; */
	color: #fff;
	width: 48%;
}

.parameters .icon_inner span,.parameters_lrg .icon_inner span {
	display:block;
	line-height: 50px;
}
.parameters_lrg .icon_inner .fa {
	font-size: 2em;
	color: rgba(255, 255, 255, 0.6);
	/* margin: 0; */
}
.parameters .icon_inner .fa {
	font-size: 2em;
	color: #ccc;
	/* margin: 0; */
}

.parameters .icon_inner p,.parameters_lrg .icon_inner p {
	font-size:12px;
	/* color: #666; */
	margin:5px 0 0;
	padding:0;
}

.parameters .icon_inner span img,.parameters_lrg .icon_inner img {
	width:36px;
	height:36px;
}


.descr-table {
	width:50%;
	margin:40px auto 10px;
}

.descr-table p {
	text-align:center;
	margin-bottom:40px;
}

.descr-table img {
	width:100%;
	height:auto;
}

.content.mid .swimspas_range .spa_prod .image {
	height:auto!important;
}


.mega-container {
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    background: #fff;
    overflow: auto;
    max-height: 100%;
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 5px 15px rgba(0,0,0,0.3);
}

.spa-group {
    background: #fff;
    padding: 5px 10px 5px 80px;
    border-bottom: 1px solid #E8E8E8;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    min-height: 126px;
    vertical-align: bottom;
    line-height: 105px;
}

.spa-group.large {
	min-height: 440px;
	line-height: 140px;
	max-width: 880px;
}
.spa-group.medium {
	min-height: 440px;
	line-height: 140px;
	max-width: 650px;
}
.spa-group.swim {
	min-height: 340px;
	line-height: 140px;
	max-width: 880px;
}
.spa-group.plunge {
	min-height: 180px;
	line-height: 160px;
	max-width: 880px;
}

.spa-group h4 {
	margin: 0;
	font-weight: 600;
	/* float: left; */
	position: absolute;
	top: 27px;
	left: -27px;
	color:#fff;
	/* font-weight: 400; */
	/* white-space:nowrap; */
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	width: 125px;
	text-align: center;
	background: #949494;
	padding: 20px 10px;
	height: 70px;
}

.spa-group.large h4, .spa-group.medium h4 {
	width: 440px;
	top: 184px;
	left: -185px;
	padding: 20px;
}

.spa-group.swim h4 {
	width: 340px;
	top: 135px;
	left: -135px;
	padding: 20px;
}
.spa-group.plunge h4 {
	width: 180px;
	top: 55px;
	left: -55px;
	padding: 20px;
}

.spa-group h4 span {
    font-size: 0.6em;
    display: block;
    color: rgba(255,255,255,0.5);
    /* text-align: right; */
}

.spa-group-buttons {
    padding: 10px 20px 10px 60px;
    background: #f4f4f4;
    margin: 0;
}

.spa-menu {
    display: inline-block;
    vertical-align: bottom;
    min-width: 105px;
    padding: 5px;
    text-align: center;
    line-height: 1.5;
    /* height: 120px; */
}
a.spa-menu.perf {
    width: 33%;
}

a.spa-menu:hover {
	text-decoration: none;
}
.spa-menu .size {
    font-size: 0.7em;
    color: #000;
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-o-transform-origin: bottom left;
    transform-origin: bottom left;
    display: block;
    /* margin: auto; */
    position: absolute;
    width: 160px;
    text-align: left;
    bottom: 10px;
    left: 0;
    line-height: 1.5;
}
.scale {
    display: inline-block;
    border-left: 1px solid #ddd;
    padding: 0 10px;
    position: relative;
}
.scale:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 10px;
    height: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.spa-menu.hovered .size, .spa-menu.hovered .scale:before {
	display: none;
}
.spa-menu.hovered .scale {
	border-color: transparent;
}


.spa-menu p {
	font-size: 0.75em;
	margin: 0;
}
.spa-menu img {
	/* height: 70px; */
}
.large .spa-menu, .swim .spa-menu, .plunge .spa-menu  {
	/* min-height: 130px; */
	min-width: 22%;
	/* width: 24%; */
}

.spa-group .arrow  {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 62px 0 62px;
    border-color: #transparent transparent transparent transparent;
    position: absolute;
    top: 99%;
    right: 0;
    z-index: 1000;
}
.spa-group.large .arrow, .spa-group.medium .arrow  {
	border-width: 8px 220px 0 220px;
	top: 99%;
}

.spa-group.swim .arrow  {
	border-width: 8px 170px 0 170px;
	top: 99%;
}

.spa-group.plunge .arrow  {
	border-width: 8px 90px 0 90px;
	top: 99%;
}

.rotate90 img {
    -webkit-transform: rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    bottom: 58px;
    position: relative;
    /* width: 120px; */
    height: 60px;
    width: auto;
}


/*********************/
/*! BLOG Page Styles  */
/*********************/

.blog-post{
	padding: 15px;
	background: #ffffff;
	margin-top: 20px;
	/* box-shadow: 0px 0px 2px #e2e2e2; */
}

h2.post-title{
	text-align: left;
	margin-top:10px!important;
}
h2.post-title a{
	text-align: left;
	color:#000!important;
}

.post-details, .links a{
	font-size:13px;
}
.side{
	margin-top:20px;
}
.side ul{
	padding:0;
}
.side ul li{
	list-style:none;
	font-size:14px;
	}

/*********************/
/*! FAQ Page Styles  */
/*********************/
.page-title {
	margin:0;
	font-size:20px;
}

.page-title a {
	color:#666;
	display:block;
}

.page-title a:hover {
	color:#7c7c7c;
	text-decoration:none;
}

.panel-heading:hover {
	background-color:#e5e5e5;
	box-shadow:1px 1px 3px #fff;
	cursor:pointer;
}

.red-txt {
	color:#ce0000;
}

.wide_header_img {
	width:100%;
	height:500px;
}

.left-block {
    width: 50%;
    float: left;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.right-block {
    width: 50%;
    float: right;
    height: 100%;
    background: #222;
    /* padding: 20px; */
    color: #fff;
    line-height: 500px;
}


.bannerText {
    vertical-align: middle;
    display: inline-block;
    line-height:  0.9em;
    padding: 20px;*/;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 100;
    color: #fff;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 2px #000, 0 0 20px #000;
}

.bannerText h1 {
    font-size: 3em;
    /* line-height: 0.9em; */
    color: #fff;
}
.bannerText h2 {
	/* font-size: 3.6em; */
	font-weight: 200;
	margin: 0;
	/* text-shadow: 0 0 3px #000, 0 0 20px #000; */
	letter-spacing: 0.02em;
}

.landing_page_header{
	height: 660px;
	width: 100%;
}
.wide_header_img img, .landing_page_header img {
	width:100%;
	height:auto;
}

/************************/
/*! USER MANUALS SYLES  */
/************************/
.literature-container {
	display:block;
	box-shadow:0 0 2px #333;
	padding:10px 10px 10px 50px;
	background:#f1f1f1 url(../img/iconmonstr-download-9-icon-24.png) no-repeat 2% 50%;
}

.literature-container a {
	color:#747474;
	text-decoration:none;
}

.literature-container a:hover {
	color:#919191;
	text-decoration:none;
}

.literature-container:hover {
	background:#f5f5f5 url(../img/iconmonstr-download-9-icon-24.png) no-repeat 2% 50%;
	cursor:pointer;
}

.literature-container .icon {
	display:none;
}

.manuals section {
	padding:20px 0;
}

.support {
	text-align:center;
}

.PS_logo {
	display:block;
	max-width:280px;
	height:auto;
	margin:20px auto;
	text-align: center;
}

.PS_logo img {
	width: 160px;
	height:auto;
}

/*****************/
/*! Product CSS  */
/*****************/
.features_boxes {
	padding:0;
	margin:20px auto 40px;
}

.features_boxes li {
	display:inline-block;
	padding:3px;
	width:92px;
	height:92px;
}

.features_boxes li img {
	width:100%;
	max-width:100%;
	height:auto;
}


/*****************/
/*! Testimonial CSS  */
/*****************/
.testimonial {
	/* background: #eee; */
	border-radius: 10px;
	/* overflow: hidden; */
	margin-top: 20px;
	clear: both;
	position: relative;
	/* color: #282828; */
}
.testimonial img {
	width: 100%;
	height: auto;
	/* border-radius: 10%; */
	/* max-height: 100%; */
}

.testimonial .photo {
	float: left;
	width: 60%;
	display: inline-block;
	/* border-radius: 10px; */
	overflow: hidden;
	position: relative;
}
.testimonial .mainphoto {
	position: relative;
}

.testimonial .photo div, .testimonial .mainphoto div  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.testimonial .photo a, .testimonial .mainphoto a {
position: absolute;
top: 50%;
text-align: center;
display: block;
width: 100%;
color: #fff;
font-size: 6em;
margin-top: -70px;
}
.testimonial h3 {
	margin-top: 0 !important;
	font-size: 25px;
	font-weight: 300;
}

.testimonial .text  {
	margin-left: 2%;
	padding: 30px;
	text-align: left;
	/* margin-right: 35%; */
	float: left;
	width: 38%;
	border: 1px solid;
	/* color: #eee; */
}
.testimonial:after {
	content:"";
	display:table;
	clear:both;
}

.testimonial.details .text  {
	margin: 10px 0 0;
	float: none;
	width: auto;
}

.bluetext {
	color: #428bca;	
}

.smallbutton {
	background: #282828;
	color: #fff;
	padding: 5px 10px;
	font-weight: 300;
	font-size: 0.7em;
	/* border-radius: 3px; */
	float: right;
	margin: 5px 0 5px 5px;
}

.testcat {
/*	border-bottom: 1px solid #eee;*/
	padding: 10px 0;
/* background: #444; */
}
.testcat:nth-child(odd) {
	background: #282828;
	color: #eee;
}

.testcat:nth-child(odd) .smallbutton {
	background: #eee;
	color: #282828;
}
.testcat p{
	color: inherit;
}

.testcat:nth-child(even) .testimonial {
	/* background: #fff; */
	color: #282828;
}

.testcat h3 {
	text-align: left;	
}
.testcat a {
	color: #282828;
}
.testcat:nth-child(odd) a {
	color: #eee;
}

.testcat a:hover, .charcoal a:hover {
	color: #9BE20A;
}


.testcat h4 a:hover {
	text-decoration: none;
}
a:hover .smallbutton {
	background: #9b9b9b !important;
}

.spabox {
	background: #eee;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
	overflow: hidden;
	margin: 50px 0;
}
.spabox .spatext {
	padding: 40px;
	margin-right: 20%;
}

.spabox  .spaphoto {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	overflow: hidden;
	opacity: 0.8;
	/* margin: -20px 20px 0 -20px; */
	
}
.spabox  .spaphoto img {
	height: 100%;
	position: absolute;
	right: 0;
}

.spatext .spapool, .spatext .swimspa{
	display: none;
}

.showSwimSpa .swimspa , .showSpaPool .spapool{
	display: inline;
}

.testimonial .spaphoto {
	/* position: absolute; */
	/* bottom: -10px; */
	/* right: -10px; */	
	float: right;
	text-align: center;
	padding: 5px;
	/* background: #f6f6f6; */
	border-radius: 15px;
	width: 30%;
	/* margin-top: 5%; */
}
.testimonial .spaphoto img {
	/* width: 100px; */	
}
.testimonial .spaphoto a {
	font-size: 14px;
}


.shareit * {
	box-sizing: content-box;
}

.iconbox {
	text-align: center;
	padding: 15px;
	display: block;
	background: #E4E4E4;
}
.iconbox h3 {
	min-height: 52px;	
	color: #444;
	font-size: 18px;
}
.bigicon {
	background: #7dba00;
	color: #fff;
	font-size: 110px;
	height: 180px;
	line-height: 90px;
	/* vertical-align: middle; */
	padding: 30px;
	border-radius: 50%;
	width: 180px;
	margin: 0 auto;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	border: 5px solid rgba(255, 255, 255, 0.5);
	/* opacity: 0.8; */
}
.bigicon * {
	/* opacity: 0.8; */
}
.iconbox:hover .bigicon {
	background: #428bca;
}

.charcoal {
	background: #282828;
	/* margin-top: -30px; */
	padding-top: 20px;
}
.charcoal h1 { 
	color: #7dba00 !important;
}

.charcoaltext {
	color: #282828;
}
#pride-passion{
    padding:0px 0 10px 0;
}
#testimonial-cat {
    background: #eee;
    padding: 30px 0;
    color: #282828;
}

.greentext {
    color: #7dba00;
}

.nopag .pagination {
	display: none;
}

/*************************/
/*! Footer Style Rules   */
/*************************/
footer {
	position:relative;
}

.greenbg {
	background: #7dba00;
}
.bluebg {
	background: #3db5e6;
}

.footer_up_button {
	width:34px;
	height:34px;
	background:#fff;
	border-radius:30px;
	behavior:url(../js/assets/PIE.htc);
	position:absolute;
	left:50%;
	top:-20px;
	margin-left:-17px;
}

.footer_up_button a {
	display:block;
	width:100%;
	height:20px;
}

.up {
	background:url(../img/up-down.png) bottom no-repeat;
	margin-top:4px;
	margin-left:1px;
	background-size:65%;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .up{
	background:url(../img/up-down_ie9.png) bottom no-repeat;
}
.footer_header {
	width:1024px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/factory_footer_sitewide.jpg) 50% no-repeat;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}

.footer_container {
	/* width:1024px; */
	margin:0 auto;
	padding: 20px;
	/* background:#333; */
	/* border-top:6px solid #fff; */
	position:relative;
	/* margin-top:-6px; */
}



.socialicons {
	text-align: center;
	font-size: 1.6em;
}
.socialicons a {
	/* background: #fff; */
	/* background: rgba(255,255,255,0.8); */
	margin: 0 6px;
	color: #fff;
	/* width: 45px; */
	/* height: 45px; */
	/* line-height: 47px; */
	/* border-radius: 50%; */
}
.socialicons a:hover {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
}

.logo_text {
	color:#fff;
	font-size:39px;
	margin:10px 0 27px;
}

.ft-lft a {
	color:#fff;
	font-size:18px;
	display:block;
	margin-top:19px;
	font-weight:100;
}

.ft-lft a:first-child:before {
	background:url(../img/search.png);
}

.panel-group .panel{
	border-radius: 0px;
}
.panel-default>.panel-heading{
	background-color: #fdfdfd;
}
.dealer-icon,.contact-icon {
	display:block;
	float:left;
	padding:10px 12px;
	margin-top:0px;
}

.dealer-icon {
	background:url(../img/dealer_pic.png) no-repeat;
	background-size:contain;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .dealer-icon{
	background:url(../img/dealer_pic_ie9.png) no-repeat;
}
.contact-icon {
	background:url(../img/contact_pic.png) no-repeat;
	background-size:contain;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .contact-icon{
	background:url(../img/contact_pic_ie9.png) no-repeat;
}
footer ul {
	margin:30px 0 0 50px;
	padding:0;
	background:url(../img/footer_menu_dots.png) 37% 66% no-repeat;
}

.ie10 footer ul,footer ul,footer ul {
	background:url(../img/footer_menu_dots.png) 38% 59% no-repeat;
}


footer ul li {
	display:inline-block;
}

footer ul li:first-child a {
	padding-left:0;
}

footer ul li:last-child a {
	padding-right:0;
}

html.lt-ie9 footer ul li a {
	padding:4px 12px;
}

footer ul li a {
	padding:4px 14px;
	font-size:16px;
	font-weight:300;
	color:#b5b5b5;
	text-decoration:underline;
	display: inline-block;
}

.lt-ie9 footer ul li a {
	padding:4px 13px 4px 15px;
}

footer ul li a:hover,footer ul li a:active {
	text-decoration:none;
	color:#c6c6c6;
}


.social {
	margin:55px 0 35px;
	float:right;
}

.social a {
	margin-left:2px;
}

.copyright {
	font-size:11px;
	color:#dcdcdc;
}

.copyright a {
	color:#dcdcdc;
}

footer {
	padding-bottom: 20px;
}


footer ul {
	background: none;
	margin: 20px 0 30px;
	text-align: center;
}

footer ul li {
	border-left: 1px solid rgba(255,255,255,0.3);
	line-height: 1;
}
footer ul li:first-child {
	border-left: none;
}

footer ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 200;
}
footer ul li a:hover {
	color: #000;
}

footer .copyright {
	font-size: 11px;
	color: #282828;
	clear: both;
	text-align: center;
	padding: 0 50px 10px;
}
footer .copyright a {
	color: #282828;
	/* margin-right: 100px; */
	/* word-wrap: break-word; */
	display: inline-block;
}
footer .copyright a:hover {
	color: #FFF;
}

section.grey, #getpricing {
	background: #eee;
	padding: 20px 0;
}

#getpricing {
	/* margin: 30px 0px 0; */
}

/**********************/
/*! Home page styles  */
/**********************/
figure.partners img {
	width:100%;
	max-width:100%;
	height:auto;
}

.content section {
	padding: 40px 0 50px;
	border-bottom:1px solid #ccc;
}

.content section:last-child {
	border:0;
}
.modal-dialog{
	padding-top: 50px;
}

.Slideform_trigger{
	position: fixed;
	right: 0px;
	z-index: 190;
	top:19.8%;
	width: 35px;
	height: 100px;
	background: #fbfbfb;
	cursor: pointer;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.Slideform_trigger.open{
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	right: 320px;
}
.Slideform_trigger .trigger_text{
	position: absolute;
	top:37px;
	right: -25px;
	color: #000;
	white-space: nowrap;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.Slideform{
	width: 320px;
	position: fixed;
	z-index: 200;
	right: -320px;
	top: 19%;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.Slideform.open{
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	right: 0px;
}
/*************************/
/*! Options page styles  */
/*************************/
.effects_section ul,.cat section ul,.features section ul {
	margin-left:0;
	padding-left:20px;
	margin-bottom:20px;
}

.effects_section ul li,.cat section ul li,.features section ul li {
	text-align:left;
	margin-bottom:10px;
	color:#828282;
}

/*****************************/
/*! Contact US PAge Styles   */
/*****************************/
.content-container .contact h1 {
	font-size:32px;
	text-align:left;
	margin:0 0 20px;
	padding:0 0 5px;
	border-bottom:1px solid #c8c8c8;
}

.address p {
	font-size: inherit;
}

.address address {
	font-size:16px;
}

/******************/
/*! Forms Styles  */
/******************/
#contact, #warranty, #service_req, #parts_request, .form {
	display:block;
	width:100%;
	background: #f6f6f6;
	position:relative;
	margin:5px 0 30px;
	padding:20px;
	font-size: 12px;
}
#SlideContact {
	display:block;
	width:100%;
	background: #dadada;
	position:relative;
	margin:5px 0 30px;
	padding:20px;
	font-size: 12px;
	/* text-align: right; */
	box-shadow: 10px 6px 20px rgba(0, 0, 0, 0.25);
}
#SlideContact .form-group{
	margin-bottom: 5px;
	text-align: left;
}
#warranty,#service_req {
	margin:20px 0 30px;
}

.req {
	color: #DA4D0A;
}

.no-p-l {
	padding-left:0;
}

.no-p-r {
	padding-right:0;
}

.no-margin-lft {
	margin-left:0;
}
.radio-inline {
	display: inline-block;
padding-right: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline > div.radio{
	display: block;
	float: left;
	margin-top: 0px;
}
div.radio input[type="radio"]{
	margin-top: 2px;
}

#contact label,#warranty label,#service_req label, #parts_request label, .form label{
	font-size:14px;
	color:#666;
	font-weight:300;
}
.form a {
	color: #cf0000;
	font-size:14px;
	font-weight:300;
}
.confirmation-field {
	display:none;
}

.submit-btn .btn-custom {
	background-image:none;
}

.submit-btn .btn-custom:hover {
	color:#efefef;
	box-shadow:0 0 4px #fff;
}

#warranty .submit-btn,#service_req .submit-btn {
	width:200px;
	float:right;
	margin-top:20px;
}
input[type="radio"], input[type="checkbox"]{
	margin: 3px 0px 0px;
}
.Slideform {
	width: 360px;
	position:fixed;
	z-index:200;
	right:-320px;
	top:160px;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
}

.Slideform.open {
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	right:0;
	position:fixed;
	z-index: 350;
}
.Slideform .modal-content{
	border-radius: 0px;
}
.Slideform_form {
	float:left;
	position:relative;
	width:320px;
}
.form-group p, #SlideContact label {
		font-size: 12px;
		color:#666;
		font-weight:400;
	}
#SlideContact .radio-inline{
	padding-left: 0px;
	margin-right: 5px;
}
.Slideform_trigger {
	position:relative;
	float:left;
	display:block;
	width: 40px;
	height: 150px;
	background: #c31407;
	cursor:pointer;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.Slideform_trigger.open {
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	right:320px;
	z-index:2000;
	position:absolute;
}

.Slideform_trigger .trigger_text {
	position:absolute;
	top: 63px;
	right: -35px;
	color:#fff;
	font-weight: 400;
	white-space:nowrap;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.Slideform form#SlideContact {
	margin-top:0!important;
}

.Slideform form {
	/* background:#fbfbfb; */
}
.Slideform_trigger_footer{
	display: none;
}
a.Slideform_close{
	display: none;
}
.Slideform_trigger_gen{
	display: none;
}
/***************************/
/*! Slideshow style rules  */
/***************************/

#slides {
	position:relative;
	top:0;
	height:750px;
	z-index:10;
}

/*#slides .slides-container {
	display:none;
}*/

.slides-container li img,.bl-bg img {
	width: 100%;
}

#slides .scrollable {
	*zoom:1;
	position:relative;
	top:0;
	left:0;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:100%;
}

#slides .scrollable:after {
	content:"";
	display:table;
	clear:both;
}

.slides-navigation {
	position:absolute;
	width:100%;
	height:34px;
	z-index:45;
	top:3px;
}

.slides-navigation-inner {
	position:relative;
	margin:0 auto;
	width:1024px;
	z-index:20;
}

.slides-navigation a {
	float:left;
	width:34px;
	height:34px;
	position:relative;
	cursor:pointer;
}

.slide-container .single_headline {
	padding:50px 25px;
	text-align:center;
}

.slide-container .single_headline p {
	font-size:62px;
	text-align:center;
	color:#fff;
	font-weight:700;
}

.slides-navigation a.prev {
	left:45px;
	background:url(../img/controls.png) left top no-repeat;
}

.slides-navigation a.next {
	background:url(../img/controls.png) right top no-repeat;
	right:45px;
	float:right;
}

.slides-pagination {
	position:absolute;
	z-index:35;
	bottom: 10px;
	text-align:center;
	width:100%;
	/* padding-left:115px; */
	line-height: 1;
}

.slides-pagination a {
	border-radius:15px;
	width:7px;
	height:7px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	background:#fff;
	margin:2px;
	opacity:.6;
	overflow:hidden;
	text-indent:-100%;
}

.slides-pagination a.current {
	background:#222;
}

.slide-container {
	position:relative;
	width:1024px;
	margin:0 auto;
	height:100%;
}

.slide-container-inner {
	position:absolute;
	height:340px;
	bottom:10px;
	width:320px;
	right:163px;
	z-index:1002;
}
a.main_title_link{
	text-decoration: none;
	color: #fff;
}
a.main_title_link:hover{
	text-decoration: underline;
}
/*
.slide-container-inner a {
	color:#fff;
	padding:16px 20px;
	font-size:16px;
	font-weight:700;
	margin:35px 0 0 50px;
	display:block;
	width:69%;
	position:absolute;
	bottom:30px;
	background:#7dba00 url(../img/arrow.png) 85% 53% no-repeat;
	background-size:5%;
	border-radius:3px;
	box-shadow:0 0 2px #666;
	-ms-behavior:url(../js/assets/backgroundsize.min.htc);
}
.lt-ie9 .slide-container-inner a {
	background:#7dba00 url(../img/arrow_ie9.png) 85% 53% no-repeat;
}
.slide-container-inner a:hover {
	text-decoration:none;
	background-color:#6fa600;
}

.slide-container-inner a span {
	margin-left:11px;
}
*/

.slide-container p {
	font-size:34px;
	color:#fff;
	font-weight:300;
	line-height:1.2;
	margin-top:25px;
}

.nav-wrapper {
	width:1024px;
	position:relative;
	bottom:380px;
	margin:0 auto;
}

.text-holder {
	width:383px;
	height:372px;
	right:129px;
	z-index:35;
	position:absolute;
}

.text-holder-alt {
	width:100%;
	height:150px;
	position:absolute;
	z-index:35;
	top:230px;
}

/***********************/
/*! Dealer login page  */
/***********************/


.panel-title a {
	background: url(../img/arrows_dark.png) no-repeat 0% 47%;
	background-size: 18%;
	padding-left: 30px;
}
.panel-group{
	margin-bottom: 30px;
}
.bs-service-modal-sm .modal-content, .bs-parts-modal-sm .modal-content{

	padding: 10px 30px;
	text-align: center;
}
/************************************/
/*! Alternative Full screen Image Design */
/************************************/
.alt_design{
	height: 680px;
	width: 100%;
}
.slide-container_alt .slide-container-inner {
	position:absolute;
	/* height: 360px; */
	bottom: 10%;
	width:100%;
	right:0;
	z-index:100;
	text-align:center;
	/* top:230px; */
	padding: 0 10px;
}

.slide-container_alt, .slide-container-inner h1, .slide-header {
	/* font-size:46px; */
	color:#fff;
	font-weight: 100;
}
.slide-container-inner .huge {
	font-size: 120px;
	font-weight: 100;
	margin: -20px 0 0 10px;
	line-height: 1;
}
.slide-container-inner h2 {
	color: #fff;
	font-weight: 200;
	font-size: 40px;
}
.slide-container-inner h3 {
	color: #fff;
	font-weight: 200;
	font-size: 30px;
	/* margin: 10px 0; */
}

.landing_page_header .slide-container-inner, .alt_design .slide-container-inner{
	position:absolute;
	width:80%;
	left: 10%;
	/* margin-left: -40%; */
	z-index:100;
	text-align:center;
}
.alt_design .slide-container-inner{
	/* top:40%; */
	bottom: 10%;
}
.landing_page_header .slide-container-inner h1, .alt_design .slide-container-inner h1,
.slide-header {
	font-size: 75px;
	letter-spacing: -1px;
	color:#fff;
	font-weight: 100;
	text-shadow: 0px 0px 3px #666;
}

.landing_page_header .slide-container-inner h2, .alt_design .slide-container-inner h2{
	line-height: 1em;
	color: #fff;
}
.wht {
    color: #fff;
}
.landing_page_header .slide-container-inner p, .alt_design .slide-container-inner p {
	font-size: 22px;
	font-weight: 300;
	color: #333;
}
.landing_page_header .slide-container-inner p a.inline-link, .alt_design .slide-container-inner p a.inline-link{
	padding: 0px;
	font-size: inherit;
	font-weight: inherit;
	margin: 0px;
	display: inline;
	position: inherit;
	background: no-repeat;
	border-radius: 0px;
	border: 0px;
	box-shadow: 0px 0px 0px;
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.landing_page_header .slide-container-inner p a.inline-link.link-white, .alt_design .slide-container-inner p a.inline-link.link-white{
	color: #fff;
}
.landing_page_header .slide-container-inner p a.inline-link.ilink_black, .alt_design .slide-container-inner p a.inline-link.ilink_black{
	color: #000;
}
.alt_design .slide-container-inner p a.inline-link.wht, .slide-container-inner p.wht{
	color: #fff;
}
.landing_page_header .slide-container-inner p:hover a.inline-link.link-white, .alt_design .slide-container-inner p:hover a.inline-link.link-white{
	color: #ededed;
}
a.lp_icon{
	display: inline-block;
	margin: 0px;
	padding: 0px 50px 0px 0px;
	position: inherit;
	border:0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;*/
	color: #fff;
	text-decoration: none;
}
a.icon_black{
background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;
background-size: contain;
background-position: 100% 50%;
}
a.icon_white{
background: url(../img/iconmonst_white.png) no-repeat;
background-size: contain;
background-position: 100% 50%;
}

.lt-ie9 a.lp_icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	background: transparent url(../img/iconmonstr-video-play-3-icon-64.png) no-repeat ;
	box-shadow: 0px 0px 0px;
}
a.lp_icon:hover{
	background: transparent url(../img/iconmonstr-grey.png) no-repeat;
	background-size: contain;
	background-position: 100% 50%;
	color: #666;
}
.lt-ie9 a.lp_icon:hover{
	background-color: transparent;
}
.alt_design .slide-container-inner h1.dark, .slide-header.dark {
	color:#333;
	text-shadow: 0px 0px 1px #ededed;
}
.arrow {
	height:15px;
	width:10px;
	background:url(../img/arrow.png) no-repeat;
	display:block;
	position:absolute;
	right:35px;
	top:20px;
}

.mobile_nav_call,.mobile_search_call, .mobile_number {
	display:none;
}

.inner_head_nav {
	display:none;
}

input:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
	border-color: rgba(0, 0, 0, 0.35);
	outline:0 none;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:200;
	color:#fff;
}

#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}

#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
}

#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
}

#sb-wrapper-inner {
	position:relative;
	border:1px solid #303030;
	overflow:hidden;
	height:100px;
}

#sb-body {
	position:relative;
	height:100%;
}

#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}

#sb-player.html {
	height:100%;
	overflow:auto;
}

#sb-body img {
	border:none;
}

#sb-loading {
	position:relative;
	height:100%;
}

#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}

#sb-loading-inner span {
	background:url(loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
}

#sb-body,#sb-loading {
	background-color:#060606;
}

#sb-title,#sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sb-title,#sb-title-inner {
	height:26px;
	line-height:26px;
}

#sb-title-inner {
	font-size:16px;
}

#sb-info,#sb-info-inner {
	height:20px;
	line-height:20px;
}

#sb-info-inner {
	font-size:12px;
}

#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}

#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}

#sb-nav-close {
	background-image:url(../img/close.png);
}

#sb-nav-next {
	background-image:url(../img/next.png);
}

#sb-nav-previous {
	background-image:url(../img/previous.png);
}

#sb-nav-play {
	background-image:url(../img/play.png);
}

#sb-nav-pause {
	background-image:url(../img/pause.png);
}

#sb-counter {
	float:left;
	width:45%;
}

#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}

#sb-counter a.sb-counter-current {
	text-decoration:underline;
}

div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
}

div.sb-message a:link,div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}
/************************************/
/*! GALLERY STYLES

*/
/************************************/

.gallery{
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px !important;
}
.gallery li{
	display: inline-block;
}
.gallery li a {
	display: list-item;
}
.gallery li a img{
	width: 100%;
	height: auto;
}
.gallery-row h3{
	text-align: left !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
}
.gallery-row li p{
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	text-align: center;
}

.gallery-row li hr{
	display: block;
	width: 60%;
}
/*****************/
/*! TEST STYLES  */
/*****************/
#fsWrapper {
	position:relative;
	overflow:hidden;
}

.fs-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}

.fs-container img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:101;
	display:none;
}

.fs-canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.fs-overlay,.fs-loading {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:transparent url(../images/pattern.png) repeat top left;
	z-index:10;
}

.fs-loading {
	z-index:9999;
	background:#000;
}

.fs-loading span {
	color:#fff;
	font-size:13px;
	position:fixed;
	font-family:Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:8px;
	margin:-12px 0 0 -46px;
	left:50%;
	top:50%;
	text-shadow:0 0 1px rgba(255,255,255,0.9),1px 2px 5px rgba(0,0,0,0.5);
}

.nav-wrapper_alt {
	width:1024px;
	position:absolute;
	bottom:0;
	margin:0 auto;
	z-index:1000;
}

.nav-wrapper_alt .text-holder {
	width:383px;
	height:372px;
	right:129px;
	z-index:35;
	position:absolute;
	top:-372px;
}

.fs-container .text-holder {
}
.client_links a {
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-weight:400;
	margin-left:0px;
}


/************************************/
/*! Spas for Sale Styles*/
/************************************/
.sale-item-wrapper {
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.sale-item-data h3 {
	margin-top: 0px;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 6px 2px;
	background: #d1d1d1;
	font-weight: bold;
}
.sale-item-image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.sale-item-data p {
	font-size: 13px;
	font-weight: bold;
}
.sale-item-data small {
	font-size: 12px;

}
.sale-item-savings p {
	color: #e63e3e;
}

.sale-item {
    /* border: 1px solid red; */
    margin-bottom: 30px;
    background: #eee;
    /* padding: 10px; */
    text-align: center;
}
.sale-item .pad {
	padding: 10px;
	position: relative;
}
.sale-item .spa-cover {
	padding: 10px;
	min-height: 0;
	/* background: #fff; */
	display: block;
	/* margin: 15px; */
}
.sale-title {
	background: #34B6E7;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	margin: 0 !important;
	line-height: 36px;
}
.sale-title span {
	line-height:1;
	display: inline-block;
	vertical-align:middle;
}
.sale-item h3 {
	margin: 0;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 6px 2px;
	background: #BFBFBF;
	font-weight: bold;
}
.sale-item h3 .fa{
	color: #5D5D5D;
}
.sale-item .location {
	/* margin-bottom: 15px; */
	/* text-align: center; */
	/* background: #f8f8f8; */
	/* padding-bottom: 15px; */
	/* position: relative; */
	background: #5D5D5D;
	color: #E2E2E2;
}
.sale-item .photo {
	background: #fff;
	padding: 30px;
	margin: 15px;
	position: relative;
	height: 250px;
	line-height: 190px;
}
.sale-item .photo img {
	/* max-width: 100%; */
	max-height: 100%;
	width: auto;
	/* position: absolute; */
	/* top: 0; */
	/* height: 100%; */
}
.sale-item .colour-item {
	padding: 0;
}
.sale-item .colour-item img, .sale-item .spa-cover img {
	width: 80px;
	border: 5px solid #fff;
}

.sale-item .cabinet-colour img {
	width: 30px;
	border: 2px solid #fff;
	display: inline-block;
}

.sale-item  .left-col {
    float: left;
    width: 50%;
}
.sale-item .right-col {
    width: 50%;
    margin-left: 50%;
}

.sale-item .similar {
    font-size: 12px;
    color: #E37B1A;
}

.sale-item .similar span {
    font-size: 1.4em;
}

.sale-item div.save {
    margin: 10px;
    font-size: 30px;
    font-weight: 100;
}

p.saleprice {
    font-size: 2em;
    margin: 0;
}

p.save {
    color: #E37B1A;
    margin-bottom: 0;
}
.sale-item .sold {
    background: rgba(191, 33, 39, 0.85);
    color: #fff;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 10%;
    margin-top: -20px;
    font-size: 1.5em;
    /* transform: rotate(-5deg); */
    font-weight: 600;
}

.grid-item {
	margin-right: -1px;
}


.spa-colours-filter .colour-item img {
   /* cursor: pointer; */
    border: 2px solid #fff;
    width: 100px;

}
/*
.spa-colours-filter .colour-item img:hover {
    border-color: #000;
}
.spa-colours-filter .colour-item.active img {
    border-color: #34B6E7;
}
*/


@media screen and ( max-height: 800px ){
        .alt_design{
		height: 520px;
	}
	.Slideform.open{
		position: fixed;
	}
	
}
@media (max-width: 979px) {
	.slides-container li img,.bl-bg img {
		width:130%;
		height:100%;
	}
	.spa-colours-filter .colour-item {
		font-size: 14px;
	}
	.spa-colours-filter .colour-item img {
		width: 80px;
	}
}

@media (max-width: 400px) {
	.spa-colours-filter .colour-item {
		font-size: 12px;
	}
	.spa-colours-filter .colour-item img {
		width: 50px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.wrapper,.nav-wrapper,nav #cat_1582097_divs {
		width: auto;
		/* max-width:767px; */
		padding:0;
	}

	.inner_head {
		padding:0 10px;
	}

	#cat_1582097_divs ul {
		text-align:center;
		margin:0;
		padding:0;
	}

	footer ul {
		/* background:url(../img/footer_menu_dots.png) 70% 66% no-repeat; */
	}

	#cat_1582097_divs li {
		padding:5px 0;
	}

	#cat_1582097_divs li a {
		/* width:110px; */
	}

	.content-container,.footer_container {
		width:100%;
		padding-left:65px;
		padding-right:65px;
	}

	.footer_header {
		width:100%;
	}

	.slides-navigation-inner,.slide-container {
		width:767px;
	}

	.text-holder {
		width:330px;
		height:340px;
		right:55px;
	}

	.slide-container-inner {
		right:80px;
		/* height: 375px; */
		width:280px;
	}

	.slide-container .single_headline p {
		font-size:52px;
	}
/*
	.slide-container-inner a {
		margin:40px 0 0 15px;
		width:85%;
		padding:16px 35px;
	}
*/
	.slide-container p {
		line-height:1.3;
		font-size:28px;
		padding-left:15px;
	}

	.slides-pagination {
		/* bottom:325px; */
	}

	.slides-navigation a.prev {
		left:10px;
	}

	.slides-navigation a.next {
		right:10px;
	}

	.nav-wrapper {
		bottom:349px;
	}

	.col-md-4 .box_header h3 {
		padding:0;
		top:35%;
		font-size:24px;
		font-weight:700;
	}

	.logo_text {
		display:block;
		float:left;
	}

	.client_links {
		margin-top:6px;
		float:right;
	}

	.ft-lft a {
		padding-right:27px;
	}

	.arrow-right {
		background-position:100% 65%;
		background-size:6%;
	}

	footer ul {
		/* text-align:right; */
	}

	.slides-container li img,.bl-bg img {
		width:auto;
		height:100%;
	}

	.spa_prod H2 {
		color:#333;
	}

	.content.mid .spa_prod .image {
		width:80%;
		height: auto;
		margin:0 auto;
		max-height: none;
	}

	.content.mid .spapools_range .spa_prod .image,.content.mid .winterspas_range .spa_prod .image {
		height:280px;
		width:280px;
		margin:0 auto;
		max-height:330px;
	}

	.swimspas_range .content.mid .spa_prod .image {
	}

	.homepage_video iframe {
		height:350px;
	}

	.descr-table {
		width:60%;
		margin:40px auto 10px;
	}

	ul#navsub_14623_672337 li {
		width:125px;
	}
	.box_header{
		height: 240px;
	}
	.colour_box_inner li{
		width: 110px;
		height: 110px;
	}
		.landing_page_header .slide-container-inner p a.inline-link{
	padding: 0px;
	font-size: inherit;
	font-weight: inherit;
	margin: 0px;
	display: inline;
	position: inherit;
	background: no-repeat;
	border-radius: 0px;
	border: 0px;
	box-shadow: 0px 0px 0px;
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.landing_page_header .slide-container-inner p:hover a.inline-link{
	font-size: 26px;
	font-weight: bold;
}
a.lp_icon{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	box-shadow: 0px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;*/
	background-size: cover;
}
a.icon_black{
background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;
background-size: cover;
}
a.icon_white{
background: url(../img/iconmonst_white.png) no-repeat;
background-size: cover;
}

.lt-ie9 a.lp_icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	background: transparent url(../img/iconmonstr-video-play-3-icon-64.png) no-repeat ;
	box-shadow: 0px 0px 0px;
}
a.lp_icon:hover{
	background: transparent url(../img/iconmonstr-grey.png) no-repeat;
	background-size: cover;
}
.lt-ie9 a.lp_icon:hover{
	background-color: transparent;
}
.Slideform.open{
	position: fixed;
}
}

@media (max-width: 967px) {

.landing_page_header .slide-container-inner h1, .alt_design .slide-container-inner h1, .slide-header {
	font-size: 50px;
	line-height: 1em;
}
}

@media (max-width: 767px) {
	

.number span {
		display: none;
}
	
.grid-item {
	width: 100%;
}
	
.grid-item .sale-item {
	max-width: 400px;
	margin: 0 auto 20px;
}
.sale-item .photo {
	height: auto;
}

	
.left-block, .right-block {
	float:none;
	width: 100%;
	min-height: 300px;
	line-height: 300px;
	height: auto;
	text-align: center;
}
.left-block {
	height: 300px;
}
.wide_header_img{
	height: 300px;
}
.bannerText  {
    font-size: 0.7em;
}


	.megamenu, .mega-arrow {
		display: none !important;
	}
	.content-container,.wrapper,.footer_container,.footer_header {
		width:100%;
		margin:0 auto;
	}

	.content-container {
		padding-left:25px;
		padding-right:25px;
	}

	.slide-container,.slides-navigation-inner {
		width:100%;
	}

	.nav-wrapper {
		width:100%;
		bottom:280px;
	}

	.mobile_nav_call {
	left: 10px;
	top: 15px;
	}
	
	.number {
		text-decoration:none;
		/* width:28px; */
		/* height:28px; */
		background: none;
		text-shadow: 0 0 3px #fff,0 0 3px #fff;
	}
	.number:hover {
		background: none;
		text-shadow: none;
		color: #fff;
	}
	.number span {
			display: none;
		}

	.searchpop {
		display : none;
	}


	/*.mobile_search_call {
		right:25px;
		top:15px;
	}*/
	


	.slide-container-inner {
		width:71%;
		right:65px;
		height:256px;
	}
		.slide-container-inner h2 {
		font-size: 30px
	}
	.slide-container-inner h3 {
		font-size: 22px;
	}
	.slide-container-inner .huge {
		font-size: 85px;
		margin: -10px 0 0 30px;
	}

	.mainlogo {
		height: 40px;
		width: 200px;
		background-size: 100%;
		margin: 5px auto;
	}

	.mainlogo span {
		font-size: 1.2em;
	}
	
	.logo_block {
		text-align: center;
		/* margin-right: 10%; */
	}

	.logo_block p {
		font-size:14px;
	}

	.search-form {
		/* height:70px; */
	}

	.search-form .mobile_search_call {
		top:15px;
	}

	.content .video iframe,.content-container .video iframe {
		max-height:450px;
		height:370px;
	}

	.inner_head_nav {
		display:block;
		text-align:center;
		padding:0 58px 3px!important;
		background:#fff;
		width:100%;
	}

	.inner_head_nav h1 {
		font-size:34px;
		margin-top:7px;
		color:#000;
		line-height:1;
	}

	.inner_head_nav .col-xs-12 {
		text-align:right;
		padding:15px 160px 5px;
	}

	.inner_head_nav p {
		font-size:16px;
		font-weight:100;
		color:#000;
		line-height:.8;
	}

	.inner_head {
		z-index:33;
	}

	.head_details {
		margin-top: 0;
		position: absolute;
		top: -40px;
		right: 0;
	}

	/*.mobile_nav_call,.mobile_search_call {
		display:block;
		position:absolute;
		width:28px;
		height:28px;
		z-index:250;
	}*/
	.mobile_nav_call, .number {
		/* display:block; */
		/* position:absolute; */
		/* width:28px; */
		/* height:28px; */
		/* z-index:250; */
		/* top: -60px; */
		/* right: 0; */
	}
	.mobile_nav_call img,.mobile_search_call img {
		width:100%;
		max-width:100%;
		height:auto;
	}

	.wrapper {
		padding:0 15px;
	}

	.search-form {
		/* display:none; */
	}

	.search-form {
		/* position:absolute; */
		/* display:none; */
		/* height:70px; */
		/* top:0; */
		margin:0;
		/* width: 89%; */
		/* left:0; */
		z-index:250;
		/* background: rgba(0, 0, 0, 0.18); */
		color: #000;
	}

	.search-form.active {
		display:block;
	}

	.search {
		/* border-bottom:1px solid #000; */
		/* color:#000; */
		/* width: 100%; */
		/* margin-top:15px; */
		/* font-size:19px; */
	}

	nav.site-nav,nav.site-nav.sticky {
		top:0;
		right:25%;
		left:auto;
		padding-left:25%;
		position:absolute;
		background-color:transparent;
		display:none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		z-index:1000;
		opacity:1;
		z-index:9999;
	}

	nav.site-nav.active {
		display:block;
	}

	nav #cat_1582097_divs {
		width:100%;
		padding:0;
		margin:5px 0 0;
		background:#fff;
	}

	.mobile_nav_call.active {
		top:28px;
		left:25px;
	}

	.text-holder {
		width:100%;
		right:0;
		height:280px;
	}

	#cat_1582097_divs ul {
		padding:0;
		margin:0;
		background:none;
	}

	#cat_1582097_divs li {
		font-size:22px;
	}

	#cat_1582097_divs li a {
		width:100%;
		background:url(../img/arrows_dark.png) center center no-repeat;
		background-position:95%;
	}

	#cat_1582097_divs > ul > li:hover > a, #cat_1582097_divs > ul > li > ul > li:hover > a, #cat_1582097_divs > ul > li > ul > li.selected > a, #cat_1582097_divs > ul > li.selected > a {
		background:url(../img/arrows_light.png) center center no-repeat;
		background-position:95%;
	}

	#cat_1582097_divs > ul > li.dropdown.closed > a,#cat_1582097_divs > ul > li.closed > a {
		background:url(../img/arrows_dark.png) no-repeat;
		background-position:95% -50%;
	}

	#cat_1582097_divs > ul > li.dropdown.closed.selected > a,#cat_1582097_divs > ul > li.dropdown.closed:hover > a,#cat_1582097_divs > ul > li.dropdown.closed.selected > a {
		background:url(../img/arrows_light.png) no-repeat;
		background-position:95% -50%;
	}

	#cat_1582097_divs > ul > li.dropdown.opened > a,#cat_1582097_divs > ul > li.opened > a {
		background:url(../img/arrows_dark.png) no-repeat;
		background-position:95% 150%;
	}

	#cat_1582097_divs > ul > li.dropdown.opened.selected > a,#cat_1582097_divs > ul > li.dropdown.opened:hover > a {
		background:url(../img/arrows_light.png) no-repeat;
		background-position:95% 150%;
	}
	
	#cat_1582097_divs > ul > li > a:after, #cat_1582097_divs > ul > li:first-child > a:before {
		display:none;
	}


	#cat_1582097_divs > ul > li {
		display:list-item;
		padding:0;
		text-align:left;
		width:100%;
		border-bottom:1px solid #d5d5d5;
	}

	#cat_1582097_divs > ul > li > a {
		padding:18px 4px 18px 25px;
		width:100%;
	}

	#cat_1582097_divs > ul > li:first-child > a {
		padding-left:25px;
	}

	#cat_1582097_divs li ul {
		position:initial;
		border-top:1px solid #d5d5d5;
	}

	#cat_1582097_divs ul li ul li {
		width:100%;
		z-index:1006;
		height:100%;
		margin:0;
		border-bottom:1px solid #d5d5d5;
	}

	#cat_1582097_divs li ul li a {
		color:#919191;
		padding:10px 5px 10px 25px;
		width:100%;
		background:url(../img/arrows_dark.png) no-repeat;
		background-position:95% 50%;
	}

	#cat_1582097_divs ul li:hover > ul {
		display:none;
	}

	#cat_1582097_divs li.opened ul {
	}

	.footer_header {
		height:210px;
		background-size:cover;
	}

	.slides-navigation a.prev {
		left:25px;
	}

	.slides-navigation a.next {
		right:25px;
	}

	.slides-navigation {
		top:125px;
	}

	.slide-container .single_headline {
		padding:0;
	}

	.slide-container-inner {
		width:75%;
		right:65px;
		height:220px;
	}
/*
	.slide-container-inner a {
		margin:28px 0 0 77px;
		width:60%;
		padding:16px 48px;
	}*/

	.slide-container p {
		font-size:28px;
	}

	.slides-pagination {
		/* text-align:left; */
		/* padding-left:85px; */
		/* bottom:245px; */
	}

	.col-md-4 .box_header h3 {
		font-size:48px;
		top:30%;
		font-weight:700;
	}

	.figure_collection .col-md-4 {
		margin-bottom:20px;
	}

	.footer_container {
		padding:20px 25px;
	}

	.client_links a:last-child {
		margin-top:0;
	}
.client_links a{
	color:#fff;
text-transform:uppercase;
font-size:13px;
font-weight: 700;
line-height: 2.2;
}
	.ft-lft a {
		padding:10px 0;
		border-bottom:1px solid #606060;
		border-top:1px solid #606060;
	}

	.arrow-right {
		background:url(../img/arrow.png) 99% 57% no-repeat;
		background-size:2%;
	}
	.lt-ie9 .arrow-right{
		background:url(../img/arrow_ie9.png) 99% 57% no-repeat;
	}
	footer ul {
		/* margin:30px 0 0; */
		/* padding:0; */
		/* background:url(../img/footer_nav_bg.png) 2% 90% no-repeat; */
	}

	.slides-container li img,.bl-bg img {
		width:auto;
		height:100%;
	}

	.content.mid .spa_prod .image {
		width:80%;
		height: auto;
		margin:0 auto;
		max-height: none;
	}

	.content.mid .spapools_range .spa_prod .image,.content.mid .winterspas_range .spa_prod .image {
		height: auto;
		width:320px;
		margin:0 auto;
		max-height: none;
	}
	.parameters .icon_inner {
		width: 24%;
	}

	.content.mid .spa_prod .btn-custom {
		width:35%;
		margin:0 auto;
	}

	.image_small img {
		width:100%;
		height:auto;
	}

	.content section {
		padding:10px 0 20px;
	}

	form .col-md-6 {
		padding:0!important;
	}

	.panel-body ul {
		padding:0 0 0 10px;
	}

	#cat_1582097_divs li ul {
		right:0;
	}

	footer ul {
		/* background:url(../img/footer_menu_dots.png) 22% 66% no-repeat; */
	}

	.social {
		float:none;
		margin-left:10px;
	}

	.copyright {
		position:relative;
		display:block;
		width:100%;
		left:inherit;
	}

	footer.green .logo_text {
	text-align: center;
}

	footer.green ul {
		width:auto;
		text-align: center;
	}

	footer.green ul li a {
		padding:4px 14px;
	}
	footer.green .copyright {
		text-align: center;
		padding-left: 50px;
	}

	.homepage_video iframe {
		height:320px;
	}

	.parameters.row {
		width:50%;
		margin:30px auto 20px;
	}

	.descr-table {
		width:80%;
		margin:40px auto 10px;
	}

	.content {
		padding:40px 0;
	}

	.colour_box_inner li {
		width:140px;
		height:140px;
	}
	.inl_img{
		margin-bottom: 20px;
	}
	.scroll_top{
		right: 2px;
		bottom: 2px;
	}
	.content.mid .lp_image {
		height: auto;
	}
	.content.mid .lp_image img{
		height: auto;
		width: 360px;
	}
	.content-container p.ld_price.md{
		font-size: 5em;
	}
	.landing_page_header .slide-container-inner, .alt_design .slide-container-inner{
	position:absolute;
	width:80%;
	left: 50%;
	margin-left: -40%;
	z-index:100;
	text-align:center;
}
.landing_page_header .slide-container-inner h1, .alt_design .slide-container-inner h1, .slide-header {
	font-size: 37px;
	letter-spacing: -1px;
	color:#fff;
	font-weight:300;
	text-shadow: 0px 0px 3px #666;
	line-height: 1em;
}
.landing_page_header .slide-container-inner p, .alt_design .slide-container-inner p{
	font-size: 22px;
	font-weight: 300;
	color: #333;
}
.landing_page_header .slide-container-inner p a.inline-link, .alt_design .slide-container-inner p a.inline-link{
	padding: 0px;
	font-size: inherit;
	font-weight: inherit;
	margin: 0px;
	display: inline;
	position: inherit;
	background: no-repeat;
	border-radius: 0px;
	border: 0px;
	box-shadow: 0px 0px 0px;
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.landing_page_header .slide-container-inner p:hover a.inline-link, .alt_design .slide-container-inner p:hover a.inline-link{
	font-size: 26px;
	font-weight: bold;
}
a.lp_icon{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	box-shadow: 0px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;*/
	background-size: cover;
}
a.icon_black{
background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;
background-size: cover;
}
a.icon_white{
background: url(../img/iconmonst_white.png) no-repeat;
background-size: cover;
}

.lt-ie9 a.lp_icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	background: transparent url(../img/iconmonstr-video-play-3-icon-64.png) no-repeat ;
	box-shadow: 0px 0px 0px;
}
a.lp_icon:hover{
	background: transparent url(../img/iconmonstr-grey.png) no-repeat;
	background-size: cover;
}
.lt-ie9 a.lp_icon:hover{
	background-color: transparent;
}
.sale-item-wrapper{
	border: 1px solid #f0f0f0;
}
.sale-item{
	margin-bottom: 20px;
}
.sale-item .sale-item-image, .sale-item .sale-item-descr{
	width: 50%;
	float: left;
}

}

@media (max-width: 680px) {
	
.testimonial .photo {
	width: 100%;
	float: none;
	text-align: center;
	margin: 0;
}
.testimonial .text {
	margin-left: 0;
	width: 100%;
	float: none;
}

.testimonial .spaphoto {
	float: none;
	max-width: 90%;
	margin: 10px auto;
	width: auto;
}
.parameters .icon_inner, .parameters_lrg .icon_inner {
		font-size: 0.7em;

	}

}

@media (max-width: 580px) {
	.slide-container-inner {
		width:71%;
		right:65px;
		/* height:256px; */
	}

	.mainlogo {
		/* height: 30px; */
		/* width:90px; */
		/* background-size:100%; */
		/* margin:10px auto 0; */
	}

	.mobile_nav_call,.mobile_search_call {
	top: 33px;
	}

	.logo_block p {
		font-size:14px;
	}

	.search-form .mobile_search_call {
		top:24px;
	}

	.logo_block p {
		line-height:1.1;
	}

	.slide-container p {
		font-size:31px;
	}
/*
	.slide-container-inner a {
		margin:28px 0 0 50px;
		width:250px;
	}
*/

footer.green .logo_text {
	text-align: center;
}
	footer ul {
		/* width:320px; */
	}
	footer.green ul {
		width:auto;
		text-align: center;
	}

	footer ul li a {
		/* padding:4px 14px 4px 0; */
		/* font-size:19px; */
		/* text-decoration:none; */
	}
	footer.green ul li a {
		padding:4px 14px;
	}

	footer ul {
		/* background:none; */
	}

	.colour_box_inner li {
		width:90%;
		height:auto;
	}

	.inl_img {
		margin-bottom:30px;
	}

	.inl_img span {
		font-size:18px;
	}

	.slide-container_alt .slide-container-inner {
		/* padding:0; */
		/* top:50%; */
		left:0;
		/* bottom: 20px; */
	}

	.slide-container_alt, .slide-container-inner h1, .slide-header {
		font-size:30px;
	}
	.slide-container-inner h2 {
		font-size: 20px;
	}
	.slide-container-inner h3 {
		font-size: 17px;
	}
	.slide-container-inner .huge {
		font-size: 70px;
		margin: -10px 0 0 40px;
	}


	h2 {
		/* line-height:1.4; */
	}

	.video .icon img {
		width:28px;
		margin-top:-6px;
		height:28px;
	}

	.content-container p {
		/* font-size:16px; */
	}
	.landing_page_header .slide-container-inner, .alt_design .slide-container-inner{
	position:absolute;
	width:80%;
	left: 50%;
	top:20%;
	margin-left: -40%;
	z-index:100;
	text-align:center;
}
a.lp_icon{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	box-shadow: 0px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;*/
	background-size: cover;
}
a.icon_black{
background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;
background-size: cover;
}
a.icon_white{
background: url(../img/iconmonst_white.png) no-repeat;
background-size: cover;
}

.lt-ie9 a.lp_icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	background: transparent url(../img/iconmonstr-video-play-3-icon-64.png) no-repeat ;
	box-shadow: 0px 0px 0px;
}
a.lp_icon:hover{
	background: transparent url(../img/iconmonstr-grey.png) no-repeat;
	background-size: cover;
}
.lt-ie9 a.lp_icon:hover{
	background-color: transparent;
}
	 #SlideContact{
		 margin-bottom: 0px;
	 }
	.Slideform{
		width:100%;
		position:absolute;
		z-index: 1;
		top: 0;
		right: 0px;
		display: none;
		margin-bottom: 0px;

		-o-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-webkit-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}

	.Slideform.open {
		display: block;
		width: 100%;
		z-index: 1050;
		top:0px;
		margin: 0px auto;
		position: fixed;
		background: rgba(0, 0, 0, 0.3);
		height: 100%;
	}
	.Slideform_trigger_footer{
		background: #E37B1A;
		border:block;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		padding: 5px;
		margin-left: 10px;
		margin-top: 5px;
		display: none;
	}
	a.Slideform_trigger{
		display: none;
	}
	.Slideform_trigger_gen {
		position:fixed;
		display:block;
		top:auto;
		z-index: 280;
		bottom: 0px;
		float:none;
		width:100%;
		background:#E37B1A;
		text-align:center;
		cursor:pointer;
		color: #fff;
	}
	.Slideform_trigger_gen:hover{
		color: #fff;
		text-decoration: none;
	}
	.Slideform_trigger_gen span{
		line-height: 36px;
	}
	a.Slideform_close{
		display: block;
		width: 100%;
		/* background:#fff; */
		text-align: right;
		position: absolute;
		right: 20px;
		/* padding:10px; */
		top: 10px;
		z-index: 1070;
		width: 25px;
		height: 25px;
		/* background-color:#fbfbfb; */
		/* background-image: url(http://sapphirespas.seamlesswebtools.com/img/icons.svg); */
		/* font: 0/0 a; */
		/* color: transparent; */
		cursor: pointer;
		color: #585858;
		font-size: 2em;
		text-decoration: none;
	}
	a.Slideform_close:hover {
		color: #DA4D0A;
	}
	#SlideContact{
		padding:40px 20px 20px 20px;
	}
	.Slideform_form {
		float:none;
		margin-top:0px;
		position:relative;
		width:100%;
		font-size: 12px;
		height: 100%;
		z-index: 1060;
		overflow-y: scroll;

	}

	#SlideContact label{
		font-size: 12px;
	}
	.Slideform_trigger.open {
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		top:inherit;
		position:absolute;
		right:auto;
		top:0;

	}
	.Slideform_trigger .trigger_text {
		position:relative;
		top:7px;
		right:auto;
		color:#fff;
		font-weight:700;
		white-space:nowrap;
		text-align:center;
		-webkit-transform:none;
	}
	.alt_design{
		height: 380px;
	}
	
	
.spabox .spatext {
	padding: 30px;
	margin-right: 0;
}

.spabox  .spaphoto {
	width: 100%;
	height: 220px;
	position: relative;
}
.spabox  .spaphoto img {
	height: auto;
	width:	100%;
	top: 0;
}
}

@media (max-width: 480px) {
	h1,.content-container.inner h1 {
		font-size:38px;
		/* line-height:36px; */
	}
	h2,.h2 {
		font-size:33px;
	}

	.mobile_nav_call,.mobile_search_call, .mobile_number {
		width:26px;
		height:26px;
	}

	.desc-block {
		padding:0 15px;
	}

	.mainlogo {
		height: 35px;
		/* width: 130px; */
		background-size: contain;
		/* margin:10px auto 0; */
		/* margin-left: -25px; */
	}
	.mainlogo span {
		font-size: 1em;
	}
	/*
	.logo_block h1 {
		font-size:40px;
		font-weight:700;
		margin-top:12px;
	}
*/
	.mobile_nav_call,.mobile_search_call, .mobile_number {
		top:15px;
	}
	
	.number span {
		display: none;
	}

	.logo_block {
		text-align: center;
		/* margin-left: -5px */
		margin: 0;
	}

	.logo_block p {
		font-size:14px;
	}

	.content-container .contact h1 {
		font-size:28px;
	}

	.text-holder {
		height:220px;
	}

	.search-form {
		height:70px;
	}

	.search-form .mobile_search_call {
		top:14px;
	}

	.nav-wrapper {
		bottom:220px;
	}

	.slides-navigation {
		top:55px;
	}

	.slide-container-inner a,.arrow-right {
		background-size:4%;
	}

	.content .video h2,.content-container .video h2 {
		font-size:24px;
	}

	.content .video iframe,.content-container .video iframe {
		max-height:450px;
		height:215px;
	}

	nav.site-nav {
		top:0;
		right:20%;
		padding-left:20%;
	}

	.inner_head_nav {
		display:block;
		text-align:center;
		padding:20px 50px 4px 80px!important;
		background:#fff;
		width:100%;
	}

	.inner_head_nav h1 {
		font-size:30px;
		margin-top:7px;
		color:#000;
		line-height:1;
		font-weight:700;
	}

	.inner_head_nav .col-xs-12 {
		padding:0;
	}

	.slide-container-inner {
		right:42px;
		width:69%;
		/* height:170px; */
	}

	.slide-container p {
		font-size:18px;
	}
/*
	.slide-container-inner a {
		margin:15px 0 0;
		width:90%;
		bottom:20px;
		padding:10px 10px 10px 15px;
		background:#7dba00 url(../img/arrow.png) 90% 58% no-repeat;
		background-size:5%;
	}
*/
	.slides-navigation a.next {
		right:10px;
	}

	.slides-navigation a.prev {
		left:10px;
	}

	.slides-pagination {
		/* text-align:left; */
		/* padding-left:50px; */
		/* bottom:190px; */
	}

	.col-md-4 .box_header h3 {
		font-size:32px;
		top:15%;
		font-weight:700;
	}

	footer ul {
		width:100%;
	}

	.content-container {
		padding-bottom:9px;
	}

	.features section .colour_box_inner li {
		width:68px;
		height:68px;
		padding:5px;
		margin: 10px 8px;
		text-align: center;
		font-size: 14px;
	}

	.content.mid .spa_prod .btn-custom {
		width:90%;
		margin:0 auto;
	}

	.content.mid .spapools_range .spa_prod .image,.content.mid .winterspas_range .spa_prod .image {
		width:100%;
		max-height: none;
		height: auto;
	}

	.text-holder {
		height:165px;
	}

	.nav-wrapper {
		bottom:165px;
	}

	.slide-container p {
		font-size:15px;
	}

	.slides-pagination {
		/* bottom:140px; */
	}

	.slide-container-inner {
		/* height:150px; */
	}

	.slide-container_alt .slide-container-inner {
		/* padding:0; */
		/* top:50%; */
		left:0;
	}

	.homepage_video iframe {
		height:300px;
	}

	.parameters.row {
		width:90%;
		margin:10px auto 20px;
	}

	.parameters_lrg {
		/* margin:30px 0; */
	}

	.parameters .icon_inner, .parameters_lrg .icon_inner {
		width: 48%;
		padding: 5px;
	}
	

	.content.mid .swimspas_range .spa_prod .image {
		width:100%;
		height:250px;
		margin:0 auto;
		max-height:300px;
	}

	.descr-table {
		width:95%;
		margin:40px auto 10px;
	}

	.features_boxes li {
		width:86px;
		height:86px;
	}

	.slide-container-inner.slide-container {
		right:48px;
	}

	.slide-container .single_headline {
		padding:20px 0;
	}

	.slide-container .single_headline p {
		font-size:32px;
	}
	.col-md-4 .box_header h3{
		top:35%;
	}
	.landing_page_header .slide-container-inner, .alt_design .slide-container-inner{
	position:absolute;
	width:80%;
	left: 50%;
	top:20%;
	margin-left: -40%;
	z-index:100;
	text-align:center;
}
 .alt_design .slide-container-inner{
	 top:25%;
 }
.landing_page_header .slide-container-inner h1, .alt_design .slide-container-inner h1, .slide-header {
	font-size:32px;
	letter-spacing: -1px;
	color:#fff;
	font-weight:300;
	text-shadow: 0px 0px 3px #666;
}
.landing_page_header .slide-container-inner h2, .alt_design .slide-container-inner h2{
	font-size:20px;
}
.landing_page_header .slide-container-inner p, .alt_design .slide-container-inner p {
	font-size: 22px;
	font-weight: 300;
	color: #333;
}
a.lp_icon{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	box-shadow: 0px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;*/
	background-size: cover;
}
a.icon_black{
background: url(../img/iconmonstr-video-play-3-icon-256.png) no-repeat;
background-size: cover;
}
a.icon_white{
background: url(../img/iconmonst_white.png) no-repeat;
background-size: cover;
}

.lt-ie9 a.lp_icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	position: inherit;
	text-indent: -9999px;
	border:0px;
	background: transparent url(../img/iconmonstr-video-play-3-icon-64.png) no-repeat ;
	box-shadow: 0px 0px 0px;
}
a.lp_icon:hover{
	background: transparent url(../img/iconmonstr-grey.png) no-repeat;
	background-size: cover;
}
.lt-ie9 a.lp_icon:hover{
	background-color: transparent;
}
.content-container p.ld_price.md{
	font-size: 4em;
}
.content-container .flag_text_block p{
	font-size: 20px;
}
.content-container .extra_large_txt{
	font-size: 52px;
}
.content-container .large_txt{
	font-size: 42px;
line-height: 45px;
}
.social a{
	margin-left:2px;
	display: block;
	margin: 10px auto;
	width: 50%
}
.sale-item-wrapper{
	border: 1px solid #f0f0f0;
}
.sale-item .sale-item-image img{
	padding: 20px 40px;
}
.sale-item .sale-item-image, .sale-item .sale-item-descr{
	width: 100%;
	float: none;
}


#slides_contact .slide-container_alt .slide-container-inner{
	/* top:30%; */
}

div.form div.item, div.webform div.item {
	width: 100%;
	padding: 0 0 3px;
}



}



@media only screen and (min-width: 320px) and (max-width: 640px) and (orientation:landscape) {
	.nav-wrapper,div.slide-container,.slides-pagination {
		display:none!important;
	}
	/*
	.logo_block h1 {
		font-size:32px;
	}
	*/
	.logo_block p {
		font-size:13px;
	}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
	.slides-navigation a.prev {
		background:url(../img/control-retina.png) left top no-repeat;
		right:45px;
		background-size:78px 34px;
	}

	.slides-navigation a.next {
		background:url(../img/control-retina.png) right top no-repeat;
		right:10px;
		background-size:78px 34px;
	}
}
img{
    max-width:100%;
    height: auto;
}
.video-container .play-btn:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    left:32px;
    font-size: 26px;
    padding-right: 0.5em;
    position: absolute;
    top:8px;
}
.video-container .play-btn {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(0, 0, 0, 0.75);
    width: 80px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 8px;
    display: block;
    position: absolute;
	
}
	
/* ------------------ Navigation ------------------ */

/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;/* z-index: 2000 !important; */}
ul.sm li{position:relative;/* z-index:1000; */}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;font-size: 14px;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}


/* wrapper
===============*/
#mainnav
{
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    /*   padding: 0 30px;*/
    color: #000;
    /* position: absolute; */
    z-index: 410;
    /* margin-top: 15px; */
    bottom: 0;
    text-align: left;
}
#mainnav > a
{
    display: none;
}

/*common styles
=======================*/
.sm-main a
{
    color: #FFF;
    display: block;
    text-decoration: none;
    padding: 0 10px;
}
.sm-main a:active
{
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    background-color: #1c8d98;
}
.sm-main li:hover > a {
	background-color: #292929;
	/* color: #7dba00; */
	/* font-weight: 800; */
}
/*.sm-main .subs > a:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #5B82AD;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}*/



.sale-icon {
    text-indent: -999px;
    overflow: hidden;
    width: 55px;
}
.sm-main .sale-icon:hover > a {
   background-color: transparent !important;
   opacity: 0.8;
  
}


/* first level
==================*/
.sm-main {
    padding: 0;
    margin: 0;
    float: right;
}
.sm-main > li
{
    height: 100%;
    font-size: 14px;
}
.sm-main > li > a
{
    /* height: 100%; */
    line-height: 40px;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    /* min-height: 50px; */
    /* padding-bottom: 10px; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}
.sm-main > li.big > a {
	font-size: 20px;
	font-weight: 500;
	/* padding: 0 10px; */
}
.sm-main:not( :hover ) > li.active > a
{
    color: #000000;
    /* background: rgb(255, 255, 255); */
    /* border-bottom: 2px solid #318CA5; */
    /* margin-bottom: -2px; */
}
.sm-main > li > a .link {
    /* max-width: 85px; */
    /* white-space: normal; */
    /* display: inline-block; */
    /* line-height: 1.1; */
    /* vertical-align: middle; */
    /* margin-bottom: 7px; */
}
.sm-main .link b {
    display: block;
}

/* second level
========================*/
.sm-main ul
{
    background-color: #3a3a3a;
    z-index: 1300;
}
.sm-main ul a
{
    /* border-top: 1px solid #B9C7D7; */
    padding: 0.5em 1em;
    color: #FFFFFF;
    font-weight: 300;
}

/* Sub menu indicators - Smart Menu styles
===================*/
.sm-main a span.sub-arrow {
    position:absolute;
    bottom: -4px;
    left:50%;
    margin-left:-5px;/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:5px;/* tweak size of the arrow */
    border-style:solid dashed dashed dashed;
    border-color: rgba(255, 255, 255, 0.2) transparent transparent transparent;
}
.sm-main-vertical a span.sub-arrow,
.sm-main ul a span.sub-arrow {
    bottom:auto;
    top:50%;
    margin-top:-5px;
    right:15px;
    left:auto;
    margin-left:0;
    border-style:dashed dashed dashed solid;
    border-color: transparent transparent transparent #A7CFDA;
}

/* Scrolling arrows containers for tall sub menus - test sub menu:
"Sub test" -> "more..." -> "more..." in the default download package
 - Smart Menu styles
===================*/
.sm-main span.scroll-up, .sm-main span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    overflow:hidden;
    background:#ffffff;
    height:20px;
    /* width and position will be automatically set by the script */
}
.sm-main span.scroll-up-arrow, .sm-main span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:8px; /* tweak size of the arrow */
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #247eab transparent;
}
.sm-main span.scroll-down-arrow {
    top:6px;
    border-style:solid dashed dashed dashed;
    border-color:#247eab transparent transparent transparent;
}


@media screen and (max-width: 1100px) {
.sm-main li
{
    /* font-size: 12px; */
    /* padding: 0 0.8em; */
}
}


@media (max-width: 767px) {

/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these)
  - Smart Menu styles
==========================*/
	ul.sm-main{width:auto !important; margin-right:0;/* margin-bottom: 10px; */float: none;}
	ul.sm-main ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-main>li{float:none;/* background: #E6E6E6; */}
	ul.sm-main>li>a,
    ul.sm-main ul.sm-nowrap>li>a{white-space:normal;padding-left: 33px;}
	ul.sm-main iframe{display:none;}
	.sm-main > li > a .link {
		display: inline-block;
		margin: 0;
	}
	.sm-main .link b {
		display: none;
	}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-main ul, .sm-main span.sub-arrow, .sm-main iframe {
		display:none !important;
	}*/


/* Menu items  - Smart Menu styles
===================*/
    /* presume we have 4 levels max */
    .sm-main > li:last-child > a,
    .sm-main > li:last-child > ul > li:last-child > a,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-main > li:last-child > ul,
    .sm-main > li:last-child > ul > li:last-child > ul,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
    }
    /* highlighted items, don't need rounding since their sub is open */
    .sm-main > li:last-child > a.highlighted,
    .sm-main > li:last-child > ul > li:last-child > a.highlighted,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-main > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
    }

/* Sub menu indicators  - Smart Menu styles
===================*/
    .sm-main a span.sub-arrow,
    .sm-main ul a span.sub-arrow {
        top:50%;
        margin-top:-9px;
        right:auto;
        left:6px;
        margin-left:0;
        width:17px;
        height:17px;
        font:bold 16px/16px monospace !important;
        text-align:center;
        border:0;
        text-shadow:none;
        background:rgba(0,0,0,0.1);
        -moz-border-radius:100px;
        -webkit-border-radius:100px;
        border-radius:100px;
    }
    .sm-main a.highlighted span.sub-arrow {
        display:none !important;
    }
	
	.navbar .columns {
		padding: 0;	
	}

/* wrapper
===============*/
    #mainnav
    {
        width: 100%;
        position: static;
        margin: 0;
        /* padding-bottom: 10px; */
        /* max-height: 100%; */
        /* overflow: scroll; */
        /* padding-top: 3.125em; */
        clear: both;
}
/*menu icon
===============*/
    #mainnav > a
    {
        width: 3.125em; /* 50 */
        height: 3.125em; /* 50 */
        text-align: left;
        text-indent: -9999px;
        background-color: #318CA5;
        position: absolute;
    
        right: 0;
        top: 0;
}
    #mainnav > a:before,
    #mainnav > a:after
    {
        position: absolute;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }
    #mainnav > a:after
    {
        top: 60%;
    }
    #mainnav:not( :target ) > a:first-of-type,
    #mainnav:target > a:last-of-type
    {
        display: block;
    }
    #mainnav:not( :target ) > .sm-main
    {
        /* display: none; */
    }
    #mainnav:target > .sm-main
    {
        display: block;
    }
/* first level
===================*/
    .sm-main > li
    {
        width: 100%;
        float: none;
    }
    .sm-main > li > a
    {
        height: auto;
        text-align: left;
        padding: 0 0.833em;
    }
    .sm-main > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        /*    margin-bottom: -1px;*/
}
/* second level
===================*/
    .sm-main ul
    {
        position: static;
        padding-top: 0;
    }
    .sm-main:not( :hover ) > li.active > a:after {
        display: none;
    }
    .sm-main ul li a:hover,
    .sm-main ul:not( :hover ) li.active a
    {
        /* background-color: #1c8d98; */
    }
/* third level
===================*/
    .sm-main ul ul
    {
        border-left: 8px solid #5B82AD;
    }
	
	.fixed {
		max-height: 100%;
		overflow: auto;
	}
	
}


#menu-button {
	/* float: left; */
	display: block;
	/* margin-right: 25px; */
	font-size: 1.3em;
	line-height: 2.1em;
	text-decoration: none;
	/* margin-left: -5px; */
	color: #FFF;
	position: absolute;
	top: 14px;
	left: 5px;
}
#menu-button:hover {
	color: #fff;
}

.mobile-menu.collapsed {
  display: none;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  #menu-button {
    display: none;
  }
  /* always show the menu in desktop view */
  .mobile-menu.collapsed {
    display: block;
  }
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
  /* z-index: -1; */
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blocker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}
.video-section {
	position: relative;
	/* z-index: -1; */
	text-align: center;
	color: #fff;
	background-size: cover;
	background-position: center;
	padding: 0 !important;
}
.video-section .Darken {
	background-color: rgba(60, 60, 60, 0.4);
}
.video-section .pattern-overlay {
padding: 32px 0 32px;
min-height: 496px; 
line-height: 496px;
}
.video-section .container {
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}

.video-section h1,
.video-section h2,
.video-section h3,
.video-section h4,
.video-section h5,
.video-section h6,
.video-section p {
text-align:center;
color:#fff;
}
.video-section h1{
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}

.video-section ul {
    text-align: left;
    display: inline-block;
    padding: 0;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}

.btn-grey {
    background: #eee;
    border: 1px solid #ddd;
}
.btn-grey:hover {
    background: #ddd;
}

a.bigButton {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border: 1px solid #fff;
    display: inline-block;
    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    font-weight: 200;
    font-size: 1.4em;
    margin-bottom: 20px;
}

a.bigButton:hover {
	text-decoration: none;
	background: rgb(125, 186, 0);
}

.phone-play {
	font-size: 3em;
}
.no-touch .phone-play {
	display: none;	
}

#spafilter {
    /* width: 1200px; */
    /* max-width: 86%; */
    margin: 0 auto;
    position: relative;
    z-index: 20;
    background: #FFFFFF;
    box-shadow: 0 -1px 15px rgba(0,0,0,0.3);
    /* border-radius: 2px; */
    padding-bottom: 10px;
    text-align: center;
    max-width: 100%;
    border-bottom: 1px solid #ddd;
}

.horiz-scroll {
	/* overflow: scroll; */
	width: 100%;
	display: none;
	/* height: 280px; */
	/* text-align: center; */
}

.waitload {
	display: none;
}

a.spa-item {
    display: inline-block;
    /* border: 1px solid #aaa; */
    padding: 10px;
    /* float: left; */
    /* width: 220px; */
    /* height: 260px; */
    position: relative;
    text-align: center;
    border-radius: 3px;
    vertical-align: top;
}
a.spa-item:hover {
	box-shadow: inset 1px 1px 5px #ddd;
	text-decoration: none;	
}
a.spa-item:hover :after {
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.01);
}

ul.specs li {
    color: #888;
    font-size: 14px;
}

ul.filter {
    margin: 0;
    text-align: center;
}
ul.filter li {
    margin: 0;
    list-style: none;
    display: inline-block;
}

#spafilter .controls, ul.filter {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
}
#spafilter .controls a, ul.filter a {
    padding: 3px 6px;
    background: #f6f6f6;
    border-radius: 5px;
    color: #777;
    margin-bottom: 3px;
    display: inline-block;
}

#spafilter .controls a:hover, ul.filter a:hover {
     background: #eee;
     text-decoration: none;
}

#spafilter .controls a.selected, ul.filter .active a {
     background: #777;
     color: #fff;
}

.smooth, .slideover {
	-webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#promo-boxes {
    color: #fff;
    padding: 30px 0 0;
    /* background: #f3f3f3; */
}

.promo-box {
    background: #333;
    color: #fff;
    height: 300px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    display: block;
}

.promo-box:hover {
	color: #fff;
}
.promo-box h4 {
	background: rgba(61, 181, 230, 0.85);
	padding: 15px;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 0;
}
.promo-box:hover h4 {
	/* background: rgba(0, 0, 0, 0.82); */
	/* color: #83CAFF; */
}

.promo-box .slideover {
    background: rgba(25, 25, 25, 0.8);
    width: 100%;
    height: 100%;
    top: 100%;
    left:  0;
    position: absolute;
    z-index: 3;
    padding: 20px;
    font-size: 15px;
    text-align: center;
}

.promo-box .text-area {
    position: relative;
    height: 100%;
}

.promo-box .text-area h5 {
	font-weight: 100;
	font-size: 2em;
}

.promo-box:hover .slideover {
	top: 0;
}

@media (max-width: 767px) {
.promo-box .slideover {
	top: 0;
	background: rgba(25, 25, 25, 0.3);
	text-shadow: 0px 0px 3px #000;
}
.promo-box:hover .slideover {
	 background: rgba(25, 25, 25, 0.8);
}


}

#sticky-header-sticky-wrapper {
    height: auto !important;
}

.mega-icons ul {
    width: 640px !important;
    max-width: 100%;
    position: fixed;
    /* margin: 0 auto; */
    max-width: 850px !important;
    right: 100px;
    /* margin-right: 100px; */
}
.mega-icons ul:after {
	content: "";
  display: table;
  clear: both;
}
.mega-icons ul li a{
    display: block;
    min-width: 150px;
    height: 40px;
    text-align: center;
    float: left !important;
    /* border: 1px solid red; */
    vertical-align: bottom;
    background-size: 70px;
    background-position: center 10px;
    background-repeat: no-repeat;
    /* background-color: rgb(255, 255, 255); */
    vertical-align: bottom;
    line-height: 1;
    /* word-wrap: normal; */
    /* overflow: hidden; */
    padding: 5px;
    padding-top: 90px;
}
.mega-icons .micon {
    display: block;
    margin: 0 auto 5px;
    width: 50px;
}

span.menu-icon {
    display: block;
    height: 70px;
    width: 70px;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0.75);
    line-height: 70px;
    border-radius: 50%;
    font-size: 2em;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -35px;
}

.spa-cover {
    display: inline-block;
    padding: 20px;
    min-height: 350px;
	text-align: center;
}
.spa-cover h4 {
	font-weight: 300;
}
.cabinet-colour h4 {
	font-weight: 300;
	display: inline;
}

@media (max-width: 767px) {
.mega-icons ul li {
	width: 50%;
	float: left !important;
	/* height: 160px; */
}
.mega-icons ul li a {
	width: 100%;
	padding: 90px 0 0 !important;
	/* margin: 0; */
	/* float: none !important; */
	min-width: 0;
}

#sticky-header, #sticky-header-sticky-wrapper {
	max-height: 100%;
	overflow: auto;
	/* border: 1px solid red; */
	top: 0;
}
a.spa-item {
		max-width: 768px;
	}
}
@media (max-width: 400px) {
	a.spa-item {
		max-width: 320px;
	}
	.spa-cover {
		width: 100%;	
	}
}

.share-icons {
    font-size: 2em;
    margin-bottom: 20px;
}
.share-icons a {
    margin: 0 10px;
}

#swipebox-slider .slide {
  padding: 50px 10px;
}

section.testimonials {
	padding: 50px 0;
	border-bottom: 2px solid #fff;
}

.darkbg {
    background: #333;
    color: #ccc;
}
.palebg {
	background: #f6f6f6;
}

.darkbg h2 {
	color: #3db5e6;	
}


table.speclist {
	font-size: 14px;
	background: #f6f6f6;
}
table.speclist tbody td {
	padding: 3px 8px;
}

th.specheading, td.specdata {
    text-align: center;
}

.table th.spec-extreme {
    background: #3DB5E6;
    color: #fff;
    border-color: #3E9ABF;
}

.table td.spec-extreme {
    color: #1D7294;
    background: rgb(226, 241, 247);
    border-color: #CAE3EC;
}

td.specdata.spec-smartsaver {
    background: #fbf3a8;
    border-color: rgb(236, 226, 129);
    color: #847e4e;
}

th.specheading.spec-smartsaver {
    background: #f3db07;
    color: #fff;
    border-color: rgb(222, 203, 28);
    text-shadow: 1px 1px #d2bd07;
}

#spa-features {
    background: #404040;
    color: #ccc;
    font-weight: 200;
    padding: 20px 0;
}
#spa-features p {
	color: #ccc;
	font-weight: 200;
}
#spa-features .horiz-scroll {
    /* background: #292929; */
    text-align: center;
}

.feature-type {
    background: #252525;
    /* padding: 20px; */
    min-height: 160px;
    text-align: center;
    margin: 0 1px;
    display: inline-block;
    color: #3DB5E6;
    /* border-right: 2px solid #444; */
    padding: 0 10px;
}

.feature-type h4 {
    margin: 10px 5px;
    font-weight: 200;
    font-size: 1.3em;
    text-align: left;
}

.feature-item {
    float: left;
    width: 160px;
    height: 100px;
    text-align: center;
    background-position: center;
    background-size: 115%;
    background-color: #777;
    color: #fff;
    vertical-align: middle;
    line-height: 1.3;
    font-size: 14px;
    text-shadow: 1px 1px 6px #000;
    overflow: hidden;
    margin: 0 5px;
    position: relative;
}

.feature-item span {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 5px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	border: 3px solid transparent;
}

.feature-item.current span {
	border-color: #3DB5E6;
	background: rgba(0, 134, 189, 0.4);
}

.feature-item:hover span {
	 border-color: #73ac00;
	 background: rgba(94, 140, 1, 0.4);
}

.navbutton {
	width:20px;
	/* margin-top: 14px; */
}
.navbutton span {
	height: 2px;
	background: #fff;
	margin: 4px 0;
	display: block;
}
.navbutton:hover span {
	background: #292929;
}

.modal {
	-webkit-overflow-scrolling: touch;
}
.modal-lg {
	width: 90%;
	max-width: 1100px;
}
.modal-body {
	padding: 5%;
}
.modal-body.dark {
    background: #333;
    color: #ccc;
}

.blue {
    color: #3db5e6;
}
.black {
	color: #222;
}
.white {
	color: #fff;
}
.modal-title {
	font-weight: 200;
}

.modal-bighead {
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1;
	margin: 19px 0;
}

p.introtext {
    font-size: 1.7em;
    font-weight: 200;
}

.modal-content, .modal-content li {
    font-size: 15px;
    font-weight: 300;
    border-radius: 0;
}


#swipebox-slider .slide .swipebox-video-container {
    max-width: 100%;
     padding: 0;
}

#swipebox-slider .slide {
    /* padding: 0; */
}


.modal-header {
    /* border-radius: 5px 5px 0 0; */
    /* padding: 30px 50px; */
}

.colour-item {
    display: inline-block;
    /* font-weight: 200; */
    padding: 0 5px;
}

.nopad {
    padding: 0;
}

.nopad .promo-box {
    margin: 0;
}


hr {
	border-color: #ccc;
}

.box {
    background: #eee;
    padding: 15px;
    margin-bottom: 10px;
}

#flyvid {
    margin-bottom: 50px;
}

#flyvid iframe {
    width: 100%;
    height: 100%;
}
#flyvid .container > div {
    padding-bottom: 56% !important;
    width:100%;
}

.block-grid {
    position: relative;
    background: #1d1d1d;
    perspective: 1000px;
    /* transform-style: preserve-3d; */
}
.block-grid:after {
	content:"";
	display:table;
	clear:both;
}

.block-grid .block-intro {
    background: #111;
    text-align: center;
    padding: 50px;
    color: #fff;
}
.block-grid .block-intro h1, .block-grid .block-intro h2 {
    color: #fff;
    margin: 0;
}

.block-grid .block-row {
	clear:both;
}

.block-grid .block-left {
    width: 50%;
    float: left;
}

.block-grid .block-right {
    float: right;
    width: 50%;
}



.block-grid .img-block {
    padding: 0;
    text-align: center;
    float: right;
    width: 50%;
    overflow:hidden;
}
.block-grid .img-block img {
	width: 100%;
	margin: auto;
	display: block;
	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-ms-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
	opacity: 0.7;
}

.block-grid  .block-right img {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.block-grid .block-row:hover .img-block img {
	transform: scale(1.2);
	opacity: 1;
}

.block-grid .text-block {
    padding: 30px;
    float: left;
    width: 50%;
    font-size: 16px;
}
.block-grid .text-block h4 {
	color: #fff;
	margin-top: 0;
}

.justify {
    text-align: justify;
}

#bubble-text {
	height: 200px;
	width: 100%;
	display: block;
	margin: auto;
	font-weight: 900;
}

section.bubbles {
    position: relative;
    padding: 100px 15px;
    text-align: center;
}

section.bubbles object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.bubbles h1 {
    position: relative;
    color: rgb(255, 255, 255);
    font-size: 3em;
    font-weight: 300;
    z-index: 2;
}


ul.openhours {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
ul.openhours li {
    font-size: 14px;
}

.contact-footer {
    background: #2e3233;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}

.contact-footer li {
    display: inline-block;
    margin: 0;
    /* border-left: 1px solid #23637d; */
    padding: 0 15px;
}
.contact-footer li:first-child {
	border: none;
}

.contact-footer .contact-list {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.contact-footer .contact-list li {
	font-weight: 200;
	font-size: 22px;
}
.contact-footer a {
	color: inherit;
}
.contact-footer a:hover {
	color: #7dba00;
}
.contact-footer .blue, .contact-footer .fa {
    color: #3db5e6;
}

.notice {
    color: #de291c;
}


@media(min-width: 1199px) {
	.block-grid .block-row:nth-child(even) .text-block {
		float: right;
	}
}

@media(max-width: 1200px) {

	.block-grid .block-left, .block-grid .block-right {
		float: none;
		width: 100%;
		clear: both;
	}
	.block-grid .block-right .text-block {
		float: right;
	}

}

@media (max-width: 650px) {
	.block-grid .text-block, .block-grid .img-block {
		float: none;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.sm-center {
		text-align: center;
	}
}

@media (max-width: 400px) {
	ul.openhours li {
		display: block;
	}
}