@import url(//fonts.googleapis.com/css?family=Quicksand:300,400,700);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font : 100% Quicksand, sans-serif; 	
color : #000; 
text-align: center;
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
background: #fff;
}

body *{ 
word-wrap: normal !important;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
button,
input,
select,
textarea { 
font-family : 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
color : #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:  Quicksand, sans-serif;
font-weight : normal;
letter-spacing: -1px;
}

h2 { 
color: #222;
margin-bottom : .5em;
font-weight:300 !important;
font-family:  Quicksand, sans-serif;
font-size : 48px; 
line-height : 1.2;
}

h3 { 
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3; }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

footer h4 { 
color: #ccc;
}

h5 { 
color: #000000;
margin-bottom : 1.25em;
font-weight:700 !important;
letter-spacing:0.8px;
font-family: 'Source Sans Pro', sans-serif !important;  
font-size : 24px; }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;
font-size : 22px;
line-height:1.2;
font-weight:200;
letter-spacing:1.75px;
font-family: 'Source Sans Pro', sans-serif;  
}

p strong{
font-weight:600;
}

p.center {
text-align: center;
}


.and {
font-family: Quicksand, Georgia, Times New Roman, sans-serif;
font-size: 1.5em; /* 24 / 16 */
}

.heart {
font-size: 1.5em; /* 24 / 16 */
}

ul,
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul,
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl,
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

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

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

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

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
color: #666;
}

/* LINKS =============================================================================  */

a { 
color : #0596BE;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : #ee3344; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover,
a:active { 
outline : 0;
color : #20bae5;
}


footer a { 
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #fff; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:hover,
footer a:active { 
outline : 0;
color : #fff;
}


/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : 400;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}

label.inline{
display:inline;
margin:0;
}

label span{
color:#666;
font-size:0.9em;
}

label span.right{
position:absolute;
bottom:0;
right:1em;
text-align:right;
}

label.disabled{
color:#ccc;
}


button,
search,
input,
select,
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { 
padding: 0;
margin: 0;
cursor : pointer; 
text-shadow:none;
}

input[type="checkbox"],
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
box-sizing : content-box;
}

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

input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#bbb;
}

input::-moz-focus-inner {border:0;}

input[disabled="disabled"], input.disabled{
color:#999;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}


/* Colors for form validity */
input:valid,
textarea:valid   {  
/* Styles */ }

input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : #ccc; }



/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
width: 100%;
position: relative;
text-align: left;
}

  #wrapper{
    margin-top:70px;
  }

  #headcontainer {
    width: 100%;
    position:fixed;
    z-index:9999;
    top:0;
    background:#fff;
    height: 70px;
  }

  header {
    clear: both;
    width: 80%; /* 1000px / 1250px */
    font-size: 0.8125em; /* 13 / 16 */
    max-width: 92.3em; /* 1200px / 13 */
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    height:50px;
    line-height:50px;
    padding: 10px 0px 10px 0px;
    color: #000;
    text-align: center;
  }
 
.maincontentcontainer {
  width: 100%;
}

  .standardcontainer {
    
  }
  
  .darkcontainer {
    background: rgba(102, 102, 102, 0.05);
  }

  .lightcontainer {
    background: rgba(255, 255, 255, 0.33);
  }
  
  .maincontent{
    clear: both;
    width: 80%; /* 1000px / 1250px */
    font-size: 0.8125em; /* 13 / 16 */
    max-width: 92.3em; /* 1200px / 13 */
    margin: 0 auto;
    padding: 1em 0px;
    color: #333;
    line-height: 1.5em;
    position: relative;
  }

  #footercontainer {
    width: 100%;	
  }

  footer {
    clear: both;
    width: 80%; /* 1000px / 1250px */
    font-size: 16px; /* 13 / 16 */
    max-width: 92.3em; /* 1200px / 13 */
    margin: 0 auto;
    padding: 60px 0px 40px 0px;
    color: #999;
  }
  
  footer a:hover{
    color:#25262b;
  }
  
  footer .span_1_of_5 p{
    font-size: 16px;
    padding:0;
    margin:0;
    font-weight:600 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
  }

  footer a:hover { color: #25262b; text-decoration: none; }

/*  SECTIONS  ============================================================================= */

.section {
clear: both;
padding: 0px;
margin: 0px;
}


/*  CODE  ============================================================================= */

pre.code {
padding: 0;
margin: 0;
font-family: monospace;
white-space: pre-wrap;
font-size: 1.1em;
}

strong.code {
font-weight: normal;
font-family: monospace;
font-size: 1.2em;
}


/*  EXAMPLE  ============================================================================= */

#example .col {
background: #ccc;
background: rgba(204, 204, 204, 0.85);

}

