/* --- RESET --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}

/* --- BASIC MARKUP --- */
body {
  font:62.5%/1 normal Tahoma,Verdana,Arial,sans;
  background:#efefef;
  color:#313131;
  padding-bottom:2.4em;
}

a, a:visited { color:#2a90ce; }
/*a:hover { color:#8ec641; }*/

h1, h2, h3 {
  margin-bottom:0.5em;
  font-family:'PT Sans', sans-serif;
}
h1 { font-size: 2.4em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }

/* --- GLOBAL CLASSES --- */
.active-0
{
  display:none;
}
/* --- Layout --- */
.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.row {display: inline-block;}
* html .row { height: 1%;}
.row {display: block;}

.grid {
    margin-left:2.5%;
    float:left;
}
.grid:first-child,
.grid.first { margin-left:0; }

.grid.one { width:6.041666666666667%; }
.grid.two { width:14.58333333333333%; }
.grid.three { width:23.125%; }
.grid.four { width:31.66666666666667%; }
.grid.five { width:40.20833333333333%; }
.grid.six { width:48.75%; }
.grid.seven { width:57.29166666666667%; }
.grid.eight { width:65.83333333333333%; }
.grid.nine { width:74.375%; }
.grid.ten { width:82.91666666666667%; }
.grid.eleven { width:91.45833333333333%; }
.grid.twelve { width:100%; }

.left { float:left; }
.right { float:right; }

.lt-ie7 .grid {
  margin-right:1.25%;
}
.main_area
{
margin-left:15px;
margin-right: 15px;
}

.wrap {
  max-width:960px;
  width:expression(document.body.clientWidth > 961? "960px": "auto" );
  width:94%;
  margin:0 auto;
}

.button {
  display:block;
  border:0;
  text-align:center;
  font-size:1.2em;
  padding:0.5em 1em;
  background:#fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  cursor:pointer;
}
.button:hover { background:#f5f5f5; }
.button.selected {
  background:#0093e1;
  color:#fff;
}

header_sub { margin:2.4em 0; }

#nav { margin-top:3.2em; }
#nav ul { float:right; }
#nav ul li {
  list-style:none;
  display:block;
  float:left;
  margin:0 1.2em;
}
#nav ul li:last-child { margin-right:0; }
#nav ul li a {
  font-size:1.8em;
  font-family:'PT Sans', sans-serif;
  color:#313131;
}
#nav ul li a:hover { color:#0093e1; }

section {
  margin-top:2.4em;
  padding-top:2.4em;
  border-top:1px solid #ddd;
  -webkit-box-shadow:0 1px 0px #fafafa inset;
  -moz-box-shadow:0 1px 0px #fafafa inset;
  box-shadow:0 1px 0px #fafafa inset;
}

.offers .filter ul li {
  list-style:none;
  display:block;
  float:left;
  margin:0 1.2em 1.2em 0;
}
.offers .filter ul li a { font-size:1.2em; }

.offers .content {
  margin-top:0.4em;
  border-top:1px solid #ddd;
  -webkit-box-shadow:0 1px 0px #fafafa inset;
  -moz-box-shadow:0 1px 0px #fafafa inset;
  box-shadow:0 1px 0px #fafafa inset;
}

