/*@import url("css/stickers.css");
@import url("css/header.css");
@import url("css/footer.css");*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (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-wide {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
/*padding-left: 10px;
padding-right: 10px;*/
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 30px;
padding-right: 30px;
}
.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 (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 (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 (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%;
}
}
/* KONEC RESPONSIVNICH STYLU UNSEMANTIC */
/* ---------------------------------------------------------------- */
body, .Normal, .NormalDisabled, .NormalDeleted {
color: #333333;
font-size: 1em;
font-weight: 400;
line-height: 130%;
font-family: "proxima-nova",sans-serif;
}
h2, h3 {
line-height: normal;
}
.clear_float {
clear: both;
}
.hiddentext {
position: absolute;
top: 0px;
left: -5000px;
}
#wrapper {
margin: -20px 0 50px 0;
background-color: #ffffff;
}
/* obecné barevné třídy */
.purple-fg {
color: #8782aa;
}
.purple-bg {
background-color: #8782aa;
}
.red-fg {
color: #f54753;
}
.red-bg {
background-color: #f54753;
}
.green-fg {
color: #1da196;
}
.green-bg {
background-color: #1da196;
}
.blue-fg {
color: #477eb1;
}
.blue-bg {
background-color: #477eb1;
}
.yellow-fg {
color: #8C742B;
}
.yellow-bg {
background-color: #8C742B;
}
.orange-fg {
color: #f7572d;
}
.orange-bg {
background-color: #f7572d;
}
.lightgrey-fg {
color: #f0ebe9;
}
.lightgrey-bg {
background-color: #f0ebe9;
}
.darkgrey-bg {
background-color: #898989;
}
.black-fg {
color: #5b5b5b;
}
.black-bg {
background-color: #5b5b5b;
}
.pink-fg {
color: #DB007E;
}
.pink-bg {
background-color: #DB007E;
}
.brown-fg {
color: #a17135;
}
.brown-bg {
background-color: #a17135;
}
/* KONEC barev */
/*Hlavicka start*/
#dnn_TopPane {
background-color: white;
padding: 5px 0;
}
#TopPane {
background-color: white;
padding: 5px 0;
min-height: 90px;
}
#dnn_SearchPane {
height: 0px;
}
#PortalLogo {
vertical-align: middle;
}
#PortalLogo img {
max-height: 60px;
margin-top: 10px;
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
}
#SearchLang {
width: 380px;
height: 95px;
background-image: url("images/searchpane_bg.png");
float: right;
}
#usr_login2 {
margin-top: 5px;
}
#usr_login2 ul {
padding: 0 30px 4px;
border-bottom: 1px solid #000000;
}
#usr_login2 li {
display: block;
line-height: 24px;
list-style-type: none;
}
#usr_login2 a:link, #usr_login2 a:visited, #usr_login2 a:focus {
background-repeat: no-repeat;
color: #000000;
font-family: "museo-sans-condensed",sans-serif;
font-size: 0.813em;
text-decoration: none;
text-transform: uppercase;
}
#usr_login2 a:link:hover {
text-decoration: underline;
}
.head-socials {
text-align: center;
}
#CallCenter {
margin-top: 2px;
}
#CallCenter a:link, #CallCenter a:visited {
display: block;
color: #ffffff !important;
white-space: nowrap;
font-family: "museo-sans-condensed",sans-serif;
font-size: 1em;
padding: 6px 12px;
margin-bottom: 5px;
text-transform: uppercase;
background-color: #f54653;
text-decoration: none;
}
#CallCenter a:nth-child(2):link, #CallCenter a:nth-child(2):visited {
background-color: #8782aa;
}
#CallCenter a:hover, #CallCenter a:nth-child(2):hover {
background-color: #f7572d;
}
.SocialBlok {
margin-top: 24px;
}
.SocialBlok li {
display: inline;
list-style-type: none;
margin-left: 10px;
}
.SocialBlok a:link {
width: 30px;
height: 30px;
display: inline-block;
}
.SocialBlok img {
max-width: 100%;
max-height: 100%;
}
/* úpravy callcentra a social ikon pro menší rozlišení */
@media all and (max-width: 1024px) {
.SocialBlok {
margin-top: 6px;
}
#CallCenter {
margin-top: 10px;
}
}
@media all and (max-width: 390px) {
.SocialBlok li {
margin-left: 6px;
}
.SocialBlok a:link {
height: 24px;
width: 24px;
}
#CallCenter {
margin-top: 6px;
}
#CallCenter a:link, #CallCenter a:visited {
font-size: 0.875em;
padding: 4px 10px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
}
.lang2 {
margin-top: 5px;
padding-left: 30px;
}
.lang2 ul li {
display: inline-block;
}
.lang2 a:link, .lang2 a:visited {
box-sizing: border-box;
font-size: 0.75em;
font-family: "museo-sans",sans-serif;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #fff !important;
border: none;
width: 24px;
height: 24px;
margin-right: 10px;
display: inline-block;
border-radius: 50%;
zoom: 1;
background-color: #afafaf;
}
.lang2 a:hover {
background-color: #333333;
border: none;
text-decoration: underline;
}
#dnn_dnnSEARCH_ClassicSearch {
position: relative;
width: 100%;
padding: 15px 15px;
display: block;
}
.srchbtn {
float: left;
margin-left: 2px;
}
#dnn_dnnSEARCH_txtSearch {
background-color: #CFDCEC;
border: medium none;
font-size: 1em;
height: 26px;
letter-spacing: 0.05em;
padding: 1px 5px;
float: left;
width: 70%;
}
#dnn_ctr432_SearchInput_plSearch_label {
display: none;
}
/* TOP google search box styly */
#WideSearch .gsc-control-searchbox-only {
margin-top: 22px;
}
#WideSearch form.gsc-search-box {
font-size: 0.875em;
font-family: "museo-sans",sans-serif;
font-weight: 500;
margin: 0 !important;
width: 100% !important;
}
#WideSearch table.gsc-search-box {
border: none;
height: 18px;
margin: 0;
width: 100%;
}
#WideSearch .gsc-input-box {
background-color: #ffffff !important;
background-position: 50% 50% !important;
border: 1px solid #505050;
margin: 0;
padding: 3px;
}
#WideSearch .gsc-input-box-focus {
box-shadow: 0 0 1px 1px #999999;
}
#WideSearch .gsc-input-box-hover {
}
/*#WideSearch .gsc-search-box .gsc-input > input:hover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border: none;
box-shadow: none !important;
outline: none;
}
#WideSearch .gsc-search-box .gsc-input > input:focus {
border: none !important;
box-shadow: none !important;
outline: none;
width: 100%;
}*/
#WideSearch .gsc-input {
background-color: #ffffff !important;
background-image: none !important;
color: #333333;
line-height: 21px;
}
#WideSearch .gsst_a .gscb_a {
color: #808384 !important;
}
#WideSearch .gsc-completion-selected {
background: none repeat scroll 0 0 #EEEEEE;
}
#WideSearch .gsc-completion-container {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border: none !important;
font-size: 0.875em;
font-family: "museo-sans",sans-serif;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*behavior: url(/js/pie/PIE.htc);*/
}
#WideSearch .gsc-completion-title {
color: #1155CC;
}
#WideSearch .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0px !important;
}
/*#WideSearch .gsc-search-box td {
padding: 0 0 0 2px !important;
}*/
.gsc-search-button {
margin-left: -7px;
}
#WideSearch .gsc-search-button-v2:hover {
border-color: transparent !important;
}
#WideSearch .gsc-search-button-v2:focus {
border-color: transparent !important;
}
#WideSearch .gsc-search-button-v2:active {
border-color: transparent !important;
}
#WideSearch .gsc-search-button-v2 {
text-indent: -9999em;
padding: 6px 6px;
margin-right: 15px;
border: none;
background-color: #ffffff;
min-width: 24px !important;
width: 24px !important;
height: 24px !important;
background-image: url("/Portals/_default/Skins/responsiveP10/images/lupa_search.svg");
background-repeat: no-repeat;
cursor: pointer;
outline
}
#WideSearch div.gsc-clear-button {
margin-left: -52px !important;
}
/*Hlavicka konec*/
#dnn_LeftPane {
/*width: 225px;
float: left;
clear: both;
background-image: url("/Portals/_default/Skins/responsiveP10/images/left_pane_bg.png");
background-position: right center;
background-repeat: repeat-y;
padding-right: 5px;*/
}
#dnn_MenuPane {
/*float: right;*/
border-bottom: 1px solid #000000;
}
.Menurow {
width: 960px;
float: right;
}
.expand
{
overflow: visible !important;
}
#dnn_ContentPane, .content_wrapper {
/*width: 693px;
float: right; */
/*padding-left: 30px;*/
margin-bottom: 24px;
}
.NewsPanes, #dnn_DIYPane {
min-height: 670px;
margin-bottom: 20px;
}
#dnn_NewsPane.social {
min-height: auto;
}
.NewsPanes, #dnn_R1Pane1 {
background-color: #f2f1ed;
}
#dnn_DIYPane {
background-color: #34495e;
}
#dnn_FeaturedPane {
/*width: 735px;
float: right; */
}
#dnn_HPane1 {
/*width: 735px;
float: right; */
margin-bottom: 10px;
}
#dnn_HPane21 {
/*width: 245px;
float: right; */
}
#dnn_HPane22 {
/*width: 245px;
float: right; */
}
#dnn_HPane23 {
/*width: 245px;
float: right; */
}
#dnn_HPane3 {
/*width: 735px;
float: right; */
}
#HPane4 {
/*width: 735px;
float: right; */
margin-bottom: 14px;
}
#dnn_HPane4L {
/*width: 490px;
float: right;*/
background-repeat: no-repeat;
}
#dnn_HPane4R {
/*width: 230px;
margin-left: 15px;
float: right;
clear: both;
background-repeat: no-repeat;*/
}
#HPane5 {
/*float: right;
width: 735px;*/
margin-bottom: 20px;
}
#dnn_HPane5L {
/*width: 360px;
float: right;*/
}
#dnn_HPane5R {
/*clear: both;
width: 360px;
float: right;
margin-left: 15px;*/
}
#FooterBottom {
background-color: #FFFFFF;
background-image: url("images/footer_pane_bg.png");
background-repeat: repeat-x;
padding-bottom: 20px;
}
#dnn_FooterPane {
}
/* paticka styly */
#FootWrap {
clear: both;
border-top: 1px solid #999999;
margin-top: 40px;
padding-top: 20px;
}
#dnn_BottomFooterPane {
clear: both;
border-top: 1px solid #999999;
margin-top: 60px;
padding-top: 20px;
}
#blue_foot_stripe {
background-color: #0d50a0;
position: relative;
/* height: 36px;
padding: 0px 20px; */
}
ul.contact_foot {
padding-top: 10px;
display: block;
white-space: nowrap;
}
.contact_foot a:link {
background-repeat: no-repeat;
color: #ffffff !important;
font-size: 0.75em;
font-weight: bold;
padding-left: 18px;
text-decoration: none;
}
.contact_foot a:visited {
background-repeat: no-repeat;
color: #ffffff !important;
font-size: 0.75em;
font-weight: bold;
padding-left: 18px;
text-decoration: none;
}
.contact_foot a:hover {
background-repeat: no-repeat;
color: #ffffff !important;
font-size: 0.75em;
font-weight: bold;
padding-left: 18px;
text-decoration: underline;
}
.contact_foot li {
display: inline;
margin-left: 3px;
list-style-type: none;
}
a.callcentrum:link {
background-image: url("/Portals/_default/Skins/responsiveP10/images/foot_callcentrum.png");
}
a.sms:link {
background-image: url("/Portals/_default/Skins/responsiveP10/images/foot_sms.png");
}
a.mms:link {
background-image: url("/Portals/_default/Skins/responsiveP10/images/foot_mms.png");
}
#SocialFoot {
padding-top: 10px;
}
#copyright {
font-size: 0.75em;
margin-top: 15px;
}
/* Foot search */
#dnn_dnnSEARCHfoot_ClassicSearch {
position: relative;
width: 100%;
padding: 5px 0px;
display: block;
overflow: hidden;
}
#dnn_dnnSEARCHfoot_txtSearch {
background-color: #CFDCEC;
border: medium none;
font-size: 1em;
height: 26px;
letter-spacing: 0.05em;
/* margin-left: 31px;
margin-top: 20px; */
padding: 1px 5px;
float: left;
width: 82%;
}
/* paticka styly - KONEC */
/* styly pro subpage ctvrti a skoly - hlavně panes */
#row_one, #row_two, #row_three {
margin-bottom: 10px;
padding-bottom: 10px;
}
#row_one {
margin-top: 10px;
}
/* konec stylu pro ctvrti a skoly */
.clearFloat{
clear:both;
}
.hrs_right {
float: right;
margin-right: 73px;
}
#articleSearchFormSmall input[type="submit"] {
background: url("images/search_btn.png") no-repeat;
border: none;
height: 21px;
width: 21px;
color: transparent;
cursor:pointer;
font-size: 0;
position: absolute;
margin-left: -4px;
}
#breadcrumbs_common a:link {
text-decoration: none;
color: #333333;
font-weight: 400;
padding: 0 5px;
}
#breadcrumbs_common a:visited {
text-decoration: none;
color: #333333;
}
#breadcrumbs_common a:hover {
text-decoration: underline;
color: #000000;
}
#breadcrumbs_common span {
color: #333333;
font-weight: 400;
padding: 0 5px;
}
#breadcrumbs_common {
margin: 40px;
font-size: 0.813em;
}
/* styly pro zelený side kontainer - pro udelej si sam menu */
.c_head_green h2.c_title, .c_head_green h2.c_title input {
padding-left: 14px;
color:#0d50a0;
font-size: 0.875em;
margin-top: 11px;
text-decoration: none;
}
.head_title_green {
height: 33px;
background-image: url("images/side_green_bg.png");
background-repeat: repeat-x;
}
#info_wrap {
height: 67px;
margin-bottom: 14px;
}
#info_img {
float: left;
}
.info_title {
float: right;
width: 155px;
padding-top: 4px;
}
#info_title a:link{font-size:0.75em;font-weight:bold;color:#333333;text-decoration:none;}
#info_title a:visited{font-size:0.75em;font-weight:bold;color:#333333;text-decoration:none;}
#info_title a:hover{font-size:0.75em;font-weight:bold;color:#333333;text-decoration:underline;}
/*clanek no side*/
.illustration {
float: right;
margin-bottom: 14px;
}
.artinfo {
height: 28px;
clear: both;
font-size: 0.75em;
color: #333333;
background-image: url("images/artinfo_no_side_bg.png");
background-repeat: no-repeat;
padding-left: 14px;
}
.artinfo a:link{font-size:0.75em;font-weight:normal;color:#333333;text-decoration:none;}
.artinfo a:visited{font-size:0.75em;font-weight:normal;color:#333333;text-decoration:none;}
.artinfo a:hover{font-size:0.75em;font-weight:normal;color:#333333;text-decoration:underline;}
.summary {
/*width: 477px;
float: left; */
padding-bottom: 14px;
color: #333333;
}
.perex {
background-image: url("images/perex_no_side_bg.png");
background-repeat: no-repeat;
padding-top: 14px;
}
.artsocial {
background-image: url("images/perex_no_side_bg.png");
background-repeat: no-repeat;
height: 32px;
padding-top: 14px;
padding-left: 14px;
}
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
max-width: 100% !important;
/*margin-top: 3px;*/
}
.articleEntry p {
padding-bottom: 14px;
}
.socialright {
margin-right: 14px;
float: right;
margin-top: -26px;
}
.fright {
float: right;
margin-right: 14px;
margin-top: 3px;
}
.gallerytitle {
background-image: url("images/artinfo_no_side_bg.png");
background-repeat: no-repeat;
padding-left: 14px;
padding-top: 14px;
padding-bottom: 8px;
font-size: 0.75em;
color: #333333;
}
.galtitle {
font-size: 1em;
color: #0D50A0;
font-weight: bold;
}
#clearboth {
clear: both;
margin-bottom: 25px;
}
.title_list a:link{font-size:1em;font-weight:normal;color:#0d50a0;text-decoration:none;}
.title_list a:visited{font-size:1em;font-weight:normal;color:#0d50a0;text-decoration:none;}
.title_list a:hover{font-size:1em;font-weight:normal;color:#0d50a0;text-decoration:underline;}
#image_thumb {
float: left;
margin-right: 14px;
}
#article_list {
height: 160px;
}
#date_list {
float: right;
}
#more_list {
float:right;
}
.perex_list {
margin-top: 4px !important;
}
.ps-wrapper {
margin-left: 4px;
}
/* styly pro housemenu jako modul */
#houseMenuVstatic ul
{
margin: 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.688em;
list-style-type: none;
line-height: 30px
}
/* Applied to all list items within the div named "houseMenuVstatic" */
#houseMenuVstatic li
{
display: inline;
margin: 0 2px;
border: 0;
padding: 0;
width: 144px;
}
/* Applied to all links. Use "li a" styles below to customize nested links. */
#houseMenuVstatic a
{
padding: 5px 10px;
display: inline;
color: #ffffff;
background-color: #0D50A0;
text-decoration: none;
font-weight: bold;
margin: 0;
white-space: nowrap;
}
/* Applied to all links. Use "li a" styles below to customize nested links. */
#houseMenuVstatic a:hover
{
background-color: #39741B;
color: #ffffff;
}
/* styly pro menší obrazovky */
@media all and (max-width: 767px) {
#dnn_dnnSEARCH_txtSearch {
width: 60%;
}
#WideSearch {
float: left;
margin-bottom: 5px;
}
#SocialHead {
float: right;
margin-top: 3px;
}
#dnn_dnnLOGO_imgLogo {
margin-left: 0;
margin-top: 5px;
max-height: 50px;
}
#dnn_dnnSEARCH_ClassicSearch {
padding: 5px 0;
}
#PortalLogo {
float: left;
margin-bottom: 5px;
}
#dnn_LeftPane {
background-image: none;
padding-right: 0px;
}
#dnn_ContentPane img {
max-width: 100%;
height: auto !important;
}
.calendar{
max-width: 500px !important;
margin-bottom: 10px;
}
/* nezobrazování chatu - Zopim */
.meshim_components_FloatingButton{
visibility: hidden !important;
}
.meshim_components_FirstUse{
visibility: hidden !important;
}
}
/* styly na změnšení bannerů mezi 920 a 767 */
@media all and (min-width: 768px) and (max-width: 920px) {
.c_content_bannery img {
max-width: 100%;
height: auto !important;
}
}
/* METRO panely na home page
barvy:
purple: #8782aa;
red: #f54753;
green: #1da196;
grey: #f0ebe9;
yellow: #477eb1;
orange: #f7572d;
*/
.metro {
overflow: hidden;
}
.metro * {
box-sizing: border-box;
}
.metro .item {
display: block;
width: 50%;
max-width: 720px;
float: left;
margin: 0;
}
.metro .item .title{
position: relative;
display: block;
float: left;
width: 33.33333%;
max-width: 240px;
height: 240px;
margin: 0;
padding: 6% 3%;
background-color: #f54653;
font-size: 2.5em;
cursor: pointer;
}
.metro .item .title::after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 15px solid #f54653;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
box-shadow: -3px 0 1px -2px #f54653;
position: absolute;
top: 0;
right: -16px;
transition: all 0.3s;
}
/* RTL varianta */
.metro .item .title.rtl::after {
border-right: 15px solid #f54653;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
box-shadow: 3px 0 1px -2px #f54653;
left: -16px;
transition: all 0.3s;
}
/* barevné varianty title bloků */
.metro .item .title.purple {
background-color: #8782aa;
}
.metro .item .title.purple::after {
border-left-color: #8782aa;
box-shadow: -3px 0 1px -2px #8782aa;
}
.metro .item .title.purple.rtl::after {
border-right-color: #8782aa;
border-left: none;
box-shadow: 3px 0 1px -2px #8782aa;
}
.metro .item .title.red {
background-color: #f54753;
}
.metro .item .title.red::after {
border-left-color: #f54753;
box-shadow: -3px 0 1px -2px #f54753;
}
.metro .item .title.red.rtl::after {
border-right-color: #f54753;
border-left: none;
box-shadow: 3px 0 1px -2px #f54753;
}
.metro .item .title.green {
background-color: #1da196;
}
.metro .item .title.green::after {
border-left-color: #1da196;
box-shadow: -3px 0 1px -2px #1da196;
}
.metro .item .title.green.rtl::after {
border-right-color: #1da196;
border-left: none;
box-shadow: 3px 0 1px -2px #1da196;
}
.metro .item .title.yellow {
background-color: #cbb054;
}
.metro .item .title.yellow::after {
border-left-color: #cbb054;
box-shadow: -3px 0 1px -2px #cbb054;
}
.metro .item .title.yellow.rtl::after {
border-right-color: #cbb054;
border-left: none;
box-shadow: 3px 0 1px -2px #cbb054;
}
.metro .item .title.blue {
background-color: #477eb1;
}
.metro .item .title.blue::after {
border-left-color: #477eb1;
box-shadow: -3px 0 1px -2px #477eb1;
}
.metro .item .title.blue.rtl::after {
border-right-color: #477eb1;
border-left: none;
box-shadow: 3px 0 1px -2px #477eb1;
}
.metro .item .title.turquoise {
background-color: #13969e;
}
.metro .item .title.turquoise::after {
border-left-color: #13969e;
box-shadow: -3px 0 1px -2px #13969e;
}
.metro .item .title.turquoise.rtl::after {
border-right-color: #13969e;
border-left: none;
box-shadow: 3px 0 1px -2px #13969e;
}
.metro .item .title.orange {
background-color: #f7572d;
}
.metro .item .title.orange::after {
border-left-color: #f7572d;
box-shadow: -3px 0 1px -2px #f7572d;
}
.metro .item .title.orange.rtl::after {
border-right-color: #f7572d;
border-left: none;
box-shadow: 3px 0 1px -2px #f7572d;
}
.metro .item .title.grey {
background-color: #898989;
}
.metro .item .title.grey h3 {
color: #333333;
}
.metro .item .title.grey::after {
border-left-color: #898989;
box-shadow: -3px 0 1px -2px #898989;
}
.metro .item .title.grey.rtl::after {
border-right-color: #999999;
border-left: none;
box-shadow: 3px 0 1px -2px #999999;
}
.metro .item .title:hover::after {
border-left-color: #fff;
transition: all 0.3s;
transform: rotate(180deg);
right: 1px;
}
.metro .item .title.rtl:hover::after {
border-right-color: #fff;
transition: all 0.3s;
transform: rotate(180deg);
left: 1px;
}
.metro .item .title h3, .metro .item .title h3 a:link, .metro .item .title h3 a:visited, .metro .item .title h3 a:hover {
color: #ffffff;
font-family: "museo-sans-condensed",sans-serif;
font-size: 100%;
line-height: 44px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
margin: auto;
padding: 0;
}
.metro .item .text {
display: block;
float: left;
width: 33.33333%;
max-width: 240px;
height: 240px;
margin: 0;
padding: 4%;
overflow: hidden;
cursor: pointer;
font-family: "proxima-nova",sans-serif;
font-size: 0.875em;
line-height: 130%;
overflow: hidden;
color: #000000;
transition: all 0.3s;
}
.metro .item .text:hover {
font-size: 0.938em;
padding: 2% 3%;
transition: all 0.3s;
}
.metro .item .text p {
margin: 0 auto 12px;
}
.metro .item .picture {
display: block;
float: left;
width: 33.33333%;
max-width: 240px;
height: 240px;
margin: 0;
overflow: hidden;
}
.metro .item .picture img {
width: 100%;
height: 100%;
}
@media all and (max-width: 1200px) {
.metro .item.less-prior {
width: 40%;
}
.metro .item.less-prior .text, .metro .item.less-prior .title {
width: 50%;
}
.metro .item.less-prior .picture {
display: none;
}
.metro .item.more-prior {
width: 60%;
}
}
@media all and (max-width: 960px) {
.metro .item.less-prior, .metro .item.more-prior {
width: 50%;
}
.metro .item .picture {
display: none;
}
.metro .item .text, .metro .item .title {
width: 50%;
}
}
@media all and (max-width: 720px) {
.metro .item.less-prior {
width: 33.33333%;
}
.metro .item.less-prior .title {
width: 100%;
}
.metro .item.less-prior .text {
display: none;
}
.metro .item.more-prior {
width: 66.66666%;
}
}
@media all and (max-width: 600px) {
.metro .item.less-prior .text {
display: block;
}
.metro .item.less-prior, .metro .item.more-prior {
width: 100%;
}
.metro .item.less-prior .title, .metro .item.more-prior .title, .metro .item.less-prior .text, .metro .item.more-prior .text {
width: 50%;
}
}
@media all and (max-width: 400px) {
.metro .item.less-prior .text, .metro .item.more-prior .text {
display: none;
}
.metro .item.less-prior, .metro .item.more-prior {
width: 100%;
}
.metro .item.less-prior .title, .metro .item.more-prior .title {
width: 100%;
height: 160px;
}
.metro .item .title {
max-width: 400px;
}
.metro .item .title::after {
display: none;
}
}
/* zmenšování title textu */
@media all and (min-width: 1200px) and (max-width: 1400px) {
.metro .item .title {
font-size: 2.308em;
}
}
@media all and (min-width: 960px) and (max-width: 1160px) {
.metro .item .title {
font-size: 2.308em;
}
}
@media all and (min-width: 720px) and (max-width: 920px) {
.metro .item .title {
font-size: 2.308em;
}
}
@media all and (min-width: 600px) and (max-width: 680px) {
.metro .item .title {
font-size: 2.308em;
}
}
@media all and (min-width: 400px) and (max-width: 560px) {
.metro .item .title {
font-size: 2.308em;
}
}
/* adresář na home page */
.wrp_search_cont {
padding: 0px 20px;
}
.select-label, .input-block {
display: inline-block;
position: relative;
padding: 6px 0;
width: 100%;
}
.select-label label, .input-block label {
font-family: "museo-sans",sans-serif;
font-size: 0.813em;
color: #ffffff;
font-weight: 500;
padding: 0 0 2px 0;
display: block;
}
.select-label select, .input-block input[type="text"] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-transform: none !important;
box-sizing: border-box;
padding: 5px 10px;
vertical-align: top;
text-align: left;
max-width: 100%;
display: inline-block;
border: none;
font-family: "museo-sans",sans-serif;
font-size: 0.875em;
font-weight: 500;
margin: 0;
}
.select-label select option {
padding-left: 5px;
}
.select-label select::-ms-expand {
display: none;
}
.select-label::after {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid #333333;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: 10px;
top: 43px;
position: absolute;
pointer-events: none;
}
a.search-butt:link, a.search-butt:visited {
border: none;
float: right;
color: #ffffff;
font-family: "museo-sans-condensed",sans-serif;
font-size: 0.875em;
padding: 4px 8px;
display: inline-block;
text-transform: uppercase;
}
a.search-butt:hover {
}
/* menu druhé a další úrovně v sidu */
.menu_second ul {
margin: 7px 0;
}
.menu_second ul li {
list-style: none;
}
.menu_second ul li a:link, .menu_second ul li a:visited {
color: #333333;
font-weight: 400;
text-decoration: none;
line-height: 24px;
}
.menu_second ul li a.current {
color: #f7572d;
}
.menu_second ul li a:hover {
color: #000000;
text-decoration: underline;
}
.menu_second>ul>li>a {
display: block;
text-transform: uppercase;
padding: 7px 0;
margin-bottom: 10px;
border-bottom: 1px solid #333333;
}
.menu_second ul ul li a {
text-transform: none;
padding: 3px 0;
}
.menu_second ul ul ul {
margin-left: 15px;
}
/* formulářové prvky */
input[type="text"], input[type="password"], input[type="email"], input[type=search], input[type="number"], textarea, select, select.NormalTextBox, input.NormalTextBox {
font-family: "proxima-nova",sans-serif;
font-size: 0.875em;
font-style: normal;
font-weight: 400;
padding: 5px 10px;
border: 1px solid #333333;
margin: 7px 0;
}
input[type="radio"], input[type="checkbox"] {
margin: 7px 5px 7px 0;
}
input[type="radio"] + label, input[type="checkbox"] + label {
margin: 7px 20px 7px 0;
}
label, label span {
font-family: "museo-sans",sans-serif;
font-size: 1em;
font-style: normal;
font-weight: 500;
color: #333333;
padding-right: 20px;
}
a:link.arrow_link, a:visited.arrow_link {
font-family: "museo-sans-condensed",sans-serif;
font-size: 1.125em;
font-weight: 500;
text-transform: uppercase;
color: #333333;
text-decoration: none;
margin: 10px;
position: relative;
line-height: 26px;
}
a:link.arrow_link::before, a:visited.arrow_link::before {
content: "";
display: block;
position: absolute;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #787878;
top: 0;
right: -32px;
}
a:link.arrow_link::after, a:visited.arrow_link::after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 8px solid #f54653;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
top: 5px;
right: -24px;
}
/* varianta pro download button s šipkou směrem dolů */
a:link.arrow_link.download::after, a:visited.arrow_link.download::after {
border-top: 8px solid #f54653;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: -27px;
top: 7px;
}
a:link.arrow_link.download::before, a:visited.arrow_link.download::before {
top: -2px;
}
a:hover.arrow_link {
text-decoration: underline;
color: #000000;
}
a:hover.arrow_link::before {
box-shadow: 0 0 1px 0px #333333 inset;
}
/* vzhled tabulky stránkování */
.ControlPanel, .PagingTable td {
padding: 8px 10px;
}
/* pryč s ohraničením tabulky property agenta latest */
.DnnModule .DnnModule-PropertyAgentLatest table[summary="Module Design Table"] > tbody > tr > td {
border: none;
}
/* styly pro repository modul */
ul.file_repo {
list-style: none;
margin-left: 10px;
}
ul.file_repo li {
list-style: none;
font-size: 1em;
line-height: 150%;
}
ul.file_repo li h4::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 8px solid #f54653;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-right: 10px;
}
ul.file_repo li .metainfo_file {
margin: 0px 0 20px 20px;
padding: 10px 0 0 20px;
border-left: 2px solid #8782aa;
}
ul.file_repo li .metainfo_file .autdate_file {
font-family: "museo-sans",sans-serif;
font-size: 1em;
font-weight: 400;
}
ul.file_repo li .metainfo_file .countd_file {
padding: 10px 20px;
background-color: #8782aa;
color: #ffffff;
font-family: "museo-sans",sans-serif;
font-size: 1em;
font-weight: 600;
float: right;
}
ul.file_repo li .metainfo_file .down_file {
text-align: center;
padding: 10px;
}
/* vzhled defaultních dnn prvků - buttony apod. */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
background-color: #1da196;
background-image: none;
border: medium none;
color: #ffffff !important;
font-family: "museo-sans-condensed",sans-serif;
font-size: 1.250em;
font-weight: 500;
padding: 10px;
text-decoration: none !important;
text-shadow: none;
box-shadow: none;
}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {
background-color: #8782aa;
background-image: none;
border: medium none;
color: #ffffff !important;
font-family: "museo-sans-condensed",sans-serif;
font-size: 1.250em;
font-weight: 500;
padding: 10px;
text-decoration: none !important;
text-shadow: none;
box-shadow: none;
}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover, .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover {
background-color: #f7572d;
background-image: none;
border: medium none;
color: #ffffff !important;
font-family: "museo-sans-condensed",sans-serif;
font-size: 1.250em;
font-weight: 500;
padding: 10px;
text-decoration: none !important;
text-shadow: none;
box-shadow: none;
}
ul.dnnAdminTabNav li.ui-tabs-active a {
background-color: #477eb1;
}
/* styly pro sociální portál - přesunout následně do portal.css */
.top-rozcestnik {
width: 100%;
max-height: 220px;
margin-bottom: 30px;
overflow: hidden;
}
.top-rozcestnik .nav_wrp {
float: left;
width: 16.6666%;
height: 220px;
position: relative;
background-color: #f2f1ed;
background-size: 100% 100%;
background-position: center center;
transition: all 0.3s;
}
.top-rozcestnik .nav_wrp:hover {
background-size: 105% 105%;
transition: all 0.3s;
}
.top-rozcestnik .nav_wrp > img {
width: 100%;
max-height: 80%;
text-align: center;
}
.top-rozcestnik .nav_wrp:hover > img {
width: 105%;
}
.top-rozcestnik .nav_bg {
width: 100%;
position: absolute;
height: 25%;
bottom: 0;
z-index: 10;0;
padding: 7px;
display: block;
text-align: center;
box-sizing: border-box;
font-family: "proxima-nova",sans-serif;
text-decoration: none;
font-size: 1em;
line-height: 130%;
overflow: hidden;
color: #ffffff;
transition: all 0.3s;
}
.top-rozcestnik .nav_wrp:hover .nav_bg {
font-size: 1.1em;
padding: 2% 3%;
transition: all 0.3s;
}
.top-rozcestnik .nav_wrp.rodina {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/rodina_hp.png);
}
.top-rozcestnik .nav_wrp.mladez {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/mladez.png);
}
.top-rozcestnik .nav_wrp.seniori {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/seniori_hp.png);
}
.top-rozcestnik .nav_wrp.postizeni {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/zdravotne_postizeni_hp.png);
}
.top-rozcestnik .nav_wrp.zavislost {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/zavislosti_hp.png);
}
.top-rozcestnik .nav_wrp.nesnaze {
background-image: url(/Portals/_default/skins/skin_socialni_portal/images/v_nesnazich_hp.png);
}
.top-rozcestnik .nav1 {
background-image: url("images/nav_bg1.png");
}
.top-rozcestnik .nav2 {
background-image: url("images/nav_bg2.png");
}
.top-rozcestnik .nav3 {
background-image: url("images/nav_bg3.png");
}
.top-rozcestnik .nav4 {
background-image: url("images/nav_bg4.png");
}
.top-rozcestnik .nav5 {
background-image: url("images/nav_bg5.png");
}
.top-rozcestnik .nav6 {
background-image: url("images/nav_bg6.png");
}
.top-rozcestnik .nav_bg span {
display: block;
position: absolute;
text-align: center;
width: 100%;
bottom: 5px;
}
/* velikost nadpisu tabů */
.livetabsodbory .ui-tabs .ui-tabs-nav li a {
font-size: 16px !important;
}
/* odebrání obrzku z carouselu novinek Sociální */
#edr_multicarousel6589 .wrapper .slider ul li .EDR_box .EDR_image-container {
display: none;
}
/* sjednocení velikosti vyhledávacích polí u Property agent */
#tblPropertySearchSmall input, #tblPropertySearchSmall select, #tblPropertySearch input, #tblPropertySearch select {
box-sizing: border-box;
}
/* mailchimp použivajici třídu clear */
#mc_embed_signup .clear {
height: auto;
visibility: visible;
width: auto;
}
/* skrytí Zopimu pro editory */
.dnnEditState .zEWidget-launcher {
display: none;
}
/* Oprava editace LiveTabs */
#lttabcontainer {
display: block !important;
}
.quick-links {
position: absolute;
left: -25px;
top: 160px;
width: 250px;
}
@media screen and (min-width: 1025px) {
.quick-links {
left: -50px;
top: 115px;
}
}
@media screen and (min-width: 1580px) {
.quick-links {
left: 25px;
}
}
@media screen and (min-width: 1792px) {
.quick-links {
position: relative;
left: -850px;
}
}
.quick-links a {
position: absolute;
left: -9999px;
top: -10px;
}
.quick-links a:focus {
left: 0;
}
*:focus,
a:focus {
outline: 2px solid #4C9AFF !important;
}