/*  SAMPLE  ============================================================================= */

#sample .col {
background: #ccc;
padding: 1em 0;
background: rgba(204, 204, 204, 0.85);

}

/*  CALCUATIONS  ============================================================================= */

#calculated .col {
background: #ccc;
padding: 1em 0;
background: rgba(204, 204, 204, 0.85);

}

/*  NOTES  ============================================================================= */


.note {
position:relative;
padding:1em 1.5em;
margin: 0 0 1em 0;
background: #fff;
background: rgba(255, 255, 255, 0.5);
overflow:hidden;
}

.note:before {
content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0;
border-style:solid;
border-color:transparent transparent #cccccc #cccccc;
background:#cccccc;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
-webkit-border-radius:5px 0 5px 5px;
-moz-border-radius:5px 0 5px 5px;
border-radius:5px 0 5px 5px;
}

.note.rounded:before {
border-width:8px;
border-color:#ff #ff transparent transparent;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius:0 0 0 5px;
border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
max-width: 90%;
padding: 5%;
margin: 0 0 1em 0;
background: transparent url(/images/stripe-bg.png);
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
}

.siteimage:hover {
background: #bbb url(/images/stripe-bg.png);
position: relative;
top: -2px;

}

/*  COLUMNS  ============================================================================= */

.twocolumns{
-moz-column-count: 2;
-moz-column-gap: 2em;
-webkit-column-count: 2;
-webkit-column-gap: 2em;
column-count: 2;
column-gap: 2em;
}

/*  BUTTONS  ============================================================================= */


.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-weight: normal;
color: #fff;
padding: .5em 1em;
margin: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size : 1.1em;
      
}
.button:hover {
background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
color: #fff;
text-decoration: none;
}
.button:active {
background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
color: #fff;
position: relative;
top: 1px;
}
.button:visited { 
color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
  float: left;
}

.floatright {
  float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"],
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

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

p {
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

#lang {
position: absolute;
left: 121px;
height: 48px;
width: 100px;
font-weight: 900;

}

#lang * {
cursor: pointer;
}

#globe {
position: absolute;
width: 24px;
height: 24px;
background: url('../img/gray-globe.png');
border: 0px;
border-bottom: 0px;
margin-top: 12px;
}

#globe.selected {
border-bottom: 0px;
}

#lang-menu {
width: 48px;
position: absolute;
top: 0px;
left: 19px;
padding-top: 30px;
background: white;
border: 1px solid rgba(128, 128, 128, 0.25);
border-radius: 4px;
display: none;
}

#lang-menu.selected {
display: block;
}

.lang-option {
height: auto;
line-height: 30px;
text-transform: uppercase;
}

.lang-option:hover {
cursor: pointer;
background: #eee;
}

#active-lang {
position: absolute;
text-transform: uppercase;
left: 22px;
width: 48px;
z-index: 10;
}

a#logo{
position: absolute;
display:block;
width:101px;
height:47px;
cursor:pointer;
background:url(../img/logo.png) top left no-repeat;	
}

a#buy-it, a#back-home, #secure{
display:block;
padding-left:50px;
background:url(../img/cart.png) left center no-repeat;
}

#secure{
color:#000;
}

a#back-home{
color:#050809;
font-size:19px;
font-weight:700 !important;
padding-left:45px;
cursor:pointer;
text-decoration: none;
background:url(../img/back.png) left center no-repeat;
}

a#back-home:hover{
color:#20bae5;
}

#secure{
font-family: 'Source Sans Pro', sans-serif;
margin-left:100px;
font-weight:300;
font-size:14px;
letter-spacing:0.5px;
padding-left:40px;
text-decoration: none;
background:url(../img/lock.png) left center no-repeat;
}

#section-slider .slide-2 h2{
color:#20bae5 !important;
font-weight:bold;
}

#section-slider .rsContent p{
font-size:20px;;
font-family: 'Source Sans Pro', sans-serif;
}

