@-moz-keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*---------------------------------------------------------------------------------------
	KEYFRAME - @include 

	@include keyframes(ID) {
	  0% {
	    background-color: #ffccf2;
	  }
	  50% {
	    background-color: #ccffcc;
	  }
	  100% {
	    background-color: #ccffff;
	  } 
	}
---------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot#iefix") format("embedded-opentype"), url("../fonts/icons.svg") format("svg"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ui-icons';
  src: url("../fonts/ui-icons.eot");
  src: url("../fonts/ui-icons.eot#iefix") format("embedded-opentype"), url("../fonts/ui-icons.svg") format("svg"), url("../fonts/ui-icons.woff") format("woff"), url("../fonts/ui-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* ------------------------------------------------------------------------------- 
	BASE
------------------------------------------------------------------------------- */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

a {
  text-decoration: none; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*---------------------------------------------------------------------------------------
	GRID SYSTEM
---------------------------------------------------------------------------------------*/
/* Normal Version 3% margin */
/* Small Version 2% margin */
/* Small Version 2% margin */
/* No Margin */
.gr:before,
.gr:after {
  content: " ";
  display: table; }

.gr:after {
  clear: both; }

[class^="gc-"] {
  float: left;
  margin-left: 3%; }

/* Normal */
.gr.s [class^="gc-"] {
  float: left;
  margin-left: 2%; }

/* Small */
.gr.xs [class^="gc-"] {
  float: left;
  margin-left: 1%; }

/* Extra Small */
.gr.nm [class^="gc-"] {
  float: left;
  margin: 0; }

/* No Margin */
[class^="gc-"]:first-child,
.gr.s [class^="gc-"]:first-child,
.gr.xs [class^="gc-"]:first-child {
  margin-left: 0; }

/* for group input fields to overlap each others border */
.gr.nm.group [class^="gc-"] {
  margin-left: -1px; }

.gr.nm.group [class^="gc-"]:first-child {
  margin-left: 0; }

/* Normal ---------------------------------------------- */
.gc-1 {
  width: 100%; }

/* full width */
.gc-12 {
  width: 48.5%; }

/* one half */
.gc-13 {
  width: 31.33%; }

/* one third */
.gc-14 {
  width: 22.75%; }

/* one fourth */
.gc-15 {
  width: 17.6%; }

/* one fifth */
.gc-16 {
  width: 14.16%; }

/* one sixth */
.gc-23 {
  width: 65.66%; }

/* two third */
.gc-25 {
  width: 38.2%; }

/* two fifth */
.gc-35 {
  width: 58.8%; }

/* three fifth */
.gc-34 {
  width: 74.25%; }

/* three fourth */
.gc-45 {
  width: 79.4%; }

/* four fifth */
/* Small ---------------------------------------------- */
/* Extra Small ---------------------------------------- */
/* No Margin ----------------------------------------- */
.gr [class^="gc-"] .ip,
.gr [class^="gc-"] textarea {
  width: 100%; }

@media (max-width: 1999px) {
  .gc-l-1 {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 1240px) {
  .gc-r-1 {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 1020px) {
  .gc-s-1 {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 840px) {
  .gc-xs-1 {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 499px) {
  .gc-xxs-1 {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 400px) {
  .gc-xxxs-1 {
    width: 100%;
    margin-left: 0; } }

/*---------------------------------------------------------------------------------------
	NEW GRID SYSTEM
---------------------------------------------------------------------------------------*/
.fb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .fb .fb-item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  @media (max-width: 840px) {
    .fb.two-column {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .fb.two-column .fb-item {
    width: 50%; }
    @media (max-width: 840px) {
      .fb.two-column .fb-item {
        width: 100%; } }
  .fb.two-column.space .fb-item:nth-child(odd) {
    padding-right: 10px; }
    @media (max-width: 840px) {
      .fb.two-column.space .fb-item:nth-child(odd) {
        padding-right: 0; } }
  .fb.two-column.space .fb-item:nth-child(even) {
    padding-left: 10px; }
    @media (max-width: 840px) {
      .fb.two-column.space .fb-item:nth-child(even) {
        padding-left: 0; } }
  .fb.three-column .fb-item {
    width: 33.33%; }
  @media (max-width: 1020px) {
    .fb.fb-s-1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .fb.fb-s-1 .fb-item {
        width: 100%; } }
  @media (max-width: 840px) {
    .fb.fb-xs-1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .fb.fb-xs-1 .fb-item {
        width: 100%; } }
  @media (max-width: 499px) {
    .fb.fb-xxs-1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .fb.fb-xxs-1 .fb-item {
        width: 100%; } }
  @media (max-width: 400px) {
    .fb.fb-xxxs-1 {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .fb.fb-xxxs-1 .fb-item {
        width: 100%; } }

::-ms-clear {
  display: none; }

/* Remove IE 10 X Button */
input:focus {
  outline: none;
  box-shadow: none; }

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.ip,
select,
textarea {
  font-size: 15px;
  padding: 0 15px;
  box-shadow: none;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #444;
  font-family: inherit;
  border-radius: 0; }
  .ip::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300; }

.ip {
  width: 200px;
  height: 50px;
  font-size: 15px;
  -webkit-transition: border 200ms ease-in;
  -moz-transition: border 200ms ease-in;
  -o-transition: border 200ms ease-in;
  transition: border 200ms ease-in; }
  .ip.xs {
    height: 36px;
    font-size: 15px; }
  .ip.s {
    height: 42px;
    font-size: 15px; }
  .ip.l {
    height: 64px;
    font-size: 15px; }
  .ip.xl {
    height: 86px;
    font-size: 15px; }
  .ip:focus {
    border-color: #1fb0e6; }
  .ip.form-field-required {
    border: 1px solid #ff5050; }
    .ip.form-field-required:focus {
      border-color: #ff5050; }

select {
  height: 50px;
  width: 200px; }

textarea {
  font-size: 15px;
  height: 100px;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none;
  -webkit-transition: border 200ms ease-in;
  -moz-transition: border 200ms ease-in;
  -o-transition: border 200ms ease-in;
  transition: border 200ms ease-in;
  outline: none; }
  textarea:focus {
    border-color: #1fb0e6;
    box-shadow: none; }

.ih {
  padding-bottom: 20px;
  position: relative; }
  .ih .form-error-message {
    -moz-animation: fade_in 200ms;
    -webkit-animation: fade_in 200ms;
    -o-animation: fade_in 200ms;
    -ms-animation: fade_in 200ms;
    animation: fade_in 200ms;
    position: absolute;
    bottom: -5px;
    left: 0px;
    font-size: 11px;
    line-height: 11px;
    color: #ff5050 !important; }
  .ih label {
    line-height: 1em;
    margin-bottom: 10px;
    display: inline-block; }

.ip-addon {
  position: relative;
  display: inline-block; }
  .ip-addon .pf, .ip-addon .sf {
    position: absolute;
    top: 0;
    line-height: 50px; }
  .ip-addon .pf {
    left: 0; }
  .ip-addon .sf {
    right: 0; }
  .ip-addon.xs .ip {
    height: 36px;
    line-height: 36px; }
  .ip-addon.xs .pf, .ip-addon.xs .sf {
    line-height: 36px; }
  .ip-addon.s .ip {
    height: 42px;
    line-height: 42px; }
  .ip-addon.s .pf, .ip-addon.s .sf {
    line-height: 42px; }
  .ip-addon.r .ip {
    height: 50px;
    line-height: 50px; }
  .ip-addon.r .pf, .ip-addon.r .sf {
    line-height: 50px; }
  .ip-addon.l .ip {
    height: 64px;
    line-height: 64px; }
  .ip-addon.l .pf, .ip-addon.l .sf {
    line-height: 64px; }
  .ip-addon.xl .ip {
    height: 86px;
    line-height: 86px; }
  .ip-addon.xl .pf, .ip-addon.xl .sf {
    line-height: 86px; }
  .ip-addon .form-error-message {
    bottom: -25px; }

fieldset legend {
  margin-bottom: 25px;
  color: #10499e;
  font-size: 22px; }

fieldset label {
  color: #0e0e0e; }

fieldset.block .ih,
fieldset.block .ip-addon,
fieldset.block label,
fieldset.block .ip,
fieldset.block select,
fieldset.block textarea {
  width: 100%; }

.css-table {
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .css-table .css-thead {
    display: table-header-group; }
  .css-table .css-tbody {
    display: table-row-group; }
  .css-table .css-tfoot {
    display: table-footer-group; }
  .css-table .css-tr {
    display: table-row; }
  .css-table .css-th,
  .css-table .css-td {
    display: table-cell;
    vertical-align: top; }
  @media (max-width: 840px) {
    .css-table.xs-1 {
      display: block; }
      .css-table.xs-1 .css-thead,
      .css-table.xs-1 .css-tbody,
      .css-table.xs-1 .css-tfoot,
      .css-table.xs-1 .css-tr,
      .css-table.xs-1 .css-th,
      .css-table.xs-1 .css-td {
        display: block;
        width: 100% !important; } }

/* HTML Animation Button Format | "loading" "error" "success" class needs to be added by developer on submit
<button class="btn animation loading">
    <span class="wrap">
        <span class="text">Login</span>
        <span class="effect"><div class="loader"></div></span>                               
    </span>
</button>
*/
button:focus,
button:active {
  outline: none; }

.btn,
.btn:visited {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  font-family: "Raleway";
  background: #93bb09;
  color: #fff;
  padding: 0 30px;
  height: 64px;
  line-height: 64px;
  font-size: 17px;
  font-weight: 600; }
  .btn.narrow,
  .btn:visited.narrow {
    padding: 0 15px; }
  .btn.wide,
  .btn:visited.wide {
    padding: 0 30px; }
  .btn.animation,
  .btn:visited.animation {
    padding: 0; }
    .btn.animation .text, .btn.animation .effect,
    .btn:visited.animation .text,
    .btn:visited.animation .effect {
      position: relative;
      -webkit-transition: transform 500ms ease-in-out;
      -moz-transition: transform 500ms ease-in-out;
      -o-transition: transform 500ms ease-in-out;
      transition: transform 500ms ease-in-out;
      width: 100%;
      display: block;
      height: 64px; }
    .btn.animation .text,
    .btn:visited.animation .text {
      transform: translate(0%, 0%); }
    .btn.animation .effect,
    .btn:visited.animation .effect {
      transform: translate(0%, 0%); }
    .btn.animation.error .text, .btn.animation.success .text, .btn.animation.loading .text,
    .btn:visited.animation.error .text,
    .btn:visited.animation.success .text,
    .btn:visited.animation.loading .text {
      transform: translate(0%, -100%); }
    .btn.animation.error .effect, .btn.animation.success .effect, .btn.animation.loading .effect,
    .btn:visited.animation.error .effect,
    .btn:visited.animation.success .effect,
    .btn:visited.animation.loading .effect {
      transform: translate(0%, -100%); }
    .btn.animation.loading .effect .loader,
    .btn:visited.animation.loading .effect .loader {
      -webkit-animation: spin 400ms linear infinite;
      -moz-animation: spin 400ms linear infinite;
      -o-transition: spin 400ms linear infinite;
      animation: spin 400ms linear infinite;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -14px;
      display: inline-block;
      width: 28px;
      height: 28px; }
  .btn.xs,
  .btn:visited.xs {
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: 400; }
    .btn.xs.narrow,
    .btn:visited.xs.narrow {
      padding: 0 10px; }
    .btn.xs.wide,
    .btn:visited.xs.wide {
      padding: 0 30px; }
    .btn.xs.animation,
    .btn:visited.xs.animation {
      padding: 0; }
      .btn.xs.animation .text, .btn.xs.animation .effect,
      .btn:visited.xs.animation .text,
      .btn:visited.xs.animation .effect {
        position: relative;
        -webkit-transition: transform 500ms ease-in-out;
        -moz-transition: transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        width: 100%;
        display: block;
        height: 36px; }
      .btn.xs.animation .text,
      .btn:visited.xs.animation .text {
        transform: translate(0%, 0%); }
      .btn.xs.animation .effect,
      .btn:visited.xs.animation .effect {
        transform: translate(0%, 0%); }
      .btn.xs.animation.error .text, .btn.xs.animation.success .text, .btn.xs.animation.loading .text,
      .btn:visited.xs.animation.error .text,
      .btn:visited.xs.animation.success .text,
      .btn:visited.xs.animation.loading .text {
        transform: translate(0%, -100%); }
      .btn.xs.animation.error .effect, .btn.xs.animation.success .effect, .btn.xs.animation.loading .effect,
      .btn:visited.xs.animation.error .effect,
      .btn:visited.xs.animation.success .effect,
      .btn:visited.xs.animation.loading .effect {
        transform: translate(0%, -100%); }
      .btn.xs.animation.loading .effect .loader,
      .btn:visited.xs.animation.loading .effect .loader {
        -webkit-animation: spin 400ms linear infinite;
        -moz-animation: spin 400ms linear infinite;
        -o-transition: spin 400ms linear infinite;
        animation: spin 400ms linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -14px;
        display: inline-block;
        width: 28px;
        height: 28px; }
  .btn.s,
  .btn:visited.s {
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-weight: 400; }
    .btn.s.narrow,
    .btn:visited.s.narrow {
      padding: 0 10px; }
    .btn.s.wide,
    .btn:visited.s.wide {
      padding: 0 30px; }
    .btn.s.animation,
    .btn:visited.s.animation {
      padding: 0; }
      .btn.s.animation .text, .btn.s.animation .effect,
      .btn:visited.s.animation .text,
      .btn:visited.s.animation .effect {
        position: relative;
        -webkit-transition: transform 500ms ease-in-out;
        -moz-transition: transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        width: 100%;
        display: block;
        height: 42px; }
      .btn.s.animation .text,
      .btn:visited.s.animation .text {
        transform: translate(0%, 0%); }
      .btn.s.animation .effect,
      .btn:visited.s.animation .effect {
        transform: translate(0%, 0%); }
      .btn.s.animation.error .text, .btn.s.animation.success .text, .btn.s.animation.loading .text,
      .btn:visited.s.animation.error .text,
      .btn:visited.s.animation.success .text,
      .btn:visited.s.animation.loading .text {
        transform: translate(0%, -100%); }
      .btn.s.animation.error .effect, .btn.s.animation.success .effect, .btn.s.animation.loading .effect,
      .btn:visited.s.animation.error .effect,
      .btn:visited.s.animation.success .effect,
      .btn:visited.s.animation.loading .effect {
        transform: translate(0%, -100%); }
      .btn.s.animation.loading .effect .loader,
      .btn:visited.s.animation.loading .effect .loader {
        -webkit-animation: spin 400ms linear infinite;
        -moz-animation: spin 400ms linear infinite;
        -o-transition: spin 400ms linear infinite;
        animation: spin 400ms linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -14px;
        display: inline-block;
        width: 28px;
        height: 28px; }
  .btn.r,
  .btn:visited.r {
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400; }
    .btn.r.narrow,
    .btn:visited.r.narrow {
      padding: 0 10px; }
    .btn.r.wide,
    .btn:visited.r.wide {
      padding: 0 30px; }
    .btn.r.animation,
    .btn:visited.r.animation {
      padding: 0; }
      .btn.r.animation .text, .btn.r.animation .effect,
      .btn:visited.r.animation .text,
      .btn:visited.r.animation .effect {
        position: relative;
        -webkit-transition: transform 500ms ease-in-out;
        -moz-transition: transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        width: 100%;
        display: block;
        height: 50px; }
      .btn.r.animation .text,
      .btn:visited.r.animation .text {
        transform: translate(0%, 0%); }
      .btn.r.animation .effect,
      .btn:visited.r.animation .effect {
        transform: translate(0%, 0%); }
      .btn.r.animation.error .text, .btn.r.animation.success .text, .btn.r.animation.loading .text,
      .btn:visited.r.animation.error .text,
      .btn:visited.r.animation.success .text,
      .btn:visited.r.animation.loading .text {
        transform: translate(0%, -100%); }
      .btn.r.animation.error .effect, .btn.r.animation.success .effect, .btn.r.animation.loading .effect,
      .btn:visited.r.animation.error .effect,
      .btn:visited.r.animation.success .effect,
      .btn:visited.r.animation.loading .effect {
        transform: translate(0%, -100%); }
      .btn.r.animation.loading .effect .loader,
      .btn:visited.r.animation.loading .effect .loader {
        -webkit-animation: spin 400ms linear infinite;
        -moz-animation: spin 400ms linear infinite;
        -o-transition: spin 400ms linear infinite;
        animation: spin 400ms linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -14px;
        display: inline-block;
        width: 28px;
        height: 28px; }
  .btn.xl,
  .btn:visited.xl {
    padding: 0 40px;
    height: 86px;
    line-height: 86px;
    font-size: 22px;
    font-weight: 400; }
    .btn.xl.narrow,
    .btn:visited.xl.narrow {
      padding: 0 40px; }
    .btn.xl.wide,
    .btn:visited.xl.wide {
      padding: 0 40px; }
    .btn.xl.animation,
    .btn:visited.xl.animation {
      padding: 0; }
      .btn.xl.animation .text, .btn.xl.animation .effect,
      .btn:visited.xl.animation .text,
      .btn:visited.xl.animation .effect {
        position: relative;
        -webkit-transition: transform 500ms ease-in-out;
        -moz-transition: transform 500ms ease-in-out;
        -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        width: 100%;
        display: block;
        height: 86px; }
      .btn.xl.animation .text,
      .btn:visited.xl.animation .text {
        transform: translate(0%, 0%); }
      .btn.xl.animation .effect,
      .btn:visited.xl.animation .effect {
        transform: translate(0%, 0%); }
      .btn.xl.animation.error .text, .btn.xl.animation.success .text, .btn.xl.animation.loading .text,
      .btn:visited.xl.animation.error .text,
      .btn:visited.xl.animation.success .text,
      .btn:visited.xl.animation.loading .text {
        transform: translate(0%, -100%); }
      .btn.xl.animation.error .effect, .btn.xl.animation.success .effect, .btn.xl.animation.loading .effect,
      .btn:visited.xl.animation.error .effect,
      .btn:visited.xl.animation.success .effect,
      .btn:visited.xl.animation.loading .effect {
        transform: translate(0%, -100%); }
      .btn.xl.animation.loading .effect .loader,
      .btn:visited.xl.animation.loading .effect .loader {
        -webkit-animation: spin 400ms linear infinite;
        -moz-animation: spin 400ms linear infinite;
        -o-transition: spin 400ms linear infinite;
        animation: spin 400ms linear infinite;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -14px;
        display: inline-block;
        width: 28px;
        height: 28px; }
  .btn.outline,
  .btn:visited.outline {
    color: #bbb;
    border-width: 2px;
    background-color: transparent;
    border-style: solid;
    line-height: 62px; }
    .btn.outline.xs,
    .btn:visited.outline.xs {
      line-height: 34px; }
    .btn.outline.s,
    .btn:visited.outline.s {
      line-height: 40px; }
    .btn.outline.r,
    .btn:visited.outline.r {
      line-height: 48px; }
    .btn.outline.xl,
    .btn:visited.outline.xl {
      line-height: 84px; }

.btn-icon {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  background: transparent; }
  .btn-icon:before {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0; }

::-ms-clear {
  display: none; }

/* Remove IE 10 X Button */
input:focus {
  outline: none;
  box-shadow: none; }

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.ip,
select,
textarea {
  font-size: 15px;
  padding: 0 15px;
  box-shadow: none;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #444;
  font-family: inherit;
  border-radius: 0; }
  .ip::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #ccc;
    font-weight: 300; }
  .ip:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300; }

.ip {
  width: 200px;
  height: 50px;
  font-size: 15px;
  -webkit-transition: border 200ms ease-in;
  -moz-transition: border 200ms ease-in;
  -o-transition: border 200ms ease-in;
  transition: border 200ms ease-in; }
  .ip.xs {
    height: 36px;
    font-size: 15px; }
  .ip.s {
    height: 42px;
    font-size: 15px; }
  .ip.l {
    height: 64px;
    font-size: 15px; }
  .ip.xl {
    height: 86px;
    font-size: 15px; }
  .ip:focus {
    border-color: #1fb0e6; }
  .ip.form-field-required {
    border: 1px solid #ff5050; }
    .ip.form-field-required:focus {
      border-color: #ff5050; }

select {
  height: 50px;
  width: 200px; }

textarea {
  font-size: 15px;
  height: 100px;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none;
  -webkit-transition: border 200ms ease-in;
  -moz-transition: border 200ms ease-in;
  -o-transition: border 200ms ease-in;
  transition: border 200ms ease-in;
  outline: none; }
  textarea:focus {
    border-color: #1fb0e6;
    box-shadow: none; }

.ih {
  padding-bottom: 20px;
  position: relative; }
  .ih .form-error-message {
    -moz-animation: fade_in 200ms;
    -webkit-animation: fade_in 200ms;
    -o-animation: fade_in 200ms;
    -ms-animation: fade_in 200ms;
    animation: fade_in 200ms;
    position: absolute;
    bottom: -5px;
    left: 0px;
    font-size: 11px;
    line-height: 11px;
    color: #ff5050 !important; }
  .ih label {
    line-height: 1em;
    margin-bottom: 10px;
    display: inline-block; }

.ip-addon {
  position: relative;
  display: inline-block; }
  .ip-addon .pf, .ip-addon .sf {
    position: absolute;
    top: 0;
    line-height: 50px; }
  .ip-addon .pf {
    left: 0; }
  .ip-addon .sf {
    right: 0; }
  .ip-addon.xs .ip {
    height: 36px;
    line-height: 36px; }
  .ip-addon.xs .pf, .ip-addon.xs .sf {
    line-height: 36px; }
  .ip-addon.s .ip {
    height: 42px;
    line-height: 42px; }
  .ip-addon.s .pf, .ip-addon.s .sf {
    line-height: 42px; }
  .ip-addon.r .ip {
    height: 50px;
    line-height: 50px; }
  .ip-addon.r .pf, .ip-addon.r .sf {
    line-height: 50px; }
  .ip-addon.l .ip {
    height: 64px;
    line-height: 64px; }
  .ip-addon.l .pf, .ip-addon.l .sf {
    line-height: 64px; }
  .ip-addon.xl .ip {
    height: 86px;
    line-height: 86px; }
  .ip-addon.xl .pf, .ip-addon.xl .sf {
    line-height: 86px; }
  .ip-addon .form-error-message {
    bottom: -25px; }

fieldset legend {
  margin-bottom: 25px;
  color: #10499e;
  font-size: 22px; }

fieldset label {
  color: #0e0e0e; }

fieldset.block .ih,
fieldset.block .ip-addon,
fieldset.block label,
fieldset.block .ip,
fieldset.block select,
fieldset.block textarea {
  width: 100%; }

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

html {
  height: 100%; }
  html.no-scroll {
    overflow: hidden !important; }
    html.no-scroll body {
      overflow: hidden !important; }
  html.no-scroll-long {
    overflow-x: scroll !important; }

body {
  height: 100%;
  background-color: #fff;
  font-size: 16px;
  font-family: "Raleway";
  font-weight: 400;
  line-height: 1.625em;
  color: #555555;
  -webkit-transition: transform 600ms ease-in-out;
  -moz-transition: transform 600ms ease-in-out;
  -o-transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out; }
  body:before {
    display: none; }
  @media (min-width: 2000px) {
    body:before {
      content: "xl"; } }
  @media (max-width: 1999px) {
    body:before {
      content: "l"; } }
  @media (max-width: 1240px) {
    body:before {
      content: "r"; } }
  @media (max-width: 1420px) {
    body:before {
      content: "m"; } }
  @media (max-width: 1020px) {
    body:before {
      content: "s"; } }
  @media (max-width: 840px) {
    body:before {
      content: "xs"; } }
  @media (max-width: 499px) {
    body:before {
      content: "xxs"; } }
  @media (max-width: 400px) {
    body:before {
      content: "xxxs"; } }

a, a:visited {
  color: #93bb09; }
  a:hover, a:visited:hover {
    text-decoration: underline; }

h1 {
  color: #0e0e0e; }

h2 {
  color: #0e0e0e; }

h3 {
  color: #0e0e0e; }

h4 {
  color: #0e0e0e; }

h5 {
  color: #0e0e0e; }

h6 {
  color: #0e0e0e; }

p {
  margin-bottom: 30px; }

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  nav ul li {
    margin: 0;
    padding: 0; }

ol, ul {
  margin-bottom: 30px; }
  ol.loose li, ul.loose li {
    margin-bottom: 10px; }
    ol.loose li:last-child, ul.loose li:last-child {
      margin-bottom: 0; }

hr {
  height: 1px;
  background-color: #e1e1e1;
  margin: 30px 0;
  border: 0; }

.w {
  box-sizing: content-box;
  margin: 0 auto;
  width: 1360px;
  min-width: 320px; }
  @media (max-width: 1999px) {
    .w {
      width: 1360px; } }
  @media (max-width: 1420px) {
    .w {
      width: 1200px; } }
  @media (max-width: 1240px) {
    .w {
      width: 960px; } }
  @media (max-width: 1020px) {
    .w {
      width: 100%;
      padding-left: 50px;
      padding-right: 50px;
      box-sizing: border-box; } }
  @media (max-width: 840px) {
    .w {
      padding-left: 70px;
      padding-right: 70px; } }
  @media (max-width: 499px) {
    .w {
      padding-left: 20px;
      padding-right: 20px; } }
  .w.fluid {
    width: 100%; }

.article-row {
  margin-bottom: 30px; }
  .article-row .article-img-col {
    width: 400px; }
    .article-row .article-img-col img {
      width: 100%; }
  .article-row .article-text-col {
    overflow: auto; }
  .article-row.img-left .article-img-col {
    float: left;
    margin-right: 40px; }
  .article-row.img-right .article-img-col {
    float: right;
    margin-left: 40px; }

.tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid red;
  height: 54px; }
  .tabs li {
    margin: 0;
    padding: 0; }
  .tabs li {
    float: left;
    display: block;
    margin-left: -1px; }
    .tabs li:first-child {
      margin-left: 0; }
    .tabs li a {
      width: 180px;
      text-align: center;
      height: 53px;
      line-height: 52px;
      display: block;
      font-size: 16px;
      font-weight: normal;
      color: #b7b7b7;
      border: 1px solid red;
      border-bottom-color: red;
      background-color: #f8f8f8; }
      .tabs li a.active {
        border-color: red;
        border-bottom-color: #fff;
        background: #fff;
        color: red; }

.tab-show {
  display: block; }

.tab-hide {
  display: none; }

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
  text-align: center; }
  .swiper-button-prev.big-arrow,
  .swiper-button-next.big-arrow {
    width: 70px;
    height: 70px;
    margin-top: -35px; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before,
.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before {
  display: inline-block;
  font-family: ui-icons;
  font-weight: normal;
  font-style: normal;
  line-height: 0;
  font-size: 30px;
  line-height: 50px;
  color: #ffffff; }

.swiper-button-next.big-arrow:before,
.swiper-container-rtl .swiper-button-prev.big-arrow:before,
.swiper-button-prev.big-arrow:before,
.swiper-container-rtl .swiper-button-next.big-arrow:before {
  font-size: 50px; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0; }
  .swiper-button-prev:before,
  .swiper-container-rtl .swiper-button-next:before {
    content: "\00a9"; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0; }
  .swiper-button-next:before,
  .swiper-container-rtl .swiper-button-prev:before {
    content: "\00a4"; }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

.tabcordion {
  margin-bottom: 0px; }
  .tabcordion .tabcordion-tabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    z-index: 10;
    bottom: -1px; }
    .tabcordion .tabcordion-tabs li {
      margin: 0;
      padding: 0; }
    @media (max-width: 840px) {
      .tabcordion .tabcordion-tabs {
        display: none; } }
    .tabcordion .tabcordion-tabs li {
      float: left; }
      .tabcordion .tabcordion-tabs li a {
        color: #3d3d3d;
        font-size: 16px;
        display: block;
        padding: 0px;
        height: 64px;
        line-height: 64px;
        width: 175px;
        text-align: center;
        text-decoration: none;
        border-bottom: 1px solid #ccc; }
        @media (max-width: 1020px) {
          .tabcordion .tabcordion-tabs li a {
            width: 150px; } }
        .tabcordion .tabcordion-tabs li a.active {
          background: #ffffff;
          border-bottom-color: #ffffff;
          position: relative;
          color: #0e0e0e;
          border: 1px solid #ccc;
          border-bottom: 1px solid #ffffff;
          font-weight: 500; }
          .tabcordion .tabcordion-tabs li a.active:hover {
            background-color: transparent; }
        .tabcordion .tabcordion-tabs li a:hover {
          background-color: #f3f3f3; }
  .tabcordion .tabcordion-content-wrap {
    padding: 50px;
    border: 1px solid #ccc;
    position: relative;
    z-index: 5; }
    @media (max-width: 1020px) {
      .tabcordion .tabcordion-content-wrap {
        padding: 40px 25px; } }
    @media (max-width: 840px) {
      .tabcordion .tabcordion-content-wrap {
        padding: 0;
        border: 0; } }
    .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-title {
      display: none; }
      @media (max-width: 840px) {
        .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-title {
          margin: 0;
          padding: 15px 20px 15px 20px;
          background: #e5e5e5;
          width: 100%;
          display: block;
          font-size: 16px;
          position: relative;
          font-family: Arial, Helvetica, sans-serif;
          border-bottom: 1px solid #ffffff; } }
      .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-title:hover {
        cursor: pointer;
        color: #0e0e0e; }
      .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-title:before {
        margin-right: 10px;
        -webkit-transition: transform 300ms ease-in;
        -moz-transition: transform 300ms ease-in;
        -o-transition: transform 300ms ease-in;
        transition: transform 300ms ease-in;
        display: block;
        display: inline-block;
        font-family: ui-icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        content: "\00b5";
        font-size: 11px;
        color: #aaa;
        position: relative;
        top: -2px; }
    .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-content {
      display: none; }
      @media (max-width: 840px) {
        .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-content {
          padding: 20px;
          background: #fff;
          border: 1px solid #ccc;
          border-top: 0; }
          .tabcordion .tabcordion-content-wrap .tabcordion-section .tabcordion-content p:last-child {
            margin-bottom: 0; } }
    .tabcordion .tabcordion-content-wrap .tabcordion-section.active .tabcordion-title {
      background: #1fb0e6;
      color: #fff; }
    .tabcordion .tabcordion-content-wrap .tabcordion-section.active .tabcordion-title:before {
      transform: rotate(-180deg);
      color: #ffffff; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single:focus {
      border-color: #1fb0e6;
      box-shadow: none;
      outline: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 14px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0;
  z-index: 999999; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--abcblinds .select2-selection--single {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 0; }
  .select2-container--abcblinds .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 48px; }
  .select2-container--abcblinds .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--abcblinds .select2-selection--single .select2-selection__placeholder {
    color: #0e0e0e; }
  .select2-container--abcblinds .select2-selection--single .select2-selection__arrow {
    height: 48px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--abcblinds .select2-selection--single .select2-selection__arrow b {
      border-color: #ccc transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -10px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--abcblinds[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--abcblinds[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--abcblinds.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--abcblinds.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--abcblinds.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ddd transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--abcblinds .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: text; }
  .select2-container--abcblinds .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--abcblinds .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--abcblinds .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--abcblinds .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--abcblinds .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--abcblinds .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--abcblinds[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--abcblinds[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }

.select2-container--abcblinds[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--abcblinds[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--abcblinds.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--abcblinds.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--abcblinds.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--abcblinds.select2-container--open.select2-container--above .select2-selection--single, .select2-container--abcblinds.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--abcblinds.select2-container--open.select2-container--below .select2-selection--single, .select2-container--abcblinds.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--abcblinds .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd; }

.select2-container--abcblinds .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }

.select2-container--abcblinds .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
  .select2-container--abcblinds .select2-results > .select2-results__options .img-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
    .select2-container--abcblinds .select2-results > .select2-results__options .img-wrap img {
      float: left; }
  .select2-container--abcblinds .select2-results > .select2-results__options .select-text {
    line-height: 1em; }

.select2-container--abcblinds .select2-results__option[role=group] {
  padding: 0; }

.select2-container--abcblinds .select2-results__option[aria-disabled=true] {
  color: #999;
  background: #e1e1e1; }

.select2-container--abcblinds .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--abcblinds .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--abcblinds .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--abcblinds .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--abcblinds .select2-results__group {
  cursor: default;
  display: block;
  padding: 7px; }

.toggle-content.toggle-show {
  display: block; }

.toggle-content.toggle-hide {
  display: none; }

body.modal-open {
  overflow: hidden; }

.modal {
  overflow-y: auto;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
  cursor: default;
  background: rgba(255, 255, 255, 0.95);
  z-index: 99999;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  -webkit-animation: modal-bg 100ms ease-in-out forwards;
  animation: modal-bg 100ms ease-in-out forwards; }
  .modal form {
    display: inline-block; }
  .modal .modal-close {
    position: absolute;
    top: 33px;
    right: 40px; }
    @media (max-width: 840px) {
      .modal .modal-close {
        right: 25px; } }
    .modal .modal-close:before {
      display: inline-block;
      font-family: ui-icons;
      font-weight: normal;
      font-style: normal;
      line-height: 0;
      content: "\00ce";
      font-size: 16px;
      line-height: 1em;
      color: #ccc;
      display: block;
      width: 12px;
      height: 12px; }
    .modal .modal-close:hover:before {
      color: #3d3d3d;
      cursor: pointer; }
  .modal .modal-content {
    opacity: 0;
    min-width: 320px;
    max-width: 1000px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    cursor: auto;
    white-space: normal;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
    background-color: #ffffff;
    -webkit-animation: modal-content 400ms ease-in-out forwards;
    animation: modal-content 400ms ease-in-out forwards; }
    @media (max-width: 1020px) {
      .modal .modal-content {
        width: 100%;
        margin-top: 0;
        border-radius: 0;
        height: 100%; } }
    .modal .modal-content .content-top,
    .modal .modal-content .content-body,
    .modal .modal-content .content-bottom {
      float: left;
      display: block;
      width: 100%; }
    .modal .modal-content .content-top {
      padding: 25px 40px;
      background-color: #f3f3f3;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 5px 5px 0 0; }
      @media (max-width: 840px) {
        .modal .modal-content .content-top {
          border-radius: 0;
          padding: 25px 20px; } }
      .modal .modal-content .content-top .heading {
        font-size: 28px;
        font-weight: 400;
        line-height: 1em;
        color: #0e0e0e; }
    .modal .modal-content .content-body {
      padding: 30px 40px;
      background-color: #fff; }
      @media (max-width: 840px) {
        .modal .modal-content .content-body {
          padding: 20px; } }
    .modal .modal-content .content-bottom {
      padding: 20px 40px;
      background: #f3f3f3;
      border-radius: 0 0 5px 5px;
      border-top: 1px solid #e5e5e5; }
      @media (max-width: 840px) {
        .modal .modal-content .content-bottom {
          border-radius: 0;
          padding: 20px; } }
      .modal .modal-content .content-bottom .bh.right .btn {
        float: right;
        margin-left: 10px; }
  .modal.no-bottom .modal-content .content-body {
    border-radius: 0 0 5px 5px; }
    @media (max-width: 840px) {
      .modal.no-bottom .modal-content .content-body {
        border-radius: 0; } }
  .modal.modal-800 .modal-content {
    max-width: 800px; }
  .modal.modal-600 .modal-content {
    max-width: 600px; }

@-webkit-keyframes modal-bg {
  0% {
    -webkit-opacity: 0; }
  100% {
    -webkit-opacity: 1; } }

@-moz-keyframes modal-bg {
  0% {
    -webkit-opacity: 0; }
  100% {
    -webkit-opacity: 1; } }

@-o-keyframes modal-bg {
  0% {
    -webkit-opacity: 0; }
  100% {
    -webkit-opacity: 1; } }

@keyframes modal-bg {
  0% {
    -webkit-opacity: 0; }
  100% {
    -webkit-opacity: 1; } }

@-webkit-keyframes modal-content {
  0% {
    transform: translateY(0%);
    opacity: 0; }
  100% {
    transform: translateY(80px);
    opacity: 1; } }

@-moz-keyframes modal-content {
  0% {
    transform: translateY(0%);
    opacity: 0; }
  100% {
    transform: translateY(80px);
    opacity: 1; } }

@-o-keyframes modal-content {
  0% {
    transform: translateY(0%);
    opacity: 0; }
  100% {
    transform: translateY(80px);
    opacity: 1; } }

@keyframes modal-content {
  0% {
    transform: translateY(0%);
    opacity: 0; }
  100% {
    transform: translateY(80px);
    opacity: 1; } }

@media (max-width: 1020px) {
  @-webkit-keyframes modal-bg {
    0% {
      -webkit-opacity: 0; }
    100% {
      -webkit-opacity: 1; } }
  @-moz-keyframes modal-bg {
    0% {
      -webkit-opacity: 0; }
    100% {
      -webkit-opacity: 1; } }
  @-o-keyframes modal-bg {
    0% {
      -webkit-opacity: 0; }
    100% {
      -webkit-opacity: 1; } }
  @keyframes modal-bg {
    0% {
      -webkit-opacity: 0; }
    100% {
      -webkit-opacity: 1; } }
  @-webkit-keyframes modal-content {
    0% {
      transform: translatex(0%);
      opacity: 0; }
    100% {
      transform: translatex(0%);
      opacity: 1; } }
  @-moz-keyframes modal-content {
    0% {
      transform: translatex(0%);
      opacity: 0; }
    100% {
      transform: translatex(0%);
      opacity: 1; } }
  @-o-keyframes modal-content {
    0% {
      transform: translatex(0%);
      opacity: 0; }
    100% {
      transform: translatex(0%);
      opacity: 1; } }
  @keyframes modal-content {
    0% {
      transform: translatex(0%);
      opacity: 0; }
    100% {
      transform: translatex(0%);
      opacity: 1; } } }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #93bb09;
  position: fixed;
  z-index: 1035;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #93bb09, 0 0 5px #93bb09;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: none;
  position: fixed;
  z-index: 199999;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #93bb09;
  border-left-color: #93bb09;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.txt-white {
  color: #ffffff; }

.txt-grey {
  color: #b7b7b7; }

.txt-light-grey {
  color: #3d3d3d; }

.txt-dark-grey {
  color: #0e0e0e; }

.txt-red {
  color: #ff2f25; }

.txt-dark-red {
  color: #e61d25; }

.txt-blue {
  color: #10499e; }

.txt-sky-blue {
  color: #1fb0e6; }

.txt-yellow {
  color: #fff200; }

.txt-green {
  color: #93bb09; }

.btn {
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out; }
  @media (max-width: 499px) {
    .btn {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      letter-spacing: 0; } }
  .btn .arrow {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 15px;
    top: 11px; }
    .btn .arrow:before {
      display: inline-block;
      content: "";
      width: 40px;
      height: 40px;
      border: 2px solid #ffffff;
      border-radius: 50%; }
    .btn .arrow:after {
      display: inline-block;
      font-family: ui-icons;
      font-weight: normal;
      font-style: normal;
      line-height: 0;
      position: absolute;
      left: 15px;
      top: 20px;
      content: "\00a6";
      color: #000;
      font-size: 18px; }
  .btn:hover {
    background-color: #000;
    color: #93bb09;
    text-decoration: none; }
    .btn:hover .arrow:after {
      color: #93bb09; }
  .btn.red {
    background-color: #ff2f25; }
    .btn.red:hover {
      background-color: #93bb09;
      color: #ffffff; }
      .btn.red:hover .arrow:after {
        color: #ffffff; }
  .btn.black {
    background-color: #000; }
    .btn.black:hover {
      background-color: #ff2f25;
      color: #ffffff; }
      .btn.black:hover .arrow:after {
        color: #ffffff; }

.btn-txt,
.btn-txt:visited {
  font-size: 20px;
  color: #93bb09;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out; }
  .btn-txt:after,
  .btn-txt:visited:after {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\E009";
    font-size: 18px;
    color: #93bb09;
    margin-left: 8px;
    -webkit-transition: all 175ms ease-in-out;
    -moz-transition: all 175ms ease-in-out;
    -o-transition: all 175ms ease-in-out;
    transition: all 175ms ease-in-out; }
  .btn-txt:hover,
  .btn-txt:visited:hover {
    text-decoration: none; }
    .btn-txt:hover:after,
    .btn-txt:visited:hover:after {
      margin-left: 17px; }
  .btn-txt.white,
  .btn-txt:visited.white {
    color: #ffffff; }
    .btn-txt.white:after,
    .btn-txt:visited.white:after {
      color: #ffffff; }
  .btn-txt.down:after,
  .btn-txt:visited.down:after {
    display: inline-block;
    font-family: ui-icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\00b4";
    font-size: 17px; }

form .ip, form textarea {
  border-width: 2px;
  font-weight: 500; }

.ih textarea + .form-error-message {
  bottom: 0px; }

.arial {
  font-family: Arial; }

.disclaimer {
  font-size: 13px;
  color: #b7b7b7;
  line-height: 1.6em;
  margin-bottom: 20px; }

.letter-spacing-1, .footer-bar .footer-content .col1 .operating-hours {
  letter-spacing: 0.02em; }

.letter-spacing-2, .testimonials-bar .testimonials-content .name, .free-measure-quote-box .heading-box .title,
.feedback-box .heading-box .title, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited, .size2.with-letter .text, .size3.with-letter .text, .heading-row .heading.size2, .heading-row .heading.size3, .page-product-view .video-tabs .tab {
  letter-spacing: 0.08em; }

.number {
  font-family: "filson-soft"; }

@media (max-width: 1020px) {
  body {
    font-size: 15px; } }

body p, body div, body li, body span {
  letter-spacing: 0.02em; }

a,
.modal-link {
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out;
  color: #93bb09;
  cursor: pointer; }
  a:hover,
  .modal-link:hover {
    text-decoration: none;
    text-decoration: underline; }

.asterisk {
  font-size: 20px;
  color: #ff2f25; }

.trademark {
  font-family: Arial; }

.content-pad {
  padding-top: 80px;
  padding-bottom: 85px;
  min-height: 500px;
  background-color: #ffffff; }
  @media (max-width: 1020px) {
    .content-pad {
      min-height: auto; } }
  @media (max-width: 840px) {
    .content-pad {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .content-pad p:last-child {
    margin-bottom: 0; }

.grey-content-bar {
  background-color: #f0f0f0; }
  .grey-content-bar .grey-content .content-pad {
    background-color: transparent; }

.page-col1 {
  float: left;
  width: 865px;
  min-height: 750px; }
  @media (max-width: 1420px) {
    .page-col1 {
      width: 740px; } }
  @media (max-width: 1240px) {
    .page-col1 {
      width: 500px; } }
  @media (max-width: 1020px) {
    .page-col1 {
      width: 100%; } }

.page-col2 {
  width: 450px;
  float: right; }
  @media (max-width: 1420px) {
    .page-col2 {
      width: 410px; } }
  @media (max-width: 1240px) {
    .page-col2 {
      width: 410px; } }
  @media (max-width: 1020px) {
    .page-col2 {
      width: 100%; } }

.hero-wrap .swiper-pagination {
  bottom: 28px; }
  .hero-wrap .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
    border: 2px solid #ffffff;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    opacity: .5; }
  .hero-wrap .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    border: 2px solid #ffffff; }

@media only screen and (min-width: 0px) and (max-width: 1380px) {
  .hero-wrap .swiper-button-prev, .hero-wrap .swiper-button-next {
    display: none; } }

.swiper-container.multiple img {
  width: 100%; }

.hero-map {
  height: 650px;
  background-color: #000; }
  @media (max-width: 1240px) {
    .hero-map {
      height: 500px; } }
  @media (max-width: 840px) {
    .hero-map {
      height: 300px; } }

.showroom-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
  display: block; }
  .showroom-list li {
    margin: 0;
    padding: 0; }
  .showroom-list li {
    float: left;
    width: 31.333%;
    display: block;
    margin-bottom: 0px;
    margin-left: 3%;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    -webkit-transition: all 175ms ease-in-out;
    -moz-transition: all 175ms ease-in-out;
    -o-transition: all 175ms ease-in-out;
    transition: all 175ms ease-in-out; }
    @media (max-width: 1240px) {
      .showroom-list li {
        margin-left: 0;
        width: 33.33%;
        padding: 15px 10px; } }
    @media (max-width: 840px) {
      .showroom-list li {
        width: 50%; } }
    @media (max-width: 499px) {
      .showroom-list li {
        padding-left: 0;
        padding-right: 0; } }
    .showroom-list li:first-child {
      margin-left: 0; }
    .showroom-list li:nth-child(3n+1) {
      clear: left;
      margin-left: 0; }
      @media (max-width: 840px) {
        .showroom-list li:nth-child(3n+1) {
          clear: right; } }
    @media (max-width: 840px) {
      .showroom-list li:nth-child(2n+1) {
        clear: left; } }
    .showroom-list li .title {
      font-weight: 600;
      font-size: 18px;
      line-height: 1em;
      margin-bottom: 10px;
      padding-left: 25px;
      position: relative;
      color: #0e0e0e; }
      @media (max-width: 499px) {
        .showroom-list li .title {
          font-size: 17px; } }
      .showroom-list li .title:before {
        color: #0e0e0e;
        content: "\E002";
        display: inline-block;
        display: inline-block;
        font-family: icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        margin-right: 8px;
        font-size: 25px;
        position: absolute;
        left: 0;
        top: 8px; }
      .showroom-list li .title small {
        font-size: 14px;
        color: #3d3d3d;
        font-weight: 300; }
    .showroom-list li address {
      display: block;
      font-style: normal;
      line-height: 1.5em;
      padding-left: 25px; }
      @media (max-width: 499px) {
        .showroom-list li address {
          font-size: 14px;
          line-height: 1.4em; } }
    .showroom-list li .opening-hours {
      margin-top: 10px; }
      .showroom-list li .opening-hours .list {
        padding-left: 25px;
        line-height: 1em;
        display: block; }
      .showroom-list li .opening-hours .list + .list {
        margin-top: 5px; }
    .showroom-list li:hover {
      background-color: #93bb09; }
      @media (max-width: 1020px) {
        .showroom-list li:hover {
          background-color: transparent; } }
    .showroom-list li.active .title {
      color: #93bb09; }
      .showroom-list li.active .title:before {
        color: #93bb09; }
    .showroom-list li.active:hover {
      background-color: transparent;
      cursor: default; }
    .showroom-list li.no-address:hover {
      background-color: transparent;
      cursor: default; }

.testimonials-bar {
  position: relative;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover; }
  .testimonials-bar.bg-1 {
    background-image: url("../images/testimonials/background-double-roller-blinds-bedroom.jpg"); }
  .testimonials-bar.bg-2 {
    background-image: url("../images/testimonials/bedroom-cream-blinds.jpg"); }
  .testimonials-bar.bg-3 {
    background-image: url("../images/testimonials/blinds-multi-colour-living.jpg"); }
  .testimonials-bar.bg-4 {
    background-image: url("../images/testimonials/curtains-bedroom-sheer-white.jpg"); }
  .testimonials-bar.bg-5 {
    background-image: url("../images/testimonials/dining-room-venetian-blinds.jpg"); }
  .testimonials-bar.bg-6 {
    background-image: url("../images/testimonials/vision-blinds-living-room.jpg"); }
  .testimonials-bar:before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+85 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .testimonials-bar:after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8); }
  .testimonials-bar .testimonials-content {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 100px;
    position: relative;
    z-index: 3; }
    @media (max-width: 840px) {
      .testimonials-bar .testimonials-content {
        padding-top: 80px;
        padding-bottom: 60px; } }
    .testimonials-bar .testimonials-content .title {
      font-size: 24px;
      letter-spacing: 0.05em;
      color: #000;
      font-weight: 700;
      line-height: 1em;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 15px; }
      @media (max-width: 499px) {
        .testimonials-bar .testimonials-content .title {
          font-size: 17px;
          line-height: 1.2em; } }
      .testimonials-bar .testimonials-content .title:after {
        content: "";
        width: 80px;
        height: 3px;
        background-color: #93bb09;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -45px; }
    .testimonials-bar .testimonials-content .name {
      font-size: 15px;
      font-weight: 700;
      position: relative;
      color: #93bb09;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media (max-width: 840px) {
        .testimonials-bar .testimonials-content .name {
          font-size: 13px;
          font-weight: 600; } }
    .testimonials-bar .testimonials-content .testimonials-text {
      margin: 0 auto;
      max-width: 80%;
      color: #000;
      font-weight: 500;
      line-height: 1.5em;
      font-size: 15px; }
      @media (max-width: 840px) {
        .testimonials-bar .testimonials-content .testimonials-text {
          font-weight: 400; } }
      @media (max-width: 499px) {
        .testimonials-bar .testimonials-content .testimonials-text {
          max-width: 100%; } }
      .testimonials-bar .testimonials-content .testimonials-text.short {
        max-width: 60%; }
        @media (max-width: 499px) {
          .testimonials-bar .testimonials-content .testimonials-text.short {
            max-width: 100%; } }
    .testimonials-bar .testimonials-content .builder {
      margin-top: 5px;
      max-width: 140px; }
    .testimonials-bar .testimonials-content .product-review-box {
      color: #3d3d3d;
      font-family: Arial;
      letter-spacing: 0;
      margin-top: 20px;
      font-size: 16px; }
      .testimonials-bar .testimonials-content .product-review-box .customer-reviews {
        font-size: 18px;
        font-weight: bold;
        color: #93bb09; }
      .testimonials-bar .testimonials-content .product-review-box a {
        color: #3d3d3d;
        letter-spacing: 0; }
        .testimonials-bar .testimonials-content .product-review-box a:hover {
          text-decoration: none; }
      .testimonials-bar .testimonials-content .product-review-box .stars {
        margin: 0 auto 5px auto;
        display: block; }
      .testimonials-bar .testimonials-content .product-review-box .rating {
        font-weight: 700;
        color: #0e0e0e; }
      .testimonials-bar .testimonials-content .product-review-box .product-review {
        margin: 0 auto;
        display: block; }
      .testimonials-bar .testimonials-content .product-review-box .overall {
        color: #b7b7b7; }

.gm-style-iw {
  width: 300px !important;
  top: 25px !important;
  background-color: #ffffff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

.map-tooltip {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 270px;
  font-family: "Raleway";
  line-height: 1.46em;
  font-size: 15px; }
  .map-tooltip .location {
    font-size: 20px;
    font-weight: 500;
    color: #93bb09;
    margin-bottom: 10px; }
  .map-tooltip address:last-child {
    margin-bottom: 0; }
  .map-tooltip .opening-hours {
    margin-top: 10px; }

.free-measure-quote-box,
.feedback-box {
  background-color: #f0f0f0;
  padding: 50px;
  margin-bottom: 40px;
  position: relative; }
  @media (max-width: 1240px) {
    .free-measure-quote-box,
    .feedback-box {
      padding: 40px; } }
  @media (max-width: 840px) {
    .free-measure-quote-box,
    .feedback-box {
      margin-left: -50px;
      margin-right: -50px;
      padding: 50px; } }
  @media (max-width: 499px) {
    .free-measure-quote-box,
    .feedback-box {
      margin-left: -20px;
      margin-right: -20px;
      padding: 30px 20px; } }
  .free-measure-quote-box img.measure-and-quote,
  .feedback-box img.measure-and-quote {
    position: absolute;
    right: -35px;
    top: -35px;
    max-width: 130px; }
    @media (max-width: 1020px) {
      .free-measure-quote-box img.measure-and-quote,
      .feedback-box img.measure-and-quote {
        display: none; } }
  .free-measure-quote-box .heading-box,
  .feedback-box .heading-box {
    padding-right: 25px;
    margin-bottom: 30px; }
    @media (max-width: 1020px) {
      .free-measure-quote-box .heading-box,
      .feedback-box .heading-box {
        text-align: center; } }
    .free-measure-quote-box .heading-box .title,
    .feedback-box .heading-box .title {
      font-size: 19px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 18px;
      position: relative;
      padding-bottom: 18px;
      color: #000; }
      @media (max-width: 499px) {
        .free-measure-quote-box .heading-box .title,
        .feedback-box .heading-box .title {
          font-size: 17px; } }
      .free-measure-quote-box .heading-box .title:after,
      .feedback-box .heading-box .title:after {
        width: 80px;
        height: 3px;
        content: "";
        background-color: #93bb09;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media (max-width: 1020px) {
          .free-measure-quote-box .heading-box .title:after,
          .feedback-box .heading-box .title:after {
            left: 50%;
            margin-left: -40px; } }
    .free-measure-quote-box .heading-box p,
    .feedback-box .heading-box p {
      font-size: 15px;
      font-weight: 500;
      line-height: 1.4em; }
  .free-measure-quote-box .ip, .free-measure-quote-box textarea,
  .feedback-box .ip,
  .feedback-box textarea {
    border-color: transparent; }
  .free-measure-quote-box .btn,
  .feedback-box .btn {
    width: 100%; }

#modal-free-measure-quote .modal-content {
  background: transparent;
  width: 600px; }
  @media (max-width: 840px) {
    #modal-free-measure-quote .modal-content {
      width: 100%; } }
  #modal-free-measure-quote .modal-content .content-body {
    background: transparent;
    border-radius: 0;
    padding: 40px; }
    @media (max-width: 840px) {
      #modal-free-measure-quote .modal-content .content-body {
        padding: 0; } }
    #modal-free-measure-quote .modal-content .content-body .modal-close {
      position: absolute;
      top: 0;
      z-index: 99;
      right: 10px; }
      @media (max-width: 840px) {
        #modal-free-measure-quote .modal-content .content-body .modal-close {
          top: 33px;
          right: 30px; } }
    #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box {
      margin-bottom: 0;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
      @media (max-width: 840px) {
        #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box {
          padding: 30px; } }
      #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box fieldset, #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box form {
        width: 100%; }
      #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box img.measure-and-quote {
        right: -37px; }
        @media (max-width: 840px) {
          #modal-free-measure-quote .modal-content .content-body .free-measure-quote-box img.measure-and-quote {
            display: none; } }

.modal.modal-general-info .modal-content {
  border-radius: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
  .modal.modal-general-info .modal-content .content-top {
    padding: 30px 60px;
    border-radius: 0; }
    @media (max-width: 840px) {
      .modal.modal-general-info .modal-content .content-top {
        padding: 20px; } }
    .modal.modal-general-info .modal-content .content-top .heading {
      padding-right: 30px; }
      @media (max-width: 840px) {
        .modal.modal-general-info .modal-content .content-top .heading {
          font-size: 25px; } }
    @media (max-width: 840px) {
      .modal.modal-general-info .modal-content .content-top .modal-close {
        top: 24px; } }
  .modal.modal-general-info .modal-content .content-body {
    padding: 50px; }
    @media (max-width: 840px) {
      .modal.modal-general-info .modal-content .content-body {
        padding: 20px; } }
    .modal.modal-general-info .modal-content .content-body p:last-child {
      margin-bottom: 0; }
  .modal.modal-general-info .modal-content .content-bottom {
    padding: 20px 40px;
    background: #f3f3f3;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e5e5e5; }

.price-beat {
  background-color: #93bb09;
  padding: 40px; }

.hover-slide {
  position: relative;
  display: block;
  overflow: hidden; }
  .hover-slide img {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1; }
  .hover-slide .text {
    padding: 0 30px 30px 30px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(147, 187, 9, 0.9);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%); }
    .hover-slide .text h2 {
      font-size: 20px;
      padding-left: 30px;
      padding-right: 30px;
      color: #ffffff;
      font-weight: 400;
      -moz-transform: translate(0, -60px);
      -o-transform: translate(0, -60px);
      -ms-transform: translate(0, -60px);
      -webkit-transform: translate(0, -60px);
      transform: translate(0, -60px);
      height: 60px;
      line-height: 60px;
      margin: 0 -30px 0 -30px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      background-color: rgba(147, 187, 9, 0.9);
      font-weight: 400; }
      @media (max-width: 1240px) {
        .hover-slide .text h2 {
          font-size: 18px; } }
      @media (max-width: 1020px) {
        .hover-slide .text h2 {
          font-size: 24px; } }
    .hover-slide .text p {
      margin-bottom: 20px;
      padding-top: 20px;
      font-size: 14px;
      line-height: 1.5em;
      color: #ffffff;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-opacity: 0;
      -moz-opacity: 0;
      -o-opacity: 0;
      -moz-transform: translate(0, 30%);
      -o-transform: translate(0, 30%);
      -ms-transform: translate(0, 30%);
      -webkit-transform: translate(0, 30%);
      transform: translate(0, 30%);
      -webkit-transition: all 800ms ease-in-out;
      -moz-transition: all 800ms ease-in-out;
      -o-transition: all 800ms ease-in-out;
      transition: all 800ms ease-in-out; }
      .hover-slide .text p:before {
        content: "";
        position: absolute;
        top: 0;
        width: 70px;
        height: 1px;
        background-color: #9bd596; }
    .hover-slide .text .cta {
      background-color: #ffffff;
      color: #3d3d3d;
      width: 100%;
      text-align: center;
      padding: 10px;
      font-weight: 400;
      -webkit-transition: all 800ms ease-in-out;
      -moz-transition: all 800ms ease-in-out;
      -o-transition: all 800ms ease-in-out;
      transition: all 800ms ease-in-out;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -webkit-opacity: 0;
      -moz-opacity: 0;
      -o-opacity: 0;
      -moz-transform: translate(0, 50%);
      -o-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      -webkit-transform: translate(0, 50%);
      transform: translate(0, 50%); }
  .hover-slide:hover .text {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #93bb09; }
    @media (max-width: 1020px) {
      .hover-slide:hover .text {
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        bottom: 0; } }
    .hover-slide:hover .text h2 {
      margin-top: 10px;
      -moz-transform: translate(0, 0%);
      -o-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
      -webkit-transform: translate(0, 0%);
      transform: translate(0, 0%);
      background-color: rgba(55, 170, 44, 0); }
    .hover-slide:hover .text p {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -o-opacity: 1;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
      @media (max-width: 1020px) {
        .hover-slide:hover .text p {
          opacity: 0; } }
    .hover-slide:hover .text .cta {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -o-opacity: 1;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }

.screen-animation {
  opacity: 0;
  /* @include transition(all 700ms ease-in-out 250ms); */
  transition: opacity .7s ease-in-out 250ms, transform .7s ease-in-out 250ms; }
  .screen-animation.late {
    transition: opacity .7s ease-in-out 500ms, transform .7s ease-in-out 500ms; }
  .screen-animation.fade-top-to-bottom {
    -moz-transform: translate(0, -70px);
    -o-transform: translate(0, -70px);
    -ms-transform: translate(0, -70px);
    -webkit-transform: translate(0, -70px);
    transform: translate(0, -70px); }
  .screen-animation.screen-visible, .screen-animation.already-visible {
    opacity: 1; }
    .screen-animation.screen-visible.fade-top-to-bottom, .screen-animation.already-visible.fade-top-to-bottom {
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }

.video-box {
  margin-bottom: 30px; }
  .video-box iframe {
    float: left; }

.aluminium-shutter-colours {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .aluminium-shutter-colours li {
    margin: 0;
    padding: 0; }
  .aluminium-shutter-colours li {
    display: block;
    float: left;
    width: 175px;
    margin-bottom: 30px; }
    @media (max-width: 499px) {
      .aluminium-shutter-colours li {
        width: 48.5%;
        margin-right: 3%; }
        .aluminium-shutter-colours li:nth-child(even) {
          margin-right: 0; } }
    .aluminium-shutter-colours li .colour {
      height: 50px;
      width: 175px;
      position: relative;
      display: block; }
      @media (max-width: 499px) {
        .aluminium-shutter-colours li .colour {
          width: 100%;
          border: 1px solid #f1f1f1; } }
      .aluminium-shutter-colours li .colour:before {
        background: url(../images/website/colour-frame.svg) top left no-repeat;
        content: "";
        top: 0;
        left: 0;
        display: block;
        width: 175px;
        height: 50px; }
        @media (max-width: 499px) {
          .aluminium-shutter-colours li .colour:before {
            display: none; } }
      .aluminium-shutter-colours li .colour.white-satin {
        background-color: #fefefb; }
      .aluminium-shutter-colours li .colour.pearl-white-gloss {
        background-color: #ffffff; }
      .aluminium-shutter-colours li .colour.titania {
        background-color: #f1efed; }
      .aluminium-shutter-colours li .colour.white-birch-gloss {
        background-color: #f8f1dc; }
      .aluminium-shutter-colours li .colour.woodgrain {
        background-color: #934724; }
      .aluminium-shutter-colours li .colour.silver {
        background-color: #b9bec4; }
      .aluminium-shutter-colours li .colour.black {
        background-color: #000000; }
    .aluminium-shutter-colours li .title {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 400;
      color: #000; }

.tbl {
  boder-collapse: collapse;
  border: 1px solid #f1f1f1;
  width: 100%;
  margin-bottom: 40px; }
  .tbl tr th,
  .tbl tr td {
    padding: 10px 20px;
    text-align: left; }
  .tbl tr td {
    border-top: 1px solid #f1f1f1; }

.top-bar {
  position: relative; }
  @media (max-width: 840px) {
    .top-bar {
      padding-top: 60px; } }
  .top-bar .header-bar {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0px; }
    @media (max-width: 1240px) {
      .top-bar .header-bar {
        top: 0; } }
    @media (max-width: 1020px) {
      .top-bar .header-bar {
        background-color: #000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0; } }
    .top-bar .header-bar .header-content {
      position: relative;
      height: 130px; }
      @media (max-width: 1020px) {
        .top-bar .header-bar .header-content {
          height: 100px; } }
      @media (max-width: 840px) {
        .top-bar .header-bar .header-content {
          height: 60px; } }
      .top-bar .header-bar .header-content .logo {
        display: inline-block; }
        @media (max-width: 1020px) {
          .top-bar .header-bar .header-content .logo {
            margin: 0 auto;
            display: block;
            width: 230px;
            float: none; } }
        @media (max-width: 840px) {
          .top-bar .header-bar .header-content .logo {
            width: 146px; } }
        .top-bar .header-bar .header-content .logo img {
          float: left;
          margin-top: 32px;
          position: relative;
          max-width: 270px; }
          @media (max-width: 1240px) {
            .top-bar .header-bar .header-content .logo img {
              max-width: 260px;
              margin-top: 35px; } }
          @media (max-width: 1020px) {
            .top-bar .header-bar .header-content .logo img {
              margin-top: 0;
              width: 100%;
              top: 20px; } }
          @media (max-width: 840px) {
            .top-bar .header-bar .header-content .logo img {
              top: 12px; } }
          .no-scroll .top-bar .header-bar .header-content .logo img {
            z-index: 2000; }
      .top-bar .header-bar .header-content .shop-online {
        color: #93bb09;
        font-weight: 600;
        -webkit-transition: all 175ms ease-in-out;
        -moz-transition: all 175ms ease-in-out;
        -o-transition: all 175ms ease-in-out;
        transition: all 175ms ease-in-out;
        position: absolute;
        right: 470px;
        top: 27px;
        font-size: 15px; }
        @media (max-width: 1020px) {
          .top-bar .header-bar .header-content .shop-online {
            display: none; } }
        .top-bar .header-bar .header-content .shop-online:before {
          display: inline-block;
          font-family: icons;
          font-weight: normal;
          font-style: normal;
          line-height: 0;
          font-size: 25px;
          content: "\e00a";
          margin-right: 2px; }
        .top-bar .header-bar .header-content .shop-online:hover {
          color: #ffffff;
          text-decoration: none; }
      .top-bar .header-bar .header-content .zip-money {
        position: absolute;
        top: 26px;
        right: 640px;
        opacity: 0.6;
        -webkit-transition: all 175ms ease-in-out;
        -moz-transition: all 175ms ease-in-out;
        -o-transition: all 175ms ease-in-out;
        transition: all 175ms ease-in-out; }
        @media (max-width: 1020px) {
          .top-bar .header-bar .header-content .zip-money {
            display: none; } }
        .top-bar .header-bar .header-content .zip-money:hover {
          opacity: 1; }
      .top-bar .header-bar .header-content .top-box {
        position: absolute;
        right: 0;
        color: #ffffff;
        top: 20px;
        border: 2px solid #93bb09;
        line-height: 36px;
        font-size: 15px; }
        @media (max-width: 1020px) {
          .top-bar .header-bar .header-content .top-box {
            display: none; } }
        .top-bar .header-bar .header-content .top-box .phone {
          padding-left: 20px;
          padding-right: 20px;
          display: inline-block;
          text-align: center;
          height: 36px;
          color: #ffffff;
          float: left;
          -webkit-transition: all 175ms ease-in-out;
          -moz-transition: all 175ms ease-in-out;
          -o-transition: all 175ms ease-in-out;
          transition: all 175ms ease-in-out; }
          .top-bar .header-bar .header-content .top-box .phone strong {
            font-weight: 700;
            color: #ffffff;
            -webkit-transition: all 175ms ease-in-out;
            -moz-transition: all 175ms ease-in-out;
            -o-transition: all 175ms ease-in-out;
            transition: all 175ms ease-in-out;
            font-family: "filson-soft"; }
          .top-bar .header-bar .header-content .top-box .phone:hover {
            text-decoration: none;
            color: #93bb09; }
            .top-bar .header-bar .header-content .top-box .phone:hover strong {
              color: #93bb09; }
        .top-bar .header-bar .header-content .top-box .free-measure-quote {
          color: #ffffff;
          padding-left: 25px;
          padding-right: 25px;
          display: inline-block;
          text-align: center;
          background-color: #93bb09;
          float: left;
          -webkit-transition: all 175ms ease-in-out;
          -moz-transition: all 175ms ease-in-out;
          -o-transition: all 175ms ease-in-out;
          transition: all 175ms ease-in-out; }
          .top-bar .header-bar .header-content .top-box .free-measure-quote strong {
            font-weight: 700;
            color: #ffffff;
            -webkit-transition: all 175ms ease-in-out;
            -moz-transition: all 175ms ease-in-out;
            -o-transition: all 175ms ease-in-out;
            transition: all 175ms ease-in-out; }
          .top-bar .header-bar .header-content .top-box .free-measure-quote:hover {
            text-decoration: none;
            color: #000; }
            .top-bar .header-bar .header-content .top-box .free-measure-quote:hover strong {
              color: #000; }
      .top-bar .header-bar .header-content .nav-bar {
        position: absolute;
        right: 0;
        top: 85px; }
        @media (max-width: 1020px) {
          .top-bar .header-bar .header-content .nav-bar {
            display: none; } }
        .top-bar .header-bar .header-content .nav-bar .nav-main > ul {
          position: relative; }
          .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li {
            float: left;
            position: relative;
            margin-left: 5px; }
            @media (max-width: 1999px) {
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li {
                margin-left: 0; } }
            @media (max-width: 1240px) {
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.ni {
                display: none; } }
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited {
              padding: 0 12px;
              font-size: 16px;
              height: 45px;
              color: #ffffff;
              text-transform: uppercase;
              font-weight: 600;
              -webkit-transition: all 175ms ease-in-out;
              -moz-transition: all 175ms ease-in-out;
              -o-transition: all 175ms ease-in-out;
              transition: all 175ms ease-in-out;
              display: block; }
              @media (max-width: 1240px) {
                .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited {
                  padding: 0 6px;
                  font-size: 15px; }
                  .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a .ni, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited .ni {
                    display: none; } }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a.specials, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited.specials {
                color: #ff2f25;
                font-weight: 700; }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:hover, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited:hover {
                text-decoration: none;
                border-color: #b7b7b7;
                color: #93bb09; }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a .dropdown-arrow, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited .dropdown-arrow {
                position: relative;
                margin-left: 7px;
                top: -3px; }
                @media (max-width: 1240px) {
                  .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a .dropdown-arrow, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited .dropdown-arrow {
                    display: none; } }
                .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a .dropdown-arrow:before, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li > a:visited .dropdown-arrow:before {
                  display: inline-block;
                  font-family: icons;
                  font-weight: normal;
                  font-style: normal;
                  line-height: 0;
                  content: "\e00b";
                  font-size: 6px;
                  color: #ffffff; }
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.blinds a:hover,
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.blinds a.open,
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.outdoor a:hover,
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.outdoor a.open,
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.about a:hover,
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.about a.open {
              cursor: default; }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.blinds a:hover:after,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.blinds a.open:after,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.outdoor a:hover:after,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.outdoor a.open:after,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.about a:hover:after,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.about a.open:after {
                content: "";
                display: block;
                display: inline-block;
                width: 0;
                height: 0;
                border: 10px solid transparent;
                content: "";
                border-bottom-color: #fff;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -5px; }
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown {
              position: absolute;
              top: 100%;
              left: 0;
              right: 0;
              background: #ffffff;
              padding: 50px;
              overflow: hidden;
              width: 600px;
              box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown div.title,
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown a.title {
                width: 100%;
                display: inline-block;
                clear: both;
                font-size: 18px;
                font-weight: 600;
                text-transform: uppercase;
                -webkit-transition: all 175ms ease-in-out;
                -moz-transition: all 175ms ease-in-out;
                -o-transition: all 175ms ease-in-out;
                transition: all 175ms ease-in-out; }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown a.title:hover {
                color: #000;
                text-decoration: none;
                cursor: pointer; }
              .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul {
                margin: 0;
                padding: 0;
                list-style-type: none; }
                .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li {
                  margin: 0;
                  padding: 0; }
                .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li {
                  display: block;
                  margin-bottom: 3px;
                  margin-top: 3px; }
                  .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li:last-child {
                    margin-bottom: 0; }
                  .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li > a {
                    font-size: 14px;
                    text-transform: uppercase;
                    letter-spacing: 0.06em;
                    -webkit-transition: all 175ms ease-in-out;
                    -moz-transition: all 175ms ease-in-out;
                    -o-transition: all 175ms ease-in-out;
                    transition: all 175ms ease-in-out;
                    font-weight: 500;
                    color: #000; }
                    .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li > a:hover {
                      text-decoration: none;
                      color: #93bb09;
                      cursor: pointer; }
            .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li.about .dropdown {
              width: 200px;
              left: auto;
              right: 0; }
      .top-bar .header-bar .header-content .dropdown-indoor-blinds {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        right: 0;
        background-color: #ffffff;
        overflow: hidden; }
        .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range,
        .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range {
          float: left;
          padding: 50px 50px 35px 50px;
          height: 260px; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range div.title,
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range a.title,
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range div.title,
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range a.title {
            width: 100%;
            display: inline-block;
            clear: both;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            -webkit-transition: all 175ms ease-in-out;
            -moz-transition: all 175ms ease-in-out;
            -o-transition: all 175ms ease-in-out;
            transition: all 175ms ease-in-out; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range a.title:hover,
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range a.title:hover {
            text-decoration: none;
            color: #000; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul,
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            margin-bottom: 15px; }
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li,
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li {
              margin: 0;
              padding: 0; }
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li,
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li {
              display: block;
              margin-bottom: 3px;
              margin-top: 3px; }
              .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li:last-child,
              .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li:last-child {
                margin-bottom: 0; }
              .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li a,
              .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li a {
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                -webkit-transition: all 175ms ease-in-out;
                -moz-transition: all 175ms ease-in-out;
                -o-transition: all 175ms ease-in-out;
                transition: all 175ms ease-in-out;
                font-weight: 500; }
                .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li a:hover,
                .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li a:hover {
                  text-decoration: none;
                  color: #93bb09; }
        .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range {
          width: 28%;
          background: #93bb09; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range .title {
            color: #000; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li a {
            color: #ffffff; }
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li a:hover {
              color: #000; }
        .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range {
          width: 72%; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul {
            float: left; }
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li a {
              color: #000; }
            .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul.half {
              width: 50%; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range .col-1, .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range .col-3 {
            width: 23%; }
          .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range .col-2 {
            width: 54%; }
  @media (max-width: 1020px) {
    .page-parralax .top-bar .top-bar {
      height: 300px; } }
  @media (max-width: 840px) {
    .page-parralax .top-bar .top-bar {
      height: 200px; } }
  .page-parralax .top-bar .hero-parallax {
    height: 500px; }
    @media (max-width: 1020px) {
      .page-parralax .top-bar .hero-parallax {
        height: 300px; } }
    @media (max-width: 840px) {
      .page-parralax .top-bar .hero-parallax {
        height: 200px; } }
  .top-bar .hero-none {
    height: 175px; }
  .top-bar .pager {
    position: absolute;
    bottom: 30px;
    height: 40px;
    left: 50%;
    margin-left: -40px;
    border: 1px solid white;
    color: #ffffff; }
    .top-bar .pager .control {
      display: block;
      height: 38px;
      width: 38px;
      text-align: center;
      float: left; }
      .top-bar .pager .control:before {
        color: white;
        position: relative;
        top: 6px; }
      .top-bar .pager .control:hover {
        cursor: pointer;
        background-color: #000; }
        .top-bar .pager .control:hover:before {
          color: #ffffff; }
    .top-bar .pager .prev:before {
      display: inline-block;
      font-family: ui-icons;
      font-weight: normal;
      font-style: normal;
      line-height: 0;
      content: "\00ab";
      font-size: 20px; }
    .top-bar .pager .next {
      border-left: 1px solid white; }
      .top-bar .pager .next:before {
        display: inline-block;
        font-family: ui-icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        content: "\00a6";
        font-size: 20px; }
      .top-bar .pager .next.inactive {
        display: none; }

.cta-bar {
  background-color: #93bb09;
  padding: 40px 0 35px 0;
  display: block;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out; }
  @media (max-width: 1020px) {
    .cta-bar {
      padding-top: 30px;
      padding-bottom: 25px; } }
  @media (max-width: 1020px) {
    .cta-bar {
      padding-top: 20px;
      padding-bottom: 15px; } }
  .cta-bar .request {
    text-transform: uppercase;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.1em;
    -webkit-transition: all 175ms ease-in-out;
    -moz-transition: all 175ms ease-in-out;
    -o-transition: all 175ms ease-in-out;
    transition: all 175ms ease-in-out; }
    @media (max-width: 840px) {
      .cta-bar .request {
        letter-spacing: 0;
        font-size: 12px; } }
  .cta-bar .lets-get-started {
    margin-bottom: 20px;
    display: block;
    font-size: 46px;
    font-weight: 700;
    line-height: 1em; }
    @media (max-width: 1020px) {
      .cta-bar .lets-get-started {
        font-size: 40px; } }
    @media (max-width: 840px) {
      .cta-bar .lets-get-started {
        font-size: 24px;
        margin-bottom: 10px; } }
  .cta-bar .arrow:before {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\e009";
    color: #ffffff;
    font-size: 34px; }
    @media (max-width: 1020px) {
      .cta-bar .arrow:before {
        font-size: 28px; } }
  .cta-bar:hover {
    text-decoration: none;
    background-color: #222; }
    .cta-bar:hover .request {
      color: #b7b7b7; }

.footer-bar {
  background: #000;
  padding-top: 70px;
  padding-bottom: 70px; }
  @media (max-width: 1240px) {
    .footer-bar {
      display: none; } }
  .footer-bar .footer-content {
    color: #ffffff;
    font-size: 14px; }
    .footer-bar .footer-content .col1 {
      width: 22%; }
      .footer-bar .footer-content .col1 img {
        margin-bottom: 8px;
        max-width: 185px;
        margin-top: -20px; }
      .footer-bar .footer-content .col1 p {
        margin-bottom: 17px;
        line-height: 1.6em;
        font-weight: 300;
        opacity: 0.85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: alpha(opacity=85);
        -webkit-opacity: 0.85;
        -moz-opacity: 0.85;
        -o-opacity: 0.85; }
      .footer-bar .footer-content .col1 .phone {
        color: #93bb09;
        font-size: 30px;
        font-family: "filson-soft"; }
    .footer-bar .footer-content .col2 {
      width: 23%; }
    .footer-bar .footer-content .col3 {
      width: 27%; }
      .footer-bar .footer-content .col3 ul.showrooms {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-bottom: 20px; }
        .footer-bar .footer-content .col3 ul.showrooms li {
          margin: 0;
          padding: 0; }
        .footer-bar .footer-content .col3 ul.showrooms li {
          position: relative;
          padding-left: 125px;
          margin-bottom: 5px; }
          .footer-bar .footer-content .col3 ul.showrooms li .label {
            position: absolute;
            left: 0;
            vertical-align: top; }
          .footer-bar .footer-content .col3 ul.showrooms li .text {
            display: block;
            clear: right;
            opacity: 0.85;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
            filter: alpha(opacity=85);
            -webkit-opacity: 0.85;
            -moz-opacity: 0.85;
            -o-opacity: 0.85; }
    .footer-bar .footer-content .col4 {
      width: 23%; }
      .footer-bar .footer-content .col4 .box {
        display: inline-block; }
      .footer-bar .footer-content .col4 .footer-logo {
        max-width: 190px;
        margin-bottom: 16px;
        margin-top: 10px;
        display: block;
        clear: right; }
      .footer-bar .footer-content .col4 .phone {
        font-family: "filson-soft";
        margin-bottom: 20px;
        font-weight: 300; }
        .footer-bar .footer-content .col4 .phone .text {
          font-size: 15px;
          color: #ffffff; }
        .footer-bar .footer-content .col4 .phone .number {
          color: #93bb09;
          font-size: 40px;
          line-height: 0.9em; }
      .footer-bar .footer-content .col4 .zip-money {
        margin-top: 20px; }
      .footer-bar .footer-content .col4 .footer-reviews {
        margin-bottom: 20px; }
    .footer-bar .footer-content .heading,
    .footer-bar .footer-content .heading a,
    .footer-bar .footer-content .heading a:visited {
      font-size: 17px;
      color: #93bb09;
      font-weight: 600;
      margin-bottom: 30px;
      text-transform: uppercase;
      letter-spacing: 0.08em; }
    .footer-bar .footer-content ul.two-col {
      width: 50%;
      float: left; }
    .footer-bar .footer-content .footer-links li {
      margin-bottom: 0px; }
      .footer-bar .footer-content .footer-links li a, .footer-bar .footer-content .footer-links li a:visited {
        color: #ffffff;
        font-weight: 300;
        letter-spacing: 0.045em;
        opacity: 0.85;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: alpha(opacity=85);
        -webkit-opacity: 0.85;
        -moz-opacity: 0.85;
        -o-opacity: 0.85;
        -webkit-transition: opacity 175ms ease-in-out;
        -moz-transition: opacity 175ms ease-in-out;
        -o-transition: opacity 175ms ease-in-out;
        transition: opacity 175ms ease-in-out; }
        .footer-bar .footer-content .footer-links li a .trademark, .footer-bar .footer-content .footer-links li a:visited .trademark {
          font-family: Arial; }
        .footer-bar .footer-content .footer-links li a:hover, .footer-bar .footer-content .footer-links li a:visited:hover {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -o-opacity: 1;
          text-decoration: none; }

.footer-copyright-bar {
  background-color: #ffffff; }
  .footer-copyright-bar .footer-copyright-content {
    padding: 30px 0 30px 0px;
    position: relative;
    text-align: center; }
    @media (max-width: 840px) {
      .footer-copyright-bar .footer-copyright-content {
        padding: 20px 0 20px 0;
        text-align: center; } }
    .footer-copyright-bar .footer-copyright-content .social-box {
      dispplay: block; }
      @media (max-width: 840px) {
        .footer-copyright-bar .footer-copyright-content .social-box {
          display: block;
          text-align: center;
          position: static;
          margin-top: 5px; } }
      .footer-copyright-bar .footer-copyright-content .social-box .social {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-right: 10px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
        @media (max-width: 840px) {
          .footer-copyright-bar .footer-copyright-content .social-box .social {
            width: 30px;
            height: 30px;
            margin-left: 5px;
            margin-right: 5px; } }
        .footer-copyright-bar .footer-copyright-content .social-box .social.facebook {
          background-image: url(../images/website/social-facebook.svg); }
        .footer-copyright-bar .footer-copyright-content .social-box .social.youtube {
          margin-left: 12px;
          background-image: url(../images/website/social-youtube.svg); }
          @media (max-width: 840px) {
            .footer-copyright-bar .footer-copyright-content .social-box .social.youtube {
              margin-left: 0px; } }
        .footer-copyright-bar .footer-copyright-content .social-box .social.linkedin {
          background-image: url(../images/website/social-linkedin.svg); }
        .footer-copyright-bar .footer-copyright-content .social-box .social.pinterest {
          background-image: url(../images/website/social-pinterest.svg); }
        .footer-copyright-bar .footer-copyright-content .social-box .social.instagram {
          background-image: url(../images/website/social-instagram.svg); }
        .footer-copyright-bar .footer-copyright-content .social-box .social.houzz {
          background-image: url(../images/website/social-houzz.svg); }
    .footer-copyright-bar .footer-copyright-content .copyright-text {
      display: block;
      font-size: 14px;
      color: #000;
      margin-top: 0px;
      letter-spacing: 0.02em; }
      @media (max-width: 499px) {
        .footer-copyright-bar .footer-copyright-content .copyright-text {
          font-size: 13px;
          margin-top: 0; } }

.crb,
.ccb {
  display: inline-block;
  margin-right: 15px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  padding-left: 25px;
  /* Disabled Inputs -----------------------------------------------------------------------*/
  /* Large Version -------------------------------------------------------------------------*/
  /* No Label Inputs ------------------------------------------------------------------------*/ }
  .crb label[for],
  .ccb label[for] {
    cursor: pointer; }
  .crb label:before,
  .ccb label:before {
    margin-left: -25px;
    vertical-align: middle;
    margin-right: 6px;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    text-align: center;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer; }
    .ie8 .crb label:before, .ie8
    .ccb label:before {
      display: none; }
  .crb:hover label:before,
  .ccb:hover label:before {
    border-color: #a6a6a6; }
  .crb:active label:before,
  .ccb:active label:before {
    border-color: #5174a3;
    box-shadow: 0 0 6px rgba(83, 118, 160, 0.35); }
  .crb input:disabled + label:before,
  .ccb input:disabled + label:before {
    background-color: #f4f3f3; }
  .crb:hover input:disabled + label:before,
  .ccb:hover input:disabled + label:before {
    border-color: #ccc; }
  .crb:active input:disabled + label:before,
  .ccb:active input:disabled + label:before {
    border-color: #ccc;
    box-shadow: none; }
  .crb input:disabled:checked + label:before,
  .ccb input:disabled:checked + label:before {
    opacity: 0.5; }
  .crb.l label:before,
  .ccb.l label:before {
    width: 24px;
    height: 24px;
    background-size: 22px 22px; }
  .crb.noLabel,
  .ccb.noLabel {
    margin-right: 0; }
    .crb.noLabel label:before,
    .ccb.noLabel label:before {
      margin-right: 0; }

.crb input[type="radio"] {
  display: none; }
  .ie8 .crb input[type="radio"] {
    display: inline-block; }

.crb label:before {
  border-radius: 50%; }

.crb input[type="radio"]:checked + label:before {
  background-image: url(../images/website/custom-radio.svg); }

.ccb input[type="checkbox"] {
  display: none; }
  .ie8 .ccb input[type="checkbox"] {
    display: inline-block; }

.ccb label:before {
  border-radius: 0px; }

.ccb input[type="checkbox"]:checked + label:before {
  background-image: url(../images/website/custom-checkbox.svg); }

.ccb input[type="checkbox"] + label.form-error-message {
  padding-left: 15px !important;
  top: 2px; }
  .ccb input[type="checkbox"] + label.form-error-message:before {
    border: 0;
    background-color: #ff2f25;
    border-radius: 50%;
    width: 15px;
    height: 15px; }

.ccb input[type="checkbox"]:checked + label.form-error-message + label:before {
  background-image: url(../images/website/custom-checkbox.svg); }

.crb.image,
.ccb.image {
  margin-right: 0;
  padding-left: 0; }
  .crb.image label,
  .ccb.image label {
    overflow: hidden;
    display: block; }
    .crb.image label:before,
    .ccb.image label:before {
      display: none;
      height: auto;
      margin-left: 0; }
    .crb.image label img,
    .ccb.image label img {
      float: left; }
    .crb.image label:hover,
    .ccb.image label:hover {
      opacity: 1; }

.crb.no-label,
.ccb.no-label {
  margin-right: 0;
  padding-left: 0; }
  .crb.no-label label:before,
  .ccb.no-label label:before {
    margin-right: 0;
    margin-left: 0; }

/* Hide Checkbox for Mobile Nav */
#mobile-nav,
#indoor-mobile-menu,
#outdoor-mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  visibility: hidden;
  z-index: 90;
  min-width: 320px; }
  @media (max-width: 1020px) {
    #mobile-nav,
    #indoor-mobile-menu,
    #outdoor-mobile-menu {
      padding-top: 100px; } }
  @media (max-width: 840px) {
    #mobile-nav,
    #indoor-mobile-menu,
    #outdoor-mobile-menu {
      padding-top: 60px; } }
  #mobile-nav .mobile-content,
  #indoor-mobile-menu .mobile-content,
  #outdoor-mobile-menu .mobile-content {
    margin: 0 auto;
    padding-top: 15px; }
    @media (max-width: 1020px) {
      #mobile-nav .mobile-content,
      #indoor-mobile-menu .mobile-content,
      #outdoor-mobile-menu .mobile-content {
        width: 100%;
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 840px) {
      #mobile-nav .mobile-content,
      #indoor-mobile-menu .mobile-content,
      #outdoor-mobile-menu .mobile-content {
        width: 100%;
        padding: 15px 50px 20px 50px; } }
    @media (max-width: 499px) {
      #mobile-nav .mobile-content,
      #indoor-mobile-menu .mobile-content,
      #outdoor-mobile-menu .mobile-content {
        width: 100%;
        padding: 15px 20px 20px 20px; } }
  #mobile-nav .btn-close-mobile-nav,
  #indoor-mobile-menu .btn-close-mobile-nav,
  #outdoor-mobile-menu .btn-close-mobile-nav {
    position: absolute;
    top: 0;
    left: 50px;
    top: 30px; }
  #mobile-nav nav ul li,
  #indoor-mobile-menu nav ul li,
  #outdoor-mobile-menu nav ul li {
    display: block;
    border-bottom: 1px solid #222;
    position: relative;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
    margin-top: -10px;
    margin-left: -5px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    #mobile-nav nav ul li:last-child,
    #indoor-mobile-menu nav ul li:last-child,
    #outdoor-mobile-menu nav ul li:last-child {
      border-bottom: 0; }
    #mobile-nav nav ul li a,
    #indoor-mobile-menu nav ul li a,
    #outdoor-mobile-menu nav ul li a {
      display: block;
      font-size: 20px;
      color: #ffffff;
      font-weight: 300;
      padding: 10px 0;
      -webkit-tap-highlight-color: transparent; }
      #mobile-nav nav ul li a:hover,
      #indoor-mobile-menu nav ul li a:hover,
      #outdoor-mobile-menu nav ul li a:hover {
        text-decoration: none; }
    #mobile-nav nav ul li a:active,
    #indoor-mobile-menu nav ul li a:active,
    #outdoor-mobile-menu nav ul li a:active {
      background-color: transparent;
      color: #93bb09; }
    #mobile-nav nav ul li .sub-link,
    #indoor-mobile-menu nav ul li .sub-link,
    #outdoor-mobile-menu nav ul li .sub-link {
      position: absolute;
      right: 0;
      top: 2px; }
      #mobile-nav nav ul li .sub-link .arrow-line-box,
      #indoor-mobile-menu nav ul li .sub-link .arrow-line-box,
      #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box {
        width: 50px;
        height: 40px;
        display: inline-block;
        position: relative;
        -webkit-transition: all 180ms ease-in-out;
        -moz-transition: all 180ms ease-in-out;
        -o-transition: all 180ms ease-in-out;
        transition: all 180ms ease-in-out;
        padding: 10px; }
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-1,
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-2,
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-3,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-1,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-2,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-3,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-1,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-2,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-3 {
          display: block;
          height: 2px;
          background-color: #93bb09;
          position: relative;
          -webkit-transition: all 200ms ease-in-out;
          -moz-transition: all 200ms ease-in-out;
          -o-transition: all 200ms ease-in-out;
          transition: all 200ms ease-in-out;
          width: 30px; }
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-1,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-1,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-1 {
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 4px;
          left: 17px;
          width: 15px; }
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-2,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-2,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-2 {
          top: 7px; }
        #mobile-nav nav ul li .sub-link .arrow-line-box .menu-line-3,
        #indoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-3,
        #outdoor-mobile-menu nav ul li .sub-link .arrow-line-box .menu-line-3 {
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          top: 10px;
          left: 17px;
          width: 15px; }

#mobile-nav {
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  #mobile-nav.show {
    visibility: visible;
    background: #000;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: background 0.35s linear,translate 0.35s ease-in 200ms; }
    #mobile-nav.show li {
      opacity: 1;
      margin-top: 0;
      margin-left: 0; }
      #mobile-nav.show li:nth-child(1) {
        transition-delay: 250ms; }
      #mobile-nav.show li:nth-child(2) {
        transition-delay: 300ms; }
      #mobile-nav.show li:nth-child(3) {
        transition-delay: 350ms; }
      #mobile-nav.show li:nth-child(4) {
        transition-delay: 400ms; }
      #mobile-nav.show li:nth-child(5) {
        transition-delay: 450ms; }
      #mobile-nav.show li:nth-child(6) {
        transition-delay: 500ms; }
      #mobile-nav.show li:nth-child(7) {
        transition-delay: 550ms; }
      #mobile-nav.show li:nth-child(8) {
        transition-delay: 600ms; }
      #mobile-nav.show li:nth-child(9) {
        transition-delay: 650ms; }
      #mobile-nav.show li:nth-child(10) {
        transition-delay: 700ms; }
      #mobile-nav.show li:nth-child(11) {
        transition-delay: 750ms; }

#indoor-mobile-menu,
#outdoor-mobile-menu {
  background: #93bb09;
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  #indoor-mobile-menu nav ul li,
  #outdoor-mobile-menu nav ul li {
    border-bottom: 1px solid #86ab08;
    margin: 0; }
    #indoor-mobile-menu nav ul li:last-child,
    #outdoor-mobile-menu nav ul li:last-child {
      border-bottom: 0 !important; }
    #indoor-mobile-menu nav ul li a:active,
    #outdoor-mobile-menu nav ul li a:active {
      color: #000; }
  #indoor-mobile-menu.show,
  #outdoor-mobile-menu.show {
    visibility: visible;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    #indoor-mobile-menu.show li,
    #outdoor-mobile-menu.show li {
      opacity: 1;
      transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
      #indoor-mobile-menu.show li:nth-child(1),
      #outdoor-mobile-menu.show li:nth-child(1) {
        transition-delay: 50ms; }
      #indoor-mobile-menu.show li:nth-child(2),
      #outdoor-mobile-menu.show li:nth-child(2) {
        transition-delay: 100ms; }
      #indoor-mobile-menu.show li:nth-child(3),
      #outdoor-mobile-menu.show li:nth-child(3) {
        transition-delay: 150ms; }
      #indoor-mobile-menu.show li:nth-child(4),
      #outdoor-mobile-menu.show li:nth-child(4) {
        transition-delay: 200ms; }
      #indoor-mobile-menu.show li:nth-child(5),
      #outdoor-mobile-menu.show li:nth-child(5) {
        transition-delay: 250ms; }
      #indoor-mobile-menu.show li:nth-child(6),
      #outdoor-mobile-menu.show li:nth-child(6) {
        transition-delay: 300ms; }
      #indoor-mobile-menu.show li:nth-child(7),
      #outdoor-mobile-menu.show li:nth-child(7) {
        transition-delay: 350ms; }
      #indoor-mobile-menu.show li:nth-child(8),
      #outdoor-mobile-menu.show li:nth-child(8) {
        transition-delay: 400ms; }
      #indoor-mobile-menu.show li:nth-child(9),
      #outdoor-mobile-menu.show li:nth-child(9) {
        transition-delay: 450ms; }
      #indoor-mobile-menu.show li:nth-child(10),
      #outdoor-mobile-menu.show li:nth-child(10) {
        transition-delay: 500ms; }
      #indoor-mobile-menu.show li:nth-child(11),
      #outdoor-mobile-menu.show li:nth-child(11) {
        transition-delay: 550ms; }
      #indoor-mobile-menu.show li:nth-child(12),
      #outdoor-mobile-menu.show li:nth-child(12) {
        transition-delay: 600ms; }
      #indoor-mobile-menu.show li:nth-child(13),
      #outdoor-mobile-menu.show li:nth-child(13) {
        transition-delay: 650ms; }
      #indoor-mobile-menu.show li:nth-child(14),
      #outdoor-mobile-menu.show li:nth-child(14) {
        transition-delay: 700ms; }
      #indoor-mobile-menu.show li:nth-child(15),
      #outdoor-mobile-menu.show li:nth-child(15) {
        transition-delay: 750ms; }
      #indoor-mobile-menu.show li:nth-child(16),
      #outdoor-mobile-menu.show li:nth-child(16) {
        transition-delay: 800ms; }
      #indoor-mobile-menu.show li:nth-child(17),
      #outdoor-mobile-menu.show li:nth-child(17) {
        transition-delay: 850ms; }

.top-bar .header-bar .header-content .nav-mobile {
  display: none;
  position: absolute;
  left: -10px;
  z-index: 1500; }
  @media (max-width: 1020px) {
    .top-bar .header-bar .header-content .nav-mobile {
      display: block;
      top: 18px; } }
  @media (max-width: 840px) {
    .top-bar .header-bar .header-content .nav-mobile {
      top: 0; } }
  .top-bar .header-bar .header-content .nav-mobile .menu-line-box {
    padding: 10px;
    width: 50px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 10px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-1,
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-2,
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-3 {
      display: block;
      height: 2px;
      background-color: #93bb09;
      position: relative;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
      width: 30px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-1 {
      top: 0px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-2 {
      top: 7px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box .menu-line-3 {
      top: 14px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-mobile-menu .menu-line-1 {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 9px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-mobile-menu .menu-line-2 {
      opacity: 0; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-mobile-menu .menu-line-3 {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 5px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-indoor-mobile-menu .menu-line-1 {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 4px;
      left: -2px;
      width: 15px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-indoor-mobile-menu .menu-line-2 {
      top: 7px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-indoor-mobile-menu .menu-line-3 {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 10px;
      left: -2px;
      width: 15px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-outdoor-mobile-menu .menu-line-1 {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 4px;
      left: -2px;
      width: 15px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-outdoor-mobile-menu .menu-line-2 {
      top: 7px; }
    .top-bar .header-bar .header-content .nav-mobile .menu-line-box#close-outdoor-mobile-menu .menu-line-3 {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 10px;
      left: -2px;
      width: 15px; }
  .top-bar .header-bar .header-content .nav-mobile .nav-menu-text {
    margin-right: 5px;
    display: inline-block;
    color: #93bb09;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px; }

.top-bar .header-bar .header-content .nav-call {
  display: none;
  position: absolute;
  right: 0px;
  z-index: 1500; }
  @media (max-width: 1020px) {
    .top-bar .header-bar .header-content .nav-call {
      display: block;
      top: 0px; } }
  @media (max-width: 840px) {
    .top-bar .header-bar .header-content .nav-call {
      width: 60px;
      height: 60px;
      right: 0px;
      background-color: #93bb09; } }
  @media (max-width: 499px) {
    .top-bar .header-bar .header-content .nav-call {
      right: -20px; } }
  .top-bar .header-bar .header-content .nav-call:before {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\E000"; }
    @media (max-width: 1020px) {
      .top-bar .header-bar .header-content .nav-call:before {
        color: #93bb09;
        font-size: 24px;
        position: relative;
        top: 40px; } }
    @media (max-width: 840px) {
      .top-bar .header-bar .header-content .nav-call:before {
        font-size: 24px;
        color: #000;
        top: 20px;
        left: 21px; } }
  .top-bar .header-bar .header-content .nav-call:active {
    background-color: #93bb09; }

.size1,
.size2,
.size3 {
  text-transform: uppercase; }

.size1 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 600; }

.size2 {
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: 700;
  letter-spacing: 2px; }

.size3 {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 700;
  letter-spacing: 2px; }

h2 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500; }

@media (max-width: 1240px) {
  .size2, .size3 {
    font-size: 20px;
    line-height: 1.2em; } }

@media (max-width: 499px) {
  .size2, .size3 {
    font-size: 17px; } }

.size2.with-letter, .size3.with-letter {
  display: table;
  width: 100%;
  vertical-align: middle; }
  .size2.with-letter .letter-box, .size3.with-letter .letter-box {
    display: table-cell;
    width: 45px; }
    @media (max-width: 499px) {
      .size2.with-letter .letter-box, .size3.with-letter .letter-box {
        width: 30px; } }
    .size2.with-letter .letter-box .first-letter, .size3.with-letter .letter-box .first-letter {
      display: block;
      width: 46px;
      height: 46px;
      background-color: #000;
      color: #ffffff;
      text-align: center;
      line-height: 45px;
      letter-spacing: 0; }
      @media (max-width: 499px) {
        .size2.with-letter .letter-box .first-letter, .size3.with-letter .letter-box .first-letter {
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 15px; } }
      .size2.with-letter .letter-box .first-letter.phone:before, .size3.with-letter .letter-box .first-letter.phone:before {
        display: inline-block;
        font-family: icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        content: "\E000";
        font-size: 24px;
        position: relative;
        top: -1px;
        left: -3px; }
      .size2.with-letter .letter-box .first-letter.opening-quote:before, .size3.with-letter .letter-box .first-letter.opening-quote:before {
        display: inline-block;
        font-family: icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        content: "\E003";
        font-size: 15px;
        position: relative;
        top: -3px;
        left: 0px; }
  .size2.with-letter .text, .size3.with-letter .text {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left; }
  .size2.with-letter.green, .size3.with-letter.green {
    color: #93bb09; }
    .size2.with-letter.green .first-letter, .size3.with-letter.green .first-letter {
      background-color: #93bb09; }
  .size2.with-letter.red, .size3.with-letter.red {
    color: #ff2f25; }
    .size2.with-letter.red .first-letter, .size3.with-letter.red .first-letter {
      background-color: #ff2f25; }

.size2.underline, .size3.underline {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 30px; }

.heading-row {
  text-align: center;
  margin-bottom: 40px;
  padding-left: 6%;
  padding-right: 6%; }
  @media (max-width: 840px) {
    .heading-row {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 25px; } }
  .heading-row .heading {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase; }
    @media (max-width: 840px) {
      .heading-row .heading {
        font-size: 18px; } }
    .heading-row .heading.size1 {
      letter-spacing: 0.05em; }
    .heading-row .heading.divider {
      position: relative;
      padding-bottom: 40px;
      margin-bottom: 40px; }
      @media (max-width: 840px) {
        .heading-row .heading.divider {
          padding-bottom: 25px; } }
      .heading-row .heading.divider:after {
        content: "";
        width: 80px;
        height: 3px;
        background-color: #93bb09;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -40px; }
    .heading-row .heading + p {
      margin-bottom: 0; }

.page-home .content-pad {
  margin-top: 0; }

@media (max-width: 1020px) {
  .page-home .diy-blinds {
    display: none; } }

.page-home .diy-blinds img {
  width: 100%; }

.page-home .abc-blinds-experience {
  margin-top: 50px;
  margin-bottom: 60px; }
  .page-home .abc-blinds-experience h3 {
    font-size: 18px; }

.page-home .testimonials-box .show-more {
  display: none; }

.page-home .hero-wrap .swiper-container {
  min-width: 320px;
  background-size: cover;
  width: 100%; }
  .page-home .hero-wrap .swiper-container .swiper-button-next,
  .page-home .hero-wrap .swiper-container .swiper-container-rtl .swiper-button-prev,
  .page-home .hero-wrap .swiper-container .swiper-button-prev,
  .page-home .hero-wrap .swiper-container .swiper-container-rtl .swiper-button-next {
    top: 50%; }
  .page-home .hero-wrap .swiper-container .swiper-slide {
    background-color: #000;
    position: relative;
    max-height: 800px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media (max-width: 1240px) {
      .page-home .hero-wrap .swiper-container .swiper-slide {
        height: 650px;
        background-size: auto 650px; } }
    @media (max-width: 840px) {
      .page-home .hero-wrap .swiper-container .swiper-slide {
        height: 500px; } }
    .page-home .hero-wrap .swiper-container .swiper-slide .bottom-fade {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      height: 350px;
      width: 100%;
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
      z-index: 0; }
      @media (min-width: 2000px) {
        .page-home .hero-wrap .swiper-container .swiper-slide .bottom-fade {
          height: 450px; } }
      @media (max-width: 499px) {
        .page-home .hero-wrap .swiper-container .swiper-slide .bottom-fade {
          display: none; } }
    .page-home .hero-wrap .swiper-container .swiper-slide .hero-content {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding-top: 130px; }
      @media (max-width: 1020px) {
        .page-home .hero-wrap .swiper-container .swiper-slide .hero-content {
          padding-top: 100px; } }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide .hero-content {
          padding-top: 0; } }
    .page-home .hero-wrap .swiper-container .swiper-slide .btn:hover {
      background-color: #ffffff;
      color: #000; }
    .page-home .hero-wrap .swiper-container .swiper-slide .btn.red:hover {
      color: #000; }
    @media (max-width: 840px) {
      .page-home .hero-wrap .swiper-container .swiper-slide.product-slide:before {
        content: "";
        background-color: #000;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .6; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .hero-content {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      align-items: flex-end; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .hero-content {
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap {
      text-align: left;
      max-width: 70%;
      padding-bottom: 70px;
      background-size: cover;
      position: relative;
      z-index: 2; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap {
          padding-bottom: 0;
          max-width: 100%; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading {
        font-size: 48px;
        font-weight: 500;
        color: #ffffff;
        line-height: 1em;
        text-transform: uppercase;
        letter-spacing: 0.08em; }
        @media (min-width: 2000px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading {
            font-size: 60px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading {
            font-size: 24px;
            text-align: center;
            font-weight: 700; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading.divider {
          position: relative;
          padding-bottom: 20px;
          margin-bottom: 20px; }
          @media (min-width: 2000px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading.divider {
              padding-top: 25px;
              margin-bottom: 25px; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading.divider:after {
            content: "";
            width: 80px;
            height: 3px;
            background-color: #93bb09;
            position: absolute;
            bottom: 0;
            left: 0; }
            @media (max-width: 840px) {
              .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .heading.divider:after {
                left: 50%;
                margin-left: -40px; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .sub {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.4em;
        color: #ffffff;
        display: block;
        margin: 0 auto 30px auto; }
        @media (min-width: 2000px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .sub {
            font-size: 18px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .sub {
            font-size: 13px;
            text-align: center;
            max-width: 90%; } }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .bh {
          text-align: center; } }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide .text-wrap .bh .btn {
          margin: 0 auto; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.aero-slide {
      background-image: url(../images/home/hero/aero-roller-blinds.jpg); }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.aero-slide {
          background-image: url(../images/home/hero/aero-roller-blinds-mobile.jpg); } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.curtains-slide {
      background-image: url(../images/home/hero/sheer-curtains.jpg); }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.curtains-slide {
          background-image: url(../images/home/hero/sheer-curtains-mobile.jpg); } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.shutters-slide {
      background-image: url(../images/home/hero/shutters.jpg); }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.shutters-slide {
          background-image: url(../images/home/hero/shutters-mobile.jpg); } }
    .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.outdoor-blinds-slide {
      background-image: url(../images/home/hero/outdoor-blinds-and-awnings.jpg); }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.product-slide.outdoor-blinds-slide {
          background-image: url(../images/home/hero/outdoor-blinds-and-awnings-mobile.jpg); } }
    .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .hero-content {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap {
      text-align: center;
      position: relative;
      z-index: 2; }
      .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading {
        font-size: 52px;
        font-weight: 600;
        color: #ffffff;
        line-height: 1em;
        text-transform: uppercase;
        letter-spacing: 0.08em; }
        @media (min-width: 2000px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading {
            font-size: 60px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading {
            font-size: 24px;
            text-align: center;
            font-weight: 700; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading.divider {
          position: relative;
          padding-bottom: 30px;
          margin-bottom: 30px; }
          @media (min-width: 2000px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading.divider {
              padding-top: 25px;
              margin-bottom: 25px; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .heading.divider:after {
            content: "";
            width: 80px;
            height: 3px;
            background-color: #93bb09;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -40px; }
      .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .sub {
        padding-right: 0;
        font-size: 18px;
        margin-bottom: 40px; }
        @media (min-width: 2000px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .sub {
            font-size: 18px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .text-wrap .sub {
            font-size: 13px;
            text-align: center;
            max-width: 90%; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .sub {
      font-size: 17px;
      font-weight: 400;
      line-height: 1.4em;
      color: #ffffff;
      display: block;
      margin: 0 auto 30px auto; }
      @media (min-width: 2000px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .sub {
          font-size: 18px; } }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .sub {
          font-size: 15px;
          text-align: center;
          max-width: 90%; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper {
      position: absolute;
      top: -15%;
      left: -50%;
      height: 170%;
      width: 200%;
      z-index: 0; }
      .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0.7;
        background: #000;
        content: "";
        z-index: 3; }
      @media only screen and (min-width: 750px) and (max-width: 999px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper {
          width: 290%;
          left: -50%;
          top: -35%; } }
      @media only screen and (min-width: 500px) and (max-width: 749px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper {
          width: 250%;
          left: -40%;
          top: -35%; } }
      @media only screen and (min-width: 1px) and (max-width: 499px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper {
          width: 330%;
          height: 200%;
          left: -100%;
          top: -50%; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.video-slide .video-wrapper video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        z-index: 1; }
    .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .hero-content {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap {
      text-align: center; }
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title {
        font-size: 80px;
        font-weight: 200;
        position: relative;
        padding-bottom: 40px;
        margin-bottom: 40px; }
        @media (max-width: 1240px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title {
            font-size: 60px; } }
        @media (max-width: 1020px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title {
            font-size: 50px;
            padding-bottom: 0;
            margin-bottom: 10px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title {
            font-size: 40px;
            margin-bottom: 30px; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title:after {
          content: "";
          width: 80px;
          height: 3px;
          background-color: #ffffff;
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -40px; }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title:after {
              display: none; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title .number {
          font-size: 93px; }
          @media (max-width: 1240px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title .number {
              font-size: 73px; } }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title .number {
              font-size: 63px; } }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title .number {
              font-size: 40px; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .sub {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.4em;
        color: #ffffff;
        display: block;
        margin: -15px auto 30px auto; }
        @media (min-width: 2000px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .sub {
            font-size: 18px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .sub {
            font-size: 13px;
            text-align: center;
            max-width: 90%;
            margin-top: 15px; } }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .bh .btn {
          margin: 0 auto; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img,
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile {
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 40px; }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img,
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile {
            margin-bottom: 0; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img img,
        .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile img {
          margin: 0 auto;
          display: block;
          max-width: 1000px;
          width: 100%; }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img img,
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile img {
              width: 70%; } }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img img,
            .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile img {
              width: 100%;
              max-width: 100%; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img {
        display: block; }
        @media (max-width: 499px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img {
            display: none; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile {
        display: none; }
        @media (max-width: 499px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.specials-slide .text-wrap .title-img-mobile {
            display: block; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .img-mobile {
      display: none; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .img-mobile {
          max-width: 150px;
          margin-bottom: 20px; } }
      @media (max-width: 499px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .img-mobile {
          max-width: 200px; } }
      @media (max-width: 400px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .img-mobile {
          max-width: 180px; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb {
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .img-wrap {
        vertical-align: bottom;
        width: 50%;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        text-align: right; }
        @media (max-width: 1420px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .img-wrap {
            width: 55%; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .img-wrap {
            display: none; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .img-wrap img {
          width: 100%; }
      .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap {
        width: 50%;
        text-align: left;
        padding-right: 50px;
        position: relative;
        z-index: 1; }
        @media (max-width: 1420px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap {
            width: 45%;
            padding-left: 20px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap {
            width: 100%;
            text-align: center;
            padding-right: 0; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .img-mobile {
          display: none; }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .img-mobile {
              max-width: 150px;
              margin: 0 auto 20px auto;
              display: block; } }
          @media (max-width: 499px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .img-mobile {
              max-width: 200px; } }
          @media (max-width: 400px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .img-mobile {
              max-width: 180px; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title {
          font-size: 60px;
          line-height: 1.2em;
          position: relative;
          margin-bottom: 25px;
          padding-bottom: 25px;
          color: #ffffff;
          text-transform: uppercase; }
          @media (max-width: 1240px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title {
              font-size: 50px; } }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title {
              font-size: 40px; } }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title {
              font-size: 24px;
              margin-bottom: 10px;
              padding-bottom: 0;
              font-weight: 700; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title:after {
            content: "";
            width: 80px;
            height: 3px;
            background-color: #333;
            position: absolute;
            bottom: 0;
            left: 0; }
            @media (max-width: 840px) {
              .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title:after {
                display: none; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title small {
            font-size: 16px;
            display: block;
            clear: both;
            line-height: 18px;
            font-weight: 400;
            letter-spacing: 0.08em; }
            @media (max-width: 840px) {
              .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .title small {
                font-size: 12px; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .sub {
          font-size: 15px;
          font-weight: 400;
          line-height: 1.46em;
          color: #ffffff; }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.message-mark-slide .fb .text-wrap .sub {
              font-size: 13px;
              line-height: 1.3em; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .img-mobile {
      display: none; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .img-mobile {
          max-width: 150px;
          margin-bottom: 20px; } }
      @media (max-width: 499px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .img-mobile {
          max-width: 150px; } }
      @media (max-width: 400px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .img-mobile {
          max-width: 180px; } }
    .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      @media (max-width: 840px) {
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb {
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .img-wrap {
        vertical-align: bottom;
        width: 50%;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        text-align: right; }
        @media (max-width: 1420px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .img-wrap {
            width: 55%; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .img-wrap {
            display: none; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .img-wrap img {
          width: 100%; }
      .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap {
        width: 50%;
        text-align: left;
        padding-right: 50px;
        position: relative;
        z-index: 1; }
        @media (max-width: 1420px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap {
            width: 45%;
            padding-left: 20px; } }
        @media (max-width: 840px) {
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap {
            width: 100%;
            text-align: center;
            padding-right: 0; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .img-mobile {
          display: none; }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .img-mobile {
              max-width: 150px;
              margin: 0 auto 20px auto;
              display: block; } }
          @media (max-width: 499px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .img-mobile {
              max-width: 150px; } }
          @media (max-width: 400px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .img-mobile {
              max-width: 180px; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title {
          font-size: 60px;
          line-height: 1.2em;
          position: relative;
          margin-bottom: 25px;
          padding-bottom: 25px;
          color: #93bb09;
          text-transform: uppercase; }
          @media (max-width: 1240px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title {
              font-size: 50px; } }
          @media (max-width: 1020px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title {
              font-size: 40px; } }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title {
              font-size: 24px;
              margin-bottom: 10px;
              padding-bottom: 0;
              font-weight: 700; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title:after {
            content: "";
            width: 80px;
            height: 3px;
            background-color: #333;
            position: absolute;
            bottom: 0;
            left: 0; }
            @media (max-width: 840px) {
              .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title:after {
                display: none; } }
          .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title small {
            font-size: 16px;
            display: block;
            clear: both;
            line-height: 18px;
            font-weight: 400;
            letter-spacing: 0.08em; }
            @media (max-width: 840px) {
              .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .title small {
                font-size: 12px; } }
        .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .sub {
          font-size: 15px;
          font-weight: 400;
          line-height: 1.46em;
          color: #ffffff; }
          @media (max-width: 840px) {
            .page-home .hero-wrap .swiper-container .swiper-slide.price-beat-slide .fb .text-wrap .sub {
              font-size: 13px;
              line-height: 1.3em; } }

.page-home .image-grid {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .page-home .image-grid li {
    margin: 0;
    padding: 0; }
  .page-home .image-grid li {
    float: left;
    margin-bottom: 0px; }
    @media (max-width: 1020px) {
      .page-home .image-grid li:last-child {
        margin-bottom: 0; } }
    .page-home .image-grid li.cols {
      width: 25%; }
      @media (max-width: 1240px) {
        .page-home .image-grid li.cols {
          width: 50%; } }
      @media (max-width: 840px) {
        .page-home .image-grid li.cols {
          width: 100%;
          margin-bottom: 40px; } }
      .page-home .image-grid li.cols .text {
        /* @include transform (translate(0,404px));  */
        opacity: 0; }
    .page-home .image-grid li.cols:last-child {
      margin-bottom: 0; }
    .page-home .image-grid li a {
      position: relative;
      display: block;
      overflow: hidden; }
      .page-home .image-grid li a img {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1; }
      .page-home .image-grid li a .title {
        opacity: 1;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 30px 40px 30px 40px;
        z-index: 2;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #ffffff;
        letter-spacing: 2px;
        background-image: linear-gradient(to top, black 0%, transparent 100%);
        text-align: right; }
        @media (max-width: 1240px) {
          .page-home .image-grid li a .title {
            padding: 20px 30px; } }
        @media (max-width: 1020px) {
          .page-home .image-grid li a .title .ni {
            display: none; } }
        .page-home .image-grid li a .title .arrow {
          display: inline-block;
          position: relative;
          vertical-align: middle;
          margin-left: 10px; }
          .page-home .image-grid li a .title .arrow:before {
            display: inline-block;
            content: "";
            width: 40px;
            height: 40px;
            border: 2px solid #ffffff;
            border-radius: 50%; }
          .page-home .image-grid li a .title .arrow:after {
            display: inline-block;
            font-family: ui-icons;
            font-weight: normal;
            font-style: normal;
            line-height: 0;
            position: absolute;
            left: 15px;
            top: 20px;
            content: "\00a6";
            color: #93bb09;
            font-size: 18px; }
      .page-home .image-grid li a .text {
        padding: 40px;
        position: absolute;
        z-index: 2;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
        @media (max-width: 1420px) {
          .page-home .image-grid li a .text {
            padding: 30px; } }
        @media (max-width: 1240px) {
          .page-home .image-grid li a .text {
            padding: 40px; } }
        @media (max-width: 1020px) {
          .page-home .image-grid li a .text {
            height: 56px;
            overflow: hidden; } }
        .page-home .image-grid li a .text h2 {
          margin-bottom: 15px;
          color: #ffffff;
          font-size: 18px;
          font-weight: 600;
          text-transform: uppercase;
          color: #ffffff;
          letter-spacing: 2px; }
          @media (max-width: 1240px) {
            .page-home .image-grid li a .text h2 {
              font-size: 18px; } }
        .page-home .image-grid li a .text p {
          padding-top: 20px;
          font-size: 14px;
          line-height: 1.53em;
          color: #b7b7b7;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: alpha(opacity=0);
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -o-opacity: 0;
          -moz-transform: translate(0, 30%);
          -o-transform: translate(0, 30%);
          -ms-transform: translate(0, 30%);
          -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
          -webkit-transition: all 800ms ease-in-out;
          -moz-transition: all 800ms ease-in-out;
          -o-transition: all 800ms ease-in-out;
          transition: all 800ms ease-in-out; }
          .page-home .image-grid li a .text p:before {
            content: "";
            position: absolute;
            top: 0;
            width: 70px;
            height: 2px;
            background-color: #93bb09; }
      .page-home .image-grid li a:hover .title {
        opacity: 0; }
        @media (max-width: 1020px) {
          .page-home .image-grid li a:hover .title {
            opacity: 1; } }
      .page-home .image-grid li a:hover .text {
        /* @include transform (translate(0,0));  */
        opacity: 1; }
        @media (max-width: 1020px) {
          .page-home .image-grid li a:hover .text {
            -moz-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            bottom: 0;
            opacity: 0; } }
        .page-home .image-grid li a:hover .text p {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -o-opacity: 1;
          -moz-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

.page-home .blog-wrap {
  margin-top: 60px; }
  @media (max-width: 1020px) {
    .page-home .blog-wrap {
      margin-bottom: 40px; } }
  .page-home .blog-wrap .blog-post {
    position: relative;
    padding-left: 290px;
    width: 100%; }
    @media (max-width: 1240px) {
      .page-home .blog-wrap .blog-post {
        padding-left: 180px; } }
    @media (max-width: 499px) {
      .page-home .blog-wrap .blog-post {
        padding-left: 0; } }
    .page-home .blog-wrap .blog-post img {
      width: 100%;
      max-width: 250px;
      position: absolute;
      left: 0; }
      @media (max-width: 1240px) {
        .page-home .blog-wrap .blog-post img {
          width: 150px; } }
      @media (max-width: 499px) {
        .page-home .blog-wrap .blog-post img {
          width: 100%;
          position: static;
          margin-top: 15px;
          max-width: 100%; } }
    .page-home .blog-wrap .blog-post .post-title {
      margin-top: 20px;
      margin-bottom: 10px;
      line-height: 1.25em; }
      .page-home .blog-wrap .blog-post .post-title a {
        font-size: 26px;
        font-weight: 300;
        color: #0e0e0e; }
        @media (max-width: 1240px) {
          .page-home .blog-wrap .blog-post .post-title a {
            font-size: 22px; } }
    .page-home .blog-wrap .blog-post .post-summary {
      color: #3d3d3d;
      margin-bottom: 20px;
      font-size: 15px;
      line-height: 1.5em; }
    .page-home .blog-wrap .blog-post .post-date, .page-home .blog-wrap .blog-post .post-tag {
      display: none; }

.page-home .youtube-player {
  position: relative;
  padding-bottom: 55%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px; }

.page-home .youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent; }

.page-home .youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all; }

.page-home .youtube-player img:hover {
  -webkit-filter: brightness(75%); }

.page-home .youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer; }

.page-category-list .page-col1 {
  width: 240px;
  float: left; }
  @media (max-width: 1240px) {
    .page-category-list .page-col1 {
      display: none; } }
  .page-category-list .page-col1 .category-list ul {
    border-top: 1px solid #f1f1f1; }
    .page-category-list .page-col1 .category-list ul li a {
      padding: 9px 0;
      font-size: 18px;
      display: block;
      border-bottom: 1px solid #f1f1f1;
      color: #0e0e0e; }
      .page-category-list .page-col1 .category-list ul li a .trademark {
        font-family: Arial;
        font-size: 13px; }
      .page-category-list .page-col1 .category-list ul li a:hover {
        text-decoration: none;
        color: #93bb09; }

.page-category-list .page-col2 {
  float: right;
  width: 1070px; }
  @media (max-width: 1420px) {
    .page-category-list .page-col2 {
      width: 920px; } }
  @media (max-width: 1240px) {
    .page-category-list .page-col2 {
      width: 100%;
      float: none; } }
  .page-category-list .page-col2 .image-grid {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .page-category-list .page-col2 .image-grid li {
      margin: 0;
      padding: 0; }
    .page-category-list .page-col2 .image-grid li {
      float: left;
      margin-bottom: 0px; }
      @media (max-width: 1020px) {
        .page-category-list .page-col2 .image-grid li:last-child {
          margin-bottom: 0; } }
      .page-category-list .page-col2 .image-grid li.cols {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%; }
        .page-category-list .page-col2 .image-grid li.cols:nth-of-type(3n+0) {
          margin-right: 0; }
        @media (max-width: 1020px) {
          .page-category-list .page-col2 .image-grid li.cols {
            width: 48.5%;
            margin-bottom: 30px; }
            .page-category-list .page-col2 .image-grid li.cols:nth-of-type(3n+0) {
              margin-right: 2%; }
            .page-category-list .page-col2 .image-grid li.cols:nth-of-type(1n+0) {
              margin-right: 2%; }
            .page-category-list .page-col2 .image-grid li.cols:nth-of-type(2n+0) {
              margin-right: 0%; } }
        @media (max-width: 840px) {
          .page-category-list .page-col2 .image-grid li.cols {
            width: 100%; } }
        .page-category-list .page-col2 .image-grid li.cols .text {
          /* @include transform (translate(0,404px));  */
          opacity: 0; }
      .page-category-list .page-col2 .image-grid li a {
        position: relative;
        display: block;
        overflow: hidden; }
        .page-category-list .page-col2 .image-grid li a img {
          width: 100%;
          float: left;
          position: relative;
          z-index: 1; }
        .page-category-list .page-col2 .image-grid li a .title {
          opacity: 1;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 10px 20px 10px 20px;
          z-index: 2;
          font-size: 18px;
          line-height: 1em;
          font-weight: 600;
          text-transform: uppercase;
          color: #ffffff;
          letter-spacing: 2px;
          background-image: linear-gradient(to top, black 0%, transparent 100%);
          text-align: right; }
          @media (max-width: 1999px) {
            .page-category-list .page-col2 .image-grid li a .title {
              letter-spacing: 1px; } }
          @media (max-width: 1240px) {
            .page-category-list .page-col2 .image-grid li a .title {
              padding: 20px 30px; } }
          @media (max-width: 1020px) {
            .page-category-list .page-col2 .image-grid li a .title .ni {
              display: none; } }
          .page-category-list .page-col2 .image-grid li a .title .arrow {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            margin-left: 10px; }
            .page-category-list .page-col2 .image-grid li a .title .arrow:before {
              display: inline-block;
              content: "";
              width: 40px;
              height: 40px;
              border: 2px solid #ffffff;
              border-radius: 50%; }
            .page-category-list .page-col2 .image-grid li a .title .arrow:after {
              display: inline-block;
              font-family: ui-icons;
              font-weight: normal;
              font-style: normal;
              line-height: 0;
              position: absolute;
              left: 15px;
              top: 20px;
              content: "\00a6";
              color: #93bb09;
              font-size: 18px; }
        .page-category-list .page-col2 .image-grid li a .text {
          padding: 40px;
          position: absolute;
          z-index: 2;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.9);
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
          @media (max-width: 1999px) {
            .page-category-list .page-col2 .image-grid li a .text {
              padding: 25px 30px 30px 30px; } }
          @media (max-width: 1020px) {
            .page-category-list .page-col2 .image-grid li a .text {
              height: 56px;
              overflow: hidden; } }
          .page-category-list .page-col2 .image-grid li a .text h3 {
            margin-bottom: 15px;
            color: #ffffff;
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            color: #ffffff;
            letter-spacing: 2px; }
            @media (max-width: 1999px) {
              .page-category-list .page-col2 .image-grid li a .text h3 {
                font-size: 18px;
                margin-bottom: 10px; } }
          .page-category-list .page-col2 .image-grid li a .text p {
            padding-top: 20px;
            font-size: 14px;
            line-height: 1.53em;
            color: #b7b7b7;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -o-opacity: 0;
            -moz-transform: translate(0, 30%);
            -o-transform: translate(0, 30%);
            -ms-transform: translate(0, 30%);
            -webkit-transform: translate(0, 30%);
            transform: translate(0, 30%);
            -webkit-transition: all 800ms ease-in-out;
            -moz-transition: all 800ms ease-in-out;
            -o-transition: all 800ms ease-in-out;
            transition: all 800ms ease-in-out; }
            @media (max-width: 1999px) {
              .page-category-list .page-col2 .image-grid li a .text p {
                font-size: 13px;
                line-height: 1.4em;
                padding-top: 15px; } }
            .page-category-list .page-col2 .image-grid li a .text p:before {
              content: "";
              position: absolute;
              top: 0;
              width: 70px;
              height: 2px;
              background-color: #93bb09; }
        .page-category-list .page-col2 .image-grid li a:hover .title {
          opacity: 0; }
          @media (max-width: 1020px) {
            .page-category-list .page-col2 .image-grid li a:hover .title {
              opacity: 1; } }
        .page-category-list .page-col2 .image-grid li a:hover .text {
          /* @include transform (translate(0,0));  */
          opacity: 1; }
          @media (max-width: 1020px) {
            .page-category-list .page-col2 .image-grid li a:hover .text {
              -moz-transform: translate(0, 0);
              -o-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
              -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
              bottom: 0;
              opacity: 0; } }
          .page-category-list .page-col2 .image-grid li a:hover .text p {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -o-opacity: 1;
            -moz-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  .page-category-list .page-col2 .cant-find {
    margin-top: 50px;
    border-top: 1px solid #f1f1f1;
    padding-top: 30px; }
    @media (max-width: 1020px) {
      .page-category-list .page-col2 .cant-find {
        margin-top: 10px; } }

.page-product-view .content-pad {
  margin-top: 0; }
  .page-product-view .content-pad img.product-review {
    display: none; }

.page-product-view .hero-wrap {
  background-color: #000; }
  .page-product-view .hero-wrap .swiper-slide {
    min-height: 700px; }
    @media (max-width: 1999px) {
      .page-product-view .hero-wrap .swiper-slide {
        min-height: 500px; } }
    @media (max-width: 1240px) {
      .page-product-view .hero-wrap .swiper-slide {
        min-height: auto; } }
    @media (max-width: 1020px) {
      .page-product-view .hero-wrap .swiper-slide {
        min-height: auto; } }
    .page-product-view .hero-wrap .swiper-slide img.hero {
      width: 100%;
      float: left; }
    .page-product-view .hero-wrap .swiper-slide:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      height: 120px;
      width: 100%;
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); }
      @media (max-width: 499px) {
        .page-product-view .hero-wrap .swiper-slide:before {
          display: none; } }
  .page-product-view .hero-wrap .hero-content {
    position: relative; }
    .page-product-view .hero-wrap .hero-content .heading, .page-product-view .hero-wrap .hero-content h1 {
      font-size: 90px;
      font-weight: 700;
      line-height: 1em;
      z-index: 10;
      position: absolute;
      bottom: 40px;
      color: #ffffff;
      text-shadow: -0.7px 0.7px 21px rgba(0, 0, 0, 0.33);
      max-width: 55%;
      line-height: 1em;
      letter-spacing: 0; }
      @media only screen and (min-width: 0px) and (max-width: 1500px) {
        .page-product-view .hero-wrap .hero-content .heading, .page-product-view .hero-wrap .hero-content h1 {
          bottom: 140px;
          font-size: 80px; } }
      @media (max-width: 1240px) {
        .page-product-view .hero-wrap .hero-content .heading, .page-product-view .hero-wrap .hero-content h1 {
          font-size: 60px;
          bottom: 100px;
          max-width: 50%; } }
      @media (max-width: 1020px) {
        .page-product-view .hero-wrap .hero-content .heading, .page-product-view .hero-wrap .hero-content h1 {
          bottom: 30px;
          max-width: 100%;
          font-size: 55px; } }
      @media (max-width: 499px) {
        .page-product-view .hero-wrap .hero-content .heading, .page-product-view .hero-wrap .hero-content h1 {
          font-size: 40px;
          bottom: 15px; } }
      .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
        font-size: 80px;
        bottom: 50px; }
        @media only screen and (min-width: 0px) and (max-width: 1500px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            font-size: 72px;
            bottom: 140px; } }
        @media (max-width: 1240px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            font-size: 60px;
            bottom: 100px; } }
        @media (max-width: 1020px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            font-size: 55px;
            bottom: 30px; } }
        @media (max-width: 840px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            font-size: 40px; } }
        @media (max-width: 499px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            bottom: 15px; } }
        @media (max-width: 400px) {
          .page-product-view .hero-wrap .hero-content .heading.long, .page-product-view .hero-wrap .hero-content h1.long {
            font-size: 32px; } }
      .page-product-view .hero-wrap .hero-content .heading .trademark, .page-product-view .hero-wrap .hero-content h1 .trademark {
        font-size: 30px;
        vertical-align: top;
        position: relative;
        top: -20px; }
        @media (max-width: 1020px) {
          .page-product-view .hero-wrap .hero-content .heading .trademark, .page-product-view .hero-wrap .hero-content h1 .trademark {
            font-size: 20px;
            top: -12px; } }
        @media (max-width: 1020px) {
          .page-product-view .hero-wrap .hero-content .heading .trademark, .page-product-view .hero-wrap .hero-content h1 .trademark {
            font-size: 16px;
            top: -10px; } }
      .page-product-view .hero-wrap .hero-content .heading .sub, .page-product-view .hero-wrap .hero-content h1 .sub {
        font-size: 20px; }
    .page-product-view .hero-wrap .hero-content .main-features {
      width: 500px;
      position: absolute;
      right: 0;
      bottom: 175px;
      z-index: 10;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 40px;
      box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1); }
      @media (max-width: 1999px) {
        .page-product-view .hero-wrap .hero-content .main-features {
          width: 450px;
          bottom: 150px; } }
      @media only screen and (min-width: 0px) and (max-width: 1500px) {
        .page-product-view .hero-wrap .hero-content .main-features {
          bottom: 40px; } }
      @media (max-width: 1420px) {
        .page-product-view .hero-wrap .hero-content .main-features {
          bottom: 40px;
          padding: 30px;
          text-align: center; } }
      @media (max-width: 1240px) {
        .page-product-view .hero-wrap .hero-content .main-features {
          padding: 25px;
          bottom: 0px; } }
      @media (max-width: 1020px) {
        .page-product-view .hero-wrap .hero-content .main-features {
          display: none; } }
      .page-product-view .hero-wrap .hero-content .main-features .title {
        margin-bottom: 20px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase; }
        @media (max-width: 1240px) {
          .page-product-view .hero-wrap .hero-content .main-features .title {
            font-size: 20px; } }
        .page-product-view .hero-wrap .hero-content .main-features .title .trademark {
          font-family: Arial;
          font-size: 14px;
          vertical-align: top;
          position: relative;
          top: -5px; }
      .page-product-view .hero-wrap .hero-content .main-features ol {
        margin-bottom: 0;
        margin: 0;
        padding: 0;
        list-style-type: none; }
        .page-product-view .hero-wrap .hero-content .main-features ol li {
          margin: 0;
          padding: 0; }
        .page-product-view .hero-wrap .hero-content .main-features ol li {
          display: block;
          margin-bottom: 10px;
          min-height: 46px; }
          .page-product-view .hero-wrap .hero-content .main-features ol li:last-child {
            margin-bottom: 0; }
          .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter {
            display: table;
            width: 100%;
            vertical-align: middle; }
            .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter .letter-box {
              display: table-cell;
              width: 46px; }
              .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter .letter-box .first-letter {
                display: block;
                width: 46px;
                height: 46px;
                background-color: #93bb09;
                color: #ffffff;
                text-align: center;
                line-height: 45px;
                letter-spacing: 0;
                font-weight: 600;
                font-size: 22px; }
            .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter .text {
              display: table-cell;
              padding-left: 15px;
              vertical-align: middle;
              text-align: left;
              line-height: 1.4em; }
              @media (max-width: 1420px) {
                .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter .text {
                  font-size: 15px; } }
            .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter.green {
              color: #93bb09; }
              .page-product-view .hero-wrap .hero-content .main-features ol li .with-letter.green .first-letter {
                background-color: #93bb09; }
    .page-product-view .hero-wrap .hero-content .stamp-icons {
      position: absolute;
      width: 500px;
      bottom: 30px;
      right: 0;
      text-align: center;
      z-index: 10; }
      .page-product-view .hero-wrap .hero-content .stamp-icons span {
        cursor: pointer; }
      @media (max-width: 1999px) {
        .page-product-view .hero-wrap .hero-content .stamp-icons {
          max-width: 450px; } }
      @media only screen and (min-width: 0px) and (max-width: 1500px) {
        .page-product-view .hero-wrap .hero-content .stamp-icons {
          left: 0;
          right: auto;
          text-align: left; } }
      @media (max-width: 1240px) {
        .page-product-view .hero-wrap .hero-content .stamp-icons {
          bottom: 15px; } }
      @media (max-width: 1020px) {
        .page-product-view .hero-wrap .hero-content .stamp-icons {
          display: none; } }
      .page-product-view .hero-wrap .hero-content .stamp-icons img {
        margin: 0 2px;
        box-shadow: 0px 0 15px rgba(0, 0, 0, 0.3);
        border-radius: 50%; }
        @media (max-width: 1999px) {
          .page-product-view .hero-wrap .hero-content .stamp-icons img {
            max-width: 100px; } }
        @media only screen and (min-width: 0px) and (max-width: 1500px) {
          .page-product-view .hero-wrap .hero-content .stamp-icons img {
            max-width: 90px; } }
        @media (max-width: 1240px) {
          .page-product-view .hero-wrap .hero-content .stamp-icons img {
            max-width: 75px; } }

.page-product-view .video-tabs {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .page-product-view .video-tabs li {
    margin: 0;
    padding: 0; }
  .page-product-view .video-tabs .tab {
    float: left;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px; }
    @media (max-width: 840px) {
      .page-product-view .video-tabs .tab {
        height: 46px;
        line-height: 46px;
        padding: 0 15px;
        font-size: 11px; } }
    @media (max-width: 499px) {
      .page-product-view .video-tabs .tab {
        padding: 0;
        width: 50%;
        text-align: center; } }
    .page-product-view .video-tabs .tab.active {
      background-color: #000;
      color: #ffffff; }
      .page-product-view .video-tabs .tab.active:hover {
        color: #ffffff; }
    .page-product-view .video-tabs .tab:hover {
      color: #93bb09;
      cursor: pointer; }

.page-product-view .article-row h3 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.4em; }

.page-product-view .article-row .article-img-col {
  padding-top: 7px;
  width: 350px; }
  @media (max-width: 1999px) {
    .page-product-view .article-row .article-img-col {
      width: 300px; } }
  @media (max-width: 1240px) {
    .page-product-view .article-row .article-img-col {
      width: 100%;
      float: none; } }
  @media (max-width: 1240px) {
    .page-product-view .article-row .article-img-col img {
      margin-bottom: 15px; } }

.page-product-view .cta {
  margin-top: 50px;
  border-top: 1px solid #f1f1f1;
  padding-top: 30px; }
  @media (max-width: 1020px) {
    .page-product-view .cta {
      margin-top: 30px; } }
  @media (max-width: 1020px) {
    .page-product-view .cta .btn {
      display: none; } }

.page-product-view .testimonials-inside .opening-quote {
  width: 46px;
  height: 46px;
  background-color: #93bb09; }
  .page-product-view .testimonials-inside .opening-quote:before {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\E003";
    font-size: 15px;
    position: relative;
    top: -3px;
    left: 0px; }

.tab-bar {
  background: #f0f0f0;
  height: 76px; }
  @media (max-width: 840px) {
    .tab-bar {
      height: 44px; } }
  .tab-bar .tab-bar-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .tab-bar .tab-bar-content ul li {
      margin: 0;
      padding: 0; }
    .tab-bar .tab-bar-content ul li {
      float: left;
      text-transform: uppercase;
      font-size: 16px;
      display: block;
      text-align: center;
      height: 76px;
      line-height: 76px;
      padding: 0 30px;
      cursor: pointer;
      font-weight: 500;
      letter-spacing: 1px;
      -webkit-transition: all 175ms ease-in-out;
      -moz-transition: all 175ms ease-in-out;
      -o-transition: all 175ms ease-in-out;
      transition: all 175ms ease-in-out; }
      @media (max-width: 840px) {
        .tab-bar .tab-bar-content ul li {
          padding: 0;
          font-size: 9px;
          height: 44px;
          line-height: 44px;
          letter-spacing: 0; } }
      .tab-bar .tab-bar-content ul li.active, .tab-bar .tab-bar-content ul li:hover.active {
        color: #93bb09;
        background-color: #ffffff; }
      .tab-bar .tab-bar-content ul li:hover {
        background-color: #93bb09; }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.two li {
        width: 50%; } }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.three li {
        width: 33.33%; } }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.four li {
        width: 25%; } }
  .tab-bar .tab-bar-content ul.links {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .tab-bar .tab-bar-content ul.links li {
      margin: 0;
      padding: 0; }
    .tab-bar .tab-bar-content ul.links li {
      float: left; }
      .tab-bar .tab-bar-content ul.links li a {
        color: #3d3d3d;
        text-transform: uppercase;
        font-size: 16px;
        display: block;
        text-align: center;
        height: 76px;
        line-height: 76px;
        padding: 0 30px;
        cursor: pointer;
        font-weight: 500;
        letter-spacing: 1px;
        -webkit-transition: all 175ms ease-in-out;
        -moz-transition: all 175ms ease-in-out;
        -o-transition: all 175ms ease-in-out;
        transition: all 175ms ease-in-out; }
        @media (max-width: 840px) {
          .tab-bar .tab-bar-content ul.links li a {
            padding: 0 10px;
            font-size: 9px;
            height: 44px;
            line-height: 44px;
            letter-spacing: 0; } }
        .tab-bar .tab-bar-content ul.links li a:hover, .tab-bar .tab-bar-content ul.links li a:active {
          background-color: #93bb09;
          color: #000;
          text-decoration: none; }
      .m1 .tab-bar .tab-bar-content ul.links li.menu-1 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m2 .tab-bar .tab-bar-content ul.links li.menu-2 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m3 .tab-bar .tab-bar-content ul.links li.menu-3 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m4 .tab-bar .tab-bar-content ul.links li.menu-4 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m5 .tab-bar .tab-bar-content ul.links li.menu-5 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m6 .tab-bar .tab-bar-content ul.links li.menu-6 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m7 .tab-bar .tab-bar-content ul.links li.menu-7 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m8 .tab-bar .tab-bar-content ul.links li.menu-8 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m9 .tab-bar .tab-bar-content ul.links li.menu-9 a {
        color: #93bb09;
        background-color: #ffffff; }
      .m10 .tab-bar .tab-bar-content ul.links li.menu-10 a {
        color: #93bb09;
        background-color: #ffffff; }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.links.two li {
        width: 50%; } }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.links.three li {
        width: 33.33%; } }
    @media (max-width: 840px) {
      .tab-bar .tab-bar-content ul.links.four li {
        width: 25%; } }

@keyframes commercial_hero_text {
  0% {
    opacity: 0;
    -moz-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px); }
  100% {
    opacity: 100;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media (max-width: 840px) {
  .page-commercial .top-bar {
    padding-top: 0; } }

.page-commercial .top-bar .header-bar {
  background-color: transparent; }
  @media (max-width: 1020px) {
    .page-commercial .top-bar .header-bar {
      background-color: #ffffff; } }
  @media (max-width: 840px) {
    .page-commercial .top-bar .header-bar {
      background-color: #ffffff; } }
  .page-commercial .top-bar .header-bar .header-content .top-box {
    border: 2px solid #000; }
    .page-commercial .top-bar .header-bar .header-content .top-box .phone {
      color: #000; }
      .page-commercial .top-bar .header-bar .header-content .top-box .phone strong {
        color: #000; }
      .page-commercial .top-bar .header-bar .header-content .top-box .phone:hover {
        color: #93bb09; }
        .page-commercial .top-bar .header-bar .header-content .top-box .phone:hover strong {
          color: #93bb09; }
    .page-commercial .top-bar .header-bar .header-content .top-box .free-measure-quote {
      background-color: #000; }
  .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:visited {
    color: #000; }
    .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a.specials, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:visited.specials {
      color: #ffffff; }
      .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a.specials:hover, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:visited.specials:hover {
        color: #93bb09; }
    .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:hover, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:visited:hover {
      color: #93bb09; }
    .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a .dropdown-arrow:before, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main ul li a:visited .dropdown-arrow:before {
      color: #000; }

.page-commercial .commercial-intro-bar {
  height: 1200px;
  min-height: 900px;
  position: relative; }
  @media (max-width: 840px) {
    .page-commercial .commercial-intro-bar {
      height: auto;
      margin-top: 60px; } }
  .page-commercial .commercial-intro-bar:before {
    content: "";
    background: url(../images/commercial/commercial-hero.jpg) top right;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
    @media (max-width: 840px) {
      .page-commercial .commercial-intro-bar:before {
        opacity: 0.1;
        background-size: initial; } }
  @media (max-width: 1240px) {
    .page-commercial .commercial-intro-bar {
      min-height: auto; } }
  .page-commercial .commercial-intro-bar .text-wrap {
    opacity: 0;
    max-width: 600px;
    position: absolute;
    top: 30%;
    animation: commercial_hero_text 1s forwards 500ms; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-intro-bar .text-wrap {
        max-width: 450px; } }
    @media (max-width: 840px) {
      .page-commercial .commercial-intro-bar .text-wrap {
        max-width: 100%;
        position: relative;
        padding: 100px 0; } }
    .page-commercial .commercial-intro-bar .text-wrap .line-1 {
      text-transform: uppercase;
      font-weight: 500;
      color: #93bb09;
      font-size: 30px;
      margin-bottom: 20px; }
      @media (max-width: 1240px) {
        .page-commercial .commercial-intro-bar .text-wrap .line-1 {
          font-size: 20px; } }
      @media (max-width: 400px) {
        .page-commercial .commercial-intro-bar .text-wrap .line-1 {
          font-size: 16px; } }
    .page-commercial .commercial-intro-bar .text-wrap .line-2 {
      font-size: 40px;
      font-weight: 300;
      line-height: 1.46em;
      color: #000; }
      @media (max-width: 1240px) {
        .page-commercial .commercial-intro-bar .text-wrap .line-2 {
          font-size: 30px; } }
      @media (max-width: 400px) {
        .page-commercial .commercial-intro-bar .text-wrap .line-2 {
          font-size: 26px;
          margin-bottom: 30px; } }
    .page-commercial .commercial-intro-bar .text-wrap .line-3 {
      font-size: 14px;
      text-transform: uppercase;
      margin-top: 20px;
      position: relative;
      padding-top: 25px;
      margin-bottom: 30px;
      letter-spacing: 0.1em; }
      @media (max-width: 1240px) {
        .page-commercial .commercial-intro-bar .text-wrap .line-3 {
          font-size: 13px; } }
      .page-commercial .commercial-intro-bar .text-wrap .line-3:before {
        content: "";
        position: absolute;
        top: 0;
        width: 80px;
        border-top: 1px solid #f0f0f0; }

.page-commercial .commercial-section-1-bar .text-wrap h2,
.page-commercial .commercial-section-2-bar .text-wrap h2 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 40px; }
  @media (max-width: 840px) {
    .page-commercial .commercial-section-1-bar .text-wrap h2,
    .page-commercial .commercial-section-2-bar .text-wrap h2 {
      font-size: 30px;
      margin-bottom: 20px; } }

.page-commercial .commercial-section-1-bar {
  height: 930px;
  background: url(../images/commercial/commercial-project-retractable-blinds.jpg) no-repeat top center;
  background-size: cover; }
  @media (max-width: 1240px) {
    .page-commercial .commercial-section-1-bar {
      height: 650px; } }
  @media (max-width: 840px) {
    .page-commercial .commercial-section-1-bar {
      height: 550px; } }
  .page-commercial .commercial-section-1-bar .commercial-section-1-content {
    padding: 100px 0; }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-1-bar .commercial-section-1-content {
        padding: 50px 0; } }
    .page-commercial .commercial-section-1-bar .commercial-section-1-content .text-wrap {
      margin-top: 100px;
      max-width: 550px; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-1-bar .commercial-section-1-content .text-wrap {
          margin-top: 0; } }
    @media (max-width: 1240px) {
      .page-commercial .commercial-section-1-bar .commercial-section-1-content {
        margin-top: 0;
        max-width: 480px; } }

.page-commercial .commercial-section-2-bar {
  margin-bottom: 80px; }
  @media (max-width: 840px) {
    .page-commercial .commercial-section-2-bar {
      margin-bottom: 0; } }
  .page-commercial .commercial-section-2-bar .commercial-section-2-content {
    padding: 100px 0; }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-2-bar .commercial-section-2-content {
        padding: 50px 0; } }
    .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap {
      position: relative;
      max-width: 800px;
      margin-top: -280px; }
      @media (max-width: 1999px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap {
          max-width: 700px;
          margin-top: -200px; } }
      @media (max-width: 1240px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap {
          max-width: 475px;
          margin-top: 0; } }
      @media (max-width: 1020px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap {
          max-width: 360px;
          margin-top: 0; } }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap {
          max-width: 100%; } }
      .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap:after {
        content: "";
        position: absolute;
        bottom: -50px;
        left: -50px;
        background-color: red;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: #93bb09;
        background-image: linear-gradient(to left, #fff033 0%, #93bb09 100%); }
        @media (max-width: 499px) {
          .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap:after {
            left: -20px;
            bottom: -20px; } }
      .page-commercial .commercial-section-2-bar .commercial-section-2-content .img-wrap img {
        width: 100%;
        position: relative;
        z-index: 1; }
    .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap {
      position: absolute;
      right: 0;
      top: 100px;
      max-width: 600px; }
      @media (max-width: 1420px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap {
          max-width: 440px;
          top: 160px; } }
      @media (max-width: 1020px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap {
          max-width: 370px;
          top: 100px; } }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap {
          position: static;
          margin-top: 95px;
          max-width: 100%; } }
      @media (max-width: 499px) {
        .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap {
          margin-top: 55px; } }
      .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap p {
        margin-bottom: 0; }
      .page-commercial .commercial-section-2-bar .commercial-section-2-content .text-wrap h2 {
        line-height: 1em; }

.page-commercial .commercial-testimonials {
  display: table; }
  .page-commercial .commercial-testimonials .swiper-button-next, .page-commercial .commercial-testimonials .swiper-container-rtl .swiper-button-prev,
  .page-commercial .commercial-testimonials .swiper-button-prev, .page-commercial .commercial-testimonials .swiper-container-rtl .swiper-button-next {
    top: 47.5%; }
    @media (max-width: 840px) {
      .page-commercial .commercial-testimonials .swiper-button-next, .page-commercial .commercial-testimonials .swiper-container-rtl .swiper-button-prev,
      .page-commercial .commercial-testimonials .swiper-button-prev, .page-commercial .commercial-testimonials .swiper-container-rtl .swiper-button-next {
        top: 20%; } }
  .page-commercial .commercial-testimonials .logo {
    margin-bottom: 20px; }
  .page-commercial .commercial-testimonials .commercial-testimonials-col1,
  .page-commercial .commercial-testimonials .commercial-testimonials-col2 {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 650px;
    background-color: #000;
    color: #ffffff; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-testimonials .commercial-testimonials-col1,
      .page-commercial .commercial-testimonials .commercial-testimonials-col2 {
        height: 550px; } }
    @media (max-width: 840px) {
      .page-commercial .commercial-testimonials .commercial-testimonials-col1,
      .page-commercial .commercial-testimonials .commercial-testimonials-col2 {
        display: block;
        height: auto;
        width: 100%; } }
  .page-commercial .commercial-testimonials .commercial-testimonials-col1 {
    background-size: cover;
    background-reapeat: no-repeat;
    background-position: top center; }
    @media (max-width: 840px) {
      .page-commercial .commercial-testimonials .commercial-testimonials-col1 {
        height: 300px; } }
  .page-commercial .commercial-testimonials .commercial-testimonials-col2 {
    padding: 7%; }
    @media (max-width: 840px) {
      .page-commercial .commercial-testimonials .commercial-testimonials-col2 {
        text-align: center;
        min-height: 400px; } }
    .page-commercial .commercial-testimonials .commercial-testimonials-col2 .logo {
      max-width: 200px; }
      .page-commercial .commercial-testimonials .commercial-testimonials-col2 .logo.with-padding {
        padding: 10px;
        background-color: #ffffff; }
  .page-commercial .commercial-testimonials.perceptions .commercial-testimonials-col1 {
    background-image: url(../images/commercial/reviews/perceptions-sheer-curtains.jpg); }
  .page-commercial .commercial-testimonials.perceptions .logo {
    max-width: 260px; }
  .page-commercial .commercial-testimonials.impressions .commercial-testimonials-col1 {
    background-image: url(../images/commercial/reviews/impressions-display-vertisheer-3.jpg); }
  .page-commercial .commercial-testimonials.nicheliving .commercial-testimonials-col1 {
    background-image: url(../images/commercial/reviews/nicheliving-roller-blinds.jpg); }
  .page-commercial .commercial-testimonials.nicheliving .logo {
    max-width: 260px; }

.page-commercial .swiper-container.logos .swiper-slide a img {
  width: 100%;
  -webkit-filter: grayscale(100%), contrast(101%);
  filter: grayscale(100%) contrast(101%);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  float: left; }

.page-commercial .swiper-container.logos .swiper-slide a:hover img {
  -webkit-filter: none;
  filter: none; }

.page-commercial .commercial-section-3-bar .commercial-section-3-content {
  padding: 100px 0;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 840px) {
    .page-commercial .commercial-section-3-bar .commercial-section-3-content {
      padding-top: 50px;
      padding-bottom: 30px; } }
  .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row {
    margin-bottom: 50px; }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row {
        margin-bottom: 30px; } }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row h1 {
      font-weight: 300;
      font-size: 45px;
      line-height: 1.46em; }
      @media (max-width: 1240px) {
        .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row h1 {
          font-size: 36px; } }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row h1 {
          font-size: 28px;
          line-height: 1.2em;
          margin-bottom: 20px; } }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row h2 {
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      color: #93bb09;
      margin-bottom: 40px; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row h2 {
          font-size: 20px;
          margin-bottom: 20px; } }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row p {
      font-size: 18px; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-3-bar .commercial-section-3-content .heading-row p {
          font-size: 15px; } }
  .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-right: 0; }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left li, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right li {
      margin: 0;
      padding: 0; }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left li, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right li {
      font-size: 18px;
      line-height: 2.2em; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left li, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right li {
          font-size: 15px;
          line-height: 1.63em; } }
  .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left {
    border-right: 1px solid #93bb09;
    padding-right: 100px; }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left {
        padding-right: 25px; } }
    .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left li {
      text-align: right; }
  .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right {
    padding-left: 100px; }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right {
        padding-left: 25px; } }

.page-commercial .commercial-section-4-bar {
  background: url(../images/commercial/display-homes-curtains-by-abc-blinds.jpg) no-repeat top center;
  background-size: cover;
  position: relative; }
  .page-commercial .commercial-section-4-bar .commercial-section-4-content {
    padding: 150px 0 400px 0;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-section-4-bar .commercial-section-4-content {
        padding-bottom: 150px; } }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-4-bar .commercial-section-4-content {
        padding: 50px 0 50px 0; } }
    .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg {
      background-color: #ffffff;
      padding: 80px;
      position: relative; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg {
          padding: 50px; } }
      @media (max-width: 499px) {
        .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg {
          padding: 30px; } }
      .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg:before {
        display: inline-block;
        width: 0;
        height: 0;
        border: 50px solid transparent;
        content: "";
        border-bottom-color: #fff;
        position: absolute;
        left: 50%;
        margin-left: -50px;
        top: -100px; }
        @media (max-width: 840px) {
          .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg:before {
            display: inline-block;
            width: 0;
            height: 0;
            border: 25px solid transparent;
            content: "";
            border-bottom-color: #fff;
            position: absolute;
            left: 50%;
            margin-left: -25px;
            top: -50px; } }
      .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg h3 {
        text-align: center;
        font-size: 40px;
        font-weight: 300;
        position: relative;
        padding-bottom: 35px;
        margin-bottom: 30px;
        line-height: 1.2em; }
        @media (max-width: 1240px) {
          .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg h3 {
            font-size: 36px; } }
        @media (max-width: 840px) {
          .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg h3 {
            font-size: 28px;
            padding-bottom: 25px;
            margin-bottom: 25px; } }
        .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg h3:after {
          content: "";
          width: 80px;
          height: 3px;
          background-color: #93bb09;
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -40px; }
      .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info {
        margin: 0;
        padding: 0;
        list-style-type: none;
        clear: both;
        display: block;
        margin: 0 auto 50px auto;
        max-width: 600px;
        text-align: center; }
        .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info li {
          margin: 0;
          padding: 0; }
        @media (max-width: 840px) {
          .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info {
            margin-bottom: 30px; } }
        .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info li {
          display: inline-block; }
          .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info li:first-child:after {
            border-right: 1px solid #f1f1f1;
            padding-left: 10px;
            padding-right: 7px;
            content: "";
            dispaly: inline-block; }
      .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg fieldset .btn {
        width: 100%; }
      .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg textarea {
        height: 202px; }

.page-commercial .commercial-section-5-bar {
  padding: 100px 0 80px 0; }
  @media (max-width: 840px) {
    .page-commercial .commercial-section-5-bar {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .page-commercial .commercial-section-5-bar .commercial-info-col1,
  .page-commercial .commercial-section-5-bar .commercial-info-col2,
  .page-commercial .commercial-section-5-bar .commercial-info-col3 {
    float: left; }
  .page-commercial .commercial-section-5-bar .commercial-info-col1 {
    width: 22%; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-section-5-bar .commercial-info-col1 {
        width: 100%;
        clear: both;
        float: none; } }
    .page-commercial .commercial-section-5-bar .commercial-info-col1 h3 {
      font-size: 30px;
      font-weight: 300;
      color: #93bb09;
      line-height: 1.3em;
      margin-bottom: 40px; }
      @media (max-width: 840px) {
        .page-commercial .commercial-section-5-bar .commercial-info-col1 h3 {
          margin-bottom: 30px; } }
  .page-commercial .commercial-section-5-bar .commercial-info-col2 {
    font-size: 17px;
    width: 41%;
    padding-left: 60px; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-section-5-bar .commercial-info-col2 {
        width: 48%;
        padding-left: 0; } }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-5-bar .commercial-info-col2 {
        width: 100%;
        font-size: 15px; } }
  .page-commercial .commercial-section-5-bar .commercial-info-col3 {
    font-size: 17px;
    width: 37%;
    padding-left: 60px; }
    @media (max-width: 1240px) {
      .page-commercial .commercial-section-5-bar .commercial-info-col3 {
        width: 48%;
        padding-left: 0px;
        margin-left: 4%; } }
    @media (max-width: 840px) {
      .page-commercial .commercial-section-5-bar .commercial-info-col3 {
        width: 100%;
        font-size: 15px;
        margin-left: 0; } }
    .page-commercial .commercial-section-5-bar .commercial-info-col3 p {
      margin-bottom: 0; }

@media (max-width: 1020px) {
  .page-showrooms .content-pad {
    padding-bottom: 0; } }

@media (max-width: 1020px) {
  .page-showrooms .page-col2 h2 {
    margin-top: 50px; } }

@media (max-width: 1020px) {
  .page-showrooms .page-col2 .heading-phone {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #f1f1f1; } }

@media (max-width: 1020px) {
  .page-showrooms .page-col2 .free-measure-quote-box {
    margin-bottom: 0; } }

@media (max-width: 1240px) {
  .page-showrooms .page-col2 .measure-and-quote {
    display: none; } }

.page-showrooms .page-col2 .phone {
  font-family: Arial;
  letter-spacing: 0;
  font-size: 26px;
  display: inline-block;
  padding-left: 10px; }

@media (max-width: 1240px) {
  .page-showrooms .page-col2 .ni {
    display: none; } }

.page-about.page-parralax .top-bar {
  height: 650px; }
  @media (max-width: 1020px) {
    .page-about.page-parralax .top-bar {
      height: 300px; } }
  @media (max-width: 840px) {
    .page-about.page-parralax .top-bar {
      height: 200px; } }

.page-about.page-parralax .hero-parallax {
  height: 650px; }
  @media (max-width: 1020px) {
    .page-about.page-parralax .hero-parallax {
      height: 300px; } }
  @media (max-width: 840px) {
    .page-about.page-parralax .hero-parallax {
      height: 200px; } }

.page-about .about-intro-bar {
  padding-top: 80px;
  padding-bottom: 85px; }
  @media (max-width: 1020px) {
    .page-about .about-intro-bar {
      min-height: auto; } }
  @media (max-width: 840px) {
    .page-about .about-intro-bar {
      padding-top: 110px;
      padding-bottom: 40px; } }
  @media (max-width: 840px) {
    .page-about .about-intro-bar p {
      font-size: 15px; } }
  .page-about .about-intro-bar p:last-child {
    margin-bottom: 0; }

.page-about .timeline-bar {
  background: url(../images/about/bg-showroom.jpg) bottom center no-repeat;
  margin-bottom: 140px; }
  @media (max-width: 840px) {
    .page-about .timeline-bar {
      margin-bottom: 80px; } }
  .page-about .timeline-bar ul.timeline {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    max-width: 1200px;
    margin: 0px auto; }
    .page-about .timeline-bar ul.timeline li {
      margin: 0;
      padding: 0; }
    .page-about .timeline-bar ul.timeline:before {
      position: absolute;
      border-left: 2px solid #dfdfdf;
      left: 50%;
      content: "";
      bottom: 0;
      top: 0; }
      @media (max-width: 840px) {
        .page-about .timeline-bar ul.timeline:before {
          left: 18px; } }
    .page-about .timeline-bar ul.timeline li {
      display: block;
      clear: both;
      position: relative;
      margin-bottom: 30px; }
      .page-about .timeline-bar ul.timeline li .img-wrap {
        width: 50%; }
        @media (max-width: 840px) {
          .page-about .timeline-bar ul.timeline li .img-wrap {
            width: 100%; } }
        .page-about .timeline-bar ul.timeline li .img-wrap img {
          width: 100%;
          border-radius: 10px; }
        .page-about .timeline-bar ul.timeline li .img-wrap .text-pad {
          padding: 30px 40px; }
          .page-about .timeline-bar ul.timeline li .img-wrap .text-pad:before {
            position: absolute;
            top: 50%;
            margin-top: -20px; }
        .page-about .timeline-bar ul.timeline li .img-wrap.left {
          float: left;
          padding-right: 70px; }
          @media (max-width: 840px) {
            .page-about .timeline-bar ul.timeline li .img-wrap.left {
              float: right;
              padding-right: 0;
              padding-left: 70px; } }
          .page-about .timeline-bar ul.timeline li .img-wrap.left .img-pad:before {
            display: inline-block;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            content: "";
            border-left-color: #93bb09;
            right: -40px; }
            @media (max-width: 840px) {
              .page-about .timeline-bar ul.timeline li .img-wrap.left .img-pad:before {
                display: inline-block;
                width: 0;
                height: 0;
                border: 20px solid transparent;
                content: "";
                border-right-color: #93bb09;
                left: -40px; } }
        .page-about .timeline-bar ul.timeline li .img-wrap.right {
          float: right;
          padding-left: 70px; }
          .page-about .timeline-bar ul.timeline li .img-wrap.right .img-pad:before {
            display: inline-block;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            content: "";
            border-right-color: #93bb09;
            left: -40px; }
      .page-about .timeline-bar ul.timeline li .text-wrap {
        width: 50%; }
        @media (max-width: 840px) {
          .page-about .timeline-bar ul.timeline li .text-wrap {
            width: 100%; } }
        .page-about .timeline-bar ul.timeline li .text-wrap .text-pad {
          background-color: #93bb09;
          padding: 30px 40px;
          position: relative;
          color: #ffffff;
          border-radius: 10px; }
          @media (max-width: 840px) {
            .page-about .timeline-bar ul.timeline li .text-wrap .text-pad {
              padding: 25px 35px; } }
          .page-about .timeline-bar ul.timeline li .text-wrap .text-pad:before {
            position: absolute;
            top: 50%;
            margin-top: -20px; }
          .page-about .timeline-bar ul.timeline li .text-wrap .text-pad p {
            font-size: 14px;
            line-height: 1.43em;
            margin: 0; }
          .page-about .timeline-bar ul.timeline li .text-wrap .text-pad h3 {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 10px;
            color: #ffffff;
            line-height: 1.1em; }
          .page-about .timeline-bar ul.timeline li .text-wrap .text-pad a {
            color: #ffffff; }
        .page-about .timeline-bar ul.timeline li .text-wrap.left {
          float: left;
          padding-right: 70px; }
          @media (max-width: 840px) {
            .page-about .timeline-bar ul.timeline li .text-wrap.left {
              float: right;
              padding-right: 0;
              padding-left: 70px; } }
          .page-about .timeline-bar ul.timeline li .text-wrap.left .text-pad:before {
            display: inline-block;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            content: "";
            border-left-color: #93bb09;
            right: -40px; }
            @media (max-width: 840px) {
              .page-about .timeline-bar ul.timeline li .text-wrap.left .text-pad:before {
                display: inline-block;
                width: 0;
                height: 0;
                border: 20px solid transparent;
                content: "";
                border-right-color: #93bb09;
                left: -40px; } }
        .page-about .timeline-bar ul.timeline li .text-wrap.right {
          float: right;
          padding-left: 70px; }
          .page-about .timeline-bar ul.timeline li .text-wrap.right .text-pad:before {
            display: inline-block;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            content: "";
            border-right-color: #93bb09;
            left: -40px; }
        .page-about .timeline-bar ul.timeline li .text-wrap.black .text-pad {
          background-color: #000; }
        .page-about .timeline-bar ul.timeline li .text-wrap.black.left .text-pad:before {
          display: inline-block;
          width: 0;
          height: 0;
          border: 20px solid transparent;
          content: "";
          border-left-color: #000; }
          @media (max-width: 840px) {
            .page-about .timeline-bar ul.timeline li .text-wrap.black.left .text-pad:before {
              display: inline-block;
              width: 0;
              height: 0;
              border: 20px solid transparent;
              content: "";
              border-right-color: #000;
              left: -40px; } }
        .page-about .timeline-bar ul.timeline li .text-wrap.black.right .text-pad:before {
          display: inline-block;
          width: 0;
          height: 0;
          border: 20px solid transparent;
          content: "";
          border-right-color: #000; }
      .page-about .timeline-bar ul.timeline li .point {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -16px;
        margin-top: -16px; }
        @media (max-width: 840px) {
          .page-about .timeline-bar ul.timeline li .point {
            left: 20px; } }
        .page-about .timeline-bar ul.timeline li .point:before, .page-about .timeline-bar ul.timeline li .point:after {
          position: absolute; }
        .page-about .timeline-bar ul.timeline li .point:before {
          width: 34px;
          height: 34px;
          border: 1px solid #93bb09;
          background-color: #ffffff;
          content: "";
          display: block;
          border-radius: 50%; }
        .page-about .timeline-bar ul.timeline li .point:after {
          top: 6px;
          left: 6px;
          width: 22px;
          height: 22px;
          background: #93bb09;
          content: "";
          display: block;
          border-radius: 50%; }
      .page-about .timeline-bar ul.timeline li .year {
        position: absolute;
        top: -45px;
        left: 50%;
        width: 80px;
        height: 80px;
        font-size: 30px;
        margin-left: -40px;
        background-color: #000;
        color: #ffffff;
        text-align: center;
        line-height: 80px;
        border-radius: 50%;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 700; }
        @media (max-width: 840px) {
          .page-about .timeline-bar ul.timeline li .year {
            left: 20px; } }
        .page-about .timeline-bar ul.timeline li .year.bottom {
          bottom: -45px;
          top: auto; }
      .page-about .timeline-bar ul.timeline li:last-child .text-pad {
        margin-bottom: 0; }

.page-about .about-key-bar {
  padding: 100px 0 80px 0; }
  @media (max-width: 840px) {
    .page-about .about-key-bar {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .page-about .about-key-bar .size3 {
    font-size: 36px;
    font-weight: 300;
    color: #93bb09;
    line-height: 1.3em;
    margin-bottom: 40px;
    letter-spacing: 0;
    text-transform: none; }
    @media (max-width: 1020px) {
      .page-about .about-key-bar .size3 {
        font-size: 30px; } }
    @media (max-width: 840px) {
      .page-about .about-key-bar .size3 {
        margin-bottom: 30px; } }
  .page-about .about-key-bar p {
    font-size: 18px; }
    @media (max-width: 1020px) {
      .page-about .about-key-bar p {
        font-size: 15px; } }
  .page-about .about-key-bar .video-box {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 40px; }

.page-blog {
  font-size: 17px;
  margin-bottom: 40px;
  font-weight: 400;
  line-height: 1.63em; }
  .page-blog .post-tag,
  .page-blog .post-date {
    text-transform: uppercase;
    font-size: 13px;
    color: #b7b7b7;
    display: inline-block;
    letter-spacing: 0.15em; }
    @media (max-width: 840px) {
      .page-blog .post-tag,
      .page-blog .post-date {
        letter-spacing: 0; } }
  .page-blog .post-date {
    position: relative;
    padding-left: 25px;
    margin-right: 16px;
    padding-right: 20px; }
    .page-blog .post-date:before {
      display: inline-block;
      font-family: icons;
      font-weight: normal;
      font-style: normal;
      line-height: 0;
      content: "\E004";
      font-size: 17px;
      position: absolute;
      left: 0;
      top: 14px;
      background-color: #555;
      border-radius: 50%; }
    .page-blog .post-date:after {
      content: "";
      display: inline-block;
      width: 1px;
      border-right: 1px solid #b7b7b7;
      height: 12px;
      padding-right: 10px;
      position: absolute;
      right: 0;
      top: 8px; }
  .page-blog .top-bar {
    background-color: #000;
    height: 700px;
    background-size: cover;
    background-position: top center; }
    .page-blog .top-bar .hero-blog {
      padding-top: 285px;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      text-align: center; }
      @media (max-width: 1020px) {
        .page-blog .top-bar .hero-blog {
          padding-top: 120px; } }
      .page-blog .top-bar .hero-blog:before {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background-color: #000;
        z-index: 0;
        content: "";
        opacity: 0.25; }
      .page-blog .top-bar .hero-blog h1 {
        color: #ffffff;
        font-size: 52px;
        position: relative;
        padding-bottom: 40px;
        margin-top: 20px;
        margin-bottom: 30px;
        text-shadow: -0.7px 0.7px 21px rgba(0, 0, 0, 0.2);
        line-height: 1em; }
        .page-blog .top-bar .hero-blog h1:after {
          content: "";
          width: 50px;
          height: 2px;
          background-color: #ffffff;
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -25px; }
      .page-blog .top-bar .hero-blog h1,
      .page-blog .top-bar .hero-blog .post-date,
      .page-blog .top-bar .hero-blog .post-share,
      .page-blog .top-bar .hero-blog .post-tag {
        position: relative;
        z-index: 2; }
      .page-blog .top-bar .hero-blog .post-tag,
      .page-blog .top-bar .hero-blog .post-date {
        color: #ffffff; }
      .page-blog .top-bar .hero-blog .post-date:after {
        border-right: 1px solid #ffffff; }
      .page-blog .top-bar .hero-blog .post-tag a {
        color: #ffffff; }
      .page-blog .top-bar .hero-blog .post-share a {
        display: inline-block;
        margin: 0 10px; }
        .page-blog .top-bar .hero-blog .post-share a:before {
          display: inline-block;
          font-family: icons;
          font-weight: normal;
          font-style: normal;
          line-height: 0;
          color: #ffffff;
          font-size: 22px;
          -webkit-transition: all 175ms ease-in-out;
          -moz-transition: all 175ms ease-in-out;
          -o-transition: all 175ms ease-in-out;
          transition: all 175ms ease-in-out; }
        .page-blog .top-bar .hero-blog .post-share a.facebook:before {
          content: "\e005"; }
        .page-blog .top-bar .hero-blog .post-share a.twitter:before {
          content: "\e006"; }
        .page-blog .top-bar .hero-blog .post-share a.pinterest:before {
          content: "\e007"; }
        .page-blog .top-bar .hero-blog .post-share a.google-plus:before {
          content: "\e008";
          font-size: 24px; }
        .page-blog .top-bar .hero-blog .post-share a:hover:before {
          opacity: 1; }
  .page-blog .blog-wrap .blog-post {
    position: relative;
    width: 31.33%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%; }
    @media (max-width: 1020px) {
      .page-blog .blog-wrap .blog-post {
        width: 48.5%; } }
    @media (max-width: 840px) {
      .page-blog .blog-wrap .blog-post {
        width: 100%;
        margin-bottom: 40px;
        margin-left: 0; } }
    .page-blog .blog-wrap .blog-post:nth-child(3n+1) {
      clear: left;
      margin-left: 0; }
      @media (max-width: 1020px) {
        .page-blog .blog-wrap .blog-post:nth-child(3n+1) {
          margin-left: 3%;
          clear: none; } }
      @media (max-width: 840px) {
        .page-blog .blog-wrap .blog-post:nth-child(3n+1) {
          margin-left: 0%; } }
    @media (max-width: 1020px) {
      .page-blog .blog-wrap .blog-post:nth-child(2n+1) {
        margin-left: 0;
        clear: left; } }
    .page-blog .blog-wrap .blog-post img {
      width: 100%; }
    .page-blog .blog-wrap .blog-post .post-title {
      margin-top: 20px;
      margin-bottom: 10px;
      line-height: 1.25em; }
      .page-blog .blog-wrap .blog-post .post-title a {
        font-size: 26px;
        font-weight: 300;
        color: #0e0e0e; }
    .page-blog .blog-wrap .blog-post .post-summary {
      color: #3d3d3d;
      margin-bottom: 20px;
      font-size: 15px;
      line-height: 1.5em; }
  .page-blog .pagination {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #f1f1f1;
    padding-top: 50px; }
    .page-blog .pagination li {
      margin: 0;
      padding: 0; }
    .page-blog .pagination li {
      display: inline-block; }
      .page-blog .pagination li a {
        display: block;
        padding: 15px 0;
        text-align: center;
        border: 2px solid #3d3d3d;
        width: 140px;
        color: #b7b7b7;
        border-color: #e5e5e5; }
        .page-blog .pagination li a:hover {
          border-color: #93bb09;
          color: #93bb09;
          text-decoration: none; }
      .page-blog .pagination li.prev {
        float: left; }
        .page-blog .pagination li.prev.disabled {
          display: none; }
      .page-blog .pagination li.next {
        float: right; }
        .page-blog .pagination li.next.disabled {
          display: none; }

@media (max-width: 1020px) {
  .page-blog-list .top-bar {
    height: auto; } }

.page-blog-list .hero-post {
  padding-top: 220px;
  display: table; }
  @media (max-width: 1020px) {
    .page-blog-list .hero-post {
      padding-top: 130px;
      margin-bottom: 40px; } }
  @media (max-width: 840px) {
    .page-blog-list .hero-post {
      display: block;
      width: 100%;
      padding-top: 40px; } }
  .page-blog-list .hero-post .img-wrap {
    display: table-cell;
    width: 600px; }
    @media (max-width: 1020px) {
      .page-blog-list .hero-post .img-wrap {
        width: 400px; } }
    @media (max-width: 840px) {
      .page-blog-list .hero-post .img-wrap {
        display: block;
        width: 100%; } }
    .page-blog-list .hero-post .img-wrap img {
      width: 100%; }
  .page-blog-list .hero-post .post-text-wrap {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px; }
    @media (max-width: 1020px) {
      .page-blog-list .hero-post .post-text-wrap {
        padding-left: 40px; } }
    @media (max-width: 840px) {
      .page-blog-list .hero-post .post-text-wrap {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 20px; } }
    .page-blog-list .hero-post .post-text-wrap .post-tag,
    .page-blog-list .hero-post .post-text-wrap .post-date {
      text-transform: uppercase;
      font-size: 13px;
      color: #b7b7b7;
      display: inline-block;
      letter-spacing: 0.15em; }
    .page-blog-list .hero-post .post-text-wrap .post-tag a {
      color: #b7b7b7; }
    .page-blog-list .hero-post .post-text-wrap .post-date {
      position: relative;
      padding-left: 25px;
      margin-right: 20px; }
      .page-blog-list .hero-post .post-text-wrap .post-date:before {
        display: inline-block;
        font-family: icons;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
        content: "\E004";
        font-size: 17px;
        position: absolute;
        left: 0;
        top: 14px;
        background-color: #555;
        border-radius: 50%; }
    .page-blog-list .hero-post .post-text-wrap .post-title {
      margin-top: 10px;
      line-height: 1.46em;
      margin-bottom: 10px; }
      .page-blog-list .hero-post .post-text-wrap .post-title a {
        font-size: 40px;
        font-weight: 300;
        color: #93bb09;
        -webkit-transition: all 175ms ease-in-out;
        -moz-transition: all 175ms ease-in-out;
        -o-transition: all 175ms ease-in-out;
        transition: all 175ms ease-in-out; }
        @media (max-width: 1020px) {
          .page-blog-list .hero-post .post-text-wrap .post-title a {
            font-size: 30px;
            line-height: 1em; } }
        @media (max-width: 840px) {
          .page-blog-list .hero-post .post-text-wrap .post-title a {
            font-size: 26px; } }
        .page-blog-list .hero-post .post-text-wrap .post-title a:hover {
          color: #ffffff;
          text-decoration: none; }
    .page-blog-list .hero-post .post-text-wrap .post-summary {
      color: #b7b7b7;
      margin-bottom: 10px; }

@media (max-width: 1020px) {
  .page-blog-view .top-bar {
    height: 500px;
    background-position: top center; } }

@media (max-width: 1020px) {
  .page-blog-view .top-bar .hero-blog h1 {
    font-size: 40px; } }

@media (max-width: 840px) {
  .page-blog-view .top-bar .hero-blog h1 {
    font-size: 30px; } }

.page-blog-view .blog-wrap {
  max-width: 1000px;
  margin: 0 auto; }
  .page-blog-view .blog-wrap .post-introduction {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5em; }
  .page-blog-view .blog-wrap .post-image {
    margin-bottom: 40px;
    max-width: 1000px;
    width: 100%; }
  .page-blog-view .blog-wrap .post-content img {
    margin-bottom: 40px; }
  .page-blog-view .blog-wrap h3 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    font-weight: 300;
    color: #0e0e0e; }
  .page-blog-view .blog-wrap p {
    margin-bottom: 30px; }
  .page-blog-view .blog-wrap blockquote {
    margin: 0 0 50px 0;
    font-size: 28px;
    color: #b7b7b7;
    font-weight: 300;
    line-height: 1.3em;
    padding-left: 95px;
    position: relative; }
    @media (max-width: 840px) {
      .page-blog-view .blog-wrap blockquote {
        padding-left: 47px;
        font-size: 22px;
        margin-bottom: 40px; } }
    .page-blog-view .blog-wrap blockquote:before {
      display: inline-block;
      font-family: icons;
      font-weight: normal;
      font-style: normal;
      line-height: 0;
      content: "\E003";
      font-size: 60px;
      position: relative;
      top: 35px;
      left: 2px;
      color: #e1e1e1;
      position: absolute; }
      @media (max-width: 840px) {
        .page-blog-view .blog-wrap blockquote:before {
          font-size: 30px;
          top: 20px; } }
  .page-blog-view .blog-wrap .other-tag {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #f1f1f1;
    padding-top: 30px;
    margin-bottom: 30px; }
    .page-blog-view .blog-wrap .other-tag li {
      margin: 0;
      padding: 0; }
    .page-blog-view .blog-wrap .other-tag li {
      display: inline-block;
      text-transform: uppercase;
      font-size: 13px;
      color: #b7b7b7;
      display: inline-block;
      letter-spacing: 0.15em;
      margin-right: 20px; }

.page-blog-view.page-37 .post-image, .page-blog-view.page-42 .post-image {
  display: none; }

.page-contact #map {
  height: 650px; }
  @media (max-width: 1240px) {
    .page-contact #map {
      height: 500px; } }
  @media (max-width: 840px) {
    .page-contact #map {
      height: 300px; } }

.page-contact .page-col1 {
  float: right;
  width: 550px; }
  @media (max-width: 1420px) {
    .page-contact .page-col1 {
      width: 400px; } }
  @media (max-width: 1240px) {
    .page-contact .page-col1 {
      width: 300px; } }
  @media (max-width: 1020px) {
    .page-contact .page-col1 {
      width: 100%;
      float: none;
      margin-bottom: 50px; } }
  .page-contact .page-col1 .phone {
    font-family: Arial;
    letter-spacing: 0;
    font-size: 26px;
    display: inline-block;
    padding-left: 10px; }
  @media (max-width: 1240px) {
    .page-contact .page-col1 .ni {
      display: none; } }

.page-contact .page-col2 {
  float: left;
  width: 760px; }
  @media (max-width: 1240px) {
    .page-contact .page-col2 {
      width: 620px; } }
  @media (max-width: 1020px) {
    .page-contact .page-col2 {
      width: 100%;
      float: none; } }

.page-specials.page-parralax .top-bar,
.page-specials.page-parralax .hero-parallax {
  height: 650px; }
  @media (max-width: 1020px) {
    .page-specials.page-parralax .top-bar,
    .page-specials.page-parralax .hero-parallax {
      height: 450px;
      max-height: 450px; } }

@media (max-width: 840px) {
  .page-specials.page-parralax .hero-parallax {
    height: 390px; } }

.page-specials img.product-review {
  display: none; }

.page-specials .top-bar .hero-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .page-specials .top-bar .hero-wrap .bottom-fade {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 120px;
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); }
  .page-specials .top-bar .hero-wrap .hero-content {
    display: table;
    height: 100%;
    box-sizing: content-box;
    margin: 0 auto;
    width: 1360px;
    min-width: 320px; }
    @media (max-width: 1999px) {
      .page-specials .top-bar .hero-wrap .hero-content {
        width: 1360px; } }
    @media (max-width: 1240px) {
      .page-specials .top-bar .hero-wrap .hero-content {
        width: 960px; } }
    @media (max-width: 1020px) {
      .page-specials .top-bar .hero-wrap .hero-content {
        width: 100%; } }
    @media (max-width: 840px) {
      .page-specials .top-bar .hero-wrap .hero-content {
        width: 100%;
        box-sizing: border-box;
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 499px) {
      .page-specials .top-bar .hero-wrap .hero-content {
        padding-left: 20px;
        padding-right: 20px; } }
  .page-specials .top-bar .hero-wrap .img-mobile {
    display: none; }
    @media (max-width: 840px) {
      .page-specials .top-bar .hero-wrap .img-mobile {
        display: block;
        margin: 0 auto; } }
  .page-specials .top-bar .hero-wrap .img-wrap,
  .page-specials .top-bar .hero-wrap .hero-text {
    display: table-cell;
    padding-top: 140px;
    height: 100%;
    vertical-align: middle; }
  .page-specials .top-bar .hero-wrap .hero-text {
    text-align: center;
    position: relative;
    z-index: 2; }
    @media (max-width: 1020px) {
      .page-specials .top-bar .hero-wrap .hero-text {
        padding-top: 100px; } }
    @media (max-width: 840px) {
      .page-specials .top-bar .hero-wrap .hero-text {
        padding-top: 60px; } }
    .page-specials .top-bar .hero-wrap .hero-text .title {
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 400;
      line-height: 1em;
      letter-spacing: 0;
      font-size: 70px;
      font-weight: 300;
      position: relative;
      padding-bottom: 40px;
      margin-bottom: 40px; }
      @media (max-width: 1240px) {
        .page-specials .top-bar .hero-wrap .hero-text .title {
          font-size: 60px; } }
      @media (max-width: 1020px) {
        .page-specials .top-bar .hero-wrap .hero-text .title {
          font-size: 50px;
          padding-bottom: 0;
          margin-bottom: 10px; } }
      @media (max-width: 840px) {
        .page-specials .top-bar .hero-wrap .hero-text .title {
          font-size: 36px;
          margin-bottom: 30px; } }
      .page-specials .top-bar .hero-wrap .hero-text .title:after {
        content: "";
        width: 80px;
        height: 3px;
        background-color: #ffffff;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -40px; }
        @media (max-width: 1020px) {
          .page-specials .top-bar .hero-wrap .hero-text .title:after {
            display: none; } }
      .page-specials .top-bar .hero-wrap .hero-text .title .number {
        font-size: 83px; }
        @media (max-width: 1240px) {
          .page-specials .top-bar .hero-wrap .hero-text .title .number {
            font-size: 73px; } }
        @media (max-width: 1020px) {
          .page-specials .top-bar .hero-wrap .hero-text .title .number {
            font-size: 63px; } }
        @media (max-width: 840px) {
          .page-specials .top-bar .hero-wrap .hero-text .title .number {
            font-size: 40px; } }
    .page-specials .top-bar .hero-wrap .hero-text p {
      color: #ffffff;
      padding-right: 0;
      font-size: 20px;
      margin-bottom: 40px; }
      @media (max-width: 1240px) {
        .page-specials .top-bar .hero-wrap .hero-text p {
          font-size: 20px; } }
      @media (max-width: 1020px) {
        .page-specials .top-bar .hero-wrap .hero-text p {
          font-size: 17px; } }
      @media (max-width: 840px) {
        .page-specials .top-bar .hero-wrap .hero-text p {
          line-height: 1.2em; } }
    @media (max-width: 840px) {
      .page-specials .top-bar .hero-wrap .hero-text.feb-specials .title {
        font-size: 24px;
        margin-bottom: 15px; } }
    .page-specials .top-bar .hero-wrap .hero-text.feb-specials .title img {
      max-width: 115px;
      vertical-align: middle;
      margin-left: 10px;
      margin-right: 10px; }
      @media (max-width: 1020px) {
        .page-specials .top-bar .hero-wrap .hero-text.feb-specials .title img {
          max-width: 110px; } }
      @media (max-width: 840px) {
        .page-specials .top-bar .hero-wrap .hero-text.feb-specials .title img {
          max-width: 120px;
          display: block;
          margin: 0 auto;
          margin-top: 8px;
          margin-bottom: 8px; } }
    @media (max-width: 1020px) {
      .page-specials .top-bar .hero-wrap .hero-text.feb-specials p {
        font-size: 15px;
        line-height: 1.3em;
        margin-bottom: 30px; } }
    @media (max-width: 1020px) {
      .page-specials .top-bar .hero-wrap .hero-text.feb-specials p {
        font-size: 12px;
        line-height: 1.2em; } }

.page-specials .specials-layout-grid {
  clear: both;
  display: block; }
  .page-specials .specials-layout-grid .specials-row {
    position: relative;
    width: 48.5%;
    float: left;
    margin-left: 3%;
    margin-bottom: 30px;
    display: block; }
    @media (max-width: 840px) {
      .page-specials .specials-layout-grid .specials-row {
        width: 100%;
        margin-right: 0;
        margin-left: 0; } }
    .page-specials .specials-layout-grid .specials-row .specials-img-col {
      float: left;
      margin-bottom: 15px; }
      .page-specials .specials-layout-grid .specials-row .specials-img-col img {
        width: 100%;
        float: left; }
    @media (max-width: 840px) {
      .page-specials .specials-layout-grid .specials-row .specials-text-col {
        width: 100%; } }
    .page-specials .specials-layout-grid .specials-row .specials-text-col h2 {
      font-weight: 300;
      font-size: 28px;
      color: #ff2f25;
      margin-bottom: 5px;
      -webkit-transition: all 175ms ease-in-out;
      -moz-transition: all 175ms ease-in-out;
      -o-transition: all 175ms ease-in-out;
      transition: all 175ms ease-in-out; }
      @media (max-width: 1999px) {
        .page-specials .specials-layout-grid .specials-row .specials-text-col h2 {
          font-size: 24px; } }
    .page-specials .specials-layout-grid .specials-row .specials-text-col p {
      color: #3d3d3d;
      line-height: 1.46em;
      font-size: 14px; }
    .page-specials .specials-layout-grid .specials-row:nth-child(2n+1) {
      clear: left;
      margin-left: 0; }
    .page-specials .specials-layout-grid .specials-row:hover {
      text-decoration: none; }
      .page-specials .specials-layout-grid .specials-row:hover .specials-text-col h2 {
        text-decoration: none;
        color: #000; }
      .page-specials .specials-layout-grid .specials-row:hover .specials-text-col p {
        text-decoration: none; }

.page-specials .specials-layout-horizontal {
  clear: both;
  display: block; }
  .page-specials .specials-layout-horizontal .specials-row {
    margin-bottom: 30px;
    display: block; }
    .page-specials .specials-layout-horizontal .specials-row .specials-img-col {
      width: 48.5%;
      float: left;
      margin-right: 3%; }
      @media (max-width: 840px) {
        .page-specials .specials-layout-horizontal .specials-row .specials-img-col {
          margin-bottom: 15px; } }
      @media (max-width: 840px) {
        .page-specials .specials-layout-horizontal .specials-row .specials-img-col {
          width: 100%;
          margin-right: 0; } }
      .page-specials .specials-layout-horizontal .specials-row .specials-img-col img {
        width: 100%;
        float: left; }
    .page-specials .specials-layout-horizontal .specials-row .specials-text-col {
      overflow: auto;
      width: 48.5%; }
      @media (max-width: 840px) {
        .page-specials .specials-layout-horizontal .specials-row .specials-text-col {
          width: 100%; } }
      .page-specials .specials-layout-horizontal .specials-row .specials-text-col h2 {
        font-weight: 300;
        font-size: 28px;
        color: #93bb09;
        margin-bottom: 5px; }
        @media (max-width: 1999px) {
          .page-specials .specials-layout-horizontal .specials-row .specials-text-col h2 {
            font-size: 24px; } }
      .page-specials .specials-layout-horizontal .specials-row .specials-text-col p {
        color: #3d3d3d; }
    .page-specials .specials-layout-horizontal .specials-row:hover {
      text-decoration: none; }
      .page-specials .specials-layout-horizontal .specials-row:hover .specials-text-col h2 {
        text-decoration: none;
        color: #000;
        -webkit-transition: all 175ms ease-in-out;
        -moz-transition: all 175ms ease-in-out;
        -o-transition: all 175ms ease-in-out;
        transition: all 175ms ease-in-out; }
      .page-specials .specials-layout-horizontal .specials-row:hover .specials-text-col p {
        text-decoration: none; }

@media (max-width: 1240px) {
  .page-reviews .size2, .page-reviews .size3 {
    font-size: 20px;
    line-height: 1.2em; } }

@media (max-width: 499px) {
  .page-reviews .size2, .page-reviews .size3 {
    font-size: 17px; } }

.page-reviews .size2.with-letter.impressions, .page-reviews .size3.with-letter.impressions {
  color: #0074a3; }
  .page-reviews .size2.with-letter.impressions .first-letter, .page-reviews .size3.with-letter.impressions .first-letter {
    background-color: #0074a3; }

.page-reviews .size2.with-letter.perceptions, .page-reviews .size3.with-letter.perceptions {
  color: #bf9a6a; }
  .page-reviews .size2.with-letter.perceptions .first-letter, .page-reviews .size3.with-letter.perceptions .first-letter {
    background-color: #bf9a6a; }

.page-reviews .size2.with-letter.nicheliving, .page-reviews .size3.with-letter.nicheliving {
  color: #ed1d24; }
  .page-reviews .size2.with-letter.nicheliving .first-letter, .page-reviews .size3.with-letter.nicheliving .first-letter {
    background-color: #ed1d24; }

.page-reviews .top-bar {
  background-repeat: no-repeat;
  background-size: cover; }

.page-reviews .page-col1 .customer-name {
  font-size: 30px;
  font-weight: 300;
  color: #000; }

.page-reviews .page-col1 .short {
  padding-left: 90px;
  position: relative; }
  @media (max-width: 1240px) {
    .page-reviews .page-col1 .short {
      padding-left: 60px; } }
  @media (max-width: 1020px) {
    .page-reviews .page-col1 .short {
      padding-left: 50px; } }
  .page-reviews .page-col1 .short:before {
    display: inline-block;
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    content: "\E003";
    font-size: 60px;
    position: relative;
    top: 35px;
    left: 2px;
    color: #e1e1e1;
    position: absolute; }
    @media (max-width: 1240px) {
      .page-reviews .page-col1 .short:before {
        font-size: 40px;
        top: 25px; } }
    @media (max-width: 1020px) {
      .page-reviews .page-col1 .short:before {
        font-size: 30px;
        top: 20px; } }
  .page-reviews .page-col1 .short p {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 30px; }
    @media (max-width: 1240px) {
      .page-reviews .page-col1 .short p {
        font-size: 20px; } }
    @media (max-width: 1020px) {
      .page-reviews .page-col1 .short p {
        font-size: 17px;
        font-weight: 400; } }

.page-reviews .page-col1 .company-info {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #f1f1f1; }
  @media (max-width: 1020px) {
    .page-reviews .page-col1 .company-info {
      margin-bottom: 30px;
      text-align: center; } }
  .page-reviews .page-col1 .company-info .customer-logo {
    margin-bottom: 30px;
    float: left;
    margin-right: 50px; }
    @media (max-width: 1240px) {
      .page-reviews .page-col1 .company-info .customer-logo {
        float: none;
        text-align: center; } }
    .page-reviews .page-col1 .company-info .customer-logo img {
      max-width: 250px; }
  .page-reviews .page-col1 .company-info .customer-description {
    overflow: auto; }

.page-reviews .page-col2 .customer-photo {
  margin-bottom: 30px; }
  .page-reviews .page-col2 .customer-photo img {
    width: 100%; }

.page-reviews .page-col2 .customer-logo {
  text-align: center;
  margin-bottom: 30px;
  max-width: 250px; }

.page-reviews .page-col2 .customer-description p {
  margin-bottom: 7px; }

.page-message-mark .top-bar {
  background-color: #000;
  height: 718px; }
  @media (max-width: 1999px) {
    .page-message-mark .top-bar {
      height: 610px; } }
  @media (max-width: 840px) {
    .page-message-mark .top-bar {
      height: 500px; } }
  .page-message-mark .top-bar .hero-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .page-message-mark .top-bar .hero-wrap .bottom-fade {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      height: 120px;
      width: 100%;
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); }
    .page-message-mark .top-bar .hero-wrap .hero-content {
      display: table;
      height: 100%;
      box-sizing: content-box;
      margin: 0 auto;
      width: 1360px;
      min-width: 320px; }
      @media (max-width: 1999px) {
        .page-message-mark .top-bar .hero-wrap .hero-content {
          width: 1360px; } }
      @media (max-width: 1240px) {
        .page-message-mark .top-bar .hero-wrap .hero-content {
          width: 960px; } }
      @media (max-width: 1020px) {
        .page-message-mark .top-bar .hero-wrap .hero-content {
          width: 100%; } }
      @media (max-width: 840px) {
        .page-message-mark .top-bar .hero-wrap .hero-content {
          width: 100%;
          box-sizing: border-box;
          padding-left: 50px;
          padding-right: 50px; } }
      @media (max-width: 499px) {
        .page-message-mark .top-bar .hero-wrap .hero-content {
          padding-left: 20px;
          padding-right: 20px; } }
    .page-message-mark .top-bar .hero-wrap .img-mobile {
      display: none; }
      @media (max-width: 840px) {
        .page-message-mark .top-bar .hero-wrap .img-mobile {
          display: block;
          margin: 0 auto; } }
    .page-message-mark .top-bar .hero-wrap .img-wrap,
    .page-message-mark .top-bar .hero-wrap .hero-text {
      display: table-cell;
      padding-top: 140px;
      height: 100%;
      vertical-align: middle; }
    .page-message-mark .top-bar .hero-wrap .img-wrap {
      vertical-align: bottom;
      width: 40%; }
      @media (max-width: 1999px) {
        .page-message-mark .top-bar .hero-wrap .img-wrap {
          width: 40%; } }
      @media (max-width: 1240px) {
        .page-message-mark .top-bar .hero-wrap .img-wrap {
          width: 50%; } }
      @media (max-width: 1020px) {
        .page-message-mark .top-bar .hero-wrap .img-wrap {
          width: 60%; } }
      @media (max-width: 840px) {
        .page-message-mark .top-bar .hero-wrap .img-wrap {
          display: none; } }
      .page-message-mark .top-bar .hero-wrap .img-wrap img {
        float: right;
        width: 100%; }
    .page-message-mark .top-bar .hero-wrap .hero-text {
      width: 60%; }
      @media (max-width: 1999px) {
        .page-message-mark .top-bar .hero-wrap .hero-text {
          width: 60%; } }
      @media (max-width: 1240px) {
        .page-message-mark .top-bar .hero-wrap .hero-text {
          width: 50%; } }
      @media (max-width: 1020px) {
        .page-message-mark .top-bar .hero-wrap .hero-text {
          width: 40%;
          padding-top: 60px; } }
      @media (max-width: 840px) {
        .page-message-mark .top-bar .hero-wrap .hero-text {
          width: 100%;
          text-align: center; } }
      @media (max-width: 840px) {
        .page-message-mark .top-bar .hero-wrap .hero-text .img-mobile {
          max-width: 150px;
          margin-bottom: 20px; } }
      .page-message-mark .top-bar .hero-wrap .hero-text .title {
        color: #ffffff;
        font-size: 75px;
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 20px;
        line-height: 1em; }
        @media (max-width: 1240px) {
          .page-message-mark .top-bar .hero-wrap .hero-text .title {
            font-size: 60px;
            margin-bottom: 30px; } }
        @media (max-width: 1020px) {
          .page-message-mark .top-bar .hero-wrap .hero-text .title {
            font-size: 44px; } }
        @media (max-width: 840px) {
          .page-message-mark .top-bar .hero-wrap .hero-text .title {
            font-size: 30px;
            padding-bottom: 0;
            margin-bottom: 10px; } }
        .page-message-mark .top-bar .hero-wrap .hero-text .title:after {
          content: "";
          width: 80px;
          height: 3px;
          background-color: #333;
          position: absolute;
          bottom: 0;
          left: 0; }
          @media (max-width: 840px) {
            .page-message-mark .top-bar .hero-wrap .hero-text .title:after {
              display: none; } }
        .page-message-mark .top-bar .hero-wrap .hero-text .title small {
          font-size: 20px;
          display: block;
          clear: both;
          line-height: 1em;
          margin-top: 10px; }
          @media (max-width: 1240px) {
            .page-message-mark .top-bar .hero-wrap .hero-text .title small {
              font-size: 18px; } }
          @media (max-width: 840px) {
            .page-message-mark .top-bar .hero-wrap .hero-text .title small {
              font-size: 14px;
              margin-top: 3px; } }
      .page-message-mark .top-bar .hero-wrap .hero-text p {
        font-size: 16px;
        color: #ffffff;
        margin: 0; }
        @media (max-width: 1240px) {
          .page-message-mark .top-bar .hero-wrap .hero-text p {
            font-size: 15px; } }
        @media (max-width: 840px) {
          .page-message-mark .top-bar .hero-wrap .hero-text p {
            font-size: 14px;
            line-height: 1.3em; } }
        @media (max-width: 499px) {
          .page-message-mark .top-bar .hero-wrap .hero-text p {
            font-size: 13px; } }

.page-message-mark .form-wrap {
  max-width: 700px;
  margin: 0 auto; }
  .page-message-mark .form-wrap .btn {
    width: 100%; }

.page-terms h2 {
  color: #93bb09;
  font-weight: 400;
  font-size: 26px;
  margin-bottom: 10px; }

.page-terms .main-content {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%; }

.page-windmaster .img-responsive {
  max-width: 400px;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px; }

.page-retractable-awnings .aluxor-logo {
  display: block;
  clear: right;
  margin-bottom: 30px; }

.page-feedback .top-bar {
  height: 130px; }
  @media (max-width: 1020px) {
    .page-feedback .top-bar {
      height: 100px; } }
  @media (max-width: 840px) {
    .page-feedback .top-bar {
      height: 60px; } }

.page-feedback h2 {
  color: #93bb09;
  font-weight: 400;
  font-size: 26px;
  margin-bottom: 10px; }

.page-feedback .page-col1 {
  min-height: auto; }

.page-feedback-customer .top-bar {
  display: none; }

.page-feedback-customer .feedback-content {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px; }
  @media (max-width: 1020px) {
    .page-feedback-customer .feedback-content {
      padding: 0px; } }

@media (max-width: 1020px) {
  .page-feedback-customer .logo {
    text-align: center; } }

.page-feedback-customer .logo img {
  max-width: 300px;
  margin-bottom: 30px; }
  @media (max-width: 1240px) {
    .page-feedback-customer .logo img {
      max-width: 260px; } }
  @media (max-width: 1020px) {
    .page-feedback-customer .logo img {
      margin-top: 10px;
      margin-bottom: 10px; } }
  @media (max-width: 840px) {
    .page-feedback-customer .logo img {
      max-width: 146px; } }

.page-feedback-customer .question-text {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px; }
  @media (max-width: 840px) {
    .page-feedback-customer .question-text {
      font-size: 16px; } }

.page-feedback-customer .questions-counter {
  text-align: center;
  margin-bottom: 30px; }
  @media (max-width: 840px) {
    .page-feedback-customer .questions-counter {
      margin-bottom: 10px; } }

.page-feedback-customer .review-form-wrapper {
  padding: 50px;
  background-color: #f0f0f0; }
  @media (max-width: 840px) {
    .page-feedback-customer .review-form-wrapper {
      padding: 20px 20px 40px 20px; } }

.page-feedback-customer .actions .btn {
  float: right; }

.page-scholarship.page-parralax .top-bar,
.page-scholarship.page-parralax .hero-parallax {
  height: 650px; }
  @media (max-width: 1020px) {
    .page-scholarship.page-parralax .top-bar,
    .page-scholarship.page-parralax .hero-parallax {
      height: 450px;
      max-height: 450px; } }

@media (max-width: 840px) {
  .page-scholarship.page-parralax .hero-parallax {
    height: 390px; } }

.page-scholarship .top-bar .hero-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .page-scholarship .top-bar .hero-wrap .bottom-fade {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 120px;
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); }
  .page-scholarship .top-bar .hero-wrap .hero-content {
    display: table;
    height: 100%;
    box-sizing: content-box;
    margin: 0 auto;
    width: 1360px;
    min-width: 320px; }
    @media (max-width: 1999px) {
      .page-scholarship .top-bar .hero-wrap .hero-content {
        width: 1360px; } }
    @media (max-width: 1240px) {
      .page-scholarship .top-bar .hero-wrap .hero-content {
        width: 960px; } }
    @media (max-width: 1020px) {
      .page-scholarship .top-bar .hero-wrap .hero-content {
        width: 100%; } }
    @media (max-width: 840px) {
      .page-scholarship .top-bar .hero-wrap .hero-content {
        width: 100%;
        box-sizing: border-box;
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 499px) {
      .page-scholarship .top-bar .hero-wrap .hero-content {
        padding-left: 20px;
        padding-right: 20px; } }
  .page-scholarship .top-bar .hero-wrap .img-mobile {
    display: none; }
    @media (max-width: 840px) {
      .page-scholarship .top-bar .hero-wrap .img-mobile {
        display: block;
        margin: 0 auto; } }
  .page-scholarship .top-bar .hero-wrap .img-wrap,
  .page-scholarship .top-bar .hero-wrap .hero-text {
    display: table-cell;
    padding-top: 140px;
    height: 100%;
    vertical-align: middle; }
  .page-scholarship .top-bar .hero-wrap .hero-text {
    text-align: center;
    position: relative;
    z-index: 2; }
    @media (max-width: 1020px) {
      .page-scholarship .top-bar .hero-wrap .hero-text {
        padding-top: 100px; } }
    @media (max-width: 840px) {
      .page-scholarship .top-bar .hero-wrap .hero-text {
        padding-top: 60px; } }
    .page-scholarship .top-bar .hero-wrap .hero-text .title {
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 400;
      line-height: 1em;
      letter-spacing: 0;
      font-size: 70px;
      font-weight: 300;
      position: relative;
      padding-bottom: 40px;
      margin-bottom: 40px; }
      @media (max-width: 1240px) {
        .page-scholarship .top-bar .hero-wrap .hero-text .title {
          font-size: 60px; } }
      @media (max-width: 1020px) {
        .page-scholarship .top-bar .hero-wrap .hero-text .title {
          font-size: 50px;
          padding-bottom: 0;
          margin-bottom: 10px; } }
      @media (max-width: 840px) {
        .page-scholarship .top-bar .hero-wrap .hero-text .title {
          font-size: 36px;
          margin-bottom: 30px; } }
      .page-scholarship .top-bar .hero-wrap .hero-text .title:after {
        content: "";
        width: 80px;
        height: 3px;
        background-color: #ffffff;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -40px; }
        @media (max-width: 1020px) {
          .page-scholarship .top-bar .hero-wrap .hero-text .title:after {
            display: none; } }
      .page-scholarship .top-bar .hero-wrap .hero-text .title .number {
        font-size: 83px; }
        @media (max-width: 1240px) {
          .page-scholarship .top-bar .hero-wrap .hero-text .title .number {
            font-size: 73px; } }
        @media (max-width: 1020px) {
          .page-scholarship .top-bar .hero-wrap .hero-text .title .number {
            font-size: 63px; } }
        @media (max-width: 840px) {
          .page-scholarship .top-bar .hero-wrap .hero-text .title .number {
            font-size: 40px; } }
    .page-scholarship .top-bar .hero-wrap .hero-text p {
      color: #ffffff;
      padding-right: 0;
      font-size: 40px;
      margin-bottom: 40px;
      text-transform: uppercase; }
      @media (max-width: 1240px) {
        .page-scholarship .top-bar .hero-wrap .hero-text p {
          font-size: 30px; } }
      @media (max-width: 1020px) {
        .page-scholarship .top-bar .hero-wrap .hero-text p {
          font-size: 25px; } }
      @media (max-width: 840px) {
        .page-scholarship .top-bar .hero-wrap .hero-text p {
          line-height: 1.2em;
          font-size: 17px; } }

/* ------------------------------------------------------------------------------- 
	Clear Fix
------------------------------------------------------------------------------- */
.cf:after, .ih:after, fieldset label:after, nav:after, nav ul:after, nav ul li:after, .w:after, .article-row:after, .tabs li:after, .tabcordion:after, .tabcordion .tabcordion-tabs li:after, .tabcordion .tabcordion-tabs:after, .modal .modal-content:after, .modal .modal-content .content-bottom:after, .content-bar .main-content:after, .content-pad:after, .showroom-list li:after, .showroom-list:after, .hover-slide:after, .video-box:after, .aluminium-shutter-colours li:after, .aluminium-shutter-colours:after, .top-bar .header-bar .header-content:after, .top-bar .header-bar .header-content .top-box:after, .top-bar .header-bar .header-content .nav-bar .nav-main:after, .top-bar .header-bar .header-content .nav-bar .nav-main > ul > li .dropdown ul li:after, .top-bar .header-bar .header-content .dropdown-indoor-blinds .designer-range ul li:after,
.top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range ul li:after, .top-bar .header-bar .header-content .dropdown-indoor-blinds .standard-range:after, .footer-bar .footer-content:after, .footer-bar .footer-content .col3 ul.showrooms li:after, .footer-copyright-bar .footer-copyright-content:after, .page-home .hero-wrap .swiper-container .swiper-slide .hero-content:after, .page-home .image-grid li:after, .page-home .image-grid:after, .page-home .image-grid li a:after, .page-home .blog-wrap .blog-post:after, .page-category-list .page-col2 .image-grid li:after, .page-category-list .page-col2 .image-grid:after, .page-category-list .page-col2 .image-grid li a:after, .page-product-view .hero-wrap .hero-content .main-features ol li:after, .page-product-view .video-tabs li:after, .page-product-view .video-tabs:after, .tab-bar .tab-bar-content ul li:after, .tab-bar .tab-bar-content ul.links li:after, .page-commercial .top-bar .header-bar .header-content .nav-bar .nav-main:after, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.left li:after, .page-commercial .commercial-section-3-bar .commercial-section-3-content ul.right li:after, .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info li:after, .page-commercial .commercial-section-4-bar .commercial-section-4-content .bg ul.contact-info:after, .page-about .timeline-bar ul.timeline li:after, .page-blog .blog-wrap .blog-post:after, .page-blog .pagination li:after, .page-blog .pagination:after, .page-blog-view .blog-wrap .other-tag li:after, .page-specials .top-bar .hero-wrap .hero-content:after, .page-specials .specials-layout-grid:after, .page-specials .specials-layout-grid .specials-row:after, .page-specials .specials-layout-horizontal:after, .page-specials .specials-layout-horizontal .specials-row:after, .page-reviews .page-col1 .company-info:after, .page-message-mark .top-bar .hero-wrap .hero-content:after, .page-scholarship .top-bar .hero-wrap .hero-content:after, .pr:after {
  content: "";
  display: table;
  clear: both; }

/* ------------------------------------------------------------------------------- 
	ELLIPSIS - If text is long it will show ... (eg. long title goes...)
------------------------------------------------------------------------------- */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block; }

.al {
  text-align: left; }

.ac {
  text-align: center; }

.ar {
  text-align: right; }

.fl {
  float: left; }

.fr {
  float: right; }

.mb-0 {
  margin-bottom: 0; }

.pb-0 {
  padding-bottom: 0; }

.pr {
  position: relative; }

.uc {
  text-transform: uppercase; }

/* ------------------------------------------------------------------------------- 
	Hides
------------------------------------------------------------------------------- */
.hide {
  display: none; }

@media (max-width: 1999px) {
  .hide-l {
    display: none !important; } }

@media (max-width: 1240px) {
  .hide-r {
    display: none !important; } }

@media (max-width: 1020px) {
  .hide-s {
    display: none !important; } }

@media (max-width: 840px) {
  .hide-xs {
    display: none !important; } }

@media (max-width: 499px) {
  .hide-xxs {
    display: none !important; } }

@media (max-width: 400px) {
  .hide-xxxs {
    display: none !important; } }

img.block {
  width: 100%; }

@media (max-width: 1240px) {
  img.block-s {
    width: 100%; } }

@media (max-width: 1020px) {
  img.block-s {
    width: 100%; } }

@media (max-width: 840px) {
  img.block-xs {
    width: 100%; } }

@media (max-width: 499px) {
  img.block-xxs {
    width: 100%; } }

@media (max-width: 400px) {
  img.block-xxxs {
    width: 100%; } }

/*# sourceMappingURL=styles.css.map */