/* (C) 2014 Argos Infotech */
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; }
a{transition: all 0.5s ease 0s;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
/* Unsemantic Grid System */
body { font: 13px / 1.5 "Myriad Pro", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
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; }
/* Fonts style */
.AvenirLTStd-Heavy { font-family: AvenirLTStd-Heavy; }
.AvenirLTStd-Book { font-family: AvenirLTStd-Book; }
.text-left { text-align:left !important; color:#ff948c !important;}
/* ================================================================== */
/* 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: 1200px; padding-left: 20px; padding-right: 20px; }
.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: 20px; padding-right: 20px; /* */ *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 ') && "20px")'; *margin-right: "expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === " block " && this.currentStyle.width === " auto ') && "20px")'; /* */ }
.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%; } }
/**** Mixins *****/
/**** Variables *****/
/**************************/
/***** Global Classes *****/
/**************************/
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body, html { height: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'AvenirLTStd-Book', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; }
a { text-decoration: none; }
img { max-width: 100%; height: auto; }
.right-align { text-align: right; }
.center-align { text-align: center; }
strong { font-weight: bold; }
.link-sty{ color:#FFF;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s;}
.link-sty:hover{ opacity:0.7;}
.center-heading {display: inline-block; font-family: "AvenirLTStd-Heavy"; margin: 20px auto; text-align: center; width: 100%; font-size: 19px;text-transform: uppercase}
.padding-100 { padding-left: 100px; padding-left: 6.25rem; padding-right: 100px; padding-right: 6.25rem; }
.downn-arrow a {border: 0 none;opacity: 0.5; transition: all 1s ease 0s;}
.downn-arrow {left: 0; margin: 0 auto; position: absolute;right: 0; text-align: center; top:88%;}
@media screen and (max-width: 1024px) { .padding-100 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; } }
.padding-150 { padding-left: 150px; padding-left: 9.375rem; padding-right: 150px; padding-right: 9.375rem; }
@media screen and (max-width: 1024px) { .padding-150 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; } }
.padding-200 { padding-left: 200px; padding-left: 12.5rem; padding-right: 200px; padding-right: 12.5rem; }
@media screen and (max-width: 1024px) { .padding-200 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .tm-200-padding { padding-left: 160px !important; padding-right: 160px !important; }.home h1 { font-size: 85px !important; letter-spacing: 1px; line-height: 3.75rem !important;} }
.width1350 { max-width: 1350px !important; }
@media screen and (max-width: 1024px) { .rm-tm-padding { padding: 0 !important; }
.rm-tm-padding > div { padding: 0 !important; }
.rm-tm-padding > div img { width: 100%; height: auto; } }
.relative { position: relative; }
.anchor { cursor: pointer; }
section { min-height: 400px; }
/********************************/
/***** Background Container *****/
/********************************/
.bg-container { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; min-height: 100%; }
.bg-container.home { background-image: url("../images/backgrounds/home-bg.jpg"); }
.bg-container.ourcompany { background-image: url("../images/backgrounds/aboutcz.jpg"); }
.bg-container.testimonials { background-image: url("../images/backgrounds/czquotes.jpg"); }
.bg-container.capabilities { background-image: url("../images/backgrounds/corporatecoaching-bg.jpg"); }
.bg-container.capabilitiesz { background-image: url("../images/backgrounds/actorcoaching-bg.jpg"); }
.bg-container.listings { background-image: url("../images/backgrounds/listings-bg.jpg"); }
.bg-container.residential { background-image: url("../images/backgrounds/portfolio-bg.jpg"); }
.bg-container.contact { background-image: url("../images/backgrounds/home-bg.jpg"); }
/*******************/
/***** Buttons *****/
/*******************/
.learnmorebutn { font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; padding: 10px 45px; padding: 0.625rem 2.8125rem; font-size: 16px; font-size: 1rem; border: 1px solid white; text-align: center; text-transform: uppercase; color: white; }
/******************/
/***** Header *****/
/******************/
@media screen and (max-width: 1024px) { header { background-color: #4d8ceb; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { header { max-height: 120px; } }
header .header { max-width:95%; padding-bottom: 20px; padding-bottom: 1.25rem; }
header a { color: #fff; font-family: 'AvenirLTStd-Heavy'; font-size: 14px;}
header a:visited { color: #fff; }
header a:focus { color: #fff; }
header a:hover { color: #9ac2c2; }
header a:active { color: #9ac2c2; }
header:after { clear: both; content: ""; height: 0; width: 0; display: block; }
header img { width: 100%; height: auto; }
.logo-center { left: 0; margin: 0 auto !important; position: absolute; right: 0; top: 28px; width: 129px;}
.logo-center img { width: auto !important;}
.logo { float: left; width: 149px; padding: 0 10px; padding: 0 0.625rem; display:none; }
.logo img.ungarlogo { -moz-transition-property: width; -o-transition-property: width; -webkit-transition-property: width; transition-property: width; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
@media screen and (max-width: 1024px) { .logo { float: none; width: 100%; display:block; } .logo img.ungarlogo { width: 82px; }.logo-center{display: none !important;}}
@media screen and (max-width: 1024px) and (max-width: 767px) { .logo img.ungarlogo { margin-left: -40px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .logo { padding-left: 80px; padding-left: 5rem; } }
@media screen and (max-width: 767px) { .logo { text-align: center; } }
.logo .menubutn { float: right; padding-top: 30px; padding-top: 1.875rem; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .logo .menubutn { padding-right: 70px; padding-right: 4.375rem; } }
@media screen and (max-width: 767px) { .logo .menubutn { float: left; } }
.topnav { float: left; width:99%; padding: 0 10px; padding: 0 0.625rem; -moz-transition-property: width; -o-transition-property: width; -webkit-transition-property: width; transition-property: width; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
@media screen and (max-width: 1024px) { .topnav { float: none; width: inherit; position: fixed; width: 100%; height: 100%; background-color:rgba(77, 140, 235, 0.9); top: 0; left: 0; z-index: 1000; display: none; } .topnav nav ul li.active > a {color: #d3d7d7 !important;}}
.topnav .closebutn { float: right; color: white; padding: 20px; padding: 1.25rem; }
.topnav nav { font-family: "AvenirLTStd-Heavy", sans-serif; font-size: 14px; color: white; padding-top: 50px; padding-top: 3.125rem; -moz-transition-property: padding-top; -o-transition-property: padding-top; -webkit-transition-property: padding-top; transition-property: padding-top; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
@media screen and (max-width: 1024px) { .topnav nav { text-align: center; padding-left: 0; padding-top: 25%; } }
@media screen and (min-width: 1024px) and (max-width: 1075px) { .topnav nav { font-size: 20px; font-size: 1.25rem; } }
.topnav nav ul { margin: 0; list-style: none; }
.topnav nav ul li { margin: 0; display: inline-block; padding-right: 20px; padding-right:2.25rem; position: relative; }
.topnav nav ul li i.fa { font-size: 18px; font-size: 1.125rem; }
.topnav nav ul li a { padding-bottom: 10px; padding-bottom: 0.625rem; text-transform: uppercase;}
.topnav nav ul li.active > a { color: #4d8ceb; }
.topnav nav ul li.active > a:visited { color: #4d8ceb; }
.topnav nav ul li.active > a:focus { color: #4d8ceb; }
.topnav nav ul li.active > a:hover { color: #4d8ceb; }
.topnav nav ul li.active > a:active { color: #4d8ceb; }
.topnav nav ul li:last-child{ padding-right:0 !important}
.topnav nav ul li ul.submenu { position: absolute; left: -60px; width: 250px; margin-top: 10px; margin-top: 0.625rem; opacity: 0; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.topnav nav ul li ul.submenu li { padding: 0px 10px; padding: 0px 0.625rem; font-size: 16px; font-size: 1rem; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; display: inline-block; }
.topnav nav ul li ul.submenu li:first-child { border-right: 1px solid white; }
.topnav nav ul li:hover ul.submenu { opacity: 1; }
@media screen and (max-width: 1024px) { .topnav nav ul li { display: block; padding: 20px 0; padding: 1.25rem 0; }
.topnav nav ul li ul.submenu { position: relative; left: calc(50% - 75px); opacity: 1; margin: 0; width: auto; background-color: transparent; text-align: center; left: auto; }
.topnav nav ul li ul.submenu li { font-size: 22px; font-size: 1.375rem; padding: 20px 0; padding: 1.25rem 0; display: block; font-family: "Caslon540BT", sans-serif; }
.topnav nav ul li ul.submenu li:last-child { padding-bottom: 0; }
.topnav nav ul li ul.submenu li:first-child { border-right: none; padding-top: 0; } }
.searchbar { float: left; width: 20%; padding: 0 10px; padding: 0 0.625rem; }
.searchbar .search { text-align: right; padding-top: 50px; padding-top: 3.125rem; -moz-transition-property: padding-top; -o-transition-property: padding-top; -webkit-transition-property: padding-top; transition-property: padding-top; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.searchbar h6 { font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; text-transform: uppercase; color: white; font-size: 14px; font-size: 0.875rem; display: inline-block; }
.searchbar .searchicon { color: #9e9e9e; background: #fff; font-size: 15px; font-size: 0.9375rem; padding: 10px 15px; padding: 0.625rem 0.9375rem; margin-left: 10px; margin-left: 0.625rem; }
.searchbar .searchicon:hover { background-color: #b8cdd7; color: white; }
/*************************/
/***** Sticky Header *****/
/*************************/
header.sticky { background-color: rgba(77, 140, 235, 0.7); position: fixed; top: 0; width: 100%; z-index: 2000; padding:0 0 15px; }
header.sticky .logo .ungarlogo { width: 75px; }
header.sticky .topnav { width:99%; }
header.sticky .topnav nav { padding-top: 30px; padding-top: 1.375rem; font-size: 14px; }
header.sticky .searchbar .search { padding-top: 30px; padding-top: 1.875rem; }
.sticky .logo-center { top: 4px;width: 82px;}
/*****************************/
/***** Sticky Two Header *****/
/*****************************/
header.stickytwo { background-color: rgba(77, 140, 235, 0.7); position: fixed; top: 0; width: 100%; z-index: 2000; }
/****************/
/***** Home *****/
/****************/
.content-box { max-width: 880px; text-align: left; margin: 0 auto; }
.content-box h1 {font-family: 'AvenirLTStd-Book', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 65px; line-height: 60px; line-height: 3.75rem; letter-spacing: 1px; color: white; }
.content-box h2 { font-family: "Caslon540BT", sans-serif; font-size: 28px; font-size: 1.75rem; color: white; padding: 40px 0 20px; padding: 2.5rem 0 1.25rem; }
.content-box h3 { color: white; font-size: 20px; padding: 10px 0 10px 5px; padding: 0.625rem 0 0.625rem 0.3125rem; }
.content-box h5 { font-size: 20px; font-size: 1.25rem; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; color: white; }
.content-box h6 {font-size: 20px; font-size: 1.25rem; line-height: 24px; line-height: 1.5rem; color: white; padding: 20px 0 0; padding: 1.25rem 0 0; }
.content-box .learnmorebutn { margin-left: 5px; margin-left: 0.3125rem; }
.content-box .line { display: block; border-bottom: 1px solid #fff; width: 75px; }
.content-box.home { margin-top: 13%; font-size:65px !important; }
.home h1 {font-size:85px !important; line-height:90px !important; }
.social-col { margin:35px 0;}
.social-col a { display: inline-block;margin: 0 10px;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s;-webkit-transition:.5s;}
.social-col a:hover{ opacity:0.7;}
.navy-box h3.center-title {
border: medium none;
color: #ffffff;
display: block;
font-family: "AvenirLTStd-Heavy","Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
font-size: 20px;
letter-spacing: 1px;
margin: 0;
padding: 0 0 1.875rem;
text-align: center;
}
.navy-box2 h3.center-title {
border: medium none;
color: #ffffff;
display: block;
font-family: "AvenirLTStd-Heavy","Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
font-size: 20px;
letter-spacing: 1px;
margin: 0;
padding: 0 0 1.875rem;
text-align: center;
}
.navy-box2 ul li { background:url(../images/arrow.png) no-repeat 0 8px; padding-left:15px; margin-bottom:12px !important;font-size: 18px; line-height: 18px; line-height: 1.675rem; font-family: "AvenirLTStd-Book","Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif !important; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .content-box.home { margin-top: 15%; padding: 0 80px; padding: 0 5rem; max-width: 100%; }#second{padding-top: 127px;}}
@media screen and (max-width: 767px) { .content-box.home { margin-top: 20%; }.home h1 { font-size:65px !important; line-height:3.75rem !important;} #second{padding-top:157px;} }
.content-box.ourcompany { margin-top: 10%; }
@media screen and (min-width: 768px) and (max-width: 1024px) {.tm-200-padding { padding-left:30px !important; padding-right:30px !important;} .content-box.ourcompany { margin-top: 25%; padding: 0 80px; padding: 0 5rem; max-width: 100%; } }
@media screen and (max-width: 768px) { .content-box.ourcompany { margin-top: 30%; }.tm-200-padding { padding-left: 10px !important; padding-right: 10px !important;} }
/*************************/
/***** Footer - Home *****/
/*************************/
footer.home { position: absolute; bottom: 0; color: white; width: 100%; height: 60px; }
footer.home a { color: #fff; }
footer.home a:visited { color: #fff; }
footer.home a:focus { color: #fff; }
footer.home a:hover { color: #fff; }
footer.home a:active { color: #fff; }
footer.home p { font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 11px; font-size: 0.6875rem; text-align: center; }
footer.home p span { padding-left: 15px; padding-left: 0.9375rem; }
/*******************************/
/***** Footer - Light Blue *****/
/*******************************/
footer.lightblue { text-align: center; background-color: #b0c7d2; color: #002b3d; padding: 90px 0 40px; padding: 5.625rem 0 2.5rem; }
footer.lightblue a { color: #002b3d; }
footer.lightblue a:visited { color: #002b3d; }
footer.lightblue a:focus { color: #002b3d; }
footer.lightblue a:hover { color: #002b3d; }
footer.lightblue a:active { color: #002b3d; }
footer.lightblue p { font-family: 'AvenirLTStd-Booky', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 11px; font-size: 0.6875rem; text-align: center; }
footer.lightblue p span { padding-left: 15px; padding-left: 0.9375rem; }
footer.lightblue img { padding-bottom: 55px; padding-bottom: 3.4375rem; }
/**************************/
/***** Footer - White *****/
/**************************/
footer.lightblue.white { background-color: white !important; }
/*************************/
/***** Footer - Navy *****/
/*************************/
footer.navyfooter { background-color: #002b3d; text-align: center; color: #b0c7d2; padding: 90px 0 40px; padding: 5.625rem 0 2.5rem; }
footer.navyfooter a { color: #b0c7d2; }
footer.navyfooter a:visited { color: #b0c7d2; }
footer.navyfooter a:focus { color: #b0c7d2; }
footer.navyfooter a:hover { color: #b0c7d2; }
footer.navyfooter a:active { color: #b0c7d2; }
footer.navyfooter p { font-family: 'AvenirLTStd-Book', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 11px; font-size: 0.6875rem; text-align: center; }
footer.navyfooter p span { padding-left: 15px; padding-left: 0.9375rem; }
footer.navyfooter img { padding-bottom: 55px; padding-bottom: 3.4375rem; }
/********************/
/***** Navy Box *****/
/********************/
.navy-box { background-color: #4d8ceb; color: white; padding: 100px 0 80px 0; padding: 6.25rem 0 5rem 0; }
.navy-box h1 { color: #ffffff; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 34px; font-size: 2.125rem; margin-bottom: 10px; margin-bottom: 0.625rem; }
.navy-box h2 { font-family: "AvenirLTStd-Book", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 18px; font-size: 1.125rem; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 5px; margin: 0 0 0.3125rem; color: #b0c7d2; }
.navy-box h3 { color: #ffffff; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 30px; border-top: 1px solid #67808b; border-bottom: 1px solid #67808b; display: inline-block; padding: 15px 0; padding: 0.9375rem 0; margin-top: 20%; }
@media screen and (max-width: 1024px) { .navy-box h3 { margin: 0 0 80px 0; margin: 0 0 5rem 0; } }
.navy-box h3.title { font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 15px; padding: 0; padding-bottom: 30px; padding-bottom: 1.875rem; border: none; display: block; margin: 0; color: #ffffff; }
@media screen and (max-width: 1024px) { .navy-box h3.title { margin: 0; } }
.navy-box h4 { color: #ffffff; font-size: 25px; font-size: 1.5625rem; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.navy-box h5 { color: #ffffff; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 34px; font-size: 2.125rem; line-height: 34px; line-height: 2.125rem; margin-bottom: 40px; margin-bottom: 2.5rem; }
.navy-box h6 { font-size: 22px; font-size: 1.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; color: #ffffff; }
.navy-box p { font-size: 22px; font-size: 1.375rem; line-height: 22px; line-height: 1.675rem; font-family: "AvenirLTStd-Book", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.navy-box p.quote { font-size: 24px; font-size: 1.5rem; line-height: 32px; line-height: 2rem; font-family: "AvenirLTStd-Book", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; color: #ffffff; }
.navy-box .contentbox { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0 40px; padding: 1.25rem 0 2.5rem; }
@media screen and (max-width: 1024px) { .navy-box .contentbox { margin: 0 -40px; padding: 50px 40px 40px; padding: 3.125rem 2.5rem 2.5rem; } }
.navy-box a { color: #adc0dc; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin: 15px 0; margin: 0.9375rem 0; display: block; }
.navy-box a:visited { color: #adc0dc; }
.navy-box a:focus { color: #adc0dc; }
.navy-box a:hover { color: #adc0dc; }
.navy-box a:active { color: #adc0dc; }
.navy-box .rightpadding { padding-right: 60px; padding-right: 3.75rem; }
@media screen and (max-width: 1024px) { .navy-box .rightpadding { padding-right: 20px; padding-right: 1.25rem; } }
.navy-box .leftpadding { padding-left: 60px; padding-left: 3.75rem; }
@media screen and (max-width: 1024px) { .navy-box .leftpadding { padding-left: 20px; padding-left: 1.25rem; padding-top: 100px; padding-top: 6.25rem; } }
.navy-box ul { margin: 0; list-style: none; }
.navy-box ul li { margin: 0; }
.navy-box .rockwell p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; color: #ffffff; }
.navy-box .line { display: block; border-bottom: 1px solid #b0c7d2; width: 150px; margin: 0 auto; }
@media screen and (max-width: 767px) { .navy-box .line { margin: 100px auto; }.content-box.ourcompany { margin-top: -36px;}.content-box.ourcompany {margin-top:40%;} }
@media screen and (max-width:440px) {.home h1 { font-size:38px !important; line-height:2.85rem !important}
.content-box h1 { font-size: 37px; line-height: 3rem;}.lightblue-box p.largequote {font-size: 1.4rem !important;line-height: 1.70rem !important;}
.content-box h6{ font-size: 1rem;}.social-col a { margin: 0 4px;}
.content-box.ourcompany { margin-top:42%;}
}
@media screen and (max-width:300px) {.home h1 { font-size:29px !important; line-height:2.5rem !important} .content-box h1 { font-size:29px !important; line-height:2.5rem !important}
.downn-arrow {top:89%;}.downn-arrow { top: 360px;}}
@media screen and (max-width:320px) {.content-box.ourcompany { margin-top: 33%;}}
/********************/
/***** Navy Box2 *****/
/********************/
.navy-box2 { background-color: #1c2a6a; color: white; padding: 100px 0 80px 0; padding: 6.25rem 0 5rem 0; }
.navy-box2 h1 { color: #ffffff; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 34px; font-size: 2.125rem; margin-bottom: 10px; margin-bottom: 0.625rem; }
.navy-box2 h2 { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 18px; font-size: 1.125rem; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 5px; margin: 0 0 0.3125rem; color: #b0c7d2; }
.navy-box2 h3 { color: #ffffff; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 30px; font-size: 1.875rem; border-top: 1px solid #67808b; border-bottom: 1px solid #67808b; display: inline-block; padding: 15px 0; padding: 0.9375rem 0; margin-top: 20%; }
@media screen and (max-width: 1024px) { .navy-box2 h3 { margin: 0 0 80px 0; margin: 0 0 5rem 0; } }
.navy-box2 h3.title { font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 15px; padding: 0; padding-bottom: 30px; padding-bottom: 1.875rem; border: none; display: block; margin: 0; color: #ffffff; }
@media screen and (max-width: 1024px) { .navy-box h3.title { margin: 0; } }
.navy-box2 h4 { color: #ffffff; font-size: 25px; font-size: 1.5625rem; font-family: 'AvenirLTStd-Book', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.navy-box2 h5 { color: #ffffff; font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 34px; font-size: 2.125rem; line-height: 34px; line-height: 2.125rem; margin-bottom: 40px; margin-bottom: 2.5rem; }
.navy-box2 h6 { font-size: 22px; font-size: 1.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; color: #ffffff; }
.navy-box2 p { font-size: 22px; font-size: 1.375rem; line-height: 22px; line-height: 1.675rem; font-family: "Georgia", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.navy-box2 p.quote { font-size: 24px; font-size: 1.5rem; line-height: 32px; line-height: 2rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; color: #ffffff; }
.navy-box2 .contentbox { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0 40px; padding: 1.25rem 0 2.5rem; }
@media screen and (max-width: 1024px) { .navy-box2 .contentbox { margin: 0 -40px; padding: 50px 40px 40px; padding: 3.125rem 2.5rem 2.5rem; } }
.navy-box2 a { color: #adc0dc; font-family: 'ArmitageLight', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin: 15px 0; margin: 0.9375rem 0; display: block; }
.navy-box2 a:visited { color: #adc0dc; }
.navy-box2 a:focus { color: #adc0dc; }
.navy-box2 a:hover { color: #adc0dc; }
.navy-box2 a:active { color: #adc0dc; }
.navy-box2 .rightpadding { padding-right: 60px; padding-right: 3.75rem; }
@media screen and (max-width: 1024px) { .navy-box2 .rightpadding { padding-right: 20px; padding-right: 1.25rem; } }
.navy-box2 .leftpadding { padding-left: 60px; padding-left: 3.75rem; }
@media screen and (max-width: 1024px) { .navy-box2 .leftpadding { padding-left: 20px; padding-left: 1.25rem; padding-top: 100px; padding-top: 6.25rem; } }
.navy-box2 ul { margin: 0; list-style: none; }
.navy-box2 ul li { margin: 0; }
.navy-box2 .rockwell p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; color: #ffffff; }
.navy-box2 .line { display: block; border-bottom: 1px solid #b0c7d2; width: 150px; margin: 0 auto; }
@media screen and (max-width: 767px) { .navy-box2 .line { margin: 100px auto; }.tm-200-padding {padding-left: 10px !important; padding-right: 10px !important;}}
/*************************/
/***** LightBlue Box *****/
/*************************/
.font-AvenirBook p{font-family: "AvenirLTStd-Book","Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif !important;}
.lightblue-box { background-color: #fdfb52; color: #002b3d; padding: 100px 0 80px 0; padding: 6.25rem 0 5rem 0; }
.lightblue-box .quote { font-size: 58px; font-size: 3.625rem; line-height: 70px; line-height: 4.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
@media screen and (max-width: 1024px) { .lightblue-box .quote { padding-bottom: 10px; } }
.lightblue-box h2 { font-family: "AvenirLTStd-Book", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 18px; font-size: 1.125rem; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 5px; margin: 0 0 0.3125rem; }
.lightblue-box h3 { font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 15px; padding-bottom: 30px; padding-bottom: 1.875rem; }
.lightblue-box h6 { font-size: 22px; font-size: 1.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; }
.lightblue-box p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; }
.lightblue-box p.largequote { font-size: 30px; line-height: 40px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .lightblue-box p.largequote { font-size: 50px; font-size: 3.125rem; line-height: 64px; line-height: 4rem; } }
@media screen and (max-width: 767px) { .lightblue-box p.largequote { font-size: 42px; font-size: 2.625rem; line-height: 56px; line-height: 3.5rem; } }
.lightblue-box .paddingleft { padding-left: 100px; padding-left: 6.25rem; }
@media screen and (max-width: 1024px) { .lightblue-box .paddingleft { padding-left: 20px; padding-left: 1.25rem; } }
.lightblue-box .paddingright { padding-right: 100px; padding-right: 6.25rem; }
@media screen and (max-width: 1024px) { .lightblue-box .paddingright { padding-right: 20px; padding-right: 1.25rem; } }
.lightblue-box .rockwell p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.lightblue-box .line { display: block; border-bottom: 1px solid #002b3d; width: 150px; margin: 0 auto; }
@media screen and (max-width: 767px) { .lightblue-box .line { margin: 100px auto; } }
/*************************/
/***** LightBlue Box2 *****/
/*************************/
.lightblues-box { background-color: #57c0a2; color: #002b3d; padding: 100px 0 80px 0; padding: 6.25rem 0 5rem 0; }
.lightblues-box .quote { font-size: 58px; font-size: 3.625rem; line-height: 70px; line-height: 4.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
@media screen and (max-width: 1024px) { .lightblues-box .quote { padding-bottom: 10px; } }
.lightblues-box h2 { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 18px; font-size: 1.125rem; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 5px; margin: 0 0 0.3125rem; }
.lightblues-box h3 { font-family: 'AvenirLTStd-Heavy', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 15px; padding-bottom: 30px; padding-bottom: 1.875rem; }
.lightblues-box h6 { font-size: 22px; font-size: 1.375rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; }
.lightblues-box p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; font-family: "AvenirLTStd-Book", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.lightblues-box p.largequote { font-size: 60px; font-size: 3.75rem; line-height: 74px; line-height: 4.625rem; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .lightblues-box p.largequote { font-size: 50px; font-size: 3.125rem; line-height: 64px; line-height: 4rem; } }
@media screen and (max-width: 767px) { .lightblues-box p.largequote { font-size: 42px; font-size: 2.625rem; line-height: 56px; line-height: 3.5rem; } }
.lightblues-box .paddingleft { padding-left: 100px; padding-left: 6.25rem; }
@media screen and (max-width: 1024px) { .lightblues-box .paddingleft { padding-left: 20px; padding-left: 1.25rem; } }
.lightblues-box .paddingright { padding-right: 100px; padding-right: 6.25rem; }
@media screen and (max-width: 1024px) { .lightblues-box .paddingright { padding-right: 20px; padding-right: 1.25rem; } }
.lightblues-box .rockwell p { font-size: 23px; font-size: 1.4375rem; line-height: 32px; line-height: 2rem; font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
.lightblues-box .line { display: block; border-bottom: 1px solid #002b3d; width: 150px; margin: 0 auto; }
@media screen and (max-width: 767px) { .lightblues-box .line { margin: 100px auto; } }
/********************/
/***** Founders *****/
/********************/
.founders { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 571px; background-image: url("../images/ungar-founders.jpg"); }
@media screen and (max-width: 767px) { .founders { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 250px; } }
/************************/
/***** Capabilities *****/
/************************/
@media screen and (max-width: 1024px) { .capabilities-block { text-align: center; }
.capabilities-block .line { margin-top: 100px; margin-top: 6.25rem; margin-bottom: 100px; margin-bottom: 6.25rem; } }
.capabilities-block.residentialPadding { padding-left: 70px !important; }
@media screen and (max-width: 1024px) { .capabilities-block.residentialPadding { padding-left: 20px !important; } }
/**********************/
/***** Pagination *****/
/**********************/
div.pagination { width: 100%; padding-bottom: 10px; padding-bottom: 0.625rem; }
div.pagination a { padding: 0; margin: 0; display: inline-block; }
div.pagination a.active span { background-color: #fff; }
div.pagination span { width: 9px; height: 9px; display: inline-block; background-color: #adc8d3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; cursor: pointer; margin-right: 5px; margin-right: 0.3125rem; }
/*********************/
/***** Left Navy *****/
/*********************/
.listingbox .title { font-size: 34px; font-size: 2.125rem; line-height: 34px; line-height: 2.125rem; font-family: "Caslon540BT", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; padding: 60px 25px 50px; padding: 3.75rem 1.5625rem 3.125rem; }
@media screen and (min-width: 1024px) and (max-width: 1350px) { .listingbox .title { padding: 30px 25px; padding: 1.875rem 1.5625rem; font-size: 28px; font-size: 1.75rem; line-height: 28px; line-height: 1.75rem; } }
.listingbox .contentbox { padding: 30px 25px 20px; padding: 1.875rem 1.5625rem 1.25rem; }
@media screen and (min-width: 1024px) and (max-width: 1350px) { .listingbox .contentbox { padding: 20px 25px 10px; padding: 1.25rem 1.5625rem 0.625rem; } }
.listingbox .contentbox p { font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 25px; font-size: 1.5625rem; line-height: 25px; line-height: 1.5625rem; }
@media screen and (min-width: 1024px) and (max-width: 1350px) { .listingbox .contentbox p { font-size: 20px; font-size: 1.25rem; line-height: 20px; line-height: 1.25rem; } }
.listingbox a { font-family: 'RockwellStd-Light', "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; font-size: 25px; font-size: 1.5625rem; line-height: 25px; line-height: 1.5625rem; padding: 30px 25px 0px; padding: 1.875rem 1.5625rem 0px; display: block; }
@media screen and (min-width: 1024px) and (max-width: 1350px) { .listingbox a { font-size: 20px; font-size: 1.25rem; line-height: 20px; line-height: 1.25rem; } }
@media screen and (max-width: 1024px) { .listingbox a { padding: 30px 25px; padding: 1.875rem 1.5625rem; } }
.listingbox a.italic { padding: 0; font-style: italic; }
.listingbox ul { margin: 0; list-style: none; }
.listingbox ul li { margin: 0; font-size: 20px; font-size: 1.25rem; line-height: 20px; line-height: 1.25rem; }
@media screen and (min-width: 1024px) and (max-width: 1350px) { .listingbox ul li { font-size: 14px; font-size: 0.875rem; line-height: 14px; line-height: 0.875rem; } }
.listingbox img { display: block; }
.listingbox .bottomcontentbox { font-size: 25px; font-size: 1.5625rem; position: absolute; bottom: 20px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .listingbox .bottomcontentbox { position: relative; bottom: 0; padding: 20px 50px 50px !important; } .nav-left{ float:none !important;}.nav-right{ float:none !important;}header .header {padding-top: 1.25rem !important;}}
@media screen and (max-width: 767px) { .listingbox .bottomcontentbox { position: relative; bottom: 0; padding: 20px 25px 50px !important; }.nav-left{ float:none !important;}.nav-right{ float:none !important;} header .header {padding-top: 1.25rem !important;}}
.listingbox .bottomcontentbox .title { padding: 0; line-height: 48px; line-height: 3rem; }
.listingbox .bottomcontentbox .subtitle { padding-bottom: 30px; padding-bottom: 1.875rem; }
.listingbox.navy { background-color: #002b3d; color: #b0c7d2; }
.listingbox.navy .contentbox { border-top: 1px solid #b0c7d2; border-bottom: 1px solid #b0c7d2; }
.listingbox.navy a { color: #b0c7d2; }
.listingbox.navy a:visited { color: #b0c7d2; }
.listingbox.navy a:focus { color: #b0c7d2; }
.listingbox.navy a:hover { color: #fff; }
.listingbox.navy a:active { color: #b0c7d2; }
.listingbox.lightblue { background-color: #b0c7d2; color: #002b3d; }
.listingbox.lightblue .contentbox { border-top: 1px solid #002b3d; border-bottom: 1px solid #002b3d; }
.listingbox.lightblue a { color: #002b3d; }
.listingbox.lightblue a:visited { color: #002b3d; }
.listingbox.lightblue a:focus { color: #002b3d; }
.listingbox.lightblue a:hover { color: #fff; }
.listingbox.lightblue a:active { color: #002b3d; }
.listingbox.lightblue div.pagination a.active span { background-color: #fff; }
.listingbox.lightblue div.pagination a span { background-color: #052a3c; }
.nav-left{ float:left;}
.nav-right{ float:right;}
@media screen and (max-width: 1024px) { .listingbox.portfolio { border-bottom: 0 !important; } }
@media screen and (min-width: 1313px) and (max-width:1400px) {.topnav nav { font-size: 1.175rem;}header .header { max-width: 100%;}}
@media screen and (min-width:1024px) and (max-width:1313px) {header .header { max-width: 100%;}}
@media only screen and (orientation:landscape) {.home h1{font-size: 65px !important;line-height: 60px !important;}}
.top_search_wrapper_mobile .searchautocomplete {top:1px !important; left:0;}
.top_search_wrapper_large .searchautocomplete { right: 9px !important;}
/*.left-nopd{padding-left:0 !important;}
.right-nopd{padding-right:0 !important;}
.old-price .price {text-decoration: line-through !important;-moz-text-decoration-color:#000; }
.scrollbar-sty { background-color: transparent; border: 0 none; border-radius: 0 !important; margin: 4px auto; max-height: 589px;overflow-y: scroll;}*/
.old-price .price {text-decoration: line-through !important; -moz-text-decoration-color:#000 !important;}
.box-title{background:#f7f7f7; border:#e4e4e4 1px solid ;}
.homepage-slidder-p-tag-remove .std ul li { margin-left: 0 !important;}
.fixed {position:fixed; top:193px; background:#FFF; z-index: 1;width: 277px;}
.catalogsearch-result-index .pro_list_right_description p span{font-size:15px;}
.catalogsearch-result-index h5 {width:100%; float:left}
.left-col{margin:0 6px 0 0 !important}
.catalogsearch-result-index .price{font-family: "Helvetica Neue",Verdana,Arial,sans-serif;}
.catalog-product-view .left-col{margin:0 10px 10px !important}
#stickyribbontop, #stickyribbonbottom { z-index:999;}
.bredcum_row{z-index:995;}
.fixed::-webkit-scrollbar-thumb{background-color:#B03C3F;border-radius:10px;}
.fixed::-webkit-scrollbar-thumb:active{background-color:#B03C3F;border-radius:10px;}
.list_hedding-fx{ z-index:999;background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-bottom: 10px;}
.fade-list{width:100%}
.divHeader{width:100% !important;}
.special-price > .price {color: #b11636 !important;}
.searchautocomplete .nav .nav-search-in .category{left:54px !important;}
body.catalogsearch-result-index #stickyribbontop {top: 155px !important;}