@charset "UTF-8";
@import url(all.min.css);
.ectbutton {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .ectbutton {
      transition: none; } }
  .ectbutton:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color); }
  .btn-check + .ectbutton:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color); }
  .ectbutton:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:focus-visible + .ectbutton {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:checked + .ectbutton, :not(.btn-check) + .ectbutton:active, .ectbutton:first-child:active, .ectbutton.active, .ectbutton.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color); }
    .btn-check:checked + .ectbutton:focus-visible, :not(.btn-check) + .ectbutton:active:focus-visible, .ectbutton:first-child:active:focus-visible, .ectbutton.active:focus-visible, .ectbutton.show:focus-visible {
      box-shadow: var(--bs-btn-focus-box-shadow); }
  .ectbutton:disabled, .ectbutton.disabled, fieldset:disabled .ectbutton {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity); }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd; }

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d; }

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754; }

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; }

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107; }

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545; }

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa; }

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529; }

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none; }

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none; }

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none; }

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline; }
  .btn-link:focus-visible {
    color: var(--bs-btn-color); }
  .btn-link:hover {
    color: var(--bs-btn-hover-color); }

.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem; }

.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem; }

/* File: ECT Cart */
/*
* Last Modified: 2023-08-15
*/
div.cartoptionsline div.cartoptionoutstock {
  display: none; }

form {
  margin: 0;
  padding: 0; }

a.ectlink:visited, a.ectlink:link {
  text-decoration: none; }

.ectclearfix::after {
  content: "";
  clear: both;
  display: table; }

input[type].cdform1fixw, input[type].cdform2fixw, input[type].cdform3fixw,
select.cdform1fixw, select.cdform2fixw, select.cdform3fixw {
  width: 280px;
  box-sizing: border-box; }

.nofixw {
  box-sizing: border-box;
  padding: 6px; }

