/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html {
color: #000;
background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset, img {
border: 0
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
font: inherit
}
del, ins {
text-decoration: none
}
li {
list-style: none
}
caption, th {
text-align: left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
}
q:before, q:after {
content: ''
}
abbr, acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: baseline
}
sub {
vertical-align: baseline
}
legend {
color: #000
}
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
clear: both;
}
.grid-container, .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, .clearfix {
/* */
*zoom: 1;
/* */
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
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;
/* */
*padding-left: 0;
*padding-right: 0;
/* */
}
.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 > * {
/* */
*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");
/* */
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.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%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-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");
/* */
}
.mobile-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");
/* */
}
.mobile-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");
/* */
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-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");
/* */
}
.mobile-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");
/* */
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.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-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-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%;
}
}
@media screen and (min-width: 1025px) {
.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%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */
}
.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");
/* */
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.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");
/* */
}
.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");
/* */
}
.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");
/* */
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.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");
/* */
}
.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");
/* */
}
.grid-100 {
clear: both;
width: 100%;
}
}
/* ============== fonts =============== */
@font-face {
font-family: 'FontAwesome';
src: url('/font/icon/fontawesome-webfont.eot?v=3.0.1');
src: url('/font/icon/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/font/icon/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/font/icon/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold';
src: url('/font/OpenSans-Bold-webfont.eot');
src: url('/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-Bold-webfont.woff') format('woff'), url('/font/OpenSans-Bold-webfont.ttf') format('truetype'), url('/font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansSemiboldRegular_italic';
src: url('/font/OpenSans-SemiboldItalic-webfont.eot');
src: url('/font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldRegular_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansSemiboldRegular';
src: url('/font/OpenSans-Semibold-webfont.eot');
src: url('/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-Semibold-webfont.woff') format('woff'), url('/font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/font/OpenSans-Semibold-webfont.svg#OpenSansSemiboldRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansRegular';
src: url('/font/OpenSans-Regular-webfont.eot');
src: url('/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-Regular-webfont.woff') format('woff'), url('/font/OpenSans-Regular-webfont.ttf') format('truetype'), url('/font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansLightItalic';
src: url('/font/OpenSans-LightItalic-webfont.eot');
src: url('/font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-LightItalic-webfont.woff') format('woff'), url('/font/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansLightRegular';
src: url('/font/OpenSans-Light-webfont.eot');
src: url('/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-Light-webfont.woff') format('woff'), url('/font/OpenSans-Light-webfont.ttf') format('truetype'), url('/font/OpenSans-Light-webfont.svg#OpenSansLightRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansItalic';
src: url('/font/OpenSans-Italic-webfont.eot');
src: url('/font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-Italic-webfont.woff') format('woff'), url('/font/OpenSans-Italic-webfont.ttf') format('truetype'), url('/font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansExtraboldRegular';
src: url('/font/OpenSans-ExtraBold-webfont.eot');
src: url('/font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/font/OpenSans-ExtraBold-webfont.svg#OpenSansExtraboldRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold_italic';
src: url('/font/OpenSans-BoldItalic-webfont.eot');
src: url('/font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/font/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/font/OpenSans-BoldItalic-webfont.svg#OpenSansBold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
/* ============== fonts END =============== */
/* ============== COMMON STYLE ================= */
body {
font-family: 'OpenSansRegular', sans-serif;
font-size: 13px;
line-height: 20px;
color: #65686D;
}
hr {
border: none;
border-top: 1px solid #E2E2E2;
color: #FFFFFF;
}
a {
color: #4874cd;
}
sub {
top: 3px;
}
sup {
bottom: 3px;
}
sub, sup {
font-size: 9px;
position: relative;
}
p {
margin: 15px 0;
}
img {
max-width: 100%;
height: auto;
}
a.sublink {
color: #5489de;
}
strong, b, .bold {
font-family: 'OpenSansSemiboldRegular';
font-weight: normal;
}
strong {
color: #313538;
}
.top-space {
margin-top: 30px;
}
.bot-space {
margin-bottom: 20px;
}
.e-termin {
margin: 10px 0;
}
.e-termin dt {
margin-bottom: 10px;
padding-left: 20px;
}
.e-titlebar {
background: none repeat scroll 0 0 #FFFFFF;
border-top: 1px solid #E4E4E4;
padding: 0;
}
.e-titlebar h1 {
color: #313538;
font-family: 'OpenSansRegular';
font-size: 20px;
line-height: 54px;
margin-bottom: 0;
white-space: nowrap;
}
/* headers */
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
padding: 0;
line-height: 1em;
font-weight: normal;
color: #313538;
}
h1 {
font: 38px/38px 'OpenSansRegular';
}
h2 {
font: 22px 'OpenSansSemiboldRegular';
}
h3 {
font: 18px 'OpenSansSemiboldRegular';
}
h4 {
font: 16px 'OpenSansSemiboldRegular';
}
h5 {
font: 14px 'OpenSansSemiboldRegular';
}
h6 {
font: 12px 'OpenSansBold';
text-transform: uppercase;
}
h1.lined:before, h1.lined:after,
h2.lined:before, h2.lined:after,
h3.lined:before, h3.lined:after,
h4.lined:before, h4.lined:after,
h5.lined:before, h5.lined:after,
h6.lined:before, h6.lined:after {
content: "";
width: 200%;
height: 0.75em;
display: inline-block;
margin: 0 -200% 0 0;
position: relative;
left: 20px;
bottom: 0.2em;
background: url(/img/lined-bg.jpg) repeat-x;
vertical-align: bottom;
}
h1.lined:before,
h2.lined:before,
h3.lined:before,
h4.lined:before,
h5.lined:before,
h6.lined:before {
left: -20px;
margin: 0 0 0 -200%;
}
h1.lined,
h2.lined,
h3.lined,
h4.lined,
h5.lined,
h6.lined {
overflow: hidden;
position: relative;
}
.e-gray-box {
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, #fcfcfc 2%, #f9f9f9 100%);
background: linear-gradient(to bottom, #fcfcfc 2%, #f9f9f9 100%);
}
.shadow-top:before {
content: '';
display: block;
width: 100%;
height: 5px;
position: relative;
z-index: 40;
margin: auto;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.shadow-bottom:after {
content: '';
display: block;
width: 100%;
height: 5px;
position: relative;
z-index: 40;
margin: auto;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1) inset;
}
.img-wrap img {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
display: block;
}
.img-wrap {
position: relative;
}
.img-title {
background: linear-gradient(to bottom, rgba(35, 38, 40, 0) 0%, rgba(35, 38, 40, 0.6) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
color: #F4F4F4;
left: 0;
padding: 20% 15px 5px;
position: absolute;
right: 0;
text-align: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
z-index: 1;
}
.img-title-2 {
text-align: right;
opacity: 0.7;
font-size: 90%;
}
.e-box.grey {
background: linear-gradient(to bottom, #FFFFFF 2%, #FBFBFB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #E4E4E4;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
transition: all 0.2s ease-in-out 0s;
}
.e-box {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E4E4E4;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
margin-bottom: 20px;
padding: 10px 25px;
}
/* lists */
.e-list {
position: relative;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
line-height: 20px;
}
.e-list li {
margin-bottom: 2px;
}
.e-list li span {
display: block;
overflow: hidden;
}
.e-list li i {
width: 16px;
float: left;
margin-right: 10px;
text-align: center;
color: #444;
font-size: 14px;
}
.e-list.decimal li {
list-style: decimal outside;
margin: 0 0 0 20px;
}
.e-list.circle {
padding-left: 15px;
}
.e-list.circle li:before {
content: "\f111";
float: left;
margin: 8px 9px 0 -13px;
font: 5px 'FontAwesome';
}
.e-list.iconok li:before,
.e-list.bancircle li:before,
.e-list.flagcheckered li:before,
.e-list.exclamation li:before,
.e-list.info li:before,
.e-list.question li:before,
.e-list.leaf li:before,
.e-list.pencil li:before,
.e-list.download li:before {
float: left;
margin: 3px 8px 0 0;
font: 14px 'FontAwesome';
}
.e-list.iconok li:before {
content: "\f00c";
color: #69aa46;
text-shadow: 0 1px 3px rgba(120, 213, 58, 0.1);
}
.e-list.bancircle li:before {
content: "\f05e";
color: #e0563f;
text-shadow: 0 1px 3px rgba(224, 86, 64, 0.1);
}
.e-list.download li:before {
content: "\f01a";
color: #1617e0;
text-shadow: 0 1px 3px rgba(224, 86, 64, 0.1);
}
.e-list.flagcheckered li:before {
content: "\f11e";
color: #e34735;
text-shadow: 0 1px 3px rgba(90, 190, 74, 0.1);
}
.e-list.exclamation li:before {
content: "\f12a";
color: #f2c368;
text-shadow: 0 1px 3px rgba(242, 195, 104, 0.1);
}
.e-list.info li:before {
content: "\f129";
color: #3e7fd7;
text-shadow: 0 1px 3px rgba(62, 127, 215, 0.1);
}
.e-list.question li:before {
content: "\f128";
color: #39c6c8;
text-shadow: 0 1px 3px rgba(57, 198, 200, 0.1);
}
.e-list.leaf li:before {
content: "\f06c";
color: #76de3d;
text-shadow: 0 1px 3px rgba(128, 222, 61, 0.1);
}
.e-list.pencil li:before {
content: "\f040";
color: #f19a34;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.e-list.m-circle li {
margin-bottom: 10px;
line-height: 20px;
}
.e-list.m-circle li:before {
width: 20px;
height: 20px;
position: relative;
top: -3px;
background: #e34735 url(/img/btn-bg.png) repeat-x top;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-size: 10px;
color: #fff;
}
.e-list-dotted li:first-child {
margin: 0;
}
.e-list-dotted li {
margin: 15px 0 0;
}
.e-list-dotted li:after {
border-bottom: 1px dotted #ccc;
content: "";
display: block;
margin-top: -5px;
}
.e-list-dotted-left {
background: #fff;
text-decoration: none;
padding-right: 3px;
display: inline;
}
.e-list-dotted i {
margin-left: 5px;
}
.e-list-dotted-right {
background: #fff;
display: inline-block;
float: right;
padding-left: 3px;
}
.doc-list li {
margin: 0 0 10px;
white-space: nowrap;
overflow: hidden;
}
.doc-list a {
text-decoration: none;
}
.doc-list__text {
display: inline;
}
.doc-list__info {
color: #65686D;
display: inline;
padding: 0 7px;
font-size: 12px;
}
/* lists END */
/* messages */
.e-message {
position: relative;
margin: 0 0 20px;
padding: 11px 40px 11px 18px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #ffffff), color-stop(100%, #fbfbfb));
background: -webkit-linear-gradient(top, #ffffff 2%, #fbfbfb 100%);
background: linear-gradient(to bottom, #ffffff 2%, #fbfbfb 100%);
border: 1px solid #e2e2e2;
border-radius: 2px;
font-family: 'OpenSansRegular';
color: #65686d;
cursor: default;
}
.message-close {
width: 9px;
height: 9px;
position: absolute;
top: 16px;
right: 20px;
font: 12px/10px 'FontAwesome';
cursor: pointer;
}
.message-success {
background: #e2fccf;
border-color: #c4f8a1;
box-shadow: 0 1px 3px #f2ffe9;
color: #48ad38;
}
.message-error {
background: #fff0f0;
border-color: #ffd2cf;
box-shadow: 0 1px 3px #fff7f7;
color: #d24841;
}
.message-info {
background: #ecf7fe;
border-color: #c6eefa;
box-shadow: 0 1px 3px #f6fcff;
color: #2d76bb;
}
/* messages END */
/* tables */
.table__cell_l {
text-align: left !important;
}
.table__cell_r {
text-align: right !important;
}
.table__cell_c {
text-align: center !important;
}
.table__cell_m {
vertical-align: middle !important;
}
.table__cell_t {
vertical-align: top !important;
}
.table__cell_b {
vertical-align: bottom !important;
}
.e-table table {
width: 100%;
margin-bottom: 30px;
border: 1px solid #e2e2e2;
border-collapse: collapse;
cursor: default;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #ffffff), color-stop(100%, #fbfbfb));
background: -webkit-linear-gradient(top, #ffffff 2%, #fbfbfb 100%);
background: linear-gradient(to bottom, #ffffff 2%, #fbfbfb 100%);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.e-table tr {
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
border-bottom: 1px solid #e2e2e2;
}
.e-table thead tr {
border-radius: 3px;
background: #fdfdfd;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fdfdfd), color-stop(100%, #fbfbfb));
background: -webkit-linear-gradient(top, #fdfdfd 2%, #fbfbfb 100%);
background: linear-gradient(to bottom, #fdfdfd 2%, #fbfbfb 100%);
font: 13px 'OpenSansSemiboldRegular';
color: #313538;
}
.e-table tbody tr:hover {
background: #f2f9fb;
color: #62748b;
}
.e-table td, .e-table th {
padding: 9px 10px;
text-align: center;
line-height: 1.5;
border-right: 1px solid #e2e2e2;
}
.e-table tfoot {
display: none;
}
/* tables END */
/* buttons */
.btn, a.btn {
display: inline-block;
margin: 0 7px 10px 0;
padding: 0 23px 0;
background: #fafafa url(/img/btn-soc.png) repeat-x top;
border-radius: 2px;
border: 1px solid #e2e2e2;
border-bottom: 1px solid #dfdfdf;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 0 white;
text-decoration: none;
font: 13px/32px 'OpenSansSemiboldRegular';
color: #424346;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.btn:hover {
background: #edeeef url(/img/btn-soc.png) repeat-x top;
border: 1px solid #d4d4d4;
box-shadow: 0 1px 3px #ececec;
}
.btn.small {
padding: 1px 14px 1px;
line-height: 22px;
font-size: 11px;
}
.btn.big {
padding: 0 30px 0px;
line-height: 40px;
font-size: 14px;
}
.btn.very-big {
padding: 0 30px 0px;
line-height: 56px;
font-size: 16px;
}
.btn.btn-uppercase {
text-transform: uppercase;
font-family: 'OpenSansBold';
font-size: 12px;
}
.btn.big.btn-uppercase {
text-transform: uppercase;
font-family: 'OpenSansBold';
font-size: 14px;
}
a.btn i {
margin-right: 7px;
}
/*----------------------*/
.btn.colored {
background: #e34735 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #df4432;
color: #fff;
text-shadow: 0 -1px 0px #d4281c;
}
.btn.colored:hover {
background: #d4281c url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #f9dad7;
border: 1px solid #d4281c;
color: #fff;
text-shadow: 0 -1px 0px #d4281c;
}
/*----------------------*/
.btn.opacity {
background: rgba(250, 250, 250, 0.1) url(/img/btn-black.png) repeat-x top;
border: 1px solid #fff;
color: rgba(250, 250, 250, 0.8);
text-shadow: none;
}
.btn.opacity:hover {
background: rgba(250, 250, 250, 0.3) url(/img/btn-black.png) repeat-x top;
border: 1px solid #d4281c;
color: #fff;
text-shadow: none;
}
/*----------------------*/
.btn.green {
background: #64be33 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #52b027;
color: #fff;
text-shadow: 0 -1px 0px #3fa11a;
}
.btn.green:hover {
background: #3fa11a url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 2px 4px #e0f2d6;
border: 1px solid #3fa11a;
color: #fff;
text-shadow: 0 -1px 0px #3fa11a;
}
/*----------------------*/
.btn.blue {
background: #5489de url(/img/btn-bg.png) repeat-x top;
border: 1px solid #4e83d9;
color: #fff;
text-shadow: 0 -1px 0 #3263cd;
}
.btn.blue:hover {
background: #3263cd url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #dde7f8;
border: 1px solid #3263cd;
color: #fff;
text-shadow: 0 -1px 0px #3263cd;
}
/*----------------------*/
.btn.turquoise {
background: #2eafbb url(/img/btn-bg.png) repeat-x top;
border: 1px solid #26a4b1;
color: #fff;
text-shadow: 0 -1px 0px #178e9d;
}
.btn.turquoise:hover {
background: #178e9d url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #d5eff1;
border: 1px solid #178e9d;
color: #fff;
text-shadow: 0 -1px 0px #178e9d;
}
/*----------------------*/
.btn.red {
background: #e34735 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #df4432;
color: #fff;
text-shadow: 0 -1px 0px #d4281c;
}
.btn.red:hover {
background: #d4281c url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #f9dad7;
border: 1px solid #d4281c;
color: #fff;
text-shadow: 0 -1px 0px #d4281c;
}
/*----------------------*/
.btn.black {
background: #2f3338 url(/img/btn-black.png) repeat-x top;
border: 1px solid #323639;
text-shadow: 0 -1px 0 #181a1e;
color: #fff;
}
.btn.black:hover {
background: #181a1e url(/img/btn-black.png) repeat-x top;
border: 1px solid #181a1e;
box-shadow: 0 1px 3px #d5d6d7;
color: #fff;
text-shadow: 0 -1px 0px #181a1e;
}
/*----------------------*/
.btn.purple {
background: #7e47da url(/img/btn-bg.png) repeat-x top;
border: 1px solid #8e2cd9;
text-shadow: 0 -1px 0 #652dc3;
color: #fff;
}
.btn.purple:hover {
background: #652dc3 url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #ecd8f9;
border: 1px solid #652dc3;
color: #fff;
text-shadow: 0 -1px 0px #652dc3;
}
/*----------------------*/
.btn.orange {
background: #ff6029 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #ff4e1f;
text-shadow: 0 -1px 0 #ff3c15;
color: #fff;
}
.btn.orange:hover {
background: #ff3c15 url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #ffdfd4;
border: 1px solid #ff3c15;
color: #fff;
text-shadow: 0 -1px 0px #ff3c15;
}
/*----------------------*/
.btn.pink {
background: #df3b98 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #d72d86;
text-shadow: 0 -1px 0 #ce2073;
color: #fff;
}
.btn.pink:hover {
background: #ce2073 url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #f9d8ea;
border: 1px solid #ce2073;
color: #fff;
text-shadow: 0 -1px 0px #ce2073;
}
/*----------------------*/
.btn.yellow {
background: #f1d937 url(/img/btn-bg.png) repeat-x top;
border: 1px solid #eccc26;
text-shadow: 0 1px 0 #f7e86b;
color: #723725;
}
.btn.yellow:hover {
background: #e9c61d url(/img/btn-bg.png) repeat-x top;
box-shadow: 0 1px 3px #fcf7d7;
border: 1px solid #e9c61d;
color: #723725;
text-shadow: 0 1px 0px #f7e86b;
}
/*----------------------*/
.fullwidthbanner .btn,
.fullwidthbanner .btn .colored,
.fullwidthbanner .btn .colored:hover,
.fullwidthbanner .btn:hover {
border: none !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
font: 1em/2.7em 'OpenSansSemiboldRegular';
padding: 0 1.8em;
}
.fullwidthbanner .btn.opacity,
.fullwidthbanner .btn.opacity:hover {
border: 1px solid rgba(250, 250, 250, 0.2) !important;
}
/* buttons END */
/* ============== ICONS ================= */
/* ===== icon-box ======*/
.icon-box {
position: relative;
padding-left: 60px;
margin-bottom: 25px;
}
.icon-box.medium {
padding-left: 78px;
}
.icon-box i {
width: 40px;
height: 40px;
position: absolute;
top: 4px;
left: 0;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #444;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.icon-box i.medium {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
}
.icon-box i.light {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
background: #fafafa url(/img/btn-soc.png) repeat-x top;
border: 1px solid #dedede;
text-shadow: 0 1px 1px #d0d3d5;
}
.gray-content .icon-box i.light {
background: #fff url(/img/btn-soc.png) repeat-x top;
}
.icon-box i.colored {
background: #ee4e3c;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #eb4333;
color: #fffaf9;
text-shadow: 0 1px 1px #df3b2c;
}
.icon-box i.dark {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
background: #2f3338;
border: 1px solid #323639;
text-shadow: 0 1px 1px #323639;
color: #e6eaed;
}
.icon-box i.green {
background: #32ba55;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #2cb14f;
color: #edffdf;
text-shadow: 0 1px 1px #36a42c;
}
.icon-box i.grass-green {
background: #74c32d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #63ba26;
color: #f4ffdf;
text-shadow: 0 1px 1px #46ab1b;
}
.icon-box i.turquoise {
background: #3cc3cb;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #33bac3;
color: #e7fdfe;
text-shadow: 0 1px 1px #24abb6;
}
.icon-box i.blue {
background: #5489de;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #4e83d9;
color: #ebfaff;
text-shadow: 0 1px 1px #2962e6;
}
.icon-box i.klein-blue {
background: #4874cd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #3d63c6;
color: #e3f5fe;
text-shadow: 0 1px 1px #2b46b9;
}
.icon-box i.purple {
background: #7e47da;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #6b3cd4;
color: #f3e4fc;
text-shadow: 0 1px 1px #4c2bcb;
}
.icon-box i.violet {
background: #b94fb5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #af43aa;
color: #ffe9fb;
text-shadow: 0 1px 1px #9d2f97;
}
.icon-box i.pink {
background: #ef679d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #ed588e;
color: #feeff3;
text-shadow: 0 1px 1px #e93e76;
}
.icon-box i.cherry {
background: #e33459;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #df2c4c;
color: #ffeaed;
text-shadow: 0 1px 1px #d81f35;
}
.icon-box i.red {
background: #ee4e3c;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #eb4333;
color: #fffaf9;
text-shadow: 0 1px 1px #df3b2c;
}
.icon-box i.orange {
background: #ff802c;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #ff6d25;
color: #fef6e1;
text-shadow: 0 1px 1px #ff4d1a;
}
.icon-box i.yellow {
background: #f3d73b;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #f1d132;
color: #835218;
text-shadow: 0 1px 1px #f9eb59;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
margin-right: 15px;
}
/* ===== icon-box END ======*/
i[class*="icon"] {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
font-size: inherit;
cursor: default;
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-tooltip:before {
content: "\f05a";
margin: 0 5px;
color: #65686D;
cursor: pointer;
}
.icon-download:before {
content: "\f01a";
}
.icon-asterisk:before {
content: "\2a";
font-size: 200% !important;
vertical-align: text-bottom;
}
.icon-paperclip:before,
.icon-paper-clip:before {
content: "\f0c6";
}
.icon-plus-sign:before {
content: "\f055";
}
.icon-file-alt:before {
content: "\f016";
}
.icon-file-text-alt:before {
content: "\f0f6";
}
.icon-ban-circle:before {
content: "\f05e";
}
.icon-cloud-download:before {
content: "\f0ed";
}
.icon-remove:before {
content: "\f00d";
}
.icon-ok:before {
content: "\f00c";
}
.icon-phone:before {
content: "\f095";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-time:before {
content: "\f017";
}
.icon-user:before {
content: "\f007";
}
.icon-pencil:before {
content: "\f040";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-search:before {
content: "\f002";
}
/* ============== ICONS end ================= */
/* ============== Tooltip ================= */
.tooltip-popup {
background: none repeat scroll 0 0 #f4f8ff;
border: 1px solid #B4C1BD;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: none;
font-weight: normal;
padding: 15px;
margin: 0 10px;
text-align: center;
position: absolute;
max-width: 250px;
z-index: 1000;
color: #65686D;
}
.tooltip-popup .arrow, .tooltip-popup .arrow:after {
border-color: transparent;
border-style: solid;
display: inline-block;
height: 0;
position: absolute;
width: 0;
}
.tooltip-popup .arrow {
border-bottom-color: #f4f8ff;
border-width: 0 10px 10px;
left: 50%;
margin-left: -10px;
top: -10px;
}
.tooltip-popup .arrow:after {
content: "";
z-index: -1;
border-bottom-color: #b4c1bd;
border-width: 0 11px 11px;
left: -11px;
top: -1px;
}
/* ============== Tooltip end ================= */
/* ============== FORMS ================= */
.input-wrap, .select-wrap {
display: block;
margin: 0 0 12px 0;
position: relative;
}
.input-wrap i {
position: absolute;
top: 7px;
left: 11px;
color: #c1c4c5;
}
.textarea-wrap i {
position: absolute;
top: 9px;
left: 11px;
color: #c1c4c5;
}
.input-wrap i + input, .textarea-wrap i + textarea {
padding-left: 31px;
}
.input-wrap i.focused, .textarea-wrap i.focused {
color: #333;
}
.input-wrap input,
.textarea-wrap textarea,
.select-wrap select {
width: 217px;
height: 33px;
padding: 0 12px;
background: #fafafa;
border: 1px solid #e2e2e2;
border-top: 1px solid #d4d4d4;
outline: none;
border-radius: 2px;
font-family: 'OpenSansRegular';
color: #65686d;
line-height: 1.6;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer .input-wrap input,
.footer .textarea-wrap textarea,
.footer .select-wrap select {
background-color: #fff;
}
.input-wrap.m-full-width input,
.textarea-wrap.m-full-width textarea,
.select-wrap.m-full-width select {
width: 100%;
}
.input-wrap input:focus,
.textarea-wrap textarea:focus {
background: #fff;
border: 1px solid #3ebbc7;
box-shadow: 0 0 5px rgba(62, 187, 199, 0.35);
color: #65686d;
}
/*.input-wrap input:hover,
.textarea-wrap textarea:hover {
cursor: default;
}*/
.textarea-wrap {
position: relative;
margin-bottom: 12px;
}
.textarea-wrap textarea {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 110px;
padding: 8px 12px 12px;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
#font-family: 'OpenSansItalic';
color: #a1a3a5;
}
input::-moz-placeholder, textarea::-moz-placeholder {
#font-family: 'OpenSansItalic';
color: #a1a3a5;
}
.select-wrap select {
display: inline;
width: 240px;
height: 35px;
padding: 8px 8px 8px 12px;
}
.select-wrap:after {
content: '';
display: block;
width: 240px;
height: 1px;
position: absolute;
top: 0;
z-index: 2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.select-wrap option {
padding: 2px 12px;
}
/* ============== FORMS end ================= */
/* ============== FORMULA ================= */
.formula {
font-size: 150%;
text-align: center;
margin: 15px 0;
}
.formula-desc li {
margin-bottom: 5px;
}
/* ============== FORMULA end ================= */
/* ============== COMMON STYLE END ================= */
/*========== photobox hack ===========*/
#pbOverlay .wrapper {
perspective: none;
-webkit-perspective: none;
}
/*========== photobox hack END ===========*/
/* ============== header ================= */
.header-top, .footer-bot {
height: 40px;
color: #9B9FA2;
font-size: 12px;
background: url("/img/header-top.gif");
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
width: 100%;
line-height: 40px;
}
.header-top-contact {
text-align: right;
}
.header-top-contact-item {
margin-left: 15px;
}
.header-top-contact-value {
color: #dfdfdf;
}
.header-top-contact i {
font-size: 14px;
margin-right: 2px;
}
.header-top-text {
height: 40px;
overflow: hidden;
color: #dfdfdf;
}
.header-bot {
height: 80px;
}
.logo {
margin-top: 21px;
}
.logo a {
display: block;
width: 127px;
height: 37px;
background: url('/img/logo-tw.svg') no-repeat 0 -26px;
}
.menu {
display: inline-block;
height: 80px;
}
.menu a {
font: 13px 'OpenSansRegular';
position: relative;
text-decoration: none;
transition: none;
-webkit-transition: none;
}
.menu > li {
font-size: 14px;
float: left;
position: relative;
text-align: center;
top: 15px;
}
.menu > li > a,
.menu > li > span {
cursor: pointer;
color: #646060;
display: inline-block;
font: 14px 'OpenSansRegular';
line-height: 20px;
padding: 15px 15px 30px;
position: relative;
text-decoration: none;
transition: none;
-webkit-transition: none;
}
.menu > .active > a:before,
.menu > .active > span:before,
.menu > li:hover > a:before,
.menu > li:hover > span:before {
content: '';
display: block;
width: calc(100% - 30px);
height: 2px;
position: absolute;
left: 15px;
bottom: 0;
z-index: 1;
background: #4874cd;
}
.menu > li:hover > a,
.menu > li:hover > span,
.menu > .active > span,
.menu > .active > a {
color: #4874cd;
}
.menu-sublabel {
display: block;
font-size: 70%;
line-height: 0;
margin: 3px 0 -3px;
}
.with-sub {
position: relative;
}
.submenu {
position: absolute;
background: #ebebeb;
display: none;
top: 63px;
border-width: 2px 1px 1px;
border-style: solid;
border-color: #4874cd #d2d2d2 #d2d2d2;
left: 0;
z-index: 50;
}
.submenu {
padding: 10px 20px 0;
}
.submenu .active > a {
color: #666;
}
.submenu > li {
margin: 0 10px 10px;
}
.submenu li {
text-align: left;
display: block;
}
.submenu-label,
.submenu-group > span {
font-size: 12px;
color: #666;
}
.submenu-label {
margin: 0 0 0 -5px !important;
clear: both;
}
.menu li:hover > .submenu {
display: inline-block;
}
.submenu-group {
float: left;
}
.submenu-group li {
margin: 5px 0;
}
.submenu-catalog {
padding: 10px 30px 0;
width: 320px;
left: -130px;
}
.submenu-article {
width: 240px;
}
.h1-buttons {
padding: 20px 10px 0;
text-align: right;
}
.h1-buttons .btn {
margin-top: 15px;
background: #f9f9f9;
}
.h1-buttons .btn:last-child {
margin-right: 0;
}
/* ============== header END ================= */
/* ============== mobile-menu ================= */
.btn-menu {
width: 26px;
height: 22px;
position: absolute;
right: 20px;
top: 97px;
cursor: pointer;
font: 28px/23px 'FontAwesome';
color: #c5c5c5;
}
.btn-menu.active {
color: #313538;
}
.btn-submenu {
width: 70px;
height: 44px;
position: absolute;
top: 0;
right: 0;
z-index: 12;
text-align: center;
font: 13px/42px 'FontAwesome';
cursor: pointer;
}
.btn-submenu.active {
line-height: 39px;
}
.btn-submenu:before {
content: "\f0d7";
color: #9a9a9a;
}
.btn-submenu.active:before {
content: "\f0d8";
}
.mobile-menu, .mobile-menu .mobile-submenu {
position: relative;
z-index: 50;
margin: 56px 0 0;
padding: 0;
list-style: none;
}
.mobile-menu {
display: none;
vertical-align: top;
position: relative;
margin: 20px 0 0;
background: #2f3338;
white-space: nowrap;
}
.mobile-menu .with-sub {
cursor: pointer;
}
.mobile-menu li {
position: relative;
text-align: left;
border-bottom: 1px solid #242629;
border-top: 1px solid #3b3e44;
}
.mobile-menu a, .mobile-menu > li > div > span {
display: block;
position: relative;
padding-left: 30px;
text-decoration: none;
color: #8a9094;
font: 14px 'OpenSansRegular';
-webkit-transition: none;
transition: none;
}
.mobile-menu a.active {
color: #d0d5d8;
}
.mobile-menu > li > div > a, .mobile-menu > li > div > span {
padding: 0 40px;
line-height: 42px;
}
.mobile-menu .menu-sublabel {
margin: -7px 0 15px;
}
.mobile-menu div {
position: relative;
margin: 0 auto;
}
/*submenu*/
.mobile-menu > li > .mobile-submenu {
background: #1f2226;
}
.mobile-menu .mobile-submenu {
display: none;
min-width: 170px;
position: relative;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
top: 0;
border: none;
left: 0;
}
.mobile-menu .submenu-label {
display: none;
}
.mobile-menu .submenu-group {
float: none;
}
.mobile-menu .mobile-submenu:before {
content: '';
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.mobile-menu .mobile-submenu a {
padding: 0 20px;
font: 14px/42px 'OpenSansRegular';
color: #8a9094;
text-transform: none;
letter-spacing: 0;
}
.mobile-menu .mobile-submenu li {
margin: 0;
border-bottom: 1px solid #16191b;
border-top: 1px solid #272a2f;
}
.mobile-menu .mobile-submenu li:last-child {
border-bottom: 0px solid #262829;
}
.mobile-menu .mobile-submenu li i {
margin-right: 7px;
}
.mobile-menu .mobile-submenu a {
padding-left: 60px !important;
}
.mobile-menu .mobile-submenu .mobile-submenu a {
padding-left: 80px !important;
}
/* ============== mobile-menu END ================= */
.content {
border-top: 1px solid #e4e4e4;
}
/* ============= main-page-content ============ */
/* ============= catalog-scroll ================= */
.catalog-scroll {
position: relative;
}
.catalog-scroll-right, .catalog-scroll-left {
line-height: 90px;
color: #aaa;
font-size: 24px;
}
.catalog-scroll-right {
text-align: right;
}
.catalog-scroll-left {
text-align: left;
}
.catalog-scroll-center {
overflow-x: hidden;
}
.catalog-scroll-wrapper {
width: 9000px;
}
.catalog-scroll-item {
width: 180px;
}
/* ============= catalog-scroll END ================= */
.main-page-splash-wrapper {
background: url(/img/splashback.jpg);
}
.veksa-splash-img {
display: block;
margin: 15px 0;
}
.veksa-splash-text {
color: #313538;
margin: 80px 0 0;
}
.veksa-splash-text li {
font-size: 16px;
margin: 10px 0 0;
}
/*.veksa-splash-text .btn {*/
/*margin: 0 0 0 23px;*/
/*}*/
.main-page-splash-links .dform-link,
.main-page-splash-links span {
font-size: 14px;
text-decoration: none;
}
.main-page-featured {
text-align: center;
padding: 30px 0;
background: #2f3338 url(/img/header-top.gif) repeat;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
color: #c4c7ca;
font-size: 18px;
line-height: 24px;
}
.main-page-featured p {
vertical-align: middle;
margin-bottom: 0;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.main-page-h1 {
border-bottom: 1px solid #e4e4e4;
padding: 30px 0;
text-align: center;
}
.main-page-h1 h1 {
margin: 0;
}
.main-page-catalog {
margin-top: 30px;
}
.main-page-additionals {
margin-top: 30px;
}
.main-page-splash-links {
width: 300px;
}
/* ============= main-page-content END ============ */
/* ============= catalog ================= */
.catalog .e-gray-box {
padding: 20px 30px;
border: 1px solid #DBDBDB;
box-shadow: 1px 1px rgba(0, 0, 0, 0.06);
}
.catalog h5 {
margin: 25px 0 5px;
}
.catalog-gallery {
margin: 20px 0;
}
.catalog-gallery .image-helper {
width: 100%;
height: 300px;
position: relative;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.catalog-gallery .image-helper img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.catalog-gallery .album {
position: relative;
text-align: center;
}
.catalog-gallery .album img {
padding: 3px 0;
}
.catalog-gallery .album-active {
position: absolute;
height: 54px;
width: calc(100% - 20px);
border: 1px solid #ccc;
top: -2px;
background: rgba(0, 0, 0, 0.08);
}
.catalog-param table {
margin: 15px 0 0;
width: 100%;
}
.catalog-param tr:after {
border-bottom: 1px dotted #ccc;
content: "";
display: block;
margin-top: -15px;
}
.catalog-param tr > td {
display: inline-block;
background: #fff;
margin: 0 0 10px;
line-height: 18px;
padding: 0 3px 0 0;
}
.catalog-param tr > td:last-child {
text-align: right;
float: right;
padding: 0 0 0 3px;
}
.catalog-param tr > th[colspan="2"],
.catalog-param tr > td[colspan="2"] {
font: 14px 'OpenSansSemiboldRegular';
color: #313538;
text-align: left;
display: table-cell;
float: none;
padding: 10px 0 5px;
}
/* ============= catalog END ================= */
/* ================ montazh ======================== */
.montazh-step {
margin: 20px 0 0;
}
.montazh-step h5 {
margin: 0;
}
.montazh-img > img {
margin-top: -15px;
}
.montazh-desc p {
margin: 0;
}
/* ================ montazh END ======================== */
/* ================ ppd ======================== */
.doc-group {
margin: 0 0 30px;
}
/* ================ ppd END ======================== */
/* ================ article ======================== */
.step-list h3 {
margin: 0;
padding: 7px 0 0;
}
.step-list-num {
display: block;
width: 30px;
height: 30px;
margin: 0 15px 0 -9px;
border: 3px solid #DBDBDB;
border-radius: 30px;
float: left;
text-align: center;
vertical-align: middle;
line-height: 30px;
position: relative;
color: #474343;
font-size: 16px;
}
.step-list-vertical-line {
margin: 0 0 0 18px;
padding: 0 0 0 37px;
overflow: hidden;
position: relative;
}
.step-list-vertical-line:after {
background: #DBDBDB;
content: "";
width: 3px;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.step-list-space {
padding-left: 54px;
}
.article-pager-wrapper {
text-align: center;
}
.article-pager {
margin: 10px 0 20px;
display: inline-block;
}
.article-pager .active a {
background: #5489DE;
border: 1px solid #5489DE;
color: #FFFFFF;
text-shadow: 0 -1px 0 #3263CD;
}
.article-pager li {
float: left;
}
.article-pager a {
display: block;
width: 30px;
height: 30px;
margin: 0 20px 0 0;
text-decoration: none;
background: #fbfbfb url(/img/serv-black.png) repeat-x top;
border-radius: 50%;
border: 1px solid #e2e2e2;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
text-align: center;
line-height: 29px;
font-size: 20px;
color: #343434;
text-shadow: 0 1px 1px #e2e4e5;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/* pager END */
/* ================ article END ======================== */
/* ================ gallery ======================== */
.gallery {
margin-bottom: 20px;
}
.gallery-album {
display: none;
}
.gallery-link {
display: block;
position: relative;
z-index: 2;
overflow: hidden;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-transition: box-shadow 0.2s ease;
transition: box-shadow 0.2s ease;
}
.gallery-link img {
width: 100%;
display: block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.gallery-link:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.link-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.link-overlay:before {
display: block;
width: 46px;
height: 46px;
position: absolute;
top: 50%;
left: 50%;
margin: -22px 0 0 -25px;
border-radius: 50%;
background: #fff;
text-align: center;
font: 14px/46px 'FontAwesome';
color: #2c2c2c;
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery-link:hover .link-overlay {
background: rgba(20, 22, 23, 0.6);
}
.gallery-link:hover .link-overlay:before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.gallery-desc {
height: 50px;
color: #313538;
margin: 5px 0 0;
}
.gallery-desc span {
display: block;
color: #c9c9c9;
}
/* ================ gallery END ======================== */
/* ================ dform ======================== */
.dform-link.active {
color: #6B6D72;
}
.dform-head {
margin: 20px 0;
}
.dform-download-file a {
color: #666;
text-decoration: none;
}
.dform-download-file i {
font-size: 150%;
margin-right: 3px;
}
.dform-download-file span {
display: block;
font-size: 120%;
color: #4874CD;
text-shadow: 0 1px 1px #E2E2E2;
}
.dform {
position: relative;
}
.dform .row {
margin: 10px 0;
line-height: 25px;
color: #333;
}
.dform .dform-label-hr,
.dform hr,
.dform .dform-label {
margin: 15px 0;
line-height: 25px;
}
.dform .row:after,
.dform .dform-label-hr:after,
.dform hr:after,
.dform .dform-label:after {
content: ".";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.dform hr {
float: left;
width: 100%;
}
.dform-field-label {
text-align: right;
}
.dform-field-box {
padding-left: 0;
}
.dform-input {
float: left;
margin: 0 10px 0;
}
.dform-label-hr {
position: relative;
clear: left;
}
.dform-label-hr span, .dform-label {
padding: 0 5px 0 0;
font-family: 'OpenSansSemiboldRegular';
font-weight: normal;
}
.dform-label {
width: 30%;
text-align: right;
}
.dform-label-hr span {
background: #fff;
position: absolute;
left: 0;
top: 1px;
}
.dform-svg-wrapper {
background: #fff;
position: absolute;
right: 0;
z-index: 1;
}
.single-checkbox-prefix {
margin-left: calc(30% + 10px);
display: inline-block;
float: left;
}
.single-checkbox-field-box .dform-input {
margin-left: 3px;
}
.dform textarea {
width: 300px;
height: 130px;
resize: none;
}
.dform input[type="radio"],
.dform input[type="checkbox"] {
margin-right: 2px;
}
.dform input[type="text"] {
width: 220px;
height: 25px;
}
.dform input,
.dform textarea,
.dform select {
padding: 0 5px;
border: 1px solid #e2e2e2;
border-top: 1px solid #d4d4d4;
outline: none;
border-radius: 2px;
font-family: 'OpenSansRegular';
color: #65686d;
line-height: 1.6;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dform-required {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #cf1111;
margin: 0 3px 0 0;
}
.dform .errorMessage > div {
display: none;
}
.dform-error {
color: #e0563f;
}
.dform-done {
color: #78d53a;
height: 24px;
}
.dform .hint {
float: left;
margin-right: 5px;
}
.dform-attach-wrapper {
border: 4px solid #fff;
padding: 0 !important;
border-radius: 2px;
margin: 0 0 0 6px;
}
.dform-attach-panel {
position: relative;
height: 150px;
padding: 15px 18px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #ffffff), color-stop(100%, #fbfbfb));
background: -webkit-linear-gradient(top, #ffffff 2%, #fbfbfb 100%);
background: linear-gradient(to bottom, #ffffff 2%, #fbfbfb 100%);
border: 1px dashed #e2e2e2;
border-radius: 2px;
color: #65686d;
cursor: default;
}
.dform-attach-panel__plus {
display: none;
position: absolute;
font-size: 45px;
top: 45%;
left: 50%;
color: #eaeaea;
}
.dform-attach-wrapper.dform-dnd-hover {
border: 4px solid #eaeaea;
}
.dormf-attach-wrapper.dform-dnd-hover .dform-attach-panel__plus {
display: block;
}
.dform-attach-panel__text {
float: left;
line-height: 34px;
margin: 0 7px 0 0;
}
.dform-attach-panel__text i {
font-size: 22px;
vertical-align: middle;
color: #aaa;
margin-right: 3px;
}
.dform-attach-button {
position: relative;
display: inline-block;
overflow: hidden;
}
.dform-attach-button__input {
cursor: pointer;
opacity: 0;
top: -10px;
right: -40px;
font-size: 50px;
position: absolute;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.dform-attach-progress {
height: 5px;
padding: 1px;
margin: 7px 10px 0;
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3);
border-radius: 10px;
background-color: rgba(0, 0, 0, .5);
float: left;
width: 100px;
}
.dform-attach-bar {
width: 0;
height: 100%;
position: static;
border-radius: 10px;
background-color: #4874CD;
}
.dform-attach-files {
padding: 4px;
}
.dform-attach-files > div {
margin: 10px 0;
}
.dform-attach-file-icon {
color: #aaa;
float: left;
font-size: 22px;
margin-right: 7px;
}
.dform-attach-file-info {
float: left;
}
.dform-attach-file-remove i {
cursor: pointer;
}
.dform-attach-file-remove {
float: left;
margin: 0 0 0 7px;
}
.dform .buttons {
margin-left: 30%;
width: 70%;
}
.dform .buttons {
padding-left: 10px;
}
.dform .btn.blue {
cursor: pointer;
font-size: 22px;
padding: 2px 30px;
float: left;
}
#dform-wait {
background: url('/img/wait.gif') no-repeat;
display: block;
height: 10px;
width: 67px;
float: left;
margin-top: 15px;
display: none;
}
.dfrom-message {
display: none;
padding: 10px 0 10px 10px;
}
.dfrom-message.error {
background: #f47474;
color: #fff;
}
.dfrom-message.done {
background: #e2e2e2;
}
.dform-message-text {
position: relative;
}
.dform-message-text .icon-ok {
font-size: 300%;
position: absolute;
left: -70px;
top: 40%;
}
.dform-send-more {
cursor: pointer;
color: #4874cd;
}
.dform-icon-required {
display: block;
height: 12px;
width: 13px;
background: no-repeat url('/img/veksa-sprite.png') 0 1px;
}
/* ================ dform END ======================== */
/* ================ kolodel ======================== */
.koltype {
margin-top: 30px;
}
/* ================ kolodec END ======================== */
/* ================ contact ======================== */
.contact h5, .contact p {
margin: 0;
}
/* ================ contact END ======================== */
/* ================ Error page ======================== */
.error-code {
font: 200px/200px 'OpenSansLightRegular';
text-shadow: 0 4px 0 #dcdcdc;
text-align: center;
}
.error-text {
text-align: center;
font: 18px/24px 'OpenSansRegular';
margin-bottom: 20px;
color: #3c3c40;
}
/* ================ Error page end ======================== */
/* ============= footer ================ */
.footer-wrapper {
margin-top: 20px;
border-top: 1px solid #eee;
padding: 0 0 20px;
}
.footer-contact,
.footer-proj,
.footer-fb {
margin: 30px 0 0;
}
.footer h3 {
font-family: 'OpenSansBold';
font-size: 12px;
text-transform: uppercase;
color: #333;
}
.footer li {
margin-bottom: 10px;
}
.footer-contact span {
display: block;
padding-left: 19px;
}
.footer-contact i {
float: left;
margin-right: 5px;
text-align: right;
width: 13px;
}
.footer-latestp-desc {
text-align: center;
}
.footer .img-title span {
font-family: 'OpenSansSemiboldRegular';
font-weight: normal;
}
.footer-fb-field-error {
box-shadow: 0 0 5px #f47474 !important;
border: 1px solid #f47474 !important;
}
.footer-fb textarea {
height: 133px;
resize: none;
}
.footer-fb-submit {
margin: 0 !important;
}
.footer-fb-state-message {
display: none;
text-align: center;
padding: 7px 10px;
}
.footer-fb-state-message.error {
color: #fff;
background: none repeat scroll 0 0 #f47474;
}
.footer-fb-state-message.done {
background: none repeat scroll 0 0 #E2E2E2;
}
/* ============= footer END ============ */
.counters {
display: none;
}
@media screen and (max-width: 767px) {
.logo a {
margin: 0 auto;
}
.header-top {
height: auto;
line-height: normal;
}
.header-top-contact {
text-align: center;
}
.header-top-contact-item {
display: block;
margin: 10px 0;
}
.veksa-splash-text {
margin: 0 0 20px 20px;
}
.main-page-h1 h1 {
font-size: 24px;
}
.mobile-header {
text-align: center !important;
color: #333;
font-family: 'OpenSansBold';
font-size: 12px;
text-transform: uppercase;
}
.e-titlebar h1 {
margin-top: 15px;
white-space: normal;
text-align: center;
line-height: normal;
}
.h1-buttons {
padding: 5px 0 10px;
text-align: center;
}
.h1-buttons > span {
display: none;
}
a.btn {
white-space: nowrap;
padding: 1px 10px;
}
.dform-svg-wrapper {
display: none;
}
.dform-field-label {
text-align: left;
}
.single-checkbox-prefix {
margin-left: 10px;
}
.dform .buttons {
margin-left: 15%;
}
.dform .errorMessage {
display: inline;
}
.dform-label.dform-note-text {
margin-left: 10px;
}
.dform-required {
margin: 0;
}
.dform-label {
text-align: left;
margin: 15px 0 0 10px !important;
line-height: normal !important;
}
.dform .hint {
margin: 0 3px 0 10px;
line-height: normal;
opacity: 0.8;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* .logo {
position: absolute;
top: -12px;
margin-left: 15px;
}
.logo a {
background: url("/img/logo-tw.svg") no-repeat 0 0;
height: 22px;
}*/
.menu > li > a:first-child, .menu > li > span {
padding: 15px 10px 30px;
}
.veksa-splash-text {
margin: 30px 0 0;
}
}
/* Normilizes box-sizing */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
-moz-user-select:none;
background:rgba(0,0,0,.90);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
-webkit-transform:translate3d(0);
transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url(98b28642485021b6726d18ad86f8388e.gif) no-repeat center center; }
@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }
.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }
.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }
.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }
/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }
#pbOverlay button{ outline:0 !important; box-shadow:0; }
.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative; }
.video > .pbWrapper{ z-index:11; display:inline-block; }
/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
.thumbs .pbWrapper{ padding:0; margin:0; }
.error .pbWrapperr img{ width:0; }
.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
.video > .pbWrapper > div{ display:inline-block; }
#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }
.pbWrapper .pbHide iframe{ opacity:0; }
.pbWrapper > div,
.pbWrapper > img{
transition:.5s .5s cubic-bezier(.1, .87, .48, 1);
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-backface-visibility:hidden;
box-shadow:0 0 20px #000;
opacity: 1;
}
/* FOR MOBILE */
.mobile.show .pbWrapper > div,
.mobile.show .pbWrapper > img{
transition:30ms;
}
/* Content effects */
.pbWrapper > *,
.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
.on .pbWrapper > *{ transition-delay:0s; }
.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }
/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }
#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }
/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
#pbAutoplayBtn.play:before{ content:'\25BA'; }
#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }
#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
#pbOverlay.thumbs #pbCaption label{ display:block; }
#pbCaption label{ display:none; position:relative; z-index:1; top:6px; float:right; width:60px; margin-right:10px; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
#pbCaption label:after{ background:#FFF; box-shadow:12px 0 #FFF, -12px 0 #FFF; content:""; display:inline-block; height:0; padding:10px 5px; text-align:right; vertical-align:top; width:0; }
#pbCaption label:hover{ opacity:1; }
#pbCaption .title,
#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
#pbCaption .counter{ display:none; opacity:.55; }
.hasCounter #pbCaption .counter{ display:inline-block; }
.pbCaptionText{ display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from