/*FONTS in fonts.css*/


[class^="icon-"]:before, [class*=" icon-"]:before {   
font-family: Flaticon;
font-style: normal;
}

.icon-close {
cursor: pointer;
float: right;
min-width: 20px;
min-height: 20px;
font-size: 2em;
font-family: Flaticon;
font-style: normal;
}

.icon-close:before {
content: "\e000";
}

.ie .icon-close {
background: url(../img/closeicon.png) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
background-size: 50%;
}

.ie .icon-close.close-softcart {
background: url(../img/closeicon_w.png) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.universe {
font-family: UniversLT-Condensed, arial, sans-serif;
text-transform: uppercase;
}

.universe-light {
font-family: UniversLT-CondensedLight, arial, sans-serif;
}

.universe-bold {
font-family: UniversLT-CondensedBold, arial, sans-serif;
}

.printonly {
display: none;
}

/* ----------------------------   Global */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
font-family: Arial, Helvetica, sans-serif;
background: #E0D8D2;
}

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../js/boxsizing.htc);
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 0.063em;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

input[type="text"], input[type="password"], textarea, form select{
padding: .3em;
border: 1px solid #ddd;
display: block;
width: 100%;
}

form select.item-options-select {
width: 90%;
}

label {
padding: .5em 0;
display: inline-block;
cursor: pointer;
}

textarea {
    resize: vertical;
    border: 1px solid #ddd;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1 {
color: #000;
margin: 0 0 1em 0;
padding: .5em 0;
font-family: UniversLT-CondensedBold, arial, sans-serif;
font-size: 2em;
text-transform: uppercase;
}

h2, h3, h4, h5 {
color: #000;
margin: 0 0 1em 0;
text-transform: uppercase;
font-family: UniversLT-Condensed, arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
font-weight: normal;
text-decoration: none;
}

.small { 
font-size: 80%;
}