.offer {
  border:1px solid #ddd;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-top:2.4em;
}
.offer:hover { box-shadow:0 3px 5px #ddd; }
.offer .head {
  background:#f5f5f5;
  background: -moz-linear-gradient(#f9f9f9, #f1f1f1); /* FF 3.6+ */  
    background: -ms-linear-gradient(#f9f9f9, #f1f1f1); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f1f1f1)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#f9f9f9, #f1f1f1); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#f9f9f9, #f1f1f1); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1')"; /* IE8+ */  
    background: linear-gradient(#f9f9f9, #f1f1f1); /* the standard */
    border-bottom:1px solid #ddd;
}
.offer .head .title {
  float:left;
  width:70%;
}
.offer .head .title h2 {
  font-size:1.8em;
  margin:0.6em 0 0.6em 0.8em;
}

.offer .head .action {
  float:left;
  width:30%;
}
.offer .head .action a {
  display:block;
  background:#8ec63f;
  background: -moz-linear-gradient(#97d245, #80b536); /* FF 3.6+ */  
    background: -ms-linear-gradient(#97d245, #80b536); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97d245), color-stop(100%, #80b536)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#97d245, #80b536); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#97d245, #80b536); /* Opera 11.10 */  
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97d245', endColorstr='#80b536'); /* IE6 & IE7 */  
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#97d245', endColorstr='#80b536')"; /* IE8+ */  
    background: linear-gradient(#97d245, #80b536); /* the standard */
    color:#fff;
    font-size:1.8em;
    padding:0.6em 0;
    text-align:center;
    font-family:'PT Sans', sans-serif;;
}
.offer .head .action a:hover {
  background:#8ec63f;
  background: -moz-linear-gradient(#009cef, #007dbf); /* FF 3.6+ */  
    background: -ms-linear-gradient(#009cef, #007dbf); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009cef), color-stop(100%, #007dbf)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#009cef, #007dbf); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#009cef, #007dbf); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009cef', endColorstr='#007dbf'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#009cef', endColorstr='#007dbf')"; /* IE8+ */  
    background: linear-gradient(#009cef, #007dbf); /* the standard */
}

.offer .body .cont3 {
  float:left;
  width:100%;
  background:#f5f5f5;
  overflow:hidden;
}
.offer .body .cont2 {
  float:left;
  width:100%;
  background:#fff;
  position:relative;
  right:30%;
}
.offer .body .cont1 {
  float:left;
  width:100%;
  position:relative;
  right:50%;
}
.offer .image,
.offer .description,
.offer .params {
  padding:1.6em 0;
  float:left;
  position:relative;
}
.offer .image { 
  width:20%;
  left:80%;
}
.offer .image div {
  margin:0 0 0 1.6em;
}
.offer .image img {
  width: auto !important; /*override the width below*/
  width: 100%;
  max-width:100%;
  height:auto;
}

.offer .description {
  width:46%;
  left:82%;
}
.offer .params {
  width:30%;
  position:relative;
  left:84%;
}
.offer .description ul li,
.offer .params ul li {
  list-style:none;
  font-size:1.2em;
  margin-top:0.5em;
  line-height:1.5;
}
.offer .description ul li:first-child,
.offer .params ul li:first-child {
  margin-top:0;
  border-top:none;
  padding-top:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.offer .description ul { color:#888; }
.offer .params ul {
  margin:0 1.6em;
  color:#565656;
}
.offer .params ul li {
  padding-top:0.5em;
  border-top:1px solid #ddd;
  -webkit-box-shadow:0 1px 0 #fff inset;
  -moz-box-shadow:0 1px 0 #fff inset;
  box-shadow:0 1px 0 #fff inset;
}
.offer .params ul li span { font-weight:bold; }

#info {}
#info h2 {
  margin-top:1em;
  font-size:2em;
}
#info h3 {
  margin-top:1em;
  color:#0093E1;
}
#info p {
  font-size:1.2em;
  line-height:1.5;
  margin-bottom:1em;
}
#info ul {
  margin-bottom:1.2em;
}
#info ul li {
  font-size:1.2em;
  line-height:1.5;
  margin-bottom:0.5em;
  margin-left:2em;
}

#subnav {
  position:fixed;
  font-size:1.2em;
  bottom:50%;
  right:2em;
  display:none;
}
#subnav li {
  list-style:none;
  margin-bottom:1em;
  float:right;
  clear:both;
}


@media (max-width: 640px) {

  .offer {
    position: relative;
    padding-bottom: 40px;
  }

  .offer .head .title {
    float: none;
    width: auto;
  }

  .offer .head .title h2 {
    margin: 0;
    padding: 10px;
  }

  .offer .head .action {
    float: none;
    width: auto;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .offer .body .cont3 {
    float: none;
    width: auto;
  }

  .offer .body .cont2 {
    float: none;
    width: auto;
    position: static;
    right: auto;
  }

  .offer .body .cont1 {
    float: none;
    width: auto;
    position: static;
    right: auto;
    padding: 10px 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .offer .image {
    float: none;
    width: 33.33333333333333%; /* 200px / 600px */
    position: static;
    left: auto;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .offer .image div {
    margin: 0;
  }

  .offer .description {
    float: none;
    width: 66.66666666666667%; /* 400px / 600px */
    position: static;
    left: auto;
    padding: 0 5px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .offer .params {
    float: none;
    width: 100%;
    position: static;
    left: auto;
    padding: 15px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .offer .params ul {
    margin: 0;
  }

}

@media (max-width: 425px) {

  .offer .body .cont1 {
    display: block;
  }

  .offer .image {
    width: auto;
    margin-bottom: 10px;
  }

  .offer .description {
    width: auto;
    padding: 0 5px;
  }

}