@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic,400italic,500,500italic,700,900,900italic,700italic&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Anton&subset=latin,latin-ext);
/*
@import url(//fonts.googleapis.com/css?family=Archivo+Narrow:400,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Francois+One&subset=latin,latin-ext);
*/

@font-face {
  font-family: 'meridix';
  src: url("fonts/meridix.eot?-lkttvt");
/*
  src: url("fonts/meridix.eot?#iefix-lkttvt") format("embedded-opentype"), url("fonts/meridix.svg?-lkttvt#meridix") format("svg"), url("fonts/meridix.woff?-lkttvt") format("woff"), url("fonts/meridix.ttf?-lkttvt") format("truetype");
*/
  src: url("fonts/meridix.eot?#iefix-lkttvt") format("embedded-opentype"), url("fonts/meridix.ttf?-lkttvt") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot?') format('eot'),
    	 url('fonts/bebasneue-webfont.svg') format('svg'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'meridix';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */ 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.icon-broadcast:before {
  content: "\e62f";
}

.icon-people:before {
  content: "\e631";
}

.icon-equipment:before {
  content: "\e62d";
}

.icon-logo:before {
  content: "\e62c";
}

.icon-documentation:before {
  content: "\e62e";
}

.icon-directions:before {
  content: "\e630";
}

.icon-support:before {
  content: "\e632";
}

.icon-icon_2404:before {
  content: "\e60c";
}

.icon-icon_921:before {
  content: "\e60d";
}

.icon-icon_4655:before {
  content: "\e60e";
}

.icon-icon_11987:before {
  content: "\e60f";
}

.icon-search:before {
  content: "\e619";
}

.icon-zoomin:before {
  content: "\e61a";
}

.icon-zoomout:before {
  content: "\e61b";
}

.icon-add:before {
  content: "\e61c";
}

.icon-subtract:before {
  content: "\e61d";
}

.icon-exclamation:before {
  content: "\e61e";
}

.icon-question:before {
  content: "\e61f";
}

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

.icon-close2:before {
  content: "\e602";
}

.icon-checkmark2:before {
  content: "\e603";
}

.icon-minus:before {
  content: "\e604";
}

.icon-plus:before {
  content: "\e605";
}

.icon-mail:before {
  content: "\e617";
}

.icon-googleplus:before {
  content: "\e606";
}

.icon-facebook:before {
  content: "\e607";
}

.icon-twitter:before {
  content: "\e608";
}

.icon-envelope2:before {
  content: "\e618";
}

.icon-phone:before {
  content: "\e609";
}

.icon-checkmark3:before {
  content: "\e60a";
}

.icon-cancel2:before {
  content: "\e60b";
}

.icon-times:before {
  content: "\e633";
}

.icon-tick:before {
  content: "\e634";
}

.icon-plus2:before {
  content: "\e635";
}

.icon-minus2:before {
  content: "\e636";
}

.icon-equals:before {
  content: "\e637";
}

.icon-chevron-right:before {
  content: "\e638";
}

.icon-chevron-left:before {
  content: "\e639";
}

.icon-delete:before {
  content: "\e621";
}

.icon-delete-outline:before {
  content: "\e622";
}

.icon-calendar:before {
  content: "\e610";
}

.icon-checkmark:before {
  content: "\e623";
}

.icon-checkmark4:before {
  content: "\e624";
}

.icon-cancel:before {
  content: "\e625";
}

.icon-cancel3:before {
  content: "\e626";
}

.icon-plus22:before {
  content: "\e627";
}

.icon-plus3:before {
  content: "\e628";
}

.icon-suitcase:before {
  content: "\e611";
}

.icon-suitcase2:before {
  content: "\e612";
}

.icon-time:before {
  content: "\e629";
}

.icon-checkmark5:before {
  content: "\e600";
}

.icon-cancel4:before {
  content: "\e601";
}

.icon-football:before {
  content: "\e62a";
}

.icon-magnifier:before {
  content: "\e62b";
}

.icon-calculator:before {
  content: "\e613";
}

.icon-envelope:before {
  content: "\e614";
}

.icon-clipboard:before {
  content: "\e615";
}

.icon-clipboard2:before {
  content: "\e616";
}

.icon-search2:before {
  content: "\f002";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-check:before {
  content: "\f00c";
}

.icon-times2:before {
  content: "\f00d";
}

.icon-signal:before {
  content: "\f012";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-phone2:before {
  content: "\f095";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-double-up:before {
  content: "\f102";
}

.icon-angle-double-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-youtube-square:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

/*----------------------------------------------------------------------------
    HELPERS SITE
-----------------------------------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

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

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

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

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

:-ms-input-placeholder {
  color: #999;
}

a, a:hover, a:focus, a:active {
  outline: 0 none;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  display: inline-block;
  list-style-type: none;
}

.color_01 {
  color: #6B7175;
}

.color_02 {
  color: #CDCDCD;
}

.color_03 {
  color: #CCCCCC;
}

.color_04 {
  color: #EAEAEA;
}

.green_color {
  color: #62A13D;
}

.dark_color {
  color: #52616D;
}

.blue_color {
  color: #316DB0;
}

.orange_color {
  color: #F17828 !important;
}

.light_blue_color {
  color: #03ACED;
}

.cl {
  clear: left;
}

.red_color {
  color: #E33A32;
}

.upcase {
  text-transform: uppercase;
}

.cap {
  text-transform: capitalize;
}

.dn {
  display: none;
}

.p0 {
  padding: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.fn {
  float: none !important;
}

.ptb16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.ptb80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.ptb80-60 {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
}

.ptb100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fs14 {
  font-size: 14px !important;
}

.fs18 {
  font-size: 18px !important;
}

.ml15 {
  margin-left: 15px;
}

.ml75 {
  margin-left: 75px;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.m0 {
  margin: 0 !important;
}

.last {
  margin: 0;
}

.p20 {
  padding: 20px;
}

.w_full {
  width: 100% !important;
}

.w180 {
  width: 180px !important;
}

.w30 {
  width: 30px !important;
}

.w36 {
  width: 36px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w70 {
  width: 70px !important;
}

.w94 {
  width: 94px !important;
}

.w106 {
  width: 106px !important;
}

.ws_nw {
  white-space: nowrap;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

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

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ul,
ol {
  list-style: none;
}

li {
  display: list-item;
}

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  border: 1px solid #C9D1D6;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  color: #444444;
  display: block;
  line-height: 1;
  overflow: hidden;
  padding: 10px 0 10px 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  background-color: #FFFFFF;
  border-left: 1px solid #C9D1D6;
  color: #BCC8CF;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
}
.chosen-container-single .chosen-single div b:before {
  content: "\f107";
  font-family: meridix;
  font-size: 20px;
  line-height: 1.5;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px 0;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.checkbox-wrapp {
  background: url("../images/checkbox_sprite.png") 0 0 no-repeat;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  float: left;
  height: 20px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 20px;
}

.checkbox-wrapp.checked {
  background-position: 0 -20px;
}

.checkbox-wrapp input {
  position: absolute;
  left: -20px;
  top: 0;
}

.radio-wrapp {
  background: url("../images/checkbox_sprite.png") -20px 0 no-repeat;
  cursor: pointer;
  height: 20px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 20px;
}

.radio-wrapp.checked {
  background-position: -20px -20px;
}

.radio-wrapp input {
  position: absolute;
  left: -20px;
  top: 0;
}

.input_row {
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
}
.input_row label {
  display: inline-block;
  font: 16px/1.1 Roboto, Verdana, Arial, sans-serif;
  margin-left: 12px;
  vertical-align: middle;
}

/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */

@media screen and (max-width: 320px) {
body .search_drop_down .pop_up_search:after {right: -110px !important;}
}

@media screen and (max-width: 370px) {
body .search_drop_down .pop_up_search:after {right: -110px; top:7px;}
}


@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;	
}
	.windows-dl-img {width:240px;}
	body #login_modal .login_box, #login_modal .sign_up_now { width: 280px !important;}
	body #login_modal {margin-left: -140px !important;}
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .clearfix:after {
  clear: both;
}

.grid-container, .clearfix {
  /* <IE7> */
  *zoom: 1;
  /* </IE7> */
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
  /* <IE7> */
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
  *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
  /* </IE7> */
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-grid-100:after {
    clear: both;
  }

  .mobile-grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-grid-100:before,
  .tablet-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .tablet-grid-100:after {
    clear: both;
  }

  .tablet-grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}
.ie8_mobile .mobile-grid-5 {
  float: left;
  width: 5%;
}
.ie8_mobile .mobile-prefix-5 {
  margin-left: 5%;
}
.ie8_mobile .mobile-suffix-5 {
  margin-right: 5%;
}
.ie8_mobile .mobile-push-5 {
  left: 5%;
}
.ie8_mobile .mobile-pull-5 {
  left: -5%;
}
.ie8_mobile .mobile-grid-10 {
  float: left;
  width: 10%;
}
.ie8_mobile .mobile-prefix-10 {
  margin-left: 10%;
}
.ie8_mobile .mobile-suffix-10 {
  margin-right: 10%;
}
.ie8_mobile .mobile-push-10 {
  left: 10%;
}
.ie8_mobile .mobile-pull-10 {
  left: -10%;
}
.ie8_mobile .mobile-grid-15 {
  float: left;
  width: 15%;
}
.ie8_mobile .mobile-prefix-15 {
  margin-left: 15%;
}
.ie8_mobile .mobile-suffix-15 {
  margin-right: 15%;
}
.ie8_mobile .mobile-push-15 {
  left: 15%;
}
.ie8_mobile .mobile-pull-15 {
  left: -15%;
}
.ie8_mobile .mobile-grid-20 {
  float: left;
  width: 20%;
}
.ie8_mobile .mobile-prefix-20 {
  margin-left: 20%;
}
.ie8_mobile .mobile-suffix-20 {
  margin-right: 20%;
}
.ie8_mobile .mobile-push-20 {
  left: 20%;
}
.ie8_mobile .mobile-pull-20 {
  left: -20%;
}
.ie8_mobile .mobile-grid-25 {
  float: left;
  width: 25%;
}
.ie8_mobile .mobile-prefix-25 {
  margin-left: 25%;
}
.ie8_mobile .mobile-suffix-25 {
  margin-right: 25%;
}
.ie8_mobile .mobile-push-25 {
  left: 25%;
}
.ie8_mobile .mobile-pull-25 {
  left: -25%;
}
.ie8_mobile .mobile-grid-30 {
  float: left;
  width: 30%;
}
.ie8_mobile .mobile-prefix-30 {
  margin-left: 30%;
}
.ie8_mobile .mobile-suffix-30 {
  margin-right: 30%;
}
.ie8_mobile .mobile-push-30 {
  left: 30%;
}
.ie8_mobile .mobile-pull-30 {
  left: -30%;
}
.ie8_mobile .mobile-grid-35 {
  float: left;
  width: 35%;
}
.ie8_mobile .mobile-prefix-35 {
  margin-left: 35%;
}
.ie8_mobile .mobile-suffix-35 {
  margin-right: 35%;
}
.ie8_mobile .mobile-push-35 {
  left: 35%;
}
.ie8_mobile .mobile-pull-35 {
  left: -35%;
}
.ie8_mobile .mobile-grid-40 {
  float: left;
  width: 40%;
}
.ie8_mobile .mobile-prefix-40 {
  margin-left: 40%;
}
.ie8_mobile .mobile-suffix-40 {
  margin-right: 40%;
}
.ie8_mobile .mobile-push-40 {
  left: 40%;
}
.ie8_mobile .mobile-pull-40 {
  left: -40%;
}
.ie8_mobile .mobile-grid-45 {
  float: left;
  width: 45%;
}
.ie8_mobile .mobile-prefix-45 {
  margin-left: 45%;
}
.ie8_mobile .mobile-suffix-45 {
  margin-right: 45%;
}
.ie8_mobile .mobile-push-45 {
  left: 45%;
}
.ie8_mobile .mobile-pull-45 {
  left: -45%;
}
.ie8_mobile .mobile-grid-50 {
  float: left;
  width: 50%;
}
.ie8_mobile .mobile-prefix-50 {
  margin-left: 50%;
}
.ie8_mobile .mobile-suffix-50 {
  margin-right: 50%;
}
.ie8_mobile .mobile-push-50 {
  left: 50%;
}
.ie8_mobile .mobile-pull-50 {
  left: -50%;
}
.ie8_mobile .mobile-grid-55 {
  float: left;
  width: 55%;
}
.ie8_mobile .mobile-prefix-55 {
  margin-left: 55%;
}
.ie8_mobile .mobile-suffix-55 {
  margin-right: 55%;
}
.ie8_mobile .mobile-push-55 {
  left: 55%;
}
.ie8_mobile .mobile-pull-55 {
  left: -55%;
}
.ie8_mobile .mobile-grid-60 {
  float: left;
  width: 60%;
}
.ie8_mobile .mobile-prefix-60 {
  margin-left: 60%;
}
.ie8_mobile .mobile-suffix-60 {
  margin-right: 60%;
}
.ie8_mobile .mobile-push-60 {
  left: 60%;
}
.ie8_mobile .mobile-pull-60 {
  left: -60%;
}
.ie8_mobile .mobile-grid-65 {
  float: left;
  width: 65%;
}
.ie8_mobile .mobile-prefix-65 {
  margin-left: 65%;
}
.ie8_mobile .mobile-suffix-65 {
  margin-right: 65%;
}
.ie8_mobile .mobile-push-65 {
  left: 65%;
}
.ie8_mobile .mobile-pull-65 {
  left: -65%;
}
.ie8_mobile .mobile-grid-70 {
  float: left;
  width: 70%;
}
.ie8_mobile .mobile-prefix-70 {
  margin-left: 70%;
}
.ie8_mobile .mobile-suffix-70 {
  margin-right: 70%;
}
.ie8_mobile .mobile-push-70 {
  left: 70%;
}
.ie8_mobile .mobile-pull-70 {
  left: -70%;
}
.ie8_mobile .mobile-grid-75 {
  float: left;
  width: 75%;
}
.ie8_mobile .mobile-prefix-75 {
  margin-left: 75%;
}
.ie8_mobile .mobile-suffix-75 {
  margin-right: 75%;
}
.ie8_mobile .mobile-push-75 {
  left: 75%;
}
.ie8_mobile .mobile-pull-75 {
  left: -75%;
}
.ie8_mobile .mobile-grid-80 {
  float: left;
  width: 80%;
}
.ie8_mobile .mobile-prefix-80 {
  margin-left: 80%;
}
.ie8_mobile .mobile-suffix-80 {
  margin-right: 80%;
}
.ie8_mobile .mobile-push-80 {
  left: 80%;
}
.ie8_mobile .mobile-pull-80 {
  left: -80%;
}
.ie8_mobile .mobile-grid-85 {
  float: left;
  width: 85%;
}
.ie8_mobile .mobile-prefix-85 {
  margin-left: 85%;
}
.ie8_mobile .mobile-suffix-85 {
  margin-right: 85%;
}
.ie8_mobile .mobile-push-85 {
  left: 85%;
}
.ie8_mobile .mobile-pull-85 {
  left: -85%;
}
.ie8_mobile .mobile-grid-90 {
  float: left;
  width: 90%;
}
.ie8_mobile .mobile-prefix-90 {
  margin-left: 90%;
}
.ie8_mobile .mobile-suffix-90 {
  margin-right: 90%;
}
.ie8_mobile .mobile-push-90 {
  left: 90%;
}
.ie8_mobile .mobile-pull-90 {
  left: -90%;
}
.ie8_mobile .mobile-grid-95 {
  float: left;
  width: 95%;
}
.ie8_mobile .mobile-prefix-95 {
  margin-left: 95%;
}
.ie8_mobile .mobile-suffix-95 {
  margin-right: 95%;
}
.ie8_mobile .mobile-push-95 {
  left: 95%;
}
.ie8_mobile .mobile-pull-95 {
  left: -95%;
}
.ie8_mobile .mobile-grid-33 {
  float: left;
  width: 33.33333%;
}
.ie8_mobile .mobile-prefix-33 {
  margin-left: 33.33333%;
}
.ie8_mobile .mobile-suffix-33 {
  margin-right: 33.33333%;
}
.ie8_mobile .mobile-push-33 {
  left: 33.33333%;
}
.ie8_mobile .mobile-pull-33 {
  left: -33.33333%;
}
.ie8_mobile .mobile-grid-66 {
  float: left;
  width: 66.66667%;
}
.ie8_mobile .mobile-prefix-66 {
  margin-left: 66.66667%;
}
.ie8_mobile .mobile-suffix-66 {
  margin-right: 66.66667%;
}
.ie8_mobile .mobile-push-66 {
  left: 66.66667%;
}
.ie8_mobile .mobile-pull-66 {
  left: -66.66667%;
}
.ie8_mobile .mobile-grid-100 {
  clear: both;
  width: 100%;
}

.ie8_tablet .tablet-grid-5 {
  float: left;
  width: 5%;
}
.ie8_tablet .tablet-prefix-5 {
  margin-left: 5%;
}
.ie8_tablet .tablet-suffix-5 {
  margin-right: 5%;
}
.ie8_tablet .tablet-push-5 {
  left: 5%;
}
.ie8_tablet .tablet-pull-5 {
  left: -5%;
}
.ie8_tablet .tablet-grid-10 {
  float: left;
  width: 10%;
}
.ie8_tablet .tablet-prefix-10 {
  margin-left: 10%;
}
.ie8_tablet .tablet-suffix-10 {
  margin-right: 10%;
}
.ie8_tablet .tablet-push-10 {
  left: 10%;
}
.ie8_tablet .tablet-pull-10 {
  left: -10%;
}
.ie8_tablet .tablet-grid-15 {
  float: left;
  width: 15%;
}
.ie8_tablet .tablet-prefix-15 {
  margin-left: 15%;
}
.ie8_tablet .tablet-suffix-15 {
  margin-right: 15%;
}
.ie8_tablet .tablet-push-15 {
  left: 15%;
}
.ie8_tablet .tablet-pull-15 {
  left: -15%;
}
.ie8_tablet .tablet-grid-20 {
  float: left;
  width: 20%;
}
.ie8_tablet .tablet-prefix-20 {
  margin-left: 20%;
}
.ie8_tablet .tablet-suffix-20 {
  margin-right: 20%;
}
.ie8_tablet .tablet-push-20 {
  left: 20%;
}
.ie8_tablet .tablet-pull-20 {
  left: -20%;
}
.ie8_tablet .tablet-grid-25 {
  float: left;
  width: 25%;
}
.ie8_tablet .tablet-prefix-25 {
  margin-left: 25%;
}
.ie8_tablet .tablet-suffix-25 {
  margin-right: 25%;
}
.ie8_tablet .tablet-push-25 {
  left: 25%;
}
.ie8_tablet .tablet-pull-25 {
  left: -25%;
}
.ie8_tablet .tablet-grid-30 {
  float: left;
  width: 30%;
}
.ie8_tablet .tablet-prefix-30 {
  margin-left: 30%;
}
.ie8_tablet .tablet-suffix-30 {
  margin-right: 30%;
}
.ie8_tablet .tablet-push-30 {
  left: 30%;
}
.ie8_tablet .tablet-pull-30 {
  left: -30%;
}
.ie8_tablet .tablet-grid-35 {
  float: left;
  width: 35%;
}
.ie8_tablet .tablet-prefix-35 {
  margin-left: 35%;
}
.ie8_tablet .tablet-suffix-35 {
  margin-right: 35%;
}
.ie8_tablet .tablet-push-35 {
  left: 35%;
}
.ie8_tablet .tablet-pull-35 {
  left: -35%;
}
.ie8_tablet .tablet-grid-40 {
  float: left;
  width: 40%;
}
.ie8_tablet .tablet-prefix-40 {
  margin-left: 40%;
}
.ie8_tablet .tablet-suffix-40 {
  margin-right: 40%;
}
.ie8_tablet .tablet-push-40 {
  left: 40%;
}
.ie8_tablet .tablet-pull-40 {
  left: -40%;
}
.ie8_tablet .tablet-grid-45 {
  float: left;
  width: 45%;
}
.ie8_tablet .tablet-prefix-45 {
  margin-left: 45%;
}
.ie8_tablet .tablet-suffix-45 {
  margin-right: 45%;
}
.ie8_tablet .tablet-push-45 {
  left: 45%;
}
.ie8_tablet .tablet-pull-45 {
  left: -45%;
}
.ie8_tablet .tablet-grid-50 {
  float: left;
  width: 50%;
}
.ie8_tablet .tablet-prefix-50 {
  margin-left: 50%;
}
.ie8_tablet .tablet-suffix-50 {
  margin-right: 50%;
}
.ie8_tablet .tablet-push-50 {
  left: 50%;
}
.ie8_tablet .tablet-pull-50 {
  left: -50%;
}
.ie8_tablet .tablet-grid-55 {
  float: left;
  width: 55%;
}
.ie8_tablet .tablet-prefix-55 {
  margin-left: 55%;
}
.ie8_tablet .tablet-suffix-55 {
  margin-right: 55%;
}
.ie8_tablet .tablet-push-55 {
  left: 55%;
}
.ie8_tablet .tablet-pull-55 {
  left: -55%;
}
.ie8_tablet .tablet-grid-60 {
  float: left;
  width: 60%;
}
.ie8_tablet .tablet-prefix-60 {
  margin-left: 60%;
}
.ie8_tablet .tablet-suffix-60 {
  margin-right: 60%;
}
.ie8_tablet .tablet-push-60 {
  left: 60%;
}
.ie8_tablet .tablet-pull-60 {
  left: -60%;
}
.ie8_tablet .tablet-grid-65 {
  float: left;
  width: 65%;
}
.ie8_tablet .tablet-prefix-65 {
  margin-left: 65%;
}
.ie8_tablet .tablet-suffix-65 {
  margin-right: 65%;
}
.ie8_tablet .tablet-push-65 {
  left: 65%;
}
.ie8_tablet .tablet-pull-65 {
  left: -65%;
}
.ie8_tablet .tablet-grid-70 {
  float: left;
  width: 70%;
}
.ie8_tablet .tablet-prefix-70 {
  margin-left: 70%;
}
.ie8_tablet .tablet-suffix-70 {
  margin-right: 70%;
}
.ie8_tablet .tablet-push-70 {
  left: 70%;
}
.ie8_tablet .tablet-pull-70 {
  left: -70%;
}
.ie8_tablet .tablet-grid-75 {
  float: left;
  width: 75%;
}
.ie8_tablet .tablet-prefix-75 {
  margin-left: 75%;
}
.ie8_tablet .tablet-suffix-75 {
  margin-right: 75%;
}
.ie8_tablet .tablet-push-75 {
  left: 75%;
}
.ie8_tablet .tablet-pull-75 {
  left: -75%;
}
.ie8_tablet .tablet-grid-80 {
  float: left;
  width: 80%;
}
.ie8_tablet .tablet-prefix-80 {
  margin-left: 80%;
}
.ie8_tablet .tablet-suffix-80 {
  margin-right: 80%;
}
.ie8_tablet .tablet-push-80 {
  left: 80%;
}
.ie8_tablet .tablet-pull-80 {
  left: -80%;
}
.ie8_tablet .tablet-grid-85 {
  float: left;
  width: 85%;
}
.ie8_tablet .tablet-prefix-85 {
  margin-left: 85%;
}
.ie8_tablet .tablet-suffix-85 {
  margin-right: 85%;
}
.ie8_tablet .tablet-push-85 {
  left: 85%;
}
.ie8_tablet .tablet-pull-85 {
  left: -85%;
}
.ie8_tablet .tablet-grid-90 {
  float: left;
  width: 90%;
}
.ie8_tablet .tablet-prefix-90 {
  margin-left: 90%;
}
.ie8_tablet .tablet-suffix-90 {
  margin-right: 90%;
}
.ie8_tablet .tablet-push-90 {
  left: 90%;
}
.ie8_tablet .tablet-pull-90 {
  left: -90%;
}
.ie8_tablet .tablet-grid-95 {
  float: left;
  width: 95%;
}
.ie8_tablet .tablet-prefix-95 {
  margin-left: 95%;
}
.ie8_tablet .tablet-suffix-95 {
  margin-right: 95%;
}
.ie8_tablet .tablet-push-95 {
  left: 95%;
}
.ie8_tablet .tablet-pull-95 {
  left: -95%;
}
.ie8_tablet .tablet-grid-33 {
  float: left;
  width: 33.33333%;
}
.ie8_tablet .tablet-prefix-33 {
  margin-left: 33.33333%;
}
.ie8_tablet .tablet-suffix-33 {
  margin-right: 33.33333%;
}
.ie8_tablet .tablet-push-33 {
  left: 33.33333%;
}
.ie8_tablet .tablet-pull-33 {
  left: -33.33333%;
}
.ie8_tablet .tablet-grid-66 {
  float: left;
  width: 66.66667%;
}
.ie8_tablet .tablet-prefix-66 {
  margin-left: 66.66667%;
}
.ie8_tablet .tablet-suffix-66 {
  margin-right: 66.66667%;
}
.ie8_tablet .tablet-push-66 {
  left: 66.66667%;
}
.ie8_tablet .tablet-pull-66 {
  left: -66.66667%;
}
.ie8_tablet .tablet-grid-100 {
  clear: both;
  width: 100%;
}

.ie8_desktop .grid-5 {
  float: left;
  width: 5%;
}
.ie8_desktop .prefix-5 {
  margin-left: 5%;
}
.ie8_desktop .suffix-5 {
  margin-right: 5%;
}
.ie8_desktop .push-5 {
  left: 5%;
}
.ie8_desktop .pull-5 {
  left: -5%;
}
.ie8_desktop .grid-10 {
  float: left;
  width: 10%;
}
.ie8_desktop .prefix-10 {
  margin-left: 10%;
}
.ie8_desktop .suffix-10 {
  margin-right: 10%;
}
.ie8_desktop .push-10 {
  left: 10%;
}
.ie8_desktop .pull-10 {
  left: -10%;
}
.ie8_desktop .grid-15 {
  float: left;
  width: 15%;
}
.ie8_desktop .prefix-15 {
  margin-left: 15%;
}
.ie8_desktop .suffix-15 {
  margin-right: 15%;
}
.ie8_desktop .push-15 {
  left: 15%;
}
.ie8_desktop .pull-15 {
  left: -15%;
}
.ie8_desktop .grid-20 {
  float: left;
  width: 20%;
}
.ie8_desktop .prefix-20 {
  margin-left: 20%;
}
.ie8_desktop .suffix-20 {
  margin-right: 20%;
}
.ie8_desktop .push-20 {
  left: 20%;
}
.ie8_desktop .pull-20 {
  left: -20%;
}
.ie8_desktop .grid-25 {
  float: left;
  width: 25%;
}
.ie8_desktop .prefix-25 {
  margin-left: 25%;
}
.ie8_desktop .suffix-25 {
  margin-right: 25%;
}
.ie8_desktop .push-25 {
  left: 25%;
}
.ie8_desktop .pull-25 {
  left: -25%;
}
.ie8_desktop .grid-30 {
  float: left;
  width: 30%;
}
.ie8_desktop .prefix-30 {
  margin-left: 30%;
}
.ie8_desktop .suffix-30 {
  margin-right: 30%;
}
.ie8_desktop .push-30 {
  left: 30%;
}
.ie8_desktop .pull-30 {
  left: -30%;
}
.ie8_desktop .grid-35 {
  float: left;
  width: 35%;
}
.ie8_desktop .prefix-35 {
  margin-left: 35%;
}
.ie8_desktop .suffix-35 {
  margin-right: 35%;
}
.ie8_desktop .push-35 {
  left: 35%;
}
.ie8_desktop .pull-35 {
  left: -35%;
}
.ie8_desktop .grid-40 {
  float: left;
  width: 40%;
}
.ie8_desktop .prefix-40 {
  margin-left: 40%;
}
.ie8_desktop .suffix-40 {
  margin-right: 40%;
}
.ie8_desktop .push-40 {
  left: 40%;
}
.ie8_desktop .pull-40 {
  left: -40%;
}
.ie8_desktop .grid-45 {
  float: left;
  width: 45%;
}
.ie8_desktop .prefix-45 {
  margin-left: 45%;
}
.ie8_desktop .suffix-45 {
  margin-right: 45%;
}
.ie8_desktop .push-45 {
  left: 45%;
}
.ie8_desktop .pull-45 {
  left: -45%;
}
.ie8_desktop .grid-50 {
  float: left;
  width: 50%;
}
.ie8_desktop .prefix-50 {
  margin-left: 50%;
}
.ie8_desktop .suffix-50 {
  margin-right: 50%;
}
.ie8_desktop .push-50 {
  left: 50%;
}
.ie8_desktop .pull-50 {
  left: -50%;
}
.ie8_desktop .grid-55 {
  float: left;
  width: 55%;
}
.ie8_desktop .prefix-55 {
  margin-left: 55%;
}
.ie8_desktop .suffix-55 {
  margin-right: 55%;
}
.ie8_desktop .push-55 {
  left: 55%;
}
.ie8_desktop .pull-55 {
  left: -55%;
}
.ie8_desktop .grid-60 {
  float: left;
  width: 60%;
}
.ie8_desktop .prefix-60 {
  margin-left: 60%;
}
.ie8_desktop .suffix-60 {
  margin-right: 60%;
}
.ie8_desktop .push-60 {
  left: 60%;
}
.ie8_desktop .pull-60 {
  left: -60%;
}
.ie8_desktop .grid-65 {
  float: left;
  width: 65%;
}
.ie8_desktop .prefix-65 {
  margin-left: 65%;
}
.ie8_desktop .suffix-65 {
  margin-right: 65%;
}
.ie8_desktop .push-65 {
  left: 65%;
}
.ie8_desktop .pull-65 {
  left: -65%;
}
.ie8_desktop .grid-70 {
  float: left;
  width: 70%;
}
.ie8_desktop .prefix-70 {
  margin-left: 70%;
}
.ie8_desktop .suffix-70 {
  margin-right: 70%;
}
.ie8_desktop .push-70 {
  left: 70%;
}
.ie8_desktop .pull-70 {
  left: -70%;
}
.ie8_desktop .grid-75 {
  float: left;
  width: 75%;
}
.ie8_desktop .prefix-75 {
  margin-left: 75%;
}
.ie8_desktop .suffix-75 {
  margin-right: 75%;
}
.ie8_desktop .push-75 {
  left: 75%;
}
.ie8_desktop .pull-75 {
  left: -75%;
}
.ie8_desktop .grid-80 {
  float: left;
  width: 80%;
}
.ie8_desktop .prefix-80 {
  margin-left: 80%;
}
.ie8_desktop .suffix-80 {
  margin-right: 80%;
}
.ie8_desktop .push-80 {
  left: 80%;
}
.ie8_desktop .pull-80 {
  left: -80%;
}
.ie8_desktop .grid-85 {
  float: left;
  width: 85%;
}
.ie8_desktop .prefix-85 {
  margin-left: 85%;
}
.ie8_desktop .suffix-85 {
  margin-right: 85%;
}
.ie8_desktop .push-85 {
  left: 85%;
}
.ie8_desktop .pull-85 {
  left: -85%;
}
.ie8_desktop .grid-90 {
  float: left;
  width: 90%;
}
.ie8_desktop .prefix-90 {
  margin-left: 90%;
}
.ie8_desktop .suffix-90 {
  margin-right: 90%;
}
.ie8_desktop .push-90 {
  left: 90%;
}
.ie8_desktop .pull-90 {
  left: -90%;
}
.ie8_desktop .grid-95 {
  float: left;
  width: 95%;
}
.ie8_desktop .prefix-95 {
  margin-left: 95%;
}
.ie8_desktop .suffix-95 {
  margin-right: 95%;
}
.ie8_desktop .push-95 {
  left: 95%;
}
.ie8_desktop .pull-95 {
  left: -95%;
}
.ie8_desktop .grid-33 {
  float: left;
  width: 33.33333%;
}
.ie8_desktop .prefix-33 {
  margin-left: 33.33333%;
}
.ie8_desktop .suffix-33 {
  margin-right: 33.33333%;
}
.ie8_desktop .push-33 {
  left: 33.33333%;
}
.ie8_desktop .pull-33 {
  left: -33.33333%;
}
.ie8_desktop .grid-66 {
  float: left;
  width: 66.66667%;
}
.ie8_desktop .prefix-66 {
  margin-left: 66.66667%;
}
.ie8_desktop .suffix-66 {
  margin-right: 66.66667%;
}
.ie8_desktop .push-66 {
  left: 66.66667%;
}
.ie8_desktop .pull-66 {
  left: -66.66667%;
}
.ie8_desktop .grid-100 {
  clear: both;
  width: 100%;
}

body {
  background-color: #FFFFFF;
  color: #52616d;
  font: 300 12px/1 Verdana, Arial, sans-serif;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-rendering: optimizelegibility;
}

h1, h1, h3, h4 {
  font-family: "Roboto Condensed";
}

a {
  color: #005DA3;
}

p {
  color: #52616D;
  font-size: 15px;
  line-height: 1.3;
}

/*----------------------------------------------------------------------------
    START SITE
-----------------------------------------------------------------------------*/
.site_container {
  margin: 0 auto;
  max-width: 960px;
}

.top_info_bar {
  background-color: #171B20;
  color: #CCCCCC;
  padding: 10px 0;
}
.top_info_bar .top_info_left {
  text-align: left;
}
.top_info_bar .top_info_left span {
  display: inline-block;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.top_info_bar .top_info_right {
  text-align: right;
}
.top_info_bar .top_info_nav_item {
  border-right: 2px solid #303538;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}
.top_info_bar .top_info_nav_item.last {
  border: medium none;
  padding: 0;
  margin: 0;
}
.top_info_bar a {
  color: #CCCCCC;
  display: inline-block;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.top_info_bar a:hover {
  color: #EAEAEA;
}
.top_info_bar a.active {
  color: #FFFFFF;
}

.logo {
  border-right: 1px solid #D5DEEC;
  display: inline-block;
  margin: 0 15px 0 0;
  padding-right: 20px;
  vertical-align: middle;
}
.logo a img {
  display: block;
}

.cta_top {
  border-left: 1px solid #D5DEEC;
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  vertical-align: middle;
}
.cta_top h2 {
  color: #62A13D;
  font: 700 22px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.cta_top a {
  color: #316DB0;
  display: inline-block;
  font: 700 16px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
.cta_top a:before {
content: "\f101";
font-family: meridix;
margin-right:5px;
}

.top_info_breadcrumb {
  background-color: #005DA3;
  color: #FFFFFF;
  padding: 14px 0;
}
.top_info_breadcrumb .breadcrumb_list {
  background-color: transparent;
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item {
  background-color: transparent;
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item.actual {
  background-color: transparent;
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item.actual a {
  color: #FAFAFA;
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item.actual a:after {
  content: " ";
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item a {
  color: #FFFFFF;
  display: inline-block;
  font: 400 18px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
}
.top_info_breadcrumb .breadcrumb_list .breadcrumb_list_item a:after {
  content: "\f105";
  font: 14px/1 meridix, sans-serif;
  margin-left: 6px;
}

.top_nav_wrapper {
  background-color: #FFFFFF;
}

.top_nav {
  padding: 18px 0;
  font: 0px/0 Arial, sans-serif;
}

.main_nav {
  display: inline-block;
  vertical-align: middle;
}

.main_nav_list {
  background-color: transparent;
}
.main_nav_list .main_nav_list_item {
  background-color: transparent;
}
.main_nav_list .main_nav_list_item a {
  border: 2px solid rgba(0, 0, 0, 0);
  color: #3D4247;
  display: inline-block;
  font-family: "Roboto Condensed";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 12px;
  text-transform: uppercase;
}
.main_nav_list .main_nav_list_item a.active, .main_nav_list .main_nav_list_item a:hover {
  color: #316db0;
  border-color: #316db0;
}

.top_banner {
  background: url("../images/download_banner.jpg") center center no-repeat;
}
.top_banner .top_banner_wrapper a {
  display: inline-block;
  margin: 90px 0 100px 0;
}
.top_banner .top_banner_wrapper a img {
  display: block;
}

.big_title {
  color: #005DA3;
  font: 48px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin: 0 0 40px;
  text-align: center;
}

.separate_blue {
  background-color: #0165AB;
  display: inline-block;
  padding: 22px 0;
  width: 100%;
}
.separate_blue .title_arrow {
  color: #FFFFFF;
  font: 36px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin: 0;
  text-align: center;
}
.separate_blue .title_arrow:before {
  content: "\f101";
  font: 80%/1 meridix, sans-serif;
  margin-right: 6px;
}

.boxes_container {
  background-color: transparent;
}
.boxes_container .last_level {
  margin-bottom: 20px;
}
.boxes_container .shadow_box {
  background-color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
  padding: 34px;
}
.boxes_container .shadow_box .title {
  color: #62A13D;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 8px;
  text-decoration: underline;
  text-transform: uppercase;
}
.boxes_container .shadow_box .subtitle {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 8px;
}
.boxes_container .shadow_box .description {
  font-size: 24px;
  text-decoration: underline;
}
.boxes_container .shadow_box p {
  color: #52616d;
  font-size: 16px;
  line-height: 1.2;
}
.boxes_container .shadow_box .logo_list {
  display: inline-block;
  margin: 40px 0 25px;
  text-align: center;
  width: 100%;
}

.btn {
  border: medium none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font: 400 16px/1 "Roboto Condensed", Arial, sans-serif;
  padding: 7px 18px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn.gigant {
  font-size: 24px;
  font-weight: 400;
  padding: 12px 34px;
  text-transform: uppercase;
}
.btn.gigant.btn-white-line {
  padding: 10px 34px;
}
.btn.huge {
  font-size: 22px;
  font-weight: 400;
  padding: 8px 30px;
  text-transform: uppercase;
}
.btn.medium {
  font-size: 16px;
  padding: 6px 18px;
}
.btn.small {
  font-size: 16px;
  padding: 6px 18px;
}

.btn-white-line {
  border: 3px solid #FFFFFF;
}

.btn-green {
  background-color: #62A13D;
  border-bottom: 4px solid #47752c;
}
.btn-green.medium {
  border-bottom: 3px solid #47752c;
}
.btn-green.small {
  border-bottom: 2px solid #47752c;
}
.btn-green:hover {
  background-color: #548b35;
}

.btn-blue {
  background-color: #005DA3;
  border-bottom: 3px solid #003a66;
}
.btn-blue.gigant {
  border-bottom: 4px solid #003a66;
}
.btn-blue.huge {
  border-bottom: 4px solid #003a66;
}
.btn-blue.medium {
  border-bottom: 3px solid #003a66;
}
.btn-blue.small {
  border-bottom: 2px solid #003a66;
}
.btn-blue:hover {
  background-color: #004c84;
}

.btn-orange {
  background-color: #e23e00;
  border-bottom: 3px solid #b43100;
  white-space: nowrap;
}
.btn-orange.gigant {
  border-bottom: 4px solid #b43100;
}
.btn-orange.huge {
  border-bottom: 4px solid #b43100;
}
.btn-orange.medium {
  border-bottom: 3px solid #b43100;
}
.btn-orange.small {
  border-bottom: 2px solid #b43100;
}
.btn-orange:hover {
  /*background-color: #f3581e;*/
	background-color: #d73b00;
}

.btn-grey {
  background-color: #B2B2B2;
  border-bottom: 3px solid #939393;
}
.btn-grey.gigant {
  border-bottom: 4px solid #939393;
}
.btn-grey.huge {
  border-bottom: 4px solid #939393;
}
.btn-grey.medium {
  border-bottom: 3px solid #939393;
}
.btn-grey.small {
  border-bottom: 2px solid #939393;
}
.btn-grey:hover {
  background-color: #a3a3a3;
}

.line_bottom {
  border-bottom: 1px solid #C9D1D6;
  display: inline-block;
  width: 100%;
}

.input {
  background-color: #FFFFFF;
  border: 1px solid #B9B9B9;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
  color: #171B20;
  font: 18px Roboto,Verdana,Arial,sans-serif;
  margin-bottom: 10px;
  padding: 14px;
  width: 100%;
}

.input_wrapper {
  position: relative;
}
.input_wrapper .icon {
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 28px;
}
.input_wrapper.approved .input {
  border: 1px solid #62A13D;
}
.input_wrapper.approved .icon:before {
  color: #62A13D;
  content: "\e600";
  font-family: meridix;
}
.input_wrapper.error .input {
  border: 1px solid #E4070C;
}
.input_wrapper.error .icon:before {
  color: #E4070C;
  content: "\e601";
  font-family: meridix;
}

.form_container {
  display: inline-block;
  font: 0px/0 Arial, sans-serif;
  margin: 15px 0;
  width: 100%;
}
.form_container .input {
  width: 100%;
}

.sign_up_section {
  background-color: #F7F7F7;
}

.sign_up_success_section {
  background: url("../images/runner.jpg") center top no-repeat #a24c31;
}
.sign_up_success_section .success_box {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  margin: 50px 0;
  padding: 50px 10px;
  text-align: center;
}

.choose_plan_wrapper {
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
}
.choose_plan_wrapper .third_col_plan {
  border-left: 1px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
}
.choose_plan_wrapper .disclaimer {
  border-top: 1px solid #EBEBEB;
  display: inline-block;
  font-size: 16px;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}
.choose_plan_wrapper .disclaimer p {
  margin: 0;
}

.checked-icon:before {
  content: "\e600";
  display: inline-block;
  font-family: meridix;
  margin-right: 6px;
  vertical-align: middle;
}

.hidden_formular {
  border-top: 1px solid #E1E1E1;
  display: none;
  margin-top: 30px;
  padding-top: 50px;
  position: relative;
}
.hidden_formular:before {
  background: url("../images/arrow_slide.png") 0 0 no-repeat;
  content: " ";
  height: 11px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -1px;
  width: 21px;
}
.hidden_formular .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}

.signup_container {
  color: #6D6D6D;
}
.signup_container .description_top {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.2;
  padding: 0 60px;
}
.signup_container .link {
  text-decoration: underline;
}

.terms_description {
  border-top: 1px solid #E1E1E1;
  font-size: 15px;
  line-height: 1.2;
  margin-top: 20px;
  padding: 30px 50px;
}

.description_top {
  font-size: 18px;
  line-height: 1.2;
}

.left-arrows:before {
  content: "\f101";
  font-family: meridix;
  margin-right: 6px;
}

.lines_title {
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  color: #62A13D;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  margin: 22px 0;
  padding: 12px 0;
  text-align: center;
}

.lines_list {
  text-align: center;
}
.lines_list li {
  color: #52616D;
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  padding: 6px 0;
}

.content_container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer {
  background-color: #171B20;
}
.footer .footer_wrapper {
  color: #757c85;
  padding: 35px 0 55px 0;
}
.footer .logo_footer {
  display: block;
  margin: 0 auto;
}
.footer .footer_menus_group {
  border-top: 1px solid #31363e;
  padding: 45px 0;
}
.footer .footer_menus_group .list_group {
  min-height: 110px;
}
.footer .footer_menus_group .list_group .list_group_item {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.footer .footer_menus_group .list_group .list_group_item a {
  color: #FFFFFF;
  display: inline-block;
  transition: all 0.2s ease 0s;
  white-space: nowrap;
}
.footer .footer_menus_group .list_group .list_group_item a:hover {
  color: #757C85;
}
.footer .footer_menus_group .list_group .list_group_item a:before {
  color: #0680DC;
  content: "\f101";
  display: inline-block;
  font-family: meridix;
  font-size: 10px;
  margin-right: 6px;
}
.footer .footer_menus_group .list_group .list_group_item.title {
  color: #0680DC;
}
.footer .footer_menus_group .list_group .list_group_item.title h3 {
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
}
.footer .center_box {
  text-align: center;
}
.footer .copyright {
  display: inline-block;
  color: #757C85;
  font-size:13px;
}
.footer .copyright_list {
  display: inline-block;
}
.footer .copyright_list li {
  border-left: 1px solid #757C85;
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
}
.footer .copyright_list li a {
  color: #757C85;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer .copyright_list li a:hover {
  color: #FAFAFA;
}
.footer .social_list {
  margin-top: 20px;
}
.footer .social_list li {
  background-color: transparent;
}
.footer .social_list li a {
  color: #757C85;
  display: inline-block;
  font-size: 28px;
  margin: 0 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer .social_list li a:hover {
  opacity: 0.8;
}
.footer .social_list li .facebook:before {
  content: "\e607";
  font-family: meridix;
}
.footer .social_list li .gplus:before {
  content: "\e606";
  font-family: meridix;
}
.footer .social_list li .twitter:before {
  content: "\e608";
  font-family: meridix;
}

.contact_box {
  color: #FFFFFF;
  margin: 30px 0 50px 0;
}
.contact_box .container {
  padding: 30px 26px;
}
.contact_box .container h2, .contact_box .container p, .contact_box .container span {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.contact_box.sales .container {
  background: url("../images/grass_pattern.jpg");
}
.contact_box.sales .container .title {
  margin-bottom: 42px;
}
.contact_box.support .container {
  background: url("../images/wood_pattern.jpg");
}
.contact_box .title {
  font-family: Roboto;
  font-size: 48px;
  line-height: 1.2;
  text-transform: uppercase;
}
.contact_box .description {
  color: #FFFFFF;
  font-size: 26px;
  line-height: 1.4;
}
.contact_box .phone {
  display: block;
  font-family: Roboto;
  font-size: 44px;
  font-weight: 400;
}
.contact_box .phone:before {
  content: "\f095";
  display: inline-block;
  font-family: meridix;
  font-size: 46px;
  line-height: 1;
  margin-left: 6px;
  margin-right: 8px;
  vertical-align: middle;
}
.contact_box .mail {
  display: block;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
}
.contact_box .mail:before {
  content: "\e618";
  display: inline-block;
  font-family: meridix;
  font-size: 40px;
  margin-left: 6px;
  margin-right: 10px;
  vertical-align: middle;
}

.last_level .title {
  color: #005DA3;
  font-family: Roboto;
  font-size: 36px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.last_level .description {
  color: #292929;
  font-size: 22px;
  line-height: 1.2;
}
.last_level .contact_building {
  background-color: transparent;
}
.last_level .contact_building:before {
  color: #ACACAC;
  content: "\e60d";
  float: left;
  font-family: meridix;
  font-size: 80px;
  margin-right: 14px;
}
.last_level .contact_building span {
  color: #292929;
  display: block;
  font-family: Roboto;
  font-size: 22px;
  line-height: 1.2;
}
.last_level .contact_list_ct {
  background-color: transparent;
}
.last_level .contact_list_ct li {
  color: #292929;
  display: block;
  font-size: 22px;
  line-height: 1.4;
}
.last_level .contact_list_ct a {
  color: #000000;
}
.last_level .contact_list_ct li.facebook:before {
  color: #3B5999;
  content: "\e607";
  display: inline-block;
  font-family: meridix;
  margin-right: 8px;
  vertical-align: middle;
}
.last_level .contact_list_ct li.twitter:before {
  color: #1BB2E7;
  content: "\e608";
  display: inline-block;
  font-family: meridix;
  margin-right: 8px;
  vertical-align: middle;
}

.error_page {
  background: url("../images/404_background.jpg") center bottom no-repeat #005da3;
  color: #FFFFFF;
  font-family: "Roboto Condensed";
  padding: 80px 0 470px;
}
.error_page .title {
  font-size: 70px;
  font-weight: 400;
}
.error_page .description {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}
.error_page .link {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  text-decoration: underline;
}

.thin_title {
  font-family: Roboto;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 15px;
}

.content_container .left_col {
  background-color: transparent;
}
.content_container .right_col {
  background-color: transparent;
}

.lined_box {
  border: 1px solid #C9D1D6;
}

.separate_space {
  display: inline-block;
  height: 30px;
  width: 100%;
}

.lined_box_list {
  border: 1px solid #C9D1D6;
  margin-bottom: 10px;
}
.lined_box_list .lined_box_list_item {
  border-bottom: 1px solid #C9D1D6;
  display: block;
}
.lined_box_list .lined_box_list_item .arrows_icon:before {
  color: #75838E;
  content: "\f101";
  display: inline-block;
  font-family: meridix;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  margin-right: 6px;
  vertical-align: top;
}
.lined_box_list .lined_box_list_item .volume_icon:before {
  color: #62A13D;
  content: "\f012";
  display: inline-block;
  font-family: meridix;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
  margin-right: 10px;
  vertical-align: middle;
}
.lined_box_list .lined_box_list_item .volume_icon.red_icon:before {
  color: #D04340;
}
.lined_box_list .lined_box_list_item.last {
  border: none;
}
.lined_box_list .lined_box_list_item.alone_center {
  text-align: center;
  text-decoration: underline;
}
.lined_box_list .lined_box_list_item a.item_link {
  color: #52616D;
  display: block;
  font: 300 16px/1.2 Roboto, Verdana, Arial, sans-serif;
  padding: 15px;
}
.lined_box_list .lined_box_list_item a.item_link.active, .lined_box_list .lined_box_list_item a.item_link:hover {
  background-color: #EEF3F6;
}
.lined_box_list .lined_box_list_item .item_container {
  color: #52616D;
  line-height: 1.2;
  padding: 15px;
}
.lined_box_list .lined_box_list_item .item_container .twitt_link {
  color: #52616D;
  display: inline-block;
  font: 300 14px/1 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 6px;
}
.lined_box_list .lined_box_list_item .item_container .twitt_link .twitt_name {
  color: #04A8E7;
  font-size: 20px;
}
.lined_box_list .lined_box_list_item .item_container p {
  color: #52616D;
  font: 300 16px/1.2 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 0;
}

.accordion_list {
  background-color: transparent;
}
.accordion_list .accordion_item {
  display: block;
}
.accordion_list .accordion_item.active .main_title .arrow:before {
  color: #62A13D;
  content: "\f056";
}
.accordion_list .accordion_item .main_title {
  border-bottom: 1px solid #C9D1D6;
  border-top: 1px solid #C9D1D6;
  color: #52616D;
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  margin: -1px 0 0 0;
  padding: 14px 0;
}
.accordion_list .accordion_item .main_title .title {
  font-size: 18px;
}
.accordion_list .accordion_item .main_title .arrow {
  float: right;
}
.accordion_list .accordion_item .main_title .arrow:before {
  color: #CDCDCD;
  content: "\f055";
  font-family: meridix;
}
.accordion_list .accordion_item .hidden_content {
  border-left: 4px solid #62A13D;
  color: #52616D;
  display: none;
  font-size: 16px;
  line-height: 1.3;
  margin: 23px 0 23px 70px;
  padding-left: 15px;
}
.accordion_list .accordion_item .hidden_content h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}

.shadow_box {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  display: block;
  line-height: 1;
  padding: 15px;
  width: 100%;
}

.big_thin_link {
  font: 300 18px/1 Roboto, Verdana, Arial, sans-serif;
  text-decoration: underline;
}

.top_plan {
  min-height: 120px;
}
.top_plan h3.title {
  color: #697A8B;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}
.top_plan h3.title span {
  display: block;
  text-align: center;
}

.list_contact_top {
  margin-bottom: 20px;
}
.list_contact_top li {
  color: #697A8B;
  display: block;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 14px;
  text-align: center;
}
.list_contact_top .small_phone:before {
  content: "\e609";
  display: inline-block;
  font-family: meridix;
  font-size: 18px;
  margin-right: 8px;
  vertical-align: middle;
}
.list_contact_top .small_mail:before {
  content: "\e618";
  display: inline-block;
  font-family: meridix;
  font-size: 18px;
  margin-right: 8px;
  vertical-align: middle;
}

.plan_top_col {
  padding: 0 0 15px 0;
  text-align: center;
}
.plan_top_col .plan_head {
  color: #FFFFFF;
  font: 300 20px/1 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 20px;
  padding: 12px 0;
}
.plan_top_col .big {
  font: 600 38px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.plan_top_col .small_text {
  font-size: 22px;
  min-height: 44px;
  padding: 0 16px;
}
.plan_top_col.second_col_plan .plan_head {
  background-color: #697A8B;
}
.plan_top_col.second_col_plan p {
  color: #697A8B;
}
.plan_top_col.third_col_plan .plan_head {
  background-color: #005DA3;
}
.plan_top_col.third_col_plan p {
  color: #005DA3;
}
.plan_top_col.fourth_col_plan .plan_head {
  background-color: #62A13D;
}
.plan_top_col.fourth_col_plan p {
  color: #62A13D;
}

.plan_description_list {
  background-color: transparent;
}
.plan_description_list .plan_description_item {
  background-color: #EEF3F6;
  color: #52616D;
  display: block;
  font: 300 18px/1 Roboto, Verdana, Arial, sans-serif;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.plan_description_list .plan_description_item:hover {
  background-color: #F0F4F6;
}
.plan_description_list .plan_description_item .padding_box {
  padding: 15px 8px;
}
.plan_description_list .plan_description_item .middle {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.plan_description_list .plan_description_item.odd {
  background-color: #FFFFFF;
}
.plan_description_list .plan_description_item.odd:hover {
  background-color: #F0F4F6;
}
.plan_description_list .plan_description_item.odd.no_hover:hover {
  background-color: transparent;
}
.plan_description_list .plan_description_item .empty {
  opacity: 0;
}
.plan_description_list .plan_description_item .property_value {
  display: block;
  font: 16px/1 Roboto, Verdana, Arial, sans-serif;
  min-height: 18px;
  text-align: center;
  text-transform: uppercase;
}
.plan_description_list .plan_description_item .property_value.available:before {
  content: "\e600";
  font-family: meridix;
  font-size: 16px;
  line-height: 1;
}
.plan_description_list .plan_description_item .property_small_title {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-align: center;
}

.shadow_box_top {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-family: Roboto;
  margin-top: 20px;
  width: 100%;
}

.pricing_shadow_box h4 {
  color: #005DA3;
  font-family: Roboto;
  font-size: 36px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.pricing_shadow_box p {
  color: #8C8C8C;
  font-size: 24px;
  margin-bottom: 18px;
}
.pricing_shadow_box p:after {
  background-color: #DCDCD9;
  border-radius: 4px;
  content: " ";
  display: block;
  height: 5px;
  margin: 14px auto 0;
  width: 15%;
}
.pricing_shadow_box .line-right {
  border-right: 1px solid #dcdcd9;
}
.pricing_shadow_box .line-left {
  border-left: 1px solid #dcdcd9;
}
.pricing_shadow_box .box {
  margin: 30px 0;
  text-align: center;
}

.search_list .search_list_item {
  float: left;
  width: 100%;
}
.search_list .search_list_item.odd {
  background-color: #eef3f6;
}
.search_list .search_list_item.odd .content_wrapper {
  border-right: 2px solid #FFFFFF;
}
.search_list .immage_wrapper {
  padding: 6px;
  position: relative;
}
.search_list .immage_wrapper .live_indicator {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(255, 0, 0, 1);
    color: #FFF;
}
.search_list .immage_wrapper img {
  min-width: 100%;
  max-width: 100%;
}
.search_list .content_wrapper {
  border-right: 2px solid #EEF3F6;
  padding: 6px;
}
.search_list .content_wrapper h4 {
  font: 400 22px/1.2 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-bottom: 10px;
  margin-top: 4px;
}
.search_list .content_wrapper p {
  font: 300 18px/1.2 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 5px;
}
.search_list .date_wrapper {
  padding: 6px;
}
.search_list .date_wrapper span {
  display: block;
  font-size: 12px;
  line-height: 2;
}

.search_container {
  position: relative;
}
.search_container .search_input {
  border: 1px solid #C9D1D6;
  border-radius: 3px 0 0 3px;
  float: left;
  line-height: 1;
  padding: 8px 8px 8px 24px;
  width: 150px;
}
.search_container .submit_search {
  background-color: #005DA3;
  border: medium none;
  border-radius: 0 3px 3px 0;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font: 14px/1 Roboto, Verdana, Arial, sans-serif;
  margin-left: -1px;
  padding: 10px;
}
.search_container .icon {
  color: #005DA3;
  font-size: 12px;
  left: 8px;
  line-height: 1;
  margin-top: -7px;
  position: absolute;
  top: 50%;
}
.search_container .icon:before {
  content: "\e619";
  font-family: meridix;
}

.form_title {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.search_drop_down {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 70px;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 100;
}
.search_drop_down #search_dropdown {
  background-color: #FFFFFF;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  color: #52616D;
  left: 0;
  height: 440px;
  padding: 0;
  position: absolute;
  overflow: auto;
  right: 0;
  top: 55px;
  z-index: 1200;
}
.search_drop_down.active {
  position: relative;
  z-index: 1100;
}
.search_drop_down .pop_up_search {
  color: #005DA3;
  font: 18px/1 Roboto, Verdana, Arial, sans-serif;
  position: relative;
  text-decoration: underline;
}
.search_drop_down .pop_up_search:after {
  content: "\f107";
  font-family: meridix;
  font-size: 150%;
  position: absolute;
  right: -30px;
  top: -3px;
}

.track4 {
  background-color: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  position: relative;
  width: 12px;
  z-index: 1500;
}

.track4.dragging, .track4:hover {
  background: #f2f2f2;
}

.track4:active {
  background-color: #FFFFFF;
}

.handle4 {
  background-color: #005DA3;
  right: 2px;
  width: 6px;
  z-index: 1300;
}

.dragging .handle4, .handle4:active {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
}

.search_result_list {
  background-color: transparent;
}
.search_result_list .search_result_list_item {
  border-bottom: 1px solid #EEF3F6;
  color: #52616d;
  display: block;
  font: 0px/0 Arial, sans-serif;
  padding: 8px 12px;
  text-align: left;
}
.search_result_list .search_result_list_item.last {
  border: none;
}
.search_result_list .search_result_list_item img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.search_result_list .search_result_list_item a {
  color: #005da3;
  display: inline-block;
  font: 14px/1 Roboto, Verdana, Arial, sans-serif;
  margin-right: 10px;
  text-decoration: underline;
  vertical-align: middle;
}
.search_result_list .search_result_list_item span {
  display: inline-block;
  font: 14px/1 Roboto, Verdana, Arial, sans-serif;
  vertical-align: middle;
}

.pagination {
  display: inline-block;
  padding-top: 20px;
  width: 100%;
}

.pagination_list {
  float: right;
}
.pagination_list .pagination_list_item {
  float: left;
  margin-left: -1px;
}
.pagination_list .pagination_list_item a {
  border: 1px solid #C9D1D6;
  color: #52616D;
  display: block;
  padding: 10px 14px;
}
.pagination_list .pagination_list_item a.active, .pagination_list .pagination_list_item a:hover {
  background-color: #eef3f6;
}
.pagination_list .pagination_list_item a.prev {
  border-radius: 3px 0 0 3px;
}
.pagination_list .pagination_list_item a.prev:before {
  content: "\f100";
  font-family: meridix;
  font-size: 11px;
}
.pagination_list .pagination_list_item a.next {
  border-radius: 0 3px 3px 0;
}
.pagination_list .pagination_list_item a.next:before {
  content: "\f101";
  font-family: meridix;
  font-size: 11px;
}

body.overlayer {
  background-color: transparent;
}
body.overlayer .overlayer_bg {
  display: block;
}
body.overlayer .search_drop_down {
  background-color: #005da3;
  color: #FFFFFF;
}
body.overlayer .search_drop_down .pop_up_search {
  color: #FFFFFF;
}
body.overlayer .search_drop_down .pop_up_search:after {
  content: "\f106";
}

.overlayer_bg {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  height: 150%;
  width: 100%;
  z-index: 1000;
}

.pop_up_hide {
  display: none;
}

.double_arrow:before {
  content: "\f101";
  font-family: meridix;
}

#login_modal {
  left: 50%;
  margin-left: -220px;
  position: absolute;
  top: 100px;
  z-index: 1300;
}
#login_modal .btn {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}
#login_modal .sign_up_now {
  background-color: #FFFFFF;
  margin: 40px auto 0;
  padding: 35px;
  position: relative;
  text-align: center;
  width: 440px;
}
#login_modal .sign_up_now .title {
  font: 24px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-bottom: 18px;
  text-transform: uppercase;
}
#login_modal .sign_up_now .description {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 10px;
}
#login_modal .login_box {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 35px;
  position: relative;
  text-align: center;
  width: 440px;
}
#login_modal .login_box .title {
  border-bottom: 1px solid #D2D2D2;
  color: #0165AB;
  font: 24px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-bottom: 18px;
  padding-bottom: 14px;
  text-transform: uppercase;
}
#login_modal .login_box .close_modal {
  color: #C9C9C9;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
}
#login_modal .login_box .close_modal:before {
  content: "\e602";
  font-family: meridix;
}
#login_modal .login_box .input_row {
  margin-bottom: 5px;
}
#login_modal .login_box .input_row label {
  color: #5A697D;
  display: block;
  font-weight: 300;
  margin: 0 0 12px;
}
#login_modal .login_box .input_row .input {
  border: 1px solid #D2D2D2;
  min-width: 220px;
  text-align: center;
  padding: 12px;
}
#login_modal .login_box .forgat {
  margin-bottom: 20px;
  text-align: center;
}
#login_modal .login_box .forgat a {
  color: #5a697d;
  font-size: 13px;
}
#login_modal .login_box .login_submit {
  background-color: #0165AB;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font: 300 21px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin: 20px auto 0;
  padding: 8px 34px;
  text-transform: uppercase;
}
#login_modal .login_box .login_submit:hover {
  background-color: #015692;
}

.support_box {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}
.support_box .blue_icon {
  background-color: #005DA3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #FFFFFF;
  display: inline-block;
  font-size: 62px;
  margin-bottom: 30px;
  padding: 24px;
}
.support_box .blue_icon.directions:before {
  content: "\e630";
  font-family: meridix;
}
.support_box .blue_icon.documentation:before {
  content: "\e62e";
  font-family: meridix;
}
.support_box .blue_icon.equipment:before {
  content: "\e62d";
  font-family: meridix;
}
.support_box .blue_icon.broadcast:before {
  content: "\e62f";
  font-family: meridix;
}
.support_box .blue_icon.viewer:before {
  content: "\e631";
  font-family: meridix;
}
.support_box .blue_icon.support:before {
  content: "\e632";
  font-family: meridix;
}
.support_box .title {
  color: #005DA3;
  font: 24px/1 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 15px;
}
.support_box .description {
  font: 300 16px/1.3 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 30px;
}
.support_box .arrows_right {
  display: inline-block;
  font: 400 14px/1 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 5px;
  position: relative;
  text-decoration: underline;
}
.support_box .arrows_right:before {
  content: "\f101";
  font-family: meridix;
  font-size: 12px;
  left: -12px;
  line-height: 15px;
  position: absolute;
}

.features_center_text {
  color: #FFFFFF;
  margin: 0;
  padding: 30px 0 40px;
  text-align: center;
}
.features_center_text .title {
  font: 400 48px/1.2 "Roboto Condensed", Verdana, Arial, sans-serif;
}
.features_center_text .description {
  color: #FFFFFF;
  font: 300 24px/1.2 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0 14%;
}

.lead_04 {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
.lead_04 img {
  display: inline-block;
}
.lead_04 h3 {
  color: #005DA2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-top: 30px;
}
.lead_04 p {
  color: #5A697D;
  font-size: 14px;
  padding: 0 8px;
}



.lead_box {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
.lead_box img {
  display: inline-block;
}
.lead_box h3 {
  color: #005DA2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-top: 30px;
}
.lead_box p {
  color: #5A697D;
  font-size: 14px;
  padding: 0 8px;
}


.lead_box.lined {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 0 0 25px 50px;
    position: relative;
}

.lead_box.lined:after {
	border-bottom: 1px solid #EEEEEE;
    bottom: 0;
    content: " ";
    left: 10%;
    position: absolute;
    right: 10%;
}

.lead_box.lined.last:after {
	border: medium none;
    content: " ";
}

.lead_box.lined.odd {
	padding-left: 0;
    padding-right: 50px;
}


.lead_box.lined.last {
	border: none;
}

.lead_box.lined img {
	float: left;
	margin-right: 25px;
}

.lead_box.lined.odd img {
	float: right;
	margin-left: 25px;
	margin-right: 0;
}

.lead_box.lined h3, .lead_box.lined p {
	text-align: left;
}

.lead_box.lined.odd h3, .lead_box.lined.odd p {
	text-align: right;
}

.clear_me {
	clear: left;
}


.image_text {
  position: relative;
  margin-bottom: 80px;
}
.image_text .image_container {
  display: block;
  position: relative;
  padding: 0;
  z-index: 100;
}
.image_text .image_container img {
  min-width: 100%;
  max-width: 100%;
}
.image_text .text_container {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  bottom: 50px;
  font: 300 24px/1.2 "Roboto Condensed", Verdana, Arial, sans-serif;
  padding: 50px 40px;
  position: absolute;
  text-align: center;
}
.image_text .text_container p, .image_text .text_container h2 {
  color: #FFFFFF;
}
.image_text .text_container h2 {
  font-size: 30px;
  font-weight: 400;
}
.image_text .text_container p {
  font-size: 18px;
}
.image_text.left .image_container {
  float: right;
}
.image_text.left .text_container {
  left: 10px;
}
.image_text.right .image_container {
  float: left;
}
.image_text.right .text_container {
  right: 10px;
}
.image_text.green .text_container {
  background-color: #62A13D;
}
.image_text.blue .text_container {
  background-color: #005DA3;
}

.gray_container {
  background-color: #EEEEEE;
}
.gray_container .content_container {
  margin-top: 0;
  margin-bottom: 0;
}

.main_banner {
  overflow: hidden;
  padding: 40px 0;
  position: relative;
}
.main_banner .content_container {
  position: relative;
}
.main_banner .image_container {
  position: absolute;
  right: -50px;
}
.main_banner .image_container img {
  min-width: 100%;
  max-width: 100%;
}
.main_banner .text_container {
  background-color: transparent;
}
.main_banner .text_container .title {
  color: #005DA2;
  font: 400 40px/1.1 "Roboto Condensed", Verdana, Arial, sans-serif;
}
.main_banner .text_container .text {
  color: #5a697d;
  font: 400 17px/1.2 "Roboto", Verdana, Arial, sans-serif;
}
.main_banner .btn {
  margin-bottom: 20px;
}

.four_leads {
  padding: 80px 0 60px 0;
}

.three_leads {
    padding: 80px 0 60px;
}

.home_banner {
  background: url("../images/grass_patterns.png") repeat scroll center center transparent;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) inset;
  padding: 60px 0;
  position: relative;
}
.home_banner .title {
  color: #FFFFFF;
  /*font: 600 68px/1.2 "BebasNeueRegular", Arial, sans-serif;*/
 font: 400 56px/1.2 "Anton",Arial,sans-serif;
  margin-bottom: 40px;
  -webkit-text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
.home_banner .left {
  background-color: transparent;
}
.home_banner .left img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 14px #000000;
  -moz-box-shadow: 0 0 14px #000000;
  box-shadow: 0 0 14px #000000;
  width: 100%;
}
.home_banner .right p {
  color: #FFFFFF;
  font-size: 24px;
  -webkit-text-shadow: 0 0 8px #000000;
  -moz-text-shadow: 0 0 8px #000000;
  text-shadow: 0 0 8px #000000;
}

.homepage .four_leads {
  padding: 20px 0 25px 0;
}
.homepage .four_leads .lead {
  margin-bottom: 15px;
}
.homepage .four_leads .lead img {
  margin-bottom: 40px;
}
.homepage .four_leads .lead .title {
  color: #005DA3;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.home_blue_box {
  padding: 50px 0 40px 0;
  text-transform: uppercase;
}
.home_blue_box .title {
  font-family: Roboto;
  font-size: 30px;
  margin-bottom: 5px;
}
.home_blue_box .description {
  font-family: Roboto;
  font-size: 48px;
  font-weight: 600;
  margin: 0 0 25px;
}

.search_lead {
  background-color: #F7F7F7;
  padding: 68px 0 50px 0;
  text-align: center;
}
.search_lead .title {
  color: #005DA3;
  font: 500 40px/1 Roboto, Verdana, Arial, sans-serif;
  margin-bottom: 15px;
}
.search_lead .disclaimer {
  color: #005DA3;
  font: 300 20px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  margin-bottom: 25px;
}
.search_lead .input_row {
  margin-bottom: 20px;
  position: relative;
}
.search_lead .input_row .input {
  margin: 0;
  padding: 10px 40px 10px 10px;
}
.search_lead .icon {
  position: absolute;
  right: 15px;
  top: 15px;
}
.search_lead .icon:before {
  color: #DEDEDE;
  content: "\e619";
  font-family: meridix;
  font-size: 14px;
}

.learn_more_btn {
  -webkit-text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  -moz-text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  margin-top: 20px;
}

/*----------------------------------------------------------------------------
    MEDIA QUERIES
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .cta_top {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .home_banner {
    padding: 50px 0 40px;
  }
  .home_banner .title {
    font-size: 48px;
    text-align: center;
  }
  .home_banner .right p {
    font-size: 20px;
  }

  .contact_box .title {
    font-size: 44px;
  }
  .contact_box .phone {
    font-size: 36px;
  }
  .contact_box .mail {
    font-size: 18px;
  }
  .contact_box .description {
    font-size: 18px;
  }
  .contact_box.sales .container .title {
    margin-bottom: 22px;
  }

  .image_text .text_container h2 {
    font-size: 24px;
  }
  .image_text .text_container p {
    font-size: 16px;
  }
  .image_text.right .text_container {
    padding: 50px 30px 30px 80px;
  }
  .image_text.left .text_container {
    padding: 50px 80px 30px 30px;
  }

  .lead_04 img {
    max-width: 100%;
    min-width: 100%;
  }

  /*.homepage .four_leads .lead img {
    max-width: 70%;
    min-width: 70%;
  }*/

  .main_banner .image_container {
    right: -40px;
  }
}
@media only screen and (max-width: 768px) {
  .home_banner .title {
    font-size: 32px;
    text-align: center;
  }
  .home_banner .left {
    margin-bottom: 15px;
  }
  
  .mobile-clear-me {
  	clear: left;
  }
  
  #login_modal {
  	top: 50px;
  }

  .learn_more_btn {
    margin-top: 0;
    margin-left: 15px;
  }

  .top_info_bar .top_info_left {
    text-align: right;
  }
  .top_info_bar .top_info_right {
    margin-bottom: 6px;
    margin-top: 16px;
  }

  .big_title {
    font-size: 38px;
  }

  .search_lead {
    padding: 40px 0;
  }
  .search_lead .title {
    font-size: 32px;
  }

  .main_banner .image_container {
    position: static;
    right: -50px;
  }
  .main_banner .image_container img {
    min-width: 100%;
    max-width: 100%;
  }

  .four_leads {
    padding: 60px 0 20px;
  }

  .home_blue_box.features_center_text .description {
    font-size: 38px;
  }

  .lead_04 img {
    max-width: 60%;
    min-width: 60%;
  }

  .image_text.left .text_container, .image_text.right .text_container {
    padding: 20px;
  }
  .image_text .text_container {
    position: static;
    width: 100%;
  }

  .mobile_clear {
    clear: both;
  }

  .footer .footer_menus_group {
    padding: 45px;
  }

  .logo {
    display: block;
    text-align: center;
    padding: 0;
    margin: 10px 0 20px 0;
    border: none;
  }
  .logo a {
    display: inline-block;
  }

  .main_nav {
    display: block;
    text-align: center;
  }

  .cta_top {
    border: none;
    display: block;
    margin: 20px 0;
    padding: 0;
    text-align: center;
  }

  .site_container {
    padding: 0 10px;
  }

  .contact_box .phone {
    font-size: 36px;
  }
  .contact_box .mail {
    font-size: 18px;
  }

  .error_page {
    padding: 10px 0 490px;
  }
  .error_page .content_container {
    padding: 20px 12px;
  }

  .pricing_shadow_box .line-right, .pricing_shadow_box .line-left {
    border: none;
  }
  
  .btn.gigant {
    font-size: 20px;
  }
  
  /*.homepage .four_leads .lead img {
    max-width: 50%;
    min-width: 50%;
  }*/

	.lead_box.lined, .lead_box.lined.odd {
		padding: 0 0 25px 0;
	}
	
	.lead_box.lined h3, .lead_box.lined p, .lead_box.lined.odd h3, .lead_box.lined.odd p {
		text-align: center;
		padding: 0 10px;
	}
	
	.lead_box.lined img, .lead_box.lined.odd img {
		float: none;
		margin: 0 0 25px 0;
	}
  
}
@media only screen and (max-width: 680px) {
  .learn_more_btn {
    margin-left: 0;
    margin-top: 15px;
  }

  .top_banner .top_banner_wrapper a img {
    display: block;
    width: 95%;
  }

  .clear_left {
    clear: left;
  }
}
@media only screen and (max-width: 480px) {
  .footer .copyright {
    display: block;	
  }
  .footer .footer_menus_group {
    padding: 45px 10px;
  }
  
	.contact_box .container {
		padding: 10px;
	}
	
	.contact_box .title {
		font-size: 32px;
	}
	
	.contact_box .container span {
		font-size: 18px !important;
	}
	
	.contact_box .container span:before {
		font-size: 24px;
	}

  .features_center_text .title {
    font-size: 24px;
  }
  .features_center_text .description {
    font-size: 18px;
    padding: 0;
  }

  .image_text .image_container {
    margin-bottom: 15px;
  }

  .footer .copyright_list li {
    border: medium none;
    display: block;
    margin: 0;
    padding: 6px 0;
  }
}
@media only screen and (max-width: 420px) {
  body #login_modal .login_box, #login_modal .sign_up_now { width: 380px;}
  body #login_modal {margin-left: -190px;}
  .plan_top_col .plan_head {
    font: 18px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  }
  .plan_top_col .big {
    font: 600 30px/1 "Roboto Condensed", Verdana, Arial, sans-serif;
  }
  .plan_top_col .small {
    font-size: 14px;
    padding: 0 12px;
  }

  .boxes_container .shadow_box {
    padding: 15px;
  }
  .boxes_container .shadow_box .btn {
    margin-bottom: 15px;
  }
  .boxes_container .shadow_box .btn.huge {
    font-size: 18px;
  }
  .boxes_container .shadow_box .title {
    font-size: 28px;
  }
  .boxes_container .shadow_box .description {
    font-size: 18px;
  }
}

/* ---------- Algolia search -------------*/
input#algolia-doc-search {
  font-size: 1em;
  padding: 15px 20px;
  border: 1px solid #ccc;
}

#algolia-autocomplete-listbox-0.aa-dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0;
    font-size: 16px;
    margin: 6px 0 0;
    text-align: left;
    font-family: Roboto, Verdana, Arial, sans-serif;
    padding: 0;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion {
    color: #777;
    border-top: 1px solid #ccc;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--category-header {
    display: none;
    background: #005da3;
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
    text-align: left;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--subcategory-inline {
    display: inline-block;
    font-weight: 700;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--content {
    padding: 10px 15px;
    width: 100%;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--title {
  font-weight: 400;
  color: #333;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--text {
  font-weight: normal;
  color: #555;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--highlight {
  background-color: #f0f8ff;
}

#algolia-autocomplete-listbox-0 .algolia-docsearch-footer {
  padding: 2px;
  border-top: 1px solid #ccc;
}


@media (min-width: 768px) {
  #algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--subcategory-column {
      border-right: 1px solid #ccc;
      background: #fcfcfc;
      color: #333;
      padding: 10px 15px;
      width: 200px;
      max-width: 200px;
      min-width: 200px;
  }

  #algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--content {
      display: table-cell;
      width: calc(100% - 200px);
  }

  #algolia-autocomplete-listbox-0 .aa-dropdown-menu {
      min-width: 700px;
  }

  #algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion--subcategory-inline {
      display: none;
  }

  #algolia-autocomplete-listbox-0 .algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header {
      display: block;
      border-top: none;
  }


}

@media (max-width: 767px) {
  input#algolia-doc-search {
    width: 100%;
  }
}

/* ---------------------------------------*/