/********************************/
/***** Unsemantic Overrides *****/
/********************************/
/*********************/
/***** Libraries *****/
/*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before, .grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after { clear: both; }
.grid-container, .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66, .clearfix { /* */ *zoom: 1; /* */ }
.grid-container { margin-left: auto; margin-right: auto; max-width: 960px; padding-left: 10px; padding-right: 10px; }
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ }
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { /* */ *margin-left: "expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === " block " && this.currentStyle.width === " auto ') && "10px")'; *margin-right: "expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === " block " && this.currentStyle.width === " auto ') && "10px")'; /* */ }
.grid-parent { padding-left: 0; padding-right: 0; }
@media screen and (max-width: 767px) { .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; }
.hide-on-mobile { display: none !important; }
.mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-5 { margin-left: 5%; }
.mobile-suffix-5 { margin-right: 5%; }
.mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-10 { margin-left: 10%; }
.mobile-suffix-10 { margin-right: 10%; }
.mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-15 { margin-left: 15%; }
.mobile-suffix-15 { margin-right: 15%; }
.mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-20 { margin-left: 20%; }
.mobile-suffix-20 { margin-right: 20%; }
.mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-25 { margin-left: 25%; }
.mobile-suffix-25 { margin-right: 25%; }
.mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-30 { margin-left: 30%; }
.mobile-suffix-30 { margin-right: 30%; }
.mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-35 { margin-left: 35%; }
.mobile-suffix-35 { margin-right: 35%; }
.mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-40 { margin-left: 40%; }
.mobile-suffix-40 { margin-right: 40%; }
.mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-45 { margin-left: 45%; }
.mobile-suffix-45 { margin-right: 45%; }
.mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-50 { margin-left: 50%; }
.mobile-suffix-50 { margin-right: 50%; }
.mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-55 { margin-left: 55%; }
.mobile-suffix-55 { margin-right: 55%; }
.mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-60 { margin-left: 60%; }
.mobile-suffix-60 { margin-right: 60%; }
.mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-65 { margin-left: 65%; }
.mobile-suffix-65 { margin-right: 65%; }
.mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-70 { margin-left: 70%; }
.mobile-suffix-70 { margin-right: 70%; }
.mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-75 { margin-left: 75%; }
.mobile-suffix-75 { margin-right: 75%; }
.mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-80 { margin-left: 80%; }
.mobile-suffix-80 { margin-right: 80%; }
.mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-85 { margin-left: 85%; }
.mobile-suffix-85 { margin-right: 85%; }
.mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-90 { margin-left: 90%; }
.mobile-suffix-90 { margin-right: 90%; }
.mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-95 { margin-left: 95%; }
.mobile-suffix-95 { margin-right: 95%; }
.mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-33 { margin-left: 33.33333%; }
.mobile-suffix-33 { margin-right: 33.33333%; }
.mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-prefix-66 { margin-left: 66.66667%; }
.mobile-suffix-66 { margin-right: 66.66667%; }
.mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.mobile-grid-100 { clear: both; width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; }
.hide-on-tablet { display: none !important; }
.tablet-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-5 { margin-left: 5%; }
.tablet-suffix-5 { margin-right: 5%; }
.tablet-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-10 { margin-left: 10%; }
.tablet-suffix-10 { margin-right: 10%; }
.tablet-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-15 { margin-left: 15%; }
.tablet-suffix-15 { margin-right: 15%; }
.tablet-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-20 { margin-left: 20%; }
.tablet-suffix-20 { margin-right: 20%; }
.tablet-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-25 { margin-left: 25%; }
.tablet-suffix-25 { margin-right: 25%; }
.tablet-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-30 { margin-left: 30%; }
.tablet-suffix-30 { margin-right: 30%; }
.tablet-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-35 { margin-left: 35%; }
.tablet-suffix-35 { margin-right: 35%; }
.tablet-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-40 { margin-left: 40%; }
.tablet-suffix-40 { margin-right: 40%; }
.tablet-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-45 { margin-left: 45%; }
.tablet-suffix-45 { margin-right: 45%; }
.tablet-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-50 { margin-left: 50%; }
.tablet-suffix-50 { margin-right: 50%; }
.tablet-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-55 { margin-left: 55%; }
.tablet-suffix-55 { margin-right: 55%; }
.tablet-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-60 { margin-left: 60%; }
.tablet-suffix-60 { margin-right: 60%; }
.tablet-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-65 { margin-left: 65%; }
.tablet-suffix-65 { margin-right: 65%; }
.tablet-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-70 { margin-left: 70%; }
.tablet-suffix-70 { margin-right: 70%; }
.tablet-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-75 { margin-left: 75%; }
.tablet-suffix-75 { margin-right: 75%; }
.tablet-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-80 { margin-left: 80%; }
.tablet-suffix-80 { margin-right: 80%; }
.tablet-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-85 { margin-left: 85%; }
.tablet-suffix-85 { margin-right: 85%; }
.tablet-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-90 { margin-left: 90%; }
.tablet-suffix-90 { margin-right: 90%; }
.tablet-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-95 { margin-left: 95%; }
.tablet-suffix-95 { margin-right: 95%; }
.tablet-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-33 { margin-left: 33.33333%; }
.tablet-suffix-33 { margin-right: 33.33333%; }
.tablet-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-prefix-66 { margin-left: 66.66667%; }
.tablet-suffix-66 { margin-right: 66.66667%; }
.tablet-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.tablet-grid-100 { clear: both; width: 100%; } }
@media screen and (min-width: 1025px) { .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; }
.hide-on-desktop { display: none !important; }
.grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-5 { margin-left: 5%; }
.suffix-5 { margin-right: 5%; }
.push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-10 { margin-left: 10%; }
.suffix-10 { margin-right: 10%; }
.push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-15 { margin-left: 15%; }
.suffix-15 { margin-right: 15%; }
.push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-20 { margin-left: 20%; }
.suffix-20 { margin-right: 20%; }
.push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-25 { margin-left: 25%; }
.suffix-25 { margin-right: 25%; }
.push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-30 { margin-left: 30%; }
.suffix-30 { margin-right: 30%; }
.push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-35 { margin-left: 35%; }
.suffix-35 { margin-right: 35%; }
.push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-40 { margin-left: 40%; }
.suffix-40 { margin-right: 40%; }
.push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-45 { margin-left: 45%; }
.suffix-45 { margin-right: 45%; }
.push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-50 { margin-left: 50%; }
.suffix-50 { margin-right: 50%; }
.push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-55 { margin-left: 55%; }
.suffix-55 { margin-right: 55%; }
.push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-60 { margin-left: 60%; }
.suffix-60 { margin-right: 60%; }
.push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-65 { margin-left: 65%; }
.suffix-65 { margin-right: 65%; }
.push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-70 { margin-left: 70%; }
.suffix-70 { margin-right: 70%; }
.push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-75 { margin-left: 75%; }
.suffix-75 { margin-right: 75%; }
.push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-80 { margin-left: 80%; }
.suffix-80 { margin-right: 80%; }
.push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-85 { margin-left: 85%; }
.suffix-85 { margin-right: 85%; }
.push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-90 { margin-left: 90%; }
.suffix-90 { margin-right: 90%; }
.push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-95 { margin-left: 95%; }
.suffix-95 { margin-right: 95%; }
.push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-33 { margin-left: 33.33333%; }
.suffix-33 { margin-right: 33.33333%; }
.push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.prefix-66 { margin-left: 66.66667%; }
.suffix-66 { margin-right: 66.66667%; }
.push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ }
.grid-100 { clear: both; width: 100%; } }
@font-face { font-family: 'HeuristicaBold'; src: url("../fonts/HeuristicaBold.eot"); src: url("../fonts/HeuristicaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HeuristicaBold.woff") format("woff"), url("../fonts/HeuristicaBold.ttf") format("truetype"), url("../fonts/HeuristicaBold.svg#HeuristicaBold") format("svg"); }
@font-face { font-family: 'HeuristicaBoldItalic'; src: url("../fonts/HeuristicaBoldItalic.eot"); src: url("../fonts/HeuristicaBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HeuristicaBoldItalic.woff") format("woff"), url("../fonts/HeuristicaBoldItalic.ttf") format("truetype"), url("../fonts/HeuristicaBoldItalic.svg#HeuristicaBoldItalic") format("svg"); }
@font-face { font-family: 'HeuristicaItalic'; src: url("../fonts/HeuristicaItalic.eot"); src: url("../fonts/HeuristicaItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/HeuristicaItalic.woff") format("woff"), url("../fonts/HeuristicaItalic.ttf") format("truetype"), url("../fonts/HeuristicaItalic.svg#HeuristicaItalic") format("svg"); }
@font-face { font-family: 'HeuristicaRegular'; src: url("../fonts/HeuristicaRegular.eot"); src: url("../fonts/HeuristicaRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/HeuristicaRegular.woff") format("woff"), url("../fonts/HeuristicaRegular.ttf") format("truetype"), url("../fonts/HeuristicaRegular.svg#HeuristicaRegular") format("svg"); }
/*********************/
/***** Variables *****/
/*********************/
/**********************************/
/***** Unsemantic Grid System *****/
/**********************************/
pre, code { font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 20px; }
/*****************/
/**** Mixins *****/
/*****************/
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-family: "HeuristicaRegular", sans-serif; color: #003148; font-size: 13px; line-height: 20px; background: url("../images/bg-pattern.jpg") repeat; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p { color: #003148; font-size: 15px; line-height: 26px; }
p.firstltr::first-letter { float: left; padding: 12px 5px 0; font-size: 55px; text-transform: uppercase; margin-left: -5px; }
p.firstltr:after { clear: both; height: 0; display: block; content: ""; }
sup { vertical-align: super; font-size: 15px; }
a { text-decoration: none; color: #033147; }
a:visited { color: #033147; }
a:focus { color: #033147; }
a:hover { color: #9d260e; }
a:active { color: #033147; }
a:hover { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
a:hover::after { -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
a.arrowbutn { background-color: #9d260e; color: #fff; position: relative; font-size: 12px; padding: 5px; text-transform: uppercase; border: none; font-family: "HeuristicaRegular", sans-serif; }
a.arrowbutn:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #9d260e; border-width: 11px; margin-top: -11px; }
a.arrowbutn:hover { background-color: #aec8c8; }
a.arrowbutn:hover::after { border-left-color: #aec8c8; }
h1 { font-size: 40px; line-height: 46px; color: #9d260e; }
h3 { font-family: "HeuristicaBoldItalic", sans-serif; font-size: 20px; line-height: 28px; margin-bottom: 0; }
h5 { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; }
h6 { font-size: 24px; line-height: 30px; color: #c8c8c8; display: block; text-align: center; font-family: "HeuristicaItalic", sans-serif; }
em { font-family: "HeuristicaItalic", sans-serif; }
img.responsive { width: 100%; height: auto; }
.alignright { text-align: right; }
/**************************/
/***** Global Classes *****/
/**************************/
.leftbutns { position: absolute; top: 60px; left: 0; }
@media screen and (max-width: 1024px) { .leftbutns { display: none; } }
.leftbutns .butn { position: relative; cursor: pointer; background-color: #e6e6e6; height: 61px;}
.leftbutns .butn .butncontent { position: absolute; background-color: #c8c8c8; top: 0; left: 100%; height: 61px; min-height: 61px; bottom: 0; display: none; z-index: 1000; content: ""; min-width: 220px; }
.leftbutns .butn .butncontent p { margin: 0; font-size: 13px; line-height: 22px; }
.leftbutns .butn .butncontent a { color: #033147; }
.leftbutns .butn .butncontent a:visited { color: #033147; }
.leftbutns .butn .butncontent a:focus { color: #033147; }
.leftbutns .butn .butncontent a:hover { color: #9d260e; }
.leftbutns .butn .butncontent a:active { color: #033147; }
.leftbutns .butn .butncontent.letstalk { padding: 10px; }
.leftbutns .butn .butncontent.letstalk a { text-decoration: underline; }
.leftbutns .butn .butncontent.wbmp { padding-top: 15px; }
.leftbutns .butn .butncontent .closebutn { position: absolute; left: 100%; background-color: #c8c8c8; top: 0; bottom: 0; padding: 25px 0 0 5px; border-left: 1px dotted #000; }
.leftbutns .left-butns-title {width: 112px; height: 41px; margin-top: 20px; text-align: center; background-color: #e6e6e6;}
.leftbutns .left-butns-video {width: 112px; height: 61px; background-color: #e6e6e6; border-top: 1px dashed #9b9d9f; text-align: center;}
.leftbutns .left-butns-audio {width: 112px; height: 62px; background-color: #e6e6e6; border-top: 1px dashed #9b9d9f; text-align: center;}
.blockcontent { padding: 60px 130px; position: relative; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .blockcontent { padding: 60px 50px; } }
@media screen and (max-width: 767px) { .blockcontent { padding: 0 10px; } }
.grid-container { background-color: #fff; }
.totop { position: absolute; bottom: 15px; right: 15px; }
.totop a { font-family: "HeuristicaItalic", sans-serif; color: #033147; vertical-align: middle; }
.totop a:visited { color: #033147; }
.totop a:focus { color: #033147; }
.totop a:hover { color: #9d260e; }
.totop a:active { color: #033147; }
.totop a img { vertical-align: middle; }
.contactblock { border: 1px dotted #000; padding: 10px; }
.contactblock h6 { color: #9d260e; font-size: 20px; line-height: 24px; margin-bottom: 0; }
.contactblock img { width: 100%; height: auto; }
.contactblock:after { clear: both; }
.wrapleft { float: left; margin: 5px 30px 10px 0; }
.wrapleft:after { clear: both; height: 0; width: 0; display: block; content: ''; }
.careers a {font-weight:bold;}
@media screen and (max-width: 767px) { .mobilealigncenter { text-align: center; } }
@media screen and (max-width: 1024px) { .zeropaddingmobile { padding-top: 0 !important; padding-bottom: 20px; } }
/******************/
/***** Header *****/
/******************/
header { background-color: #033147; text-align: center; color: #fff; padding: 25px 20px 10px; }
header h1 { font-size: 32px; line-height: 38px; text-transform: uppercase; color: #fff; }
@media screen and (min-width: 768px) and (max-width: 1024px) { header h1 { font-size: 28px; line-height: 32px; } }
header small { font-size: 24px; line-height: 27px; }
/**********************/
/***** Navigation *****/
/**********************/
nav { background-color: #aec8c8; text-align: center; padding: 15px 10px; }
@media screen and (max-width: 767px) { nav { padding: 0; } }
nav .mobilemenu { width: 100%; text-align: right; padding: 10px 10px 5px 10px; display: none; }
@media screen and (max-width: 767px) { nav .mobilemenu { display: block; } }
nav ul { margin: 0; list-style: none; }
@media screen and (max-width: 767px) { nav ul { display: none; } }
nav ul li { margin: 0; display: inline-block; text-transform: uppercase; padding: 0 7px; font-size: 13px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { nav ul li { padding: 0 5px; } }
@media screen and (max-width: 767px) { nav ul li { display: block; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); background-color: #93b3b3; }
nav ul li:last-child { border-bottom: 0; } }
nav ul li a { color: #033147; }
nav ul li a:visited { color: #033147; }
nav ul li a:focus { color: #033147; }
nav ul li a:hover { color: #9d260e; }
nav ul li a:active { color: #033147; }
nav ul li.active a { color: #9d260e; font-family: "HeuristicaBold", sans-serif; }
/***********************/
/***** Tablet Menu *****/
/***********************/
.tabletmenu { background-color: #e6e6e6; display: none; }
@media screen and (max-width: 1024px) { .tabletmenu { display: block; } }
.tabletmenu .grid-container { background-color: transparent; padding: 0; }
.tabletmenu .image { padding-top: 5px; }
.tabletmenu .audio { padding-top: 18px; }
.image img { display: block; margin: auto; }
/****************/
/***** Home *****/
/****************/
.home { padding-top: 60px; padding-bottom: 30px; position: relative; }
@media screen and (max-width: 767px) { .home { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } }
.home h2 { font-size: 20px; line-height: 28px; letter-spacing: 2px; display: inline; text-align: justify; }
.home h2 span { float: left; padding: 14px 5px 0; font-size: 60px; text-transform: uppercase; }
.home p.contd-text { font-size: 15px; line-height: 28px; font-style: italic; display: inline; }
.home p.contd-text:after { clear: both; height: 0; content: ""; width: 0; }
.home p { font-size: 13px; line-height: 20px; }
.home h3 { text-align: center; font-size: 30px; text-transform: uppercase; font-family: "HeuristicaBold", sans-serif; margin-bottom: 0; letter-spacing: 1px; }
.home h5 { color: #aec8c8; text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
.home ul li { padding: 5px 0; }
@media screen and (max-width: 767px) { .home .bpimage { height: auto; width: auto; padding-top: 20px; } }
.home .quote { font-size: 40px; line-height: 44px; font-family: "HeuristicaItalic", sans-serif; display: block; text-align: center; margin-bottom: 20px; }
.home .grid-33 { height: 400px; padding-left: 25px; padding-right: 25px; }
@media screen and (max-width: 767px) { .home .grid-33 { height: auto; padding-left: 10px; padding-right: 10px; padding: 40px 0; } }
.home .grid-33:first-child { border-right: 1px dotted #000; }
@media screen and (max-width: 767px) { .home .grid-33:first-child { border: none; border-bottom: 1px dotted #000; } }
.home .grid-33:last-child { border-left: 1px dotted #000; }
@media screen and (max-width: 767px) { .home .grid-33:last-child { border: none; border-top: 1px dotted #000; } }
/******************/
/***** Footer *****/
/******************/
footer { background-color: #c8c8c8; color: #fff; font-family: "HeuristicaItalic", sans-serif; text-align: center; }
footer ul { margin: 0; list-style: none; }
footer ul li { margin: 0; display: inline-block; padding: 10px 25px; }
footer ul li a { color: #fff; }
footer ul li a:visited { color: #fff; }
footer ul li a:focus { color: #fff; }
footer ul li a:hover { color: #fff; }
footer ul li a:active { color: #fff; }
/*********************************/
/***** Whole Brain Marketing *****/
/*********************************/
@media screen and (max-width: 767px) { .wholebrainmarketing { padding: 30px 15px; } }
.wholebrainmarketing h1 { font-size: 40px; line-height: 46px; }
.wholebrainmarketing .infoblock { float: right; padding: 10px; background-color: #aec8c8; display: block; width: 225px; margin: 10px 10px 10px 25px; }
@media screen and (max-width: 400px) { .wholebrainmarketing .infoblock { float: none; margin: 10px 0 10px calc(100% - 115px); } }
.wholebrainmarketing .infoblock h4 { color: #9d260e; font-family: "HeuristicaBoldItalic", sans-serif; font-size: 16px; line-height: 22px; text-align: center; border-bottom: 1px dotted #fff; padding-bottom: 10px; margin-bottom: 10px; }
.wholebrainmarketing .infoblock p { text-align: center; margin-bottom: 10px; font-size: 14px; line-height: 18px; }
.wholebrainmarketing .infoblock p span { font-size: 16px; line-height: 20px; color: #fff; font-family: "HeuristicaBold", sans-serif; display: block; text-transform: uppercase; }
.wholebrainmarketing .infoblock .grid-container { background-color: transparent; padding: 0; }
.wholebrainmarketing .infoblock .grid-container .grid-30 { padding-left: 0; }
.wholebrainmarketing .infoblock .grid-container .grid-60 { padding-right: 0; }
.wholebrainmarketing .infoblock.successful p { text-align: left; border-bottom: 1px dotted #fff; padding-bottom: 10px; font-size: 13px; line-height: 15px; }
.wholebrainmarketing .infoblock.successful p:last-child { border-bottom: none; }
/************************/
/***** Case Studies *****/
/************************/
@media screen and (max-width: 767px) { .casestudies { padding: 30px 15px; } }
.casestudies .grid-container img { width: 100%; height: auto; }
@media screen and (max-width: 1024px) { .casestudies .grid-container img { max-width: 150px; } }
.casestudies .outcome h6 { color: #00d1c1; font-size: 20px; line-height: 26px; font-family: "HeuristicaBold", sans-serif; text-align: left; letter-spacing: 1px; margin-bottom: 10px; }
.casestudies .outcome ul li { font-family: "HeuristicaItalic", sans-serif; font-size: 18px; line-height: 24px; }
.casestudies .outcome ul li span { color: #00d1c1; font-size: 34px; line-height: 38px; font-family: "HeuristicaRegular", sans-serif; text-align: left; letter-spacing: 1px; }
.casestudies .client { border-bottom: 1px dotted #000; padding: 40px 0; }
.casestudies .client:last-child { border-bottom: 0; }
.casestudies .client:first-child { padding-top: 0 !important; }
/***********************/
/***** Client List *****/
/***********************/
@media screen and (max-width: 767px) { .clientlist, .whoweare, .careers, .faq, .contact { padding: 30px 15px; } }
/****************/
/***** Form *****/
/****************/
form input { width: 100%; background-color: #eee; border: none; padding: 10px; font-size: 12px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
form textarea { width: 100%; background-color: #eee; border: none; padding: 10px; font-size: 12px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
form button { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
form button:hover::after { -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
form button.arrowbutn { background-color: #9d260e; color: #fff; position: relative; font-size: 12px; padding: 5px; text-transform: uppercase; border: none; font-family: "HeuristicaRegular", sans-serif; }
form button.arrowbutn:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #9d260e; border-width: 11px; margin-top: -11px; }
form button.arrowbutn:hover { background-color: #aec8c8; cursor: pointer; }
form button.arrowbutn:hover::after { border-left-color: #aec8c8; }
.success {color: #468847; padding:.5em; margin-bottom:1em; border:1px solid #468847;}
.error {color: #BB2623; padding:.5em; margin-bottom:1em; border:1px solid #BB2623;}
/************************/
/***** Audio Player *****/
/************************/
.audioplayer { height: 2.5em; color: #033147; position: relative !important; z-index: 1; }
/* mini mode (fallback) */
.audioplayer-mini { width: 2.5em; margin: 0 auto; }
/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
.audioplayer > div { position: absolute; }
/* play/pause button */
.audioplayer-playpause { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; }
.audioplayer-mini .audioplayer-playpause { width: 100%; }
.audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #fff; }
.audioplayer-playpause a { display: block; }
.audioplayer-stopped .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-right: none; border-left-color: #033147; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em; /* 8 4 */ }
.audioplayer-playing .audioplayer-playpause a { width: 0.75em; /* 12 */ height: 0.75em; /* 12 */ position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em; /* 6 */ }
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #033147; content: ''; position: absolute; top: 0; }
.audioplayer-playing .audioplayer-playpause a:before { left: 0; }
.audioplayer-playing .audioplayer-playpause a:after { right: 0; }
/* timers */
.audioplayer-time { width: 4.375em; /* 70 */ height: 100%; line-height: 2.375em; /* 38 */ text-align: center; z-index: 2; top: 0; }
.audioplayer-time-current { left: 2.5em; /* 40 */ }
.audioplayer-time-duration { right: 2.5em; /* 40 */ }
.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; }
/* progress bar of loaded/played */
.audioplayer-bar { height: 0.875em; /* 14 */ background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em; /* 110 */ left: 6.875em; /* 110 */ margin-top: -0.438em; /* 7 */ }
.audioplayer-novolume .audioplayer-bar { right: 4.375em; /* 70 */ }
.audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; }
.audioplayer-bar-loaded { background-color: #fff; z-index: 1; }
.audioplayer-bar-played { background: #033147; z-index: 2; }
/* volume button */
.audioplayer-volume { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; }
.audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #fff; }
.audioplayer-volume-button { width: 100%; height: 100%; }
.audioplayer-volume-button a { width: 0.313em; /* 5 */ height: 0.375em; /* 6 */ background-color: #033147; display: block; position: relative; z-index: 1; top: 40%; left: 35%; }
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; }
.audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-left: none; border-right-color: #033147; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; /* 8 */ }
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after { /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */ width: 0.313em; /* 5 */ height: 0.313em; /* 5 */ border: 0.25em double #033147; /* 4 */ border-width: 0.25em 0.25em 0 0; /* 4 */ left: 0.563em; /* 9 */ top: -0.063em; /* 1 */ -webkit-border-radius: 0 0.938em 0 0; /* 15 */ -moz-border-radius: 0 0.938em 0 0; /* 15 */ border-radius: 0 0.938em 0 0; /* 15 */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* volume dropdown */
.audioplayer-volume-adjust { height: 6.25em; /* 100 */ cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #033147; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; }
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; }
.audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #fff; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; }
.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #aec8c8; }
.audioplayer-novolume .audioplayer-volume { display: none; }
/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */
ul.bxslider { margin: 0; }
ul.bxslider li { margin: 0; padding: 20px; }
ul.bxslider li img { width: 100%; height: auto; }
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(../images/slider/controls.png) no-repeat 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url(../images/slider/controls.png) no-repeat -9px 0; }
.bx-wrapper .bx-prev:hover { background-position: 0 -20px; }
.bx-wrapper .bx-next:hover { background-position: -9px -20px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 9px; height: 20px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
form button.arrowbutn:after, a, a:hover, a:after {transition-duration: 700ms !important; transition-property: all !important;}
.bx-next:hover, .bx-prev:hover, .bx-prev, .bx-next {transition-property: none !important;}