.header-borders {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.header-borders-white {
position: relative;
z-index: 2;
color: #fff !important;
border-color: #fff;
}

fieldset {
border: 1px solid #2897B3;
padding: 2em 2em 0 2em;
margin: 0 0 2em 0;
}

legend {
padding: 0 1em;
margin: 0 0 0 -1em;
}

button {
line-height: 1.5em;
float: right;
margin: 0 .5em .5em 0;
color: #fff !important;
background: #668098;
text-decoration: none;
font-size: 120%;
padding: .25em .5em;
border: 0;
}

button:hover {
background: #19d800;
}

.center {
text-align: center;
}

.nomar {
margin: 0 !important;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.margin-05em {
margin-left: .5em;
}


.customize-step .float-right {
margin-bottom: 2em;
z-index: 5;
}

.bg-white {
background: #fff;
}

.bg-grey {
background: #eee;
}

.mar-1 {
padding: 1em;
}

.mar-top-1em {
margin-top: 1em !important;
}

.pdf {
width: 1em;
height: 1em;
margin: 0 1em 0 0;
}

.lightbox {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #000;
opacity: .6;
overflow-y: auto;
}

.lightbox-form {
margin: 0 auto;
max-width: 45em;
padding: 1em;
background: #fff;
}

.newsletter, .brochure, .canada-financing, .global-distributor-search, .login-box, .promotion-box, .quotation, .consulting, .recommend, .events-reminder, .cookies-box, .book-call {
position: fixed;
display: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
}

.softubsolar-form {
margin: 0 1em;
padding: 1em;
background: #fff;
display: none;
}

.grid {
width: 100%;
margin: 0;
}

.grid:after {
content: "";
display: table;
clear: both;
}

.col-1, .col-2-3, .col-2, .col-3, .col-4, .col-5 {
width: 100%;
}

[class*='col-'] {
display: inline-block;
vertical-align: top;
padding: 0 1% 0 1%;
margin: 0 0 1em 0;
}

form [class*='col-'] {
margin: 0;
}


.bigcol {
padding: 1em 1% 0 1%;
}

form p {
padding: .5em 0 0 .2em;
margin: 0 !important;
}

.grid-border [class*='col-'] {
border-bottom: 1px solid #999;
margin-bottom: 1em;
padding-bottom: 1em;
}

.grid-border [class*='col-']:last-of-type {
border: 0;
margin-bottom: 0;
}


.toggletrigger, .toggletrigger2 {
cursor: pointer;
}

.techinfo {
width: 100%;
margin: 0 0 2em 0;
}

.techinfo td {
font-size: .7em;
padding: .2em 0;
}

.techinfo td:first-child {
font-weight: bold;
}


.techinfo tr:hover {
background: #668098;
color: #fff;
}


.nomobile, .nomobile-blk {
display: none;
}

.top-anchor {
clear: both;
float: right;
margin: -3.4em 0 0 0;
text-decoration: none;
}

.softcart-notice a {
color: #fff;
}

.loading {
margin: 0 auto 1em auto;
max-width: 10em;
min-height: 2em;
}

.loading img {
display: none;
}

.button, .top-anchor, form button {
padding: .5em;
color: #fff !important;
font-family: UniversLT-Condensed, arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
background: #668098;
text-align: center;
border: 0;
}

a.button:hover, .top-anchor:hover {
text-decoration: none !important;
background: #2897B3;
}

.product-desc .button {
padding: .1em .5em;
margin: .5em 0 0 0;
}

.inner {
overflow-y: auto;
overflow-x: hidden;
}










/* HEADER */

.topbar {
position: fixed;
top: 0;
width: 100%;
height: 3em;
background: #000;
z-index: 20;
}

.tools {
color: #fff;
width:100%;
}

.tool a {
color: #fff;
text-decoration: none;
display: block;
width: 15em;
padding: .4em 0 .4em 1em;
}

.tool a:hover {
background: #555;
}

.tool img {
display: none;
}

.tool select {
display: block;
width: 15em;
padding: .4em 1em .4em 1em;
border: 0;
color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: url(../img/arrowdown.png) no-repeat right transparent;
background-size: 2em;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
cursor: pointer;
}

.tool select:hover {
background: url(../img/arrowdown.png) no-repeat right #555;
background-size: 2em;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.tool option {
background: #555;
}

.tool option:hover {
background: #555;
}

.make-consulting {
	float:left;
	margin:15px 0px 0px 25px;
	font-family: UniversLT-CondensedLight, arial, sans-serif;
	font-size:85%;
	width:48%;
}


/* NAVIGATION */

.mobilenavicon {
position: absolute;
top:0;
right: 0;
height: 3em;
width: 3em;
background: url(../img/mobilenavicon.png) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
cursor: pointer;
}

.mobilenav {
position: fixed;
width: 15em;
height: 100%;
top: 3em;
left: -15em;
background: #888;
z-index: 18;
}

.nav {
border-bottom: 0.063em solid #555;
position: relative;
}

.nav img {
display: none;
}

.nav ul {
text-align: left;
margin: 0;
padding: 0;
}

.nav ul li {
display: block;
width: 100%;
}

.nav ul li a {
display: block;
color: #FFF;
width: 15em;
padding: .4em 0 .4em 1em;
text-decoration: none;
}

.nav ul li a:hover {
background: #555;
}

.nav .universe-light, .tools .universe-light {
font-family: arial, sans-serif;
}

.nav-links {
display: none;
}

.nav-links-trigger {
display: none;
position: absolute;
bottom: 2em;
right: 0;
min-width: 10%;
height: 2em;
font-size: 70%;
cursor: pointer;
color: #fff;
text-align: right;
text-transform: uppercase;
}

.nav-links-trigger span {
position: absolute;
top: 0;
right: 0;
padding: .5em 2em .5em .5em;
}

.nav-links-trigger span:hover {
background: #555;
}

.nav-links-trigger img {
display: inline-block !important;
width: 1em !important;
vertical-align: middle;
}


.nav-links-close {
display: none;
}

/* LOGO */


.logo {
position: fixed;
z-index: 21;
margin: 0;
top: .5em;
left: .5em;
width: 5em;
background: url(../img/logo_w.png) top center no-repeat;
background-size: 100% auto;
}

.logo a {
display: block;
min-height: 2em;
width: 100%;
}

.swrap {
display: inline;
position: relative;
}

/* FEATURE */

.feature {
position: relative;
overflow: hidden;
min-height: 20em;
width: 100%;
}

.feature-slider {
height: 25em;
}

.feature-home-1 {
background: url(../img/feature-1.jpg) no-repeat;
background-size: cover;
background-position: 30% 25%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-home-2 {
background: url(../img/feature-2.jpg) no-repeat;
background-size: cover;
background-position: 50% 65%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-home-3 {
background: url(../img/feature-3.jpg) no-repeat;
background-size: cover;
background-position: 30% 65%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-home-4 {
background: url(../img/feature-4.jpg) no-repeat;
background-size: cover;
background-position: 50% 0%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}
.feature-home-5 {
background: url(../img/feature-5.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}
.feature-home-6 {
background: url(../img/feature-6.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}
.feature-home-7-at-special {
background: url(../img/feature-7-at-special.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}
.feature-home-8 {
background: url(../img/feature-8.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}
.feature-home-9 {
background: url(../img/feature-9.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}


.feature-about {
background: url(../backgrounds/background_softub.jpg) no-repeat;
background-size: cover;
background-position: 30% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-gallery {
background: url(../backgrounds/background_media.jpg) no-repeat;
background-size: cover;
background-position: 30% 50%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-news {
background: url(../backgrounds/background_news.jpg) no-repeat;
background-size: cover;
background-position: 30% 0;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-findsoftub {
background: url(../backgrounds/background_find_a_softub.jpg) no-repeat;
background-size: cover;
background-position: 30% 0;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-events {
background: url(../backgrounds/background_events.jpg) no-repeat;
background-size: cover;
background-position: 30% 90%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-models {
background: url(../backgrounds/background_models.jpg) no-repeat;
background-size: cover;
background-position: 30% 60%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-support {
background: url(../backgrounds/background_more.jpg) no-repeat;
background-size: cover;
background-position: 0 60%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-solar {
background: url(../backgrounds/background_solar.jpg) no-repeat;
background-size: cover;
background-position: 0 60%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.swoosh {
position: absolute;
background: url(../img/swoosh.png) bottom left no-repeat;
background-size: 100% auto;
bottom: 0;
left: 0;
right: 0;
height: 72.5em;
z-index: 15;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.feature-address-container {
display: none;
}


/* RIBBON */

.ribbon {
position: relative;
background: #668098;
color: #fff;
margin: 0;
padding: .1em 1em;
cursor: pointer;
}

.ribbon-left:hover {
padding-left: 2em;
}

.ribbon-right:hover {
padding-right: 2em;
}

.ribbon h3 {
font-size: .9em;
color: #fff;
line-height: 1.9em;
}

.ribbon a {
color: #fff;
text-decoration: none;
}

.ribbon-yellow {
background: transparent !important;
}

.ribbon-newsletter {
	margin-top:5em;
}

.ribbon-rent-a-spa{
	margin-top:9em;
}

.yellowfade {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff600;
opacity: .6;
z-index: -1;
}

.ribbon-yellow:hover .yellowfade {
opacity: .8;
}

/* FLYOUT PAGES */

.flyout-container {
position: relative;
margin: 3em 0 0 0;
width: 100%;
height: 0;
overflow: hidden;
background: #e0d8d2;
}

.flyout-container.toggle {
height: 52em;
border-bottom: 1em solid #E0D8D2;
}

.flyout-title, .flyout-container p {
margin: 0 0 .3em 0;
padding: 0;
}

.flyout-title {
font-size: 2em;
}

.flyout-trigger h3, .flyout-nav h3 {
font-weight: normal;
}


.flyout-container a {
color: #2897B3;
text-decoration: none;
}

.inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}

.flyout-container .inner-2, .flyout-container .inner-3 {
left: -200%;
}

.flyout-content {
position: relative;
padding: 7em .5em .5em .5em;
overflow: auto;
}

.flyout-img {
position: relative;
top: 7em;
height: 20em;
margin: 0 0 .5em 0;
overflow: hidden;
}

.flyout-img img {

}


/* FLYOUT TRIGGERS (FLAGS, RIBBONS) */

.flyout-trigger {
position: absolute;
top: 3.5em;
left: 0;
z-index: 17;
text-align: right;
}

.flyout-promotion-trigger-blue {
position: absolute;
top: 7.5em; 
left: 0;
z-index: 17;
background-color:#309ab4;
width:15em;
text-align:left
}
.flyout-promotion-trigger-red {
position: absolute;
top: 5em; 
right: 0;
z-index: 17;
background-color:#bb1717;
width:15em;
text-align:left;
background-color: rgba(187,23,23,0.7);
}

.flyout-trigger:hover {
padding-left: 2em;
}

.flyout-trigger.toggle {
padding-left: 3em;
}

.flyout-trigger span {
display: inline-block;
font-size: 1.7em;
margin: 0;
padding: 0;
vertical-align: -2px;
}


/* FLYOUT SUBNAVIGATION */

.flyout-nav {
position: absolute;
top: 3em;
width: 100%;
left: -20em;
z-index: 17;
}

.flyout-nav.toggle {
left: 0;
}

.flyout-nav .ribbon {
margin: 0 0 .5em 0;
width: 100%;
float: left;
clear: left;
-webkit-box-sizing: initial !important;
box-sizing: initial !important;
}

.inner-1-trigger:hover, .inner-2-trigger:hover, .inner-3-trigger:hover, .selected {
padding-left: 2em;
}


.meet-softub {
position: absolute;
top: .5em;
right: 0;
z-index: 16;
display: none;
padding: 0 !important;
}



.meet-softub a {
display: block;
padding: .5em 1em;
}

.meet-softub a:hover {
padding-right: 2em;
}

.promotional-code-new-website {
position: absolute;
top: .7em;
left: 0;
z-index: 16;
display: none;
padding: 0 !important;
}

/* HUB */

.hub-container {
overflow: hidden;
width: 100%;
margin: 0 auto 1em auto;
}

.hub-container .content {
padding: 0 0 1em 0!important;
margin: 0 auto;
position: relative;
width: 100%;
}

.hub-container .content:after, .hub-inner:after {
	content: "";
	display: block;
	padding-bottom: 60%;
}

.hub-container .content:after {
padding: 0;
}

.hub-inner {
position: relative;
padding: 0 !important;
width: 100%;
overflow: hidden;
background: url(../img/hub-image.jpg) no-repeat;

background-size: 200% auto;
background-position: 30% 30%;
}


.tipster-title {
color: #fff;
}

.hub-title {
margin: 0 auto;
font-size: 1em;
text-align: center;
margin: 0;
}

.hub-left, .hub-right {
position: relative;
text-align: center;
}

.tab {
 position: relative;
 background: #668098;
 color: #fff;
 text-align: center;
 margin:  .3em 0 .3em 0;
 width: 100%;
}

.tab a {
display: block;
width: 100%;
padding: .5em 0;
color: #fff !important;
line-height: 1.7em;
z-index: 1;
}


.hub-icon {
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #5fcb54;
font-weight: bold;
height: 11.5%;
line-height: 170%;
font-size: 3.9vw;
width: 7%;
text-align: center;
color: #fff;
cursor: pointer;
}

.hub-info {
position: absolute;
top: 10%;
left: 25%;
right: 25%;
padding: 2em;
background: #000;
display: none;
color: #fff;
opacity: .9;
z-index: 9;
}


.hf-1 {
top: 10%;
left: 24%;
}

.hf-2 {
top: 25.3%;
left: 30.2%;
}

.hf-3 {
top: 23%;
left: 40.5%;
}

.hf-4 {
top: 6.5%;
left: 38.5%;
}

.hf-5 {
top: 36.4%;
left: 57.5%;
}

.hf-6 {
top: 56.7%;
left: 20.2%;
}

.hf-7 {
top: 56.7%;
left: 45.2%;
}

.hf-8 {
top: 10%;
left: 32%;
}


/* Login */

.login-form {
background: #fff;
border: 0.063em solid #ddd;
padding: 3em;
margin: 0 auto;
max-width: 35em;
}


/* MAIN CONTENT */

.main {
padding: 1em 0;
width: 100%;
z-index: 3;
background: #fff;
position: relative;
}

.no-feature {
padding-top: 3em;
}

.content, .content-header {
width: 100%;
max-width: 68.75em;
margin: 0 auto 1em auto;
padding: 1em;
background: #e0d8d2;
overflow: hidden;

}

.content-header {
margin: 0 auto;
}

.title {
margin: 0 auto 1em auto;
}

.big-title {
padding: .5em 0;
min-width: 50%;
max-width: 450px;
margin: 0 auto 2em auto;
}

.big-title-text {
display: inline-block;
vertical-align: top;
width: 75%;
}

.big-title-text-nosub {
display: inline-block;
vertical-align: top;
width: 75%;
}

.big-title h1 {
padding: 0 0 0 .25em;
margin: 0 0 0 .2em !important;
font-size: 2em;
line-height: 1em;
}

.big-title h1 span {
font-weight: normal;
font-size: .4em;
display: block;
line-height: 1em;
font-family: UniversLT-CondensedLight, arial, sans-serif;
}

.big-title p {
margin: .5em 0 0 .1em !important;
color: #444;
}

p.big-title-desc-nosub {
margin: 0 0 0 4.8em !important;
}

.big-icon, .big-number {
display: inline-block;
float: left;
}

.big-icon {
width: 4em;
margin-right: 1%;
}

.big-number {
font-size: 8em;
color: #999;
font-weight: bold;
line-height: .8em;
}


.content h1, .content h2, .content h3, .content h4 {
margin: 0 auto .5em auto;
}

.shop-main h2, .shop-main h3 {
min-height: 2.5em;
}

.content p, .content li {
margin: 0 0 1em 0;
line-height: 1.5em;
}

.page-section {
margin: 0;
}


.page-section .icon {
display: inline-block;
height: 100%;
width: 15%;
margin: 0 1em 0 0;
float: left;
}

.text-with-icon {
display: inline-block;
width: 80%;
}

.left-line {
border-left: 1px solid #000;
padding-left: .3em;

}

.map {
margin: 0 auto;
width: 100%;
}

.map iframe {
width: 100%;
min-height: 400px;
}

#map {
min-height: 400px;
margin: 0 auto 2em auto;
}

.dealers-hover:hover {
	background-color: #DFF2BF !important;
}

/* SHOP */

.shop [class*='col-'], .videos [class*='col-'] {
margin: 0 0 6em 0;
}

.model140, .cat-models {
background: url(/images/softub-sportster.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.model220 {
background: url(/images/softub-legend-220.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.model300 {
background: url(/images/softub-resort-300.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.cat-outlet {
background: url(/uploads/public/shop/1846_1056.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.cat-surrounds {
background: url(/uploads/public/shop/1822_6619.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.cat-covers {
background: url(/uploads/public/shop/87_8692.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.cat-care {
background: url(/uploads/public/shop/1931_9013.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.cat-aroma {
background: url(/uploads/public/shop/994_8368.jpg) center center no-repeat;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}


.newmodels .col-2 {
font-size: 1.2em;
}

.newmodels ul {
padding: 0;
list-style-type: none;
}

.newmodels .compare-colors {
margin: 1.5em 0 .5em 0
}

.newmodels .button {
margin: 1em 0 0 0;
}

/* PRODUCTS */

.product-desc-price {
display: block;
font-weight: bold;
padding: .5em 0 0 0;
}

.product-img, .product-imgs {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}

/*
.product-img:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
*/

.product-img, .product-imgs img {
display: block;
margin: 0 0 1em 0;
}

.product-img {
max-height: 200px;
overflow: hidden;
}

.product-color label {
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}  

.product-color img {
display: inline;
width: 1.2em;
margin-right: .5em;
}

.product-options {
min-width: 10em;
margin: 0 0 1em 0;
padding: .2em 2em .2em .2em;
}

.product-price {
margin: 1em 0 1em 0 !important;
font-weight: bold;
}

.product-links [class*='col-'] {
margin: 0;
}

.product-links h3 {
font-weight: normal;
}

.product-links a {
color: #fff !important;
text-decoration: none;
display: block;
padding: .5em;
background: #668098;
}

.product-links a:hover {
color: #fff !important;
background: #2897B3;
text-decoration: none !important;
}

[class*='cat-'] {
background-size: cover;
/*/*-ms-behavior: url(../js/backgroundsize.min.htc);*/*/
}

.compare-colors img {
display: inline-block;
width: 9%;
margin: 0 1% 0 0;
}

.addtocart {
	position: relative;
	margin: 0 0 1em 0;
	color: #fff !important;
	text-decoration: none;
	font-size: 120%;
	display: inline-block;
	padding: .5em;
	border: 0;
	
}

.addtocart:hover {
	background: #19d800;
	text-decoration: none !important;
}

.button-normal {
	position: relative;
	margin: 0 0 1em 0;
	color: #fff !important;
	text-decoration: none;
	font-size: 120%;
	display: inline-block;
	padding: .5em;
	border: 0;
}

.button-normal:hover {
	background: #19d800;
	text-decoration: none !important;
}

.product-text select {
padding: .3em;
border: 1px solid #ddd;
}

.product-text label {
min-width: 5em;
}

.alert-message {
margin: 1em auto 1em auto;
padding: .5em;
text-align: center;
}

.alert-message.success, .alert-message.success a {
color: #4F8A10 !important;
background-color: #DFF2BF !important;
}

.alert-message.error, .alert-message.error a  {
color: #D8000C !important;
background-color: #FFBABA !important;
}

.main-distributor{
	color: #4F8A10 !important;
	background-color: #DFF2BF !important;
}



/* SOFTCART */


.softcart-notice {
position:fixed;
width:100%;
top:0;
left:0;
color:#fff;
display:none;
text-align:center;
padding: 4em 2em .1em 2em;
z-index: 999;
background: url(../img/transpBlack75.png) left top repeat;
/*/*-ms-behavior: url(../js/backgroundsize.min.htc);*/*/
}

.ie .softcart-notice {
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

.softcart-notice h3 {
color: #fff;
font-weight: normal;
}

.softcart-notice span {
font-weight: bold;
}

.content a, .softcart-notice a, .footer a {
color: #222;
}

.softcart-notice a {
color: #fff;
}

.content a:hover, .softcart-notice a:hover,  .footer a:hover {
color: #2897B3;
text-decoration: underline;
}

.softcart-notice .icon-close {
color: #fff;
}

.softcart-notice-white {
	background: url(../img/transpBlue75.png) left top repeat;
}
.softcart-notice-white h2 {
	color: #fff;
}


/* Customize Product */

.radio-customize {
	display:none
}
.radio-customize-label {height:40px; line-height:30px; padding-left:5px}

#customizer {
}

#customizer-softub {
position: relative;

width: 20em;
height: 15em;
overflow:hidden;

}

.customizer_next {
	position: absolute; top: 150px;right: 34px;
}

.customizer-model, .customizer-surround {
position: absolute;
top: -2em;
left: 0;
width: 80%;
height: 100%;
margin-left:2em;
}

.customizer-model {
z-index: 1;
}

.customizer-surround {
z-index: 2;
}

.container-surround-colors-min-height {
	min-height: 6em;
}

.customizer-model img, .customizer-surround img {
position: relative;
vertical-align: middle;
margin: 0 auto;
}

.customize-price {
margin: .8em;
font-weight: bold;
font-size: 130%;
}

.customize-details {
margin: 0 0 0 1em;
}

.customize-details span {
font-weight: bold;
display:block;
}

.preview220 {
-webkit-transform: scale(1.5);
-moz-transform:    scale(1.5);
-ms-transform:     scale(1.5);
-o-transform:      scale(1.5);
transform:         scale(1.5);
}

.ie .preview220 {
width: 120%;
left: -10%;
top: -10%;
}

.preview300 {
-webkit-transform: scale(1.8);
-moz-transform:    scale(1.8);
-ms-transform:     scale(1.8);
-o-transform:      scale(1.8);
transform:         scale(1.8);
}

.ie .preview300 {
width: 140%;
left: -20%;
top: -20%;
}

.almond {
background: url(http://softub.ch/icons/softub-color-almond.png) 0.313em 50% no-repeat;
background-size: auto 80%;
/*/*-ms-behavior: url(../js/backgroundsize.min.htc);*/*/
}

.camel {
background: url(http://softub.ch/icons/softub-color-camel.png) 0.313em 50% no-repeat;
background-size: auto 80%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.mocca {
background: url(http://softub.ch/icons/softub-color-mocca.png) 0.313em 50% no-repeat;
background-size: auto 80%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.sapphire {
background: url(http://softub.ch/icons/softub-color-sapphire-blue.png) 0.313em 50% no-repeat;
background-size: auto 80%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.charcoal {
background: url(http://softub.ch/icons/softub-color-charcoal.png) 0.313em 50% no-repeat;
background-size: auto 80%;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.option-off {
display: none;
}

/* Photos */

.gallery {
margin: 0 0 1em 0;
}

.gallery-list {
margin: 0 0 1em 0;
}

.gallery-list a {
padding: .5em 0;
margin: 0 0 0.188em 0 !important;
text-align: center;
background: #668098;
color: #fff;
text-decoration: none;
min-width:10em;
}

.gallery-list a:hover {
color: #fff;
background: #2897B3;
text-decoration: none;
}

.gallery-thumbs {
display: none;
width: 100%;
}

.gallery-thumbs a {
display: inline-block;
width: 100%;
margin: 0 0 1em 0;
}

.masonry {
margin: 0 auto;
}

.videos [class*='col-'], .feature-video {
position: relative;
padding-bottom: 66.5%; 
height: 0; 
overflow: hidden;
}

.videos iframe, .feature-video iframe {
position: absolute;
top: 15%;
left: 0;
width: 100%;
height: 85%;
}

.feature-video {
margin: 0 0 2em 0;
}




/* CUSTOM PAGE STYLES */

.news-article {
padding: 1em;
margin: 0 0 1em 0;
}

.news-article:last-of-type {
border: 0;
}

.news-article h2, .news-article h2 a {
margin: 0;
color: #555;
}

.news-article h2 a:hover {
color: #2897B3;
}


.news-article-date {
font-size: 80%;
text-transform: uppercase;
font-weight: bold;
color: #2897B3;
}

.news-article-img {
margin: 1em 0;
}

.news-article-img img, .about .col-3 img {
margin: 0 0 1em 0;
}

.big-search {
margin: 0 auto 2em auto;
}

.big-search input {
width: calc(100% - 7em);
padding: .59em;
display: inline-block;
border: 0;
vertical-align: top;
}

.big-search button {
min-width: 5em;
float: none;
display: inline-block;
}

.faq-q {
cursor: pointer;
}

.faq-q h3 {
text-transform: none;
}

.faq-a {
display: none;
margin: 0 1em 2em 1em;
}

.faq-a p {
margin: 0 !important;
}

.sitemap a {
display: block;
width: 100%;
padding: 0 0 .5em 1em;
text-decoration: none;
color: #000;
}

.sitemap a:hover {
color: #2897B3;
}

.sitemap .col-3 {
margin: 0 0 2em 0;
}

.sitemap .col-3-title {
color: #000;
font-size: 1.5em;
padding: 0;
}

.softubsolar {
margin: 0 auto 2em auto;
max-width: 250px;
}




/* FOOTER */


.footer {
position: relative;
width: 100%;
margin: 0 auto 0 auto;
padding: 1em 0 0 0;
background: #e0d8d2;
}

.fbox {
display: inline-block;
width: 48%;
padding: 0 2% 2em 5%;
vertical-align: top;
line-height: 1.5em;
}

.fbox a {
display: block;
color: #2897B3;
text-decoration: none;
}

.fbox a:hover {
text-decoration: underline;
}

a.fbox-title, .fbox-title {
color: #000;
display: block;
font-weight: bold;
font-family: UniversLT-Condensed, arial, sans-serif;
text-transform: uppercase;
}

.footer-address p {
font-size: 80%;
}

.socialmedia {
margin: 0 auto 1em 0;
text-align: center;
}

.socialmedia a, .socialmedia img {
display: inline-block;
height: 3em;
width: auto;
}

.copyright {
font-size: 70%;
text-align: center;
}


/* CHECKOUT FORM */

.checkout-form {
padding: 1em;
background: #fff;
max-width: 56.250em;
margin: 0 auto;
}

.checkout-cart-title {
padding: .5em;
position: relative;
}

.checkout-cart-item {
padding: 1em .5em 0 .5em;
border-top: 1px solid #666;
position: relative;
}

.checkout-cart-item div {
padding: .2em;
}

.item-image {
width: 150px;
height: 100px;
overflow: hidden;
float: left;
margin: 0 1em 0 0;
padding: 0 1em 0 0;
position: relative;
display: none;
}

.item-image img {
position: relative;
top: -1%;
left: -1%;
width: 112%;
height: auto;
}

.item-remove {
position: absolute;
top: 0;
right: 0;

}

.item-remove:hover {
color: #ff0000;
}


.item-name {
font-weight: bold;
display: block;
}

.checkout-cart-title .item-name {
float: left;
width: 50%;
}

.shopping-cart-item-quantity {
float: right;
}

.shopping-cart-item-quantity input {
display: inline-block;
width: 2em;
}

.item-preis {
text-align: right;
}

.checkout-cart-item .item-preis {
margin: 1em 0 0 0;
font-size: 120%;
clear: right;
}


.checkout-cart-title .item-preis {
font-weight: bold;
float: right;
width: 40%;
}

.checkout-cart-total {
text-align: right;
padding: 0 0 1em 0;
}

.item-total {
border-top: 2px solid #000;
font-size: 150%;
padding: 1em 0;
}

.form-module {
border-bottom: 1px solid #000;
padding: 1em 0;
}

.separate-shipping {
/*display: none;*/
}

.form-module p {
font-weight: bold;
font-size: 100%;
}

.required-label {
color: #ff0000;
}


.ui-checkbox label {
padding-left: 2em;
}

.checkout-agreement {
padding: 1em;
font-size: 80%;
max-height: 200px;
overflow-y: auto;
border: 1px solid #ddd;
}

.checkout-agreement li {
margin: 0 0 1em 0;
padding: 0;
}

.payment-img {
height: 1em;
width: auto;
}

.captcha {
max-width: 200px;
max-height: 2em;
}

.finalcheckout {
padding: 5px 0 0 0;
}


/* MOBILE TOGGLE */


img,
h2,
span,
a,
.swrap,
.content,
.tab,
.topbar,
.mobilenav,
.mobilenavicon,
.feature,
.nav-links-trigger,
.main,
.logo,
.flyout-container,
.ribbon,
.inner,
.yellowfade,
.news-article,
.customize-links,
.item-remove,
.footer {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.blink-text {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.nav, .flyout-nav {
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}

.navtoggle {
margin-left: 15em;
}

#call-to-action-container {
	width:390px; height:400px; background-color:#FFF; position:absolute; z-index:16; top:50px; left:-385px; border:5px solid white;
}

.also-bought-container {
	width:50%;
	height:300px;
	border:0px solid black;
	margin-bottom:15px;
	background-color:rgba(235,235,235,0.75) 
}

.also-bought-container_bottom {
	width:100%;
}

.also-bought-product {
	width:30%;
	height:220px;
	border:1px solid silver;
	float:left;
	margin-left:2%;
	font-family:UniversLT-Condensed, arial, sans-serif
}
.also-bought-product_bottom {
	height:250px;
}
.also-bought-image {
	width:100%; height:225px; background-size:cover; background-position:center
}
.also-bought-image_bottom {
	height:200px;
}
.also-bought-link {
	width:100%; height:125px; display:inline-block
}
.also-bought-link_bottom {
	height:200px;
}
.also-bought-title {
	color:#2897B3;
	word-wrap:break-word;
}
.mobile-tools-icons{ 
	display:none;
}

/* FOOTER */

.footer {
width: 97%;
border: 0;
padding: 2em 0 0 0;
text-align: center;
}

.fbox {
display: inline-block;
width: 26%;
padding: 0 0 2em 2em;
text-align: left;
}

.navigation-hot {
	height:270px; padding:0px; background-color:#FFFFFF; text-align:center
}

.navigation-hot-elements {
	float:left; width:50%
}

.go-back-shop {
	font-size: 18px; position: absolute; left: 2%;
}

.tools-right {
	float: right;
	margin-right: 2%;
}

.softub-australia-banner {
	position: absolute; right: 20px; width:160px; z-index: 19; margin-top:-42px
}

.cookie-message {background-color:#3097b1; width:100%; min-height:80px; position: fixed; z-index: 21; top: -100px; text-align:center; color:#FFF; line-height:60px}
.cookie-breaker {display:none}

.form-hu-img {float:left; width:50%;}
.form-hu-box {float:left; width:50%;}

/* Media Queries */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width:48em)  {


/* GLOBAL */

h2 {
font-size: 1.2em;
}

form [class*='col-'] {
padding: 1em 0 0 0;
}

button {
	/*
margin: 0 .1em 0 .5em;
*/
}

.grid {
margin: 0 0 1em 0;
}

.grid-border [class*='col-'] {
border-right: 1px solid #999;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

.col-2 {
width: 49.4%;
}

.col-2-3 {
width: 65.5%;
}

.col-3 {
width: 32.9%
}

.col-4 {
width: 24.2%
}

.col-5 {
width: 19%;
}

.lightbox-form {
margin: 3em auto;
}

.close {
margin: -4em 1em 1em 0;
}



.tools {
position: fixed;
top: 0;
right: 0;
/*text-align: right;*/
height: 3em;
overflow: hidden;
z-index: 99;
}

.tool {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
} 

.tool a {
display: inline-block;
width: auto;
min-width: 5em;
margin: 0 auto;
padding: 0 1.5em;
font-size: 80%;
line-height: 3.8em;
text-align: center;
}

.tool a:hover {
background: #555;
}

.tool span {
display: none;
}

.cartitem .item-name {
display: inline-block;
font-weight: bold;
}

.cart img, .login img {
display: inline-block;
width: 1.5em;
vertical-align: middle;
}

.tool select {
display: block;
border: 0;
margin: 0;
padding: 1.2em 2em 1.2em 1em;
width: auto;
font-size: 80%;
}

.tool select:hover {
background: url(../img/arrowdown.png) no-repeat right #555;
background-size: 2em;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}

.tool option {
background: #000;
}

.tool option:hover {
background: #555;
}


.topbar, .tools {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.nomobile {
display: inline-block;
width:100%;
}

.nomobile-blk {
display: block;
}

.mobile {
display: none !important;
}


/* TRIGGERS */

.ribbon {
padding: .5em 1em;
}


.flyout-nav {
top: 4em;
width: 17em;
}

.flyout-nav .ribbon {
width: auto;
}

.toggletrigger, .toggletrigger2 {
display: block;
}

.slidetoggle, .slidetoggle2 {
display: none;
}

.item-image {
display: block;
}

/* NAVIGATION */

.mobilenav {
width: auto;
top: auto;
left: auto;
z-index: 20;
}

.mobilenavicon {
margin-top: -50em;
}

.navtoggle {
margin: 0;
}

.nav {
position: fixed;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
background: #000;
}

.nav.notxt {
	max-height: 2.5em;
}

.nav.notxt:hover {
	max-height: 20em;
}


.nav img {
display: block;
margin: 0 auto;
width: 40%;
}

.nav ul {
margin: 0 auto 0 auto;
text-align: center;
min-height: 4em;
}

.nav ul li {
display: inline-block;
margin: 0;
width: 13%;
min-height: 100%;
vertical-align: top;
}

.nav ul li a {
display: block;
margin: 0;
padding: 0 0 .5em 0;
width: auto;
text-decoration: none;
font-weight: bold;
}

.nav ul li a:hover {
background: #555;
}

.nav .universe-light, .tools .universe-light  {
font-family: UniversLT-CondensedLight, arial, sans-serif;
}

.nav-links a {
display: block;
padding: 2px 0 !important;
color: #bbb !important;
}

.nav-links a:hover, .nav a:hover {
color: #fff !important;
}

/* LOGO */

.logo {
position: relative;
width: 10%;
max-width: 10em;
min-height: 5em;
left: 45.3%;
background: url(../img/logo_s.png) top center no-repeat;
background-size: 100% auto;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
z-index: 19;
}

.logo-canada {
position: relative;
width: 10%;
max-width: 10em;
min-height: 5em;
left: 45.3%;
background: url(../img/logo_s_canada.png) top center no-repeat;
background-size: 100% auto;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
z-index: 19;
}

.logo a {
min-height: 3.5em;
}

.logo-solar {
	max-width: 15em;
	width: 12em;
height: 9em;
background: url(../img/softubsolar.png) top center no-repeat;
background-size: 100% auto !important;
/*-ms-behavior: url(../js/backgroundsize.min.htc);*/
}


.softubsolar { 
	display: none;
}

.logo.stuck {
position: fixed;
margin: 0;
top: .5em;
left: 1.5%;
width: 5em;
height: 2em;
overflow; hidden;
min-height: 1em;
background: url(../img/logo_w.png) top center no-repeat !important;
background-size: 100% auto;
z-index: 21;
}


.logo.stuck a {
min-height: 2em;
}

.swrap {
display: block;
background: #e0d8d2;
}

.swrap-no-height .swrap {
height: 49px !important;
}


/* FEATURE */

.feature-slider {
height: 70%;
}

.feature-address-container {
position: relative;
height: 0;
display: block;
}

.feature-address {
position: absolute;
top: 0;
left: 1em;
width: 35%;
z-index: 19;
font-size: .65rem;
}

.ie .feature-address {
font-size: .65em;
}

.feature-address a {
color: #000;
text-decoration: none;
}

.feature-address a:hover {
color: #2897B3;
}



/* FLYOUT */


.flyout-container.toggle {
height: 30em;
}

.flyout-container .inner {
text-align: left;
padding: 0;
margin: 0;
height: 100%;
overflow: visible;
}

.flyout-content {
padding: 1em 1em 1em 20em;
position: relative;
height: 100%;
min-width: 230px;
}

.flyout-title {
margin: 1em 0;
}

.flyout-img {
float: right;
top: 0;
width: 30%;
height: 100%;
text-align: center;
overflow: hidden;
}

.flyout-img img {
/*
height: 100%;
width: auto;
*/
}


/* HUB */

.hub-container {
max-height: 500px;
margin: 0 auto 1.5em auto;
}

.content-pad:after {
padding:  0 0 60% 0;
}

.ie .content-pad {
height: 500px;
}

.ie .content-pad:after {
padding: 0;
}

.hub-title {
position: absolute;
width: 50%;
left: 25%;
top: 0;
z-index: 3;
}

.hub-title .header-borders {
color: #fff;
border-color: #fff;
}

.hub-inner {
position: relative;
padding: 0 !important;
width: 100%;
overflow: hidden;
background: url(../img/hub-image.jpg) center center no-repeat;
background-size: 100% auto;

}

.hub-left, .hub-right {
position: absolute;
top: 0;
min-width: 17%;
text-align: center;
}

.hub-left {
left: 0;
}

.hub-right {
right: 0;
}

.hub-left .tab:hover {
width: 110%;
}

.hub-right .tab {
right: 0;
}

.hub-right .tab:hover {
width: 110%;
right: 10%;
}


.tab {
 position: relative;
 background: #668098;
 color: #fff;
 text-align: center;
 margin:  3em 0 3em 0;
 width: 100%;
}

.tab a {
display: block;
width: 100%;
padding: 1em 0;
color: #fff !important;
text-decoration: none;
font-size: 90%;
line-height: 1.7em;
z-index: 1;
}

.hub-icon {
height: 5.5%;
width: 3%;
font-size: 110%;
line-height: 2.8vw;
}

.ie hub-icon {
font-size: 100%;
line-height: 1em;
}


.hf-1 {
top: 19.2%;
left: 27.4%;
}

.hf-2 {
top: 27.3%;
left: 30.2%;
}

.hf-3 {
top: 26%;
left: 35.5%;
}

.hf-4 {
top: 17.5%;
left: 34.5%;
}

.hf-5 {
top: 32.4%;
left: 44%;
}

.hf-6 {
top: 42.7%;
left: 25.3%;
}



/* HOME */

.meet-softub {
display: block;
}


/* CONTENT */

.main {
padding: 1.5em 0 5.5em 0 !important;
}

.content, .content-header {
margin: 0 auto 1.5em auto;
width: 97%;
position: relative;
}

.content-header {
margin: 0 auto;
padding: 1em 1em 0 1em;
}

.big-title h1 {
	font-size: 3em;
}

.big-title-text {
width: 80%;
min-height: 4em;
}

.page-sections {
margin: 0 0 1em 0;
}


.news-article-text, .product-text {
clear: left;
}

.news-article-text {
margin: 1em 0;
}

.news-article-img, .float-right-img {
float: right;
clear: right;
width: 30%;
margin: 0 0 1em 1em;
}

.col-2 .news-article-img {
float: right;
width: 40%;
margin: 0 0 1em 1em;
}

/* SHOP */

.product {
margin-bottom: 3em;
}

.product-text {
margin-left: 1em;
max-width: 55%;
}

.product-imgs {
float: right;
width: 40%;
}

.addtocart {
	/*
margin: 1em 0 1em 0;
*/
}

#customizer {
min-height: 22em;
}

#customizer-softub {
position: absolute;
right: 2em;
width: 32em;
height: 24em;
}

.customize-price {
float: right;
}

.customize-step .float-right {
position: absolute;
right: 1em;
top: 0em;
z-index:99999;
}

.customize-step .float-right .addtocart {
margin: 0;
}


.item-remove {
opacity: 0;
}

.checkout-cart-item:hover .item-remove {
opacity: 1;
}


.alert-message {
max-width: 50%;
}
.alert-message-big {
max-width: 90%;
text-align:left;
}

/* GALLERY & VIDEOS */

.gallery-thumbs {
display: block;
width: 100%;
}

.gallery-thumbs a {
width: 10.1em;
margin: 0 1em 1em 0;
}

.gallery-thumbs a:hover {
box-shadow: 0 0 0 0.188em #2897B3;
}

.videos [class*='col-'] {
padding-bottom: 29.5%;
}

.feature-video {
margin: 0 auto 0 auto;
width: 90%;
padding-bottom: 59.5%;
}

.feature-video-home {
width: 97%;
}

.feature-video iframe {
top: 7%;
}

.videos iframe {
top: 15%;
left: auto;
width: 95%;
height: 85%;
}

.shop-search-box {
	position: absolute; width: 25%; right: 20px;
}








/*
.fbox:nth-child(-3n+4) {
margin-left: 10%;
}
*/


}

/*iPhone5 > */
@media only screen and (max-width:420px) {
	.ribbon-order-brochure {
		display:block;
		left:0;
		width:11em;
		top:0em;
	}
	.ribbon-newsletter {
		margin-top:10em;
	
	}
	
	#call-to-action-container {
		height:360px; background-color:#FFF; position:absolute; z-index:19; top:50px; left:-350px; border:5px solid white;
		width:90%
	}
	
	
	.ribbon-rent-a-spa{
		margin-top:5em;
	}
	
	.also-bought-container {
		width:100%;
		height:300px;
		border:0px solid black;
		margin-bottom:15px;
		background-color:rgba(235,235,235,0.75) 
	}
	
	.make-consulting {
		display:none;
	}
	
	.mobile-tools-icons{
		display: inline-block;
		width: 24px;
		position: fixed;
		z-index: 20;
		top: 12px;
	}
	
	.mobile-tools-icons.newsletter-icon{
		margin-left: 120px;
	}
	.mobile-tools-icons.consulting-icon{
		margin-left: 175px;
	}
	.dealer-be-a-dealer-button{
		    margin: 10% 20% 0%;
	}
	
	.also-bought-image {
		width:100%; height:125px; background-size:cover
	}

	.also-bought-image_bottom {
		height:125px;
		background-position:50%;
	}
	.also-bought-container_bottom {
		width:100%;
		height:320px;
	}
	
	.navigation-hot {
		height:370px; padding:0px; background-color:#FFFFFF; text-align:center
	}
	
	.navigation-hot-elements {
		float:left; width:100%
	}
	
	.navigation-hot-elements-margin {
		margin-top:.5em;
	}
	
	.shop-search-box {
		padding-bottom:10px
	}
	
	.go-back-shop {
		display:none;
	}
	
	.tools-right {
		float:none;
		margin-right: 2%;
	}
	
	.softub-australia-banner {
		position: absolute; right: 20px; width:160px; z-index: 19; margin-top:-120px
	}

	.cookie-message {line-height:20px; min-height:90px}
	.cookie-message-container {width: 75%; float: right; font-size: 12px; line-height: 20px;}
	.cookie-breaker {clear:both; display:block}
	
	.customizer_next {
		position: absolute; top: 300px;right: 34px;
	}
	
	.fbox {width:48%}
	
	.form-hu-img {display:none}
	.form-hu-box {width:100%;}
}

/*min-width 400px */
@media only screen and (min-width:425px) {
	.shop-search-box {
		position: absolute; width: 25%; right: 20px;
		font-size: 14px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width:48em) and (max-device-width:64em) and (orientation:portrait) {
/* Styles */
.logo {
width: 20%;
left: 40%;
}

.videos h3 {
font-size: 80%;
}

.gallery-list a {
padding: 1em 0;
font-size: 80%;
}



}




/* 1000px Wide ----------- */
@media only screen and (min-width:62.5em) {
/* Styles */

h2 {
font-size: 1.5em;
}

.nav ul li {
width: 10%;
}

.subnav:after {
content: "";
display: block;
clear: both;
}

.subnavlinks {
text-align: center;
margin: 1em -1em 0 -1em;
background: #e0d8d2;
}

.subnav a {
padding: .5em;
display: inline-block;
margin: 0 0.063em 0 0;
min-width: 10%;
text-align: center;
}

.big-search {
max-width: 70%;
}

.dealers .big-search {
max-width: 50%;
}

.faq-a {
padding: 0 20% 0 5%;
}


.dealer-intro {
margin: 0 auto 1em auto !important;
max-width: 50%;
}

.nav-links-trigger {
display: block;
right: 0;
}

.softub-australia-banner {
	position: absolute; right: 20px; width:160px; z-index: 19; margin-top:-42px
}




/* END */
}


/* Desktops and laptops (1224px)----------- */
@media only screen and (min-width:76.5em) {
/* Styles */

.col-4 {
/*width: 24.7%;*/
}

.nav {
max-height: none;
/*overflow:hidden;*/
}


.nav.notxt {
	max-height: 9%;
}

.nav.notxt:hover {
max-height: 60em;
}

.nav img {
width: 43%;
}

.nav ul {
min-height: 4em;
}

.nav-links {
padding: .5em 0 1em 0;
}


.nav-links-trigger {
display: block;
/*right: -20em;*/
}


.nav:hover .nav-links-trigger {
right: 0;
}

.full-height {
height: 100%;
}

.footer {
max-width: 68.750em;
}

.flyout-content {
padding: 3em 1em 1em 18em;
}

.flyout-img {
	width: 40%;
float: right;
}

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

.dealer-be-a-dealer-button{
    position: absolute;
    right: 20px;
}




}



/* Large screens (1824px)----------- */
@media only screen and (min-width:114em) {
/* Styles */

.feature-slider {
height: 79%;
}

.swoosh {
height: 10em;
}


.hub-icon {
line-height: 2vw;
}

.product-img {
max-height: 200px;
overflow: hidden;
}

/* END */
}

/* 27" iMac screens (1890px) ----------- */
@media only screen and (min-width:118.125em) {
/* Styles */


.feature-slider {
	height: 76%;
}

.product-img {
	max-height: 400px;
	overflow: hidden;
}

.facebook-counter {
	width:80px;
}
/* END */
}


/* REALLY Large screens (3792px)----------- */
@media only screen and (min-width:237em) {
/* Styles */

body {
font-size: 33px;
}

.hub-icon {
line-height: 1.8vw;
}


}



/* IE classes */
/* LT IE9 */

.ie [class^="flyout"], .ie .main {
font-size: 13px;
}

.ie .tools select {
background: transparent;
}

.ie .tools select:hover {
background: #555;
}

.ie .ribbon-yellow a {
color: #000;
}


.ie .product-img:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.ie .gradient {
       filter: none;
    }



/* IE10 */
@media screen and (min-width:0\0) { 

.tool {
position: relative;
float: left;
}

.tools select {
background: transparent;
}

.tools select:hover {
background: #555;
}

}


/* Helper classes */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999em;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.063em;
    margin: -0.063em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.063em;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
display: block;
clear: both;
}

.clearleft {
clear: left;
}

.margin-0 {
	margin:0px;
}

.green-button-bg {
	background-color:#5fcb54
}

.faq-title {
	color: #668098;
}

.underline {
	text-decoration:underline;
}


/* Print styles */

@media print {

/* Global Print Styles */
    * {
        /* background: transparent !important; */
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        color: #000;
        text-decoration: underline;
    }

    a[href]:after {
        /* content: " (" attr(href) ")"; */
    }

    abbr[title]:after {
        /* content: " (" attr(title) ")"; */
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
/* Site Specific Print Styles */

body, .content {
background: #fff !important;
}

.printlogo {
margin: 1em auto 0 auto;
width: 10em;
height: 5em;
}

.printcontent {
padding: 0 2em 2em 2em;
}

h2 {
font-size: 1.2em;
}

form [class*='col-'] {
padding: 1em 0 0 0;
}

.grid {
width: 99%
margin: 0 auto 1em auto;
page-break-before: avoid;
}

.grid-border [class*='col-'] {
border-right: 1px solid #999;
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

[class*='col-'] {
page-break-before: avoid;
}

.col-2 {
width: 48%;
}

.col-2-3 {
width: 64%;
}

.col-3 {
width: 31%
}

.col-4 {
width: 23%
}

.col-5 {
width: 18%;
}


.main {
padding: 1.5em 0 5.5em 0 !important;
}

.content, .content-header {
margin: 0 auto 1.5em auto;
width: 97%;
position: relative;
}

.content-header {
margin: 0 auto;
padding: 1em 1em 0 1em;
}

.big-title h1 {
	font-size: 3em;
}

.big-title-text {
width: 80%;
min-height: 4em;
}

.page-sections {
margin: 0 0 1em 0;
}


.news-article-text, .product-text {
clear: left;
}

.news-article-text {
margin: 1em 0;
}

.news-article-img, .float-right-img {
float: right;
width: 30%;
margin: 0 0 1em 1em;
}

.col-2 .news-article-img {
float: right;
width: 40%;
margin: 0 0 1em 1em;
}

/* SHOP */

.product {
margin-bottom: 3em;
}

.product-text {
margin-left: 1em;
max-width: 55%;
}

.product-imgs {
float: right;
width: 40%;
}

.addtocart {
	/*
margin: 1em 0 1em 0;
*/
}

#customizer {
min-height: 22em;
}

#customizer-softub {
position: absolute;
top: 7em;
right: 2em;
width: 28em;
height: 17em;
}

.customize-price {
float: right;
}

.customize-step .float-right {
position: absolute;
right: 1em;
top: 16em;
}

.customize-step .float-right .addtocart {
margin: 0;
}


.item-remove {
opacity: 0;
}

.checkout-cart-item:hover .item-remove {
opacity: 1;
}


.alert-message {
max-width: 50%;
}

/* GALLERY & VIDEOS */

.gallery-thumbs {
display: block;
width: 100%;
}

.gallery-thumbs a {
width: 10.1em;
margin: 0 1em 1em 0;
}

.gallery-thumbs a:hover {
box-shadow: 0 0 0 0.188em #2897B3;
}

.videos [class*='col-'] {
padding-bottom: 29.5%;
}

.feature-video {
margin: 0 auto 0 auto;
width: 90%;
padding-bottom: 59.5%;
}

.feature-video-home {
width: 97%;
}

.feature-video iframe {
top: 7%;
}

.videos iframe {
top: 15%;
left: auto;
width: 90%;
height: 85%;
}


.topbar, .mobilenav, .ribbon, .feature, .logo, .button, .top-anchor, .product-links, .gallery-list, .flyout-container, .hub-container, .footer {
display: none;
}

.printonly {
display: block;
}





}