#title:after {
content: "mobile";

}


.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%;
}


/* Mobile specific styles */
div.breadcrumbs,
section#mainImage,
ul.js-icons li.print,
div.pagination div.pages ul li.pagination-start,
div.pagination div.pages ul li.pagination-end,
body#show-advert form#form-scvs,
div.sitemap ul li a.submit-cv-menu,
div#main-content-full div.jd-info aside ul li a.apply-button,
div.mobile-hidden,
body.itemid-122 section.tooltip-form-container h3 {display:none; !important;}

section#header-top div.job-search div.search-jobs {padding:15px 0;}

section#header-top section#page-heading h1 {font-size:1.7em; padding:0 15px;}
div.site-logo p {text-align:center;}
div.site-logo {text-align:center; border-bottom:1px solid #FFF; border-right:1px solid #FFF;}
div.full-width-logo {text-align:left; border-bottom:1px solid #FFF; border-right:0;}
section#header-top section#page-heading {border-bottom:1px solid #FFF;}

section#column-a {padding-right:0; margin-bottom:10px;}
nav.highlight-nav > div, 
nav.highlight-nav div ul {float:none;}

nav.highlight-nav > div ul {width:100%;}
nav.highlight-nav > div ul li {float:left;}
nav.highlight-nav > div ul li:last-child {float:right;}

/* Mobile menu build */
nav.highlight-nav > div.logged-in {padding:10px 0; clear:both;}
nav.highlight-nav nav.site-nav > div > ul > li {background-color:#FFF;}
nav.highlight-nav nav.site-nav > div > ul > li a span {border:0; background:transparent; padding:0;}

nav.highlight-nav > div > ul > li > a.get-jobs-by-email, 
nav.highlight-nav > div > ul > li > a.job-alerts-account-menu,
nav.highlight-nav > div > ul > li > a.search-jobs-menu,
nav.highlight-nav > div > ul > li > a.submit-cv-menu,
nav.highlight-nav > div > ul > li > a.contact-call,
nav.highlight-nav > div > ul > li > a.contact-email,
nav.highlight-nav > div > ul > li > a.display-menu {background-attachment:scroll; background-clip:border-box; background-color:transparent; background-image:url("../images/icons/mobile-menu-icons.png"); background-origin:padding-box; background-repeat:no-repeat; background-size:26px auto; height:20px;}

nav.highlight-nav > div > ul > li > a.contact-call,
nav.highlight-nav > div > ul > li > a.contact-email,
nav.highlight-nav > div > ul > li > a.display-menu {text-indent:-9999px; width:auto;}

nav.highlight-nav > div > ul > li > a.contact-call {background-position:center -61px; width:20px;}
nav.highlight-nav > div > ul > li > a.contact-email{background-position:center -1px; width:20px;}
nav.highlight-nav > div > ul > li > a.display-menu {background-position:center -233px; width:20px; border-right:0; border-left:1px dotted #666;}
nav.highlight-nav > div > ul > li > a.get-jobs-by-email,
nav.highlight-nav > div > ul > li > a.job-alerts-account-menu {background-position:5px -123px; padding-left:30px; text-align:left;}
nav.highlight-nav > div > ul > li > a.search-jobs-menu {background-position:5px -168px; padding-left:30px; text-align:left;}

section div.update-cv,
section div.send-cv {display:none;}

div.cookies-message {width:100%;}
div.cc-cookies h2, 
div.cc-cookies p {width:100%; padding:0 0 10px 0;}
div.cc-cookies a.cc-cookie-accept {clear:both; text-align:center; float:left; margin-top:0 0 10px 0; padding:5px 0; width:99%;}
div.cc-cookies a.cc-cookie-decline {clear:both; text-align:center; float:left; margin-top:0 0 10px 0; padding:5px 0; width:99%;} 

body div#main-container form label {width:96%; padding:3px 2%; text-align:left; clear:both;}
body div#main-container form label.error,
form.Chronoform div.form label.error, 
form#form-scvs div.form label.error, 
section#column-a form div label.error, 
section#column-b form div label.error{padding-left:15px; margin-left:2%; width:89%;}
body div#main-container form input[type="text"],
body div#main-container form input[type="email"] {margin:0 2%; width:96%;}
body div#main-container form legend {padding:0 2% 10px 2%; width:96%; line-height:1.2em;}
body div#main-container form input[type="file"],
body div#main-container form select {margin:0 2%;}
body div#main-container form textarea {margin:0 2%; width:92%;}
body div#main-container form input#submit {margin-left:2%;}
body div#main-container a.activate-link,
body div#main-container a.deleteAlert {margin:10px 2%;}
body div#main-container form#jbe-marketing_prefs label {width:89%;}

div.pagination div.pages {float:right;}
div.pagination div.pages ul {float:right; clear:both;}
div.pagination div.pages ul li {display:none;}
div.pagination div.pages ul li.pagination-prev,
div.pagination div.pages ul li.pagination-next{display:inline-block;}

div.pagination div {padding:0.5em 0;}
div.pagination div.job-rss-container a {float:left; display:none;}

ul.limited-company-list li img {float:left;}
footer {padding:0 2%; width:96%;}

div.device_options {display:block;}
div.device_options ul li {float:left; padding-bottom:10px; width:100%;}
div.device_options ul li a {text-align:center; text-decoration:none; float:left; color:#FFF; background-color:#C60421; border:2px solid #EF0831; font-weight:bold; -moz-border-radius:4px; -webkit-browser-radius:4px; border-radius:4px; padding:5px; cursor:pointer; padding:10px 0; width:100%;}
div.device_options ul li a:hover {color:#FFF; background-color:#0086AD; border:2px solid #00E3F7;}

section#primary-footer {font-size:1em;}
ul.footer-menu li {clear:both;}
section#secondary-footer ul {float:left;}
section#secondary-footer ul li {padding-left:0; padding-right:10px; clear:none;}

div.article-padding {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

div.site-logo,
nav.highlight-nav {padding:5px 2%;}
header > section {padding:0;}
section#header-top div.job-search form.job-search fieldset div input[type="text"] {margin-bottom:10px;}
section#header-top div.job-search form.job-search fieldset div,
section#header-top div.job-search form.job-search input.submit {margin-left:0;}
section#header-top form.job-search {padding:0 2%;}

nav.highlight-nav {position:relative; background-color:#000; top:0; left:0; z-index:1000; border-bottom:1px solid #FFF;}
nav.highlight-nav > div ul li {float:left; padding:0;}
nav.highlight-nav > div > ul > li > a {font-size:0.9em; font-weight:normal; text-decoration:none; padding:0 5px; border-right:1px dotted #666; margin:0; color:#FFF; display:block; text-align:center;}

nav.highlight-nav nav.site-nav {display:none; margin-top:0;}
nav.highlight-nav nav.site-nav > div > ul > li {width:50%; border-bottom:1px dotted #0098C4; padding:10px 0; background-color:#000;}
nav.highlight-nav nav.site-nav > div > ul > li.active {background-color:#0098C4;}
nav.site-nav > div > ul > li.parent > a {border:0;}
nav.highlight-nav nav.site-nav > div > ul > li > a {padding-left:4px; background-image:none; font-size:1em; color:#FFF;}

section#header-top div.job-search {padding:10px 1%;}
section#header-top div.job-search form.job-search {width:98%; padding:0 1%;}
section#header-top div.job-search form.job-search fieldset {width:100%;}
section#header-top div.job-search form.job-search div {width:100%;}
section#header-top div.job-search form.job-search fieldset div input[type="text"] {width:94%;}
section#header-top div.job-search form.job-search input.submit {clear:both;}

/* Location search dropdown location */
div#form-location-container ul.locationSearch {width:300px !important;}
section#column-a form.job-search div#form-location-container ul.locationSearch,
section#column-b form.job-search div#form-location-container ul.locationSearch,
section#column-a form#jbe-edit-subscription div#form-location-container ul.locationSearch {top:45px !important;}

/**-----
MANAGER MARKETING - January 2015
-----**/

form#manager-marketing_prefs fieldset { padding:0; }
body.client button#submit { margin-left:0; margin-bottom: 0.625em; }



