/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Elements Menu Navigation
-------------------------------------------------------------- */

.menubackground {width:100%; background-color:#fff;   z-index:6900; position: relative;}

#menubackgroundwater {height:356px; background: url(../../img/slider/water.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; top:3px; z-index:6900; visibility:hidden;width:100%;}

#menubackgroundearth {height:356px; background: url(../../img/slider/earth.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; top:3px; z-index:6900; visibility:hidden;width:100%;}

#menubackgroundair {height:356px; background: url(../../img/slider/air.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; top:3px; z-index:6900; visibility:hidden;width:100%;}

#menubackgroundmountain {height:356px; background: url(../../img/slider/mountain.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; top:3px; z-index:6900; visibility:hidden;width:100%;}

#menubackgroundcustom {height:356px; background: url(../../img/slider/custom.jpg) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; top:3px; z-index:6900; visibility:hidden;width:100%;}



#colour2 {background-color:rgba(72, 181, 231, 1);} /* water */
#colour3 {background-color:rgba(153, 204, 0, 1);} /* earth */
#colour4 {background-color:rgba(147, 128, 127, 1);} /* mountain */
#colour5 {background-color:#fe7200;} /* air */
#colour6 {background-color:rgba(0, 0, 0, 1);} /* custom */


.menuwrapper {clear:both;height:50px; margin-bottom:5px;margin-right:auto; margin-left:auto; position:relative; }

#nav { font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
			text-transform: uppercase;
			position: relative;
			z-index:8000; bottom: 2px;}

			#nav > a
			{display: none;}
			
			#nav li
			{position: relative;
			 margin-bottom:0px;
	
				
			}
				#nav li a
				{display: block;
				}
				

			#nav span:after
			{
			}

			/* first level */

			#nav > ul
			{
			margin-bottom: 0px;	padding-bottom:0px;
				list-style:none; padding-left:0px;
			}
				#nav > ul > li
				{
					height: 100%;
					float: left;
                    width:19%;
                    margin-right:0.5%;
                
				}
				
				#nav > ul > li.first
				{
	          
				}
					#nav > ul > li > a
					{
					height: 66%;
						text-decoration:none;
						color: #fff;
						margin:0px;
						text-align:center;
						padding:7px 5px 5px 5px;
				        font-size:16px;letter-spacing:3px;
						font-weight:normal;
						
					}

                #nav li#colour2  a:active
                {background-color: #48b5e7 !important;} /* water */
                
                #nav li#colour3  a:active
                {background-color: #99cc00 !important;} /* earth */
                
                #nav li#colour4  a:active
                {background-color: #93807f !important;} /* mountain */
                
                #nav li#colour5  a:active
                {background-color: #fe7200 !important;} /* air */
                
                #nav li#colour6  a:active
                {background-color: #000000 !important;}

						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{font-weight:bold;
						}

						#nav > ul > li#colour2:hover > a,
						#nav > ul:not( :hover ) > li#colour2.active > a
						{font-weight:bold; background-color:#b8e2f6} /* water */

						#nav > ul > li#colour3:hover > a,
						#nav > ul:not( :hover ) > li#colour3.active > a
						{font-weight:bold; background-color:#d7eb9c} /* earth */

						#nav > ul > li#colour4:hover > a,
						#nav > ul:not( :hover ) > li#colour4.active > a
						{font-weight:bold; background-color:#c2bdb7} /* mountain */

						#nav > ul > li#colour5:hover > a,
						#nav > ul:not( :hover ) > li#colour5.active > a
						{font-weight:bold; background-color:#fbbd7d} /* air */

						#nav > ul > li#colour6:hover > a,
						#nav > ul:not( :hover ) > li#colour6.active > a
						{font-weight:bold; background-color:#000000} /* custom */

        /* second level */

				#nav li ul
				{	display: none;
					position: absolute;
					top: 100%;
					margin-left:1px;
					margin-top:0px;
					width:100%; height:358px;list-style:none;padding-left:0px;
				}

				#nav li#colour2  ul
                {background-color:rgba(72, 181, 231, .39);} /* water */
				#nav li#colour3  ul
                {background-color:rgba(153, 204, 0, .39);} /* earth */
				#nav li#colour4  ul
                {background-color:rgba(147, 128, 127, .56);} /* mountain */
				#nav li#colour5  ul
                {background-color:rgba(248, 138, 24, .56);} /* air */

				#nav li#colour6  ul
                {background-color:rgba(0, 0, 0, .71);} /* custom */

				#nav li:not( :first-child ):hover ul
						{}

					#nav li:hover ul
					{display: block;
					left: -1px;
					right: 0;}

						#nav li ul a
						{color:#fff;
							font-size: .9em; 
							padding: 0.55em; 
							text-decoration:none;
						}


					#nav li ul li.first
						{border-top: 0px ;
						}
							#nav li#colour2 ul li a:hover,
							#nav li#colour2 ul:not( :hover ) li.active a
							{
								background-color: rgba(72, 181, 231, 1);
							}/* water */

				#nav li#colour3 ul li a:hover,
							#nav li#colour3 ul:not( :hover ) li.active a
							{
								background-color: rgba(153, 204, 0, 1);
							}/* earth */

                            #nav li#colour4 ul li a:hover,
							#nav li#colour4 ul:not( :hover ) li.active a
							{
								background-color: rgba(147, 128, 127, 1);
							}/* mountain */

                            #nav li#colour5 ul li a:hover,
							#nav li#colour5 ul:not( :hover ) li.active a
							{
								background-color: rgba(248, 138, 24, 1);
							}/* air */

                            #nav li#colour6 ul li a:hover,
							#nav li#colour6 ul:not( :hover ) li.active a
							{
								background-color: rgba(0, 0, 0, 1);
							}/* custom */

	/*  2nd level nav
================================================== */


#nav2 { font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
			text-transform: uppercase;
			position: relative;
			z-index:5800;
            margin-bottom:30px;padding-bottom:20px;}
			
			#nav2 li
			{position: relative;
			margin-bottom:0px;
			}
				#nav2 li a
				{display: block;
				}
			
			/* first level */

			#nav2 > ul
			{list-style:none; padding-left:0px;
			}
				#nav2 > ul > li
				{height: 100%;
				float: left;
				}
				
					#nav2 > ul > li > a
					{   height: 66%;
						text-decoration:none;
						color: #cbbfb5;
						margin:0px;
						text-align:center;
						padding:5px 15px 5px 15px;
				        font-size:14px;
						font-weight:normal;
						border-right: 1px solid #c4c3c3;
					}

 #nav2 > ul > li.first > a
				{padding-left:0px;
				}
 #nav2 > ul > li.last > a
				{border-right:0px;
				}
						#nav2 > ul > li:hover > a,
						#nav2 > ul:not( :hover ) > li.active > a
						{color: #000;
						}


	/* small navigation 
-------------------------------------------------------------- */

#smallnav { font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
			text-transform: uppercase;
		float:right; position: relative; top:30px;
			z-index:8000;}

#smallnav > ul
{
height: 1.5em;
margin-bottom: 0px;	
padding-left:0px;
list-style:none;
}
#smallnav > ul > li
{
			height: 100%;
			float: left;
border-right: 1px solid #938a7f;				}


					#smallnav > ul > li > a
					{
						text-decoration:none;
						color: #938a7f;
						margin:0px;
						text-align:center;
						padding:5px 15px 5px 15px;
				        font-size:12px;
						font-weight:normal;
					}

	            #smallnav > ul > li.last 
				{border-right: 0px ;
	             }	
					
				#smallnav > ul > li:hover > a,
				#smallnav > ul:not( :hover ) > li.active > a
						{color: #000000;
					}



	
/* footer navigation 
-------------------------------------------------------------- */
#footernav .navcustom{background-color: transparent;}

#footernav { font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
			text-transform: uppercase;
			position: relative;
			z-index:6000; padding-bottom:40px; padding-top:50px;
 text-align:center;
		}
			#footernav > a
			{display: none;
			}
			
			#footernav li
			{position: relative;
				margin-bottom:0px;
				
			}
				#footernav li a
				{display: block;
				}
				#footernav li a:active
				{color: #000 !important;
				}

			/* first level */

			#footernav > ul
			{
padding-left:0px;
				margin-bottom: 0px;	
				list-style:none;display:inline-table;
			}
				#footernav > ul > li
				{
					height: 100%;
					float: left;display:inline; 
				}
				
				
					#footernav > ul > li > a
					{

						text-decoration:none;
						color: #938a7f;
						margin:0px;
						text-align:center;
						padding:5px 15px 5px 15px;
				        font-size:12px;letter-spacing:2px;
						font-weight:normal;
						border-right: 1px solid #938a7f;
			
					}

#footernav > ul > li.last > a
				{
	                border-right: 0px;
				}
					
						#footernav > ul > li:hover > a,
						#footernav > ul:not( :hover ) > li.active > a
						{
							color: #000000;
					
						}
	
/* second footer navigation 
-------------------------------------------------------------- */

        h4 a.water {color:#48b5e7}
        h4 a.water:hover {color:#b8e2f6}
        
        h4 a.earth{color:#99cc00}
        h4 a.earth:hover{color:#d7eb9c}
        
        h4 a.mountain{color:#938a7f}
        h4 a.mountain:hover{color:#c2bdb7}
        
        h4 a.air{color:#f88a18}
        h4 a.air:hover{color:#fbbd7d}
        
        h4 a.custom{color:#000}
        h4 a.custom:hover{color:#525452}
        
        h4 a:hover {color:#000}
#footersmallnav { }
		
#footersmallnav h4 {margin-bottom:0px;}
			
.footersmallnav > ul
			{padding-left:0px;
				text-align:center;	
				list-style:none;
			}
				.footersmallnav > ul > li
				{height: 100%;
width:100%;margin-bottom:4px;}
				
				
					.footersmallnav > ul > li > a
					{
						text-decoration:none;
						color: #756d64;
						margin:0px;
						text-align:left;
				        font-size:15px;
						font-weight:normal;
					}

						.footersmallnav > ul > li:hover > a,
						.footersmallnav > ul:not( :hover ) > li.active > a
						{	color: #000000;
					}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .menuwrapper {
    width: 90%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .menuwrapper {
    width: 95%; 
    height: 30px;
  }
}


/* Smaller than 960 - all mobile
-------------------------------------------------------------- */

@media only screen and  (max-width: 959px) {
#smallnav {display:none;}
#footersmallnav  {display:none;}
.overallheader {margin-bottom:10px;}
#footernav {padding-top:20px;}
#menubackgroundwater {height:auto;}
#nav > ul > li {width:18.5%;}
.toggle {width:30px;}				
#nav li ul{height:auto;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

#smallnav > ul > li > a
				{padding:5px 10px;
				 font-size:12px;}
}	


/* Smaller than 960 - small tablet and mobile landscape
-------------------------------------------------------------- */

@media only screen and (min-width: 550px) and (max-width: 767px) {
#nav > ul > li > a{font-size:11px;letter-spacing:1px;}

}

		
/*  Mobile phone in portrait - Changes to an icon
================================================== */
@media only screen and (max-width: 550px) {
    .menuwrapper {top:20px; height:50px;}
			#nav
			{   position: absolute;
				top: -10px;
				left: auto;width:100%;
				z-index:9890;
				margin-bottom:0px;
				
			}
				#nav > a /* icon for search */
				{    font-size: 85%; /* 12 */
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #ccc;
					position: relative;
				
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				margin-bottom:5px;
pad
				
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
					border-right: none;
					
				}
				
					#nav > ul > li > a
					{   font-size:110%;
						height: auto;
						text-align: left;
						padding: 0.375em 0.833em 0.375em 0.833em; /* 20 (24) */
						background:none;
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #fff;
						}

	/* second level */

				#nav li ul
				{
					position: static;
					
					padding-top: 0;
					background-color: #d3d2d1;
					width:100%;
					margin-bottom:0px;
				}
				
				
				    #nav li ul a
						{
							border-bottom: 0px;
							font-size: .9em; /* 20 */
							padding: 0.55em; /* 15 (20) */
							padding-left:20px;
						}
					#nav li ul li.first
						{
							border-top: 0px ;
								
						}
						
					#nav li ul li
						{
							border-bottom: 0px;
							border-top: 0px;
							margin-bottom:0px;
						}
							
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #fff;
								color: #5f7ec0;
			
}
#footernav  {text-align:left}
#footernav > ul > li
		{
                  float: none;
		}
				
	#footernav > ul > li > a
	{			
	text-align:left;
padding:5px 15px 5px 0px;
border-right: 0px;
}


#nav2  {text-align:left; padding-bottom:0px;}
#nav2 > ul > li
		{
                  float: none;
		}
				
#nav2 > ul > li > a
	{			
	text-align:left;
padding:5px 15px 5px 0px;
border-right: 0px;
}


}


			/*  larger breakpoints
================================================== */

				

@media only screen and (min-width: 960px) and (max-width: 1199px){

#nav > ul > li {width:18.8%;}
}


@media only screen and (min-width: 1200px) and (max-width: 1439px){




}

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

  .menuwrapper {
    width: 90%; }
}
				






/* #Site Styles
================================================== */
html {	overflow-y:scroll; /* Force scrollbars all the time to avoid page jumps. */  padding: 0; margin: 0; height: 100%;}
body { padding: 0; margin: 0; height: 100%;background-color:#fff; 
/* Footer Colour */ color:#938a7f;}

#wrapper, #nextimg {
    position: absolute;
   width:100%; height:356px; background: #666 no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; margin-bottom:20px; max-width:1920px;margin-right:auto; margin-left:auto;;
}
#wrapper {
    z-index: 2;
}
#nextimg {
    z-index: 1;
}

.scale-to-grid {width:100%;}

.tick {list-style-position:inside;}

ul.tick {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.tick li {
    background-image: url(../../img/site/tick.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 24px;
line-height:20px;
}


/* #Images
================================================== */

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

.leftproductlogo {float:left; width:50px; position:relative; top:10px;}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
.add-top{margin-top:20px !important;}

.sliderorange {background-color:#fe7200;}

/* #Header and Logo
================================================== */

.logo { margin:30px 0px 20px 0px; z-index:9900; max-width:260px;}
.headercontainer {width:960px; margin: 0 auto; padding: 0;}
.logocolumn { float: left; display: inline; margin-left: 0px; margin-right: 10px; width:350px;}
.navcolumn { float: right; display: inline; margin-left: 10px; margin-right: 10px; }

.homestart {padding-top:365px;}

/* #Map
================================================== */
.nzmap1 {max-width:350px;}


/* #Forms
================================================== */


/* === Drop down product search === */

.content {position:relative; margin-right:auto; margin-left:auto;}
.menuwrapper {position:relative;}
.toggle{
position:absolute;
right:0px;
top:0px;
 display:block;
height:31px;
width:32px;  background:url("../../img/site/search/search-icon.png");cursor:pointer;z-index:9920;
}
.toggle:hover{
background:url("../../img/site/search/search-icon-rollover.png");cursor:pointer;
}

.toggle.expanded{
  background:url("../../img/site/search/search-icon-rollover.png");}
.toggle.expanded:hover{
  background:url("../../img/site/search/search-icon.png");}

.hiddensearchbox {
width:22%; 
position:absolute; 
top:0px; 
right:0;
z-index:7777;
background-color:rgba(255, 255, 255, 0.7); 
background: url(../../img/site/search/searchbackground-1.png) no-repeat center; 
background-size: 100% 360px;
height:360px;
}

.advancedsearchcontainer{
text-align:center;
margin-right:auto;margin-left:auto;
}

.advancedsearch ul {
    width:220px;text-align:center;
margin-right:auto;margin-left:auto;
}

.advancedsearch label {
display:none;
}


.advancedsearch legend {font-family: Lato, aqua_grotesqueregular, Arial, sans-serif; 
font-size:15px; font-weight:normal;
text-transform: uppercase;  width:210px;  text-align:center; color:#938a7f;line-height:20px; margin:12px auto 48px auto;
}

.advancedsearch select{
	height:34px; 
	width:210px; 
	padding:4px; 
	margin: 3px auto; background-color: #fff; border: 2px #938a7f solid; font-family: Lato, calibri, Arial, sans-serif;  font-size:15px;  color:#938a7f; }



.advancedsearch li{
	padding:0px; 
	border:0px;
	position:relative;
margin:0px auto;
}

input#as0_advsea-submit {background:transparent; font-family: Lato, aqua_grotesqueregular, HelveticaNeueBold, "Helvetica Neue Bold", Arial, sans-serif; color:#938a7f; text-transform: uppercase; font-size:25px; border:0px;text-align:center; margin: 28px auto; padding:0px;float:none;}
input#as0_advsea-submit:hover {color:#111;border:0px;background:transparent;}


/* Homepage Slider
-------------------------------------------------------------- */

#slideit {}
.slidertext {font-family: Lato, Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;
 text-transform:uppercase; font-weight:bolder;
 color:#fe7200;  font-size:30px; line-height:35px;    position: relative; background-color:rgba(255, 255, 255, .7);padding:5px 10px;
    top: 250px; width:55%}

/* Product page
-------------------------------------------------------------- */

.producttable {position: relative; margin:8px 0px; padding:0px;}
.producttable p {margin-bottom:0px;}
.productlabel {font-weight:bold; font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; text-transform:uppercase; font-size:14px;}
.add20top {margin-top:20px;}
a .productlabel {text-decoration:none; color:#938a7f;}
.nounderline{text-decoration:none;}

.prodcolweek {background-color: rgba(255, 255, 255, .8); position:absolute; top:20px; left:0px; z-index:6666; color:#938a7f; text-transform:uppercase; font-size:20px; font-weight:normal;padding:10px 25px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;}
.prodcolweekend {background-color: rgba(255, 255, 255, .8); position:absolute; top:20px; left:0px; z-index:6666;color:#938a7f; text-transform:uppercase; font-size:20px; font-weight:normal;padding: 10px 25px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;}
.prodcolanytime {background-color: rgba(255, 255, 255, .8); position:absolute; top:20px; left:0px; z-index:6666;color:#938a7f; text-transform:uppercase; font-size:20px; font-weight:normal;padding: 10px 25px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;}

.productmap {position: absolute;
   right:5px; top:-10px; width:35px;}

.productmap:hover {width:39px;}

.levelimg{position: absolute;
    right:5px;width:36px;top:-10px;}

.starimg{position: absolute;
  right:5px; top:5px; width:15px;}

.productimage {max-width:440px;}

.spaceleft {margin-left:55px;}

.producthead {color:#938a7f;padding-top:20px;font-weight:bold;}

.productbutton { -moz-border-radius: 10px; font-size:13px;
		-webkit-border-radius: 10px;border:0px;
		border-radius: 10px; padding:10px; 
		color: #fff; font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; text-transform:uppercase; text-align:center; display:inline; margin:16px 10px 0px 20px;float:left;-webkit-appearance: none;}


/* product buttons */

.water .productbutton.waterbackground, .waterbackground {background-color:#48b5e7;} /* water */
.earth .productbutton.earthbackground, .earthbackground {background-color:#99cc00;} /* earth */
.mountain .productbutton.mountainbackground, .mountainbackground {background-color: #938a7f;} /* mountain */
.air .productbutton.airbackground, .airbackground {background-color: #fe7200;} /* air */

.water .productbutton:hover {background-color:#b8e2f6 ;font-weight:bold;border:0px;}
.earth .productbutton:hover {background-color:#d7eb9c ;font-weight:bold;border:0px;}
.mountain .productbutton:hover {background-color:#c2bdb7 ;font-weight:bold;border:0px;}
.air .productbutton:hover {background-color:#fbbd7d ;font-weight:bold;border:0px;}


.productbuttons {height:50px;}

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

.buttons {padding-top:20px;}



/*  product search results & listing page & Calendar 
================================================== */


.bannerwater {width:100%; height:180px; background: url(../../img/slider/water-banner.jpg) no-repeat center center; 

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; z-index:5900; width:100%; }

.bannerearth {width:100%; height:180px; background: url(../../img/slider/earth-banner.jpg) no-repeat center center; 

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; z-index:5900;  width:100%; }

.bannerair {width:100%; height:180px; background: url(../../img/slider/air-banner.jpg) no-repeat center center; 

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; z-index:5900;  width:100%; }

.bannermountain {width:100%; height:180px; background: url(../../img/slider/snow-banner.jpg) no-repeat center center; 

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; z-index:5900;  width:100%; }


.bannercustom {width:100%; height:180px; background: url(../../img/slider/custom-banner.jpg) no-repeat center center; 

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; position:absolute; z-index:5900;  width:100%; }

.h1water h1 {color:#fff; margin-bottom:70px; position:relative; z-index:222;}
.h1earth h1 {color:#fff; margin-bottom:70px; position:relative; z-index:222;}
.h1mountain h1 {color:#fff; margin-bottom:70px; position:relative; z-index:222;}
.h1air h1 {color:#fff; margin-bottom:70px; position:relative; z-index: 222;}
.h1custom h1 {color:#fff; margin-bottom:70px; position:relative; z-index: 222;}

.listing {padding-top:30px;}

.listingpagecategory
{width:100%;margin-right:auto; margin-left:auto;}

.searchresult a.moreinfo {font-weight:normal; text-decoration:none; font-family: Lato, alibri, "Arial", sans-serif;  -moz-border-radius: 10px; font-size:16px; -webkit-border-radius: 10px;border:0px; border-radius: 10px; padding:5px 10px; color: #fff; width:auto; text-align:center; margin- }

.searchresult {border-bottom: 1px solid #938a7f;}

.searchresult .searchstrong {font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size:12px; color: #938a7f; font-weight:bold;}

.searchresult {width:100%; display:block; clear:both;margin-bottom:10px;margin-top:10px;  padding:0px 0px 20px 0px; background-color:#f0eeeb;}

.searchresult h3 a {text-decoration:none;  font-weight:bold; font-size:20px; line-height:15px;margin-bottom:0px; padding-bottom:0px;position:relative;top:10px;}


.water h3, .water h3 a, .searchwater h3 a, .water .price, .searchwater .price, .water .priceproduct, .water .blok p, .searchwater .blok p{color: #48b5e7;}
.earth h3, .earth h3 a, .searchearth h3 a, .earth .price, .searchearth .price, .earth .priceproduct, .earth .blok p, .searchearth .blok p{color: #99cc00;}
.mountain h3, .mountain h3 a, .searchmountain h3 a, .mountain .price, .searchmountain .price, .mountain .priceproduct, .mountain .blok p, .searchmountain .blok p{color: #938a7f;}
.air h3, .air h3 a, .searchair h3 a, .air .price, .searchair .price, .air .priceproduct, .air .blok p, .searchair .blok p{color: #fe7200;}

.blok h3 {margin-bottom:10px; line-height:1.1;}
.blok p {line-height:1.2;}
.water h3 a:hover {color:#b8e2f6 }
.earth  h3 a:hover {color:#d7eb9c ;}
.mountain  h3 a:hover {color:#c2bdb7 ;}
.air  h3 a:hover {color:#fbbd7d ;}

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

.colweek {background-color: rgba(255, 255, 255, .8); width: 85px; position:absolute; top:20px; left:-10px; z-index:6666; color:#938a7f; text-transform:uppercase; font-size:18px; padding:5px 15px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.colanytime {background-color: rgba(255, 255, 255, .8); width: 85px; position:absolute; top:20px; left:-10px; z-index:6666; color:#938a7f; text-transform:uppercase; font-size:18px; padding:5px 15px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.colweekend {background-color: rgba(255, 255, 255, .8); width: 85px; position:absolute; top:20px; left:-10px; z-index:6666;color:#938a7f; text-transform:uppercase; font-size:18px; padding:5px 15px;font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;}

.flexi {display:flex;}
.paddingside {padding:0px 10px;}
.starimgsearch {width:15px;position:relative; top:3px; right:-30px;}
.levelimgsearch {width:35px;position:relative; top:-15px; right:5px;}

.imagesearch {position:relative; z-index:5500;margin-left:0px;}
.searchimage {padding-top:10px;}
.productlogosearch {padding-top:10px; width:60px; height:60px; max-width:60px;}
.productlogo {width:100%;}

.title {min-height:50px;}

.priceproduct {font-size:20px; font-weight:bold; }

.productbackground {background-color:#f0eeeb; margin-bottom:60px;}

.searchresult .price {font-size:17px; line-height:25px;}

.blok {display:inline-block;}

.advsea-current {color:#938a7f;}

.control
.paging {
background-color:#444; 
margin-left: auto;
   margin-right: auto; 
	}

.pageList ul {
	padding:0px;
	margin: 0px;
	list-style-type: none; line-height: 1;
	letter-spacing:1.5px;  }

.pageList li {
	float: left;
	width: auto;list-style-type: none;margin-right:2px;}

	
.pageList a {
	display: block;
	width: auto;
	text-decoration:none;
	color:#fff;
	border-right: 1px solid #fff;
	border-bottom: 0px;
	text-align:center;
	padding:10px 12px 10px 12px;
	font-size:1em;text-transform:uppercase; 
	font-weight:normal;background-color: #756d64;}


.pageList a:hover {background-color: #938a7f; /*First or top level hover colour*/ color:#fff;}


/* faqs
-------------------------------------------------------------- */
#faqs { position:relative; }
.rightcolumngrey {background-color:#f0eeeb;}

#faqs h3	{ cursor:pointer; font-size:1.1em; line-height:32px; margin-bottom:15px; width:100%; background-color:#fff; color:#938a7f;  padding:1px 5px; background-image: url(../../img/site/faq/faqcontrol-brown.png); background-position:99% center; background-repeat:no-repeat; right:-5px; border-bottom:1px solid #cbbdb5;}

#faqs h3.active	{ background-color:#cbbdb5; color: #fff; background-image: url(../img/site/faq/faqcontrol-down.png);}
#faqs h3.selected	{ background-color:#cbbdb5; color: #fff; }

.faqback {}

#faqs h5 {font-family: calibri, Arial, sans-serif; font-weight:bold;}
#faqs div   { position:relative; }
#faqs div p	{ padding:0; margin-bottom:30px; }


/* What´s coming boxes on homepage
-------------------------------------------------------------- */
.whatscomingboxes {padding:15px 0px 15px 0px;}

.whatscomingboxesalltext {padding:5px;}
.whatscomingboxes h5 {margin-bottom:10px; }
.whatscomingboxes h5 a {text-transform:uppercase; text-decoration:none; padding: 0px; margin-bottom:0px; }
.whatscomingboxes p {padding-top:0px; margin-top:0px; margin-bottom:0px; padding: 0px; }
.whatcomingtext {margin-bottom:10px;}

.listingtext {height:60px;}



/* Specials box on homepage
-------------------------------------------------------------- */

.specialsbox h5 a {text-transform:uppercase; text-decoration:none; padding-bottom:0px; margin-bottom:0px; }
.specialsbox p {padding-top:0px; margin-top:0px; margin-bottom:0px; padding-bottom:0px; }

/* Footer
-------------------------------------------------------------- */

.footerback {border-top:4px solid #938a7f; padding-top:0px; padding-bottom:20px; margin-top:20px; }
.footerback h4 a{text-decoration:none; margin-right: auto; color: #756d64; font-size:15px; letter-spacing:3px;
	margin-left: auto;}
.footer {}
.footer p {	font-family: Lato,"HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:600; font-stretch:normal; color:#938a7f; }
.center {text-align:center;}

.copyright {text-align:center;font-size:10px;margin-top:0px;}
.copyrightimage {width:200px;}
.addthis_sharing_toolbox {text-align:center;position:relative; top:-20px;}
.stay {position:relative;}
   #mc_embed_signup h2 {font-size:1.1em;line-height:1.1em;}
   #mc-embedded-subscribe.mailchimpbutton  {background-color:#fe7200; -moz-border-radius: 10px;font-size:13px;
		-webkit-border-radius: 10px;border:0px;
		border-radius: 10px; color: #fff; 
		font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
		text-transform:uppercase; text-align:center; 
		display:block;   -webkit-appearance: none; width:40%; }
	#mc-embedded-subscribe.mailchimpbutton:hover{	
		background-color: #fbbd7d;}
		
		
#mc_embed_signup input {display:block; margin-left:0px; margin-top:0px; width: 100%;}

/* Misc
-------------------------------------------------------------- */

.remove-top { margin-top: 0 !important; position:relative;}

.remove-bottom { margin-bottom: 0 !important; }
.remove-topandbottom { margin-top: 0 !important; margin-bottom: 0 !important; position:relative;padding:0px 10px;}
.floatright {float: right;}

.add10top {margin-top:10px;}
.paddingtop {padding-top:30px;}
.paddingtop h1 {margin-bottom:0px;}
.addspace {padding-bottom:49px;}
.spacebottom {padding-bottom:30px;}
.floatleft {float:left; margin-right:10px;}

.listingpaddingtop {padding-top:100px;position:relative; z-index:6000;}
.listingnone .listingpaddingtop {padding-top:30px;}

/* Simple Search
-------------------------------------------------------------- */


h2.simplesearch {font-size:1.1em;line-height:1.1em;}

.searchcontents {text-align:left;}
.sisea-search-form {width:100%;}
.sisea-search-form .searchfield { }

.sisea-search-form input, 	
.sisea-search-form input[type="text"]
{
display: block; margin-left:0px; margin-top:0px; width: 100%;
}  
.sisea-search-form .search-button {width: 40%; float: right;}

*::-webkit-input-placeholder {
    color: #756d64;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #756d64;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #756d64;
}



.sisea-search-form .search-button {background-color:#fe7200; -moz-border-radius: 10px;font-size:13px;
		-webkit-border-radius: 10px;border:0px;
		border-radius: 10px;  color: #fff; font-family: Lato, aqua_grotesqueregular, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
		text-transform:uppercase;   
		text-align:center; display:inline;-webkit-appearance: none;
}

.sisea-search-form .search-button:hover {background-color:#fbbd7d;font-weight:bold;border:0px;
}


.sisea-result h5 a {text-decoration:none;}


	
/*  #All Mobile
================================================== */

@media only screen and (max-width: 767px) {

.logo {padding-top:10px; height:auto;padding-bottom:5px; max-width:190px; margin:0px 0px 5px 0px;  position:absolute; left:90px;}
.blok h3 {margin-left:5px;}
.blok p {margin-left:5px;}
	
.slidertext {display:none;}

.toggle{
top:-10px;
right:10px;
}

.searchbox {padding-top:1px; padding-bottom:2em;}

.simplesearchbox {float:none !important; }
	
#faqs h3	{ font-size:1em;}
.hideonmobile {display:none;}
.productbutton {margin: 16px 10px 0px 10px;}



.leftproductlogo {position:relative; top:-5px;}
}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 550px) and (max-width: 767px) {
.sisea-search-form .search-button {float: none;}
.logo {padding-top:10px; max-width:170px;height:auto;padding-bottom:1px;}	
.hiddensearchbox {width:43%; }
.producttable {padding:0px 10px;}	
.form .inset{margin-left:5px;}	
.form button { margin:20px 20px 20px 20px; }
	.logo {padding-top:5px; max-width:90%; height:auto; padding-bottom:1px; 
	left:0px; position:relative; }
.toggle
{height:28px;
width:27px; }
    
    
}
	


/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.starimgsearch {left:-1px;}
.producttable {margin:2px 0px; }
.producttable p {font-size:14px; }
.priceproduct {font-size:16px; }
.productbuttons {padding-left:200px;padding-bottom:5px;}
.spaceleft {margin-bottom:20px;}
.slidertext {font-size:28px; line-height:32px;    top: 200px; width:70%;}
.searchimage {margin-top:90px;}
.colweek { top:110px; }
.colweekend {top:110px; }
.hiddensearchbox {width:43%;}
}	

/*  #Mobile (Portrait) Nav icon
================================================== */
	
@media only screen and (max-width: 549px) {
	
.hiddensearchbox {
width:100%; 
position:absolute; 
top:0px; 
left:0px;
}

.sisea-search-form .search-button {float: none;}

.searchbox {padding-top:1px; padding-bottom:1px;margin-bottom:0px;}
	
.starimgsearch {right:0px;}
.producttable {padding:0px 10px;}
.spaceleft {margin-left:10px; margin-bottom:20px;}

.prodcolweek {top:5px; }
.prodcolweekend {top:5px; }


#faqs h3	{ font-size:.9em; }
.form button { margin:20px 20px 20px 20px; }

.form .inset{margin-left:5px;}

#recaptcha_image { width:auto !important; max-width: 100%; height: auto !important}
#recaptcha_image img { width:100% ;}
#recaptcha_response_field { width: 100% !important; max-width: 302px; }

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{
float: left;
}
#recaptcha_area tr{
height: auto !important;
}
.recaptcha_image_cell{
width: 100% !important;
max-width: 300px;}

img{
height: auto !important;
}

}

			/*  larger breakpoints
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px){

.producttable {margin:4px 0px; }
.producttable p {font-size:15px;}
.slidertext {top: 250px; }

.searchimage {margin-top:30px;}
.colweek { top:50px; }
.colweekend {top:50px; }
.hiddensearchbox {
width:30%; 

}
}

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

input.productbutton.airbackground
{margin-left:45px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1439px){

.starimgsearch {left:-75px;}
.levelimgsearch {left:-110px; }
.addthis_sharing_toolbox {position:relative; top:-82px;  z-index:8100;}

.simplesearchbox {position:relative; z-index:9920;}

}

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

.starimgsearch {left:-75px;}
.levelimgsearch {left:-110px; }
.addthis_sharing_toolbox {position:relative; top:-92px; z-index:8100;}

.simplesearchbox {position:relative; z-index:9920;}


}







@font-face {
    font-family: 'aqua_grotesqueregular';
    src: url('fonts/aqua-webfont.eot');
    src: url('fonts/aqua-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aqua-webfont.woff') format('woff'),
         url('fonts/aqua-webfont.ttf') format('truetype'),
         url('fonts/aqua-webfont.svg#aqua_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freestyle_scriptregular';
    src: url('fonts/freescpt-webfont.eot');
    src: url('fonts/freescpt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/freescpt-webfont.woff') format('woff'),
         url('fonts/freescpt-webfont.ttf') format('truetype'),
         url('fonts/freescpt-webfont.svg#freestyle_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



#icons
{  
text-align:center; margin: 10px auto 30px auto; }

  .demo-icon
    { font-size:3.5rem;
      font-family: "phone";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
   
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

@font-face {
  font-family: 'phone';
  src: url('fonts/phone.eot?32544943');
  src: url('fonts/phone.eot?32544943#iefix') format('embedded-opentype'),
       url('fonts/phone.woff2?32544943') format('woff2'),
       url('fonts/phone.woff?32544943') format('woff'),
       url('fonts/phone.ttf?32544943') format('truetype'),
       url('fonts/phone.svg?32544943#phone') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'phone';
    src: url('fonts/phone.svg?32544943#phone') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "phone";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */

/* For devices larger than 550px */
@media (min-width: 550px) {

    #icons {position: relative; top:-50px; margin: 10px auto;}
    
}