#section-slider .link{
color:#000;
font-weight:bold;
font-size:1em;
letter-spacing:0;
border:solid 2px #fff;
border-radius:4px;
padding:12px 25px;
margin:15px auto;
display:block;
width:140px;
font-family:  Quicksand, sans-serif;
background:url(../img/watch-it.png) left center no-repeat;
background-position:25px 16px;
padding-left:55px;
}

#section-slider .slide-1 .link{
display:block;
height:30px;
width:160px;
position:absolute;
bottom:150px;
left:50%;
margin-left:-400px;
font-size:23px;
color:#fff;
border:none;
padding-left:50px;
background-position:25px 17px;
line-height:27px !important;
}

#section-slider .link:hover{
color:#fff;
background:#20bae5 url(../img/watch-it_h.png) left center no-repeat !important;
background-position:25px 18px !important;
}

#section-slider .slide-1 .link:hover{
color:#1a1b1f;
background-position:25px 18px !important;
background-color:transparent !important;

}

#section-slider .slide-2 .infoBlock{
width:1000px;
max-width:1000px;
left:50%;
top:0px !important;
height:100% !important;
margin-left:-500px;
}

#section-slider .slide-2 .infoBlock h2{
margin-top:170px;
}

#section-slider .slide-1 .infoBlock{
width:1200px;
max-width:1200px;
height:800px;
left:50%;
top:auto;
bottom:0;
line-height:1;
margin-left:-600px;
}

#section-slider .slide-2 h2{
font-size:45px;
line-height:1;
font-family:  Quicksand, sans-serif !important;
font-weight:700 !important;
}

#section-slider .slide-2 p{
font-size:22px;
line-height:1.2;
font-weight:300 !important;
}

#section-slider .slide-1 h2{
color:#fff;
font-size: 50px !important;
margin-bottom: 50px;
font-weight:700 !important;
font-family:  Quicksand, sans-serif !important;
}

#section-slider .slide-1 p{
color:#fff;
line-height:1 !important;
padding:0 !important;
font-weight:300;
font-size:43px !important;
font-family: 'Quicksand', sans-serif;
}

.coming-back {
margin: 0;
padding: 20px !important;
text-align: center;
font-weight: bold;
font-size: 18px;
background-color: #ed5946;
color: #fff;
}


#section-slider{
text-align:center;
height:auto;
}

#section-multi_platform{
background:#635343 url(../img/fond-2.jpg);
background-size:2600px;
background-position:top center;
height:794px;
}

#section-multi_platform #product-multiplatform{
position:absolute;
bottom:180px;
right:-37.5%;
width:87.5%;
background:transparent url(../img/slide-platform-bg.png) top left no-repeat;
background-size:contain;
}

#section-multi_platform h2, #section-multi_platform p,
#section-marketing h2, #section-marketing p,
#section-specifications h2, #section-specifications p{
color:#fff;
}

#section-specifications p{
font-size : 17px;
margin-top:40px;
}

#section-locations{
padding:60px 0;
padding-bottom:100px;
}

#section-locations p{
padding:20px 35px ;
padding-right:0;
}

#section-locations h2, #section-locations p{
color:#000000;
}

#section-marketing{
background:#635343 url(../img/fond-3.jpg);
background-size:2600px;
min-height:900px;
background-position:top center;
}

#section-marketing .maincontent,
#section-multi_platform .maincontent{
padding:150px 0;
}

#section-specifications .maincontent{
padding:270px 0;
}

#section-locations .maincontent{
padding-top:80px;
padding-bottom:100px;
}

#section-specifications{
background:#1a1b1f;
position:relative;
}

#section-set_up{
padding:180px 0;
text-align:center;
}

#scroll-next{
width:92px;
height:92px;
position:absolute;
bottom:-46px;
left:50%;
margin-left:-46px;
background:url(../img/scroll.png) center center no-repeat;
}

#order-block{
text-align:left;
padding:60px;
margin-top:100px;
margin-bottom:60px;
border-radius:20px;
}

#order-block #add-to-cart{
color:#fff;
padding:20px 20px;
border-radius:4px;
float:left;
font-size:18px;
font-weight:700;
display:block;
padding-left:55px;
background:#20bae5 url(../img/add-to-cart.png) center left no-repeat;
background-position:10px 50%;
margin-bottom: 10px;
}

