@charset "UTF-8"; /* ================================================================== */ /* 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: 10px; padding-right: 10px; } .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } @media screen and (max-width: 767px) { .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 1025px) { .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-100 { clear: both; width: 100%; } } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 20px; height: 3px; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 3px; } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 14px; margin: 0 0 0 5px; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; text-decoration: none !important; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } .slicknav_menu { *zoom: 1; } .slicknav_menu { background-color: #dc2b38; font-family: "Open Sans", sans-serif; font-size: 1em; text-transform: uppercase; } /* Button */ .slicknav_btn { margin: 0; text-decoration: none; text-shadow: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 10px; width: 46px; height: 41px; line-height: 21px; font-size: 18px; text-align: center; background: #dc2b38; } .slicknav_btn.slicknav_open { background-color: #2d3943; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .slicknav_menu .slicknav_icon { float: none; margin: 0; position: absolute; top: 13px; left: 13px; } .slicknav_nav { background-color: #fff; color: #2d3943; margin: 0; padding: 0; font-size: 14px; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 10px 0; margin: 0; } .slicknav_nav li { border-bottom: 0; padding: 0; } .slicknav_nav li:last-child { border-bottom: none; } .slicknav_nav .slicknav_row { padding: 5px; margin: 2px 0; } .slicknav_nav a { padding: 5px 10px; margin: 2px 0; text-decoration: none; color: #dc2b38; } .slicknav_nav li ul li a { color: #2d3943; } .slicknav_nav li ul li ul li a { color: #2d3943; font-family: "Open Sans", sans-serif; text-transform: capitalize; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_arrow { float: right; font-family: FontAwesome; position: absolute; top: 3px; right: 0; line-height: 32px; width: 32px; text-align: center; } .slicknav_open > a { background: #2d3943; color: #fff !important; } .slicknav_open > a > a { color: #fff !important; } .slicknav_open ul { padding: 0 25px; } .slicknav_open li { border-top: solid 1px #2d3943; } .slicknav_open li:first-child { border: 0; } .main-navigation--mobile .has-mega-menu .active .slicknav_arrow:before { content: '\f068'; } .main-navigation--mobile .has-mega-menu .slicknav_arrow:before { content: '\f067'; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("../img/ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none !important; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 49px; width: 33px; cursor: pointer; top: 50%; margin-top: -25px; outline: none; background: url("../img/carouselarrows.png") no-repeat 0 0; text-indent: -9999px; } .slick-prev { left: -35px; } .slick-next { right: -35px; background-position: -35px 0; } /* Dots */ .slick-slider { margin-bottom: 0; } .slick-dots { position: absolute; left: 33px; bottom: 5px; list-style: none; display: block; text-align: left; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 2px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: "FontAwesome"; font-size: 24px; line-height: 20px; text-align: center; color: #2d3943; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #dc2b38; opacity: 1; } /* * jquery.selectBoxIt.css 3.8.1 * Author: @gregfranko */ /* Common CSS Properties --------------------- These properties will be applied to any themes that you use */ /* SelectBoxIt container */ .selectboxit-container { position: relative; display: inline-block; vertical-align: top; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { font: 14px Helvetica, Arial; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { width: 220px; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; } /* Button Text */ .selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left; } .selectboxit .selectboxit-option-icon-container { margin-left: 5px; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor { padding: 0 10px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { margin: 0; list-style-type: none; } /* The first Drop Down option */ .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } /* The last Drop Down option */ .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ width: 30px; position: absolute; right: 0; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #333333; background-color: #e6e6e6; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; } .selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #dc2b38; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; } .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-block; padding: 12px 10px; list-style: none; border: 1px solid #dedede; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; } .r-tabs .r-tabs-tab a { font-size: 14px; font-weight: bold; color: #2d3943; } .r-tabs .r-tabs-tab a:hover { text-decoration: none; } .r-tabs .r-tabs-panel { padding: 30px; margin-top: -1px; display: none; border: 1px solid #dedede; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; background-color: #ededed; } .r-tabs .r-tabs-panel ul { list-style-type: none; margin: 0; padding: 0; } .r-tabs .r-tabs-panel ul li { margin: 0; padding: 0; } .r-tabs .r-tabs-accordion-title { display: none; } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } .r-tabs li.r-tabs-state-active { background-color: #ededed; border-bottom: 1px solid #ededed; } /* Accordion responsive breakpoint */ @media only screen and (max-width: 1234px) { .r-tabs .r-tabs-nav { display: none; } .r-tabs { margin-top: 0; } .r-tabs .r-tabs-accordion-title { zoom: 1; display: block; background-color: #ededed; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin-top: 4px; } .r-tabs .r-tabs-accordion-title:before, .r-tabs .r-tabs-accordion-title:after { content: ""; display: block; height: 0; overflow: hidden; } .r-tabs .r-tabs-accordion-title:after { clear: both; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; background-clip: padding-box; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active a:after { content: "\f147"; } .r-tabs .r-tabs-accordion-title a { color: #2d3943; font-weight: bold; display: block; padding: 10px; } .r-tabs .r-tabs-accordion-title a:after { content: "\f196"; font-family: "FontAwesome"; font-size: 23px; font-weight: 400; float: right; } .r-tabs .r-tabs-accordion-title a:hover { text-decoration: none; } .r-tabs .r-tabs-accordion-title + .r-tabs-panel { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; } } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #fff; background-image: url("../img/bg__body.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: top center; margin: 0; min-width: 320px; font-family: "Open Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: normal; } .loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1000; text-align: center; padding-top: 25%; } .browserupgrade { margin: 0 0 20px 0; background: #cccccc; color: #000; padding: 20px 0; text-align: center; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } button { border: 0; font-family: "Open Sans", sans-serif; } .btn, .filter input[type="submit"], .form__row.submit input[type="submit"], .form-hiddenLabels .FormButton, .shopping-cart .SubmitButton, .shopping-cart .LongButton { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #fff; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 1.1428571429em; margin: 10px 0; padding: 7px 14px; text-align: center; text-decoration: none !important; text-transform: uppercase; } .btn:hover, .filter input[type="submit"]:hover, .form__row.submit input[type="submit"]:hover, .form-hiddenLabels .FormButton:hover, .shopping-cart .SubmitButton:hover, .shopping-cart .LongButton:hover, .btn:focus, .filter input[type="submit"]:focus, .form__row.submit input[type="submit"]:focus, .form-hiddenLabels .FormButton:focus, .shopping-cart .SubmitButton:focus, .shopping-cart .LongButton:focus { text-decoration: none; } .btn-block { display: block; } .btn-large { padding: 14px 28px; } .btn-default { background-color: #c2d72f; color: #fff; } .btn-default:hover, .btn-default:focus { background-color: #9fb122; color: #fff; } .btn-primary, .form__row.submit input[type="submit"], .form-hiddenLabels .FormButton, .shopping-cart .SubmitButton, .shopping-cart .LongButton { background-color: #dc2b38; color: #fff; } .btn-primary:hover, .form__row.submit input[type="submit"]:hover, .form-hiddenLabels .FormButton:hover, .shopping-cart .SubmitButton:hover, .shopping-cart .LongButton:hover, .btn-primary:focus, .form__row.submit input[type="submit"]:focus, .form-hiddenLabels .FormButton:focus, .shopping-cart .SubmitButton:focus, .shopping-cart .LongButton:focus { background-color: #b61e29; color: #fff; } input.btn, .filter input[type="submit"], .form__row.submit input[type="submit"], .form-hiddenLabels input.FormButton, .shopping-cart input.SubmitButton, .shopping-cart input.LongButton { border: 0; } .grid-container { max-width: 1250px; } .wrapper { position: relative; width: 100%; margin: 0; padding: 0; } .left { float: left; } .right { float: right; } a { color: #dc2b38; text-decoration: none; } a:hover, a:active { color: #a01a24; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #dc2b38; font-family: "Open Sans", sans-serif; line-height: 1.15; margin: 0; padding: 0; text-transform: uppercase; } h1 { font-size: 2.2857142857em; } h2 { font-size: 1.9285714286em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2857142857em; } h5 { font-size: 1.1428571429em; } h6 { font-size: 1em; } p, li, th, td, blockquote, input, textarea { font-size: 1em; } code { font-size: 90%; background-color: #f2f2f2; color: #dc2b38; padding: 3px 6px; } .header { padding: 10px 0; } .header__logo { height: 109px a; height-display: block; } .header__logo img { max-width: 100%; padding: 27px 0 0 0; } .header__toolbar { zoom: 1; width: 100%; } .header__toolbar:before, .header__toolbar:after { content: ""; display: block; height: 0; overflow: hidden; } .header__toolbar:after { clear: both; } .header__toolbar ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; float: right; padding: 15px 25px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #2d3943; color: #fff; text-align: right; } .header__toolbar ul li { margin: 0; padding: 0; } .header__toolbar li { display: inline-block; } .header__toolbar li li { float: left; } .header__toolbar li:first-child:before { content: "\f07a"; font-family: "FontAwesome"; padding-right: 12px; } .header__toolbar li:first-child:after { content: "|"; padding-left: 12px; padding-right: 12px; } .header__toolbar a { color: inherit; } .header__toolbar a:hover { text-decoration: none; } .header__toolbar-viewcart { font-weight: bold; } .header__utilities { zoom: 1; display: inline-block; float: right; } .header__utilities:before, .header__utilities:after { content: ""; display: block; height: 0; overflow: hidden; } .header__utilities:after { clear: both; } .header__utilities .btn.store-locator, .header__utilities .filter input.store-locator[type="submit"], .filter .header__utilities input.store-locator[type="submit"], .header__utilities .form__row.submit input.store-locator[type="submit"], .form__row.submit .header__utilities input.store-locator[type="submit"], .header__utilities .form-hiddenLabels .store-locator.FormButton, .form-hiddenLabels .header__utilities .store-locator.FormButton, .header__utilities .shopping-cart .store-locator.SubmitButton, .shopping-cart .header__utilities .store-locator.SubmitButton, .header__utilities .shopping-cart .store-locator.LongButton, .shopping-cart .header__utilities .store-locator.LongButton { float: left; color: #2d3943; text-transform: none; font-weight: bold; height: 45px; line-height: 45px; padding-top: 0; padding-bottom: 0; } .header__utilities .btn.store-locator:before, .header__utilities .filter input.store-locator[type="submit"]:before, .filter .header__utilities input.store-locator[type="submit"]:before, .header__utilities .form__row.submit input.store-locator[type="submit"]:before, .form__row.submit .header__utilities input.store-locator[type="submit"]:before, .header__utilities .form-hiddenLabels .store-locator.FormButton:before, .form-hiddenLabels .header__utilities .store-locator.FormButton:before, .header__utilities .shopping-cart .store-locator.SubmitButton:before, .shopping-cart .header__utilities .store-locator.SubmitButton:before, .header__utilities .shopping-cart .store-locator.LongButton:before, .shopping-cart .header__utilities .store-locator.LongButton:before { content: "\f278"; font-family: "FontAwesome"; font-weight: normal; padding-right: 12px; } .header__search { display: block; float: left; } .header__search-input { margin: 10px 0 0 20px; padding-left: 40px; width: 450px; max-width: 100%; height: 45px; background-color: #fff; background-image: url("../img/bg__search.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 10px center; border: 1px solid #b2b2b2; border-right: 0; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; float: left; } .header__search-input:focus { outline: 0; } .header__search-button { background-color: #dc2b38; color: #fff; padding: 0 10px; height: 45px; float: left; display: block; margin: 10px 0 -30px 0; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; border: 1px solid #dc2b38; border-left: 0; font-weight: bold; } .header__search-button:hover { background-color: #b61e29; } .mobile-utilities, .mobile-search { display: none; } @media screen and (max-width: 1024px) { .header__search-input { width: 220px; } } @media screen and (max-width: 767px) { .header__logo img { padding: 10px 20px 10px 20px; } .mobile-utilities { display: block; } .mobile-search { zoom: 1; background-color: #dc2b38; border-top: 1px solid #ed9299; padding: 20px 10px; position: relative; display: none; } .mobile-search:before, .mobile-search:after { content: ""; display: block; height: 0; overflow: hidden; } .mobile-search:after { clear: both; } .mobile-search .mobile-search__input { float: left; height: 45px; padding-left: 40px; background-color: #fff; background-image: url("../img/bg__search.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 10px center; border: 1px solid #b2b2b2; border-right: 0; width: 100%; padding-right: 86px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; } .mobile-search .mobile-search__button { background-color: #2d3943; color: #fff; padding: 0 10px; float: left; height: 47px; display: block; margin: -1px 0 -30px 0; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; border: 1px solid #dc2b38; border-left: 0; font-weight: bold; position: absolute; right: 10px; } .mobile-search .mobile-search__button:hover { background-color: #191f24; } } .slicknav_menu { display: none; } .main-navigation { position: relative; margin: 15px 0; *zoom: 1; } .main-navigation:before { content: " "; display: table; } .main-navigation:after { content: " "; display: table; clear: both; } .main-navigation ul { background-color: #dc2b38; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ list-style: none; position: relative; float: left; margin: 0; padding: 0 10px; width: 100%; } .main-navigation ul a { display: block; text-decoration: none; text-transform: capitalize; font-weight: 700; font-size: 14px; line-height: 45px; padding: 0; font-family: "Open Sans", sans-serif; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .main-navigation ul li { position: relative; float: left; margin: 0 14px; padding: 0; } .main-navigation ul li.has-mega-menu { position: static; } .main-navigation ul li:hover > ul { display: block; } .main-navigation ul li > ul { display: none; position: absolute; top: 45px; left: 0; width: 220px; z-index: 500000; padding: 0 2px; border-left: 1px solid #2d3943; border-right: 1px solid #2d3943; border-bottom: 1px solid #2d3943; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-top-left-radius: 0; } .main-navigation ul li > ul li { margin: 0 !important; width: 214px; } .main-navigation ul li > ul a { padding: 0 10px; } .main-navigation ul li > ul a:hover { background-color: #dc2b38 !important; color: #fff !important; } .main-navigation ul ul { display: none; background-color: #fff; } .main-navigation ul ul li { float: none; } .main-navigation ul .mega-menu { zoom: 1; display: none; position: absolute; top: 100%; left: 0; z-index: 10; background-color: #fff; width: 100%; padding: 20px 10px; border: 1px solid #2d3943; border-top: 0; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; } .main-navigation ul .mega-menu:before, .main-navigation ul .mega-menu:after { content: ""; display: block; height: 0; overflow: hidden; } .main-navigation ul .mega-menu:after { clear: both; } .main-navigation ul .mega-menu ul { padding: 0; display: block; } .main-navigation ul .mega-menu li { float: none; margin: 0; } .main-navigation ul .mega-menu li:last-child a { border-bottom: 0; } .main-navigation ul .mega-menu a { color: #2d3943; display: block; font-size: 16px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #2d3943; } .main-navigation ul .mega-menu a:hover { color: #dc2b38; } .main-navigation ul .mega-menu p { color: #2d3943; } .main-navigation ul .mega-menu .panel-1 { width: 30%; min-height: 500px; float: left; padding: 0 0 0 20px; border-right: 1px solid #dc2b38; } .main-navigation ul .mega-menu .panel-1 a { padding: 10px 0; } .main-navigation ul .mega-menu .panel-1 a span { background-color: #fff; padding-left: 0; padding-right: 20px; width: 70%; word-break: break-word; word-wrap: break-word; display: inline-block; box-sizing: border-box; } .main-navigation ul .mega-menu .panel-1 a .expand { float: right; width: 36px; height: 26px; overflow: hidden; margin-top: 1px; margin-right: 20px; padding-left: 20px; padding-right: 20px; background-image: url("../img/sprite__plus-minus.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: -10px 0; } .main-navigation ul .mega-menu .panel-1 a .expand .fa { display: none; } .main-navigation ul .mega-menu .panel-1 a:hover .expand { background-position: -46px 0; } .main-navigation ul .mega-menu .panel-1 a.active { display: block !important; background-image: url("../img/bg__red-line.gif"); background-attachment: scroll; background-repeat: repeat-x; background-position: center; } .main-navigation ul .mega-menu .panel-1 a.active .expand { background-position: -46px -26px; } .main-navigation ul .mega-menu .panel-2 { display: none; width: 30%; min-height: 500px; float: left; padding-left: 20px; padding-right: 0; border-right: 1px solid #dc2b38; } .main-navigation ul .mega-menu .panel-2 ul { padding-top: 10px; } .main-navigation ul .mega-menu .panel-2 p { font-size: 20px; font-weight: bold; color: #dc2b38; margin: 10px 0 17px 0; padding: 0; } .main-navigation ul .mega-menu .panel-2 a { font-size: 14px; font-weight: 300; line-height: 30px; border-bottom: 0; padding-right: 20px; } .main-navigation ul .mega-menu .panel-2 a span { background-color: #fff; padding-left: 0; padding-right: 2%; width: 80%; word-break: break-word; word-wrap: break-word; display: inline-block; box-sizing: border-box; line-height: 1.5em; } .main-navigation ul .mega-menu .panel-2 a .expand { background-color: #fff; padding-left: 10px; padding-right: 10px; float: right; width: 18%; } .main-navigation ul .mega-menu .panel-2 a.active { color: #dc2b38; background-image: url("../img/bg__red-line.gif"); background-attachment: scroll; background-repeat: repeat-x; background-position: center; font-weight: 700; } .main-navigation ul .mega-menu .panel-2 a.active .expand { display: none; } .main-navigation ul .mega-menu .panel-3 { display: none; width: 20%; min-height: 500px; float: left; padding: 56px 20px 0; } .main-navigation ul .mega-menu .panel-3 ul { padding-top: 10px; } .main-navigation ul .mega-menu .panel-3 a { font-size: 14px; font-weight: 300; line-height: 25px; border-bottom: 0; padding-left: 10px; } .main-navigation ul .mega-menu .panel-3 a span { text-decoration: underline; } .main-navigation ul .mega-menu .panel-3 a .expand { display: none; } .main-navigation ul .mega-menu .panel-3 a:before { content: "\f105"; font-family: "FontAwesome"; font-weight: normal; padding-right: 5px; } .main-navigation ul .mega-menu .panel-4 { display: none; zoom: 1; width: 20%; min-height: 500px; float: left; padding: 30px 0 30px 20px; } .main-navigation ul .mega-menu .panel-4:before, .main-navigation ul .mega-menu .panel-4:after { content: ""; display: block; height: 0; overflow: hidden; } .main-navigation ul .mega-menu .panel-4:after { clear: both; } .main-navigation ul .mega-menu .panel-4 img { max-width: 100%; float: right; } @media screen and (min-width: 1025px) { .CMSListMenuLI { background-color: #dc2b38; color: #fff; } .CMSListMenuLI .CMSListMenuLI { background-color: #fff; } .CMSListMenuLI:hover { background-color: #fff; } .CMSListMenuLI:hover .CMSListMenuLink { color: #2d3943; } .CMSListMenuHighlightedLI { background-color: #fff; } .CMSListMenuHighlightedLI .CMSListMenuLink { color: #2d3943; } .CMSListMenuHighlightedLI:hover { background-color: #f2f2f2; color: #2d3943; } .CMSListMenuLink { color: inherit; } } .main-navigation > ul > li > a.CMSListMenuLink { background-image: url("../img/sprite__menu-icons.png"); background-attachment: scroll; background-repeat: no-repeat; padding-left: 30px !important; padding-right: 10px !important; } .main-navigation > ul > li > a.CMSListMenuLink.about-us { background-position: -2px 13px; } .main-navigation > ul > li > a.CMSListMenuLink.about-us:hover { background-position: -2px -464px; } .main-navigation > ul > li > a.CMSListMenuLink.lamps { background-position: 4px -36px; } .main-navigation > ul > li > a.CMSListMenuLink.lamps:hover { background-position: 4px -513px; } .main-navigation > ul > li > a.CMSListMenuLink.fixtures { background-position: 2px -87px; } .main-navigation > ul > li > a.CMSListMenuLink.fixtures:hover { background-position: 2px -564px; } .main-navigation > ul > li > a.CMSListMenuLink.accessories { background-position: 1px -141px; } .main-navigation > ul > li > a.CMSListMenuLink.accessories:hover { background-position: 1px -618px; } .main-navigation > ul > li > a.CMSListMenuLink.projects { background-position: -2px -193px; } .main-navigation > ul > li > a.CMSListMenuLink.projects:hover { background-position: -2px -670px; } .main-navigation > ul > li > a.CMSListMenuLink.services { background-position: -3px -242px; } .main-navigation > ul > li > a.CMSListMenuLink.services:hover { background-position: -3px -719px; } .main-navigation > ul > li > a.CMSListMenuLink.lighting-education { background-position: -2px -288px; } .main-navigation > ul > li > a.CMSListMenuLink.lighting-education:hover { background-position: -2px -765px; } .main-navigation > ul > li > a.CMSListMenuLink.faq { background-position: -4px -341px; } .main-navigation > ul > li > a.CMSListMenuLink.faq:hover { background-position: -4px -818px; } .main-navigation > ul > li > a.CMSListMenuLink.contact-us { background-position: 2px -392px; } .main-navigation > ul > li > a.CMSListMenuLink.contact-us:hover { background-position: 2px -869px; } .main-navigation > ul > li:hover a.CMSListMenuLink.about-us, .main-navigation > ul > li:focus a.CMSListMenuLink.about-us { background-position: -2px -464px; } .main-navigation > ul > li:hover a.CMSListMenuLink.lamps, .main-navigation > ul > li:focus a.CMSListMenuLink.lamps { background-position: 4px -513px; } .main-navigation > ul > li:hover a.CMSListMenuLink.fixtures, .main-navigation > ul > li:focus a.CMSListMenuLink.fixtures { background-position: 2px -564px; } .main-navigation > ul > li:hover a.CMSListMenuLink.accessories, .main-navigation > ul > li:focus a.CMSListMenuLink.accessories { background-position: 1px -618px; } .main-navigation > ul > li:hover a.CMSListMenuLink.projects, .main-navigation > ul > li:focus a.CMSListMenuLink.projects { background-position: -2px -670px; } .main-navigation > ul > li:hover a.CMSListMenuLink.services, .main-navigation > ul > li:focus a.CMSListMenuLink.services { background-position: -3px -719px; } .main-navigation > ul > li:hover a.CMSListMenuLink.lighting-education, .main-navigation > ul > li:focus a.CMSListMenuLink.lighting-education { background-position: -2px -765px; } .main-navigation > ul > li:hover a.CMSListMenuLink.faq, .main-navigation > ul > li:focus a.CMSListMenuLink.faq { background-position: -4px -818px; } .main-navigation > ul > li:hover a.CMSListMenuLink.contact-us, .main-navigation > ul > li:focus a.CMSListMenuLink.contact-us { background-position: 2px -869px; } .main-navigation--mobile > .slicknav_menu > ul > li { position: relative; border-top: 1px solid #e4e2e2; } .main-navigation--mobile > .slicknav_menu > ul > li:first-child { border-top: 0; } .main-navigation--mobile > .slicknav_menu > ul > li a.CMSListMenuLink { background-image: url("../img/sprite__menu-icons-mobile.png"); background-attachment: scroll; background-repeat: no-repeat; padding-left: 35px !important; padding-right: 10px !important; line-height: 22px; } .main-navigation--mobile a.CMSListMenuLink { padding: 5px 10px; } .main-navigation--mobile a.CMSListMenuLink.active { background-color: #2d3943; color: #fff; } .main-navigation--mobile a.CMSListMenuLink.about-us { background-position: -4px -470px; } .main-navigation--mobile a.CMSListMenuLink.about-us.active { background-position: -2px 19px; } .main-navigation--mobile a.CMSListMenuLink.lamps { background-position: 4px -519px; } .main-navigation--mobile a.CMSListMenuLink.lamps.active { background-position: 3px -44px; } .main-navigation--mobile a.CMSListMenuLink.fixtures { background-position: 2px -570px; } .main-navigation--mobile a.CMSListMenuLink.fixtures.active { background-position: 2px -93px; } .main-navigation--mobile a.CMSListMenuLink.accessories { background-position: 1px -624px; } .main-navigation--mobile a.CMSListMenuLink.accessories.active { background-position: 1px -147px; } .main-navigation--mobile a.CMSListMenuLink.projects { background-position: -5px -676px; } .main-navigation--mobile a.CMSListMenuLink.projects.active { background-position: -2px -199px; } .main-navigation--mobile a.CMSListMenuLink.services { background-position: 0 -725px; } .main-navigation--mobile a.CMSListMenuLink.services.active { background-position: -3px -248px; } .main-navigation--mobile a.CMSListMenuLink.lighting-education { background-position: -5px -773px; } .main-navigation--mobile a.CMSListMenuLink.lighting-education.active { background-position: -2px -294px; } .main-navigation--mobile a.CMSListMenuLink.faq { background-position: -2px -824px; } .main-navigation--mobile a.CMSListMenuLink.faq.active { background-position: -2px -347px; } .main-navigation--mobile a.CMSListMenuLink.contact-us { background-position: 2px -875px; } .main-navigation--mobile a.CMSListMenuLink.contact-us.active { background-position: 2px -398px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.about-us { background-position: -2px 19px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.lamps { background-position: 4px -42px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.fixtures { background-position: 2px -93px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.accessories { background-position: 1px -147px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.projects { background-position: -2px -199px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.services { background-position: -3px -248px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.lighting-education { background-position: -2px -294px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.faq { background-position: -4px -353px; } .main-navigation--mobile a.CMSListMenuLink.active a.CMSListMenuLink.contact-us { background-position: 2px -398px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.about-us { background-position: -4px 6px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.projects { background-position: -4px -201px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.services { background-position: -3px -248px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.faq { background-position: -2px -347px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.contact-us { background-position: 2px -398px; } .main-navigation--mobile .slicknav_open a.CMSListMenuLink.lighting-education { background-position: -6px -296px; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li a { padding-left: 25px !important; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li:nth-child(1) a { background-position: -3px -923px; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li:nth-child(2) a { background-position: -5px -955px; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li:nth-child(3) a { background-position: -3px -983px; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li:nth-child(4) a { background-position: -5px -1023px; } .main-navigation--mobile .slicknav_menu .mega-menu div > ul > li:nth-child(5) a { background-position: -5px -1058px; } @media screen and (max-width: 1270px) { .main-navigation > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .main-navigation > ul > li { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-navigation ul li { margin: 0; } .main-navigation ul a { font-size: 12px; background: none !important; } .main-navigation > ul > li > a.CMSListMenuLink { padding: 0 10px !important; } } @media screen and (max-width: 1024px) { .panel-1 ul { padding: 5px 11px; } .panel-1 li { border-top: solid 1px #2d3943; } .panel-1 li:first-child { border: 0; } .panel-1 li a { padding: 10px; } .mega-menu { display: none; } .panel-1 .expand, .panel-2, .panel-3, .panel-4 { display: none !important; } .main-navigation ul { display: none; } .slicknav_menu { display: block; } .main-navigation--mobile { position: relative; margin-bottom: 15px; } .mobile-utilities { position: absolute; top: 0; right: 0; } .mobile-utilities a { display: block; color: #fff; width: 50px; height: 40px; text-indent: -9999px; } .mobile-utilities a.find-store { background-image: url("../img/icon__map-pin.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: center; } .mobile-utilities a.view-cart { background-image: url("../img/icon__cart.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: center; border-left: 1px solid #ed9299; border-right: 1px solid #ed9299; } .mobile-utilities a.search { background-image: url("../img/icon__search.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: center; } .mobile-utilities ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .mobile-utilities ul li { margin: 0; padding: 0; } .mobile-utilities ul li { float: left; } } @media screen and (max-width: 767px) { .main-navigation--mobile { margin-bottom: 0; } } .hero { position: relative; margin-bottom: 30px; overflow: hidden; max-height: 388px; } .hero__slide { position: relative; } .hero__slide img { max-width: 100%; } .hero__caption { position: absolute; top: 0; bottom: 0; left: 0; width: 36%; max-width: 100%; padding: 35px; font-family: "Open Sans", sans-serif; color: #2d3943; } .hero__caption .feature-project { background-color: #2d3943; font-weight: bold; height: 48px; line-height: 48px; padding-top: 0; padding-bottom: 0; margin: 15px 0 0; } .hero__caption .feature-project:before { content: "\f0a1"; font-family: "FontAwesome"; font-weight: normal; padding-right: 10px; } .hero__caption .feature-project:hover { background-color: #dc2b38; } .hero__caption .donotshowbutton { display: none !important; } h1.hero__caption-title { font-size: 32px; font-weight: 700; text-transform: capitalize; color: inherit; padding-top: 106px; } h2.hero__caption-additional { font-size: 22px; font-weight: 300; text-transform: capitalize; color: inherit; } @media screen and (max-width: 1024px) { .hero__slide { overflow-x: hidden; } .hero__slide img { max-width: none; } .hero__caption { width: 45%; padding: 20px; } h1.hero__caption-title { font-size: 26px; font-weight: 700; } h2.hero__caption-additional { font-size: 18px; } } @media screen and (max-width: 767px) { .hero > .grid-container { padding: 0; } .hero__slide { overflow: hidden; } .hero__slide img { max-width: 100%; } .hero__caption { width: 100%; bottom: auto; top: 50%; transform: translateY(-50%); } .hero__caption h1 { font-size: 22px; padding-top: 0; text-shadow: 1px 0px 2px white; } .hero__caption .btn, .hero__caption .filter input[type="submit"], .filter .hero__caption input[type="submit"], .hero__caption .form__row.submit input[type="submit"], .form__row.submit .hero__caption input[type="submit"], .hero__caption .form-hiddenLabels .FormButton, .form-hiddenLabels .hero__caption .FormButton, .hero__caption .shopping-cart .SubmitButton, .shopping-cart .hero__caption .SubmitButton, .hero__caption .shopping-cart .LongButton, .shopping-cart .hero__caption .LongButton { height: auto; line-height: 36px; padding: 0 10px; font-size: 13px; } } .hot-deals { margin-bottom: 40px; } .hot-deals, .new-arrivals { position: relative; padding: 0 50px; margin-top: 16px; border-top: 1px solid #b2b2b2; text-align: center; } .hot-deals h2, .new-arrivals h2 { font-size: 32px; text-align: center; color: #2d3943; background-color: #fff; display: block; margin: -20px auto 32px auto; padding: 0 20px; width: 280px; text-transform: none; } .hot-deals .btn-default, .new-arrivals .btn-default { background-color: #fff; border: 1px solid #e0e0e0; color: #2d3943; font-weight: bold; text-transform: none; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .hot-deals .btn-default:before, .new-arrivals .btn-default:before { content: "\f054"; font-family: "FontAwesome"; padding-right: 5px; } .hot-deals .btn-default:hover, .new-arrivals .btn-default:hover { background-color: #efefef; } .hot-deals .slick-dots, .new-arrivals .slick-dots { left: 0; bottom: 0; text-align: center; padding: 0; margin: 0; position: relative; } .hot-deals .slick-dots li button, .new-arrivals .slick-dots li button { width: 15px; height: 15px; border-radius: 50%; background: #dc2b38; } .hot-deals .slick-dots li button:before, .new-arrivals .slick-dots li button:before { font-size: 0; } .hot-deals .slick-dots li.slick-active button, .new-arrivals .slick-dots li.slick-active button { background-color: #d2d2d2; } .hot-deals .product__item, .new-arrivals .product__item { margin: 15px 10px 35px; } .hot-deals .product__panel .product__item-image, .new-arrivals .product__panel .product__item-image { top: 66px; height: 200px; } .hot-deals .product__item_wrap, .new-arrivals .product__item_wrap { width: 20%; float: left; } .hot-deals h1 { width: 230px; } .about { background-color: #f2f2f2; margin: 20px 0 0; padding: 35px 0; text-align: center; } .about h1 { color: #2d3943; text-transform: none; margin-bottom: 44px; } .about p { font-size: 15px; line-height: 2; color: #434343; } .about .btn, .about .filter input[type="submit"], .filter .about input[type="submit"], .about .form__row.submit input[type="submit"], .form__row.submit .about input[type="submit"], .about .form-hiddenLabels .FormButton, .form-hiddenLabels .about .FormButton, .about .shopping-cart .SubmitButton, .shopping-cart .about .SubmitButton, .about .shopping-cart .LongButton, .shopping-cart .about .LongButton { background-color: #c6c6c6; font-weight: bold; text-transform: none; } .about .btn:hover, .about .filter input[type="submit"]:hover, .filter .about input[type="submit"]:hover, .about .form__row.submit input[type="submit"]:hover, .form__row.submit .about input[type="submit"]:hover, .about .form-hiddenLabels .FormButton:hover, .form-hiddenLabels .about .FormButton:hover, .about .shopping-cart .SubmitButton:hover, .shopping-cart .about .SubmitButton:hover, .about .shopping-cart .LongButton:hover, .shopping-cart .about .LongButton:hover { background-color: #2d3943; } .about .btn:before, .about .filter input[type="submit"]:before, .filter .about input[type="submit"]:before, .about .form__row.submit input[type="submit"]:before, .form__row.submit .about input[type="submit"]:before, .about .form-hiddenLabels .FormButton:before, .form-hiddenLabels .about .FormButton:before, .about .shopping-cart .SubmitButton:before, .shopping-cart .about .SubmitButton:before, .about .shopping-cart .LongButton:before, .shopping-cart .about .LongButton:before { content: "\f054"; font-family: "FontAwesome"; padding-right: 5px; } @media screen and (max-width: 1024px) { .hot-deals, .new-arrivals { margin-top: 32px; margin-bottom: 40px; border-top: 1px solid #b2b2b2; } .hot-deals .product__item_wrap, .new-arrivals .product__item_wrap { width: 33.33%; } } @media screen and (max-width: 767px) { .hot-deals .product__item_wrap, .new-arrivals .product__item_wrap { width: 100%; } .hot-deals .product__panel .product__item-image, .new-arrivals .product__panel .product__item-image { height: auto; } .hot-deals h1, .new-arrivals h1 { padding: 0 20px; width: auto; } } .search-listresults { margin: 0; padding: 0; list-style: none; } .search-paging { padding: 0 10px !important; } .search-paging.uk-pagination a { display: inline-block; } .banner { margin-bottom: 15px; } .banner h1 { text-align: center; text-transform: none; color: #fff; padding: 80px 40px; background-color: rgba(45, 57, 67, 0.85); } .pagination { zoom: 1; margin: 0 0 30px; } .pagination:before, .pagination:after { content: ""; display: block; height: 0; overflow: hidden; } .pagination:after { clear: both; } .sort { float: right; } .sort label { display: inline-block; text-transform: none; color: #2d3943; line-height: 34px; padding-right: 10px; } .selectboxit-container * { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; color: #666; } .selectboxit-container span { height: 34px; line-height: 34px; } .selectboxit-container .selectboxit { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .selectboxit-container .selectboxit[style] { width: 280px !important; } .selectboxit-container .selectboxit-btn { background-color: #fff; background-image: none; border-color: #b2b2b2; } .selectboxit-container .selectboxit-text[style] { max-width: 200px !important; } .selectboxit-container .selectboxit-arrow-container { background-color: #dc2b38; } .selectboxit-container .selectboxit-default-arrow { border-top: 4px solid #fff; } .content-area h1 { color: #2d3943; font-size: 32px; text-transform: none; } .content-area h2 { font-size: 16px; font-weight: 700; text-transform: none; margin: 20px 0; } .content-area h3 { color: #2d3943; font-size: 15px; font-weight: 700; } .content-area img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 0 !important; } .content-area table th, .content-area table td { padding: 10px; vertical-align: top; } p.lead { font-size: 18px; font-weight: 300; } hr { background-color: transparent; border: 0; border-bottom: 1px solid #d9d9d9; width: 100%; margin: 40px 0; } .btn, .filter input[type="submit"], .form__row.submit input[type="submit"], .form-hiddenLabels .FormButton, .shopping-cart .SubmitButton, .shopping-cart .LongButton { text-transform: none; font-weight: bold; padding: 10px 20px; } @media screen and (max-width: 1024px) { .banner h1 { padding: 30px; } } @media screen and (max-width: 767px) { .banner h1 { padding: 20px 10px; font-size: 22px; } .banner .grid-container { padding-left: 0; padding-right: 0; } } .hotboxes.pod { display: table; border-collapse: collapse; margin-bottom: 15px; width: 100%; } .hotboxes.pod .hotbox-inner { position: relative; margin: 0 auto; } .hotboxes.pod .hotbox { display: table-cell; width: 33.33%; border: 1px solid #b2b2b2; padding: 15px; color: #2d3943; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } .hotboxes.pod .hotbox:hover { text-decoration: none; background-color: #efefef; } .hotboxes.pod .hotbox .hotbox__title { margin: 0; font-size: 22px; font-weight: bold; color: inherit; text-transform: capitalize; } .hotboxes.pod .hotbox span { display: block; height: 35px; position: absolute; top: 0; left: 0; } .hotboxes.pod .hotbox .hotbox__caption { margin: 0; font-size: 14px; font-weight: 300; color: inherit; text-transform: none; } .hotboxes.pod .hotbox:nth-child(1) { -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; } .hotboxes.pod .hotbox:nth-child(1) .hotbox-inner { width: 320px; padding-left: 65px; } .hotboxes.pod .hotbox:nth-child(1) span { width: 55px; } .hotboxes.pod .hotbox:nth-child(2) .hotbox-inner { width: 320px; padding-left: 65px; } .hotboxes.pod .hotbox:nth-child(2) span { width: 42px; } .hotboxes.pod .hotbox:nth-child(3) { -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; } .hotboxes.pod .hotbox:nth-child(3) .hotbox-inner { padding-left: 65px; width: 320px; } .hotboxes.pod .hotbox:nth-child(3) span { width: 30px; } .icon-hotbox { display: flex; } .icon-hotbox li { margin: 0 0 35px 0; position: relative; padding: 0 5px; text-align: center; display: flex; } .icon-hotbox li .icon-hotbox-wrap { border: 1px solid #b1b1b1; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; padding: 15px 10px; } .icon-hotbox li img { display: block; margin: 0 auto !important; border-radius: 100%; } .hotboxes { zoom: 1; margin-bottom: 15px; } .hotboxes:before, .hotboxes:after { content: ""; display: block; height: 0; overflow: hidden; } .hotboxes:after { clear: both; } .hotboxes.category > div { padding-left: 0; padding-right: 0; } .hotboxes.category > div .hotbox { margin-bottom: 20px; } .hotboxes.category > div .hotbox a { display: block; position: relative; background: none; text-align: center; border: 1px solid #ccc; padding: 10px 11px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; -ms-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; transition: background 0.25s ease-in; } .hotboxes.category > div .hotbox a .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rbga(255, 255, 255, 0); -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .hotboxes.category > div .hotbox a .action { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .hotboxes.category > div .hotbox a .action span { margin: 110px 0; } .hotboxes.category > div .hotbox a .action .btn, .hotboxes.category > div .hotbox a .action .filter input[type="submit"], .filter .hotboxes.category > div .hotbox a .action input[type="submit"], .hotboxes.category > div .hotbox a .action .form__row.submit input[type="submit"], .form__row.submit .hotboxes.category > div .hotbox a .action input[type="submit"], .hotboxes.category > div .hotbox a .action .form-hiddenLabels .FormButton, .form-hiddenLabels .hotboxes.category > div .hotbox a .action .FormButton, .hotboxes.category > div .hotbox a .action .shopping-cart .SubmitButton, .shopping-cart .hotboxes.category > div .hotbox a .action .SubmitButton, .hotboxes.category > div .hotbox a .action .shopping-cart .LongButton, .shopping-cart .hotboxes.category > div .hotbox a .action .LongButton { color: #2d3943; font-size: 12px; } .hotboxes.category > div .hotbox h2 { font-size: 15px; font-weight: 700; height: 40px; color: #2d3943; text-transform: capitalize; word-wrap: break-word; overflow: hidden; } .hotboxes.category > div .hotbox img { margin-top: 14px; max-width: 100%; } @media screen and (min-width: 1024px) { .hotboxes.category > div .hotbox a:hover { border: 1px solid #c2d72f; text-decoration: none; } .hotboxes.category > div .hotbox a:hover .overlay { background: rgba(255, 255, 255, 0.5); } .hotboxes.category > div .hotbox a:hover .action { display: block; } } @media screen and (max-width: 1024px) { .hotboxes.category > div .hotbox h1 { font-size: 18px; } .hotboxes.category > div .hotbox h2 { font-size: 14px; height: 52px; } .hotboxes.pod .hotbox .hotbox__title { font-size: 16px; margin-bottom: 5px; } .hotboxes.pod .hotbox .hotbox-inner { width: 100% !important; } .icon-hotbox { display: block; } .icon-hotbox li { min-height: 415px; } } @media screen and (max-width: 767px) { .hotboxes > div .hotbox a { padding: 10px; } .hotboxes > div .hotbox h1 { font-size: 16px; } .hotboxes > div .hotbox h2 { font-size: 11px; } .hotboxes.category > div .hotbox { margin-bottom: 5px; } .hotboxes.category > div .hotbox h2 { height: auto; font-size: 12px; padding: 5px 0; } .hotboxes.category > div .hotbox a { height: auto; text-align: left; padding: 10px; background: none; } .hotboxes.category > div .hotbox a:before { content: "\f061"; color: #2d3943; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; float: right; margin-top: 3px; } .icon-hotbox { display: block; } .icon-hotbox li { min-height: auto; } } .grid-container.product-landing { padding-left: 0; padding-right: 0; } .product__panel { zoom: 1; margin-left: -15px; margin-right: -15px; margin-bottom: 20px; } .product__panel:before, .product__panel:after { content: ""; display: block; height: 0; overflow: hidden; } .product__panel:after { clear: both; } .product__item { border: 1px solid #b1b1b1; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin: 0 0 35px 0; position: relative; } .product__item a { display: block; outline: none !important; } .product__item:hover { border: 1px solid #c2d72f; } .product__item a:hover { text-decoration: none; } .product__item-name { background-color: #e0eb97; padding: 18px; height: 120px; text-align: center; } .product__item-name a:hover { text-decoration: none; } .product__item-name h2 { color: #2d3943; margin: 0; font-size: 20px; font-weight: 700; text-transform: none; background-color: #e0eb97; width: 100%; } .product__item-name h3 { color: #2d3943; font-size: 16px; font-weight: 300; text-transform: none; } .product__item-summary { margin-left: 10px; margin-right: 10px; height: 130px; overflow: hidden; text-align: center; color: #2d3943; } .product__item-summary span { color: #b0b0b0; } .product__item-image { text-align: center; padding: 10px; height: 188px; } .product__item-image img { max-width: 100%; margin: 0 auto; max-height: 100%; } .product__item-price { font-size: 24px; font-weight: 700; padding: 10px; text-align: center; } .product__item-price .original-price { color: #2d3943; } .product__item-price .discount-price { color: #dc313d; } .product__item-price.discounted .original-price { text-decoration: line-through; } .product__item-price.discounted.clearance .discount-price { color: #2a8e17; } .product__item-action { zoom: 1; padding: 0 20px 20px; width: 165px; margin: 0 auto; } .product__item-action:before, .product__item-action:after { content: ""; display: block; height: 0; overflow: hidden; } .product__item-action:after { clear: both; } .product__item-quantity { zoom: 1; float: left; width: 100%; margin: 5px auto; } .product__item-quantity:before, .product__item-quantity:after { content: ""; display: block; height: 0; overflow: hidden; } .product__item-quantity:after { clear: both; } .product__item-quantity input[type="text"] { border: 1px solid #2d3943; background-color: #f2f2f2; font-size: 14px; font-weight: 700; text-align: center; padding: 9px; width: 30px; height: 30px; display: block; float: left; } .product__item-quantity .qty.increase, .product__item-quantity .qty.decrease { background-color: #2d3943; color: #fff; display: block; font-size: 18px; font-weight: 700; line-height: 30px; width: 25px; height: 30px; float: left; cursor: pointer; text-align: center; } .product__item-quantity .qty.increase { -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; } .product__item-quantity .qty.decrease { -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; } .product__item-addtocart { zoom: 1; position: relative; float: right; } .product__item-addtocart:before, .product__item-addtocart:after { content: ""; display: block; height: 0; overflow: hidden; } .product__item-addtocart:after { clear: both; } .product__item-addtocart a { display: block; background-image: url("../img/button__add-to-cart.png"); background-attachment: scroll; background-repeat: no-repeat; text-indent: -9999px; width: 30px; height: 30px; margin: 7px 5px 5px; overflow: hidden; position: absolute; top: -4px; right: 0; } .product-list { zoom: 1; } .product-list:before, .product-list:after { content: ""; display: block; height: 0; overflow: hidden; } .product-list:after { clear: both; } .product-list .product__item { margin: 15px 5px; text-align: center; } @media screen and (max-width: 1024px) { .product__item { width: auto; } } .tag { display: inline-block; position: absolute; top: -15px; right: 5px; padding: 5px 10px 5px 20px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 13px; font-weight: 700; text-transform: uppercase; } .tag.hot-item { background-color: #dc313d; background-image: url("../img/icon__flame.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 7px 5px; color: #fff; } .tag.clearance { background-color: #2a8e17; background-image: url("../img/icon__dollar.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 4px 8px; color: #fff; } .tag.new { background-color: #30318d; background-image: url("../img/icon__tick.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 6px 10px; color: #fff; } .tag.sold-out, .tag.low-stock { top: 206px; left: 0; width: 100%; background-color: rgba(219, 37, 50, 0.7); text-align: center; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 10px; } .tag.sold-out h4, .tag.low-stock h4 { color: #fff; text-transform: none; font-size: 24px; font-weight: 700; margin: 0; } .tag.sold-out p, .tag.low-stock p { font-size: 18px; font-weight: 300; text-transform: none; color: #fff; margin: 0; } .tag.low-stock { background-color: rgba(196, 216, 54, 0.7); } .tag.low-stock h4 { color: #2d3943; } .tag.low-stock p { color: #2d3943; } @media screen and (max-width: 1024px) { .tag { top: -15px; } } .breadcrumbs { margin-bottom: 20px; } .breadcrumbs p { zoom: 1; margin: 0; padding: 0; font-size: 12px; } .breadcrumbs p:before, .breadcrumbs p:after { content: ""; display: block; height: 0; overflow: hidden; } .breadcrumbs p:after { clear: both; } .breadcrumbs a:last-child { color: #858585; text-decoration: underline; } .breadcrumbs a:last-child:after { display: none; } @media screen and (min-width: 1024px) { .breadcrumbs a:after { content: '/'; color: #858585; display: inline-block; margin: 0 6px 0 8px; } } @media screen and (max-width: 1024px) { .breadcrumbs { background-color: #f2f2f2; } .breadcrumbs a { display: block; float: left; height: 36px; line-height: 36px; color: #fff; padding: 0 12px 0 26px; position: relative; } .breadcrumbs a:after { content: ''; position: absolute; top: 0; right: -13px; width: 13px; height: 36px; display: block; z-index: 1; background-image: url("../img/sprite__breadcrumbs.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: right 0; } .breadcrumbs a:hover span { text-decoration: underline; } .breadcrumbs a:nth-child(1) { background-color: #7e7e7e; padding: 0 12px; } .breadcrumbs a:nth-child(2) { background-color: #8d8d8d; } .breadcrumbs a:nth-child(2):after { background-position: right -36px; } .breadcrumbs a:nth-child(3) { background-color: #9e9e9e; } .breadcrumbs a:nth-child(3):after { background-position: right -72px; } .breadcrumbs a:nth-child(4) { background-color: #b5b5b5; } .breadcrumbs a:nth-child(4):after { background-position: right -108px; } .breadcrumbs a:nth-child(5) { background-color: #dfdfdf; color: #2d3943; } .breadcrumbs a:nth-child(5):after { background-position: right -144px; } .breadcrumbs a:nth-child(6), .breadcrumbs a:nth-child(7) { display: none; } .breadcrumbs a:last-child { background-color: #dfdfdf; color: #2d3943; } .breadcrumbs a:last-child:after { display: block; background-position: right -144px; } } @media screen and (max-width: 767px) { .breadcrumbs .grid-container { padding-left: 0; padding-right: 0; } } .filter { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #dfdfdf; } .filter h2 { color: #2d3943; text-transform: none; font-size: 14px; padding: 13px; border-bottom: 1px solid #fff; } .filter h2:after { content: "\f196"; font-family: "FontAwesome"; font-size: 19px; font-weight: 400; padding-left: 10px; float: right; } .filter h2 + div { display: none; } .filter h2.open:after { content: "\f147"; } .filter h2.open + div { display: block; } .filter h2:hover { cursor: pointer; background-color: #d2d2d2; } .filter > div { padding: 15px; background-color: #f2f2f2; border-bottom: 1px solid #fff; } .filter ul { list-style-type: none; margin: 0; padding: 0; } .filter ul li { margin: 0; padding: 0; } .filter li { zoom: 1; border-bottom: 1px solid #fff; padding: 2px 0 !important; line-height: 20px; } .filter li:before, .filter li:after { content: ""; display: block; height: 0; overflow: hidden; } .filter li:after { clear: both; } .filter li:last-child { border-bottom: 0; } .filter li.disabled { display: none !important; } .filter label { zoom: 1; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; text-transform: none; color: #2d3943; padding-right: 30px; display: block; } .filter label:before, .filter label:after { content: ""; display: block; height: 0; overflow: hidden; } .filter label:after { clear: both; } .filter input[type="checkbox"] { display: none; } .filter input[type="checkbox"] + label span { display: inline-block; width: 20px; height: 20px; cursor: pointer; background-image: url("../img/sprite__checkbox.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -20px; float: right; margin-top: 8px; margin-right: -30px; } .filter input[type="checkbox"]:checked + label span { background-position: 0 0; } .filter .btn, .filter input[type="submit"], .filter .form__row.submit input[type="submit"], .form__row.submit .filter input[type="submit"], .filter .form-hiddenLabels .FormButton, .form-hiddenLabels .filter .FormButton, .filter .shopping-cart .SubmitButton, .shopping-cart .filter .SubmitButton, .filter .shopping-cart .LongButton, .shopping-cart .filter .LongButton { display: block; background-color: #2d3943; color: #fff; padding: 4px 8px; border: 1px solid #374652; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 14px; font-weight: bold; } .filter .btn:hover, .filter input[type="submit"]:hover, .filter .form-hiddenLabels .FormButton:hover, .form-hiddenLabels .filter .FormButton:hover, .filter .shopping-cart .SubmitButton:hover, .shopping-cart .filter .SubmitButton:hover, .filter .shopping-cart .LongButton:hover, .shopping-cart .filter .LongButton:hover { background-color: #232c34; } .filter input[type="submit"] { display: inline-block; } .filter .disabled label { color: #768ea3; } .filter .disabled input[type="checkbox"]:checked + label span { background-position: 0 -40px; } .filter__input { width: 55px; } .filter__input:nth-child(2) { margin-right: 5px; } .filter__input.price { background-image: url("../img/bg__price.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 2px center; background-size: 10px; padding-left: 15px; } @media screen and (max-width: 1024px) { .grid-container.product-landing { padding: 0 10px; } .mobilefilter { background: #f2f2f2; padding: 0; line-height: 33px; margin: 0 0 30px; position: relative; } .mobilefilter span { color: #666666; } .mobilefilter .filterrecordcount { position: absolute; top: 0; right: 20px; } .mobilefilter .recordcount { font-weight: 700; } .mobilefilter .filtertoggle, .mobilefilter .sorttoggle { display: inline-block; padding: 0 35px 0 10px; cursor: pointer; position: relative; } .mobilefilter .filtertoggle:after, .mobilefilter .sorttoggle:after { position: absolute; content: ''; top: 50%; right: 10px; background: url("../img/mobiletoggleicons.png") 0 -13px no-repeat; width: 14px; height: 10px; margin-top: -5px; } .mobilefilter .filtertoggle.active, .mobilefilter .sorttoggle.active { background-color: #dfdfdf; } .mobilefilter .filtertoggle.active:after, .mobilefilter .sorttoggle.active:after { background-position: 0 0; } .pagination.top, .filter { display: none; } .filter { border-radius: 0; } .pagination.top { margin: 0 10px; } .sort { float: none; background: #dfdfdf; padding: 20px 13px; } .sort label { display: none; } .sort .selectboxit-container { width: 100%; } .sort .selectboxit-container .selectboxit { width: 100% !important; } .sort .selectboxit-container .selectboxit .selectboxit-text { max-width: 100% !important; } } .searchlisting-results { list-style: none; margin: 0; padding: 0; } .searchlisting-results .product__item-image { min-height: 142px; } .searchlisting-results li:nth-child(4n+1) { clear: left; } .additional-info .r-tabs .product-tabs__content ul { list-style: disc; padding-left: 17px; } .product__gallery { padding: 0 90px 0 50px; } .product__gallery .slick-prev { left: -50px; } .product__gallery .slick-next { right: -50px; } .product__gallery, .product__summary { margin: 10px 0 0; } @media screen and (min-width: 1024px) { .bordertop { border-top: solid 1px #d9d9d9; padding-top: 20px; } } .product__gallery .product__gallery-thumbs .slick-list { padding: 0 !important; } .product__gallery .product__gallery-thumbs .slick-list .slick-track { -webkit-transform: none !important; transform: none !important; } .product__gallery .slick-dots { left: 0; bottom: 0; text-align: center; padding: 0; margin: 0; position: relative; bottom: -10px; } .product__gallery .slick-dots li button { width: 15px; height: 15px; border-radius: 50%; background: #dc2b38; } .product__gallery .slick-dots li button:before { font-size: 0; } .product__gallery .slick-dots li.slick-active button { background-color: #d2d2d2; } .product__gallery-main .product__gallery-main--slide:focus { outline: 0; } .product__gallery-main img { max-width: 100%; } .product__gallery-thumbs { margin: 20px 0 60px; } .product__gallery-thumbs img { max-width: 100%; padding: 10px; border: 1px solid #f1f1f1; } .product__gallery-thumbs .product__gallery-thumbs--slide { margin: 0 2px; } .product__gallery-thumbs .slick-current img { border-color: #c2d72f; } .product__summary { position: relative; } .product__summary .grid-container { padding-left: 0; padding-right: 0; } .product__summary .product__item-price { display: inline-block; border: solid 1px #b1b1b1; border-radius: 8px; padding: 15px; } .product__summary .product__item-price .discount-price { padding: 0; } .product__summary .tag { position: relative; top: auto; right: auto; font-size: 18px; padding: 10px 20px 10px 35px; margin-bottom: 20px; } .product__summary .tag.new { background-position: 18px 18px; } .product__summary .tag.hot-item { background-position: 14px 13px; } .product__summary h1 { font-size: 36px; font-weight: 700; color: #2d3943; text-transform: capitalize; } .product__summary h2 { font-size: 26px; font-weight: 300; color: #2d3943; text-transform: none; margin: 5px 0 10px; } .product__summary ul { list-style-type: none; margin: 0; padding: 0; } .product__summary ul li { margin: 0; padding: 0; } .product__summary .product__action { zoom: 1; margin: 20px 0; } .product__summary .product__action:before, .product__summary .product__action:after { content: ""; display: block; height: 0; overflow: hidden; } .product__summary .product__action:after { clear: both; } .product__summary .product__price { zoom: 1; float: left; border: 1px solid #b1b1b1; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 10px 20px; font-size: 30px; font-weight: 700; } .product__summary .product__price:before, .product__summary .product__price:after { content: ""; display: block; height: 0; overflow: hidden; } .product__summary .product__price:after { clear: both; } .product__summary .original-price, .product__summary .discount-price { padding: 0 10px; display: inline-block; } .product__summary .orginal-price { color: #2d3943; } .product__summary .discount-price { color: #dc313d; } .product__summary .discounted .original-price { text-decoration: line-through; } .product__summary .discounted.clearance .discount-price { color: #2a8e17; } .product__summary .quantity-wrapper p { float: left; margin-left: 20px; margin-right: 10px; margin-top: 20px; } .product__summary .product__item a { display: block; outline: none; } .product__summary .product__item-action { padding: 20px 0; width: auto; } .product__summary .product__item-quantity { height: auto; width: auto; float: left; margin: 0 20px 0 0; } .product__summary .product__item-quantity .qty.decrease, .product__summary .product__item-quantity .qty.increase { padding: 0 10px; width: 28px; height: 45px; line-height: 45px; } .product__summary .product__item-quantity input[type="text"] { height: 45px; width: 40px; } .product__summary .product__item-addtocart { float: left; width: auto; } .product__summary .product__item-addtocart a { width: auto; height: 50px; line-height: 50px; text-indent: 0; padding: 0 20px 0 50px; color: #2d3943; top: -3px; background-position: 15px 7px; font-size: 18px; font-weight: bold; margin: 0; position: relative; } .product__summary .product__item-addtocart a.btn, .product__summary .product__item-addtocart .form-hiddenLabels a.FormButton, .form-hiddenLabels .product__summary .product__item-addtocart a.FormButton, .product__summary .product__item-addtocart .shopping-cart a.SubmitButton, .shopping-cart .product__summary .product__item-addtocart a.SubmitButton, .product__summary .product__item-addtocart .shopping-cart a.LongButton, .shopping-cart .product__summary .product__item-addtocart a.LongButton { margin: 0; } .product__summary .product__item-addtocart a:hover { text-decoration: none; } .specifications { margin: 20px 0; padding: 30px; background-color: #ededed; border: 1px solid #dedede; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .specifications h3 { color: #2d3943; font-size: 14px; text-transform: none; margin-bottom: 20px; } .specifications h3:not(:first-child) { margin-top: 20px; } .specifications ul { list-style-type: none; margin: 0; padding: 0; } .specifications ul li { margin: 0; padding: 0; } .specifications ul li { font-weight: 300; } .specifications ul strong { font-weight: 400; } .specifications .fa-question-circle { cursor: pointer; } .specifications .colourtemp { margin: 10px 0; width: 100%; max-width: 100%; clear: both; display: none; } .sweet-alert button { background-color: #2d3943 !important; font-weight: 700; } .searchlisting-noresults p { font-size: 15px; color: red; font-style: italic; text-align: center; } @media screen and (max-width: 1024px) { .searchlisting-results li:nth-child(4n+1) { clear: none; } .searchlisting-results li:nth-child(3n+1) { clear: left; } .product__gallery-main { margin-bottom: 20px; } .product__gallery-main .slick-prev, .product__gallery-main .slick-next { display: none !important; } .product__summary h1 { font-size: 30px; } .product__summary h2 { font-size: 20px; } .product__summary .product__action { margin: 20px 0; } .product__summary .product__price { padding: 0 15px; font-size: 20px; height: 49px; line-height: 49px; } .specifications { margin-bottom: 4px; padding: 10px; } } @media screen and (max-width: 767px) { .product__summary h1 { font-size: 26px; } .product__summary h2 { font-size: 16px; margin: 10px 0 20px 0; } .product__summary .product__action { margin: 0; } .product__summary .product__addtocart { margin: 10px 0; display: block; text-align: center; } .product__summary .product__addtocart a { display: inline-block; float: none; } .product__summary .product__price { float: none; margin-bottom: 20px; display: inline-block; } .product__summary .product__quantity { padding-top: 5px; margin-left: 20px; width: auto; float: right; clear: both; } } @media screen and (max-width: 767px) { .searchlisting-results .product__item, .product__panel .product__item, .search-listresults .product__item { border: 0; border-radius: 0; margin: 0; padding: 20px 0; } .searchlisting-results li, .product__panel li, .search-listresults li { margin-bottom: 20px; } .searchlisting-results li:first-child .product__item, .product__panel li:first-child .product__item, .search-listresults li:first-child .product__item { border-top: 0; } .searchlisting-results .slick-slide > div:first-child .product__item, .product__panel .slick-slide > div:first-child .product__item, .search-listresults .slick-slide > div:first-child .product__item { border-top: 0; } .searchlisting-results .product__item, .product__panel .product__item, .search-listresults .product__item { padding-left: 35%; border-top: solid 1px #c6c6c6; } .searchlisting-results .product__item-image, .product__panel .product__item-image, .search-listresults .product__item-image { position: absolute; top: 32px; left: 0; width: 31%; padding: 0; } .searchlisting-results .product__item-image img, .product__panel .product__item-image img, .search-listresults .product__item-image img { max-width: 150px; width: 100%; } .searchlisting-results .product__item-name, .product__panel .product__item-name, .search-listresults .product__item-name { background: none; height: auto; padding: 0; text-align: left; margin-bottom: 5px; clear: right; } .searchlisting-results .product__item-name h2, .product__panel .product__item-name h2, .search-listresults .product__item-name h2 { font-size: 16px; } .searchlisting-results .product__item-summary, .product__panel .product__item-summary, .search-listresults .product__item-summary { margin: 10px 0; height: auto; text-align: left; } .searchlisting-results .product__item-summary span, .product__panel .product__item-summary span, .search-listresults .product__item-summary span { font-size: 12px; } .searchlisting-results .product__item-price, .product__panel .product__item-price, .search-listresults .product__item-price { padding: 0; text-align: left; } .searchlisting-results .tag.sold-out, .searchlisting-results .tag.low-stock, .searchlisting-results .tag-low-stock, .product__panel .tag.sold-out, .product__panel .tag.low-stock, .product__panel .tag-low-stock, .search-listresults .tag.sold-out, .search-listresults .tag.low-stock, .search-listresults .tag-low-stock { padding: 5px 0 !important; bottom: auto; top: auto; position: relative; } .searchlisting-results .tag.sold-out h4, .searchlisting-results .tag.low-stock h4, .searchlisting-results .tag.sold-out p, .searchlisting-results .tag.low-stock p, .searchlisting-results .tag-low-stock h4, .searchlisting-results .tag-low-stock p, .product__panel .tag.sold-out h4, .product__panel .tag.low-stock h4, .product__panel .tag.sold-out p, .product__panel .tag.low-stock p, .product__panel .tag-low-stock h4, .product__panel .tag-low-stock p, .search-listresults .tag.sold-out h4, .search-listresults .tag.low-stock h4, .search-listresults .tag.sold-out p, .search-listresults .tag.low-stock p, .search-listresults .tag-low-stock h4, .search-listresults .tag-low-stock p { display: inline; font-weight: 700; font-size: 18px; } .searchlisting-results .tag.clearance, .searchlisting-results .tag.new, .searchlisting-results .tag.hot-item, .product__panel .tag.clearance, .product__panel .tag.new, .product__panel .tag.hot-item, .search-listresults .tag.clearance, .search-listresults .tag.new, .search-listresults .tag.hot-item { position: relative; float: right; margin-top: 20px; } } .pageshowing { position: absolute; top: 0; left: 0; } .pageshowing span { font-weight: bold; display: inline-block; padding: 5px 0; } .pagination-wrapper { text-align: center; } .uk-pagination { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .uk-pagination li { margin: 0; padding: 0; } .uk-pagination li { float: left; } .uk-pagination li { display: inline; } .uk-pagination li.button { margin-left: 5px; cursor: pointer; } .uk-pagination li.button:first-child { margin-left: 0px; } .uk-pagination li.button a { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 5px; background-color: #2d3943; color: #fff; } .uk-pagination li.button a:hover { text-decoration: none; background-color: #415362; } .uk-pagination li.button.disabled { cursor: default; } .uk-pagination li.button.disabled a { background-color: #a9b9c6; } .uk-pagination li.button.disabled a:hover { cursor: default; } .uk-pagination a, .uk-pagination span { display: block; padding: 5px 4px; color: #2d3943; font-weight: 700; } .uk-pagination span { font-weight: 400; } .uk-pagination .disabled a { background-color: #a9b9c6; } .uk-pagination .disabled a:hover { cursor: default; } .pagesize { list-style-type: none; margin: 0; padding: 0; display: inline-block; position: absolute; top: 0; right: 0; } .pagesize li { margin: 0; padding: 0; } .pagesize li { float: left; } .pagesize:before { content: "View:"; float: left; padding: 5px 0; } .pagesize span { display: inline-block; padding: 5px 4px; margin-left: 5px; font-weight: 700; color: #2d3943; cursor: pointer; } .pagesize span.active { cursor: default; color: #2d3943; font-weight: 400; } .pagination.top { margin-top: 0; } .pagination { margin-top: -20px; } .pagination .grid-container { position: relative; } .uk-pagination a, .uk-pagination span { display: inline-block; } .uk-pagination strong { font-weight: 500; } .first-button, .prev-button, .next-button, .last-button { border-radius: 5px; background-clip: padding-box; padding: 5px; background-color: #2d3943; color: #fff !important; } .first-button:hover, .prev-button:hover, .next-button:hover, .last-button:hover { text-decoration: none; background-color: #415362; } @media screen and (max-width: 1024px) { .uk-pagination a, .uk-pagination span { padding: 5px 6px; } .pagesize { right: 20px; } } .product-tabs__content#downloads li:nth-child(odd) a { background-color: #d9d9d9; } .product-tabs__content#downloads a { display: block; margin-bottom: 1px; padding: 5px 10px; } label { display: inline-block; color: #2d3943; font-weight: 400; font-size: 1em; margin-bottom: 5px; text-transform: captialize; line-height: 37px; } input, select, option, textarea { font-family: "Open Sans", sans-serif; font-size: 1.1428571429em; padding: 6px 12px; background-color: #fff; border: 1px solid #cccccc; } input[type="radio"] { margin-right: 10px; } .form__row { zoom: 1; margin-bottom: 10px; } .form__row:before, .form__row:after { content: ""; display: block; height: 0; overflow: hidden; } .form__row:after { clear: both; } .form__row label, .form__row .EditingFormLabel { float: left; display: block; width: 20%; margin-right: 10px; } .form__row.submit { margin-left: 20%; padding-left: 10px; } .form__data { float: left; display: block; width: 70%; } .form__data input[type="text"] { width: 280px; max-width: 100%; } .form__data textarea { width: 500px; height: 200px; max-width: 100%; } .form__data ul { list-style-type: none; margin: 0; padding: 0; } .form__data ul li { margin: 0; padding: 0; } .form__data .RadioButtonList label { float: none; display: inline-block; width: auto; line-height: 20px; } .captcha input[type="text"] { clear: both; width: 100px; } .captcha img { border: 1px solid #ccc; } .form-hiddenLabels { background: #e6e6e6; padding: 40px; display: table; width: 100%; } .form-hiddenLabels label { position: absolute; text-indent: -9999px; } .form-hiddenLabels .form-row { float: left; width: 25%; } .form-hiddenLabels .form-row:nth-child(5) { width: 100%; float: none; } .form-hiddenLabels .form-row:nth-child(5) textarea { width: 100%; height: 115px; } .form-hiddenLabels .form-row:last-child { width: 100%; text-align: center; } .form-hiddenLabels input[type=text], .form-hiddenLabels input[type=email], .form-hiddenLabels input[type=password], .form-hiddenLabels textarea, .form-hiddenLabels .selectboxit-container, .form-hiddenLabels select { width: 99%; } .form-hiddenLabels .form-row:nth-item(6) { margin-top: 10px; } .form-hiddenLabels .form-row-checkbox { width: 100%; text-align: center; } .form-hiddenLabels .form-row-checkbox .form-element { position: relative; left: -70px; } .form-hiddenLabels .form-row-checkbox .editing-form-control-nested-control { display: inline-block; vertical-align: middle; } .form-hiddenLabels .form-row-checkbox label { text-indent: 0; display: inline-block; line-height: 20px; vertical-align: bottom; margin-left: 10px; } .form-hiddenLabels .form-row input, .form-hiddenLabels .form-row select, .form-hiddenLabels .form-row option, .form-hiddenLabels .form-row textarea { color: #ccc; } @media screen and (max-width: 1023px) { .form-hiddenLabels .form-row { float: left; width: 50%; margin-bottom: 10px; } .form-hiddenLabels .form-row-checkbox { width: 100% !important; } } @media screen and (max-width: 767px) { .form__data { float: none; width: 100%; } .form-hiddenLabels .form-row { float: left; width: 100%; margin-bottom: 10px; } .form-hiddenLabels .form-row-checkbox { width: 100% !important; text-align: left; } .form-hiddenLabels .form-row-checkbox .form-element { position: relative; left: 0px; } .form__row label, .form__row .EditingFormLabel { float: none; width: 100%; margin: 0; } .form__row [type="text"] { width: 100% !important; } .form__row.submit { margin: 0; padding: 0; } .form__row .selectboxit-container { width: 100% !important; } .form__row .selectboxit-container .selectboxit[style] { width: 100% !important; } .form__row .selectboxit-container .selectboxit-text[style] { width: 100% !important; } } .contact__store-listing h2 { border-bottom: 1px solid #bababa; padding-bottom: 5px; } .store-details__location { zoom: 1; margin-bottom: 20px; } .store-details__location:before, .store-details__location:after { content: ""; display: block; height: 0; overflow: hidden; } .store-details__location:after { clear: both; } .store-details__address ul { list-style: none; padding: 0; margin: 20px 0; } .store-details__map { text-align: right; } .store-details__map iframe { border: 1px solid #bababa; } @media screen and (max-width: 767px) { .store-details__map { text-align: left; } } .warning { border: solid 3px #c2d72f; background: #f4f8da; padding: 20px; margin: 0 0 15px; } .shopping-cart { margin-bottom: 40px; } .shopping-cart .SubmitButton, .shopping-cart .LongButton { margin: 0; } .ErrorLabel { color: red; font-style: italic; } .cart-step-header { font-family: "Open Sans", sans-serif; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-step-images { text-align: center; margin-top: 20px; } .cart-step-images img { margin: 0 10px 20px 0; } .cart-step input[type="checkbox"] { width: 18px; height: 18px; } .cart-step .BlockTitle { font-family: "Open Sans", sans-serif; font-size: 1.9285714286em; margin: 20px 0; display: block; color: #2d3943; } .cart-step input[type="text"], .cart-step input[type="password"], .cart-step textarea, .cart-step select { border: 1px solid #b2b2b2; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 0 10px; line-height: 34px; height: 34px; color: #666; width: 300px; max-width: 100%; } .cart-step input[type="text"].units, .cart-step input[type="password"].units, .cart-step textarea.units, .cart-step select.units { text-align: center; } .cart-step select { height: 34px; } .cart-step textarea { width: 100%; min-height: 90px; } .cart-step .UnitsTextBox { height: 34px; } .cart-step .FieldLabel, .cart-step .ContentLabel { font-weight: normal; padding-right: 10px; color: #2d3943; line-height: 34px; } .cart-step .selectboxit-container { margin-bottom: 10px; } .cart-step .selectboxit-container .selectboxit[style] { width: 300px !important; max-width: 100%; } .cart-step .sign-in, .cart-step .new-account, .cart-step .anonymous, .cart-step .shipping-address { padding: 20px 0; } .cart-step .sign-in label, .cart-step .new-account label, .cart-step .anonymous label, .cart-step .shipping-address label { font-weight: bold; } .cart-step .sign-in input[type="radio"], .cart-step .sign-in input[type="checkbox"], .cart-step .new-account input[type="radio"], .cart-step .new-account input[type="checkbox"], .cart-step .anonymous input[type="radio"], .cart-step .anonymous input[type="checkbox"], .cart-step .shipping-address input[type="radio"], .cart-step .shipping-address input[type="checkbox"] { margin-right: 10px; } .cart-step .sign-in__form, .cart-step .new-account__form, .cart-step .anonymous__form { padding: 20px 0; } .cart-step .sign-in__form .forgot-password, .cart-step .new-account__form .forgot-password, .cart-step .anonymous__form .forgot-password { margin: 20px 0 20px 200px; } .cart-step .sign-in__form .forgot-password a:after, .cart-step .new-account__form .forgot-password a:after, .cart-step .anonymous__form .forgot-password a:after { content: "?..."; } .cart-step .sign-in__form .forgot-password-wrapper, .cart-step .new-account__form .forgot-password-wrapper, .cart-step .anonymous__form .forgot-password-wrapper { padding: 20px 0; } .cart-step .sign-in__form .forgot-password__label, .cart-step .new-account__form .forgot-password__label, .cart-step .anonymous__form .forgot-password__label { margin-bottom: 10px; } .cart-step .sign-in__form .PasswordStrengthText, .cart-step .new-account__form .PasswordStrengthText, .cart-step .anonymous__form .PasswordStrengthText { margin: 10px 0; } .cart-step .sign-in__form .PasswordStrengthExcellent, .cart-step .new-account__form .PasswordStrengthExcellent, .cart-step .anonymous__form .PasswordStrengthExcellent { color: green; font-weight: 700; } .cart-step .sign-in__form .PasswordStrengthStrong, .cart-step .new-account__form .PasswordStrengthStrong, .cart-step .anonymous__form .PasswordStrengthStrong { color: #4d7c00; font-weight: 700; } .cart-step .sign-in__form .PasswordStrengthAverage, .cart-step .new-account__form .PasswordStrengthAverage, .cart-step .anonymous__form .PasswordStrengthAverage { color: #21bcff; font-weight: 700; } .cart-step .sign-in__form .PasswordStrengthAcceptable, .cart-step .new-account__form .PasswordStrengthAcceptable, .cart-step .anonymous__form .PasswordStrengthAcceptable { color: #ffd11c; font-weight: 700; } .cart-step .sign-in__form .PasswordStrengthWeak, .cart-step .new-account__form .PasswordStrengthWeak, .cart-step .anonymous__form .PasswordStrengthWeak { color: #ff2631; font-weight: 700; } .cart-step .sign-in__form .PasswStrenghtIndicator[style], .cart-step .new-account__form .PasswStrenghtIndicator[style], .cart-step .anonymous__form .PasswStrenghtIndicator[style] { height: 10px !important; background-color: #ddd !important; } .cart-step .sign-in__form .PasswStrenghtIndicator[style] div[style], .cart-step .new-account__form .PasswStrenghtIndicator[style] div[style], .cart-step .anonymous__form .PasswStrenghtIndicator[style] div[style] { height: 10px !important; } .cart-step label { text-transform: none; font-weight: 400; color: #2d3943; padding-right: 20px; } .cart-step input[type="text"], .cart-step input[type="password"] { width: 300px; max-width: 100%; } .CartTable { margin-bottom: 80px; } .CartStepBody h3 { font-family: "Open Sans", sans-serif; font-size: 1.5em; color: #dc2b38; } .CartStepBody .warning { border: 1px solid #ee7600; background-color: rgba(238, 118, 0, 0.25); color: #2d3943; padding: 15px; margin: 20px 0; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .CartStepBody .warning h3 { color: #ee7600; font-weight: 700; } .CartStepBody .warning h3 .fa { font-weight: 400; } .CartContent { width: 100%; } .CartContent label, .CartContent .ContentLabel { display: inline-block; text-transform: none; font-weight: 400; color: #2d3943; } .CartContent .discount-coupon { text-align: right; padding: 10px; } .CartContent .discount-coupon label { margin-right: 10px; } .emptyCartBtn { display: none !important; } .cart-totals { width: 100%; } .cart-actions { padding-top: 10px; } .TotalPrice, .TotalShipping { font-size: 1.1428571429em; font-weight: 700; text-align: right; border-top: 1px solid #b2b2b2; padding: 10px; padding-right: 0; } .TotalPrice span, .TotalShipping span { padding-right: 10px; } .CartContentTable { width: 100%; border: 0; } .CartContentTable input[type="checkbox"] { width: 18px; height: 18px; } .CartContentTable .column-labels { border-top: 0; border-bottom: 1px solid #ccc; } .CartContentTable tr { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; } .CartContentTable tr:nth-child(even) td { background-color: #efefef; } .CartContentTable th { border: 0; font-size: 16px; font-weight: 400; text-align: inherit; padding-right: 0; padding-bottom: 10px; } .CartContentTable td { border: 0; padding: 10px; padding-right: 0; white-space: nowrap; font-size: 14px; } .CartContentTable .left { text-align: left; float: none; } .CartContentTable .center { text-align: center; } .CartContentTable .right { text-align: right; float: none; } .CartContentTable .remove, .CartContentTable .product-name, .CartContentTable .units { text-align: left; } .CartContentTable .unit-price, .CartContentTable .sub-total { text-align: right; } .CartContentTable .remove { width: 80px; max-width: 100%; text-align: center; } .CartContentTable .remove input[type="checkbox"] { margin-right: 0; } .CartContentTable .product-name { padding-left: 20px; white-space: normal; } .CartContentTable .units input[type="text"] { width: 50px !important; max-width: 100%; } .CartContentTable .sub-total { padding-right: 10px; } .cart-step-footer { zoom: 1; margin: 20px 0 0; } .cart-step-footer:before, .cart-step-footer:after { content: ""; display: block; height: 0; overflow: hidden; } .cart-step-footer:after { clear: both; } .cart-step-footer .TextRight { float: right; } .cart-step-footer .TextLeft { float: left; } .field-group { zoom: 1; margin-bottom: 10px; display: table; vertical-align: top; } .field-group:before, .field-group:after { content: ""; display: block; height: 0; overflow: hidden; } .field-group:after { clear: both; } .field-label { display: table-cell; margin-right: 10px; line-height: 34px; width: 200px; max-width: 100%; } .field-data { display: table-cell; } .check-registration td, .billing-address td { vertical-align: top; } .order-preview { width: 100%; } .order-preview .cart-summary-block { padding: 10px; } .order-preview .TotalPrice, .order-preview .TotalShipping { border-top: 0; padding-right: 10px; font-size: 16px; font-weight: 700; } .order-preview .TotalPrice td, .order-preview .TotalShipping td { padding: 10px; } .order-preview .TotalPrice td:nth-child(2) span, .order-preview .TotalShipping td:nth-child(2) span { padding-right: 10px; } .cart-note { padding: 10px; } .address-preview { zoom: 1; width: 100%; } .address-preview:before, .address-preview:after { content: ""; display: block; height: 0; overflow: hidden; } .address-preview:after { clear: both; } .address-preview .address-box { border: 1px solid #b2b2b2; padding: 10px; height: 200px; } .address-preview .address-box:first-child { margin-right: 10px; } .address-preview .address-box:last-child { margin-left: 10px; } .address-preview .address-box td { font-size: 14px; } .address-preview .address-box h3 { color: #2d3943; text-transform: none; margin-bottom: 10px; } .address-preview .shipping-address { padding: 0; } .shipping-address-wrapper { zoom: 1; } .shipping-address-wrapper:before, .shipping-address-wrapper:after { content: ""; display: block; height: 0; overflow: hidden; } .shipping-address-wrapper:after { clear: both; } .AddressPreviewWithTwoColumns { zoom: 1; } .AddressPreviewWithTwoColumns:before, .AddressPreviewWithTwoColumns:after { content: ""; display: block; height: 0; overflow: hidden; } .AddressPreviewWithTwoColumns:after { clear: both; } .AddressPreviewWithTwoColumns .cart-panel { width: 50%; float: left; } .AddressPreviewWithThreeColumns { zoom: 1; } .AddressPreviewWithThreeColumns:before, .AddressPreviewWithThreeColumns:after { content: ""; display: block; height: 0; overflow: hidden; } .AddressPreviewWithThreeColumns:after { clear: both; } .AddressPreviewWithThreeColumns .cart-panel { width: 33%; float: left; } .shipping-selector { margin: 20px 0; } .payment-selector { margin-top: -15px; } .payment-shipping-summary { padding: 10px; zoom: 1; } .payment-shipping-summary:before, .payment-shipping-summary:after { content: ""; display: block; height: 0; overflow: hidden; } .payment-shipping-summary:after { clear: both; } .payment-shipping-summary .payment-method, .payment-shipping-summary .shipping-method { background-color: #efefef; padding: 10px 20px; margin: 20px 0; } .payment-shipping-summary .summary-label { font-weight: 700; margin-right: 10px; } .payment-gateway label { line-height: 34px; vertical-align: middle; } .InfoLabel { display: block; margin: 20px 0; border: 1px solid #00688b; padding: 10px; border-radius: 5px; background-color: #b0e0e6; } .payment-summary { border: 1px solid #b2b2b2; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .payment-summary .field-group { margin-bottom: 0; } .payment-summary .field-label { line-height: 24px; } .payment-summary .field-data { font-weight: 700; } .PaymentGatewayDataContainer .warning { border: 1px solid #ee7600; background-color: rgba(238, 118, 0, 0.25); color: #2d3943; padding: 15px; margin: 20px 0; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .PaymentGatewayDataContainer .selectboxit-container .selectboxit[style].expiry { width: 145px !important; margin-right: 10px; } .PaymentGatewayDataContainer .securepay-notice { zoom: 1; } .PaymentGatewayDataContainer .securepay-notice:before, .PaymentGatewayDataContainer .securepay-notice:after { content: ""; display: block; height: 0; overflow: hidden; } .PaymentGatewayDataContainer .securepay-notice:after { clear: both; } .PaymentGatewayDataContainer .securepay-notice img { float: left; margin: 10px 20px 10px 0 !important; } .PaymentGatewayDataContainer .securepay-notice p { float: left; color: #9a9a9a; font-style: italic; } .FinalLongButton { background-color: #c2d72f; border: 0px; float: left; color: #2d3943; text-transform: none; font-weight: bold; height: 45px; line-height: 45px; padding: 0px 30px; border-radius: 3px; padding-top: 0; padding-bottom: 0; } .FinalLongButton:hover { background-color: #9fb122; } @media screen and (max-width: 767px) { .CartContentTable tbody, .CartContentTable tr, .CartContentTable td { display: block; } .CartContentTable th { display: none; } .CartContentTable tr { border: 0; } .CartContentTable tr:nth-child(2) .remove { border: 0 !important; } .CartContentTable td { width: 100% !important; clear: right; border: 0 !important; background: transparent !important; padding: 5px 0; line-height: 31px; } .CartContentTable td:before { margin-right: 5px; text-align: left; float: left; } .CartContentTable td.remove:before { content: 'Remove'; } .CartContentTable td.units:before { content: 'Units'; } .CartContentTable td.unit-price:before { content: 'Unit price'; } .CartContentTable td.sub-total:before { content: 'Subtotal'; } .CartContentTable td.remove { border-top: solid 1px #ccc !important; text-align: left; } .CartContentTable td .UnitsTextBox { float: right; } .CartContentTable .sub-total { padding: 0; } .CartContentTable .product-name { padding-left: 0; } .CartContentTable .product-name a { display: block; } .cart-step .BlockContent { padding: 0; } .cart-step label { padding-right: 0; line-height: 1em; } .cart-step .field-group, .cart-step .field-label, .cart-step .field-data { display: block; margin: 0; width: 100%; } .cart-step .field-group { margin-bottom: 10px; } .cart-step input[type="text"], .cart-step input[type="password"], .cart-step .selectboxit-container .selectboxit[style], .cart-step .selectboxit-container { width: 100% !important; } .cart-step .shipping-address { position: relative; padding: 0 0 0 20px; line-height: 20px; } .cart-step .shipping-address input { position: absolute; top: 4px; left: 0; } .CartContent .discount-coupon { padding: 10px 0; text-align: left; } .cart-step-images { display: none !important; } .cart-step-footer { border: 0; padding: 0; margin: 20px 0 0; } .cart-step-footer input { width: 100%; } .cart-step-footer input.LongButton { margin-bottom: 10px; } .cart-step-footer .TextLeft, .cart-step-footer .TextRight { float: none; } .cart-step-footer .TextRight { margin-bottom: 10px; } .shopping-cart { margin-bottom: 0; } .cart-actions .SubmitButton { float: right; } .AddressPreviewWithTwoColumns .cart-panel { width: 100%; float: none; padding: 0; } .AddressPreviewWithTwoColumns .cart-panel .address-box { margin: 0 !important; } .shipping-address-wrapper { margin-top: 10px; } .payment-shipping-summary { padding: 0; } .order-preview .CartContentTable tr { border-bottom: 1px solid #b2b2b2; } .order-preview .CartContentTable .units { text-align: right; } .cart-step input[type="password"], .cart-step textarea, .cart-step select { width: auto !important; } .PaymentGatewayDataContainer .securepay-notice img { margin: 10px 25px 10px 20px !important; } .CartContentTable td { padding: 10px 0px !important; } } .footer { border-top: 1px solid #d9d9d9; width: 100%; margin: 20px 0 0; padding-top: 40px; } .footer__sitemap, .footer__social { float: left; width: 50%; } .footer__sitemap p, .footer__social p { font-size: 18px; text-transform: none; font-weight: 700; color: #dc2b38; margin: 0; } .footer__sitemap ul, .footer__social ul { list-style-type: none; margin: 0; padding: 0; } .footer__sitemap ul li, .footer__social ul li { margin: 0; padding: 0; } .footer__sitemap li, .footer__social li { line-height: 20px; margin-bottom: 5px !important; } .footer__sitemap a, .footer__social a { text-transform: uppercase; color: #2d3943; font-weight: 700; } .footer__sitemap p { margin-bottom: 30px; } .footer__sitemap > ul > li:nth-child(2) > a { display: none; } .footer__social .newsletter:before { content: "\f0e0"; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; padding-right: 5px; } .footer__social .facebook:before { content: "\f230"; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; padding-right: 5px; color: #3f62a1; } .footer__social .twitter:before { content: "\f081"; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; padding-right: 5px; color: #27aae1; } .footer__location { border: 1px solid #b2b2b2; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ zoom: 1; padding: 20px; } .footer__location:before, .footer__location:after { content: ""; display: block; height: 0; overflow: hidden; } .footer__location:after { clear: both; } .footer__location p { color: #2d3943; font-size: 14px; font-weight: 700; text-transform: none; margin: 0; } .footer__location p .fa { font-weight: bold; margin-bottom: 10px; } .footer__location .btn, .footer__location .filter input[type="submit"], .filter .footer__location input[type="submit"], .footer__location .form__row.submit input[type="submit"], .form__row.submit .footer__location input[type="submit"], .footer__location .form-hiddenLabels .FormButton, .form-hiddenLabels .footer__location .FormButton, .footer__location .shopping-cart .SubmitButton, .shopping-cart .footer__location .SubmitButton, .footer__location .shopping-cart .LongButton, .shopping-cart .footer__location .LongButton { font-size: 14px; font-weight: bold; text-transform: none; margin: 15px 0; } .footer__location .btn:before, .footer__location .filter input[type="submit"]:before, .filter .footer__location input[type="submit"]:before, .footer__location .form__row.submit input[type="submit"]:before, .form__row.submit .footer__location input[type="submit"]:before, .footer__location .form-hiddenLabels .FormButton:before, .form-hiddenLabels .footer__location .FormButton:before, .footer__location .shopping-cart .SubmitButton:before, .shopping-cart .footer__location .SubmitButton:before, .footer__location .shopping-cart .LongButton:before, .shopping-cart .footer__location .LongButton:before { content: "\f054"; font-family: "FontAwesome"; padding-right: 5px; } .footer__location-findstore img { margin-top: 5px; max-width: 100%; } .footer__location-map img { max-width: 100%; } .footer__links { zoom: 1; margin-top: 40px; padding: 20px 0 40px 0; border-top: 1px solid #e7e7e7; color: #777; } .footer__links:before, .footer__links:after { content: ""; display: block; height: 0; overflow: hidden; } .footer__links:after { clear: both; } .footer__links ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; } .footer__links ul li { margin: 0; padding: 0; } .footer__links ul li { float: left; } .footer__links li { line-height: 30px; } .footer__links-special a { color: inherit; text-decoration: underline; } .footer__links-special a:hover { color: #dc2b38; } .footer__links-special li:after { content: "/"; padding: 0 5px; } .footer__links-special li:last-child:after { content: ""; padding: 0; } .footer__links-security li, .footer__links-payment li { padding: 0 5px !important; } .footer__links-security li:first-child, .footer__links-payment li:first-child { padding-left: 0 !important; } .footer__links-security li:last-child, .footer__links-payment li:last-child { padding-right: 0 !important; } .footer__links-security .comodo { margin-top: -9px; } .footer__links-payment { float: right; } @media screen and (max-width: 767px) { .footer__sitemap, .footer__social { float: none; width: 100%; } .footer__social { margin-top: 30px; } .footer__social--mobile { list-style-type: none; margin: 0; padding: 0; display: inline-block; float: left; } .footer__social--mobile li { margin: 0; padding: 0; } .footer__social--mobile li { float: left; } .footer__social--mobile li { margin-right: 10px; } .footer__social--mobile li:last-child { margin-right: 0; } .footer__social--mobile .fa-envelope { color: #2d3943; } .footer__social--mobile .fa-facebook-official { color: #3f62a1; } .footer__social--mobile .fa-twitter-square { color: #27aae1; } .footer__location-findstore .btn, .footer__location-findstore .filter input[type="submit"], .filter .footer__location-findstore input[type="submit"], .footer__location-findstore .form__row.submit input[type="submit"], .form__row.submit .footer__location-findstore input[type="submit"], .footer__location-findstore .form-hiddenLabels .FormButton, .form-hiddenLabels .footer__location-findstore .FormButton, .footer__location-findstore .shopping-cart .SubmitButton, .shopping-cart .footer__location-findstore .SubmitButton, .footer__location-findstore .shopping-cart .LongButton, .shopping-cart .footer__location-findstore .LongButton { float: left; margin-right: 20px; } .footer__links { border-top: 0; margin-top: 10px; } .footer__links ul { padding-bottom: 20px; } .footer__links-payment { float: none; } .footer { border: 0; width: 100%; margin: 20px 0 0; padding-top: 20px; } } /*# sourceMappingURL=main.css.map */