div.flexvertalign {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

div.cart1details, div.cart2details, div.cart3details {
  font-family: sans-serif;
  line-height: normal; }

div.editaddressbuttons {
  display: inline-block;
  padding: 4px 0; }

input[type].cdformsmfixw, div.cdformsmfixw {
  width: 138px;
  box-sizing: border-box; }

input.cdformcoupon {
  width: 218px; }

span.extraimgnumof::before, span.giantimgback::before {
  content: "("; }

span.extraimgnumof::after, span.giantimgback::after {
  content: ")"; }

span.extracommentsdots::before {
  content: " \2026\a0["; }

span.extracommentsdots::after {
  content: "]"; }

div.opttooltip {
  font-size: 24px;
  vertical-align: middle;
  margin-left: 6px;
  position: relative;
  display: inline;
  color: #333; }

div.opttooltip::after {
  content: "\24D8";
  color: #333; }

div.tooltipcontent {
  display: none;
  font-size: 15px;
  border: 1px solid gray;
  background: #FFF;
  position: absolute;
  z-index: 100;
  min-width: 200px;
  padding: 6px;
  border-radius: 5px;
  color: #333;
  font-weight: normal; }

div.tooltipright {
  right: -20px;
  top: -20px; }

img.giantthumb {
  cursor: pointer; }

img.giantimage {
  max-width: 100%;
  max-height: 91.5vh;
  margin: 0px;
  box-shadow: 5px 5px 2px #999; }

input[type="button"].ectbutton, input[type="submit"].ectbutton, button.ectbutton {
  cursor: pointer;
  font-weight: normal;
  -webkit-appearance: none;
  line-height: normal;
  font-size: 14px; }

div.largereviewstars svg.icon, div.smallreviewstars svg.icon {
  display: inline-block;
  fill: #006ABA; }

div.largereviewstars svg.icon {
  width: 24px;
  height: 24px; }

div.smallreviewstars svg.icon {
  width: 14px;
  height: 14px; }

div.clickreview {
  margin: 16px 0;
  text-align: center; }

button.clickreview {
  width: 300px;
  max-width: 100%; }

span.reviewheader {
  vertical-align: text-bottom;
  padding-left: 5px;
  font-weight: bold; }

span.reviewer {
  font-weight: bold; }

div.reviewname, div.reviewcomments, div.reviews {
  margin-top: 16px; }

div.reviews {
  clear: both; }

div.noreview {
  margin: 30px 0; }

/*Tabs*/
div.reltabproduct {
  clear: both; }

div.reltabimage {
  float: left;
  width: 20%;
  padding: 10px;
  clear: left;
  text-align: center;
  box-sizing: border-box; }

img.reltabimage {
  max-width: 100%;
  height: auto; }

div.reltabname, div.reltabdescription {
  margin: 5px 2%;
  float: right;
  width: 76%;
  box-sizing: border-box; }

div.reltabname {
  font-weight: bold; }

div.reltabproduct::after {
  content: "";
  clear: both;
  display: table; }

div.reltabproduct {
  padding-bottom: 15px; }

div.reltab > div.reltabproduct:not(:last-child) {
  border-bottom: 1px solid gray;
  margin-bottom: 15px; }

div.ecthreview {
  padding-bottom: 15px; }

div.reviewscontainer > div.ecthreview:not(:last-child) {
  border-bottom: 1px solid gray;
  margin-bottom: 15px; }

div.prodrating a {
  vertical-align: middle; }

div.TabbedPanelsContentGroup {
  background-color: #FFF;
  border: 1px solid gray; }

ul.TabbedPanelsTabGroup > li.TabbedPanelsTab {
  background-color: #FFF;
  font-size: 0.9em;
  padding: 6px 12px;
  border: 1px solid gray;
  border-radius: 5px 5px 0 0;
  list-style: none; }

ul.TabbedPanelsTabGroup > li.TabbedPanelsTabSelected {
  border-bottom: 1px solid #FFF; }

div.tabpanelcontent {
  padding: 15px; }

div.tabpanelcontent::after {
  content: "";
  clear: both;
  display: table; }

div.autosearch {
  min-width: 280px;
  border: 1px solid gray;
  background-color: white;
  z-index: 10000;
  text-align: left; }

div.autosearch > div {
  padding: 5px;
  cursor: pointer; }

div.autosearch > div:hover {
  background-color: lightgray; }

div.autosearch > div.autosearchselected {
  background-color: lightgray; }

div.rcoption {
  margin-bottom: 5px; }

div.rcoptioninline {
  display: inline-block; }

div.multioptiontext {
  display: inline-block;
  width: 50%; }

input.prodoption {
  border: 1px solid gray;
  padding: 2px; }

div.option input[type="radio"], div.option input[type="checkbox"] {
  vertical-align: middle; }

input.ecttextinput[type="number"] {
  -moz-appearance: textfield; }

div.optiontext {
  padding: 2px 6px 2px 0;
  min-width: 120px;
  font-weight: bold;
  color: #555; }

div.multioptiontext > input.ecttextinput {
  width: 36px; }

div.multioptiontext > input.oostock {
  background-color: #EBEBE4; }

option.oostock, label.oostock {
  color: #F00; }

input.cpncart1 {
  font-size: 11px;
  width: 140px; }

div.ectbreadcrumb {
  display: inline-block;
  margin-left: 5px; }

select.breadcrumbcats {
  max-width: 200px;
  text-overflow: ellipsis; }

div.imagenavigator {
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden; }

div.imagenavigator img {
  margin: 0 4px 3px 4px;
  vertical-align: middle; }

div.imagenavigator input.previmg {
  margin: 0 2px 0 0; }

div.imagenavigator input.nextimg {
  margin: 0 0 0 2px; }

div.prodimagenavigator {
  font-size: 0.7em; }

div.prodimagenavigator > .previmg, div.prodimagenavigator > .nextimg {
  font-size: 0.8em;
  padding: 4px;
  margin: 0 3px; }

div.origprice {
  color: #999999;
  font-weight: bold; }

span.liststrike {
  text-decoration: line-through; }

select.sidefilter {
  min-width: 150px;
  padding: 6px; }

div.ectpat {
  padding: 4px 0px;
  cursor: pointer; }

div.ectpatgrp {
  border-bottom: 1px solid gray;
  margin: 12px 0px;
  padding: 6px; }

div.ectpattitle {
  margin-bottom: 6px;
  font-size: 1.2em; }

div.ectpatcb {
  margin: 3px 0px; }

input[type].sidefilter, button.sidefilter {
  padding: 6px; }

button.removefilter {
  text-decoration: line-through;
  margin-bottom: 4px; }

input.sfprice {
  border: 1px solid gray;
  outline: none;
  padding: 6px;
  box-shadow: inset 0px 11px 8px -10px #AAA, inset 0px -11px 8px -10px #AAA;
  border-radius: 3px;
  width: 70px;
  text-align: right;
  box-sizing: border-box; }

div.sfpriceinputs input {
  height: 35px;
  text-align: center;
  width: 100%; }

div.sfpriceinputs > div {
  padding: 2px; }

div.sfpriceinputs {
  display: flex;
  margin-bottom: 15px; }

.sfslidercontainer {
  width: 100%;
  height: 6px;
  position: relative;
  background-color: lightgrey;
  border-radius: 5px; }

.sfslidercontainer div {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
  background: #006aba; }

.sfrangesliders {
  position: relative; }

.sfrangesliders input {
  position: absolute;
  width: 100%;
  height: 5px;
  background: none;
  top: -5px;
  cursor: pointer;
  appearance: none;
  margin: 0;
  border-radius: 15px; }

input[type="range"]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: #FFF;
  border: 1px solid grey;
  pointer-events: auto;
  appearance: none; }

div.zeroatt {
  color: #AAA; }

div.zeroatt input {
  opacity: 0.50; }

div.grpMoreDiv {
  text-align: center;
  padding: 5px; }

ul.ectverticalmenu2 > li, ul.ectverticalmenu3 > li {
  margin-bottom: -1px; }

ul.ectverticalmenu3 > li, ul.ectsubverticalmenu3 > li {
  border: 1px solid gray;
  min-width: 180px;
  min-height: 34px;
  margin-bottom: -1px;
  background-color: #FFF; }

ul.ectverticalmenu2 > li.ectsub {
  display: none; }

li.ectraq1 > a::before {
  content: "\00BB\00A0"; }

li.ectraq2 > a::before {
  content: "\00BB\00A0\00BB\00A0"; }

li.ectraq3 > a::before {
  content: "\00BB\00A0\00BB\00A0\00BB\00A0"; }

li.ectraq4 > a::before {
  content: "\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; }

li.ectraq5 > a::before {
  content: "\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; }

li.ectraq6 > a::before {
  content: "\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; }

li.ectraq7 > a::before {
  content: "\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0"; }

ul.ectverticalmenu3 > li > a, ul.ectsubverticalmenu3 > li > a {
  display: inline-block;
  vertical-align: text-top;
  width: 100%; }

li.ectselected {
  font-weight: bold; }

div.ectpacount {
  float: right; }

div.termsandconds {
  margin: 20px auto 0 auto;
  width: 800px;
  max-width: 90%;
  overflow-y: auto;
  max-height: 98%;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #333;
  background-color: #FFF; }

div.ectdivcontainer {
  overflow: auto;
  display: table;
  width: 98%;
  margin: 14px auto; }

div.amazonpaybuttontext {
  margin-bottom: 5px; }

div.amazonlogout1 {
  clear: both; }

div.checkoutbutton1 {
  margin: 6px; }

div.eachcatdiscountsapply, div.eachproddiscountsapply, div.discountsapply, span.detaildiscountsapply {
  color: #DF1A1A; }

div.discountsapply {
  padding: 4px 0px 0px 0px; }

div.catdiscounts, div.proddiscounts, div.prodnoapplydiscounts {
  color: #DA6A1E;
  padding: 0px 0px 4px 0px; }

div.proddiscountexempt, div.freeshippingexempt {
  font-size: 0.8em; }

span.inctax {
  font-size: 0.8em; }

div.prodimage {
  text-align: center; }

/* Social Media Buttons */
div.socialmediabuttons {
  text-align: center; }

div.socialmediabuttons > div {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
  float: none; }

div.socialmediabutton {
  display: inline-block;
  padding: 6px; }

div.socialmediabutton > * {
  vertical-align: top !important; }

input.lgaskaquestion, input.lgemailfriend {
  height: 28px;
  margin: 0; }

input[type="button"].smaskaquestion, input[type="button"].smemailfriend {
  height: 21px;
  margin: 0;
  font-size: 12px;
  line-height: 10px; }

div.smlinkedininner {
  background-color: #0073B1; }

div.smlinkedininner {
  height: 20px;
  padding: 4px;
  border-radius: 4px;
  display: inline-flex;
  box-sizing: content-box; }

/* Mini Widget Defaults */
div.minicart {
  padding: 3px; }

div.minicartcnt {
  padding: 3px;
  background-color: #FFF; }

div.minicartoneline {
  display: inline-flex;
  align-items: center; }

div.minicartoneline > div {
  padding: 3px; }

/* Image Upload */
input.ectfileinput {
  border-radius: 4px;
  border: 1px solid gray;
  padding: 20px; }

div.imageuploadtable {
  display: table;
  width: 50%;
  margin: auto; }

div.receiptheadrow, div.downloadheadrow, div.imageuploadrow {
  display: table-row;
  font-weight: bold;
  height: 42px; }

div.imageuploadbutton {
  text-align: center;
  margin: 10px 0; }

div.imageupload {
  padding: 20px;
  text-align: center; }

div.imageuploadprogress {
  padding: 20px;
  text-align: center;
  margin: 0 10% 0 10%;
  box-sizing: border-box;
  width: 80%;
  display: inline-block;
  max-width: 750px;
  min-width: 275px; }

div.imageuploadfile {
  text-align: center;
  border: dotted;
  border-radius: 10px;
  padding: 5% 5%;
  margin-bottom: 1rem; }

div.imageuploadfile.hoverwithfile {
  border: solid;
  background-color: #BEB; }

div.uploadedimagestable {
  display: table;
  margin: auto;
  max-width: 500px;
  width: 90%; }

div.uploadedimagesrow {
  display: table-row; }

div.uploadedimagesrow > div {
  display: table-cell; }

div.uploadedimagesrow > div:nth-of-type(3) {
  text-align: center; }

div.imageuploadhead {
  color: #333; }

/* Receipt Page */
div.thankspageimg {
  text-align: center;
  display: inline-block; }

img.thankspageimg {
  max-width: 75px; }

div.receiptlist, div.downloadlist {
  display: table;
  width: 100%; }

div.receiptlistrow, div.downloadlistrow {
  display: table-row; }

div.receiptheadrow > div, div.downloadheadrow > div, div.receiptlistrow > div, div.downloadlistrow > div, div.imageuploadrow > div {
  display: table-cell;
  vertical-align: middle;
  padding: 3px; }

div.receiptitemrow > div, div.downloadlistrow > div {
  height: 38px;
  border-top: 1px solid gray;
  padding-top: 10px; }

div.receiptoptionrow > div {
  height: 32px; }

div.receiptoption {
  font-size: 0.82em; }

div.receipttotalstable {
  display: inline-table;
  width: 50%;
  max-width: 350px;
  border-top: 1px solid gray;
  margin: 4px;
  padding: 6px 4px; }

div.receipttotalsrow {
  display: table-row; }

div.receipttotalsrow > div {
  display: table-cell;
  padding: 2px; }

div.rectotgrandtotal {
  font-weight: bold; }

div.receipttotalscolumn {
  text-align: right;
  margin-top: 20px; }

div.receiptcontainer {
  padding: 4px 2px; }

div.receiptleft, div.receiptright {
  display: inline-block;
  padding: 2px;
  box-sizing: border-box;
  vertical-align: top; }

div.receiptleft {
  width: 40%;
  text-align: right; }

div.receiptright {
  width: 60%;
  text-align: left; }

div.receiptaddress div.receiptcontainer div.receiptleft {
  text-align: left;
  padding-left: 10px; }

div.receiptleft::after {
  content: ": "; }

div.receiptaddress {
  width: 48.8%;
  min-height: 100px;
  display: inline-block;
  vertical-align: top; }

div.receiptextra, div.receiptdownload, div.receiptaddress {
  margin: 0.6% 0.6% 0% 0.6%;
  padding: 6px 4px;
  border: 1px solid gray;
  box-sizing: border-box; }

div.receiptdownload {
  margin-bottom: 30px; }

div.rectotdiscounts div.ectright {
  color: #FF0000; }

div.receiptoptgroup {
  text-align: right; }

div.receiptoptgroup::after {
  content: ": "; }

div.receiptbuttons {
  padding: 10px;
  text-align: center; }

div.receiptcontinueshopping, div.receiptprintversion {
  padding: 10px;
  width: 50%;
  display: inline-block;
  box-sizing: border-box; }

div.receiptcontinueshopping {
  text-align: right; }

div.receiptprintversion {
  text-align: left; }

div.printbody {
  background-color: #FFF;
  color: #000; }

div.receipttotalsrow div.ectleft {
  text-align: left; }

div.receipttotalsrow div.ectright {
  text-align: right; }

div.receiptnodownloadtext {
  margin: 15px; }

div.receiptpackage {
  display: table;
  font-size: 0.9em;
  color: #404040; }

div.receiptpackagerow {
  display: table-row; }

div.receiptpackagerow > div {
  display: table-cell;
  padding: 2px; }

div.receiptpackagerow div.ectleft::before {
  content: " > "; }

div.receiptpackagerow div.ectleft::after {
  content: ": "; }

div.receiptsectionhead {
  padding: 10px 0px;
  font-size: 1.3em;
  font-weight: 500; }

div.receiptaddresses {
  overflow: auto; }

div.latedownloadbuttons {
  padding: 10px; }

/* Quantity Inputs */
input[type="text"].quantity0input {
  max-width: 100px; }

input.quantity1input:focus, input.quantity2input:focus {
  outline: none; }

div.quantitycontainer {
  display: flex; }

div.quantity1div {
  border-radius: 6px;
  width: 80px;
  border: 1px solid gray;
  font-size: 1.5em;
  color: gray;
  text-align: left;
  height: 36px; }

div.quantity1div > div {
  width: 35%;
  height: 50%;
  border-radius: 3px;
  float: right;
  border-left: 1px solid gray;
  clear: right;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  margin: 0px;
  box-sizing: border-box; }

div.quantity1div > div:nth-child(2) {
  border-bottom: 1px solid gray; }

div.quantity1div > div:hover {
  background-color: grey;
  color: #FFF; }

input[type].quantity1input {
  width: 65%;
  height: 100%;
  border: none;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  border-radius: 5px; }

div.quantity2div {
  border-radius: 6px;
  width: 105px;
  border: 1px solid gray;
  overflow: auto;
  font-size: 1.5em;
  color: gray;
  display: flex;
  align-items: center;
  min-height: 32px; }

div.detailquantity2div {
  min-height: 38px; }

div.quantity2div > div {
  text-align: center;
  width: 33%;
  cursor: pointer; }

div.quantity2div > div:hover {
  color: #006aba; }

input[type].quantity2input {
  text-align: center;
  width: 34%;
  border: none;
  margin: 0px;
  padding: 0px; }

/* Stock Notify */
div.notifyinstock {
  background: #FFF;
  margin: 30vh auto;
  width: 350px;
  max-width: 98%;
  padding: 2px;
  border-radius: 8px;
  box-shadow: 5px 5px 2px #666;
  overflow: auto; }

div.cartstockwarning {
  text-align: center;
  margin: 5px 0; }

div.pricechangedwarning {
  border: 1px solid gray;
  padding: 5px;
  margin: 0 0 6px 0; }

div.cartstockjustpurchased {
  font-size: 0.8em; }

div.cartminquant_cntnr {
  text-align: center;
  margin: 10px 0; }

/* Soft Cart / Quick Buy */
div.scwrap, div.qbuywrapper, div.iuwrap {
  margin: 5vh auto 0 auto;
  background: #FFF;
  width: 98%;
  max-width: 600px;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #333;
  overflow: auto;
  max-height: 90vh;
  box-sizing: border-box;
  text-align: left; }

div.scprodsadded {
  padding: 3px;
  border-top: 1px solid #567CBB;
  clear: both; }

div.scclose {
  padding: 3px;
  text-align: right;
  float: right;
  cursor: pointer; }

div.scclose::after {
  content: url(../images/close.gif); }

div.qbuywrapper div.multioptiontext {
  display: inline-block;
  width: 49%;
  text-align: left; }

div.qbopaque, div.iuopaque, div.ectopaque {
  overflow-y: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(140, 140, 150, 0.5);
  top: 0px;
  left: 0px;
  z-index: 10000; }

div.opaqueinner {
  background-color: #FFFFFF;
  width: 98%;
  max-width: 1000px;
  height: 97%;
  margin: 1% auto;
  border-radius: 8px;
  box-shadow: 5px 5px 2px #666;
  overflow-x: auto;
  padding: 20px;
  box-sizing: border-box; }

div.scwrap {
  text-align: left; }

div.sccheckout {
  padding: 3px;
  display: inline-block;
  text-align: left; }

div.scnostock {
  padding: 3px;
  text-align: center;
  background-color: #FFCFBF;
  border: 1px solid #8C0000;
  clear: both; }

div.scimage {
  padding: 3px;
  display: inline-block;
  width: 160px;
  text-align: center;
  vertical-align: top; }

img.scimage {
  max-width: 150px; }

div.scproducts {
  padding: 3px;
  display: inline-block; }

div.scproduct {
  padding: 3px; }

div.scprodname {
  padding: 3px;
  text-align: left; }

div.scprice {
  padding: 3px;
  text-align: left;
  clear: left;
  background: #f1f1f1;
  border-top: 1px dotted #567CBB;
  font-weight: bold;
  color: #666; }

div.scoptions {
  max-width: 400px; }

div.scoption {
  padding: 3px;
  margin-left: 10px; }

div.scoptname, div.scoptvalue {
  padding: 3px;
  display: inline-block; }

div.scnostock, div.scbackorder {
  padding: 3px;
  text-align: center;
  background-color: #FFCFBF;
  border: 1px solid #8C0000; }

div.sccartitems {
  padding: 3px;
  text-align: right; }

div.sccarttotal {
  padding: 3px;
  text-align: right;
  background: #f1f1f1;
  border-top: 1px dotted #567CBB;
  font-weight: bold;
  color: #666; }

span.sccartdscnt {
  color: #8C0000; }

div.sclinks {
  padding: 3px;
  text-align: right; }

div.scerror {
  text-align: center;
  padding: 100px 0; }

div.qbuywrapper div.prodname {
  border-bottom: 1px solid gray; }

div.catnavandcheckout {
  display: flex;
  justify-content: space-between;
  align-items: center; }

div.categories,
div.products,
div.csproducts {
  display: flex;
  flex-wrap: wrap;
  clear: both; }

div.product {
  min-height: 180px; }

div.prodname {
  font-size: 1.2em; }

div.prodprice, div.detaillink, div.qbuybutton, div.addtocart, div.notifyinstock {
  font-size: 1.1em; }

span.prodpricelabel::after {
  content: ": "; }

div.proddateaddedlabel, div.proddateaddeddate, div.detaildateaddedlabel, div.detaildateaddeddate {
  display: inline-block; }

div.proddateaddedlabel::after, div.detaildateaddedlabel::after, span.prodidlabel::after, span.prodinstocklabel::after, span.detailmanufacturerlabel::after, span.prodmanufacturerlabel::after {
  content: ": "; }

label.ectlabel {
  display: inline-block;
  margin: 0; }

div.addtocartquant {
  padding: 0;
  display: flex;
  align-items: center; }

div.addtocartquant div.quantity0div, div.addtocartquant div.quantity1div, div.addtocartquant div.quantity2div {
  margin: 0 6px 0 0; }

input.quantity0input {
  margin: 0;
  min-height: 32px;
  width: 40px;
  font-size: 1.1em; }

input.detailquantity0input {
  min-height: 38px; }

button.buybutton, input[type="button"].detaillink, button.detaillink, input.qbuybutton, button.qbuybutton, button.outofstock, button.notifystock, button.configbutton {
  min-height: 32px; }

button.detailbuybutton, button.detailoutofstock, button.detailnotifystock {
  min-height: 38px;
  min-width: 180px; }

div.addtocartquant > div {
  float: none; }

div.addtocartquant > .addtocart {
  flex-grow: 1; }

div.invisibleproduct {
  visibility: hidden; }

/* Category Page */
div.category {
  border: 1px solid gray;
  margin: 0.5%;
  padding: 6px;
  width: 49%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }

/* Soft Cart Related */
#softcartrelated {
  text-align: left; }

div.scrproduct {
  min-height: 180px;
  width: 31%;
  display: inline-block;
  vertical-align: top;
  margin: 4px; }

h1.scrheader {
  font-size: 16px;
  color: #333;
  margin: 4px 8px; }

div.scrproduct div {
  text-align: center;
  padding: 4px 0px;
  margin: 0px 2px; }

div.scrimage {
  border: 1px solid gray;
  padding: 4px;
  min-height: 116px; }

img.scrimage {
  max-width: 100%;
  height: auto; }

div.scrprodname {
  background: #777; }

div.scrprodname a.ectlink {
  color: #fff; }

div.scrprodname a.ectlink:hover {
  color: #000; }

div.scrproddescription p {
  margin: 0px; }

div.scrprodprice {
  font-weight: bold; }

/* Cross Sell */
p.cstitle {
  font-weight: bold; }

/* Quantity Pricing */
div.prodquantpricingwrap {
  width: 200px;
  border: 1px solid #999;
  overflow: hidden;
  margin: 10px auto; }

div.detailquantpricingwrap {
  width: 300px;
  border: 1px solid #999;
  overflow: hidden; }

div.prodquantpricing, div.detailquantpricing {
  width: 100%;
  text-align: center; }

div.prodqpheading, div.detailqpheading {
  padding: 6px;
  background: #999;
  color: #fff; }

div.prodqpheadquant, div.prodqpheadprice, div.prodqpquant, div.prodqpprice,
div.detailqpheadquant, div.detailqpheadprice, div.detailqpquant, div.detailqpprice {
  padding: 6px;
  width: 50%; }

/* Page Bar */
span.pagebarsep::after {
  content: " | "; }

span.pagebarquo {
  font-family: Verdana;
  font-weight: bold; }

div.pagenumbers {
  text-align: center;
  margin: 8px 0;
  clear: both; }

/* Calendar */
div.ectcalendar {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
  font-family: arial;
  font-size: 11px;
  border: 1px solid #a0a0a0;
  background-color: #fff; }

div.ectcaldayno1 {
  color: #909090; }

table.ectcalheader {
  margin: 1px;
  padding: 2px;
  width: 99.4%;
  color: #fff;
  font-weight: bold;
  background-color: #222; }

div.ectcaltodaydate {
  background-color: #f0f0f0;
  padding: 5px;
  text-align: center; }

table.ectcalselector {
  font-family: arial;
  font-size: 11px;
  border: 1px solid #a0a0a0;
  background-color: #F1A42E;
  border-collapse: collapse;
  min-width: 50px; }

td.ectcalselector {
  border: 1px solid #222;
  padding: 3px; }

div.ectcaldatedisabled {
  background-color: #fdd;
  pointer-events: none;
  cursor: default;
  opacity: 0.6; }

div.ectcaltoday {
  font-weight: bold;
  color: #f00;
  border: 1px solid #a0a0a0; }

table.ectcalheader td {
  padding: 2px;
  font-family: arial;
  font-size: 12px; }

table.ectcaldates {
  font-family: verdana;
  font-size: 10px; }

td.ectcaldate {
  text-align: right;
  padding: 6px; }

/* CART CONTAINER */
div.cartcontentsdiv {
  padding: 5px; }

div.cartbackorder {
  text-align: center;
  font-weight: bold;
  padding: 8px;
  border: 1px solid gray;
  margin-bottom: 10px; }

div.cartoutstock {
  overflow: auto;
  font-weight: bold;
  margin: 6px 0px 6px 0px; }

div.cartstockacceptlevel {
  overflow: auto;
  font-weight: bold;
  margin: 6px 0px 6px 0px; }

div.cartoptionoutstock {
  text-align: center;
  text-decoration: line-through; }

/* TOP ROW */
div.cartdetails_cntnr {
  white-space: nowrap;
  padding: 2px 0;
  margin: 1px 0; }

div.cartdetailspric {
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle; }

div.cartdetails {
  display: inline-block; }

div.cartdetailsid, div.cartlineid {
  width: 27%;
  text-align: center; }

div.cartdetailsname, div.cartlinename {
  width: 75%;
  padding-right: 3px; }

div.cartlinename {
  font-weight: bold; }

span.cartlinepricelabel {
  display: none; }

span.cartlinepricelabel::after {
  content: ": "; }

div.cartdetailsprice, div.cartlineprice, div.cartoptionprice {
  width: 25%; }

div.cartdetailsquant, div.cartlinequant, div.cartoptionoutstock {
  width: 33%;
  text-align: center; }

div.cartdetailstotal, div.cartlinetotal {
  width: 33%;
  text-align: right; }

div.cartlinetotal {
  font-weight: bold; }

div.cartdetailscheck, div.cartlinecheck {
  font-size: 0.8em;
  width: 34%;
  display: inline-block;
  white-space: normal;
  text-align: center;
  vertical-align: middle; }

/* Cart Product Row */
div.cartline {
  padding-bottom: 6px;
  margin-bottom: 6px; }

div.cartdetailsnameprice, div.cartlinenameprice {
  width: 49%;
  display: inline-block; }

div.cartdetailsquanttotal, div.cartlinequanttotal {
  width: 24%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center; }

div.cartlineid, div.cartlinename, div.cartlineprice, div.cartlinequant, div.cartlinetotal {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box; }

img.cartimage {
  max-width: 95%; }

select.prodfilter {
  min-width: 130px; }

div.prodfilter, div.prodfiltergrp {
  display: inline-block; }

div.prodfilter, div.prodfiltertext {
  padding: 4px; }

input.prodfilter, button.prodfilter {
  margin-left: 4px; }

.resetfilters {
  margin: 20px; }

div.cartresumecontents, div.custdetailsresume {
  margin: 20px;
  padding: 20px;
  border: 1px solid gray;
  border-radius: 10px; }

div.custdetsresumehead, div.cartdetails {
  font-weight: bold;
  color: #555; }

div.cartdetails {
  vertical-align: middle; }

div.custdetsresumeline {
  padding: 10px; }

div.cartresumecontents img.cartimage {
  max-width: 90px;
  max-height: 90px;
  width: 100%; }

input.cartquant {
  text-align: right;
  width: 40px; }

/* OPTIONS ROW */
div.cartlineitems > div:not(:last-child) {
  border-bottom: 1px solid gray;
  padding-bottom: 10px;
  margin-bottom: 12px; }

div.cartoptionsline div {
  font-size: 0.8em; }

div.cartoptionsline {
  white-space: normal;
  padding-bottom: 2px;
  margin-bottom: 1px;
  display: flex;
  align-items: center; }

div.cartoptiongroup {
  width: 25%;
  text-align: right;
  font-weight: bold; }

div.cartoptiongroupspacer::after {
  content: " - ";
  padding: 5px; }

div.cartoption {
  width: 36.75%; }

div.cartoptiongroupspacer {
  width: 2%; }

div.cartoptiontotal {
  text-align: right;
  margin-left: auto; }

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr {
  overflow: auto; }

div.cartloyaltypointmenu {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px; }

div.cartloyaltypointmenu select {
  width: 170px;
  margin-bottom: 3px; }

div.cartloyaltypoints {
  display: inline-block;
  white-space: normal;
  width: 45%;
  margin-bottom: 6px;
  text-align: right; }

/* SHIPPING */
div.shiplogo {
  padding: 5px 10px 5px 5px;
  text-align: center; }

div.shipaltrates {
  text-align: center; }

div.cart3alratelines {
  display: inline-block;
  text-align: left; }

div.cart3shiphead {
  font-size: 1.2em;
  font-weight: bold;
  color: #444; }

div.cartshippingandtotals {
  margin-bottom: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid gray; }

div.cartshippingdetails {
  vertical-align: top;
  display: inline-block;
  width: 60%;
  margin-bottom: 12px; }

div.estimatorerrors {
  margin-bottom: 12px; }

div.estimatortitle {
  font-size: 1.2em;
  padding-bottom: 6px; }

div.shipestimatemarkup_cntnr {
  margin-bottom: 12px; }

div.cartestimatortext {
  display: inline-block;
  white-space: normal;
  width: 100%; }

div.estimatorchecktext {
  display: inline-block;
  white-space: normal;
  width: 49%; }

div.estimatorcheckcarrier {
  display: inline-block;
  white-space: normal;
  width: 49%; }

div.shipline {
  padding: 4px 0; }

input.shipradio {
  vertical-align: text-bottom;
  margin-right: 5px; }

div.cartstateselectortext {
  display: inline-block;
  white-space: normal;
  width: 20%; }

div.cartstateselector {
  display: inline-block;
  white-space: normal; }

div.cartcountryselectortext {
  display: inline-block;
  white-space: normal;
  width: 20%; }

div.cartcountryselector {
  display: inline-block;
  white-space: normal; }

div.cartzipselector_cntnr, div.cartstateselector_cntnr, div.cartcountryselector_cntnr {
  margin: 6px 0px; }

div.cartzipselectortext {
  display: inline-block;
  white-space: normal;
  width: 20%; }

div.cartzipselector {
  display: inline-block;
  white-space: normal; }

div.cartestimatorend {
  overflow: auto;
  margin-top: 12px; }

div.updateestimator {
  margin-top: 8px;
  margin-left: 20%; }

/* TOTALS */
input.checkoutbutton, button.checkoutbutton {
  width: 100%; }

div.checkoutopts {
  padding-bottom: 20px;
  max-width: 760px;
  width: 40%;
  text-align: center; }

div.carttotals {
  vertical-align: top;
  display: inline-block;
  width: 40%;
  margin-bottom: 12px; }

div.cartsubtotal_cntnr {
  overflow: auto;
  white-space: nowrap; }

div.cartsubtotaltext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin: 6px 0px 6px 0px; }

div.cartsubtotal {
  display: inline-block;
  white-space: normal;
  width: 45%;
  text-align: right; }

div.shippingtotaltext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px; }

div.shippingtotal {
  display: inline-block;
  white-space: normal;
  width: 45%;
  text-align: right; }

div.cartcountrytaxtext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px; }

div.cartcountrytax {
  display: inline-block;
  white-space: normal;
  width: 45%;
  text-align: right; }

div.cartdiscountstext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px; }

div.cartdiscounts {
  display: inline-block;
  white-space: normal;
  width: 45%;
  text-align: right; }

div.cartcoupontext, div.cartcouponapplied, div.cartcoupon {
  white-space: normal;
  margin-bottom: 4px; }

div.cartcoupon > input {
  margin: 0; }

div.expiredcoupon {
  color: #F00;
  margin: 10px 0; }

div.cartgiftcerttext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px; }

div.cartgiftcert {
  display: inline-block;
  white-space: normal;
  width: 45%;
  text-align: right; }

div.cartgrandtotaltext {
  display: inline-block;
  white-space: normal;
  width: 53%;
  margin-bottom: 6px;
  padding: 3px 0px;
  font-size: 1.1em;
  border-bottom: 1px solid gray; }

div.cartgrandtotal {
  display: inline-block;
  white-space: normal;
  width: 45%;
  padding: 3px 0px;
  text-align: right;
  font-size: 1.1em;
  border-bottom: 1px solid gray; }

div.cartcheckoutbuttons {
  margin-top: 18px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: end; }

div.cominpurchase, div.tofreeshipping, div.coforcelogin {
  overflow: auto;
  text-align: center;
  margin: 6px 0;
  padding: 8px;
  border: 1px solid gray;
  background: #eee;
  display: block; }

/* DISCOUNT FORMATTING */
div.ectdscntt {
  color: #AD2803; }

div.ectdscnt {
  color: #AD2803; }

/* COUPON FORMATTING */
#cpncodespan {
  font-size: 0.8em; }

#cpncodespan div {
  padding: 4px 12px 4px 0px; }

/* ERROR / WARNING FORMATTING */
div.ectwarning {
  color: #AD2803; }

div.checkoutwarning {
  font-size: 18px;
  margin: 5px 0; }

div.estimatorerror {
  color: #AD2803; }

span.redstar {
  color: #FF1010; }

div.redstar::before {
  content: "*";
  color: #FF1010; }

/* NEW ACCOUNT */
div.ectsoftwrapper {
  margin: 120px auto 0 auto;
  background: #FFF;
  width: 600px;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #333;
  box-sizing: border-box; }

div.softformheader {
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin: 12px 0px 16px 0px;
  font-size: 1.3em;
  text-align: center; }

div.cartloginsuccess, div.cartloginsuccesswait {
  text-align: center;
  padding: 6px 0px; }

div.ectsf2col {
  margin: 12px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

div.ectsf2col > div:first-child {
  width: 25%; }

div.ectsf2col > div:nth-of-type(2) {
  flex-grow: 1; }

div.softformjright {
  text-align: right; }

div.cartaccloginallowpromo {
  text-align: right; }

div.softformsend, div.clientloginmessage {
  text-align: center; }

div.softformsend input, div.softformsend button,
div.clientloginbuttons input, div.clientloginbuttons button,
div.cartloggedin input, div.cartloggedin button,
div.loginprompt input, div.loginprompt button {
  margin: 8px; }

div.cartaccloginallowpromo input {
  margin-right: 8px; }

div.cartaccloginallowpromotext {
  padding-left: 3px; }

div.cartacclogineverdivulge {
  font-size: 0.8em; }

div.ectsoftwrapper select,
div.ectsoftwrapper textarea,
div.ectsoftwrapper input[type="text"],
div.ectsoftwrapper input[type="email"],
div.ectsoftwrapper input[type="password"] {
  width: 66%; }

div.ectsoftwrapper textarea.softcomments {
  width: 98%;
  height: 100px;
  box-sizing: border-box; }

div.ectsfsuccess {
  margin: 80px;
  text-align: center; }

div.ectsfthanks, div.clientloginmessage {
  margin: 60px 10px; }

div.loginprompt, div.cartloggedin {
  flex-grow: 1; }

div.clientloginbuttons {
  text-align: center;
  flex-grow: 1; }

div.contactblurb {
  text-align: center;
  margin: 15px;
  font-size: 1.2em; }

/* ORDER HISTORY */
div.ectorderhistorytable button {
  min-width: 150px;
  display: block;
  margin-bottom: 2px; }

/* WISH LIST */
div.cartmaincontents {
  padding: 0 5px; }

span.listname {
  font-weight: normal; }

div.wishlistcontainer {
  position: relative;
  top: 1px; }

button.cartaddtolist {
  padding: 2px 4px;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 12px; }

div.savecartlist {
  box-shadow: 3px 3px 2px #999;
  border-collapse: collapse;
  position: absolute;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 10000;
  border-bottom: 1px solid gray;
  transform: translate(-50%, -50%); }

div.savecartlist > div {
  border: 1px solid gray;
  border-bottom: 0;
  background: #fcfcfc;
  padding: 5px;
  cursor: pointer;
  white-space: nowrap;
  min-width: 100px; }

div.savecartlist div:hover {
  background: #ececec; }

div.savecartdivider {
  background: #dcdcdc !important;
  cursor: default !important; }

/* EMPTY CART */
div.emptycart {
  text-align: center; }

div.sorrycartempty {
  margin-top: 30px;
  padding: 8px; }

div.cartemptyclickhere {
  padding: 8px; }

div.emptycartviewmain {
  padding: 8px; }

div.emptycartcontinue {
  padding: 18px;
  margin-bottom: 30px; }

div.emptycartemptylist {
  margin-top: 50px; }

/* MAILING LIST CONFIRMATION */
div.cartemailconftitle {
  font-weight: bold;
  text-align: center;
  padding: 16px 0px; }

div.cartemailconfaction {
  text-align: center;
  padding: 16px 0px; }

div.cartemailconfcontinue {
  text-align: center;
  padding: 16px 0px; }

/* GIFT WRAP */
div.giftwrap {
  font-weight: normal; }

div.giftwrapdiv {
  overflow: auto;
  white-space: nowrap;
  padding: 2px;
  margin: 1px; }

div.giftwrapdetailscntr {
  display: inline-block;
  white-space: normal; }

div.giftwrapid, div.giftwrapname, div.giftwrapquant, div.giftwrapyes {
  display: inline-block;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin: 12px 0px 6px 0px; }

div.giftwrapupdate {
  overflow: auto; }

div.giftwraplineid, div.giftwraplinename, div.giftwraplinequant, div.giftwraplineyes {
  display: inline-block;
  white-space: normal;
  vertical-align: top; }

div.giftwraplineid, div.giftwrapid {
  width: 25%; }

div.giftwraplinename, div.giftwrapname {
  width: 35%; }

div.giftwraplinequant, div.giftwrapquant, div.giftwraplineyes, div.giftwrapyes {
  width: 20%; }

div.giftwraptmessage {
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
  padding-top: 15px; }

div.giftwrapmessage {
  overflow: auto; }

div.giftwraplinemessage textarea {
  width: 100%;
  padding: 10px; }

div.giftwrapbuttons {
  overflow: auto;
  text-align: right;
  margin-top: 12px; }

/* BILLING & SHIPPING */
div.cart2header {
  overflow: auto;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin: 12px 0px 6px 0px;
  font-size: 1.2em; }

div.billformrow, div.shipformrow, div.copayresultrow, div.nohidebillrow, div.checkoutadds2col, div.billformrowflags, div.copayradio1 {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

div.cdformtpayradio1 {
  float: left; }

div.cobhl2, div.cdshipftflag, div.cdshipftselect, div.cdaddtflag, div.cdformpayradio1 {
  width: 33%; }

div.cobll2 {
  padding: 4px 0;
  flex-grow: 1; }

input.cdformpayment {
  margin-right: 5px; }

div.coshipflagscontainer {
  margin-bottom: 12px; }

div.cdshipftflag, div.cdshipftselect, div.cdaddtflag, div.cdformtnewaccount, div.cdformpayradio1 {
  text-align: right;
  box-sizing: border-box;
  padding-right: 5px; }

div.cdshipflag, div.cdaddflag {
  font-size: 0.9em;
  padding: 6px 2px; }

div.cdformshipdiff {
  padding: 12px 0;
  text-align: center; }

input.cdformshipdiff {
  margin-right: 12px; }

textarea.addinfo {
  width: 85%;
  height: 70px;
  box-sizing: border-box;
  border: 1px solid gray;
  padding: 6px;
  border-radius: 5px; }

.cdformtmailingr input {
  margin: 0px 0px 6px 8px; }

div.cdformtitle {
  padding-bottom: 2px; }

div.cdformtitlell {
  padding-bottom: 8px; }

div.payprovider {
  overflow: auto; }

div.payprovline {
  overflow: auto;
  margin-bottom: 8px; }

div.payprovline img {
  vertical-align: top;
  margin-left: 12px; }

input[type="button"].widecheckout2, input[type="button"].widecheckout3, input[type="submit"].widecheckout2, input[type="submit"].widecheckout3, button.widecheckout3 {
  width: 90%;
  padding: 10px; }

div.cdformsubmit {
  overflow: auto; }

input.cdformradio {
  margin: 3px 3px 0 5px; }

/* SHIPPING TOTALS SCREEN */
div.cart3details {
  overflow: auto; }

div.cartheader {
  font-size: 1.2em; }

div.cart3header {
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin: 12px 0px 6px 0px;
  font-size: 1.2em; }

div.cart2column {
  padding-bottom: 6px;
  margin: 12px 0px 6px 0px; }

div.cart3row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 8px; }

div.cobhl3, div.cart3shippingt {
  width: 33%; }

div.cart3shippingt, div.cart3shipping {
  display: inline-block;
  vertical-align: top; }

div.cart3shipping {
  max-width: 66%; }

div.cobll3 {
  flex-grow: 1; }

div.cart3servicecommitment {
  font-size: 10px;
  margin-left: 10px;
  display: inline-block;
  color: #070; }

div.cart3totgoodst {
  border-bottom: 1px solid gray;
  margin-bottom: 12px;
  font-size: 1.1em;
  padding-bottom: 2px; }

div.cart3totgoods {
  border-bottom: 1px solid gray;
  margin-bottom: 12px;
  font-size: 1.1em;
  padding-bottom: 2px; }

div.shiprateline {
  padding: 4px 0; }

div.shiptableline {
  padding: 5px 0; }

div.shiptableline2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 0; }

div.shiplogo2 {
  width: 33%;
  text-align: right;
  padding-right: 32px;
  box-sizing: border-box; }

div.shiptablerates2 {
  width: 67%;
  box-sizing: border-box; }

div.shiptablerates {
  display: inline-block;
  min-height: 45px; }

div.shiptablerates select {
  margin: 5px 0px 0px 5px;
  max-width: 300px; }

div.cartheading {
  overflow: auto;
  padding-bottom: 6px;
  margin: 12px 0px 16px 0px;
  border-bottom: 1px solid #999;
  font-size: 1.2em; }

div.cart3gndtotcntnr {
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  margin-bottom: 12px;
  padding-top: 6px;
  padding-bottom: 3px;
  font-size: 1.2em;
  min-height: 32px; }

div.altshippingselector {
  text-align: center;
  padding: 10px;
  font-size: 0.9em; }

div.shipaltrates {
  border: 1px solid gray;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 20px;
  padding-top: 5px; }

/* CREDIT CARD RESULTS SCREEN */
div.cart4details {
  overflow: auto; }

div.cart4header {
  overflow: auto;
  padding-bottom: 6px;
  margin: 12px 0px 16px 0px;
  border-bottom: 1px solid #999;
  font-size: 1.2em; }

div.cobhl4 {
  width: 35%;
  margin-bottom: 12px;
  padding-top: 8px; }

div.cobll4 {
  flex-grow: 1;
  margin-bottom: 12px;
  padding-top: 8px; }

div.cart4row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 8px; }

div.cart4buttons {
  padding: 6px 0; }

div.checkoutbutton2, div.checkoutbutton3 {
  text-align: center; }

/* SECOND LINE TEXT ENTRIES */
span.ectsmallnote {
  font-size: 0.8em; }

/* END OF CART CLASSES */
/* STYLE SHEET FOR THE ECT SEARCH PAGE */
div.prodnoexist,
div.categorynotavailable,
div.nosearchresults, div.noproducts {
  padding: 40px 0;
  text-align: center; }

div.prodnoexistcat, div.prodnoexistcatimg {
  padding: 10px;
  font-size: 16px; }

div.prodnoexistcatimg img {
  max-width: 120px; }

div.searchresults {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid lightgray; }

div.notfoundtrysearch, div.notfoundremoved, div.notfoundcontact {
  margin: 40px;
  font-size: 20px;
  color: #333;
  text-align: center; }

div.prodnoexistaltcat {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center; }

div.notfoundtrysearch, div.notfoundcontact {
  margin-bottom: 15px; }

button.notfoundcontactbutton {
  min-width: 250px;
  padding: 12px;
  font-size: 18px; }

div.notfoundcontactbutton {
  margin-bottom: 40px; }

div.notfoundinputcntnr {
  text-align: center;
  margin-bottom: 40px; }

div.notfoundinput {
  display: inline-block; }

div.notfoundcontactbutton {
  text-align: center; }

input.notfoundinput {
  height: 32px;
  vertical-align: middle;
  width: 220px; }

button.notfoundsubmit {
  color: #000;
  background-color: #FFF;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid gray;
  vertical-align: middle;
  cursor: pointer; }

/* Search header div */
div.searchheader {
  overflow: auto;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin: 12px 0px 16px 0px;
  font-size: 1.2em; }

/* Search label divs */
div.reviewformblock {
  margin-top: 15px; }

div.searchtext, div.reviewlabels {
  padding: 6px 4px;
  white-space: nowrap; }

/* Search form field divs */
div.searchcntnr, div.reviewformline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 4px; }

div.searchcontrol {
  flex-grow: 1; }

div.reviewimage {
  text-align: center; }

div.reviewimagecontainer {
  display: inline-block;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid gray;
  border-radius: 5px; }

div.reviewimagecontainer > img {
  max-width: 250px; }

/* Search form field formatting */
div.reviewfields > input, div.reviewfields > textarea, div.reviewfields > select, input[type="submit"].search {
  min-width: 160px; }

div.searchfor input {
  width: 80%; }

div.searchfiltergroup {
  display: inline-block; }

div.searchfiltergroup select {
  margin-bottom: 8px; }

/* Div containing submit button */
div.searchsubmit {
  padding: 8px 4px; }

/* END OF SEARCH CLASSES */
/* AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING */
input.newaffiliate, input.affiliatelogin {
  margin-top: 5px; }

div.ectdiv {
  overflow: auto;
  margin-bottom: 20px; }

/* Header div */
div.ectdivhead, div.checkoutsteps {
  text-align: center;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

div.checkoutstep, div.cartlistimg {
  padding: 5px;
  min-width: 34px; }

div.checkoutstep {
  text-align: left; }

div.checkoutstepof3::after {
  content: " of 3"; }

div.cartlistimg {
  text-align: right; }

div.cartname, div.loginheader {
  font-weight: bold;
  font-size: 1.2em; }

/* Label divs */
div.ectdivleft {
  width: 28%;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

/* Form field divs */
div.ectdivright {
  width: 68%;
  display: table-cell;
  vertical-align: middle; }

/* Form field formatting */
div.ectdivright input[type="text"], div.ectdivright select, div.ectdivright textarea {
  width: 60%;
  max-width: 600px;
  box-sizing: border-box; }

div.ectsoftwrapper input[type="text"],
div.ectsoftwrapper input[type="email"],
div.ectsoftwrapper input[type="password"],
div.ectsoftwrapper textarea,
div.ectdivright input[type="text"],
div.ectdivright input[type="password"],
div.cobll input[type="text"],
div.cobll input[type="email"],
div.cobll input[type="tel"],
div.ectdivright textarea,
input.ecttextinput,
textarea.ecttextinput {
  border: 1px solid gray;
  padding: 6px;
  border-radius: 5px;
  display: inline-block;
  box-sizing: border-box;
  height: auto; }

div.ectdivright input.ectinputhalf {
  width: 30%;
  box-sizing: border-box;
  max-width: 298px; }

div.ectdivright select,
select.ectselectinput,
div.cobll select,
div.ectsoftwrapper select {
  border: 1px solid gray;
  padding: 6px;
  border-radius: 5px;
  display: inline-block;
  background-image: none; }

select.ectwarning, input.ectwarning, textarea.ectwarning {
  border: 2px solid #AD2803 !important; }

/* Checkbox and Radio */
input[type="checkbox"].ectcheckbox, input[type="radio"].ectradio {
  -webkit-appearance: none;
  appearance: none;
  width: 17px;
  height: 17px;
  border: 2px solid gray;
  transform: translateY(-1px);
  display: inline-grid;
  place-content: center;
  margin: 2px 5px 1px 5px;
  padding: 0;
  background-color: white; }

input[type="checkbox"].ectcheckbox {
  border-radius: 4px; }

input[type="radio"].ectradio {
  border-radius: 50%; }

input[type="checkbox"].ectcheckbox::before, input[type="radio"].ectradio::before {
  content: "";
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 17px 17px #333;
  box-sizing: border-box; }

input[type="checkbox"].ectcheckbox::before {
  width: 12px;
  height: 12px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform-origin: bottom left; }

input[type="radio"].ectradio::before {
  width: 9px;
  height: 9px;
  border-radius: 50%; }

input[type="checkbox"].ectcheckbox.ectwarning {
  border: 0.15em solid #AD2803; }

input[type="checkbox"].ectcheckbox.ectwarning::before {
  box-shadow: inset 1em 1em #AD2803; }

input[type="checkbox"].ectcheckbox:checked::before {
  transform: scale(1);
  box-sizing: border-box; }

input[type="radio"].ectradio:checked::before {
  transform: scale(1); }

input[type="radio"].ectradio.ectwarning {
  border: 0.15em solid #AD2803; }

input[type="radio"].ectradio.ectwarning::before {
  box-shadow: inset 1em 1em #AD2803; }

/* Div spanning 2 columns */
div.ectdiv2column {
  margin: 14px; }

div.ectdiv2column ul {
  list-style: none; }

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning {
  overflow: auto; }

/* Text based div */
div.ectmessagescreen div {
  margin: 30px; }

div.ectmessagescreen input {
  margin-top: 12px; }

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft {
  white-space: normal; }

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft {
  width: 48%; }

div.ectclientloginaddress div.ectdivright {
  width: 48%; }

/* Gift registry on client login */
input.createlistinput {
  vertical-align: middle;
  margin: 1px; }

div.ectdivleft input {
  width: 200px;
  border: 1px solid #999; }

div.ectclientlogingiftreg .ectdiv2column {
  padding: 6px 8px; }

div.ectgiftregname {
  font-weight: bold;
  font-size: 1.1em; }

input.giftregistrycopy {
  width: 90%; }

div.ectgiftregistrybuttons > div {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 6px; }

div.ectgiftregistrybuttons {
  overflow: auto;
  padding-bottom: 30px; }

div.ectclientlogingiftreg .ectdivleft input {
  margin-top: 3px;
  padding: 4px; }

div.ordhistorycontrols {
  margin-bottom: 10px;
  text-align: center; }

div.ectclientlogorder {
  border: 1px solid grey;
  margin-bottom: 15px;
  padding: 5px; }

div.ectclordrow1, div.ectclordrow2, div.ectclordrow3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 5px; }

div.ectclordrow3:nth-child(odd) {
  border: 1px solid grey; }

div.ectclprodimg {
  max-width: 100px;
  margin: 10px; }

div.ectclprodimg > img {
  max-width: 100%; }

div.ectclordarticle {
  min-height: 20px; }

div.ectclordprodid, div.ectclordprodname, div.ectclordviewprod, div.ectclordtrack, div.ectclordreview {
  margin: 10px; }

div.ectclordcount {
  display: inline-block;
  font-weight: bold;
  border: 1px solid gray;
  padding: 11px;
  border-radius: 5px;
  font-family: sans-serif;
  line-height: normal; }

div.ordhistorycontrols > * {
  height: 40px;
  vertical-align: middle;
  box-sizing: border-box;
  margin-bottom: 5px; }

div.ordhistorycontrols > select {
  width: auto; }

span.ectclordlabel {
  font-weight: bold; }

div.ectcladdressbutton {
  margin: 6px; }

div.ectcladdressbutton > button {
  min-width: 118px; }

input.ectclordsearchtxt {
  width: 200px; }

div.amformrow, div.grformrow, div.omformrow, div.adformrow {
  margin: 40px 20px; }

div.ectclientloginaddress > div.ectdivcontainer {
  padding: 5px; }

div.ectclientloginordersrow:nth-child(even) {
  background-color: #EEE; }

div.ectclientloginaddress > div.ectdivcontainer {
  border: 1px solid gray;
  border-radius: 5px; }

div.ectclientloginordersrow {
  display: table-row; }

div.ectclientloginordersrow > div {
  display: table-cell;
  padding: 6px;
  margin: 4px;
  font-size: 0.9em; }

/* Tracking buttons */
input.trackinggo {
  width: 60px; }

/* Tracking form */
div.ecttracking div.ectdivcontainer {
  overflow: auto; }

div.trackingselectlogo {
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right: 10px;
  height: 40px; }

div.trackingselectlogo > img {
  vertical-align: middle; }

div.ecttracking div.ectdivleft {
  width: 42%;
  white-space: normal; }

div.ecttracking div.ectdivright {
  width: 43%; }

div.ecttrackingresults {
  overflow: auto; }

div.ecttrackingresults div {
  width: 33%; }

div.ecthighlight {
  background-color: #EEE; }

div.ecthighlight, div.ectlowlight {
  padding: 3px; }

/* Header row on Tracking form */
div.tracktablehead div {
  padding: 20px 0px 6px 4px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray; }

div.trackingcopyright {
  font-size: 0.9em; }

/* Gift Certificate form */
div.ectgiftcerts {
  overflow: auto; }

div.ectgiftcerts div.ectdivleft {
  width: 38%;
  white-space: normal; }

div.ectgiftcerts div.ectdivright {
  width: 58%; }

div.ectgiftcerts #amount {
  width: 100px; }

/* Donations form */
div.ectdonations #amount {
  width: 80px; }

/* For SquareUp */
.sq-field-wrapper {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 16px; }

.sq-field {
  margin-bottom: 16px;
  width: 100%; }

.sq-field:first-child {
  margin-left: 0; }

.sq-field:last-child {
  margin-right: 0; }

.sq-field--in-wrapper {
  flex-grow: 1;
  margin: 0 8px; }

.sq-label {
  margin-bottom: 8px;
  text-transform: uppercase; }

.sq-input {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  transition: border-color 0.25s ease;
  width: 100%; }

.sq-input--focus {
  background-color: #fbfdff; }

.sq-input--error {
  background-color: #fbfdff; }

.sq-button {
  width: 100%; }

.sq-payment-form {
  max-width: 100%;
  padding: 20px 0 5px;
  width: 380px;
  margin: auto; }

.sq-label {
  color: #000000;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px; }

.sq-input {
  border-color: #E0E2E3;
  border-radius: 4px; }

.sq-input--focus {
  border-color: #4A90E2; }

.sq-input--error {
  border-color: #e02e2f; }

.sq-wallet-divider {
  margin: 24px 0;
  position: relative;
  text-align: center;
  width: 100%; }

.sq-wallet-divider:after, .sq-wallet-divider::after, .sq-wallet-divider:before, .sq-wallet-divider::before {
  background: #bbb;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 9px; }

.sq-wallet-divider:after, .sq-wallet-divider::after {
  right: 65%; }

.sq-wallet-divider:before, .sq-wallet-divider::before {
  left: 65%; }

.sq-wallet-divider__text {
  color: #bbb;
  padding: 10px;
  text-transform: uppercase; }

/* Indicates how Google Pay button will appear */
button.gpay-card-info-container.new_style {
  width: 100%;
  height: 48px; }

.button-google-pay {
  background-color: transparent;
  height: 48px;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  border: 0;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  display: none; }

.apple-pay-button {
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-style: black;
  border: none;
  height: 48px;
  margin-bottom: 16px;
  width: 100%;
  display: none; }

.sq-masterpass {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 5px;
  height: 48px;
  width: 100%;
  display: none; }

button.sq-button {
  padding: 12px 0; }

/* ECT Slider */
.sliderimages img {
  width: 100%; }

div.slidercontainer {
  margin: auto;
  position: relative; }

div.slidercontainer > div:first-child {
  position: relative;
  opacity: 1;
  transition: opacity 1s ease-in-out;
  z-index: 2; }

div.slidercontainer > div:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  width: 100%;
  z-index: 1; }

.sliderarrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  transform: translate(0, -50%);
  color: white;
  font-weight: bold;
  font-size: 80px;
  font-family: sans-serif;
  text-decoration: none;
  transition: 0.6s ease;
  opacity: 50%;
  z-index: 3; }

.sliderleft {
  left: 5px; }

.sliderright {
  right: 5px; }

.sliderarrow:hover {
  color: rgba(100, 100, 100, 0.8);
  text-decoration: none; }

.slidercaption, .slidercaptionbottom {
  color: #eff5d4;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  width: 100%;
  text-align: center;
  box-sizing: border-box; }

.slidercaption {
  top: 10px; }

.slidercaptionbottom {
  bottom: 10px; }

/* ECT Mega Menu */
.menu-container {
  width: 100%;
  margin: 0 auto; }

.ectmegamobile {
  display: none;
  padding: 20px; }

span.megamobiletext::before {
  content: "Navigation"; }

svg.megahamburger {
  float: right; }

.ectmega-has-dropdown > a::after {
  content: "\25bc";
  font-family: "Helvetica"; }

.ectmegamenu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box; }

.ectmegamenu > ul::before,
.ectmegamenu > ul::after,
.ectmegamenu > ul > li > ul::before,
.ectmegamenu > ul > li > ul::after,
.ectmegamenu > ul > li > ul > li > ul::before,
.ectmegamenu > ul > li > ul > li > ul::after {
  content: "";
  display: table; }

.ectmegamenu > ul::after,
.ectmegamenu > ul > li > ul::after,
.ectmegamenu > ul > li > ul > li > ul::after {
  clear: both; }

.ectmegamenu > ul > li {
  float: left;
  margin: 0;
  padding: 0;
  background: #F0F0EE; }

.ectmegamenu > ul > li a {
  text-decoration: none;
  padding: 0.4em 1.6em;
  display: block; }

.ectmegamenu > ul > li:hover {
  background: #f0f0f0; }

.ectmegamenu > ul > li > ul {
  display: none;
  width: 100%;
  background: #f0f0f0;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }

.ectmegamenu > ul > li > ul > li {
  text-align: left;
  float: left;
  margin: 0;
  padding-bottom: 0;
  width: 25%;
  background: none; }

.ectmegamenu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid gray; }

.ectmegamenu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box; }

.ectmegamenu > ul > li > ul > li > ul > li {
  text-align: left;
  float: left;
  margin: 0;
  width: 100%;
  padding: 10px 0;
  font-size: .9em; }

.ectmegamenu > ul > li > ul > li > ul > li a {
  border: 0; }

.ectmegamenu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px; }

.ectmegamenu > ul > li > ul.normal-sub > li {
  width: 100%; }

.ectmegamenu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0; }

/* Drop Down Minicart */
.ectdp_minicartmainwrapper {
  background: #fff none repeat scroll 0 0;
  position: absolute;
  right: 0; }

.ectdp_minicartmainwrapper_ct {
  position: relative;
  width: 100%;
  z-index: 1000; }

.ectdp_minicartopen {
  padding-top: 8px;
  cursor: pointer;
  width: 140px;
  float: right;
  clear: both; }

.ectdp_minicartopenimg {
  margin-top: 2px;
  margin-left: 20px; }

.ectdp_pincart {
  width: 100%;
  float: left;
  margin-top: 12px; }

.ectdp_minicartcontainer {
  background: #fff;
  padding: 10px;
  margin: 0px;
  width: 320px;
  box-shadow: 0 5px 6px 0 rgba(161, 161, 161, 0.8); }

.ectdp_minicartitemImg {
  width: 60px;
  float: left;
  margin-right: 5px; }

.ectdp_minicartitemDelete {
  float: left;
  width: 24px;
  padding-top: 20px;
  text-align: right; }

.ectdp_minicarttotal {
  text-align: right;
  margin-right: 28px;
  margin-bottom: 10px;
  font-size: 1.1em;
  border-bottom: 1px solid gray;
  padding: 6px 0px; }

.ecHidDsc {
  color: #EE5249;
  padding-top: 6px; }

.ectdp_minicartImg {
  padding: 10px 2px;
  width: 60px;
  height: auto; }

.ectdp_minicartitemName {
  float: left;
  width: 208px;
  text-align: right;
  padding: 15px 2px;
  border-bottom: 1px solid gray; }

div.minicartcnt_dp {
  text-align: center;
  clear: both; }

div.ectdp_empty {
  width: 100%;
  float: left;
  text-align: center;
  padding: 25px 0px; }

/* ECT Menu */
ul.ectverticalmenu2 li.ectmenuhassub1 > a {
  display: block;
  clear: both; }

ul.ectverticalmenu2 li.ectmenuhassub1 > a::after {
  content: "+";
  float: right; }

/* PayPal Checkout */
.paypal-button, .card_container {
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 20px;
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

div.card_field, div.card_container input.card-holder-name[type="text"] {
  width: 100%;
  padding: 12px;
  border: 1px solid gray;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  height: 40px;
  background: white;
  font-size: 17px;
  color: #3a3a3a;
  font-family: helvetica, tahoma, calibri, sans-serif; }

div.paylaterquote {
  margin: 10px 0; }

div.paylaterbanner {
  margin-bottom: 10px; }

/* Styles for screens below 940px*/
@media all and (max-width: 940px) {
  div.cartdetails_cntnr {
    display: none; }

  div.cartlinenameprice {
    width: 73%; }

  div.cartoptionsline {
    display: flex;
    align-items: center; }

  div.cartoptiontotal {
    margin-left: auto;
    padding-right: 6px; }

  div.cartlinequanttotal {
    width: 250px;
    display: flex;
    margin-left: auto;
    border: 1px solid gray;
    padding: 5px; }

  span.cartlinepricelabel {
    display: inline; }

  div.cartoptiongroup {
    width: auto;
    text-align: left;
    min-width: 20%; }

  .menu-container,
  .ectmegamenu > ul > li > ul.normal-sub {
    width: 100%; }

  .ectmegamobile,
  .ectmegamenu .show-on-mobile {
    display: block !important;
    text-align: left; }

  .ectmega-has-dropdown > a::after {
    display: none; }

  .ectmega-has-dropdown::before {
    content: "\25bc";
    font-family: Helvetica;
    cursor: pointer;
    float: right;
    padding: 14px 14px 14px 30px;
    font-size: 22px;
    clear: both;
    background-color: #FFF;
    color: #333; }

  .ectmegamenu > ul {
    display: none !important; }

  .ectmegamenu > ul > li {
    width: 100%;
    float: none;
    display: block !important; }

  .ectmegamenu > ul > li a {
    padding: 1.5em !important;
    width: 100%;
    display: block !important; }

  .ectmegamenu > ul > li > ul,
  .ectmegamenu > ul > li > ul > li > ul {
    position: relative; }

  .ectmegamenu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px; }

  .ectmegamenu > ul > li > ul > li:first-child {
    margin: 0; }

  .ectmegamenu > ul > li > ul > li > ul > li {
    float: none; }

  div.shipaltrates {
    margin-right: 0; }

  div.cart3shipselrow {
    display: block; }

  div.cart3shipping {
    padding: 10px 0; }

  div.cart3shipselrow > div.cart3shippingt, div.cart3shipselrow > div.cart3shipping {
    width: auto;
    display: block;
    max-width: none; }

  div.altshippingselector {
    display: inline-block; }

  div.cartshippingdetails {
    width: auto;
    display: block; }

  div.carttotals, div.checkoutopts, div.cartcheckoutbuttons {
    width: auto;
    display: block; }

  div.checkoutopts {
    margin: auto; }

  /* RESET COLUMNS */
  div.cartdetailsname, div.cartlinename,
  div.cartdetailsprice, div.cartlineprice {
    width: auto;
    display: block;
    padding: 5px; }

  div.cartdetailsquant, div.cartlinequant {
    width: auto;
    padding-left: 20px; }

  div.cartdetailstotal, div.cartlinetotal {
    width: auto; }

  div.cartdetailscheck, div.cartlinecheck {
    width: auto; }

  div.cartoptionsline div.cartoptionprice {
    display: none; }

  div.cartoption {
    width: 51%;
    padding: 5px; }

  div.cartoptiontotal {
    width: 24%; }

  /* REALIGN TOTALS */
  div.cartsubtotaltext,
  div.shippingtotaltext,
  div.cartcountrytaxtext,
  div.cartgiftcerttext,
  div.cartdiscountstext,
  div.cartgrandtotaltext {
    width: 72%; }

  div.cartsubtotal,
  div.shippingtotal,
  div.cartcountrytax,
  div.cartgiftcert,
  div.cartdiscounts,
  div.cartgrandtotal {
    width: 28%; }

  div.cartcoupontext {
    text-align: right; }

  div.cartcoupon {
    text-align: right; }

  div.cartcouponapplied {
    text-align: right;
    width: 97%; }

  div.cdshipftflag, div.cdaddtflag {
    width: 22px; }

  .sliderleft {
    left: 0; }

  .sliderright {
    right: 0; } }
/* This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {
  div.amformrow, div.grformrow, div.omformrow, div.adformrow {
    margin: 20px 0; }

  /* Receipt page addresses in one column */
  div.cartmaincontents {
    padding: 0; }

  div.receiptaddress {
    width: auto;
    display: block; }

  /* Puts the search filters into one column */
  div.searchfiltergroup {
    padding: 4px 0px;
    width: auto;
    display: block; }

  /* Tracking form */
  div.ecttracking div.ectdivleft {
    width: auto;
    display: block; }

  div.ecttracking div.ectdivright {
    width: auto;
    display: block;
    margin: 10px 0; }

  /* Create account / New account */
  div.ectsoftwrapper {
    margin-top: 25px;
    width: 85%;
    overflow: auto;
    max-height: 95vh; }

  div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginrecaptchaspace, div.cartaccloginallowpromo, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext {
    width: 29%; }

  div.cartaccloginrecaptcha {
    width: 71%; }

  /* Giant image pop up */
  div.giantthumbcontainer {
    display: none; }

  div.giantimg {
    width: 98% !important; }

  div.qbuywrapper div.prodid, div.qbuywrapper div.prodname, div.qbuywrapper div.proddescription {
    float: none;
    width: auto; } }
/*Styles for screens below 560px */
@media screen and (max-width: 560px) {
  div.scrproduct {
    width: 48%; }

  div.ectsoftwrapper {
    width: 99%; }

  div.cartdetailsnamecr {
    width: 58%; }

  div.cartoptionsline div.cartoptionoutstock {
    display: none; } }
/*Styles for screens below 480px on the cart page*/
@media all and (max-width: 480px) {
  div.ectsoftwrapper select,
  div.ectsoftwrapper input[type="text"],
  div.ectsoftwrapper input[type="email"],
  div.ectsoftwrapper input[type="password"] {
    width: 80%; }

  div.cartcontentsdiv {
    padding: 5px 0; }

  div.cartdetailsquant {
    visibility: hidden; }

  div.ectsf2col > div:first-child {
    width: auto;
    margin-bottom: 3px; }

  div.ectsf2col {
    display: block; }

  div.softformjright {
    text-align: left;
    float: left; }

  div.cdformpayradio1 {
    width: 50%; }

  div.cart3servicecommitment {
    display: block; }

  div.cartname {
    font-size: 1em; }

  div.billformrow, div.shipformrow, div.copayresultrow, div.nohidebillrow, div.checkoutadds2col, div.cart4row {
    display: block; }

  div.cobhl4 {
    margin-bottom: 1px; }

  div.cobhl2, div.cdshipftselect {
    width: auto; }

  div.scrproduct {
    width: 98%; }

  div.logintoaccount, div.createaccount {
    display: block;
    margin: 4px 0px; }

  div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext {
    width: 98%; }

  div.cartaccloginallowpromo, div.cartlogincookie {
    width: 25px; }

  div.cartaccloginrecaptchaspace {
    display: none; }

  div.cartloginlogin, div.cartloginnewacct {
    width: 45%; }

  div.cartloginforgotpwd {
    text-align: left;
    width: 96%;
    margin-top: 9px; }

  .shiptablerates {
    width: 100% !important; }

  div.searchcntnr, div.reviewformline {
    display: block;
    padding: 4px; }

  div.searchtext, div.reviewlabels {
    width: auto; }

  div.cartresumecontents, div.custdetailsresume {
    margin: 5px;
    padding: 8px;
    border-radius: 5px; }

  /*Styles for screens below 480px on the affiliate, order status, client login page*/
  div.ectdivright input {
    width: 95%; }

  div.ectdiv2column input {
    margin: 6px 0px 12px 0px; }

  div.ectdivright {
    width: auto;
    display: block;
    margin: 10px 0; }

  div.ectdivleft {
    width: auto;
    display: block; }

  div.ectgiftcerts textarea {
    width: 98%; }

  div.ectdonations textarea {
    width: 98%; }

  div.cobhl4, div.cobll4 {
    width: auto; }

  div.cdformtnewaccount, div.cdformtmailingd {
    width: auto;
    float: none;
    text-align: left; }

  div.cdformnewaccount, div.cdformmailingd {
    width: auto;
    float: none;
    padding: 12px 0px; }

  div.ectclordrow1, div.ectclordrow2, div.ectclordrow3 {
    display: block;
    text-align: center; }

  div.ectclprodimg {
    max-width: none; }

  div.ectclprodimg > img {
    max-height: 100px; }

  div.ectorderhistorytable button {
    display: inline-block; } }
@media print {
  .no-print, .no-print * {
    display: none !important; } }
/* 
 * CSS Vertical Rhythm
 * Author - Roman Kirichik
 * www.kirichik.com
 */
.mt-0 {
  margin-top: 0 !important; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

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

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.pt-0 {
  padding-top: 0 !important; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-80 {
  padding-top: 80px; }

.pt-90 {
  padding-top: 90px; }

.pt-100 {
  padding-top: 100px; }

.pt-110 {
  padding-top: 110px; }

.pt-120 {
  padding-top: 120px; }

.pt-130 {
  padding-top: 130px; }

.pt-140 {
  padding-top: 140px; }

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

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-140 {
  padding-bottom: 140px; }

@media only screen and (max-width: 1200px) {
  .mt-lg-0 {
    margin-top: 0 !important; }

  .mt-lg-10 {
    margin-top: 10px; }

  .mt-lg-20 {
    margin-top: 20px; }

  .mt-lg-30 {
    margin-top: 30px; }

  .mt-lg-40 {
    margin-top: 40px; }

  .mt-lg-50 {
    margin-top: 50px; }

  .mt-lg-60 {
    margin-top: 60px; }

  .mt-lg-70 {
    margin-top: 70px; }

  .mt-lg-80 {
    margin-top: 80px; }

  .mt-lg-90 {
    margin-top: 90px; }

  .mt-lg-100 {
    margin-top: 100px; }

  .mt-lg-110 {
    margin-top: 110px; }

  .mt-lg-120 {
    margin-top: 120px; }

  .mt-lg-130 {
    margin-top: 130px; }

  .mt-lg-140 {
    margin-top: 140px; }

  .mb-lg-0 {
    margin-bottom: 0 !important; }

  .mb-lg-10 {
    margin-bottom: 10px; }

  .mb-lg-20 {
    margin-bottom: 20px; }

  .mb-lg-30 {
    margin-bottom: 30px; }

  .mb-lg-40 {
    margin-bottom: 40px; }

  .mb-lg-50 {
    margin-bottom: 50px; }

  .mb-lg-60 {
    margin-bottom: 60px; }

  .mb-lg-70 {
    margin-bottom: 70px; }

  .mb-lg-80 {
    margin-bottom: 80px; }

  .mb-lg-90 {
    margin-bottom: 90px; }

  .mb-lg-100 {
    margin-bottom: 100px; }

  .mb-lg-110 {
    margin-bottom: 110px; }

  .mb-lg-120 {
    margin-bottom: 120px; }

  .mb-lg-130 {
    margin-bottom: 130px; }

  .mb-lg-140 {
    margin-bottom: 140px; }

  .pt-lg-0 {
    padding-top: 0 !important; }

  .pt-lg-10 {
    padding-top: 10px; }

  .pt-lg-20 {
    padding-top: 20px; }

  .pt-lg-30 {
    padding-top: 30px; }

  .pt-lg-40 {
    padding-top: 40px; }

  .pt-lg-50 {
    padding-top: 50px; }

  .pt-lg-60 {
    padding-top: 60px; }

  .pt-lg-70 {
    padding-top: 70px; }

  .pt-lg-80 {
    padding-top: 80px; }

  .pt-lg-90 {
    padding-top: 90px; }

  .pt-lg-100 {
    padding-top: 100px; }

  .pt-lg-110 {
    padding-top: 110px; }

  .pt-lg-120 {
    padding-top: 120px; }

  .pt-lg-130 {
    padding-top: 130px; }

  .pt-lg-140 {
    padding-top: 140px; }

  .pb-lg-0 {
    padding-bottom: 0 !important; }

  .pb-lg-10 {
    padding-bottom: 10px; }

  .pb-lg-20 {
    padding-bottom: 20px; }

  .pb-lg-30 {
    padding-bottom: 30px; }

  .pb-lg-40 {
    padding-bottom: 40px; }

  .pb-lg-50 {
    padding-bottom: 50px; }

  .pb-lg-60 {
    padding-bottom: 60px; }

  .pb-lg-70 {
    padding-bottom: 70px; }

  .pb-lg-80 {
    padding-bottom: 80px; }

  .pb-lg-90 {
    padding-bottom: 90px; }

  .pb-lg-100 {
    padding-bottom: 100px; }

  .pb-lg-110 {
    padding-bottom: 110px; }

  .pb-lg-120 {
    padding-bottom: 120px; }

  .pb-lg-130 {
    padding-bottom: 130px; }

  .pb-lg-140 {
    padding-bottom: 140px; } }
@media only screen and (max-width: 1024px) {
  .mt-md-0 {
    margin-top: 0 !important; }

  .mt-md-10 {
    margin-top: 10px; }

  .mt-md-20 {
    margin-top: 20px; }

  .mt-md-30 {
    margin-top: 30px; }

  .mt-md-40 {
    margin-top: 40px; }

  .mt-md-50 {
    margin-top: 50px; }

  .mt-md-60 {
    margin-top: 60px; }

  .mt-md-70 {
    margin-top: 70px; }

  .mt-md-80 {
    margin-top: 80px; }

  .mt-md-90 {
    margin-top: 90px; }

  .mt-md-100 {
    margin-top: 100px; }

  .mt-md-110 {
    margin-top: 110px; }

  .mt-md-120 {
    margin-top: 120px; }

  .mt-md-130 {
    margin-top: 130px; }

  .mt-md-140 {
    margin-top: 140px; }

  .mb-md-0 {
    margin-bottom: 0 !important; }

  .mb-md-10 {
    margin-bottom: 10px; }

  .mb-md-20 {
    margin-bottom: 20px; }

  .mb-md-30 {
    margin-bottom: 30px; }

  .mb-md-40 {
    margin-bottom: 40px; }

  .mb-md-50 {
    margin-bottom: 50px; }

  .mb-md-60 {
    margin-bottom: 60px; }

  .mb-md-70 {
    margin-bottom: 70px; }

  .mb-md-80 {
    margin-bottom: 80px; }

  .mb-md-90 {
    margin-bottom: 90px; }

  .mb-md-100 {
    margin-bottom: 100px; }

  .mb-md-110 {
    margin-bottom: 110px; }

  .mb-md-120 {
    margin-bottom: 120px; }

  .mb-md-130 {
    margin-bottom: 130px; }

  .mb-md-140 {
    margin-bottom: 140px; }

  .pt-md-0 {
    padding-top: 0 !important; }

  .pt-md-10 {
    padding-top: 10px; }

  .pt-md-20 {
    padding-top: 20px; }

  .pt-md-30 {
    padding-top: 30px; }

  .pt-md-40 {
    padding-top: 40px; }

  .pt-md-50 {
    padding-top: 50px; }

  .pt-md-60 {
    padding-top: 60px; }

  .pt-md-70 {
    padding-top: 70px; }

  .pt-md-80 {
    padding-top: 80px; }

  .pt-md-90 {
    padding-top: 90px; }

  .pt-md-100 {
    padding-top: 100px; }

  .pt-md-110 {
    padding-top: 110px; }

  .pt-md-120 {
    padding-top: 120px; }

  .pt-md-130 {
    padding-top: 130px; }

  .pt-md-140 {
    padding-top: 140px; }

  .pb-md-0 {
    padding-bottom: 0 !important; }

  .pb-md-10 {
    padding-bottom: 10px; }

  .pb-md-20 {
    padding-bottom: 20px; }

  .pb-md-30 {
    padding-bottom: 30px; }

  .pb-md-40 {
    padding-bottom: 40px; }

  .pb-md-50 {
    padding-bottom: 50px; }

  .pb-md-60 {
    padding-bottom: 60px; }

  .pb-md-70 {
    padding-bottom: 70px; }

  .pb-md-80 {
    padding-bottom: 80px; }

  .pb-md-90 {
    padding-bottom: 90px; }

  .pb-md-100 {
    padding-bottom: 100px; }

  .pb-md-110 {
    padding-bottom: 110px; }

  .pb-md-120 {
    padding-bottom: 120px; }

  .pb-md-130 {
    padding-bottom: 130px; }

  .pb-md-140 {
    padding-bottom: 140px; } }
@media only screen and (max-width: 768px) {
  .mt-sm-0 {
    margin-top: 0 !important; }

  .mt-sm-10 {
    margin-top: 10px; }

  .mt-sm-20 {
    margin-top: 20px; }

  .mt-sm-30 {
    margin-top: 30px; }

  .mt-sm-40 {
    margin-top: 40px; }

  .mt-sm-50 {
    margin-top: 50px; }

  .mt-sm-60 {
    margin-top: 60px; }

  .mt-sm-70 {
    margin-top: 70px; }

  .mt-sm-80 {
    margin-top: 80px; }

  .mt-sm-90 {
    margin-top: 90px; }

  .mt-sm-100 {
    margin-top: 100px; }

  .mt-sm-110 {
    margin-top: 110px; }

  .mt-sm-120 {
    margin-top: 120px; }

  .mt-sm-130 {
    margin-top: 130px; }

  .mt-sm-140 {
    margin-top: 140px; }

  .mb-sm-0 {
    margin-bottom: 0 !important; }

  .mb-sm-10 {
    margin-bottom: 10px; }

  .mb-sm-20 {
    margin-bottom: 20px; }

  .mb-sm-30 {
    margin-bottom: 30px; }

  .mb-sm-40 {
    margin-bottom: 40px; }

  .mb-sm-50 {
    margin-bottom: 50px; }

  .mb-sm-60 {
    margin-bottom: 60px; }

  .mb-sm-70 {
    margin-bottom: 70px; }

  .mb-sm-80 {
    margin-bottom: 80px; }

  .mb-sm-90 {
    margin-bottom: 90px; }

  .mb-sm-100 {
    margin-bottom: 100px; }

  .mb-sm-110 {
    margin-bottom: 110px; }

  .mb-sm-120 {
    margin-bottom: 120px; }

  .mb-sm-130 {
    margin-bottom: 130px; }

  .mb-sm-140 {
    margin-bottom: 140px; }

  .pt-sm-0 {
    padding-top: 0 !important; }

  .pt-sm-10 {
    padding-top: 10px; }

  .pt-sm-20 {
    padding-top: 20px; }

  .pt-sm-30 {
    padding-top: 30px; }

  .pt-sm-40 {
    padding-top: 40px; }

  .pt-sm-50 {
    padding-top: 50px; }

  .pt-sm-60 {
    padding-top: 60px; }

  .pt-sm-70 {
    padding-top: 70px; }

  .pt-sm-80 {
    padding-top: 80px; }

  .pt-sm-90 {
    padding-top: 90px; }

  .pt-sm-100 {
    padding-top: 100px; }

  .pt-sm-110 {
    padding-top: 110px; }

  .pt-sm-120 {
    padding-top: 120px; }

  .pt-sm-130 {
    padding-top: 130px; }

  .pt-sm-140 {
    padding-top: 140px; }

  .pb-sm-0 {
    padding-bottom: 0 !important; }

  .pb-sm-10 {
    padding-bottom: 10px; }

  .pb-sm-20 {
    padding-bottom: 20px; }

  .pb-sm-30 {
    padding-bottom: 30px; }

  .pb-sm-40 {
    padding-bottom: 40px; }

  .pb-sm-50 {
    padding-bottom: 50px; }

  .pb-sm-60 {
    padding-bottom: 60px; }

  .pb-sm-70 {
    padding-bottom: 70px; }

  .pb-sm-80 {
    padding-bottom: 80px; }

  .pb-sm-90 {
    padding-bottom: 90px; }

  .pb-sm-100 {
    padding-bottom: 100px; }

  .pb-sm-110 {
    padding-bottom: 110px; }

  .pb-sm-120 {
    padding-bottom: 120px; }

  .pb-sm-130 {
    padding-bottom: 130px; }

  .pb-sm-140 {
    padding-bottom: 140px; } }
@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important; }

  .mt-xs-10 {
    margin-top: 10px; }

  .mt-xs-20 {
    margin-top: 20px; }

  .mt-xs-30 {
    margin-top: 30px; }

  .mt-xs-40 {
    margin-top: 40px; }

  .mt-xs-50 {
    margin-top: 50px; }

  .mt-xs-60 {
    margin-top: 60px; }

  .mt-xs-70 {
    margin-top: 70px; }

  .mt-xs-80 {
    margin-top: 80px; }

  .mt-xs-90 {
    margin-top: 90px; }

  .mt-xs-100 {
    margin-top: 100px; }

  .mt-xs-110 {
    margin-top: 110px; }

  .mt-xs-120 {
    margin-top: 120px; }

  .mt-xs-130 {
    margin-top: 130px; }

  .mt-xs-140 {
    margin-top: 140px; }

  .mb-xs-0 {
    margin-bottom: 0 !important; }

  .mb-xs-10 {
    margin-bottom: 10px; }

  .mb-xs-20 {
    margin-bottom: 20px; }

  .mb-xs-30 {
    margin-bottom: 30px; }

  .mb-xs-40 {
    margin-bottom: 40px; }

  .mb-xs-50 {
    margin-bottom: 50px; }

  .mb-xs-60 {
    margin-bottom: 60px; }

  .mb-xs-70 {
    margin-bottom: 70px; }

  .mb-xs-80 {
    margin-bottom: 80px; }

  .mb-xs-90 {
    margin-bottom: 90px; }

  .mb-xs-100 {
    margin-bottom: 100px; }

  .mb-xs-110 {
    margin-bottom: 110px; }

  .mb-xs-120 {
    margin-bottom: 120px; }

  .mb-xs-130 {
    margin-bottom: 130px; }

  .mb-xs-140 {
    margin-bottom: 140px; }

  .pt-xs-0 {
    padding-top: 0 !important; }

  .pt-xs-10 {
    padding-top: 10px; }

  .pt-xs-20 {
    padding-top: 20px; }

  .pt-xs-30 {
    padding-top: 30px; }

  .pt-xs-40 {
    padding-top: 40px; }

  .pt-xs-50 {
    padding-top: 50px; }

  .pt-xs-60 {
    padding-top: 60px; }

  .pt-xs-70 {
    padding-top: 70px; }

  .pt-xs-80 {
    padding-top: 80px; }

  .pt-xs-90 {
    padding-top: 90px; }

  .pt-xs-100 {
    padding-top: 100px; }

  .pt-xs-110 {
    padding-top: 110px; }

  .pt-xs-120 {
    padding-top: 120px; }

  .pt-xs-130 {
    padding-top: 130px; }

  .pt-xs-140 {
    padding-top: 140px; }

  .pb-xs-0 {
    padding-bottom: 0 !important; }

  .pb-xs-10 {
    padding-bottom: 10px; }

  .pb-xs-20 {
    padding-bottom: 20px; }

  .pb-xs-30 {
    padding-bottom: 30px; }

  .pb-xs-40 {
    padding-bottom: 40px; }

  .pb-xs-50 {
    padding-bottom: 50px; }

  .pb-xs-60 {
    padding-bottom: 60px; }

  .pb-xs-70 {
    padding-bottom: 70px; }

  .pb-xs-80 {
    padding-bottom: 80px; }

  .pb-xs-90 {
    padding-bottom: 90px; }

  .pb-xs-100 {
    padding-bottom: 100px; }

  .pb-xs-110 {
    padding-bottom: 110px; }

  .pb-xs-120 {
    padding-bottom: 120px; }

  .pb-xs-130 {
    padding-bottom: 130px; }

  .pb-xs-140 {
    padding-bottom: 140px; } }
@media only screen and (max-width: 480px) {
  .mt-xxs-0 {
    margin-top: 0 !important; }

  .mt-xxs-10 {
    margin-top: 10px; }

  .mt-xxs-20 {
    margin-top: 20px; }

  .mt-xxs-30 {
    margin-top: 30px; }

  .mt-xxs-40 {
    margin-top: 40px; }

  .mt-xxs-50 {
    margin-top: 50px; }

  .mt-xxs-60 {
    margin-top: 60px; }

  .mt-xxs-70 {
    margin-top: 70px; }

  .mt-xxs-80 {
    margin-top: 80px; }

  .mt-xxs-90 {
    margin-top: 90px; }

  .mt-xxs-100 {
    margin-top: 100px; }

  .mt-xxs-110 {
    margin-top: 110px; }

  .mt-xxs-120 {
    margin-top: 120px; }

  .mt-xxs-130 {
    margin-top: 130px; }

  .mt-xxs-140 {
    margin-top: 140px; }

  .mb-xxs-0 {
    margin-bottom: 0 !important; }

  .mb-xxs-10 {
    margin-bottom: 10px; }

  .mb-xxs-20 {
    margin-bottom: 20px; }

  .mb-xxs-30 {
    margin-bottom: 30px; }

  .mb-xxs-40 {
    margin-bottom: 40px; }

  .mb-xxs-50 {
    margin-bottom: 50px; }

  .mb-xxs-60 {
    margin-bottom: 60px; }

  .mb-xxs-70 {
    margin-bottom: 70px; }

  .mb-xxs-80 {
    margin-bottom: 80px; }

  .mb-xxs-90 {
    margin-bottom: 90px; }

  .mb-xxs-100 {
    margin-bottom: 100px; }

  .mb-xxs-110 {
    margin-bottom: 110px; }

  .mb-xxs-120 {
    margin-bottom: 120px; }

  .mb-xxs-130 {
    margin-bottom: 130px; }

  .mb-xxs-140 {
    margin-bottom: 140px; }

  .pt-xxs-0 {
    padding-top: 0 !important; }

  .pt-xxs-10 {
    padding-top: 10px; }

  .pt-xxs-20 {
    padding-top: 20px; }

  .pt-xxs-30 {
    padding-top: 30px; }

  .pt-xxs-40 {
    padding-top: 40px; }

  .pt-xxs-50 {
    padding-top: 50px; }

  .pt-xxs-60 {
    padding-top: 60px; }

  .pt-xxs-70 {
    padding-top: 70px; }

  .pt-xxs-80 {
    padding-top: 80px; }

  .pt-xxs-90 {
    padding-top: 90px; }

  .pt-xxs-100 {
    padding-top: 100px; }

  .pt-xxs-110 {
    padding-top: 110px; }

  .pt-xxs-120 {
    padding-top: 120px; }

  .pt-xxs-130 {
    padding-top: 130px; }

  .pt-xxs-140 {
    padding-top: 140px; }

  .pb-xxs-0 {
    padding-bottom: 0 !important; }

  .pb-xxs-10 {
    padding-bottom: 10px; }

  .pb-xxs-20 {
    padding-bottom: 20px; }

  .pb-xxs-30 {
    padding-bottom: 30px; }

  .pb-xxs-40 {
    padding-bottom: 40px; }

  .pb-xxs-50 {
    padding-bottom: 50px; }

  .pb-xxs-60 {
    padding-bottom: 60px; }

  .pb-xxs-70 {
    padding-bottom: 70px; }

  .pb-xxs-80 {
    padding-bottom: 80px; }

  .pb-xxs-90 {
    padding-bottom: 90px; }

  .pb-xxs-100 {
    padding-bottom: 100px; }

  .pb-xxs-110 {
    padding-bottom: 110px; }

  .pb-xxs-120 {
    padding-bottom: 120px; }

  .pb-xxs-130 {
    padding-bottom: 130px; }

  .pb-xxs-140 {
    padding-bottom: 140px; } }
/* File: Rhythm Styles:Removed */
/*------------------------------------------------------------------
[Master Stylesheet]

Project: Rhythm
Version: 3.7.11
Last change: 26 November 2023
Primary use: Multipurpose Template  
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Fonts
    1.1. Font Awesome
    1.2. Font HK Grotesk
2. Common styles
3. Page loader
4. Typography
5. Buttons
6. Forms fields
7. Home sections
    7.1. Header common styles
    7.2. Scroll down icon
    7.3. HTML5 BG VIdeo
    7.4. Section edge svg
    7.5. Fullwidth gallery
    7.6. Split background
    7.7. Float Images
    7.8. Typed text
    7.9. Headings styles
8. Custom appear animation
    8.1. Extra styles for animate.css
9. Classic menu bar
    9.1. Logo (in navigation panel)
    9.2. Desktop nav
    9.3. Mobile nav
    9.4. Dark panel style
10. Sections styles
    10.1. Common
11. Services
12. Alternative services
13. Team
14. Features
15. Alt features
16. Counters
17. Portfolio
    17.1. Works filter
    17.2. Works grid
    17.3. Works full view
18. Banner section
19. Call action 1 section
20. Call action 2 section
21. Call action 3 section
22. Work process
23. Testimonial
    23.1. Logotypes
24. Post previews (news section)
25. Newsletter
26. Contact section
    26.1. Contact form
27. Footer
28. Blog
    28.1. Pagination
    28.2. Comments
    28.3. Sidebar
29. Shop
30. Pricing
31. Shortcodes
    31.1. Lightbox Modal
    31.2. Owl Carousel
    31.3. Tabs
    31.4. Tabs minimal
    31.5. Tabs Alternative
    31.6. Alert messages
    31.7. Accordion
    31.8. Toggle
    31.9. Progress bars
    31.10. Font Awesome icons examples
    31.11. Iconmonstr icons examples
32. Intro page
33. Skip to Content Link
34. Morphext


/* ==============================
   Fonts
   ============================== */
/*
 * Font Awesome
 */
/*
 * Font HK Grotesk
 */
@font-face {
  font-family: 'HK_Grotesk';
  src: url("../webfonts/hkgrotesk-regular-webfont.woff2") format("woff2"), url("../webfonts/hkgrotesk-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'HK_Grotesk_alt';
  src: url("../webfonts/hkgrotesk-regular-webfont-alt.woff2") format("woff2"), url("../webfonts/hkgrotesk-regular-webfont-alt.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'HK_Grotesk';
  src: url("../webfonts/hkgrotesk-italic-webfont.woff2") format("woff2"), url("../webfonts/hkgrotesk-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'HK_Grotesk';
  src: url("../webfonts/hkgrotesk-semibold-webfont.woff2") format("woff2"), url("../webfonts/hkgrotesk-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
/* ==============================
   Common styles
   ============================== */
:root {
  scroll-behavior: auto;
  --font-global: HK_Grotesk, arial, sans-serif;
  --font-global-alt: HK_Grotesk_alt, arial, sans-serif; }

html {
  overflow-y: scroll;
  -ms-overflow-style: scrollbar; }

html, body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

iframe {
  border: none; }

a, b, div, ul, li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none; }

a:focus:not(.focus-visible),
a:active,
section:focus,
div:active,
div:focus {
  -moz-outline: none;
  outline: none; }

a:focus.focus-visible,
button:focus.focus-visible,
div:focus.focus-visible {
  -moz-outline: 2px dotted #36a367 !important;
  outline: 2px dotted #36a367 !important;
  outline-offset: 0 !important; }

img:not([draggable]), embed, object, video {
  max-width: 100%;
  height: auto; }

.min-height-80vh {
  min-height: 80vh; }

.min-height-90vh {
  min-height: 90vh; }

.min-height-100vh {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100); }

.align-center {
  text-align: center !important; }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.bg-position-top {
  background-position-y: top !important; }

.bg-position-bottom {
  background-position-y: bottom !important; }

.relative {
  position: relative; }

.hidden {
  display: none; }

.inline-block {
  display: inline-block; }

.overflow-hidden {
  overflow: hidden; }

.white {
  color: #fff !important; }

.gray {
  color: #757575 !important; }

.light-content .gray {
  color: #bbb !important; }

.black {
  color: #111 !important; }

.color {
  color: #f1273c !important; }

.image-fullwidth img {
  width: 100%;
  height: auto; }

.opacity-01 {
  opacity: .1; }

.opacity-015 {
  opacity: .15; }

.opacity-02 {
  opacity: .2; }

.opacity-025 {
  opacity: .25; }

.opacity-03 {
  opacity: .3; }

.opacity-035 {
  opacity: .35; }

.opacity-04 {
  opacity: .4; }

.opacity-045 {
  opacity: .45; }

.opacity-05 {
  opacity: .5; }

.opacity-055 {
  opacity: .55; }

.opacity-06 {
  opacity: .6; }

.opacity-065 {
  opacity: .65; }

.opacity-07 {
  opacity: .7; }

.opacity-075 {
  opacity: .75; }

.opacity-08 {
  opacity: .8; }

.opacity-085 {
  opacity: .85; }

.opacity-09 {
  opacity: .9; }

.opacity-095 {
  opacity: .95; }

.opacity-1 {
  opacity: 1; }

.stick-fixed {
  position: fixed !important;
  top: 0;
  left: 0; }

.round {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important; }

::-moz-selection {
  color: #fff;
  background: #000; }

::-webkit-selection {
  color: #fff;
  background: #000; }

::selection {
  color: #fff;
  background: #000; }

.animate, .animate * {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.no-animate {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important; }

.clearlist, .clearlist li {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none; }

.full-wrapper {
  margin: 0 2%; }

.container {
  max-width: 1318px;
  padding: 0 30px; }

/* ==============================
   Page loader
   ============================== */
.page-loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 100000; }

.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.55);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  -moz-animation: spinner 700ms infinite linear;
  -ms-animation: spinner 700ms infinite linear;
  -o-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  will-change: transform;
  z-index: 100001; }

.page-loader.dark {
  background: #111; }

.page-loader.dark .loader {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  -moz-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  z-index: 100001; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* ==============================
   Typography
   ============================== */
body {
  color: #111;
  font-family: var(--font-global);
  font-size: 18px;
  font-weight: 400;
  /*500*/
  letter-spacing: -0.00208em;
  line-height: 1.61; }

a {
  color: #111;
  text-decoration: underline;
  -webkit-transition: color 0.1s cubic-bezier(0, 0, 0.58, 1);
  transition: color 0.1s cubic-bezier(0, 0, 0.58, 1); }

a:hover {
  color: #555;
  text-decoration: underline; }

b, strong {
  font-weight: 600; }

mark {
  position: relative;
  padding: 0;
  color: inherit;
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(17, 17, 17, 0.1) 0, rgba(17, 17, 17, 0.1) 100%);
  background-repeat: no-repeat;
  background-size: 100% .3em;
  background-position: 0 110%; }

.light-content mark {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); }

.small,
small {
  font-weight: 400;
  /*500*/ }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1em;
  font-weight: 600;
  line-height: 1.2; }

h1, .h1 {
  margin-bottom: 0.5em;
  font-size: 3.25rem;
  letter-spacing: -0.04em; }

h2, .h2 {
  margin-bottom: 0.5em;
  font-size: 2.875rem;
  letter-spacing: -0.04em; }

h3, .h3 {
  margin-bottom: 0.7em;
  font-size: 2.17rem;
  letter-spacing: -0.04em; }

h4, .h4 {
  font-size: 1.5rem;
  letter-spacing: -0.04em; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem;
  font-weight: 700; }

p {
  margin: 0 0 1.5em 0; }

ul, ol {
  margin: 0 0 1.5em 0; }

blockquote {
  margin: 0 0 3em 0;
  padding: 0;
  border: none;
  background: none;
  font-style: normal;
  letter-spacing: -0.02em;
  line-height: 1.6; }

blockquote p {
  position: relative;
  margin-bottom: 1em;
  font-size: 26px;
  font-style: normal;
  letter-spacing: -0.02em;
  line-height: 1.6; }

blockquote footer {
  margin-top: -10px;
  font-size: 15px;
  font-weight: 400;
  /*500*/ }

dl dt {
  font-weight: 600; }

pre {
  background-color: #f9f9f9;
  border-color: #ddd; }

hr {
  background-color: #000;
  opacity: .1; }

hr.white {
  background-color: #fff; }

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.0454545em; }

.serif {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: normal; }

.normal {
  font-weight: normal; }

.strong {
  font-weight: 700 !important; }

.lead {
  margin: 1em 0 2em 0;
  font-size: 140%;
  font-weight: 400;
  /*500*/
  letter-spacing: -0.02em;
  line-height: 1.6; }

.lead-alt {
  font-size: 46px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.04em; }

.text {
  font-size: 16px;
  color: #5f5f5f;
  line-height: 1.8; }

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  color: #111; }

.light-content .text {
  font-weight: 400;
  color: #fff; }

.light-content .text h1,
.light-content .text h2,
.light-content .text h3,
.light-content .text h4,
.light-content .text h5,
.light-content .text h6 {
  color: #fff; }

.dropcap {
  float: left;
  font-size: 3em;
  line-height: 1;
  padding: 2px 8px 2px 0; }

.table-bordered th,
.table-bordered td {
  border-color: #e0e0e0; }

.light-content table {
  color: #fff;
  border-color: #333; }

.light-content .table-bordered th,
.light-content .table-bordered td {
  border-color: #333; }

.light-content .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff; }

.highlight pre {
  border: 1px solid #eaeaea;
  background: #fcfcfc;
  color: #555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.light-content .highlight pre {
  border-color: transparent;
  background-color: #282828;
  color: #bbb; }

.big-icon {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 20px;
  border: 3px solid #111;
  text-align: center;
  line-height: 81px;
  font-size: 32px;
  color: #111;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.big-icon .fa-play {
  position: relative;
  left: 4px; }

.big-icon-link {
  display: inline-block;
  text-decoration: none;
  -webkit-transform: scale(1.0001);
  transform: scale(1.0001); }

.big-icon-link:hover .big-icon {
  -webkit-transition: 0 none !important;
  transition: 0 none !important; }

.big-icon-link:hover .big-icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

.big-icon-link:active .big-icon {
  -webkit-transform: scale(0.99);
  transform: scale(0.99); }

.big-icon-link:hover {
  text-decoration: none; }

.light-content .big-icon {
  color: #fff;
  border-color: #fff; }

/* ==============================
   Buttons
   ============================== */
.btn-mod,
a.btn-mod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 13px 4px;
  color: #fff;
  background: rgba(17, 17, 17, 0.9);
  border: 2px solid transparent;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .065em;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
  background: #000;
  color: #fff;
  text-decoration: none;
  outline: none;
  border-color: transparent;
  box-shadow: none; }

.btn-mod:active {
  cursor: pointer !important;
  outline: none !important; }

.btn-hover-up:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px); }

.btn-mod.btn-small {
  height: auto;
  padding: 7px 17px 8px;
  font-size: 12px;
  letter-spacing: 1px; }

.btn-mod.btn-medium {
  height: auto;
  padding: 11px 37px 12px;
  font-size: 14px; }

.btn-mod.btn-large {
  height: auto;
  padding: 14px 38px 15px;
  font-size: 15px; }

.btn-mod.btn-glass {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(0, 0, 0, 0.4); }

.btn-mod.btn-glass:hover,
.btn-mod.btn-glass:focus {
  color: white;
  background: black; }

.btn-mod.btn-border {
  color: #151515;
  border: 2px solid #151515;
  background: transparent; }

.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus {
  color: #fff;
  border-color: transparent;
  background: #000; }

.btn-mod.btn-border-c {
  color: #f1273c;
  border: 2px solid #f1273c;
  background: transparent; }

.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus {
  color: #fff;
  border-color: transparent;
  background: #f1273c; }

.btn-mod.btn-border-w {
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background: transparent; }

.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus {
  color: #111;
  border-color: transparent;
  background: #fff;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2); }

.btn-mod.btn-w {
  color: #111;
  background: rgba(255, 255, 255, 0.9); }

.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus {
  color: #111;
  background: white;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2); }

.btn-mod.btn-w-color {
  color: #f1273c;
  background: #fff; }

.btn-mod.btn-w-color:hover,
.btn-mod.btn-w-color:focus {
  color: #151515;
  background: #fff; }

.btn-mod.btn-gray {
  color: #707070;
  background: #e5e5e5; }

.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus {
  color: #333;
  background: #d5d5d5; }

.btn-mod.btn-color {
  color: #fff;
  background: #f1273c; }

.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus {
  color: #fff;
  background: #f1273c;
  opacity: .85; }

.btn-mod.btn-circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.btn-mod.btn-round, input.btn-mod.detailbuybutton,
input.btn-mod.updateestimator,
input.btn-mod.checkoutbutton {
  border-radius: 3px; }

.btn-icon {
  position: relative;
  border: none;
  overflow: hidden; }

.btn-icon.btn-small {
  overflow: hidden; }

.btn-icon > span {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  left: 0;
  color: #777;
  font-size: 48px;
  opacity: .2;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.btn-icon:hover > span {
  opacity: 0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  transform: scale(2); }

.btn-icon > span.white {
  color: #fff; }

.btn-icon > span.black {
  color: #000; }

.btn-full {
  width: 100%; }

/* ==============================
   Forms fields
   ============================== */
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select {
  display: inline-block;
  height: 27px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  border: 1px solid rgba(0, 0, 0, 0.24);
  padding-top: 0;
  padding-bottom: 3px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 0;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -webkit-appearance: none; }

.form select:not([multiple]) {
  padding-right: 24px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 9px 5px; }

.form select[multiple] {
  height: auto; }

.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover {
  border-color: rgba(0, 0, 0, 0.38); }

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus {
  color: #111;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  outline: none; }

.light-content input[type="text"],
.light-content input[type="email"],
.light-content input[type="number"],
.light-content input[type="url"],
.light-content input[type="search"],
.light-content input[type="tel"],
.light-content input[type="password"],
.light-content input[type="date"],
.light-content input[type="color"],
.light-content select,
.light-content input[type="text"]:hover,
.light-content input[type="email"]:hover,
.light-content input[type="number"]:hover,
.light-content input[type="url"]:hover,
.light-content input[type="search"]:hover,
.light-content input[type="tel"]:hover,
.light-content input[type="password"]:hover,
.light-content input[type="date"]:hover,
.light-content input[type="color"]:hover,
.light-content select:hover,
.light-content input[type="text"]:focus,
.light-content input[type="email"]:focus,
.light-content input[type="number"]:focus,
.light-content input[type="url"]:focus,
.light-content input[type="search"]:focus,
.light-content input[type="tel"]:focus,
.light-content input[type="password"]:focus,
.light-content input[type="date"]:focus,
.light-content input[type="color"]:focus,
.light-content select:focus {
  border-color: #fff; }

.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="number"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form input[type="date"].input-lg,
.form input[type="color"].input-lg,
.form select.input-lg {
  height: 55px;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 18px; }

.form input[type="text"].input-md, .form input[type="text"].ordcheckoutextra1,
.form input[type="text"].cdformcountry,
.form input[type="text"].cdformstate,
.form input[type="email"].input-md,
.form input[type="email"].ordcheckoutextra1,
.form input[type="email"].cdformcountry,
.form input[type="email"].cdformstate,
.form input[type="number"].input-md,
.form input[type="number"].ordcheckoutextra1,
.form input[type="number"].cdformcountry,
.form input[type="number"].cdformstate,
.form input[type="url"].input-md,
.form input[type="url"].ordcheckoutextra1,
.form input[type="url"].cdformcountry,
.form input[type="url"].cdformstate,
.form input[type="search"].input-md,
.form input[type="search"].ordcheckoutextra1,
.form input[type="search"].cdformcountry,
.form input[type="search"].cdformstate,
.form input[type="tel"].input-md,
.form input[type="tel"].ordcheckoutextra1,
.form input[type="tel"].cdformcountry,
.form input[type="tel"].cdformstate,
.form input[type="password"].input-md,
.form input[type="password"].ordcheckoutextra1,
.form input[type="password"].cdformcountry,
.form input[type="password"].cdformstate,
.form input[type="date"].input-md,
.form input[type="date"].ordcheckoutextra1,
.form input[type="date"].cdformcountry,
.form input[type="date"].cdformstate,
.form input[type="color"].input-md,
.form input[type="color"].ordcheckoutextra1,
.form input[type="color"].cdformcountry,
.form input[type="color"].cdformstate,
.form select.input-md,
.form select.ordcheckoutextra1,
.form select.cdformcountry,
.form select.cdformstate {
  height: 48px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 16px; }

.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm {
  height: 37px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px; }

.form textarea {
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  border-color: rgba(0, 0, 0, 0.24);
  padding: 0 7px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none; }

.form textarea:hover {
  border-color: rgba(0, 0, 0, 0.38); }

.form textarea:focus {
  color: #111;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.light-content textarea,
.light-content textarea:hover,
.light-content textarea:focus {
  border-color: #fff; }

.form textarea.input-lg {
  padding: 12px 15px;
  font-size: 18px; }

.form textarea.input-md, .form textarea.ordcheckoutextra1,
.form textarea.cdformcountry,
.form textarea.cdformstate {
  padding: 8px 13px;
  font-size: 16px; }

.form textarea.input-sm {
  padding: 5px 10px;
  font-size: 15px; }

.form label {
  display: inline-block;
  margin-bottom: .5rem;
  font-size: 20px;
  font-weight: 600; }

.form .form-group {
  margin-bottom: 10px; }

.form input.error {
  border-color: #f1273c; }

.form div.error {
  margin-top: 20px;
  padding: 13px 20px;
  text-align: center;
  background: rgba(228, 25, 25, 0.75);
  color: #fff;
  border-radius: 3px; }

.form div.error a,
.form div.error a:hover {
  color: #fff; }

.form div.success {
  margin-top: 20px;
  padding: 13px 20px;
  text-align: center;
  background: rgba(50, 178, 95, 0.75);
  color: #fff;
  border-radius: 3px; }

.form-tip {
  font-size: 14px;
  color: #757575; }

.form-tip .fa {
  font-size: 12px; }

.light-content .form-tip {
  color: #bbb; }

/* ==============================
   Home sections
   ============================== */
/*
 * Header common styles
 */
.home-section {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Home content */
.home-content {
  width: 100%;
  position: relative;
  text-align: center; }

/*
 * Scroll down icon
 */
@-webkit-keyframes scroll-down-anim {
  0% {
    -webkit-transform: translateY(-3px); }
  50% {
    -webkit-transform: translateY(3px); }
  100% {
    -webkit-transform: translateY(-3px); } }
@keyframes scroll-down-anim {
  0% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(3px); }
  100% {
    transform: translateY(-3px); } }
.scroll-down-wrap {
  position: absolute;
  bottom: 13px;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px; }

.scroll-down {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  opacity: .9;
  -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation: scroll-down-anim 1.15s infinite;
  animation: scroll-down-anim 1.15s infinite; }

.scroll-down:before {
  display: block;
  content: "";
  width: 33px;
  height: 33px;
  margin: -17px 0 0 -17px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1; }

.scroll-down:hover:before {
  opacity: .8;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.26); }

.scroll-down-icon {
  display: block;
  width: 13px;
  height: 9px;
  margin-left: -7px;
  margin-top: -3px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="9px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M13.004,1.626 L6.780,9.003 L6.304,8.474 L6.133,8.664 L-0.004,1.955 L1.453,0.335 L6.550,5.905 L11.536,-0.005 L13.004,1.626 Z"/></svg>');
  background-repeat: no-repeat;
  z-index: 2; }

/*
 * HTML5 BG VIdeo
 */
.bg-video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; }

.bg-video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; }

.bg-video-wrapper > video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover; }

a.bg-video-button-muted {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  z-index: 1000; }

/*
 * Section edge svg
 */
.edge-top-figure {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.edge-top-figure svg {
  width: 100%; }

.edge-bottom-figure {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.edge-bottom-figure svg {
  width: 100%; }

/*
 * Fullwidth gallery
 */
.fullwidth-gallery-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.fullwidth-galley-content {
  position: relative;
  z-index: 25; }

/*
 * Split background
 */
.split-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 45.187%;
  height: 100%;
  background: #f5f5f5; }

.light-content .split-background {
  background: #232323; }

/*
 * Float Images
 */
.float-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.float-images-1 {
  position: absolute;
  top: 8.1875vw;
  left: 15.0625vw;
  width: 14.3125vw; }

.float-images-2 {
  position: absolute;
  bottom: 0;
  left: 3.125vw;
  width: 14.3125vw; }

.float-images-3 {
  position: absolute;
  bottom: 40.33333vh;
  right: 14vw;
  width: 10.6875vw; }

.float-images-4 {
  position: absolute;
  bottom: 18vh;
  right: 3.125vw;
  width: 14.3125vw; }

/*
 * Typed text
 */
.typewrite .wrap:after {
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* 
 * Headings styles
 */
.hs-wrap {
  max-width: 570px;
  margin: 0 auto;
  padding: 47px 30px 53px;
  position: relative;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5); }

.hs-line-1 {
  margin-top: 0;
  font-size: 94px;
  font-weight: 600;
  letter-spacing: -0.009375em; }

.hs-line-2 {
  margin-top: 0;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.3; }

.hs-line-3 {
  margin-top: 0;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.0454545em; }

.hs-line-4 {
  margin-top: 0;
  font-size: 26px;
  line-height: 1.4;
  font-weight: 400; }

.hs-line-5 {
  margin-top: 0;
  font-size: 74px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2; }

.hs-line-6 {
  margin-top: 0;
  font-family: var(--font-global-alt);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2; }

.hs-line-7 {
  margin-top: 0;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em; }

.hs-line-8 {
  margin-top: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.3; }

.hs-line-9 {
  margin-top: 0;
  font-size: 92px;
  letter-spacing: -0.03em;
  line-height: 1.3; }

.hs-line-10 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 600; }

.hs-line-11 {
  margin-top: 0;
  font-size: 30px;
  font-weight: 400; }

.hs-line-12 {
  margin-top: 0;
  font-size: 87px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em; }

.hs-line-13 {
  margin-top: 0;
  font-size: 96px;
  font-weight: 400; }

.hs-line-14 {
  margin-top: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.4; }

.hs-line-15 {
  margin-top: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3; }

/* ==============================
   Custom appear animation
   ============================== */
.appear-animate .wordsAnimIn .word {
  opacity: 0;
  -webkit-transform: translateY(1em) scale(0.75) skew(-5deg) rotate(7deg);
  transform: translateY(1em) scale(0.75) skew(-5deg) rotate(7deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  transition-delay: calc( 0.05s * var(--word-index) ); }

html:not(.mobile) .appear-animate .wordsAnimIn .word {
  will-change: opacity, transform; }

@media print {
  .appear-animate .wordsAnimIn .word {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important; } }
.wordsAnimIn.animated .word,
.mobile .wordsAnimIn .word {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1) skew(0) rotate(0);
  transform: translateY(0) scale(1) skew(0) rotate(0); }

.appear-animate .wordsAnimLongIn .word {
  opacity: 0;
  -webkit-transform: translateY(0.5em);
  transform: translateY(0.5em);
  -webkit-transition: all 2.5s cubic-bezier(0, 0.55, 0.45, 1);
  transition: all 2.5s cubic-bezier(0, 0.55, 0.45, 1);
  -webkit-transition-delay: calc( 0.3s * var(--word-index) );
  transition-delay: calc( 0.3s * var(--word-index) ); }

html:not(.mobile) .appear-animate .wordsAnimLongIn .word {
  will-change: opacity, transform; }

@media print {
  .appear-animate .wordsAnimLongIn .word {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important; } }
.wordsAnimLongIn.animated .word,
.mobile .wordsAnimLongIn .word {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.appear-animate .linesAnimIn .word {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(60px) translateZ(0) scale(1) rotate(0.02deg);
  transform: translateY(60px) translateZ(0) scale(1) rotate(0.02deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 1s cubic-bezier(0, 0.55, 0.45, 1);
  transition: all 1s cubic-bezier(0, 0.55, 0.45, 1);
  -webkit-transition-delay: calc( 0.1s * var(--line-index) );
  transition-delay: calc( 0.1s * var(--line-index) ); }

html:not(.mobile) .appear-animate .linesAnimIn .word {
  will-change: opacity, transform; }

@media print {
  .appear-animate .linesAnimIn .word {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important; } }
.linesAnimIn.animated .word,
.mobile .linesAnimIn .word {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0) scale(1) rotate(0.02deg);
  transform: translateY(0) translateZ(0) scale(1) rotate(0.02deg); }

/*
 * Extra styles for animate.css
 */
.wow,
.wow-menubar,
.wow-p {
  opacity: 0.01; }

html:not(.mobile) .wow,
html:not(.mobile) .wow-menubar,
html:not(.mobile) .wow-p {
  will-change: opacity, transform; }

.appear-animate .wow.scaleOutIn {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.appear-animate .wow.animated,
.appear-animate .wow.scaleOutIn.animated,
.appear-animate .wow-p.amimated,
.appear-animate .wow-menubar.animated,
.mobile .appear-animate .wow,
.mobile .appear-animate .wow-menubar,
.mobile .appear-animate .wow-p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

@media print {
  .wow,
  .wow.scaleOutIn,
  .wow-menubar,
  .wow-p {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important; } }
.fadeInDownShort, .fadeInUpShort, .scalexIn, .fadeScaleIn,
.fadeScaleOutIn, .fadeScaleOutInShort,
.backInDown, .backInLeft, .backInRight, .backInUp,
.bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp,
.fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig,
.fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeInTopLeft,
.fadeInTopRight, .fadeInBottomLeft, .fadeInBottomRight, .flipInX, .flipInY,
.lightSpeedInRight, .lightSpeedInLeft, .rotateIn, .rotateInDownLeft,
.rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .jackInTheBox,
.rollIn, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -37px, 0);
    transform: translate3d(0, -37px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInDownShort {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort; }

@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 37px, 0);
    transform: translate3d(0, 37px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort; }

@keyframes scalexIn {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center; }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.scalexIn {
  -webkit-animation-name: scalexIn;
  animation-name: scalexIn; }

@keyframes fadeScaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.975) rotate(0.1deg);
    transform: scale(0.975) rotate(0.1deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1.001) rotate(0);
    transform: scale(1) rotate(0); } }
.fadeScaleIn {
  -webkit-animation-name: fadeScaleIn;
  animation-name: fadeScaleIn; }

@keyframes scaleOutIn {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.scaleOutIn {
  -webkit-animation-name: scaleOutIn;
  animation-name: scaleOutIn; }

@keyframes fadeScaleOutIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.fadeScaleOutIn {
  -webkit-animation-name: fadeScaleOutIn;
  animation-name: fadeScaleOutIn; }

@keyframes fadeScaleOutInShort {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.fadeScaleOutInShort {
  -webkit-animation-name: fadeScaleOutInShort;
  animation-name: fadeScaleOutInShort; }

/* ==============================
   Classic menu bar
   ============================== */
/*
 * Logo (in navigation panel)
 */
.nav-logo-wrap {
  float: left;
  margin-right: 20px; }

.nav-logo-wrap .logo {
  display: flex;
  align-items: center;
  max-width: 188px;
  height: 85px;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.nav-logo-wrap .logo img {
  width: auto;
  max-height: 100%; }

.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after {
  display: none; }

.logo,
a.logo:hover {
  font-size: 18px;
  font-weight: 600 !important;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.9); }

/*
 * Desktop nav
 */
.main-nav {
  width: 100%;
  height: 85px !important;
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  z-index: 1030;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.main-nav.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.small-height {
  height: 65px !important; }

.small-height .inner-nav ul li a,
.mobile-cart.small-height {
  height: 65px !important;
  line-height: 62px !important; }

.inner-nav {
  display: inline-block;
  position: relative;
  float: right; }

.inner-nav ul {
  float: right;
  margin: auto;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.3; }

.inner-nav ul li {
  float: left;
  margin-left: 35px;
  position: relative; }

.inner-nav ul li a {
  color: #555;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.inner-nav ul li a:hover,
.inner-nav ul li a.active {
  color: #111;
  opacity: 1;
  text-decoration: none; }

.inner-nav ul li a .fa-sm {
  width: 20px;
  font-size: 14px;
  text-align: center; }

.inner-nav ul li a .btn {
  margin-top: -0.587em; }

.body-scrolled .inner-nav ul li a,
.js-no-transparent-white .inner-nav ul li a {
  color: #555;
  opacity: 1; }

.body-scrolled .inner-nav ul li a:hover,
.body-scrolled .inner-nav ul li a.active,
.js-no-transparent-white .inner-nav ul li a:hover,
.js-no-transparent-white .inner-nav ul li a.active {
  color: #000; }

.main-nav-icon-search {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 0.05em;
  opacity: .9;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>');
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.main-nav:not(.dark, .mobile-on) .inner-nav ul li a:hover .main-nav-icon-search,
.main-nav:not(.dark, .mobile-on) .inner-nav ul li a.active .main-nav-icon-search {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>'); }

.main-nav-icon-cart {
  display: inline-block;
  width: 16px;
  height: 14px;
  position: relative;
  top: 0.05em;
  opacity: .9;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>');
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.main-nav:not(.dark) .inner-nav ul li a:hover .main-nav-icon-cart,
.main-nav:not(.dark) .inner-nav ul li a.active .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>'); }

.body-scrolled .main-nav-icon-search,
.js-no-transparent-white .main-nav-icon-search {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>'); }

.body-scrolled:not(.dark) .inner-nav ul li a:hover .main-nav-icon-search,
.body-scrolled:not(.dark) .inner-nav ul li a.active .main-nav-icon-search,
.js-no-transparent-white .inner-nav ul li a:hover .main-nav-icon-search,
.js-no-transparent-white .inner-nav ul li a.active .main-nav-icon-search {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>'); }

.body-scrolled .main-nav-icon-cart,
.js-no-transparent-white .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>'); }

.body-scrolled:not(.dark) .inner-nav ul li a:hover .main-nav-icon-cart,
.body-scrolled:not(.dark) .inner-nav ul li a.active .main-nav-icon-cart,
.js-no-transparent-white .inner-nav ul li a:hover .main-nav-icon-cart,
.js-no-transparent-white .inner-nav ul li a.active .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>'); }

/* Menu sub */
.mn-has-sub-icon {
  display: inline-block;
  width: 9px;
  height: 5px;
  position: relative;
  top: -0.1em;
  opacity: .9;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.main-nav:not(.dark, .mobile-on) .inner-nav ul li a:hover .mn-has-sub-icon,
.main-nav:not(.dark, .mobile-on) .inner-nav ul li a.active .mn-has-sub-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); }

.body-scrolled .mn-has-sub-icon,
.js-no-transparent-white .mn-has-sub-icon {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(85, 85, 85)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); }

.body-scrolled .inner-nav ul li a:hover .mn-has-sub-icon,
.body-scrolled .inner-nav ul li a.active .mn-has-sub-icon,
.js-no-transparent-white .inner-nav ul li a:hover .mn-has-sub-icon,
.js-no-transparent-white .inner-nav ul li a.active .mn-has-sub-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); }

.mn-has-sub-icon-right {
  display: inline-block;
  width: 5px;
  height: 9px;
  position: relative;
  top: 0.3em;
  opacity: .9;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="9px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M0.631,0.114 L0.117,0.666 C0.049,0.740 0.015,0.825 0.015,0.920 C0.015,1.016 0.049,1.101 0.117,1.174 L3.155,4.509 L0.117,7.844 C0.049,7.918 0.015,8.003 0.015,8.098 C0.015,8.194 0.049,8.279 0.117,8.352 L0.631,8.904 C0.699,8.978 0.778,9.015 0.867,9.015 C0.956,9.015 1.035,8.978 1.103,8.904 L4.892,4.763 C4.960,4.690 4.994,4.605 4.994,4.509 C4.994,4.414 4.960,4.329 4.892,4.255 L1.103,0.114 C1.035,0.041 0.956,0.004 0.867,0.004 C0.778,0.004 0.699,0.041 0.631,0.114 L0.631,0.114 Z"/></svg>'); }

.mn-sub {
  display: none;
  width: 220px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  background: rgba(35, 35, 35, 0.9927);
  border-radius: 0 0 3px 3px; }

.light-content .mn-sub {
  background: rgba(50, 50, 50, 0.9927); }

.transparent .mn-sub,
.inner-nav .mn-sub .mn-sub,
.mn-has-multi a {
  border-radius: 3px; }

.mn-sub li {
  display: block;
  width: 100%;
  margin: 0 !important; }

.inner-nav ul li .mn-sub li a {
  display: block;
  width: 100%;
  height: auto !important;
  line-height: 1.3 !important;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  border-left: none;
  border-right: none;
  letter-spacing: 0;
  color: #ccc !important;
  outline-offset: -2px !important;
  cursor: pointer;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.mobile-on .mn-has-multi > li:last-child > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.065) !important; }

.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active {
  background: rgba(255, 255, 255, 0.09);
  color: #f5f5f5 !important; }

.mn-sub li ul {
  left: 100%;
  right: auto;
  top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.07); }

.inner-nav > ul > li:last-child .mn-sub,
.inner-nav li .mn-sub.to-left {
  left: auto;
  right: 0; }

.inner-nav > ul > li:last-child .mn-sub li ul,
.inner-nav > li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left {
  left: auto;
  right: 100%;
  top: 0;
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.07); }

.mobile-on .inner-nav li:last-child .mn-sub li ul {
  left: auto;
  right: auto;
  top: 0; }

.mn-wrap {
  padding: 8px; }

/* Menu sub multi */
.mn-has-multi {
  width: auto !important;
  padding: 15px;
  text-align: left;
  white-space: nowrap; }

.mn-sub-multi {
  width: 200px !important;
  overflow: hidden;
  white-space: normal;
  float: none !important;
  display: inline-block !important;
  vertical-align: top; }

.mn-sub-multi > ul {
  width: auto;
  margin: 0;
  padding: 0;
  float: none; }

.mn-group-title {
  font-size: 18px !important;
  font-weight: 400;
  /*500*/
  text-transform: uppercase;
  color: #fff !important; }

.mn-group-title:hover {
  background: none !important; }

.mobile-on .mn-sub-multi > ul {
  left: auto;
  right: auto;
  border: none; }

.mobile-on .mn-sub-multi {
  display: block;
  width: 100% !important; }

.mobile-on .mn-sub-multi > ul > li:last-child > a {
  border: none !important; }

.mobile-on .mn-sub:not(.mn-has-multi) > li:last-child > a {
  border: none !important; }

.mobile-on .mn-sub-multi:last-child > ul {
  border-bottom: none !important; }

/*
 * Mobile nav
 */
.mobile-on .desktop-nav {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 15px;
  z-index: 100; }

.mobile-on .full-wrapper .desktop-nav {
  padding: 0; }

.mobile-on .desktop-nav ul {
  width: 100%;
  float: none;
  background: rgba(18, 18, 18, 0.99);
  position: relative;
  overflow-x: hidden; }

.mobile-on .desktop-nav > ul {
  overflow-y: auto; }

.mobile-on .desktop-nav ul li {
  display: block;
  float: none !important;
  overflow: hidden; }

.mobile-on .desktop-nav ul li ul {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.mobile-on .desktop-nav ul li a {
  display: block;
  width: 100%;
  height: 48px !important;
  line-height: 48px !important;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: left;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  color: #ccc;
  cursor: pointer; }

.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active {
  background: rgba(255, 255, 255, 0.05);
  color: #eee; }

.mobile-on .desktop-nav ul li a:focus {
  outline-offset: -2px !important; }

/* Menu sub */
.mobile-on .main-nav-icon-search,
.mobile-on.body-scrolled .inner-nav ul li a:hover .main-nav-icon-search,
.mobile-on.js-no-transparent-white .inner-nav ul li a:hover .main-nav-icon-search {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>'); }

.mobile-on .main-nav-icon-cart,
.mobile-on.body-scrolled .inner-nav ul li a:hover .main-nav-icon-cart,
.mobile-on.js-no-transparent-white .inner-nav ul li a:hover .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>'); }

.mobile-on .mn-has-sub > .mn-has-sub-icon {
  display: block;
  width: 19px;
  height: 19px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-size: 9px 5px;
  background-position: 50% 60%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.mobile-on.body-scrolled .inner-nav ul li a:hover .mn-has-sub-icon,
.mobile-on.body-scrolled .inner-nav ul li a.active .mn-has-sub-icon,
.mobile-on.js-no-transparent-white .inner-nav ul li a:hover .mn-has-sub-icon,
.mobile-on.js-no-transparent-white .inner-nav ul li a.active .mn-has-sub-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>'); }

.mobile-on .mn-has-sub > .mn-has-sub-icon-right {
  display: block;
  width: 19px;
  height: 19px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-size: 5px 9px;
  background-position: 60% 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  border-radius: 50%; }

.mobile-on .js-opened > .mn-has-sub > .mn-has-sub-icon {
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.mobile-on .js-opened > .mn-has-sub > .mn-has-sub-icon-right {
  border-color: rgba(255, 255, 255, 0.4);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg); }

.mobile-on .inner-nav li {
  margin: 0 !important; }

.mobile-on .mn-sub {
  display: none;
  opacity: 0;
  position: relative;
  left: 0 !important;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: none !important;
  border-right: none !important;
  border-top: none;
  z-index: 10; }

.mobile-on .mn-sub li {
  padding-left: 10px; }

.inner-nav li.js-opened .mn-sub {
  opacity: 1; }

.mobile-cart {
  display: block;
  float: right;
  margin-right: 5px;
  text-decoration: none;
  font-weight: 400;
  /*500*/
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.mobile-cart:hover {
  text-decoration: none; }

.mobile-cart .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>'); }

.mobile-nav {
  display: none;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-property: background, color, height;
  transition-property: background, color, height; }

.mobile-nav:hover,
.mobile-nav.active {
  opacity: .75; }

.mobile-nav:active {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.05) inset; }

.mobile-on .mobile-nav {
  display: table; }

.mobile-nav .fa {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 24px; }

/* Menu sub multi */
.mobile-on .mn-has-multi {
  width: auto;
  padding: 0;
  text-align: left;
  white-space: normal; }

.mobile-on .mn-sub {
  width: 100%;
  float: none;
  position: relative;
  overflow-x: hidden; }

.mobile-on .mn-group-title {
  font-size: 15px !important; }

/*
 * Dark panel style
 */
.main-nav.light-after-scroll.dark .logo-dark {
  display: none; }

.main-nav.light-after-scroll.dark .logo-white {
  display: block; }

.main-nav.light-after-scroll .logo-dark {
  display: block; }

.main-nav.light-after-scroll .logo-white {
  display: none; }

.main-nav.dark {
  background-color: rgba(10, 10, 10, 0.95);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.main-nav.dark .inner-nav ul > li > a {
  color: #fff;
  opacity: .78; }

.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active {
  color: #fff;
  opacity: 1; }

.main-nav.dark .inner-nav ul li .mn-sub li a {
  opacity: 1; }

.main-nav.dark .mobile-cart {
  color: #fff;
  opacity: .9; }

.main-nav.dark .main-nav-icon-cart {
  opacity: 1; }

.main-nav.dark .mobile-cart:hover {
  opacity: .9; }

.main-nav.dark .mobile-nav {
  background-color: transparent;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.9); }

.main-nav.dark .mobile-nav:hover,
.main-nav.dark .mobile-nav.active {
  color: #fff; }

.main-nav.mobile-on.dark .inner-nav {
  border-top: 1px solid rgba(100, 100, 100, 0.4); }

.main-nav.dark .logo,
.main-nav.dark a.logo:hover {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9); }

.main-nav.dark .mn-sub {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.main-nav.dark .mn-soc-link {
  border: 1px solid rgba(255, 255, 255, 0.2); }

.main-nav.dark .mn-soc-link:hover {
  border: 1px solid rgba(255, 255, 255, 0.3); }

.main-nav.dark .main-nav-icon-search {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 L13.690,12.164 Z"/></svg>');
  opacity: 1; }

.main-nav.dark .main-nav-icon-cart {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M4.917,11.453 C4.584,11.453 4.295,11.579 4.052,11.831 C3.808,12.083 3.686,12.382 3.686,12.727 C3.686,13.071 3.808,13.370 4.052,13.621 C4.295,13.873 4.584,14.000 4.917,14.000 C5.250,14.000 5.539,13.873 5.782,13.621 C6.026,13.370 6.148,13.071 6.148,12.727 C6.148,12.382 6.026,12.083 5.782,11.831 C5.539,11.579 5.250,11.453 4.917,11.453 ZM13.533,11.453 C13.200,11.453 12.912,11.579 12.668,11.831 C12.424,12.083 12.303,12.382 12.303,12.727 C12.303,13.071 12.424,13.370 12.668,13.621 C12.912,13.873 13.200,14.000 13.533,14.000 C13.867,14.000 14.155,13.873 14.399,13.621 C14.643,13.370 14.764,13.071 14.764,12.727 C14.764,12.382 14.643,12.083 14.399,11.831 C14.155,11.579 13.867,11.453 13.533,11.453 ZM15.813,1.459 C15.691,1.333 15.546,1.271 15.380,1.271 L3.830,1.271 C3.824,1.224 3.809,1.137 3.787,1.012 C3.764,0.886 3.747,0.788 3.734,0.718 C3.721,0.648 3.696,0.563 3.657,0.460 C3.619,0.357 3.577,0.275 3.532,0.216 C3.487,0.157 3.425,0.105 3.345,0.062 C3.264,0.019 3.173,-0.003 3.071,-0.003 L0.609,-0.003 C0.442,-0.003 0.298,0.061 0.176,0.186 C0.054,0.313 -0.007,0.461 -0.007,0.634 C-0.007,0.806 0.054,0.956 0.176,1.082 C0.298,1.207 0.442,1.271 0.609,1.271 L2.571,1.271 L4.273,9.454 C4.260,9.487 4.210,9.586 4.124,9.748 C4.037,9.910 3.968,10.044 3.917,10.146 C3.865,10.248 3.814,10.368 3.763,10.504 C3.712,10.639 3.686,10.744 3.686,10.818 C3.686,10.989 3.747,11.139 3.869,11.265 C3.990,11.390 4.135,11.453 4.302,11.453 L14.149,11.453 C14.316,11.453 14.460,11.390 14.582,11.265 C14.703,11.139 14.764,10.989 14.764,10.818 C14.764,10.645 14.703,10.496 14.582,10.369 C14.460,10.244 14.316,10.180 14.149,10.180 L5.302,10.180 C5.456,9.863 5.532,9.650 5.532,9.544 C5.532,9.478 5.491,9.246 5.407,8.848 L15.447,7.635 C15.601,7.615 15.731,7.544 15.837,7.421 C15.942,7.298 15.995,7.158 15.995,6.999 L15.995,1.907 C15.995,1.735 15.934,1.586 15.813,1.459 Z"/></svg>');
  opacity: 1; }

.main-nav.dark .mn-has-sub-icon,
.main-nav.dark.body-scrolled .inner-nav ul > li > a:hover .mn-has-sub-icon,
.main-nav.dark.body-scrolled .inner-nav ul > li > a.active .mn-has-sub-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
  opacity: 1; }

/*
 * Transparent panel style
 */
.main-nav.transparent {
  background: transparent !important;
  box-shadow: none; }

.main-nav.js-transparent {
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

/* ==============================
   Sections styles
   ============================== */
/*
 * Common
 */
.page-section,
.small-section {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 140px 0; }

.small-section {
  padding: 100px 0; }

.fixed-height-large,
.fixed-height-medium,
.fixed-height-small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fixed-height-large {
  min-height: 800px; }

.fixed-height-medium {
  min-height: 700px; }

.fixed-height-small {
  min-height: 600px; }

.bg-scroll {
  background-attachment: scroll !important;
  background-position: center center !important; }

.bg-pattern {
  background-repeat: repeat;
  background-size: auto; }

.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: repeat;
  background-size: auto;
  background-image: url(../images/pattern-bg-2.png); }

.bg-white {
  background-color: #fff; }

.bg-gray {
  background-color: #f1f1f1; }

.bg-gray-lighter {
  background-color: #f7f7f7; }

.bg-gray-dark {
  background-color: #282828; }

.light-content {
  color: #ffffff; }

.bg-dark {
  background-color: #111 !important; }

.bg-dark-lighter {
  background-color: #1b1b1b !important; }

.bg-dark.light-content {
  background-color: #1b1b1b !important; }

.bg-dark-lighter.light-content {
  background-color: #232323 !important; }

.bg-dark,
.bg-dark-lighter,
.bg-dark-alfa-30,
.bg-dark-alfa-50,
.bg-dark-alfa-70,
.bg-dark-alfa-90,
.bg-dark-alfa,
.bg-color,
.bg-color-lighter,
.bg-color-alfa-30,
.bg-color-alfa-50,
.bg-color-alfa-70,
.bg-color-alfa-90,
.bg-color-alfa {
  color: #fff; }

.bg-dark a,
.bg-dark-lighter a,
.bg-dark-alfa-30 a,
.bg-dark-alfa-50 a,
.bg-dark-alfa-70 a,
.bg-dark-alfa-90 a,
.bg-dark-alfa a,
.bg-color a,
.bg-colorlighter a,
.bg-color-alfa-30 a,
.bg-color-alfa-50 a,
.bg-color-alfa-70 a,
.bg-color-alfa-90 a,
.bg-color-alfa a {
  color: rgba(255, 255, 255, 0.8); }

.bg-dark a:hover,
.bg-dark-lighter a:hover,
.bg-dark-alfa-30 a:hover,
.bg-dark-alfa-50 a:hover,
.bg-dark-alfa-70 a:hover,
.bg-dark-alfa-90 a:hover,
.bg-dark-alfa a:hover,
.bg-color a:hover,
.bg-color-lighter a:hover,
.bg-color-alfa-30 a:hover,
.bg-color-alfa-50 a:hover,
.bg-color-alfa-70 a:hover,
.bg-color-alfa-90 a:hover,
.bg-color-alfa a:hover {
  color: #fff; }

.bg-color .text,
.bg-color-lighter .text,
.bg-color-alfa-30 .text,
.bg-color-alfa-50 .text,
.bg-color-alfa-70 .text,
.bg-color-alfa-90 .text,
.bg-color-alfa .text,
.bg-color .section-text,
.bg-color-lighter .section-text,
.bg-color-alfa-30 .section-text,
.bg-color-alfa-50 .section-text,
.bg-color-alfa-70 .section-text,
.bg-color-alfa-90 .section-text,
.bg-color-alfa .section-text {
  color: #fff; }

.bg-dark-alfa:before,
.bg-dark-alfa .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(17, 17, 17, 0.97); }

.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.3); }

.bg-dark-alfa-50:before,
.bg-dark-alfa-50 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.5); }

.bg-dark-alfa-70:before,
.bg-dark-alfa-70 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(17, 17, 17, 0.7); }

.bg-dark-alfa-90:before,
.bg-dark-alfa-90 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(3, 3, 3, 0.9); }

.bg-light-alfa:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(252, 252, 252, 0.97); }

.bg-light-alfa-30:before,
.bg-light-alfa-30 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(252, 252, 252, 0.3); }

.bg-light-alfa-50:before,
.bg-light-alfa-50 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(252, 252, 252, 0.5); }

.bg-light-alfa-70:before,
.bg-light-alfa-70 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(252, 252, 252, 0.7); }

.bg-light-alfa-90:before,
.bg-light-alfa-90 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(252, 252, 252, 0.9); }

.bg-color {
  background-color: #f1273c; }

.bg-color-alfa:before,
.bg-color-alfa .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1273c;
  opacity: .97; }

.bg-color-alfa-30:before,
.bg-color-alfa-30 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1273c;
  opacity: .3; }

.bg-color-alfa-50:before,
.bg-color-alfa-50 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1273c;
  opacity: .5; }

.bg-color-alfa-70:before,
.bg-color-alfa-70 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1273c;
  opacity: .7; }

.bg-color-alfa-90:before,
.bg-color-alfa-90 .YTPOverlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1273c;
  opacity: .9; }

.bg-orange {
  background-color: #f47631 !important; }

.bg-yellow {
  background-color: #ffce02 !important; }

.bg-cyan {
  background-color: #27c5c3 !important; }

.bg-green {
  background-color: #58bf44 !important; }

.bg-blue {
  background-color: #43a5de !important; }

.bg-purple {
  background-color: #375acc !important; }

.bg-red {
  background-color: #f1273c !important; }

.section-title {
  margin-bottom: 3px;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.04em; }

.section-title-descr {
  font-family: var(--font-global-alt);
  font-size: 18px;
  font-weight: 400;
  /*500*/
  color: #757575; }

.light-content .section-title-descr {
  color: #bbb; }

.section-more {
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
  color: #171717;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  opacity: .72;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.section-more:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #171717;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: transform .25s ease-out;
  transition: transform .25s ease-out; }

.light-content .section-more:after {
  background-color: #fff; }

.section-more:hover {
  text-decoration: none;
  color: #171717;
  opacity: 1; }

.section-more:hover:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center; }

.section-more .fa {
  font-size: 12px; }

.section-heading {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5em;
  line-height: 1.3; }

.section-line {
  width: 55px;
  height: 1px;
  margin: 30px auto;
  background: #111; }

.section-text {
  font-weight: 400;
  /*500*/ }

.light-content .section-text {
  font-weight: 400; }

.section-text .lead-alt {
  margin-top: -0.2em; }

.section-bot-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1; }

.section-bot-image img {
  display: block; }

.image-fullwidth img {
  width: 100%; }

.text-link {
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
  color: #171717;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  opacity: .72;
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.text-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #171717;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: transform .25s ease-out;
  -moz-transition: transform .25s ease-out;
  transition: transform .25s ease-out; }

.text-link:hover {
  text-decoration: none;
  color: #171717;
  opacity: 1; }

.text-link:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.light-content .text-link:after {
  background-color: #fff; }

.light-content .text-link {
  color: #fff;
  opacity: .9; }

/* Breadcrumbs */
.mod-breadcrumbs {
  margin-top: -5px;
  font-family: var(--font-global-alt);
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.mod-breadcrumbs span {
  opacity: .67; }

.mod-breadcrumbs a {
  text-decoration: none; }

.mod-breadcrumbs a:hover {
  text-decoration: none; }

.mod-breadcrumbs-slash {
  font-size: 13px; }

.mod-breadcrumbs .fa {
  font-size: 9px; }

.mod-breadcrumbs-mini {
  text-align: left; }

/* ==============================
   Services
   ============================== */
.services-grid {
  margin-top: -60px; }

.services-item {
  margin-top: 60px; }

.services-icon {
  width: 1em;
  height: 1em;
  margin: 0 auto 18px auto;
  font-size: 72px;
  text-align: center;
  line-height: 1.3;
  color: #111111;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.light-content .services-icon {
  color: #fff; }

.services-icon svg {
  display: block;
  width: 1em;
  height: 1em; }

.services-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.services-descr {
  font-family: var(--font-global-alt);
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.light-content .services-descr {
  color: #bbb; }

.services-more {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

/* ==============================
   Alternative services
   ============================== */
.alt-service-grid {
  margin-top: -60px; }

.alt-services-image {
  text-align: center; }

.alt-services-image > img {
  display: block;
  width: 100%; }

.alt-service-item {
  margin: 60px 0 0 0;
  position: relative;
  padding-left: 55px;
  padding-top: 3px;
  font-size: 15px;
  -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1); }

.alt-service-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  text-align: center;
  font-size: 32px;
  color: #111;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.alt-service-icon svg {
  width: 1em;
  height: 1em; }

.alt-services-title {
  margin: 0 0 10px 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em; }

.alt-services-descr {
  font-family: var(--font-global-alt);
  font-weight: 400;
  /*500*/
  color: #757575; }

.light-content .alt-service-icon {
  color: #fff; }

.light-content .alt-services-descr {
  color: #bbb; }

/* ==============================
   Team
   ============================== */
.team-item-wrap {
  padding: 72px 56px 15px 56px;
  position: relative; }

.team-item-decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 40.5%;
  height: 100%;
  opacity: .3;
  background-color: #777777;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.team-item-image {
  position: relative;
  overflow: hidden; }

.team-item-image img {
  width: 100%; }

.team-item-image:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 1;
  -webkit-transition: all 0.57s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.57s cubic-bezier(0.33, 1, 0.68, 1); }

.team-item-detail {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  transform: translateY(-40%);
  padding: 20px 23px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.team-item-detail-title {
  font-size: 18px;
  font-weight: 400;
  /*500*/
  margin-bottom: 1em; }

.team-item-descr {
  position: relative;
  line-height: 1.3;
  text-align: center;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.team-item-name {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #111111; }

.team-item-role {
  margin-top: 3px;
  font-size: 17px;
  font-weight: 400;
  /*500*/
  color: #111; }

.team-social-links {
  font-size: 14px; }

.team-social-links a {
  display: inline-block;
  padding: 3px 7px;
  color: #ffffff;
  opacity: .85; }

.light-content .team-item-name {
  color: #fff; }

.light-content .team-item-role {
  color: #fff;
  opacity: 0.75; }

/* Hover state */
.no-mobile .team-item:hover .team-item-image:after {
  background: rgba(17, 17, 17, 0.9); }

.no-mobile .team-item:hover .team-item-detail {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1; }

.no-mobile .team-social-links a:hover {
  opacity: 1; }

/* Mobile touch */
.team-item.js-active .team-item-image:after {
  background: rgba(17, 17, 17, 0.9); }

.team-item.js-active .team-item-detail {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1; }

.team-item.js-active .team-social-links a:hover {
  opacity: 1; }

/* ==============================
   Features
   ============================== */
.features-item {
  padding: 0 15px;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.features-icon {
  font-size: 72px;
  margin-bottom: 20px;
  line-height: 1.3; }

.features-icon svg {
  width: 1em;
  height: 1em; }

.features-title {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 400; }

.features-descr {
  font-family: var(--font-global-alt);
  font-size: 16px;
  font-weight: 400;
  /*500*/
  opacity: .75; }

/* ==============================
   Alt features
   ============================== */
.alt-features-grid {
  margin-top: -35px; }

.alt-features-item {
  margin-top: 35px; }

.alt-features-icon {
  width: 1em;
  height: 1em;
  margin: 0 0 18px 0;
  font-size: 48px;
  text-align: center;
  line-height: 1.3;
  color: #111; }

.light-content .alt-features-icon {
  color: #fff; }

.alt-features-icon svg {
  display: block;
  width: 1em;
  height: 1em; }

.alt-features-title {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.alt-features-descr {
  margin-bottom: 15px;
  font-family: var(--font-global-alt);
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.light-content .alt-features-descr {
  color: #bbb; }

/* ==============================
   Counters
   ============================== */
.count-item {
  position: relative;
  padding: 30px; }

.count-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 3px; }

.count-number {
  font-size: 72px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center; }

.count-descr {
  color: #757575;
  text-align: center; }

.count-descr .fa {
  font-size: 16px; }

.count-title {
  font-family: var(--font-global-alt);
  font-size: 17px;
  font-weight: 400;
  /*500*/ }

.count-separator {
  height: 30px;
  clear: both;
  float: none;
  overflow: hidden; }

.light-content .count-bg {
  background: rgba(255, 255, 255, 0.06); }

.light-content .count-descr {
  color: #bbb; }

/* ==============================
   Portfolio
   ============================== */
/*
 * Works filter
 */
.works-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 60px 0;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.07em;
  cursor: default; }

.works-filter a {
  display: inline-block;
  position: relative;
  margin: 0 27px;
  padding-bottom: 2px;
  color: #111;
  opacity: .6;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  cursor: pointer; }

.works-filter a:hover {
  opacity: 1;
  text-decoration: none; }

.works-filter a.active {
  opacity: 1;
  cursor: default; }

.works-filter a.active:hover {
  color: #111; }

.works-filter a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #171717;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: transform .25s ease-out;
  transition: transform .25s ease-out; }

.works-filter a.active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.works-filter a:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.light-content .works-filter a {
  color: #fff;
  opacity: .72; }

.light-content .works-filter a:hover,
.light-content .works-filter a.active {
  color: #fff;
  opacity: 1; }

.light-content .works-filter a:after {
  background-color: #fff; }

/*
 * Works grid 
 */
.works-grid {
  list-style: none;
  margin: 0;
  padding: 0; }

.work-item {
  width: 25%;
  float: left;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.work-grid-2 .work-item {
  width: 49.99%; }

.work-grid-3 .work-item {
  width: 33.333%; }

.container .work-grid-3 .work-item {
  width: 33.2%; }

.work-grid-5 .work-item {
  width: 20%; }

.works-grid.work-grid-gut {
  margin: 0 0 0 -30px; }

.works-grid.work-grid-gut .work-item {
  padding: 0 0 30px 30px; }

.work-item > a {
  display: block;
  padding: 0 0 100px 0;
  position: relative;
  box-sizing: border-box;
  text-decoration: none; }

.work-item a,
.work-item a:hover {
  color: #111;
  border: none; }

.light-content .work-item a,
.light-content .work-item a:hover {
  color: #fff; }

.work-img {
  position: relative;
  overflow: hidden;
  -webkit-transform: rotate(0.0001deg) translateZ(0);
  transform: rotate(0.0001deg) translateZ(0); }

.work-img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f5f5; }

.light-content .work-img-bg {
  background-color: #282828; }

.work-img img {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.work-intro {
  width: 100%;
  height: 100px;
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.work-title {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.container .work-grid-4 .work-title,
.container .work-grid-5 .work-title {
  font-size: 18px; }

.work-descr {
  display: inline-block;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  text-transform: none;
  opacity: .8;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.works-grid.hide-titles .work-item > a {
  overflow: hidden;
  padding: 0; }

.works-grid.hide-titles .work-item .work-intro {
  opacity: 0;
  bottom: -110px; }

.works-grid.hide-titles .work-item:hover .work-intro {
  opacity: 1; }

/* Work item hover state */
.work-intro {
  -webkit-transition: all 0.35s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.35s cubic-bezier(0.3, 0.1, 0.58, 1);
  -webkit-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  will-change: transform; }

.work-item:hover .work-intro {
  color: #fff;
  -webkit-transform: translateY(-115px);
  transform: translateY(-115px);
  z-index: 3; }

.work-item:hover .work-title,
.work-item:hover .work-descr {
  color: #fff;
  -webkit-transition: all 0.35s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.35s cubic-bezier(0.3, 0.1, 0.58, 1); }

.work-item .work-img:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(250, 250, 250, 0);
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.work-item:hover .work-img:after {
  background: rgba(20, 20, 20, 0.85); }

.works-grid.hover-white .work-item:hover .work-intro,
.works-grid.hover-white .work-item:hover .work-title,
.works-grid.hover-white .work-item:hover .work-descr {
  color: #000; }

.works-grid.hover-white .work-item:hover .work-img:after {
  background: rgba(250, 250, 250, 0.9); }

.work-item .work-img > img {
  -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1); }

.work-item:hover .work-img > img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

/*
 * Works full view
 */
.work-full {
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000; }

.work-full-load {
  padding-top: 60px; }

/* Work navigation */
.work-navigation {
  width: 100%;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  z-index: 99; }

.work-navigation .fa {
  position: relative;
  top: 1px;
  font-size: 14px; }

.work-navigation .fa-times {
  font-size: 16px;
  margin-top: -2px; }

.work-navigation a {
  display: block;
  float: left;
  width: 33.33333%;
  overflow: hidden;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  cursor: default; }

.work-navigation a,
.work-navigation a:visited {
  color: #757575; }

.work-navigation a:hover {
  color: #111; }

.work-navigation a span {
  display: inline-block;
  height: 80px;
  line-height: 79px;
  padding: 0 4%;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.work-navigation span:hover {
  background: #f5f5f5; }

.work-prev {
  text-align: left; }

.work-all {
  text-align: center; }

.work-next {
  text-align: right; }

.work-container {
  padding: 50px 0; }

.work-full-title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px; }

.work-full-media {
  margin-top: 30px; }

.work-full-media img {
  max-width: 100%;
  height: auto; }

.work-full-text {
  text-align: left;
  font-size: 18px;
  color: #757575; }

.work-detail p:last-child {
  margin-bottom: 0; }

.work-full-detail {
  font-size: 15px;
  color: #757575; }

.work-full-detail p {
  padding: 4px 0;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.work-full-detail p:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.work-full-detail p strong {
  width: 100px;
  display: inline-block; }

.work-full-action {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eaeaea;
  text-align: center; }

.light-content .work-full-text {
  color: #bbb; }

.light-content .work-full-detail {
  color: #bbb; }

.light-content .work-full-detail p {
  border-color: rgba(255, 255, 255, 0.1); }

.light-content .work-full-detail p:last-child {
  border-color: rgba(255, 255, 255, 0.1); }

.work-navigation.light-content a,
.work-navigation.light-content a:visited {
  color: #bbb; }

.work-navigation.light-content a:hover {
  color: #fff; }

.work-navigation.light-content a span {
  background-color: transparent; }

.work-navigation.light-content span:hover {
  background-color: rgba(255, 255, 255, 0.05); }

/* ==============================
   Banner section
   ============================== */
.banner-section {
  overflow: visible;
  border-bottom: 1px solid transparent; }

.banner-heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.02em; }

.banner-decription {
  margin-bottom: 2em;
  font-family: var(--font-global-alt);
  font-size: 18px;
  opacity: .72; }

.banner-image-1 {
  width: 56.3%;
  margin: -30px 0 0 0;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.banner-image-1 img {
  width: 100%; }

.banner-image-2 {
  position: absolute;
  right: 47px;
  bottom: 30px;
  width: 40.5%;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.banner-image-2 img {
  width: 100%; }

.light-content .banner-decription {
  font-weight: 400; }

/* ==============================
   Call action 1 section
   ============================== */
.call-action-1-heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.03em; }

.call-action-1-decription {
  margin-bottom: 2em;
  font-family: var(--font-global-alt);
  font-size: 18px;
  font-weight: 400;
  /*500*/
  color: #757575; }

.light-content .call-action-1-decription {
  color: #fff;
  opacity: .72;
  font-weight: 400; }

/* ==============================
   Call action 2 section
   ============================== */
.call-action-2-images {
  position: relative;
  margin: 15px 33px 0 0;
  overflow: hidden; }

.call-action-2-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 36.85%;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.call-action-2-image-2 {
  position: relative;
  width: 77.145%;
  margin: 120px auto;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.call-action-2-image-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36.85%;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.call-action-2-text dt {
  margin-bottom: 0.25em;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em; }

.call-action-2-text dd {
  margin-bottom: 1.55em;
  font-family: var(--font-global-alt);
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.light-content .call-action-2-text dd {
  color: #bbb; }

/* ==============================
   Call action 3 section
   ============================== */
.call-action-3-images {
  position: relative;
  margin-top: 15px; }

.call-action-3-image-1 {
  width: 67.38%;
  margin-left: auto;
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.call-action-3-image-2-wrap {
  position: absolute;
  top: 0;
  left: 54px;
  width: 41.5%;
  height: 100%;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

.call-action-3-image-2 {
  overflow: hidden;
  -webkit-transform: translateZ(0) rotate(0.0001deg);
  transform: translateZ(0) rotate(0.0001deg); }

/* ==============================
   Work process
   ============================== */
.work-process-item:hover .work-process-icon {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.work-process-heading {
  margin-top: 0;
  margin-bottom: 0.6em;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.02em; }

.work-process-description {
  font-family: var(--font-global-alt);
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.light-content .work-process-description {
  color: #bbb; }

.work-process-icon {
  width: 1em;
  height: 1em;
  margin: 0 auto 18px auto;
  font-size: 72px;
  text-align: center;
  line-height: 1.3;
  color: #111111;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.light-content .work-process-icon {
  color: #fff; }

.work-process-icon svg {
  display: block;
  width: 1em;
  height: 1em; }

.work-process-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

/* ==============================
   Testimonial
   ============================== */
.testimonial {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.03em; }

.testimonial-author {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

/*
 * Logotypes
 */
.logo-item {
  height: 120px;
  text-align: center;
  opacity: .75;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.logo-item:hover {
  opacity: 1; }

.logo-item img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

/* ==============================
   Post previews
   ============================== */
.post-prev-img, .divimage {
  margin-bottom: 26px;
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.post-prev-img a, .divimage a {
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.3, 0.1, 0.58, 1); }

.post-prev-img a:hover, .divimage a:hover {
  opacity: .85; }

.post-prev-img img, .divimage img {
  width: 100%;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out; }

.post-prev-img a:hover img, .divimage a:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03); }

.post-prev-title {
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2; }

.post-prev-title a {
  color: #111;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.post-prev-title a:hover {
  opacity: .65; }

.post-prev-info,
.post-prev-info a {
  margin-bottom: 15px;
  font-family: var(--font-global-alt);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #757575;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.post-prev-info a:hover {
  text-decoration: underline; }

.post-prev-text {
  margin-bottom: 15px;
  font-family: var(--font-global-alt);
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.light-content .post-prev-title a {
  color: #fff; }

.light-content .post-prev-info,
.light-content .post-prev-info a {
  color: #bbb; }

.light-content .post-prev-text {
  color: #bbb; }

/* ==============================
   Newsletter
   ============================== */
.newsletter-label-icon {
  margin-right: 30px;
  font-size: 96px;
  line-height: 1; }

.newsletter-label-icon svg {
  width: 1em;
  height: 1em; }

.newsletter-label-text {
  max-width: 370px;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.196;
  letter-spacing: -0.03em; }

.form input.newsletter-field {
  max-width: 618px;
  margin-right: 10px;
  flex-grow: 1.5; }

.form input.newsletter-field::-webkit-input-placeholder {
  color: #757575; }

.form input.newsletter-field:focus::-webkit-input-placeholder {
  color: #111; }

.form input.newsletter-field:-moz-placeholder {
  color: #757575; }

.form input.newsletter-field:focus:-moz-placeholder {
  color: #111; }

.form input.newsletter-field:-ms-input-placeholder {
  color: #757575; }

.form input.newsletter-field:focus:-ms-input-placeholder {
  color: #111; }

/* ==============================
   Contact section
   ============================== */
.contact-item {
  position: relative;
  padding: 6px 0 0 71px;
  color: #444;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.contact-item a {
  text-decoration: none; }

.contact-item a:hover {
  color: #000;
  text-decoration: underline; }

.ci-icon {
  width: 54px;
  height: 54px;
  position: absolute;
  top: 10px;
  left: 3px;
  color: #fff;
  text-align: center;
  line-height: 54px; }

.ci-icon:before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #111;
  border-radius: 50%; }

.ci-icon i,
.ci-icon span {
  position: relative; }

.ci-title {
  color: #111;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3; }

.ci-text {
  font-family: var(--font-global-alt);
  font-size: 18px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  color: #757575; }

.ci-link {
  margin-top: 11px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase; }

.ci-link a {
  position: relative;
  text-decoration: none;
  opacity: .67;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.ci-link a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #171717;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: transform .25s ease-out;
  transition: transform .25s ease-out;
  opacity: .9; }

.ci-link a:hover {
  text-decoration: none;
  opacity: .9; }

.ci-link a:hover:after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  transform-origin: right center; }

.light-content .ci-icon {
  color: #111 !important; }

.light-content .ci-icon:before {
  background-color: #fff; }

.light-content .ci-title {
  color: #fff; }

.light-content .ci-text {
  color: #bbb; }

.light-content .ci-link a {
  color: #fff; }

.light-content .ci-link a:after {
  background-color: #fff; }

/*
 * Contact form
 */
.cf-left-col {
  width: 49.4%;
  float: left;
  margin-right: 1.2%; }

.cf-right-col {
  width: 49.4%;
  float: left; }

.contact-form .form-group {
  margin-bottom: 30px; }

/* ==============================
   Google maps 
   ============================== */
.google-map {
  position: relative;
  background: #111; }

.google-map > iframe {
  display: block;
  width: 100%;
  height: 485px;
  position: relative;
  background-color: #111 !important;
  z-index: 1; }

.map-section {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 !important;
  background: rgba(245, 245, 245, 0.93);
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.map-section:hover {
  background: rgba(245, 245, 245, 0.8); }

.map-toggle {
  width: 200px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -100px;
  color: #fff;
  text-align: center; }

.mt-icon {
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 6px auto 9px;
  position: relative;
  color: #fff;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.mt-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #111;
  border-radius: 50%; }

.mt-icon i,
.mt-icon span {
  position: relative; }

.mt-text {
  margin-left: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #171717;
  opacity: .8; }

.mt-close {
  display: none; }

.mt-open-icon {
  display: inline-block;
  width: 9px;
  height: 5px;
  position: relative;
  top: -0.1em;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>'); }

.mt-close-icon {
  display: inline-block;
  width: 9px;
  height: 5px;
  position: relative;
  top: -0.1em;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* Map opened */
.map-section.js-active {
  height: 25px;
  background: rgba(245, 245, 245, 0.85); }

.map-section.js-active .mt-text {
  font-size: 16px; }

.map-section.js-active:hover {
  background: rgba(245, 245, 245, 0.95); }

.map-section.js-active .mt-icon {
  opacity: 0; }

.map-section.js-active .mt-text {
  position: relative;
  top: -33px; }

/* Dark style */
.light-content .map-section {
  background: rgba(17, 17, 17, 0.92); }

.light-content .map-section:hover {
  background: rgba(17, 17, 17, 0.88); }

.light-content .map-toggle {
  color: #111; }

.light-content .mt-icon {
  color: #111; }

.light-content .mt-icon:before {
  background: #fff; }

.light-content .mt-text {
  color: #fff; }

.light-content .mt-open-icon {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>'); }

.light-content .mt-close-icon {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M8.886,0.630 L8.336,0.115 C8.263,0.047 8.178,0.013 8.083,0.013 C7.987,0.013 7.903,0.047 7.830,0.115 L4.506,3.154 L1.183,0.115 C1.109,0.047 1.025,0.013 0.930,0.013 C0.834,0.013 0.750,0.047 0.677,0.115 L0.127,0.630 C0.053,0.697 0.017,0.776 0.017,0.866 C0.017,0.954 0.053,1.034 0.127,1.102 L4.253,4.890 C4.327,4.958 4.411,4.993 4.506,4.993 C4.602,4.993 4.686,4.958 4.759,4.890 L8.886,1.102 C8.959,1.034 8.996,0.954 8.996,0.866 C8.996,0.776 8.959,0.697 8.886,0.630 L8.886,0.630 Z"/></svg>');
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/* ==============================
   Footer
   ============================== */
.footer {
  text-align: center;
  font-size: 18px; }

.footer a {
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.footer a:hover {
  color: #111;
  text-decoration: underline; }

.footer-copy {
  margin-bottom: 2px;
  font-weight: 600;
  color: #171717;
  opacity: .9; }

.footer-made {
  font-size: 14px;
  font-weight: 400;
  /*500*/
  color: #999; }

.footer-social-links {
  font-size: 16px; }

.footer-social-links a {
  width: 54px;
  height: 54px;
  line-height: 54px !important;
  position: relative;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
  color: #fff;
  opacity: .85;
  overflow: hidden;
  -webkit-transition: all 0.23s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.23s cubic-bezier(0.3, 0.1, 0.58, 1); }

.footer-social-links a:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #111;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); }

.footer-social-links a i,
.footer-social-links a span[class^=icon] {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 54px; }

.footer-social-links a:hover {
  color: #fff;
  opacity: 1;
  text-decoration: none; }

.footer-social-links a:hover:before {
  background: #000; }

a.link-to-top {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 49px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  opacity: .9; }

a.link-to-top:hover {
  opacity: 1;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2); }

.link-to-top-icon {
  display: inline-block;
  width: 13px;
  height: 9px;
  position: relative;
  top: -0.177em;
  opacity: .8;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="9px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M13.004,7.374 L11.536,9.005 L6.550,3.095 L1.453,8.665 L-0.004,7.045 L6.133,0.336 L6.304,0.526 L6.780,-0.003 L13.004,7.374 Z"/></svg>'); }

/* Footer dark */
.light-content.footer a:hover {
  color: #fff; }

.light-content .footer-copy {
  color: #bbb; }

.light-content .footer-made {
  color: #777; }

.light-content .footer-social-links a {
  color: #111; }

.light-content .footer-social-links a:before {
  background-color: #fff; }

.light-content .footer-social-links a:hover {
  color: #111; }

/* ==============================
   Blog
   ============================== */
.blog-item {
  margin-bottom: 80px;
  position: relative; }

.blog-media {
  margin-bottom: 30px; }

.blog-media img,
.blog-media .video,
.blog-media iframe {
  width: 100%; }

.blog-item-title {
  margin: 0 0 .35em 0;
  padding: 0;
  line-height: 1.2; }

.blog-item-title a {
  color: #111;
  text-decoration: none; }

.blog-item-title a:hover {
  color: #757575;
  text-decoration: none; }

.blog-item-data {
  margin-bottom: 30px;
  font-size: 13px;
  color: #888; }

.blog-item-data a {
  color: #888;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.blog-item-data a:hover {
  color: #000;
  text-decoration: none; }

.separator {
  margin: 0 5px; }

.blog-item-body {
  margin-bottom: 37px; }

.blog-item-body h1,
.blog-item-body h2,
.blog-item-body h3,
.blog-item-body h4,
.blog-item-body h5,
.blog-item-body h6 {
  margin: 1.3em 0 0.5em 0;
  line-height: 1.2; }

.blog-item-body blockquote p:before {
  content: '“';
  position: absolute;
  top: -0.23em;
  left: -0.58em;
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 2.38em;
  opacity: .2; }

.blog-item-more {
  border: 1px solid #ccc;
  padding: 5px 10px 8px 10px;
  font-size: 18px;
  font-weight: 600;
  color: #757575;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.blog-item-more:hover {
  text-decoration: none;
  border-color: #111; }

.blog-item-more .fa {
  font-size: 14px; }

a.blog-item-more {
  color: #757575;
  text-decoration: none; }

a.blog-item-more:hover {
  color: #111; }

.blog-item-q {
  background: none;
  border: none;
  padding: 0;
  margin: 1em 0;
  letter-spacing: -0.02em;
  line-height: 1.7; }

.blog-item-q p {
  position: relative;
  background: #f5f5f5;
  padding: 17px 20px;
  font-size: 26px;
  font-style: normal;
  line-height: 1.6; }

.blog-item-q p a {
  color: #555;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.blog-item-q:hover a,
.blog-item-q p a:hover {
  text-decoration: none;
  color: #757575; }

.blog-item-q p:before,
.blog-item-q p:after {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.blog-item-q p:before {
  content: '"';
  position: absolute;
  top: 10px;
  left: 10px; }

.blog-item-q p:after {
  content: '"'; }

.blog-item-q p:hover:before,
.blog-item-q p:hover:after {
  color: #777; }

.blog-page-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc; }

.light-content .blog-item-title a {
  color: #fff; }

.light-content .blog-item-title a:hover {
  color: #bbb; }

.light-content .blog-item-data {
  color: rgba(255, 255, 255, 0.8); }

.light-content .blog-item-data a {
  color: rgba(255, 255, 255, 0.8); }

.light-content .blog-item-data a:hover {
  color: #fff; }

.light-content .blog-page-title {
  border-color: #555; }

.light-content .blog-item-more {
  border-color: #555;
  color: #ccc; }

.light-content .blog-item-more:hover {
  border-color: #ccc; }

.light-content a.blog-item-more {
  color: #ccc; }

.light-content a.blog-item-more:hover {
  color: #fff; }

.light-content .blog-item-q p {
  background-color: #222; }

.light-content .blog-item-q p a {
  color: #bbb; }

.light-content .blog-item-q:hover a,
.light-content .blog-item-q p a:hover {
  color: #fff; }

.light-content .blog-item-q p:before,
.light-content .blog-item-q p:after {
  color: #bbb; }

.light-content .blog-item-q p:hover:before,
.light-content .blog-item-q p:hover:after {
  color: #fff; }

/*
 * Pagination
 */
.pagination {
  font-size: 13px; }

.pagination a {
  display: inline-block;
  min-width: 46px;
  margin-right: 5px;
  padding: 9px 16px;
  border: 1px solid #d0d0d0;
  color: #888;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.pagination .fa {
  position: relative;
  top: -1px;
  font-size: 13px; }

.pagination a:hover {
  text-decoration: none;
  border-color: #888;
  color: #555; }

.pagination a.active,
.pagination a.active:hover {
  border-color: #888;
  color: #555;
  cursor: default; }

.pagination a.no-active,
.pagination a.no-active:hover {
  border-color: #eee;
  color: #999;
  cursor: default; }

.light-content .pagination a {
  border-color: #5f5f5f;
  color: #bbb; }

.light-content .pagination a:hover {
  border-color: #bbb;
  color: #fff; }

.light-content .pagination a.active,
.light-content .pagination a.active:hover {
  border-color: #bbb;
  color: #fff; }

.light-content .pagination a.no-active,
.light-content .pagination a.no-active:hover {
  border-color: #333;
  color: #333; }

/*
 * Comments
 */
.comment-item {
  padding-top: 30px !important;
  border-top: 1px dotted #ddd;
  color: #5f5f5f;
  font-size: 16px;
  overflow: hidden; }

.comment-item:first-child {
  padding-top: 0;
  border-top: none; }

.media-body {
  overflow: hidden; }

.comment-avatar {
  width: 50px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.comment-item-data {
  margin: 0 0 5px;
  font-size: 13px; }

.comment-item-data a {
  color: #757575;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.comment-item-data a:hover {
  color: #111;
  text-decoration: none; }

.comment-author {
  display: inline-block;
  margin-right: 20px;
  font-weight: 600; }

.comment-author a {
  color: #757575; }

.light-content .comment-item {
  border-color: #282828;
  color: #ccc; }

.light-content .comment-item-data a {
  color: #ccc; }

.light-content .comment-item-data a:hover {
  color: #fff; }

.light-content .comment-author a {
  color: #bbb; }

/*
 * Sidebar
 */
.widget {
  margin-bottom: 60px; }

.widget .img-left {
  margin: 0 10px 10px 0; }

.widget .img-right {
  margin: 0 0 10px 10px; }

.widget-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  border-bottom: 1px solid #ccc; }

.widget-body {
  font-size: 16px;
  color: #757575; }

.widget-text {
  line-height: 1.7; }

.light-content .widget-title {
  border-color: #555; }

.light-content .widget-body {
  color: #bbb; }

/* Search widget */
.search-wrap {
  position: relative; }

.search-field {
  width: 100% !important;
  height: 50px !important;
  padding-right: 30px !important;
  font-size: 15px !important; }

.search-button {
  width: 42px;
  height: 50px;
  line-height: 48px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  right: 1px;
  overflow: hidden;
  background: transparent;
  border: none;
  outline: none;
  color: #999;
  font-size: 14px; }

.search-button:hover {
  color: #111; }

.search-button:hover + .search-field {
  border-color: #ccc; }

/* Widget menu */
.widget-menu {
  font-size: 18px; }

.widget-menu li {
  padding: 5px 0; }

.widget-menu li a {
  color: #555;
  text-decoration: none;
  padding-bottom: 2px;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.widget-menu li a:hover,
.widget-menu li a.active {
  color: #999; }

.widget-menu li small {
  font-size: 12px;
  color: #999; }

.light-content .widget-menu li a {
  color: #ccc; }

.light-content .widget-menu li a:hover,
.light-content .widget-menu li a.active {
  color: #fff; }

.light-content .widget-menu li small {
  font-size: 12px;
  color: #bbb; }

/* Widget tags */
.tags a {
  display: inline-block;
  margin: 0 2px 8px 0;
  padding: 5px 7px 6px 7px;
  border: 1px solid #ddd;
  color: #555;
  font-size: 15px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.tags a:hover {
  text-decoration: none;
  border-color: #333;
  color: #111; }

.light-content .tags a {
  border-color: #bbb;
  color: #ccc; }

.light-content .tags a:hover {
  border-color: #fff;
  color: #fff; }

/* Comments */
.widget-comments {
  color: #888; }

.widget-comments li {
  padding: 12px 0;
  border-bottom: 1px dotted #ddd; }

.widget-comments li:last-child {
  border-bottom: none; }

.widget-comments li a {
  color: #555;
  text-decoration: none;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.widget-comments li a:hover {
  color: #999; }

.light-content .widget-comments {
  color: #bbb; }

.light-content .widget-comments li {
  border-bottom-color: #282828; }

.light-content .widget-comments li a {
  color: #ccc; }

.light-content .widget-comments li a:hover {
  color: #fff; }

/* Posts */
.widget-posts {
  color: #888; }

.widget-posts li {
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px dotted #ddd; }

.widget-posts li:last-child {
  padding-bottom: 0;
  border: none; }

.widget-posts li a {
  display: block;
  color: #555;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.widget-posts li a:hover {
  color: #999; }

.widget-posts-img {
  float: left;
  margin: 0 12px 0 0; }

.widget-posts-descr {
  overflow: hidden; }

.light-content .widget-posts {
  color: #bbb; }

.light-content .widget-posts li {
  border-color: #282828; }

.light-content .widget-posts li a {
  color: #ccc; }

.light-content .widget-posts li a:hover {
  color: #fff; }

/* ==============================
   Shop
   ============================== */
.shopping-cart-table a {
  text-decoration: none; }

table.shopping-cart-table tr th,
table.shopping-cart-table tr td {
  vertical-align: middle;
  border-color: #282828; }

.light-content .shopping-cart-table {
  color: #fff; }

/* ==============================
   Pricing
   ============================== */
.pricing-item {
  margin: 0 0 30px;
  position: relative;
  text-align: center; }

.pricing-item-inner {
  border: 1px solid #e1e1e1;
  vertical-align: middle;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.pricing-item-inner:hover {
  border-color: #111; }

.main .pricing-item-inner {
  border-color: #111; }

.pricing-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
  text-align: center;
  overflow: hidden; }

.pricing-icon {
  padding-top: 10px;
  padding-bottom: 5px;
  position: relative;
  font-size: 32px;
  z-index: 1; }

.pricing-title {
  position: relative;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  z-index: 1; }

.pr-list {
  margin: 0 -20px 30px;
  padding: 0;
  font-size: 16px; }

.pr-list li {
  padding: 12px 20px;
  list-style: none;
  border-bottom: 1px solid #f1f1f1; }

.pr-list li:first-child {
  border-top: 1px solid #f1f1f1; }

.pricing-num {
  font-size: 52px;
  font-weight: 600;
  line-height: 1; }

.pricing-num sup {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: -20px;
  left: -6px;
  margin-left: -7px; }

.pr-button {
  margin: 30px -20px 0;
  padding-top: 30px;
  border-top: 1px solid #f1f1f1; }

.pr-per {
  color: #757575;
  font-size: 14px; }

.light-content .pricing-item {
  font-weight: 400; }

.light-content .pricing-item-inner {
  border-color: #383838; }

.light-content .pricing-item-inner:hover {
  border-color: #fff; }

.light-content .main .pricing-item-inner {
  border-color: #fff; }

.light-content .pricing-title {
  font-weight: 400;
  /*500*/ }

.light-content .pr-list li {
  border-color: #282828; }

.light-content .pr-list li:first-child {
  border-color: #282828; }

.light-content .pr-button {
  border-color: #282828; }

.light-content .pr-per {
  color: #bbb; }

/* ==============================
   Shortcodes
   ============================== */
/*
 * Lightbox Modal
 */
.mfp-inline-holder .mfp-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
  background: #fff; }

/*
 * Owl Carousel
 */
.owl-buttons {
  position: static; }

.owl-prev,
.owl-next {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 27px;
  height: 57px;
  padding: 11px;
  box-sizing: content-box;
  font-size: 57px;
  text-align: center;
  color: #111;
  opacity: .8;
  z-index: 6;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.owl-prev:hover,
.owl-next:hover {
  opacity: 1; }

.light-content .owl-prev,
.light-content .owl-next {
  color: #fff; }

.dark-content .owl-prev,
.dark-content .owl-next {
  color: #111; }

.owl-prev {
  left: 20px; }

.owl-next {
  right: 20px; }

.owl-prev svg,
.owl-next svg {
  display: block;
  height: 1em; }

.owl-pagination {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  line-height: 1; }

.owl-page {
  display: inline-block;
  padding: 7px;
  position: relative;
  z-index: 1000 !important; }

.owl-page span {
  width: 8px;
  height: 8px;
  display: block;
  background: none;
  border: 1px solid #111;
  position: relative;
  border-radius: 50%;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.owl-page.active span {
  background: #111;
  border: 1px solid #111; }

.light-content .owl-page span {
  border: 1px solid #fff;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); }

.light-content .owl-page.active span {
  background: #fff;
  border: 1px solid #fff; }

.dark-content .owl-page span {
  border: 1px solid #111;
  box-shadow: none; }

.dark-content .owl-page.active span {
  background: #111;
  border: 1px solid #111; }

.text-slider {
  padding-bottom: 76px; }

.text-slider .owl-pagination {
  bottom: 0; }

.text-slider .owl-prev,
.text-slider .owl-next {
  top: 13px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0); }

.text-slider .owl-prev {
  left: -87px; }

.text-slider .owl-next {
  right: -87px; }

.item-carousel .owl-prev {
  left: -30px; }

.item-carousel .owl-next {
  right: -30px; }

.small-item-carousel.owl-carousel .owl-prev,
.small-item-carousel.owl-carousel .owl-next {
  opacity: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.item-carousel {
  padding-bottom: 70px; }

.item-carousel .owl-pagination {
  bottom: 0; }

.work-full-slider .owl-pagination,
.content-slider .owl-pagination {
  bottom: 15px; }

.work-full-slider img {
  width: 100%; }

/* Owl carousel animation */
.owl-animate-1 {
  opacity: 0;
  -webkit-transform: translateY(-100px) translateZ(0) scale(0.5);
  transform: translateY(-100px) translateZ(0) scale(0.5);
  -webkit-transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1); }

.owl-item.active .owl-animate-1 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  -webkit-transition-delay: 0;
  transition-delay: 0; }

.owl-animate-2 {
  opacity: 0;
  -webkit-transform: translateY(-30px) translateZ(0) scale(0.75) perspective(600px) rotateX(45deg);
  transform: translateY(-30px) translateZ(0) scale(0.75) perspective(600px) rotateX(45deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1); }

.owl-item.active .owl-animate-2 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1) perspective(1000px) rotateX(0);
  transform: translateY(0) scale(1) perspective(1000px) rotateX(0);
  -webkit-transition-delay: 0;
  transition-delay: 0; }

.owl-animate-3 {
  opacity: 0;
  -webkit-transform: translateX(50px) translateZ(0) translateY(50px) scale(0.75);
  transform: translateX(50px) translateZ(0) translateY(50px) scale(0.75);
  -webkit-transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.5s 0.2s cubic-bezier(0, 0, 0.58, 1); }

.owl-item.active .owl-animate-3 {
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
  -webkit-transition-delay: 0;
  transition-delay: 0; }

@media print {
  .owl-animate-1,
  .owl-animate-2,
  .owl-animate-3 {
    -webkit-transition: none !important;
    transition: none !important; } }
.owl-delay-200 {
  -webkit-transition-delay: .20s;
  transition-delay: .20s; }

.owl-delay-250 {
  -webkit-transition-delay: .25s;
  transition-delay: .25s; }

.owl-delay-300 {
  -webkit-transition-delay: .3s;
  transition-delay: .3s; }

.owl-delay-350 {
  -webkit-transition-delay: .35s;
  transition-delay: .35s; }

.owl-delay-400 {
  -webkit-transition-delay: .4s;
  transition-delay: .4s; }

.owl-delay-450 {
  -webkit-transition-delay: .45s;
  transition-delay: .45s; }

.owl-delay-500 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }

.owl-delay-550 {
  -webkit-transition-delay: .55s;
  transition-delay: .55s; }

.owl-delay-600 {
  -webkit-transition-delay: .6s;
  transition-delay: .6s; }

.owl-delay-650 {
  -webkit-transition-delay: .65s;
  transition-delay: .65s; }

.owl-delay-700 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s; }

.owl-delay-750 {
  -webkit-transition-delay: .75s;
  transition-delay: .75s; }

.owl-delay-800 {
  -webkit-transition-delay: .8s;
  transition-delay: .8s; }

.owl-delay-850 {
  -webkit-transition-delay: .85s;
  transition-delay: .85s; }

.owl-delay-900 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s; }

.owl-delay-950 {
  -webkit-transition-delay: .95s;
  transition-delay: .95s; }

.owl-delay-1000 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s; }

/*
 * Tabs
 */
.tpl-tabs {
  border-color: #ccc; }

.tpl-tabs > li > a,
.tpl-tabs > li > a:hover {
  color: #757575;
  text-decoration: none; }

.tpl-tabs li .nav-link.active {
  border-color: #ccc #ccc #fff; }

.tpl-tabs-cont {
  padding: 30px 0;
  line-height: 1.8; }

.light-content .tpl-tabs {
  border-color: #bbb; }

.light-content .tpl-tabs > li > a {
  color: #ccc; }

.light-content .tpl-tabs li .nav-link:hover {
  border-color: #333 #333 transparent;
  color: #fff; }

.light-content .tpl-tabs li .nav-link.active {
  border-color: #bbb #bbb #1b1b1b;
  background-color: transparent;
  color: #fff; }

/*
 * Tabs minimal
 */
.tpl-minimal-tabs {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  border: none; }

.tpl-minimal-tabs > li {
  display: inline-block;
  padding: 0 30px;
  background: none !important; }

.tpl-minimal-tabs > li > a {
  padding: 7px 20px 7px;
  text-decoration: none;
  color: #111;
  background: none;
  border: 1px solid transparent;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important; }

.tpl-minimal-tabs > li > a:hover {
  background: none;
  border-color: #ccc !important;
  color: #111; }

.tpl-minimal-tabs li a.active,
.tpl-minimal-tabs li a.active:hover {
  border: 1px solid #222 !important;
  background: none !important;
  color: #111 !important;
  cursor: default; }

.light-content .tpl-minimal-tabs > li > a {
  color: #fff; }

.light-content .tpl-minimal-tabs > li > a:hover {
  border-color: #555 !important; }

.light-content .tpl-minimal-tabs li a.active,
.light-content .tpl-minimal-tabs li a.active:hover {
  border: 1px solid #fff !important;
  color: #fff !important; }

/*
 * Tabs Alternative
 */
.tpl-alt-tabs {
  display: block;
  text-align: center;
  border: none; }

.tpl-alt-tabs > li {
  width: 215px;
  display: inline-block;
  vertical-align: top;
  float: none;
  padding: 0;
  background: none !important;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em; }

.tpl-alt-tabs > li > a {
  text-decoration: none;
  color: #757575;
  background: none !important;
  border: none !important;
  -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.tpl-alt-tabs > li > a:hover {
  background: none;
  color: #111; }

.tpl-alt-tabs li a.active,
.tpl-alt-tabs li a.active:hover,
.tpl-alt-tabs li a.active:focus {
  cursor: default;
  color: #111 !important; }

.alt-tabs-icon {
  display: block;
  margin: 0 auto 18px auto;
  width: 1em;
  height: 1em;
  font-size: 72px;
  text-align: center;
  line-height: 1.3;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.alt-tabs-icon svg {
  display: block;
  width: 1em;
  height: 1em; }

.alt-tabs-icon img {
  width: 100%; }

.light-content .tpl-alt-tabs > li {
  font-weight: 400;
  /*500*/ }

.light-content .tpl-alt-tabs > li > a {
  color: #bbb; }

.light-content .tpl-alt-tabs > li > a:hover {
  color: #fff; }

.light-content .tpl-alt-tabs li a.active,
.light-content .tpl-alt-tabs li a.active:hover,
.light-content .tpl-alt-tabs li a.active:focus {
  color: #fff !important; }

/*
 * Alert messages
 */
.alert {
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/*
 * Accordion
 */
.accordion {
  border-bottom: 1px solid #111; }

.accordion > dt {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em; }

.accordion > dt > a {
  display: block;
  position: relative;
  color: #111;
  text-decoration: none;
  padding: 20px 0 20px 30px;
  border-top: 1px solid #111;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.accordion > dt > a:hover {
  text-decoration: none; }

.accordion > dt > a.active {
  cursor: default; }

.accordion > dt > a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 0px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" width="15px" height="15px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/></svg>'); }

.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
  transform: rotate(-180deg);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" width="15px" height="15px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>'); }

.accordion > dd {
  margin-bottom: 1.55em;
  color: #111;
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  opacity: 1; }

.light-content .accordion {
  border-color: #fff; }

.light-content .accordion > dt {
  font-weight: 400;
  /*500*/ }

.light-content .accordion > dt > a {
  color: #fff;
  border-color: #fff; }

.light-content .accordion > dt > a:after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="9px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/></svg>'); }

.light-content .accordion > dd {
  color: #fff;
  font-weight: 400; }

/*
 * Toggle
 */
.toggle {
  border-bottom: 1px solid #111; }

.toggle > dt {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em; }

.toggle > dt > a {
  display: block;
  position: relative;
  color: #111;
  text-decoration: none;
  padding: 20px 0 20px 30px;
  border-top: 1px solid #111;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.toggle > dt > a:hover {
  text-decoration: none; }

.toggle > dt > a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: 0px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" width="15px" height="15px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/></svg>'); }

.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after {
  transform: rotate(-180deg);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" width="15px" height="15px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>'); }

.toggle > dd {
  margin-bottom: 1.55em;
  color: #111;
  font-size: 16px;
  font-weight: 400;
  /*500*/
  line-height: 1.625;
  opacity: 1; }

.light-content .toggle {
  border-color: #fff; }

.light-content .toggle > dt {
  font-weight: 400;
  /*500*/ }

.light-content .toggle > dt > a {
  color: #fff;
  border-color: #fff; }

.light-content .toggle > dt > a:after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="9px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M13.006,0.961 L14.273,2.228 L7.500,9.001 L0.742,2.243 L2.009,0.976 L7.500,6.467 L13.006,0.961 Z"/></svg>'); }

.light-content .toggle > dd {
  color: #fff;
  font-weight: 400; }

/*
 * Progress bars
 */
.tpl-progress {
  margin-top: 10px;
  margin-bottom: 50px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: visible;
  height: 5px;
  background: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.tpl-progress .progress-bar {
  padding-top: 2px;
  position: relative;
  overflow: visible;
  background-color: #222;
  font-size: 12px;
  color: #111;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.tpl-progress .progress-bar > div {
  position: relative;
  top: 12px; }

.tpl-progress .progress-bar > span {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  padding: 0 3px;
  position: absolute;
  top: 4px;
  right: -5px;
  text-align: center;
  line-height: 23px;
  letter-spacing: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

.light-content .tpl-progress {
  background: #1f1f1f; }

.light-content .tpl-progress .progress-bar {
  background: #fff;
  color: #fff; }

/* Alt bar */
.tpl-progress-alt {
  height: 20px;
  line-height: 20px;
  badding-bottom: 1px;
  margin-bottom: 30px;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.tpl-progress-alt .progress-bar {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  overflow: visible;
  background-color: #222;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.light-content .tpl-progress-alt {
  background: #1f1f1f; }

.light-content .tpl-progress-alt .progress-bar {
  background: #fff;
  color: #111; }

/*
 * Font Awesome icons examples
 */
.fa-examples {
  display: flex;
  flex-wrap: wrap;
  color: #555;
  margin-left: 1px; }

.fa-examples > li {
  width: 20%;
  min-height: 40px;
  padding: 0;
  border: 1px solid #e5e5e5;
  margin: -1px 0 0 -1px;
  font-size: 13px; }

.fa-examples > li:hover {
  background: #f5f5f5;
  color: #000; }

.fa-examples > li > div > div {
  display: inline-block; }

.fa-examples > li > div {
  position: relative;
  padding-left: 45px; }

.fa-examples > li > div > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  border-right: 1px solid #f1f1f1;
  line-height: 40px;
  text-align: center;
  font-size: 14px; }

.fa-examples > li > div > a i {
  font-size: 16px; }

.light-content .fa-examples {
  color: #ccc; }

.light-content .fa-examples > li {
  border-color: #282828; }

.light-content .fa-examples > li:hover {
  background-color: #1f1f1f;
  color: #fff; }

.light-content .fa-examples > li > div > a {
  border-color: #282828; }

/*
 * Iconmonstr icons examples
 */
.icon-example-box {
  position: relative;
  padding: 30px;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.icon-example-box:hover {
  background-color: #eee; }

.icon-example-box-icon {
  width: 1em;
  height: 1em;
  margin: 0 auto;
  font-size: 72px;
  text-align: center;
  line-height: 1;
  color: #111111; }

.icon-example-box-icon svg {
  display: block;
  width: 1em;
  height: 1em; }

.icon-example-box-number {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 15px;
  opacity: .75; }

.light-content .icon-example-box {
  background-color: #1f1f1f; }

.light-content .icon-example-box:hover {
  background-color: #333; }

.light-content .icon-example-box-icon {
  color: #fff; }

/* ==============================
   Intro page
   ============================== */
.intro-page .main-nav {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.intro-page .main-nav:not(.body-scrolled) {
  box-shadow: none; }

.intro-image {
  width: 100%; }

.intro-label {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.intro-label .badge {
  padding: 5px 7px 6px 7px;
  font-size: 14px; }

.label-new {
  background: #f1273c;
  color: #fff;
  padding: 2px 3px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px; }

.label-for-button {
  position: absolute;
  top: -5px;
  right: -5px; }

.intro-label-round {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -5px;
  right: -5px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  line-height: 50px;
  background: #f32929;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.buy-button {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 8px 0;
  position: fixed;
  bottom: 75px;
  right: 20px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  z-index: 100;
  -webkit-transition: all 0.17s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.17s cubic-bezier(0, 0, 0.58, 1); }

.buy-button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #58bf44;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.buy-button:hover,
.buy-button:focus {
  color: #ffffff;
  text-decoration: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2); }

.buy-button i {
  position: relative;
  left: -1px; }

.buy-button span {
  display: block;
  position: relative;
  margin-top: 1px;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase; }

.btn-mod.btn-intro {
  padding-left: 30px;
  padding-right: 30px; }

.container-1400 {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 2%;
  padding-right: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-sm-row {
  margin-left: -5px;
  margin-right: -5px; }

.grid-sm-row [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px; }

.grid-lg-row {
  margin-left: -15px;
  margin-right: -15px; }

.grid-lg-row [class^="col-"] {
  padding-left: 15px;
  padding-right: 15px; }

.grid-showcase-1 .post-prev-img a img, .grid-showcase-1 .divimage a img {
  -webkit-transition: none;
  transition: none; }

.grid-showcase-1 .post-prev-img a:hover img, .grid-showcase-1 .divimage a:hover img {
  -webkit-transform: scale(1);
  transform: scale(1); }

.grid-showcase-1 .post-prev-img, .grid-showcase-1 .divimage {
  margin-bottom: 20px; }

.grid-showcase-1 .post-prev-img img, .grid-showcase-1 .divimage img {
  border-radius: 7px; }

.grid-showcase-1 .post-prev-img a:after, .grid-showcase-1 .divimage a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 7px; }

.light-content .grid-showcase-1 .post-prev-img a:after, .light-content .grid-showcase-1 .divimage a:after {
  border-color: rgba(255, 255, 255, 0.1); }

.grid-showcase-1 .post-prev-title {
  font-size: 20px; }

.intro-label-round {
  z-index: 1;
  top: -10px;
  right: -10px; }

.intro-images {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 0; }

.intro-images-item {
  position: relative;
  width: 15.885416vw;
  margin-left: 0.5989583vw; }

.intro-images-item:hover {
  z-index: 1; }

.intro-images-item:first-child {
  margin-left: 0; }

.intro-images-item:first-child,
.intro-images-item:last-child {
  width: 8.385416vw; }

.intro-images-item-single {
  position: relative;
  margin-top: 0.5989583vw;
  overflow: hidden;
  opacity: .99;
  border-radius: 3px;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.intro-images-item-single:hover {
  opacity: 1;
  transform: scale(1.15);
  z-index: 1;
  -webkit-box-shadow: 0 10px 100px rgba(17, 17, 17, 0.17);
  box-shadow: 0 10px 100px rgba(17, 17, 17, 0.17); }

.light-content .intro-images-item-single:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

.intro-images-item-single:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.intro-images-item:first-child .intro-images-item-single {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.intro-images-item:last-child .intro-images-item-single {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.intro-images-item-single img {
  width: 100%; }

/* ==============================
   Skip to Content Link
   ============================== */
.skip-to-content {
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 20px 40px;
  color: #ffffff;
  background: #111;
  -webkit-transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  transform: translateY(-150%);
  z-index: 100000; }

.skip-to-content:hover,
.skip-to-content:focus,
.skip-to-content.focus-visible {
  color: #ffffff;
  opacity: 1;
  background: #000;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0); }

/* ==============================
   Morphext
   ============================== */
.morphext > .animated {
  display: inline-block;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s; }

/* File: Customized Styles */
/* ==============================
   Products Detail Page
   ============================== */
.detailprodoption {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

select.detailprodoption {
  min-width: 275px;
  height: 2.5em; }

/* ==============================
	PRODUCT OPTION HOVER EFFECTS
   ============================== */
.ectoptioncontainer {
  clear: both; }

div.detailoption input[type=radio], div.detailoption input[type=checkbox] {
  display: none; }

div.detailoption :hover + label,
.prodtoggle:hover {
  background-color: #333;
  color: white !important; }

div.detailoption :checked + label, .onstyle {
  background: #000 !important;
  color: white !important; }

.detailoptions .radio input {
  display: inline-block; }

.detailoption .button input[type=radio], .detailoption .button input input[type=checkbox] {
  display: none; }

.slideupgrade input[type=checkbox] {
  display: initial !important;
  appearance: revert !important;
  box-shadow: none !important;
  width: initial; }

.slideupgrade label {
  border: none !important;
  padding: none !important; }

/* ==============================
	Product Descriptions
   ============================== */
.color-list .swatch {
  display: inline-block;
  width: 50px;
  height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden; }

.color-list img {
  display: inline-block;
  width: 50px;
  height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: inherit; }

.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }

.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #004261;
  color: #0093d8; }

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal; }

.oostock {
  display: none !important; }

div.notifyinstock {
  background: #FFF;
  margin: 30vh auto;
  width: 350px;
  max-width: 98%;
  padding: 2px;
  border-radius: 8px;
  box-shadow: 5px 5px 2px #666;
  overflow: auto; }
  div.notifyinstock div {
    background-color: white; }

.detailnotifystock {
  clear: both;
  text-align: center; }
  .detailnotifystock a {
    text-decoration: none; }

.detailinstock {
  clear: both; }

.detailthumbnailimage {
  text-align: center; }

.prodtoggle {
  display: inline-block;
  width: initial;
  border: none;
  min-width: 80px; }
  .prodtoggle br {
    display: block; }
  .prodtoggle a {
    text-decoration: none; }
  .prodtoggle a:hover {
    text-decoration: none;
    color: white; }
  .prodtoggle i {
    margin: auto;
    margin-bottom: 5px; }

/*-- crossed out OOS options --*/
div.detailoption input:checked + label.oostock {
  border: #000 1px solid !important;
  background: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='100%25' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3Cline x1='100%25' y1='0' x2='0' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  image-rendering: -webkit-optimize-contrast;
  color: #000 !important; }

div.detailoption input:hover + label.oostock {
  background: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='100%25' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3Cline x1='100%25' y1='0' x2='0' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  image-rendering: -webkit-optimize-contrast;
  color: #000 !important; }

label.oostock {
  display: inline-block !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='100%25' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3Cline x1='100%25' y1='0' x2='0' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3C/svg%3E") !important; }

.opt-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='100%25' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3Cline x1='100%25' y1='0' x2='0' y2='100%25' style='stroke:%23000; stroke-width:1' /%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  image-rendering: -webkit-optimize-contrast; }

.detailimage {
  text-align: center; }

.printsize label {
  text-transform: none !important; }

div.products:after, div.products:before,
div.csproducts:after, div.csproducts:before {
  display: none; }

.csaddtocart, .csprodprice, .cslistprice, .csimagenavigator {
  display: none !important; }

.prodprice, .detailprice, .listprice, .csprodprice {
  display: inline-block; }
  .prodprice strong, .detailprice strong, .listprice strong, .csprodprice strong {
    display: none; }

.listprice, .detaillistprice, .cslistprice {
  display: inline-block; }

@media screen and (min-width: 1040px) {
  .stretch-500 {
    min-height: 600px; } }

@media screen and (min-width: 1040px) {
  .stretch-600 {
    min-height: 600px; } }

@media screen and (min-width: 1040px) {
  .stretch-700 {
    min-height: 600px; } }

div.cartoptiongroup {
  text-align: right; }

div.products div.imagenavigator > span.extraimage,
div.products div.imagenavigator > input.previmg,
div.csproducts div.csimagenavigator > span.extraimage,
div.csproducts div.csimagenavigator > input.previmg {
  display: none; }

@media screen and (min-width: 500px) and (max-width: 749px) {
  div.product:nth-child(2n+1) {
    clear: left; }

  div.product {
    padding: 6px;
    width: 50%;
    float: left; } }
@media screen and (max-width: 499px) {
  div.product {
    clear: both; }

  div.product {
    display: block;
    width: 100%;
    padding: 6px;
    margin: auto; } }
div.prodname {
  font-size: clamp(0.9rem, 2.5vw, 1.2rem); }
  @media all and (max-width: 940px) {
    div.prodname {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }

div.catnavandcheckout {
  margin-bottom: 10px; }

.catnavcheckout {
  display: none; }

/* ==============================
   Page Numbers
   ============================== */
.pagenumbers .ectlink {
  font-size: 13px;
  font-family: "Open Sans", arial, sans-serif; }

div.pagenumbers > span.pagebarprevnext {
  display: none; }

.pagenumbers a.ectlink,
.pagenumbers span.currpage,
.pagenumbers span.currpage:hover,
.pagenumbers > span.pagebarquo {
  display: inline-block;
  min-width: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 14px;
  border: 1px solid #eaeaea;
  color: #999;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  margin: 0 2px;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.pagenumbers span.pagebarquo {
  margin-top: 1px; }

.pagenumbers a.ectlink:hover {
  text-decoration: none;
  border-color: #bbb;
  color: #444; }

.pagenumbers span.currpage,
.pagenumbers span.currpage:hover {
  border-color: #bbb;
  color: #444;
  cursor: default; }

.pagenumbers a.ectlink.no-active,
.pagenumbers a.ectlink.no-active:hover {
  border-color: #efefef;
  color: #bbb;
  cursor: default; }

span.pagebarsep::after {
  display: none; }

div.prodnavigation + div.checkoutbutton {
  display: none; }

.prodfilter {
  display: inline-block;
  margin-right: 5px; }

img.nextimg {
  height: 2.5em !important;
  padding: 10px 30px; }

.cartcoupontext > label {
  color: gray;
  font-weight: normal; }

div.prodprice, div.detaillink, div.qbuybutton, div.addtocart, div.notifyinstock {
  font-size: .9em; }

span.prodpricelabel {
  display: none; }
  span.prodpricelabel::after {
    content: ": "; }

div.detailoption > br,
div.prodname + br,
div.prodimage + br,
div.prodcustom2 + br,
div.shiptime + br,
div.csprodname + br {
  display: none; }

.ectdivhead {
  border-bottom: 1px solid #ccc !important; }

.source_col {
  width: 33%;
  float: left; }

.source_col label {
  clear: left;
  float: left; }

.cs-row {
  margin-top: 25px; }

.cs-row div.products {
  margin-top: 0px; }

input[type="radio"] {
  margin-right: 5px; }

div.emfmaindiv {
  width: 98%;
  max-width: 400px;
  margin: auto;
  margin-top: 100px;
  overflow: auto;
  background-color: white;
  padding: 1%; }

.socialemailfriend, .socialaskaquestion {
  display: inline-block;
  padding: 0px 5px; }

@media screen and (max-width: 768px) {
  div.proddetail-col2 > div, .socialmediabuttons {
    text-align: center; }

  #apparel-tabs {
    padding-top: 0px; }

  .addtocart.detailaddtocart, .detailquantity2div, .proddetail-col2 {
    text-align: center; } }
div.quantity2div {
  border-radius: 6px;
  width: 90px;
  border: 1px solid #ccc;
  overflow: auto;
  font-size: 1.2em;
  color: #aaa;
  text-align: center;
  vertical-align: middle; }

input.quantity2input, input.detailquantity2input {
  text-align: center;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: #CCC;
  border-style: solid; }

.detailquantitytext {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px; }

.shiptime {
  display: block !important; }

.detaildescription ul {
  text-align: initial; }

.filters-toggle {
  font-weight: 300;
  position: absolute;
  right: 30px;
  margin: 0;
  top: -28px;
  background: #1a1a1a;
  padding: 2px 8px;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
  color: #FFF;
  z-index: 1000; }
  .filters-toggle:hover {
    background: #CCC; }
  .filters-toggle.viewFilter {
    color: #FFF; }
  @media all and (max-width: 400px) {
    .filters-toggle {
      display: none; } }

@media all and (max-width: 1200px) {
  .footer-widget div:nth-child(3) {
    clear: left; } }
.mfp-iframe-scaler iframe {
  background: #fff; }

.mz-hint {
  left: initial; }

.proddetailmenu {
  list-style: none;
  line-height: 1.2em;
  text-align: center; }
  .proddetailmenu a {
    color: grey; }

.proddetailmenu span {
  display: block;
  text-align: center; }

.proddetailmenu a {
  text-decoration: none; }

.discountsapply {
  display: none; }

.bg-color-2 {
  background-color: #e13939 !important; }

/* Wall Decals */
.cc-wrap {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 75px;
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  font-size: .8em;
  margin: 5px 0; }

.cc-wrap div {
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 auto;
  border-radius: 50%; }

.vinyl-white {
  background-color: #fff;
  border: #ccc 1px solid; }

.vinyl-golden {
  background-color: #faaa19; }

.vinyl-yellow {
  background-color: #ffc91a; }

.vinyl-maize {
  background-color: #fbd295; }

.vinyl-darkred {
  background-color: #942f34; }

.vinyl-red {
  background-color: #bb2d36; }

.vinyl-burgundy {
  background-color: #6d0d12; }

.vinyl-orange {
  background-color: #e0512c; }

.vinyl-persimmon {
  background-color: #e47d42; }

.vinyl-nutbrown {
  background-color: #cf5227; }

.vinyl-violet {
  background-color: #694373; }

.vinyl-lavender {
  background-color: #826bab; }

.vinyl-lilac {
  background-color: #bc93bd; }

.vinyl-lipstick {
  background-color: #b75772; }

.vinyl-pink {
  background-color: #cb3e7a; }

.vinyl-softpink {
  background-color: #f18bb8; }

.vinyl-carnation {
  background-color: #ecb6c3; }

.vinyl-darkblue {
  background-color: #363f63; }

.vinyl-gentian {
  background-color: #005fa8; }

.vinyl-lightblue {
  background-color: #0091c7; }

.vinyl-geyser {
  background-color: #5abfd3; }

.vinyl-powder {
  background-color: #b1d0e8; }

.vinyl-teal {
  background-color: #0194ba; }

.vinyl-turqoise {
  background-color: #008892; }

.vinyl-mint {
  background-color: #71c8b9; }

.vinyl-darkgreen {
  background-color: #1c4635; }

.vinyl-green {
  background-color: #00865f; }

.vinyl-yellowgreen {
  background-color: #3e9f46; }

.vinyl-lime {
  background-color: #70ab42; }

.vinyl-celadon {
  background-color: #b9c191; }

.vinyl-keylime {
  background-color: #c3de97; }

.vinyl-olive {
  background-color: #909365; }

.vinyl-beige {
  background-color: #d1c5a7; }

.vinyl-lightbrown {
  background-color: #ab8c62; }

.vinyl-brown {
  background-color: #54463d; }

.vinyl-warmgrey {
  background-color: #b9b5aa; }

.vinyl-grey {
  background-color: #7a8284; }

.vinyl-darkgrey {
  background-color: #4f5152; }

.vinyl-black {
  background-color: #231f20; }

.vinyl-gold {
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d4af37), color-stop(1, #f8f2df));
  background-image: -o-linear-gradient(right bottom, #d4af37 0, #f8f2df 100%);
  background-image: -moz-linear-gradient(right bottom, #d4af37 0, #f8f2df 100%);
  background-image: -webkit-linear-gradient(right bottom, #d4af37 0, #f8f2df 100%);
  background-image: -ms-linear-gradient(right bottom, #d4af37 0, #f8f2df 100%);
  background-image: linear-gradient(to right bottom, #d4af37 0, #f8f2df 100%); }

.vinyl-silver {
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #bcc6cc), color-stop(1, #f6f7f8));
  background-image: -o-linear-gradient(right bottom, #bcc6cc 0, #f6f7f8 100%);
  background-image: -moz-linear-gradient(right bottom, #bcc6cc 0, #f6f7f8 100%);
  background-image: -webkit-linear-gradient(right bottom, #bcc6cc 0, #f6f7f8 100%);
  background-image: -ms-linear-gradient(right bottom, #bcc6cc 0, #f6f7f8 100%);
  background-image: linear-gradient(to right bottom, #bcc6cc 0, #f6f7f8 100%); }

.vinyl-copper {
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #b87333), color-stop(1, #f0dbc7));
  background-image: -o-linear-gradient(right bottom, #b87333 0, #f0dbc7 100%);
  background-image: -moz-linear-gradient(right bottom, #b87333 0, #f0dbc7 100%);
  background-image: -webkit-linear-gradient(right bottom, #b87333 0, #f0dbc7 100%);
  background-image: -ms-linear-gradient(right bottom, #b87333 0, #f0dbc7 100%);
  background-image: linear-gradient(to right bottom, #b87333 0, #f0dbc7 100%); }

/* Options */
label[for="1807"]::before {
  content: "."; }

input[data-optgroup="9"][value="5"] + span:before {
  content: url(@{url}/images/new-badge.png);
  width: 39px;
  height: 22px;
  position: absolute;
  display: block;
  left: 1px;
  top: -8px; }

div.categories > div.category,
div.products > div.product,
div.csproducts > div.csproduct {
  margin: 0;
  border: none;
  text-align: center;
  flex: 1 0 calc((100%/2) - 0.5rem);
  max-width: calc((100%/2) - 0.5rem); }
  @media (min-width: 576px) {
    div.categories > div.category,
    div.products > div.product,
    div.csproducts > div.csproduct {
      flex: 1 0 calc((100%/3) - 0.5rem);
      max-width: calc((100%/3) - 0.5rem); } }
  @media (min-width: 1024px) {
    div.categories > div.category,
    div.products > div.product,
    div.csproducts > div.csproduct {
      flex: 1 0 calc((100%/4) - 0.5rem);
      max-width: calc((100%/4) - 0.5rem); } }
  @media only screen and (max-width: 767px) {
    div.categories > div.category,
    div.products > div.product,
    div.csproducts > div.csproduct {
      margin-bottom: 5px !important; } }

div.categories,
div.products,
div.csproducts {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 0;
  gap: .8rem 5px; }

.category.hidden {
  display: none; }

.catname {
  font-size: clamp(1rem, 2.5vw, 1.2rem); }

.catdesc {
  font-size: .9rem;
  line-height: 1.4rem; }

div.newprodmenu {
  text-align: center; }
  div.newprodmenu ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 5px; }
  div.newprodmenu li {
    list-style: none;
    flex-basis: 100px;
    font-size: .85rem; }
    @media only screen and (max-width: 500px) {
      div.newprodmenu li {
        flex: 0 0 calc((100%/4) - 0.5rem); } }

.moreproductstabmenu li {
  flex-basis: 100px; }

.moreproductstabmenu li,
.otheravailprodsmenu > div {
  list-style: none; }

.otheravailprodsmenu2 {
  display: flex;
  justify-content: center; }

ul.moreproductstabmenu {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .25rem; }

li.moreproductstabmenu {
  flex: 0 0 calc((100%/4) - 0.25rem); }

li.otheravailprodsmenu {
  flex: 1 0 18%; }

.detailthumbnailimage > .mz-thumb {
  flex: 0 0 auto;
  width: 33.33333333%; }
  @media (min-width: 768px) {
    .detailthumbnailimage > .mz-thumb {
      flex: 0 0 auto;
      width: 25%; } }

.loader-logo {
  background-image: url("../images/mw-preloader-35.png");
  background-repeat: no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -17px;
  z-index: 100002; }

.prodfeatures {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; }

.prodfeatures > div {
  flex: 1 0 21%; }

@media only screen and (max-width: 767px) {
  .prodfeatures > div {
    flex: 1 0 42%; } }
.igcircle {
  border-radius: 50%;
  border-color: #eee;
  border-width: medium;
  border-style: solid;
  padding: 5px; }

#igscroll .features-item {
  padding: 0 5px; }

#igscroll .features-title {
  font-size: 1rem; }

#igscroll .features-icon {
  margin-bottom: 5px; }

.ectbutton {
  text-transform: uppercase;
  --bs-btn-color: white;
  --bs-btn-bg: #ae8b17;
  --bs-btn-border-color: #ae8b17;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #947614;
  --bs-btn-hover-border-color: #8b6f12;
  --bs-btn-focus-shadow-rgb: 186, 156, 58;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8b6f12;
  --bs-btn-active-border-color: #836811;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ae8b17;
  --bs-btn-disabled-border-color: #ae8b17;
  border-radius: 3rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem; }

div.detailoption label,
.detailoption .button label,
.prodtoggle {
  color: initial; }

input.checkoutbutton:hover {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  outline: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
@media all and (max-width: 767px) {
  input.checkoutbutton {
    width: 100% !important; } }

@media (max-width: 1023.98px) {
  button.detailbuybutton, button.detailoutofstock, button.detailnotifystock {
    width: 100% !important; } }

.addtocart.detailaddtocart.detailoutofstock::after {
  content: '*Get Notified When Back';
  display: block; }

input.applycoupon:hover, input.updateestimator:hover {
  color: #444 !important;
  background: #d5d5d5 !important; }
input.applycoupon input[type=button], input.updateestimator input[type=button] {
  border: 0px; }

input.detailbuybutton {
  background: #e8414e;
  color: white;
  text-decoration: none;
  outline: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
  input.detailbuybutton:hover {
    background: rgba(232, 65, 78, 0.8);
    color: white; }

.detailaddtocartquant {
  margin-block: .75rem; }
  @media all and (max-width: 767px) {
    .detailaddtocartquant {
      width: 80%;
      margin: auto; } }

div.detailoption[role=radiogroup] {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem; }
  @media all and (max-width: 767px) {
    div.detailoption[role=radiogroup] {
      justify-content: center; } }

div.detailoption label,
.detailoption .button label,
.prodtoggle {
  background-color: #FFF;
  padding: 5px 8px;
  border: 1px solid #CCC; }
  div.detailoption label.oostock,
  .detailoption .button label.oostock,
  .prodtoggle.oostock {
    display: none; }
  div.detailoption label:hover + label,
  div.detailoption label .prodtoggle:hover,
  .detailoption .button label:hover + label,
  .detailoption .button label .prodtoggle:hover,
  .prodtoggle:hover + label,
  .prodtoggle .prodtoggle:hover {
    background-color: #333;
    color: white !important; }
  div.detailoption label:checked + label, div.detailoption label .onstyle,
  .detailoption .button label:checked + label,
  .detailoption .button label .onstyle,
  .prodtoggle:checked + label,
  .prodtoggle .onstyle {
    background: #000 !important;
    color: white !important; }

.detailoptiontext span.detailoption {
  text-transform: uppercase;
  clear: both; }
  .detailoptiontext span.detailoption label {
    font-weight: bold !important; }

div.rcoption {
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .addtocart.detailaddtocart > * {
    width: 100%; } }

label.ectlabel.cdformradio:has(input[name="payprovider"][value="13"])::after {
  content: '\f1f0 \f1f1 \f1f2 \f1f3';
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 8px;
  font-size: 1em;
  color: currentColor;
  letter-spacing: 0.5em; }

label.ectlabel.cdformradio::after {
  content: "\f1f0 \f1f1 \f1f2 \f1f3";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 8px;
  font-size: 1em;
  color: currentColor;
  letter-spacing: 0.5em;
  display: inline-block;
  vertical-align: middle; }

label.ectlabel.cdformradio:has(input[name="payprovider"][value="13"])::after {
  content: '\f1f0 \f1f1 \f1f2 \f1f3';
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 8px;
  font-size: 1em;
  color: currentColor;
  letter-spacing: 0.5em; }

/* Show the pseudo-element */
label.ectlabel.cdformradio:has(input[name="payprovider"][value="27"])::after {
  content: '\f1f4 \f415 \f1ee';
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 8px;
  font-size: 1em;
  color: currentColor;
  letter-spacing: 0.5em;
  text-indent: 0;
  white-space: normal;
  overflow: visible;
  display: inline; }

button.ectbutton.createaccount::before {
  content: '\f234';
  /* Font Awesome 'user-plus' */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
  font-size: 1em;
  color: currentColor;
  display: inline-block; }

button.ectbutton.logintoaccount::before {
  content: '\f2bd';
  /* Font Awesome 'user-circle' */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
  font-size: 1em;
  color: currentColor;
  display: inline-block; }

.emptycartcontinue .ectbutton::before {
  content: '\f064';
  /* Font Awesome 'share' */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
  font-size: 1em;
  color: currentColor;
  display: inline-block;
  vertical-align: middle; }

input.ectbutton.newaccount {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20d%3D%22M96%20128a128%20128%200%201%201%20256%200A128%20128%200%201%201%2096%20128zM0%20482.3C0%20383.8%2079.8%20304%20178.3%20304l91.4%200C368.2%20304%20448%20383.8%20448%20482.3c0%2016.4-13.3%2029.7-29.7%2029.7L29.7%20512C13.3%20512%200%20498.7%200%20482.3zM504%20312l0-64-64%200c-13.3%200-24-10.7-24-24s10.7-24%2024-24l64%200%200-64c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024l0%2064%2064%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-64%200%200%2064c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.5em center;
  padding-left: 2em;
  /* Add space for the icon */ }

div.detailname h1 {
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  letter-spacing: clamp(-0.04rem, 2.5vw, 0rem); }

.prodname,
.prodprice,
.csprodname {
  color: #5f5f5f;
  letter-spacing: clamp(-0.04rem, 2.5vw, 0rem);
  line-height: 1.8;
  line-height: initial;
  text-align: center !important; }
  .prodname a,
  .prodprice a,
  .csprodname a {
    text-decoration: none; }

div.prodprice, div.listprice {
  display: inline-block;
  font-size: clamp(1rem, 2vw, 1.2rem); }

div.prodprice:has(+ div.listprice) {
  color: green; }

.proddescription {
  font-size: .85em;
  letter-spacing: -0.04em; }

.detaillistprice {
  margin-left: 10px; }

.listprice, .detaillistprice {
  color: #ff0000a3; }
  .listprice del, .detaillistprice del {
    text-decoration: line-through;
    text-decoration-thickness: 1px; }

div.detailprice, div.detaillistprice {
  font-size: 1.2rem;
  margin-block: 1rem; }
  div.detailprice strong, div.detaillistprice strong {
    display: none; }
  div.detailprice span, div.detaillistprice span {
    font-weight: bold; }

div.detaildiscounts {
  font-weight: bold;
  color: red;
  float: left;
  margin-top: 0;
  margin-left: 10px; }

.pagenumbers {
  clear: both;
  text-align: center; }

.loginprompt {
  text-align: center; }

.addtocart.detailaddtocart,
.detailoptions,
.loginprompt,
.detailid {
  margin-block: 10px; }

div.payprovider {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px; }

div.payprovider label.ectlabel {
  padding: .75rem;
  border-radius: 1rem; }
  div.payprovider label.ectlabel i {
    font-size: larger;
    vertical-align: middle; }
  div.payprovider label.ectlabel i.fab.fa-paypal {
    font-size: large; }
  div.payprovider label.ectlabel i.fab.fa-apple-pay, div.payprovider label.ectlabel i.fab.fa-google-pay {
    font-size: xx-large; }
  div.payprovider label.ectlabel:has(input:checked) {
    background-color: #E5E5E5; }

.detailid {
  font-size: .9em; }

.listprice,
.detaillistprice,
.cslistprice {
  font-size: 1rem;
  font-weight: 400;
  /*500*/
  color: #757575; }

.prodidlabel {
  font-weight: bold; }

div.prodlist {
  display: flex;
  flex-flow: row wrap; }
  @media only screen and (max-width: 767px) {
    div.prodlist {
      justify-content: center; } }
  div.prodlist ul li {
    text-align: left; }

.tpl-minimal-tabs {
  display: flex;
  justify-content: center; }

.tpl-minimal-tabs > li {
  padding: .25rem !important; }
  .tpl-minimal-tabs > li.nav-tabs .nav-link {
    margin-block: 5px !important; }

.tpl-minimal-tabs > li > a {
  border: 1px solid #ececec !important; }
  .tpl-minimal-tabs > li > a.active {
    background-color: #F2F2F2 !important; }
    .tpl-minimal-tabs > li > a.active:hover {
      background-color: #F2F2F2 !important; }

.tab-content.tpl-minimal-tabs-cont {
  margin-block: 1rem; }

.detailthumbnailimage > div.MagicScroll {
  height: 200px !important; }
  @media only screen and (max-width: 767px) {
    .detailthumbnailimage > div.MagicScroll {
      height: 150px !important; } }

.detailregionid7, .detailregionid2, .detailregionid8, .detailregionid19 {
  margin-bottom: 5px; }

div.ectsoftwrapper input[type="text"],
div.ectsoftwrapper input[type="email"],
div.ectsoftwrapper input[type="password"],
div.ectsoftwrapper textarea,
div.ectdivright input[type="text"],
div.ectdivright input[type="password"],
div.cobll input[type="text"],
div.cobll input[type="email"],
div.cobll input[type="tel"],
div.ectdivright textarea,
input.ecttextinput,
textarea.ecttextinput {
  height: 2rem;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 16px; }

div.detailoption textarea {
  height: 8rem;
  width: 100%;
  font-size: .9rem; }

div.cartmaincontents {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto; }

div.billformrow,
div.shipformrow,
div.cartheader,
div.nohidebillrow,
div.checkoutadditionals {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }

div.billformrow div.cobhl2,
div.nohidebillrow div.cobhl2,
div.shipformrow div.cobhl2 {
  text-align: right;
  padding-right: .5em;
  font-size: smaller;
  flex: 0 0 auto;
  width: 25%; }
  @media (min-width: 768px) {
    div.billformrow div.cobhl2,
    div.nohidebillrow div.cobhl2,
    div.shipformrow div.cobhl2 {
      margin-left: 16.66666667%;
      flex: 0 0 auto;
      width: 16.66666667%; } }

div.billformrow div.cobll2,
div.nohidebillrow div.cobll2,
div.shipformrow div.cobll2 {
  flex: 0 0 auto;
  width: 75%; }
  @media (min-width: 768px) {
    div.billformrow div.cobll2,
    div.nohidebillrow div.cobll2,
    div.shipformrow div.cobll2 {
      flex: 0 0 auto;
      width: 50%; } }

div.checkoutstep {
  min-width: 4rem; }

input[type].cdform1fixw, input[type].cdform2fixw, input[type].cdform3fixw,
select.cdform1fixw, select.cdform2fixw, select.cdform3fixw {
  width: 100%;
  max-width: 280px;
  box-sizing: border-box; }

div.product div {
  position: relative; }

.badge-button {
  line-height: 1;
  padding: .3rem .25rem .2rem;
  text-align: center;
  word-break: break-word;
  border-radius: .5em; }

div.product .badge-price {
  text-align: left; }

.badge-price {
  text-align: center;
  word-break: break-word; }
  @media all and (max-width: 767px) {
    .badge-price {
      text-align: left; } }

.shiptime-1.badge-image {
  bottom: 5px;
  left: 5px;
  position: absolute;
  font-size: .85rem;
  border-radius: .5em;
  padding: .35rem !important;
  border: 1px solid; }
  .shiptime-1.badge-image.badge-circle {
    border: 1px solid;
    border-radius: 1em !important;
    padding: 0 .25rem .15rem .23rem !important; }

.shiptime-1.badge-price {
  padding-left: .2rem;
  padding-bottom: .15rem;
  margin-right: .4rem;
  padding: 0rem .2rem .15rem .25rem;
  font-size: .75rem;
  border-radius: .5rem;
  border: 1px solid; }
  .shiptime-1.badge-price.badge-circle {
    display: inline-flex;
    border-radius: 1rem;
    padding: .25rem !important;
    border: transparent; }

.shiptime-1 {
  color: seagreen;
  border-color: seagreen; }
  .shiptime-1.badge-button {
    background-color: honeydew; }
  .shiptime-1.badge-circle {
    background-color: white !important; }
  .shiptime-1.badge-price {
    border-color: seagreen; }
  .shiptime-1 svg {
    display: inline-block;
    vertical-align: text-bottom;
    fill: seagreen; }

.shiptime-2 .badge-button {
  display: none; }

.new-tag {
  background-color: #EEE;
  position: absolute;
  display: inline-block;
  padding: 1px 8px;
  right: 0;
  top: 0; }

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer; }

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none; }

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2; }

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0; }

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1; }

.ectbreadcrumbs {
  margin-top: -5px;
  font-family: var(--font-global-alt);
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); }

.mobile-on .full-wrapper {
  display: grid;
  grid-template-areas: 'menu search logo cart';
  grid-template-rows: auto;
  grid-template-columns: 70px 30px 1fr 100px; }

.mobile-on .mobile-nav {
  grid-area: menu;
  justify-self: start; }

.mobile-on .nav-logo-wrap {
  grid-area: logo;
  justify-self: center; }

.mobile-on .mobile-search {
  grid-area: search;
  font-size: 1.2rem !important;
  padding-left: 1rem;
  vertical-align: middle;
  margin-left: auto; }

.mobile-on .mobile-cart {
  grid-area: cart;
  font-size: 1.2rem !important;
  padding-right: 0px;
  align-self: center;
  justify-self: end; }

.cstitle {
  font-size: 1.3rem;
  letter-spacing: -0.04em;
  margin-block: .5rem; }

div.cs-title,
.cstitle {
  text-align: center; }

.fp-bs-prodname, .fp-sku-prodname {
  font-size: clamp(1rem, 2.5vw, 1.1rem);
  letter-spacing: -0.04em;
  color: #5f5f5f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding: 0 .3rem; }

.mobile-nav-cart {
  display: none;
  float: right;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-property: background, color;
  -moz-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color; }

.mobile-nav-cart:hover,
.mobile-nav-cart.active {
  background: #fff;
  color: #777; }

.mobile-nav-cart:active {
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.05) inset; }

.no-js .mobile-nav-cart {
  width: 55px;
  height: 55px; }

.mobile-on .mobile-nav-cart {
  display: table; }

.mobile-nav-cart .fa {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 21px; }

@media only screen and (max-width: 767px) {
  .mobile-search,
  .mobile-search.small-height,
  .mobile-search,
  .mobile-search.small-height {
    height: 70px !important;
    line-height: 70px !important; } }

/** Cart overides */
.mobile-nav {
  padding-left: 0px;
  padding-right: 0px; }

.catnavigation {
  position: relative;
  overflow-y: hidden;
  white-space: nowrap;
  overflow-x: scroll;
  padding-right: 1rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .catnavigation > * {
    white-space: inline-block; }
  .catnavigation::-webkit-scrollbar {
    display: none; }

.catnavandcheckout {
  position: relative;
  font-size: clamp(1rem, 2.5vw, 1.25rem); }
  .catnavandcheckout:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 15px;
    pointer-events: none;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
    width: 1rem;
    height: 100%; }

div.searchform {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  div.searchform .searchheader, div.searchform .ectsearchsubmit, div.searchform .searchfilters_cntnr {
    flex-basis: 100%; }
  div.searchform .searchfor_cntnr {
    flex-grow: 1; }

.owl-carousel .owl-stage {
  margin: auto; }

.owl-prev, .owl-next {
  height: 35px;
  width: 35px; }

.owl-prev {
  left: -25px !important; }

.owl-next {
  right: -25px !important; }

.detailfaq > dl > dt > a {
  font-size: 1rem !important;
  padding-block: 5px !important;
  border-top: 1px solid rgba(255, 0, 0, 0.1) !important;
  font-weight: 400; }

.detailfaq > dl {
  border-bottom: 1px solid rgba(255, 0, 0, 0.1) !important; }

.detailfaq dd {
  margin-bottom: .5rem !important; }

.thumbnails-style-shaded.mz-thumb.mz-thumb-selected img {
  -webkit-filter: brightness(0.7) opacity(1);
  filter: brightness(1) opacity(1);
  border-bottom: darkgrey 3px solid !important; }

.thumbnails-style-shaded.mz-thumb img {
  border-bottom: transparent 3px solid !important; }

@media all and (max-width: 480px) {
  .cdformtaddinfo, .cdformtextraco1, .cdformtcoupon, .cdformtpayment {
    margin: 0 auto; }

  input[type].cdform1fixw, input[type].cdform2fixw, input[type].cdform3fixw,
  select.cdform1fixw, select.cdform2fixw, select.cdform3fixw {
    max-width: 250px; }

  .checkoutadds2col {
    margin-top: 1rem !important; }

  div.payprovider {
    display: inline-block; } }
input[type="button"].widecheckout2, input[type="button"].widecheckout3, input[type="submit"].widecheckout2, input[type="submit"].widecheckout3, button.widecheckout3 {
  width: inherit;
  padding: 10px; }

@media all and (max-width: 480px) {
  ul.prodlist {
    margin: 0 auto;
    text-align: left;
    list-style-position: outside;
    display: inline-block; } }
/* File: End */
.mn-sub {
  background: #ae8b17; }

.mobile-on .desktop-nav ul {
  background: #ae8b17; }

.bg-grey {
  background-color: #9dcbce; }

.bg-grey-lighter {
  background-color: #e9c85b; }

.footer-social-links a {
  color: #ae8b17; }

.footer-social-links a:before {
  border: 1px solid #ae8b17; }

.footer-social-links a:hover:before {
  background: #ae8b17; }

.bg-color-1 {
  background-color: #fef0ed !important; }

input.detailbuybutton {
  background: #f58d76; }
  input.detailbuybutton:hover {
    background: rgba(245, 141, 118, 0.9); }

.btn-mod.btn-border {
  color: #f58d76;
  border: 2px solid #f58d76; }

a.link-to-top:hover {
  color: #f58d76; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  vertical-align: middle; }

.icon-facebook::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1em' height='1em'%3E%3Cpath fill-rule='evenodd' fill='rgb(85, 85, 85)' d='M5.924,9.690 C4.886,9.690 3.998,9.321 3.261,8.583 C2.523,7.846 2.154,6.958 2.154,5.920 C2.154,4.882 2.523,3.995 3.261,3.257 C3.998,2.520 4.886,2.150 5.924,2.150 C6.961,2.150 7.849,2.520 8.587,3.257 C9.324,3.995 9.693,4.882 9.693,5.920 C9.693,6.958 9.324,7.846 8.587,8.583 C7.849,9.321 6.961,9.690 5.924,9.690 ZM13.690,12.164 L10.804,9.278 C11.500,8.273 11.848,7.154 11.848,5.920 C11.848,5.118 11.692,4.351 11.381,3.619 C11.069,2.887 10.648,2.255 10.118,1.725 C9.588,1.195 8.957,0.775 8.225,0.464 C7.493,0.152 6.726,-0.004 5.924,-0.004 C5.121,-0.004 4.354,0.152 3.622,0.464 C2.890,0.775 2.259,1.195 1.729,1.725 C1.199,2.255 0.778,2.887 0.467,3.619 C0.156,4.351 -0.000,5.118 -0.000,5.920 C-0.000,6.723 0.156,7.489 0.467,8.222 C0.778,8.954 1.199,9.584 1.729,10.114 C2.259,10.644 2.890,11.065 3.622,11.377 C4.354,11.688 5.121,11.844 5.924,11.844 C7.158,11.844 8.277,11.496 9.281,10.800 L12.167,13.679 C12.369,13.892 12.622,13.998 12.925,13.998 C13.216,13.998 13.469,13.892 13.682,13.679 C13.895,13.465 14.002,13.213 14.002,12.921 C14.002,12.624 13.898,12.371 13.690,12.164 Z'/%3E%3C/svg%3E"); }

.icon-lg {
  width: 2em;
  height: 2em; }

.icon-xl {
  width: 3em;
  height: 3em; }

label[for="pprovid13"]::after {
  content: '\f1f0 \f1f1 \f1f2 \f1f3';
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-left: 8px;
  font-size: 1em;
  color: currentColor;
  letter-spacing: 0.5em; }