#order-block #add-to-cart:hover{
background-color:#25262b;
}

#order-block #item-price{
font-weight:700;
line-height:1 !important;
font-size:44px;
float:left;
letter-spacing:0.1px;
margin:10px !important;
margin-right:0px !important;
padding:0px !important;
display:block !important;
}

#footer-logo{
float:left;
display:block;
width:101px;
height:48px;
background:url(../img/logo-footer.jpg) top left no-repeat;	
}

footer *{
font-size:15px;
font-weight:bold;
color:#fff;
}

footer p{
font-size:16px;
font-weight:600;
font-family: 'Source Sans Pro', sans-serif;
}

footer p#mentions, a#tac{
font-weight:400;
font-size:10px;
margin-top:30px;
font-weight:400;
letter-spacing:0.5px;
}

footer a#tac{
font-weight:700;
}

p.instructions{
font-size:13px;
font-weight:400;
letter-spacing:0.2px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Source Sans Pro', sans-serif;
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder{
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
  color:    #333333;
  line-height:25px;
}
form input:-moz-placeholder, form textarea::-moz-input-placeholder{
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
  color:    #333333;
  line-height:25px;
}
form input::-moz-placeholder, form textarea::-moz-input-placeholder{
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
  color:    #333333;
  line-height:25px;
}
form input:-ms-input-placeholder, form textarea::-ms-input-placeholder {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
  color:    #333333;
  line-height:25px;
}

form input, form textarea{
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
  color:    #333333;
  line-height:25px;
padding:13px;
outline:none;
float:left;
border:solid 2px #20bae5;
border-radius:8px;
font-weight:300;
background:#fff;
appearance:none !important;
-moz-appearance:none !important;
-webkit-appearance:none !important;
box-shadow: none;
}

form h5{
clear:both;
font-size:24px;
font-weight:600;
padding:60px 0;
font-family: 'Source Sans Pro', sans-serif;
}

form h5.inline-title{
padding-bottom:0;
float:left;
width:180px;
}

input#coupon {
margin-top:20px;
max-width:330px;
width:70%;
}

label{
display:block;
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
font-weight:400;
float:left;
/*width:188px;*/
width:100%;
  line-height:70px;
}

.clear{
clear:both;
}

#order-step-2, #order-check-out{
padding-bottom:100px;
}

#order-step-2 h4, #order-check-out h4{
font-size:40px;
font-weight:300;
padding:60px 0;
}

#order-item {
width:240px;
padding:25px;
min-height:60px;
float:right;
text-align:center !important;
background:#fff;
border-radius:15px;
}

#order-item img {
margin:10px auto;
margin-bottom:15px;
display:block;
}

#order-item p{
color:#b3aa9a;
font-size:13px !important;
margin:0;
font-weight:400;
font-family: 'Source Sans Pro', sans-serif !important;
padding:0;
letter-spacing:0.5px;
}

#order-item p#order-element{
font-size:23px !important;
color:#b3aa9a;
font-weight:300;
}

#order-item p#order-element span{
color:#000;
font-weight:700;
}

#month select{
max-width:300px;
width:60%;
}

#year select{
float:left;
max-width:170px;
width:38%;
margin-left:2%;
}

#steps-purchase p{

}

#steps-purchase p{
font-size:16px;
font-weight:700;
}

#steps-purchase span{
padding:1px 7px;
padding-bottom:2px;
text-align:center;
margin:4px;
width:15px;
height:15px;
color:#b3aa9a;
}

#steps-purchase span.active{
color:#fff;
border-radius:50%;
background:#20bae5;
}

.error{
border:solid 1px red;
}

form input[type=text], form textarea{
/*width:884px;*/
width:92%;
padding-left:4%;
padding-right:4%;
resize:none;
margin:10px 0;
height:25px;
}

form input#security{
width:170px;
}

form textarea{
/*width:882px;*/
}

form input[type=text].pull-right{
/*margin-left:15px;*/
}

form input[type=text].half{
/*width:410px;*/
}

form input.btn,
input#submit{
clear:both;
float:right;
color:#fff;
font-size:23px;
letter-spacing:2px;
margin-top:40px;
font-weight:700;
line-height:20px;
padding:12px 25px;
padding-bottom:15px;
font-family: Quicksand, sans-serif;
padding-right:7%;
background:#20bae5 url(../img/submit.png) center right no-repeat;
background-position:90% 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

