.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%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-14 {
float: left;
width: 14.285%;
/* */
*width: expression(Math.floor(0.14285 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-16 {
float: left;
width: 16.6666%;
/* */
*width: expression(Math.floor(0.16666 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
.mobile-grid-parent {
padding-left: 0;
padding-right: 0;
}
/* TABLET STYLES */
.style-tablet body { min-width: 660px; }
.style-tablet .page-content .page_main-column { padding: 0 0 30px; }
.style-tablet .page__inner { max-width: 1400px; margin: 0 auto; padding: 0 10px; }
.style-tablet .page-header { height: 210px; padding: 0; }
.style-tablet .page-header .grid-container { margin: 0; }
.style-tablet .page-header .page__inner { padding: 0; }
.style-tablet .page-header .header_logo { float: none; width: 100%; height: 70px; padding: 35px 0 30px; text-align: center; }
.style-tablet .page-header .header_item { height: 60px; margin: 0; }
.style-tablet .page-header .header_item a { height: 32px; padding: 14px 0; font: 14px/16px "HelveticaNeue-light"; }
.style-tablet .page-header .header_item span { padding-left: 40px; }
.style-tablet .page-header .header_item i { height: 24px; width: 28px; top: 3px; background: url(../img/header-sprite_tablet.png) 0 0 no-repeat; }
.style-tablet .page-header .header_item.item-1 i { background-position: 0px 3px; }
.style-tablet .page-header .header_item.item-2 i { background-position: 0px -48px; }
.style-tablet .page-header .header_item.item-3 i { background-position: -1px -96px; }
.style-tablet .page-header .header_item.item-4 i { background-position: 0px -149px; }
.style-tablet .page-header .gset_item-select { height: 60px; }
.style-tablet .gset_item-select .item-select_bl { margin: 6px 0 0; width: auto; }
.style-tablet .page-footer .gset_item-select .item-select_bl { margin: 9px 30px 0 0; }
.style-tablet .page-menu .menu__desctop-view,
.style-tablet .page-menu .menu__mobile-view { display: none; }
/* main menu */
.page-menu .menu__tablet-view { background: #326698; }
.menu__tablet-view .menu__item { position: relative; float: left; height: 40px; font: bold 14px/40px Arial; color: #fff; text-decoration: none; }
.menu__tablet-view .menu__item.left-side { float: left; padding-left: 68px; background: url(../img/mainmenu_ico1.png) left center no-repeat; }
.menu__tablet-view .menu__item.left-side i { position: absolute; width: 21px; height: 20px; left: 32px; top: 10px; background: url(../img/mainmenu_ico2.png) center center no-repeat; }
.menu__tablet-view .menu__item.right-side { float: right; padding-right: 37px; background: url(../img/mainmenu_ico1.png) right center no-repeat; }
.page_tablet-mainmenu .tablet-mainM__inner {
position: fixed; right: 0px; top: 0px; height: 100%; width: 360px;
background: #326698; z-index: 1200; overflow-y: scroll;
}
.page_tablet-mainmenu .tablet-mainM__heading { height: 22px; padding: 29px 0; font: 18px/22px "HelveticaNeue-light"; color: #fff; }
.page_tablet-mainmenu .tablet-mainM__heading span { display: inline-block; position: relative; padding-left: 48px; margin-left: 100px; }
.page_tablet-mainmenu .tablet-mainM__heading span i {
position: absolute; left: 0px; top: 0px; width: 22px; height: 22px;
background: url(../img/tbl-menu-sprite.png) 0 0 no-repeat;
}
.page_tablet-mainmenu ul { display: block; padding: 0; }
.page_tablet-mainmenu .tablet-mainM__inner>ul { padding: 0 0 30px; }
.page_tablet-mainmenu li { font: 14px/48px "HelveticaNeue-roman"; color: #fff; }
.page_tablet-mainmenu li a { text-decoration: none; color: #fff; }
.page_tablet-mainmenu .tablet-mainM__inner>ul>li>span,
.page_tablet-mainmenu .tablet-mainM__inner>ul>li>a { position: relative; display: block; background: #5a87b3; border-left: 3px solid #fff; padding-left: 50px; }
.page_tablet-mainmenu .tablet-mainM__inner>ul>li>span:hover,
.page_tablet-mainmenu .tablet-mainM__inner>ul>li>a:hover { background: #1b466f; border-left-color: #5a87b3; }
.page_tablet-mainmenu .tablet-mainM__inner>ul>li>span i {
position: absolute; left: 20px; top: 18px; width: 12px; height: 12px;
background: url(../img/tbl-menu-sprite.png) 0 -38px no-repeat;
}
.page_tablet-mainmenu .tablet-mainM__inner>ul>li.opened>span { background: #326698; }
.page_tablet-mainmenu .tablet-mainM__inner>ul>li.opened>span i { background-position: 0 -68px; }
.page_tablet-mainmenu .tablet-mainM__subm { display: none; }
.page_tablet-mainmenu .tablet-mainM__subm li a,
.page_tablet-mainmenu .tablet-mainM__subm li span { display: block; padding-left: 40px; background: #3c71a4; text-decoration: underline; }
.page_tablet-mainmenu .tablet-mainM__subm li a:hover { background: #1b466f; }
.page_tablet-mainmenu .tablet-mainM__subm .menu__s-sub-wrap { display: none; border-bottom: 5px solid #326698; border-top: 1px solid #326698; }
.page_tablet-mainmenu .tablet-mainM__subm .menu__s-sub-wrap li { line-height: 34px; }
/* footer */
.style-tablet .page_footer-spacer { height: 174px; }
.style-tablet .page-footer { height: 174px; margin-top: -174px; }
.style-tablet .page-footer .footer_top-block { height: 36px; padding: 22px 0; }
.style-tablet .page-footer .footer_col-block { display: none; }
.style-tablet .page-footer .footer_social { margin-top: 0; text-align: right; }
.style-tablet .page-footer .footer_social ul { display: inline-block; }
.style-tablet .page-footer .footer_social li { margin: 0 5px; }
.style-tablet .page-footer .footer_bot-block { min-height: 48px; height: auto; }
/* personal menu */
.page_tablet-personalmenu .tablet-personalM__inner {
position: fixed; left: 0px; top: 0px; height: 100%; width: 325px;
background: #326698; z-index: 1200; overflow-y: scroll;
}
.page_tablet-personalmenu .personal-menu { background: #326698; padding: 0 0 5px; }
.page_tablet-personalmenu .personal-menu__title { background: #326698; color: #fff; line-height: 80px; height: 80px; padding-left: 98px; }
.page_tablet-personalmenu .personal-menu__title i { left: 50px; top: 27px; background-position: 0px -551px; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__links a {
width: 112px; padding: 9px 10px 9px 40px; border-bottom: 1px solid #326698;
background: #5a87b3; font: 14px/16px Arial; color: #fff;
}
.page_tablet-personalmenu .user-block__notify p,
.page_tablet-personalmenu .user-block__notify span { color: #fff !important; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__links a.l-side { border-right: 1px solid #326698; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__links a.full-w { width: 275px; border: none; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__notify { background: #e58686; font-size: 15px; color: #fff; padding-left: 40px; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__info { padding: 20px 20px 25px 40px; background: #326698; color: #fff; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__info h3 { margin-bottom: 10px; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__tarif { padding: 18px 20px 18px 40px; line-height: 20px; font-size: 14px; background: #5a87b3; color: #fff; }
.page_tablet-personalmenu .personal-menu__user-block .user-block__tarif a { color: #fff; }
.page_tablet-personalmenu .personal-menu .green-links__wrap li { margin: 16px 0 0; }
.page_tablet-personalmenu .personal-menu .green-links__wrap li a { padding-left: 37px; font-size: 14px; color: #fff; background: #5a87b3; border-color: #6bde96; }
.page_tablet-personalmenu .personal-menu .green-links__wrap li a:hover { background: #1b466f; }
.page_tablet-personalmenu .personal-menu .blue-links__wrap { margin: 0; }
.page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl { margin-bottom: 9px; }
.page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl p {
padding-left: 60px; border-color: #fff; border-bottom: 1px solid transparent;
background: #5a87b3; font-size: 14px; color: #fff;
}
.page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl.opened p { border-bottom-color: #326698; }
.page_tablet-personalmenu .personal-menu .blue-links__wrap li.second-lvl a { background: #3c71a4; color: #fff; font-size: 14px; padding: 11px 0 10px 40px }
.page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl .add-text { font-size: 14px; color: #fff; }
.page_tablet-personalmenu .personal-menu__login { padding: 30px; color: #fff; background: #5a87b3; }
.page_tablet-personalmenu .personal-menu__login .form_item-title { font: 15px/16px Arial; color: #fff; margin: 0 0 10px; }
.page_tablet-personalmenu .personal-menu__login .form_line-wrap { margin: 0 0 15px; }
.page_tablet-personalmenu .personal-menu__login .form_line-wrap input { height: 24px; line-height: 25px; font-size: 14px; }
.page_tablet-personalmenu .personal-menu__login .login-block__submit .pass-forget { color: #fff; font-size: 13px; }
.page_tablet-personalmenu .personal-menu__login .login-block__remember { font-size: 13px; }
/* tablet login */
.content_device-login { margin-bottom: 20px; }
.content_device-login .device-login__head {
position: relative; height: 65px; padding-left: 90px; overflow: hidden;
background: #dae7f7; font: 18px/65px "HelveticaNeue-light"; color: #295D8F; text-transform: uppercase;
}
.content_device-login .device-login__head i {
position: absolute; left: 40px; top: 19px; width: 25px; height: 25px;
background: url(../img/page-icons_sprite.png) 0 0 no-repeat;
}
.content_device-login .device-login__inner { background: #eef5ff; padding: 35px 10px 50px 10px; }
.style-tablet .content_device-login .form_line-item { max-width: 200px; margin: 0 auto; }
.content_device-login .form_line-wrap { height: 53px; }
.content_device-login .form_item-title { font-size: 14px; font-family: "HelveticaNeue-roman"; }
.style-tablet .content_device-login form { max-width: 800px; margin: 0 auto; }
.style-tablet .content_device-login .login-block__width { max-width: 200px; margin: 25px auto 0 }
.content_device-login form input { max-width: 175px; }
.content_device-login form .b-btn { max-width: 170px; }
.content_device-login .login-block__remember { margin: 22px auto 0; height: 40px; color: #295D8F; }
.style-tablet .content_device-login .login-block__remember { max-width: 220px; }
.content_device-login .login-block__submit .b-btn { padding: 0 28px; height: 36px; line-height: 36px; width: auto; }
.content_device-login .login-block__submit .pass-forget { line-height: 16px; margin-top: 1px; }
.content_device-login .login-block__counter { max-width: 220px; margin: 0 auto }
.content_device-login .site__visit-counter { float: left; width: 190px; font-size: 12px; padding: 10px 12px 10px 16px; margin: 7px 0 0; }
.content_device-login .site__visit-counter p { font-size: 34px; margin-right: 10px; }
.content_device-login .site__visit-counter span { width: auto; }
.content_device-login .site__visit-counter span b { font-size: 14px; }
.style-tablet .search-result_text-msg { float: none; margin-top: -10px; }
.style-tablet .search-result_text-msg br { display: none; }
.style-tablet .content__main-search-wrap .main-search_inner form { max-width: 800px; margin: 0 auto; }
.style-tablet .search-result__form.content__main-search-wrap .main-search_inner form { margin: 0 0 0 10px; }
.style-tablet .content__main-search-wrap .main-search_item-type { margin-top: 7px; }
.style-tablet .content__main-search-wrap .main-search_item-btn { margin-top: 25px; }
.style-tablet .front_companys-catalog .companys-catalog__counter { float: right; margin: 0 15px 0 5px; }
.style-tablet .front_companys-catalog .companys-catalog__counter span { padding-left: 25px; padding-right: 25px }
.style-tablet .front_companys-catalog .companys-catalog__counter b { padding-left: 25px; padding-right: 25px }
.style-tablet .search-result__form .cargo-res-search__first-item .form_line-wrap { margin-bottom: 25px; }
.style-tablet .search-result__form .cargo-res-search__first-item .form_line-item { max-width: none; }
.style-tablet .search-result__form .tablet-sideCenter .main-search_item-btn { margin: 25px auto 0; }
.style-tablet .search-result__actions-wrap { display: none; padding: 20px 0; }
.style-tablet .search-result__actions-wrap .b-btn { font-size: 12px; }
.style-tablet .catalog__main-sections_wrap .main-section__item { width: 33.3333%; }
.style-tablet .goods-blocks__wrap .catalog__goods-block { width: 100%; }
.style-tablet .goods-blocks__wrap .good-block__desc { max-width: 300px; }
.style-tablet .catalog-item__slider-wrap .carousel ul li { width: 350px }
.style-tablet .catalog__filters-block .auto-filter_checkboxes label { margin-top: 15px; }
.style-tablet .catalog__filters-block .btn-mrg .b-btn { margin-top: 65px; }
.style-tablet .catalog__map-block #map_block { position: relative; padding-top: 575px; }
.style-tablet .catalog__map-block .map-wrap { position: absolute; top: 0px; left: 0px; right: 0px; }
.style-tablet .catalog__map-filters_block { float: none; width: 100%; min-height: 0px; padding-bottom: 0; margin-left: 0; }
.style-tablet .catalog__map-filters_block .map-filters_submit-btn { position: relative; margin-top: 15px; }
@media screen and (max-width: 990px) {
.style-tablet .result-item__wrap { padding: 10px 5px; }
.style-tablet .result-item__wrap table td,
.style-tablet .result-item__wrap .b-tbl_td { padding: 10px 5px; }
.style-tablet .result-item__wrap .res-tbl_td1 { width: 75px; max-width: 75px; }
.style-tablet .result-item__wrap .res-tbl_td2 { width: 100px; max-width: 100px; }
.style-tablet .result-item__wrap .res-tbl_td3 { width: 75px; max-width: 75px; }
.style-tablet .result-item__wrap .td-offer { width: 140px; }
.style-tablet .res-item__offer-wrap { width: 140px; }
.style-tablet .result-item__wrap .tr-contact .td-offer { width: 140px; }
.style-tablet .result-item__wrap .res-item__td-grid { word-break: break-all; }
}
@media screen and (max-width: 850px) {
.style-tablet .search-result__actions-wrap { padding: 10px 30px; }
.style-tablet .search-result__actions-wrap .tablet-grid-25 { width: 50%; margin: 10px 0; }
.style-tablet .result-item_actions a { margin-right: 30px; }
.style-tablet .l-navigation { margin-right: 40px; }
.style-tablet .l-right { margin-right: 35px; }
.style-tablet .search_companys-catalog .companys-catalog__counter { float: right; margin-right: 15px; margin-left: 20px; }
.style-tablet .companys-catalog__wrap .companys-catalog__counter span { padding-left: 18px; padding-right: 18px; }
.style-tablet .companys-catalog__wrap .companys-catalog__counter b { padding-left: 18px; padding-right: 18px; }
}
@media screen and (max-width: 798px) {
.style-tablet .front_companys-catalog .companys-catalog__counter { clear: both; float: left; margin-left: 62px; }
.style-tablet .search_companys-catalog .companys-catalog__counter { clear: both; margin: 0 15px 0 5px; float: left; margin-left: 62px; }
.style-tablet .result-item__wrap { padding: 8px 5px; }
.style-tablet .result-item__wrap .b-tbl_table { display: block; }
.style-tablet .result-item__wrap .b-tbl_tr { display: block; }
.style-tablet .result-item__wrap .b-tbl_td { display: block; }
.style-tablet .result-item__wrap .res-tbl_td1 { max-width: none; width: auto; }
.style-tablet .result-item__wrap .res-tbl_td2 { max-width: none; width: auto; padding-left: 10px; word-wrap: break-word; }
.style-tablet .result-item__wrap .res-tbl_td3 { max-width: none; width: auto; }
.style-tablet .result-item__wrap .td-offer { max-width: none; width: auto; }
.style-tablet .res-item__offer-wrap { position: inherit; max-width: none; width: auto; }
.style-tablet .result-item__wrap .res-item__menu-btn { right: 8px; top: 8px; }
.style-tablet .res-item__menu-inner { top: 35px; right: 8px; }
.style-tablet .res-item__td-grid { margin: 0; }
.style-tablet .res-item__td-grid .grid-50,
.style-tablet .res-item__td-grid .grid-100 { float: none; width: 100%; padding: 0; }
.style-tablet .res-item_info-rating { display: block; clear: both; margin: 0; }
.style-tablet .res-item_info-rating .txt-l-offs { margin: 0 10px 0 0; }
.style-tablet .res-item_info-contacts { margin: 1px 0 0; }
.style-tablet .result-item__wrap .result-item__msg { margin-right: 40px; }
.style-tablet .result-item__wrap .country-abr { float: left; line-height: 20px; }
.style-tablet .result-item__wrap .geo-dist__text { margin: 0 0 0 20px; }
.style-tablet .result-item__wrap table td,
.style-tablet .result-item__wrap .b-tbl_td { padding: 5px 10px; }
.style-tablet .res-tbl_mob-toffs { margin: 5px 0 0; }
.style-tablet .res-tbl_mob-desc-info { display: inline; margin: 0 5px 0 0; }
.style-tablet .res-tbl_mob-desc-info:after { content: "•"; margin: 0 0 0 7px; }
.style-tablet .result-item__wrap .res-item__dates { text-align: right; }
.style-tablet .b-tbl_td.td-offer { padding-top: 0; }
.style-tablet .result-item__wrap .tr-contact .td-offer { width: auto; }
.style-tablet .res-item_info-contacts a,
.style-tablet .res-item_info-contacts span { white-space: nowrap; }
.style-tablet .res-tbl_mob-contact-btn { display: block; }
.style-tablet .res-tbl_mob-contact-btn a { border-bottom: 1px dotted #295D8F; padding: 8px 0 1px; text-decoration: none; }
.style-tablet .res-tbl_mob-contact-wrap { display: none; }
}
.style-tablet .tablet-sideLeft .form_line-item { margin: 0 auto 0 0; }
.style-tablet .tablet-sideCenter .form_line-item { margin: 0 auto; }
.style-tablet .tablet-sideRight .form_line-item { margin: 0 0 0 auto; }
.style-tablet .search-result__message-wrap { font-size: 13px; line-height: 18px; }
.style-tablet .distance__form-wrap .distance_tabs a { padding: 0; width: 50%; text-align: center; }
.style-tablet .distance__result-actions a { display: block; padding: 5px 0; max-width: 320px; margin: 0 auto; }
.style-tablet .distance__result-actions a.b-btn { padding: 0 15px; margin: 10px 0 0; }
.style-tablet .distance__result-actions .result-action_sblock { margin: 5px auto 15px; max-width: 320px; }
.style-tablet .distance__result-list .droute { margin-top: 25px; }
.style-tablet .distance__result-list .droute h3 { float: none; line-height: 22px; }
.style-tablet .distance__result-list .droute p.result-value { margin: 0 30px 5px 0; }
.style-tablet .distance__result-list .droute .b-btn.blue-btn { clear: both; margin-left: 0; }
.style-tablet .tablet_clear5 { display: block !important; clear: both; height: 5px; }
.style-tablet .tablet_clear10 { display: block !important; clear: both; height: 10px; }
.style-tablet .tablet_clear20 { display: block !important; clear: both; height: 20px; }
.style-tablet .forum__nav-wrap .b-btn { display: inline-block; float: none; width: 250px; margin: 0 0 15px 30px; }
.style-tablet .forum__form-new .forum__form-bg { left: 56%; }
.style-tablet .result-items_pagination .search-result__pagination-count { margin: 0 0 20px 15px; }
.style-tablet .search-result__switchers-wrap { float: none; margin: 0 0 25px; }
.style-tablet .main-search_inner { padding: 20px 5px; margin: 0; }
.style-tablet .result-items_title .search-result__pagination-count { display: none; }
.style-tablet .search-result__form .fromto-block_wrap:nth-child(2) .fromto-block_replace { left: -13px; }
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 680px) {
.style-tablet .main-search_inner .tablet-grid-66,
.style-tablet .main-search_inner .tablet-grid-33,
.style-tablet .main-search_inner .tablet-grid-50 { width: 100%; }
.style-tablet .content__main-search-wrap .form_line-item { margin: 0 auto; max-width: 250px; }
.style-tablet .search-result__form.content__main-search-wrap .form_line-item { margin: 0; }
.style-tablet .content__main-search-wrap .main-search_item-btn { width: 100%; margin: 15px auto 0; max-width: 250px; }
.style-tablet .cabinet__table-wrap .item-table__bot-links { margin: 0 0 0 20px; }
}
.style-tablet .page-header,
.style-tablet .header_logo,
.style-tablet .header_logo + .grid-container {
display: none;
}
.style-tablet .form_item-inner input[type="text"],
.style-tablet .form_item-inner input[type="password"] {
box-sizing: content-box;
}
.style-tablet .page_tablet-personalmenu .tablet-personalM__inner {
width: 100%;
}
.style-tablet .article-default__inner .article-default__img {
/* float: left; */
float: none;
margin: 0 25px 9px 0;
}