/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/49589f");
@import url("http://hello.myfonts.net/count/49647a");
@font-face {
  font-family: "AddingtonCF";
  src: url("../font.html") format("woff2"), url("../font-2.html") format("woff");
  font-weight: 100;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-3.html") format("woff2"), url("../font-4.html") format("woff");
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-5.html") format("woff2"), url("../font-6.html") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-7.html") format("woff2"), url("../font-8.html") format("woff");
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-9.html") format("woff2"), url("../font-10.html") format("woff");
  font-weight: 500;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-11.html") format("woff2"), url("../font-12.html") format("woff");
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-13.html") format("woff2"), url("../font-14.html") format("woff");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-15.html") format("woff2"), url("../font-16.html") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-17.html") format("woff2"), url("../font-18.html") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-19.html") format("woff2"), url("../font-20.html") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-21.html") format("woff2"), url("../font-22.html") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-23.html") format("woff2"), url("../font-24.html") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-25.html") format("woff2"), url("../font-26.html") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-27.html") format("woff2"), url("../font-28.html") format("woff");
  font-weight: 800;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-29.html") format("woff2"), url("../font-30.html") format("woff");
  font-weight: 100;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-31.html") format("woff2"), url("../font-32.html") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-33.html") format("woff2"), url("../font-34.html") format("woff");
  font-weight: 200;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-35.html") format("woff2"), url("../font-36.html") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-37.html") format("woff2"), url("../font-38.html") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AddingtonCF";
  src: url("../font-39.html") format("woff2"), url("../font-40.html") format("woff");
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-41.html") format("woff2"), url("../font-42.html") format("woff");
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-43.html") format("woff2"), url("../font-44.html") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-45.html") format("woff2"), url("../font-46.html") format("woff");
  font-weight: 800;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-47.html") format("woff2"), url("../font-48.html") format("woff");
  font-weight: 900;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-49.html") format("woff2"), url("../font-50.html") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-51.html") format("woff2"), url("../font-52.html") format("woff");
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-53.html") format("woff2"), url("../font-54.html") format("woff");
  font-weight: 800;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-55.html") format("woff2"), url("../font-56.html") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-57.html") format("woff2"), url("../font-58.html") format("woff");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque-BookItalic";
  src: url("../font-59.html") format("woff2"), url("../font-60.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-61.html") format("woff2"), url("../font-62.html") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-63.html") format("woff2"), url("../font-64.html") format("woff");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque";
  src: url("../font-65.html") format("woff2"), url("../font-66.html") format("woff");
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: "AcherusGrotesque-Book";
  src: url("../font-67.html") format("woff2"), url("../font-68.html") format("woff");
  font-display: block;
}
/* Univers LT Pro UltCond */
@font-face {
  font-family: "UniversLTPro";
  src: url("../font-69.html") format("woff2"), url("../font-70.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro";
  src: url("../font-71.html") format("woff2"), url("../font-72.html") format("woff");
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-55Roman";
  src: url("../font-73.html") format("woff2"), url("../font-74.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-45Light";
  src: url("../font-75.html") format("woff2"), url("../font-76.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-BlackExt";
  src: url("../font-77.html") format("woff2"), url("../font-78.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-XBlackExtObl";
  src: url("../font-79.html") format("woff2"), url("../font-80.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-Ex";
  src: url("../font-81.html") format("woff2"), url("../font-82.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-65BoldOblique";
  src: url("../font-83.html") format("woff2"), url("../font-84.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-55Oblique";
  src: url("../font-85.html") format("woff2"), url("../font-86.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-45LightOblique";
  src: url("../font-87.html") format("woff2"), url("../font-88.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-65Bold";
  src: url("../font-89.html") format("woff2"), url("../font-90.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-75Black";
  src: url("../font-91.html") format("woff2"), url("../font-92.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLT";
  src: url("../font-93.html") format("woff2"), url("../font-94.html") format("woff");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "UniversLT";
  src: url("../font-95.html") format("woff2"), url("../font-96.html") format("woff");
  font-weight: 100;
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-XBlackExt";
  src: url("../font-97.html") format("woff2"), url("../font-98.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLT";
  src: url("../font-99.html") format("woff2"), url("../font-100.html") format("woff");
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-ExObl";
  src: url("../font-101.html") format("woff2"), url("../font-102.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-85XBlack";
  src: url("../font-103.html") format("woff2"), url("../font-104.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-BlackExtObl";
  src: url("../font-105.html") format("woff2"), url("../font-106.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-85XBlackObl";
  src: url("../font-107.html") format("woff2"), url("../font-108.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-BoldExtOblique";
  src: url("../font-109.html") format("woff2"), url("../font-110.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-BoldExt";
  src: url("../font-111.html") format("woff2"), url("../font-112.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-LightCondObl";
  src: url("../font-113.html") format("woff2"), url("../font-114.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLT";
  src: url("../font-115.html") format("woff2"), url("../font-116.html") format("woff");
  font-weight: 300;
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-CondensedObl";
  src: url("../font-117.html") format("woff2"), url("../font-118.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-BoldCondObl";
  src: url("../font-119.html") format("woff2"), url("../font-120.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "UniversLTPro-75BlackOblique";
  src: url("../font-121.html") format("woff2"), url("../font-122.html") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Oswald";
  src: url("../oswald-variablefont_wght.html") format("truetype");
  font-display: block;
}
@font-face {
  font-family: "GE-SS-Light";
  src: url("../ge_ss_two_light.html");
}
@font-face {
  font-family: "GE-SS-Medium";
  src: url("../ge_ss_two_medium.html");
}
/* 
    Used for media queries. 
    Add these mixins in your normal scss flow.

    Eg.
    .container{
        width:1024px;

        @include tablets{
            width:90%;
        }
    }
*/
/*********************
BREAKPOINTS
*********************/
/* ## ++ Unit transform*/
/*  
    Used for making containers have width in percentages. 
    Usage: define elemnt width in px and the width of parent elemnt in px. 
    eg. .block{width:cp(512px, 1024px)} this will result in .block{width:50%;}   
*/
/*  
    Used for making px values convert to rem values
    Usage: define font-size in px and it will convert to rems
    eg. font-size: rem(14px);
*/
/* 
 * Put z-index in ascending order.
 * This is being done to reduce
 * conflicts for z-index.
 */
.vto-shades {
  padding-left: 30px;
  min-height: 50px;
}
.vto-shades:hover {
  cursor: pointer;
}

.vto-product-listing {
  overflow: hidden;
  width: 100%;
}
.vto-product-listing .product-list__tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0 15px;
}
.vto-product-listing .product-list__tab label {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  font-style: normal;
  color: #999999;
  font-family: "AcherusGrotesque";
  border-bottom: 3px solid transparent;
}
.vto-product-listing .product-list__tab span {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  font-style: normal;
  color: #4e3629;
  font-family: "AcherusGrotesque";
  border-bottom: 3px solid transparent;
}
.vto-product-listing .product-list__tab.active label {
  color: #4e3629;
  border-bottom-color: #4e3629;
}
.vto-product-listing .product-list__tab.active span {
  color: #4e3629;
  border-bottom-color: #4e3629;
}
.vto-product-listing .product-list__tab:hover {
  cursor: pointer;
}
.vto-product-listing .product-list__card {
  width: 25%;
  padding: 0 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vto-product-listing .product-listing__card-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "UniversLT";
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  padding: 4px 10px 4px 4px;
  border: 1px solid transparent;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  cursor: pointer;
}
.vto-product-listing .product-listing__card-item img {
  margin-right: 12px;
  height: auto;
  width: 100%;
}
.vto-product-listing .product-listing__card-item .vto-product-title {
  font-family: "AcherusGrotesque";
  font-size: 16px;
  line-height: 21px;
  color: #2d2926;
  font-weight: 900;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
}
.vto-product-listing .product-listing__card-item.active {
  border-color: #2d2926;
}
.vto-product-listing .product-listing__card-item aside {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.vto-product-listing .product-list {
  padding: 10px 0 14px 30px;
  background-color: #f1f1f1;
  overflow-x: scroll;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .vto-product-listing .product-list {
    padding: 16px 0 0 17px;
  }
}
.vto-product-listing .product-list .product-list__card {
  min-width: 294px;
}
.vto-product-listing .search-faq-results-found {
  margin: 0;
  width: 100%;
  color: #2d2926;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.01em;
  padding: 24px calc((100% - 1320px) / 2);
  font-family: "UniversLT";
}
@media screen and (max-width: 1350px) {
  .vto-product-listing .search-faq-results-found {
    padding: 24px 15px;
  }
}
@media screen and (max-width: 1100px) {
  .vto-product-listing .search-faq-results-found {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 720px) {
  .vto-product-listing .search-faq-results-found {
    padding: 15px;
  }
}

.product-list-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vto-btn-wrapper {
  background: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vto-btn-wrapper .product-listing {
  padding: 0;
  margin: 0;
}
.vto-btn-wrapper .product-listing .views-field {
  width: auto;
  padding: 0 0 40px 0;
  margin: 0;
}
@media (min-width: 768px) {
  .vto-btn-wrapper .product-listing .views-field {
    padding: 0 0 10px 0;
  }
}
.vto-btn-wrapper .product-actions__buy {
  margin-bottom: 0;
}
.vto-btn-wrapper .product-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 16px 16px 0 30px;
}
@media (min-width: 768px) {
  .vto-btn-wrapper .product-actions {
    padding: 0 60px 0 30px;
  }
}
.vto-btn-wrapper .product-list__tabs {
  padding-left: 15px;
}
.vto-btn-wrapper .product-shades .product-shades__shade-selected {
  padding-bottom: 0;
}

.product-selected-info {
  font-family: "UniversLT";
}
@media (max-width: 767px) {
  .product-selected-info {
    padding: 16px;
    border-top: 1px solid rgba(228, 228, 228, 0.7);
    border-bottom: 1px solid rgba(228, 228, 228, 0.7);
    margin: 0 -16px;
  }
}
.product-selected-info ul {
  list-style: disc;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .product-selected-info ul {
    padding-left: 12px;
  }
}

.product-selected-shades-wrapper, .product-buying-drawer {
  display: none;
  background: #fff;
  padding: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .product-selected-shades-wrapper, .product-buying-drawer {
    width: 40%;
    padding: 30px 51px 0 30px;
  }
}
.product-selected-shades-wrapper .accordion-open + .product-header.product-header-selected, .product-buying-drawer .accordion-open + .product-header.product-header-selected {
  border-bottom: 0;
}
.product-selected-shades-wrapper .product-header, .product-buying-drawer .product-header {
  padding: 0;
  border-left: none;
}
.product-selected-shades-wrapper .product-header.product-header-selected, .product-buying-drawer .product-header.product-header-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-selected-shades-wrapper .product-shades, .product-buying-drawer .product-shades {
  padding: 16px 0;
}
@media (max-width: 767px) {
  .product-selected-shades-wrapper .product-shades::after, .product-buying-drawer .product-shades::after {
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background: rgba(228, 228, 228, 0.7);
    position: absolute;
    bottom: 0;
    left: -16px;
  }
}
@media (min-width: 768px) {
  .product-selected-shades-wrapper .product-shades, .product-buying-drawer .product-shades {
    padding: 25px 0 0;
  }
}
@media (max-width: 767px) {
  .product-selected-shades-wrapper .product-shades .product-shades__shade-selected, .product-buying-drawer .product-shades .product-shades__shade-selected {
    padding: 0 0 5px 0;
  }
}
.product-selected-shades-wrapper .product-header .product-selected-left .product-header__product-img, .product-buying-drawer .product-header .product-selected-left .product-header__product-img {
  height: auto;
  margin-right: 5px;
  width: 100%;
}
.product-selected-shades-wrapper .product-header .product-header__title, .product-buying-drawer .product-header .product-header__title {
  font-size: 18px;
  line-height: 23px;
  padding-bottom: 8px;
  padding-right: 10px;
  font-variant-numeric: lining-nums;
}
.product-selected-shades-wrapper .vto-close, .product-buying-drawer .vto-close {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .product-selected-shades-wrapper .vto-close, .product-buying-drawer .vto-close {
    position: absolute;
    margin-right: 0;
    right: 16px;
    top: 16px;
  }
}
.product-selected-shades-wrapper .product-selected-left, .product-buying-drawer .product-selected-left {
  margin-left: -10px;
  width: 70px;
}

.product-cancel-buy {
  width: 100%;
  text-align: right;
  cursor: pointer;
}

.btn-operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btn-operations {
    width: 60%;
    height: 100vh;
  }
}

.vto-container {
  background: #fff;
  padding: 22px 0 24px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .vto-container {
    width: 40%;
    padding: 30px 0 24px 0;
  }
}
@media (max-width: 767px) {
  .vto-container .vto-close {
    display: none;
  }
}
@media (min-width: 768px) {
  .vto-container .product-details-right {
    margin-bottom: 5px;
  }
}
.vto-container .product-shades__shades-list-m-wrapper,
.vto-container .product-shades__shades-list-d-wrapper {
  padding-bottom: 22px;
}

.vto-close {
  margin-bottom: 30px;
  margin-right: 60px;
}

.vto-btn-wrapper .product-shades {
  display: block !important;
}
@media (max-width: 767px) {
  .vto-btn-wrapper .product-shades {
    padding: 0;
  }
  .vto-btn-wrapper .product-shades .product-shades__shade-selected {
    padding-top: 15px;
  }
  .vto-btn-wrapper .product-shades .product-shades__shades-list {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .vto-btn-wrapper .product-selected-shades-wrapper .product-shades {
    padding-bottom: 16px;
  }
}

#vtoDialog {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 24px;
  max-width: 344px;
  max-height: 300px;
  display: none;
  z-index: 20;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog-description {
  font-family: "AcherusGrotesque";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
  color: #2D2926;
}

.dialog-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dialog-action button {
  font-family: "AcherusGrotesque";
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}

.dialog-action #cancelBtn:hover, .dialog-action #cancelBtn:focus {
  color: #382f2d;
}
.dialog-action #cancelBtn:hover:after, .dialog-action #cancelBtn:focus:after {
  color: #382f2d;
}
.dialog-action #cancelBtn:disabled {
  color: #999999;
}
.dialog-action #cancelBtn:disabled:after {
  color: #999999;
}

.dialog-action #confirmBtn {
  min-width: 226px;
  border: 1px solid #4e3629;
  padding: 12px 10px;
  text-decoration: none;
  background-color: #4e3629;
  color: #fff;
  margin: 0 auto 28px auto;
  max-width: 70%;
}
.dialog-action #confirmBtn:hover, .dialog-action #confirmBtn:focus {
  background-color: #382f2d;
  border-color: #382f2d;
}
.dialog-action #confirmBtn:disabled {
  background-color: #999999;
  border-color: #999999;
}
@media (min-width: 768px) {
  .dialog-action #confirmBtn {
    font-size: 16px;
    line-height: 20px;
  }
}

.dialog-action #cancelBtn {
  color: #4e3629;
  text-decoration: underline;
}
.dialog-action #cancelBtn:hover, .dialog-action #cancelBtn:focus {
  color: #382f2d;
}
.dialog-action #cancelBtn:hover:after, .dialog-action #cancelBtn:focus:after {
  color: #382f2d;
}
.dialog-action #cancelBtn:disabled {
  color: #999999;
}
.dialog-action #cancelBtn:disabled:after {
  color: #999999;
}
.dialog-action #cancelBtn:visited {
  color: #4e3629;
}

.dailog-open {
  position: relative;
}
.dailog-open .modal-overlay-container {
  display: block;
  z-index: 19;
}

/* Spinner 3Balls Scale */
.sp-3balls, .sp-3balls:before, .sp-3balls:after {
  border-radius: 50%;
  background-color: #000;
  width: 18px;
  height: 18px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  display: inline-block;
}

.sp-3balls {
  position: relative;
  background-color: rgb(0, 0, 0);
  opacity: 1;
  -webkit-animation: spScaleAlpha 1s infinite linear;
  animation: spScaleAlpha 1s infinite linear;
}

.sp-3balls:before, .sp-3balls:after {
  content: "";
  position: relative;
  opacity: 0.25;
}

.sp-3balls:before {
  left: 30px;
  top: 0px;
  -webkit-animation: spScaleAlphaBefore 1s infinite linear;
  animation: spScaleAlphaBefore 1s infinite linear;
}

.sp-3balls:after {
  left: -30px;
  top: -23px;
  -webkit-animation: spScaleAlphaAfter 1s infinite linear;
  animation: spScaleAlphaAfter 1s infinite linear;
}

@-webkit-keyframes spScaleAlpha {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.25;
  }
  66% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spScaleAlpha {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.25;
  }
  66% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spScaleAlphaBefore {
  0% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0.25;
  }
}
@keyframes spScaleAlphaBefore {
  0% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0.25;
  }
}
@-webkit-keyframes spScaleAlphaAfter {
  33% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes spScaleAlphaAfter {
  33% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
.vto-btn-wrapper .product-shades {
  opacity: 0;
}
@media (min-width: 768px) {
  .vto-btn-wrapper .product-shades {
    padding-bottom: 0;
  }
}

.spiner-wrapper, .spinner-wrapper-buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 0;
}

.product-actions__buy {
  pointer-events: none;
}

.vto-btn-wrapper .product-list .os-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px;
}

.vto-btn-wrapper .os-scrollbar.os-scrollbar-horizontal {
  width: 149px !important;
  margin: 0 auto;
  right: 0 !important;
  left: 0 !important;
}

.vto-btn-wrapper .os-scrollbar.os-scrollbar-horizontal .os-scrollbar-track {
  margin-top: -12px;
}

.path-virtual-try-on .ssa-component {
  display: none;
}
.path-virtual-try-on .product-header.product-header-desktop {
  padding-top: 20px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .path-virtual-try-on .product-header.product-header-desktop {
    padding-top: 4px;
  }
}
.path-virtual-try-on .product-header.product-header-desktop-popup {
  padding: 0;
}
@media (min-width: 768px) {
  .path-virtual-try-on .mikmak-discover {
    padding: 0 0 0 10px;
  }
}
.path-virtual-try-on #mikmak_embed__inner-wrapper {
  padding: 0;
}

@media (max-width: 767px) {
  .buy-option-enabled .btn-operations {
    display: none;
  }
}
.buy-option-enabled .product-load-close {
  display: none;
}
.buy-option-enabled .product-selected-info {
  font-family: "UniversLT";
}
@media (max-width: 767px) {
  .buy-option-enabled .product-selected-info {
    padding: 0 16px 16px;
    border-top: 0;
    border-bottom: 1px solid rgba(228, 228, 228, 0.7);
    margin: 0 -16px;
  }
}
.buy-option-enabled .product-header {
  padding: 0;
  border-left: none;
}
.buy-option-enabled .product-header.product-header-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .buy-option-enabled .product-header.product-header-selected {
    border-bottom: 1px solid rgba(228, 228, 228, 0.7);
  }
}
.buy-option-enabled .product-selected-left .product-header__tag-item-img {
  height: auto;
  width: 100%;
}

.product-load-close {
  padding: 16px;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  right: 0;
}
@media (max-width: 767px) {
  .product-load-close {
    position: relative;
    width: 100%;
    background-color: #fff;
  }
}

a.product-actions__try {
  display: inline-block;
  text-align: center;
}

.product-selected-shade .product-selected-shades-wrapper {
  width: 100%;
}

.product-selected-shade {
  display: none;
}
.product-selected-shade .product-shades {
  display: block !important;
}

@media (min-width: 768px) {
  .product-selected-shade-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile-hide.shades-wrapper-list {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .vto-btn-wrapper.buy-option-enabled .product-selected-info,
  .buy-detail-popup .product-selected-info {
    display: none;
  }
  .accordion-icon::after {
    top: 0;
    right: 0;
    color: #2d2926;
    cursor: pointer;
    font-size: 25px;
    font-weight: 500;
    content: "\f107";
    position: absolute;
    font-family: "icomoon";
  }
  .accordion-icon.accordion-open::after {
    content: "\f106";
  }
}
.search-faq-results-found {
  margin: 0;
  width: 100%;
  color: #2d2926;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.01em;
  padding: 24px calc((100% - 1320px) / 2);
  font-family: "UniversLT";
}
@media screen and (max-width: 1350px) {
  .search-faq-results-found {
    padding: 24px 15px;
  }
}
@media screen and (max-width: 1100px) {
  .search-faq-results-found {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 720px) {
  .search-faq-results-found {
    padding: 15px;
  }
}