input#submit:disabled{
background:gray url(../img/submit.png) center right no-repeat;
background-position:90% 15px;
}

input#submit:disabled:hover{
background:gray url(../img/submit.png) center right no-repeat;
background-position:90% 15px;
}

form input.btn:hover,
input#submit:hover{
background-color:#050809;
border-color:#050809;
}

.labels_order p{
color:#b3aa9a;
font-size:17px;
padding:0;
margin:0;
font-weight:400;
text-align:center;
}

#products_order{
background:#fff;
min-height:40px;
padding-top:30px;
border-radius:20px;
}

#products_order h4.product{
padding:0;
color:#20bae5;
font-size:15px;
font-weight:bold;
line-height:1;
}

.span_product_details *{
letter-spacing:0;
font-family: 'Source Sans Pro', sans-serif !important;  
}

.span_product_details .inner{
padding:0 20px;
}

#products_order p.category{
font-size:18px;
padding:0;
margin:0;
font-weight:500;
}

#products_order h4.product{
font-size:18px;
padding:0;
margin:0;
font-weight:700;
letter-spacing:1.2px;
}

#products_order p.description{
padding:0;
margin:0;
padding-top:3px;
font-size:16px;
color:#c7c3b7;
font-weight:400;
}

#products_order .warranty {
font-size: 12px;
color: #bbb;
}

#quantity_btn{
float:left;
width:80px;
position:relative;
height:100px;
line-height:100px;
}

p#quantity_value{
line-height:100px;
float:left;
font-weight:bold;
padding:0 10px;
font-size:23px;
}

p#price_unit, p#price_product, p#total{
font-weight:bold;
text-align:center;
line-height:100px;
letter-spacing:0;
font-size:23px;
}

p#total{
float:right;
font-size:20px;
letter-spacing:0;
text-align: right;
}

#products_order .label{
display:none;
}

#terms{
padding:25px 0;
border-top:solid 1px #b3aa9a;
border-bottom:solid 1px #b3aa9a;
}

#terms p{
color:#050809;
letter-spacing:0;
font-size:19px !important;
}

#terms a{
font-weight:700;
color:#20bae5;
}

p#total span{
}

p#price_unit{
font-weight:normal;
}

.checkout-btn{
border:none !important;
padding:13px 35px !important;
padding-right:50px !important;
}

.add_quantity, .sub_quantity{
width:34px;
height:34px;
display:block;
float:left;
position:absolute;
top:50%;
left:50%;
margin-top:-17px;
cursor:pointer;
}

.add_quantity{
margin-left:2px;
background:url(../img/add_quantity.jpg) center center no-repeat;
}

.sub_quantity{
margin-left:-36px;
background:url(../img/sub_quantity.jpg) center center no-repeat;
}

div.span_hidden{
position:absolute !important;
display:none !important;
}

.rsMinW .rsArrowIcn {		
width: 60px;
height: 60px;
margin-top: 3px;
margin-left: 3px;
position: absolute;
cursor: pointer;	
background: url('rs-flapit.png') transparent;
border-radius: 2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.rsMinW .rsArrowLeft { left: 50px; top: 50%; margin-top:-30px;}
.rsMinW .rsArrowRight { right: 80px; top: 50%; margin-top:-30px;}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background: url(../img/prev.png); }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background: url(../img/next.png); }

.rsMinW.rsHor .rsArrowLeft:hover .rsArrowIcn { background: url(../img/prev_h.png); }
.rsMinW.rsHor .rsArrowRight:hover .rsArrowIcn { background: url(../img/next_h.png); }

#flapit{
margin:0 auto;
text-align:center;
width:auto;
height:auto;
width:80%;
max-width:80% !important;
margin:0 10%;
bottom:180px;
position:absolute !important;
}

#flapit img{
width:100% !important;
}

#flapit-2{
margin:0 auto;
text-align:center;
width:89.1%;
height:610px;
max-width:1070px !important;
margin:0%;
margin-left:8.3%;
}

#flapit-2 img{
width:100% !important;
}

#flapit-2 .mobile-alt{
display:none;
}

input[type=checkbox].css-checkbox,
input[type=radio].css-radio
{
 position: absolute; 
 overflow: hidden; 
 clip: rect(0 0 0 0); 
 height:1px; 
 width:1px; 
 margin:-1px; 
 padding:0;
 border:0;
 }

 input[type=checkbox].css-checkbox + label.css-label,
input[type=radio].css-radio + label.css-label
 {
 padding-left:50px;
 height:40px; 
 display:inline-block;
 line-height:40px;
 background-repeat:no-repeat;
 background-position: 0 0;
 vertical-align:middle;
 cursor:pointer;
 }

 input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=radio].css-radio:checked + label.css-label
 {
 background-image:url(../img/checked.png);
 }


 label.css-label{
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

 .css-label{
 background-image:url(../img/checkbox.png);
 }
 
 #terms .css-label{
font-weight:700;
font-size:19px;
 }
 
#section-partners{
margin-top:60px !important;
}

.email-partners.css-label, .similar-shipping-address{
letter-spacing:1.2px;
font-weight:400;
line-height:40px;
}

#product-overview{
position:absolute;
bottom:50px;
left:50%;
width:53.8%;
left:4%;
max-width:646px;
background:transparent url(../img/slide-marketing-tool-bg.png) top left no-repeat;
background-size:contain;
}

#section-marketing-mobile *{
color:#fff;
}
#section-marketing-mobile{
display:none;
color:#fff;
padding-top:20px;
background:#20bae5;
text-align:center !important;
}

.cycle-pager { 
  text-align: center; width: 100%; z-index: 500; position: absolute; bottom: -20px; overflow: hidden;
}
.cycle-pager span { 
  font-family: arial; font-size: 40px; width: 12px; height: 12px; 
  display: inline-block; color: #20b9e4; cursor: pointer; 
margin:0 4px;
}
.cycle-pager span.cycle-pager-active { color: #1c1e1e;}
.cycle-pager > * { cursor: pointer;}

.labels_order_total #total{
color:#b3aa9a;
}

#facebook, #twitter, #instagram{
display:block;
width:44px;
height:44px;
margin:0px auto !important;
background-size: contain;
background-repeat:no-repeat;
}

#facebook{
background-image:url(../img/facebook.png);
}

#twitter{
background-image:url(../img/twitter.png);
}

#instagram{
background-image:url(../img/instagram.png);
}

#facebook:hover{
background-image:url(../img/facebook_h.png);
}

#twitter:hover{
background-image:url(../img/twitter_h.png);
}

#instagram:hover{
background-image:url(../img/instagram_h.png);
}

#title-references{
padding-top:100px;
padding-bottom:60px;
}

.references .span_12_of_12{
padding:0;
margin:0;
}

.references .span_3_of_12{
min-height:120px;
background:#fff;
float:left;
}

#html5-watermark div {
display: none !important;
}
.hidden {
  display: none;
}
#lang-menu {
  z-index: 5;
}
#active-lang {
  z-index: 10;
}
#back-home,
#secure {
  float: right;
}
.sub_header {
  background: #e8e7e2;
}
.sub_header .inner {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
}
.sub_header .inner h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin: 0;
}


/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}


/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
	width: 79.68%; 
}

.span_3_of_5 {
	width: 59.36%; 
}

.span_2_of_5 {
	width: 39.04%;
}

.span_1_of_5 {
	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}


/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}

/*  GRID OF TEN   ============================================================================= */


.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}
}


/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%; 
}

.span_6_of_11 {
	width: 53.81%; 
}

.span_5_of_11 {
	width: 44.58%; 
}

.span_4_of_11 {
	width: 35.34%; 
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%; 
}

.span_1_of_11 {
	width: 7.63%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_11_of_11 {
		width: 100%; 
	}
	.span_10_of_11 {
		width: 100%; 
	}
	.span_9_of_11 {
		width: 100%; 
	}
	.span_8_of_11 {
		width: 100%; 
	}
	.span_7_of_11 {
		width: 100%; 
	}
	.span_6_of_11 {
		width: 100%; 
	}
	.span_5_of_11 {
		width: 100%; 
	}
	.span_4_of_11 {
		width: 100%; 
	}
	.span_3_of_11 {
		width: 100%; 
	}
	.span_2_of_11 {
		width: 100%; 
	}
	.span_1_of_11 {
		width: 100%; 
	}
}


/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
}