@font-face {
        font-family: "Perpetua";
        src: url("../font/perpetua.ttf");
        src: url('../font/perpetua.eot');
        src: url('../font/perpetua.eot?#iefix') format('embedded-opentype'),
         url('../font/perpetua.ttf') format('truetype');
    }
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
   }

body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #201e1e;
  background: #fff; }

body.configurator_gp { background: #A9D9BE; }

@media only screen and (max-width: 599px){
}
@media only screen and (min-width: 600px) and (max-width: 767px){
}
@media only screen and (min-width: 768) and (max-width: 1023px){
}

/**
DEFAULT CLASS
**/
button{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; }
button, input, select, textarea{ outline: none; }
a{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; }
a:hover{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; }
.maxw{ max-width: 1320px; }
.maxl{ max-width: 1120px; }
.maxm{ max-width: 980px; padding-left: 21px; padding-right: 21px; }
.maxs{ max-width: 780px; }
.defaultWrap{ padding-top: 37px; padding-bottom: 37px; text-align: center; min-height: 627px; }
.response-green{ background:#B7EE95; border:1px solid #25aa2b; color: #25aa2b;  width:100%; padding:7px; padding-bottom: 11px; margin-bottom:11px; text-align:center; }
.response-red{ background:#FFC1C1; border:1px solid #df1b19; color: #df1b19; width:100%;  padding:7px; padding-bottom: 11px; margin-bottom:11px; text-align:center; }
.arianecontainer{ padding-top: 21px; text-align: center; text-transform: uppercase; }
ol.breadcrumb{ display: inline-block; background: none; padding: 0px; margin: 0px; color: #fff; font-size: 11px; text-shadow: none; }
ol.breadcrumb li{ padding: 0px; margin: 0px; float: left; }
ol.breadcrumb li.separator{ padding-top: 2px; padding-left: 7px; padding-right: 7px; }
ol.breadcrumb li a{ text-decoration: none; color: #fff; font-size: 12px; }
ol.breadcrumb li a:hover{ text-decoration: none; color: #a0966e; }
ol.breadcrumb li span{ text-decoration: none; font-size: 12px; }
p{ text-align: justify; }
@media only screen and (max-width: 767px){
  ol.breadcrumb{ display: none; }
}
/**
FOOTER
**/
.footergalleryWrap{ height: 128px; padding: 0px; background: url('../img/footer_gallery_bg.jpg') repeat-x center center #A9D9BE; text-align: center; }
.footercontactWrap{ width: 100%; background: #fff; padding-top: 23px; padding-bottom: 23px; border-top: 1px solid #f5f5f5;
  font-family: 'Perpetua', sans-serif; text-transform: uppercase; font-size: 17px; color: #201e1e; line-height: 14px; }
.footerWrap{ width: 100%; background: #121820; font-size: 15px; font-weight: 500; color: #e1e2e3; padding-top: 47px; padding-bottom: 47px; }
  .footerWrap span{ color: rgba(255, 255, 255, 0.8); font-family: "Perpetua", sans-serif; text-transform: uppercase;  font-size: 19px; font-weight: 700; display: inline-block; padding-bottom: 17px; }
  .footerWrap span.sitename{ font-family: "Perpetua", sans-serif; font-size: 27px; font-weight: bold; text-transform: uppercase; display: inline-block; padding-bottom: 87px; }
  .footerWrap a{ color: rgba(255, 255, 255, 0.8); text-transform: none; font-size: 15px; font-weight: 400; display: inline-block; line-height: 17px; }
  .footerWrap a:hover{ color: #a0966e; }
  .footerWrap a.footersocial{ font-size:14px; font-weight: 500; }
  .footerWrap a.footersocial:hover{ color: #a0966e; }
.ownerWrap{ width: 100%; text-align: center; background: #101112; font-size: 15px; font-family: "Perpetua", sans-serif; color: #808f8f; padding-top: 14px; padding-bottom: 14px; text-transform: uppercase; }
  .ownerWrap a{ color: #808f8f; }
  .ownerWrap a:hover{ color: #f7f8f9; }

/**
HEADER TOP BAR 
**/
.headerBar{ overflow: hidden; width: 100%; height: 42px; background: #A9D9BE; padding: 10px; font-size: 14px; color: #000; text-align: center; }
.headerBarSliderWrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerBarSlider {
  height: 20px;
  overflow: hidden; /* One of the importing things for slide effect */
}

.headerBarSlider div {
  height: 20px;
  text-align: center;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.headerBarSlider-text-1 {
  animation: headerbarslide 10s linear infinite;
}

.headerBarSlider-text-2 {
}

.headerBarSlider-text-3 {
}

@keyframes headerbarslide {
  0% {
    margin-top: -120px;
  }
  5% {
    /* For stopping effect */
    margin-top: -80px;
  }
  33% {
    margin-top: -80px;
  }
  38% {
    /* For stopping effect */
    margin-top: -40px;
  }
  66% {
    margin-top: -40px;
  }
  71% {
    /* For stopping effect */
    margin-top: 0px;
  }
  100% {
    margin-top: 0px;
  }
}

/**
HEADER TOP BAR 
**/
.headerLogoBar{ overflow: hidden; width: 100%; height: auto; background: #fff; padding: 17px; }
  .headerLogoBar .lgWrap{ position: absolute; top: 47px; right: 21px; }
  .headerLogoBar a.headericon{ color: #a0966e; font-weight: 700; font-size: 16px; text-transform: uppercase; display: inline-block; 
    padding: 4px; padding-left: 11px; padding-right: 11px; float: right; }
  .headerLogoBar a.headericon:hover{ color: #A9D9BE; }
/**
HEADER MAIN BAR 
**/
.headerWrap{ width: 100%; padding-top: 19px; padding: 0px; z-index: 2; position: absolute; background: #fff; border-bottom: 1px solid #f0f0f0; }

ul { margin-top: 0; margin-bottom: 0; list-style: none; text-align: center; }
nav { font-size: 0; position: relative; }

nav > ul > li {
  display: inline-block;
  font-size: 14px;
  padding: 0 15px;
  position: relative;
  text-align: center;
}

nav > ul > li > a {
  display: block;
  padding: 17px;
  padding-left: 13px; padding-right: 13px;
  border-bottom: 3px solid transparent;
  transition: all .3s ease;
  text-transform: uppercase; color: #201e1e;
  font-family: 'Perpetua', sans-serif; font-size: 17px; font-weight: bold;
}
nav > ul > li:hover > a {
  color: #a0966e;
  border-bottom: 3px solid #a0966e;
}
.mega-menu {
  background: #f7f4eb;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 27px;
}
.mega-menu a {
  display: block;
  padding: 0px;
}
.mega-menu a.txt {
  display: block;
  padding: 13px;
  padding-left: 0px;
  text-transform: uppercase; color: #201e1e; font-size: 20px;
  font-weight: bold;
  font-family: 'Perpetua', sans-serif;
}
.dropdown { position: static; }
.dropdown:hover .mega-menu {
  visibility: visible;
  opacity: 1;
}

/**
HEADER MOBILE MAIN BAR 
**/
.headermobileWrap{ overflow: hidden; width: 100%; position: -webkit-sticky; position: sticky; top: 0; z-index: 2;
    padding-top: 19px; padding-bottom: 19px; background: #fff; border-bottom: 1px solid #A9D9BE; }
    .headermobileWrap a{ display: inline-block; }
    .headermobileWrap a span{ color: #000; font-size: 18px; font-weight: 400; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
    .headermobileWrap a span:hover{ color: #a0966e; font-weight: 400; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
    .headermobileWrap a u{ display: inline-block; position: absolute; margin-left: -7px; margin-top: -4px; background: #fff; color: #fff; 
        font-size: 9px; font-weight: 500; border-radius: 9px; padding: 1px; width: 17px; text-align: center; text-decoration: none; }
    .headermobileWrap a i{ display: inline-block; position: absolute; margin-left: -5px; margin-top: 0px; background: #fff;
     border-radius: 7px; width: 7px; height: 7px; }

/**
HEADER MOBILE MENU 
**/
.mobilemenuWrap { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; left: 0; background-color: #A9D9BE; 
  overflow-x: hidden; transition: 0.5s; padding-top: 60px; padding-bottom: 37px; overflow: hidden; }
  .mobilemenuWrap a { padding: 8px 8px 8px 32px; text-decoration: none; color: #fff; display: block; transition: 0.3s; }
  .closebtn { position: absolute; top: 17px; right: 17px; }
    .closebtn { color: #fff; font-size: 27px; font-weight: 300; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
a.mobilelogoname{ font-size: 30px; text-transform: uppercase; font-weight: 300; padding-bottom: 27px; color: #fff; }
a.mobileMenuLink{ font-size: 21px; text-transform: uppercase; font-weight: 700; color: #fff; text-decoration: none; display: inline-block; padding: 7px; padding-left: 32px; padding-right: 0px; width: 100%; }
a.mobileMenuLink:hover{ color: #a0966e; }
a.mobileMenuLinkConnect{ font-size: 21px; text-transform: uppercase; font-weight: 700; color: #a0966e; text-decoration: none; display: inline-block; padding: 7px; padding-left: 32px; padding-right: 0px; width: 100%; }
a.mobileMenuLinkConnect:hover{ color: #fff; }
a.mobilesocial{ font-size:14px; font-weight: 500; color: #fff; text-decoration: none; display: inline-block; padding: 1px; padding-left: 32px; padding-right: 0px; width: 100%; }
a.mobilesocial:hover{ color: #a0966e; }

/**
H1 WRAPPER
**/
/*h1{ font-weight: 600; padding: 0px; margin:0px; font-family: 'Times', serif; }
.h1Wrap{ width: 100%; padding: 77px; background:  url('../../upload/register.jpg') no-repeat center center/cover #333; text-align: center; }
  .h1Wrap h1{ color: #fff; font-size: 37px; }
.h1supportWrap{ text-align: left; padding-top: 37px; padding-bottom: 17px; }
  .h1supportWrap h1{ font-size: 32px; }
@media only screen and (max-width: 599px){
  .h1supportWrap{ text-align: center; padding-top: 37px; padding-bottom: 37px; }
}
.h1shopWrap{ text-align: center; padding-top: 27px; padding-bottom: 27px; background:  url('../../upload/shop.jpg') no-repeat center center/cover #333; }
  .h1shopWrap h1{ color: #fff; font-size: 27px; }
@media only screen and (max-width: 599px){
  .h1shopWrap{ text-align: center; padding-top: 27px; padding-bottom: 27px; }
}
.h1accountWrap{ text-align: center; padding-top: 27px; padding-bottom: 27px; background:  url('../../upload/register.jpg') no-repeat center center/cover #333; }
  .h1accountWrap h1{ color: #fff; font-size: 27px; }
@media only screen and (max-width: 599px){
  .h1accountWrap{ text-align: center; padding-top: 27px; padding-bottom: 27px; }
}*/

/**
PAGE WRAPPER
**/
/*.supportWrap{ padding-top: 7px; padding-bottom: 37px; text-align: left; min-height: 627px; }
  .supportWrap p{ text-align: justify; font-size: 16px; }
.shopWrap{ padding-top: 37px; padding-bottom: 37px; text-align: center; }
.shopQuickCartWrap{ text-align: left; }
.checkoutWrap{ text-align: left; }
.accountWrap{ text-align: left; }*/

/**
HOME
**/
.homeWrap{ background: #A9D9BE; min-height: 327px; text-align: center; padding: 0px; margin: 0px; }
  .homeWrap .carousel-caption h2{ text-shadow: 0px 2px 3px #999; font-size: 47px; color: #a0966e; font-family: 'Perpetua', sans-serif; text-transform: uppercase; padding-top: 167px; padding-bottom: 27px; }
    .homeWrap .carousel-caption h2 b{ font-weight: normal; font-size: 87px; color: #000; letter-spacing: 1px; }
@media only screen and (max-width: 599px){
	.homeWrap{  }
    .homeWrap .carousel-caption h2{ font-size: 21px; padding-top: 97px; }
    .homeWrap .carousel-caption h2 b{ font-size: 47px; }
}

.carousel-item {
  height: 100vh;
  min-height: 520px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption { bottom: auto; }
@media screen and (max-width: 1024px) {
    .carousel-item {
  height: 320px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}

.homeusWrap{ padding-top: 67px; padding-bottom: 47px; background: #f4f4f3; text-align: center; }
  .homeusWrap h2{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .homeusWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; text-transform: uppercase; }
  .homeusWrap p{ text-align: center; } 
@media only screen and (max-width: 599px){
    .homeusWrap h2{ font-size: 37px; }
}

.homenewWrap{ padding-top: 67px; padding-bottom: 47px; background: #fff; text-align: center; }
  .homenewWrap h2{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; margin: 0px; line-height: 47px; }
  .homenewWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; text-transform: uppercase; display: inline-block; padding-bottom: 27px; }
  .homenewWrap p{ text-align: center; } 
@media only screen and (max-width: 599px){
    .homenewWrap h2{ font-size: 37px; }
}

.homeatelierWrap{ padding-top: 67px; padding-bottom: 47px; background: #A9D9BE; text-align: center; }
  .homeatelierWrap h2{ font-family: "Perpetua", sans-serif; font-size: 47px; color: #000; text-transform: uppercase; padding: 0px; margin: 0px; padding-bottom: 27px; }
  .homeatelierWrap span{ font-family: "Perpetua", sans-serif; font-size: 25px; color: #000; text-transform: uppercase; display: inline-block; padding-bottom: 37px; }
  .homeatelierWrap a{ font-family: "Perpetua", sans-serif; color: #fff;
      font-size: 17px; padding: 14px;  padding-left: 37px; padding-right: 37px; cursor: pointer; text-decoration: none;
      background: #201e1e; border:0px; display: inline-block; text-transform: uppercase; }
  .homeatelierWrap a:hover{ background: #a0966e; border:0px; }
@media only screen and (max-width: 599px){
    .homeatelierWrap h2{ font-size: 37px; }
}

.homeselectionWrap{ padding-top: 67px; padding-bottom: 47px; background: #f4f4f3; text-align: center; }
  .homeselectionWrap h2{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .homeselectionWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #000; text-transform: uppercase; }
  .homeselectionWrap p{ text-align: center; } 
@media only screen and (max-width: 599px){
    .homeselectionWrap h2{ font-size: 37px; }
}

.homeconfigWrap{ padding-top: 67px; padding-bottom: 47px; background: #A9D9BE; text-align: center; }
  .homeconfigWrap h2{ font-family: "Perpetua", sans-serif; font-size: 47px; color: #000; text-transform: uppercase; padding: 0px; margin: 0px; padding-bottom: 27px; }
  .homeconfigWrap span{ font-family: "Perpetua", sans-serif; font-size: 25px; color: #000; text-transform: uppercase; display: inline-block; padding-bottom: 37px; }
  .homeconfigWrap a{ font-family: "Perpetua", sans-serif; color: #fff;
      font-size: 17px; padding: 14px;  padding-left: 37px; padding-right: 37px; cursor: pointer; text-decoration: none;
      background: #201e1e; border:0px; display: inline-block; text-transform: uppercase; }
  .homeconfigWrap a:hover{ background: #a0966e; border:0px; }
@media only screen and (max-width: 599px){
    .homeconfigWrap h2{ font-size: 37px; }
}

.homenewsletterWrap{ padding-top: 47px; padding-bottom: 37px; background: #fff; text-align: center; }
  .homenewsletterWrap h2{ font-family: "Perpetua", sans-serif; font-size: 37px; text-transform: uppercase; padding: 0px; margin: 0px; }
  .homenewsletterWrap span{ font-size: 11px; line-height: 5px !important; text-transform: uppercase; }
  .homenewsletterWrap input{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .homenewsletterWrap input.newsletter{ text-transform: uppercase; max-width: none; width: 100%; background: #a0966e; border: 0px; padding: 11px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .homenewsletterWrap input.newsletter:hover{ background: #A9D9BE; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/**
ABOUT
**/
.aboutusWrap{ padding-top: 97px; padding-bottom: 47px; background: #fff; text-align: center; }
  .aboutusWrap h1{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .aboutusWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #a0966e; text-transform: uppercase; }
  .aboutusWrap p{ text-align: center; font-size: 17px !important; } 
@media only screen and (max-width: 599px){
    .aboutusWrap h2{ font-size: 37px; }
}

.aboutphiloWrap{ padding-top: 27px; padding-bottom: 27px; }
	.aboutphiloWrap h2{ font-family: "Perpetua", sans-serif; font-size: 37px; padding: 0px; margin: 0px; padding-top: 21px; padding-bottom: 17px; }
@media only screen and (max-width: 599px){
    .aboutphiloWrap h2{ font-size: 27px; }
}
/**
CONTACT
**/
.contactWrap{ padding-top: 97px; padding-bottom: 47px; background: #fff; text-align: center; }
  .contactWrap h1{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .contactWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #A9D9BE; text-transform: uppercase; }
  .contactWrap p{ text-align: center; } 

.contactformWrap{ padding-top: 67px; padding-bottom: 47px; background: #f5f5f5; text-align: center; }
  .contactformWrap h2{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; margin: 0px; line-height: 47px; }
  .contactformWrap span{ font-family: "Perpetua", sans-serif; font-size: 35px; color: #A9D9BE; text-transform: uppercase; display: inline-block; padding-bottom: 27px; }
  .contactformWrap p{ text-align: center; } 
  .contactformWrap form{ max-width: none; width: 100%; }
  .contactformWrap input{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .contactformWrap select{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .contactformWrap textarea{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .contactformWrap input.submit{ text-transform: uppercase; max-width: none; width: 100%; background: #a0966e; border: 0px; padding: 11px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .contactformWrap input.submit:hover{ background: #A9D9BE; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .contactformWrap i{ font-size: 14px; }

/**
CONFIGURATOR
**/
.configuratorWrap{ padding-top: 97px; padding-bottom: 7px; background: #fff; text-align: center; }
  .configuratorWrap h1{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .configuratorWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #A9D9BE; text-transform: uppercase; }
  .configuratorWrap p{ text-align: center; padding-bottom: 27px; } 
  .configuratorWrap a{ font-family: "Perpetua", sans-serif; color: #000;
    font-size: 17px; padding: 14px;  padding-left: 37px; padding-right: 37px; cursor: pointer; text-decoration: none;
    background: #A9D9BE; border:0px; display: inline-block; text-transform: uppercase; }
  .configuratorWrap a:hover{ background: #a0966e; border:0px; }

/**
CONFIGURATOR V2
**/
.configuratorSelectionWrap-modal-footer{ background: #333!important; }
button.configuratorSelectionWrap-modal-close{ background: #A9D9BE; border: 0px; padding: 7px; padding-left: 27px; padding-right: 27px; color: #000; 
  	font-size: 12px; font-weight: 400; text-transform: uppercase; }
.configuratorSelectionWrap{ padding:27px; padding-bottom: 87px; }
.configuratorSelectionWrap b{ font-family: "Perpetua", sans-serif; font-size: 18px; text-transform: uppercase; font-weight: bold; display: inline-block; padding-top: 13px; }
.configuratorSelectionWrap span{ font-size: 12px; text-transform: uppercase; font-weight: bold; display: inline-block; padding-bottom: 12px; }
.configuratorSelectionWrap textarea{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }

.configuratorSelectionWrap input.hiddenradio{ position: absolute; left: -9999px; }
.configuratorSelectionWrap input[type=radio] + label {
  background: #fff; padding: 9px; border-radius: 7px;
  -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
}
.configuratorSelectionWrap input[type=radio]:checked + label {
  background: #a0966e; padding: 9px; border-radius: 7px;
  -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
}
.configuratorSelectionWrap input[type=checkbox] + label {
  background: #fff; padding: 9px; border-radius: 7px;
  -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
}
.configuratorSelectionWrap input[type=checkbox]:checked + label {
  background: #a0966e; padding: 9px; border-radius: 7px;
  -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
}

.configuratorSelectionWrapStepBtn{ position: fixed; bottom: 0px; left: 0px; background: #fff; z-index: 100; padding: 21px; padding-top: 11px; padding-bottom: 0px; }
  .configuratorSelectionWrapStepBtn h2{ font-family: "Perpetua", sans-serif; font-size: 24px; text-transform: uppercase; 
  padding: 0px; margin: 0px; color: #212223; }
  .configuratorSelectionWrapStepBtn h2 b{ font-size: 24px !important; }

@media only screen and (max-width: 599px){
    .configuratorSelectionWrap{ padding-bottom: 147px; }
    .configuratorSelectionWrapStepBtn h2{ padding-bottom: 13px; }
}
	
	.configuratorSelectionWrapStepBtn button.next{ font-family: "Perpetua", sans-serif; color: #333;
	    font-size: 16px; font-weight: bold; padding: 9px; cursor: pointer; text-decoration: none;
	    background: #a0966e; border:0px; display: inline-block; text-transform: uppercase; width: 100%; }
	.configuratorSelectionWrapStepBtn button.prev{ font-family: "Perpetua", sans-serif; color: #333;
	    font-size: 16px; font-weight: bold; padding: 9px; cursor: pointer; text-decoration: none;
	    background: #A9D9BE; border:0px; display: inline-block; text-transform: uppercase; width: 100%; }

.configuratorSelectionWrapTicket{ background: #fff; border-radius: 7px; color: #010203; padding: 21px; font-size: 14px; border: 7px solid #A9D9BE; }
    .configuratorSelectionWrapTicket h2{ font-family: "Perpetua", sans-serif; font-size: 24px; text-transform: uppercase; 
  padding: 0px; margin: 0px; color: #212223; padding-bottom: 17px; }

.configuratorSelectionWrapExtra{ background: #fff; border-radius: 7px; color: #010203; padding: 21px; font-size: 14px; border: 7px solid #A9D9BE; }
  .configuratorSelectionWrapExtra h2{ font-family: "Perpetua", sans-serif; font-size: 24px; text-transform: uppercase; 
  padding: 0px; margin: 0px; color: #212223; padding-bottom: 17px; }
  .configuratorSelectionWrapExtra input{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 7px; font-size: 14px; }
  .configuratorSelectionWrapExtra textarea{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 7px; font-size: 14px; }


/**
SHOP
**/
.shoph1Wrap{ padding-top: 87px; padding-bottom: 27px; text-align: center; background: #f5f5f5; }
  .shoph1Wrap h1{ font-family: "Perpetua", sans-serif; font-size: 27px; text-transform: uppercase; padding: 0px; margin: 0px; }
.shopWrap{ padding-top: 97px; padding-bottom: 47px; background: #fff; text-align: center; }
 
/**
FLOWERS // LISTING
**/
.flowers{ display:block; margin:0; padding:0; width:100%; max-width:none; }
.flower{ display:block; float:left; padding-left:13px; padding-bottom: 13px; width:calc(100% / 3); height:auto; text-align:center; height: 100%; }
@media all and (max-width: 599px){ .flower{width:100%} }
@media all and (min-width: 600px) and (max-width: 1200px){ .flower{ width:calc(100% / 2)} }
@media only screen and (max-width: 599px){
  .flower{ width:100%; padding: 7px; }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .flower{ width:calc(100% / 2); padding: 7px; }
}
@media only screen and (min-width: 768) and (max-width: 1023px){
  .flower{ width:calc(100% / 3); }
}
.floweritem{ padding:0 0 17px; padding-bottom: 0px; overflow:hidden; position:relative; z-index:1; }
.floweritem .floweritem-wall{ position:relative; transition:all .3s ease 0s; background:#f7f8f9; }
.floweritem .floweritem-wall a{ display:block; }
.floweritem .floweritem-wall img {width:100%; height:auto; }
.floweritem .floweritem-wall-1{ opacity:1; transition:all .3s ease-out 0s; }
.floweritem:hover .floweritem-wall-1{ opacity:1; }
.floweritem .floweritem-wall-2{ opacity:0; position:absolute; top:0; left:0; transition:all .3s ease-out 0s; }
.floweritem:hover .floweritem-wall-2{ opacity:1; }



.floweritem .floweritem-function{ width:150px; padding:0; margin:0; list-style:none; opacity:0; 
  transform:translateY(-50%) translateX(-50%); position:absolute; top:60%; left:50%; z-index:1; transition:all .3s ease 0s; }
.floweritem:hover .floweritem-function{ opacity:1; top:50%; }
.floweritem .floweritem-function li{ display:inline-block; }
.floweritem .floweritem-function li a{color:#fff;background-color:#201e1e;font-size:16px;line-height:40px;text-align:center;height:40px;width:67px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.floweritem .floweritem-function li a:hover{color:#fff;background-color:#c7a847}
.floweritem .floweritem-function li a:after,.floweritem .floweritem-function li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.floweritem .floweritem-function li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.floweritem .floweritem-function li a:hover:after,.floweritem .floweritem-function li a:hover:before{opacity:1}


.floweritem .product-discount-label,.floweritem .product-new-label{color:#fff;background-color:#a9c4df;font-size:13px;text-transform:uppercase;padding:3px 11px;display:block;position:absolute;top:13px;left:14px;}
.floweritem .product-discount-label{background-color:#a9c4df;left:auto;right:14px;}

.floweritem-content { padding: 8px; padding-top: 17px; padding-bottom: 17px; text-align: left; line-height: 15px; }
.floweritem-content b{ font-size: 16px; text-transform: uppercase; display: inline-block; min-height: 59px; }
.floweritem-content b span{ font-size: 12px; }
.floweritem-content u{ font-size: 12px; color:#6e6e6e; text-decoration: none; display: inline-block; min-height: 37px; overflow:hidden; }

.floweritem-button {  }
.floweritem-button a{ border: 0px; float: right; color:#000;background-color:#a0966e;font-size:16px;line-height:40px;text-align:center;height:40px;width:77px;display:inline-block;transition:all .3s ease-in-out}
.floweritem-button a.cart{ float: left; color:#000; background-color:#e0cda9; border: 1px solid #e0cda9; width:100%; }
.floweritem-button a.cart:hover{ float: left; color:#000; background-color:#fff; border: 1px solid #e0cda9; width:100%; }

.flowerfiltersmobile{ text-align: right; padding: 7px; padding-top: 0px; }
.flowerfiltersmobile a{ width: 100% !important; display: inline-block; text-transform: uppercase; background: #201e1e; 
  border:0px; padding: 7px; padding-bottom: 8px; font-size: 14px; font-weight: 400; text-align: center; color: #fff; cursor: pointer; }

/**
FLOWERS // FILTERS
**/
.flowerfilters{ position: relative; }
.flowerfiltersWrap { padding: 1px; border: 0px !important; }
.flowerfilters b{ font-weight: 500; display: inline-block; padding-bottom: 14px; width: 100%; text-transform: uppercase; }
.flowerfilters div{ border:1px solid #201e1e; width: 41px; }
.flowerfilters form{ position: relative; background: #fff; padding-top: 21px; padding-bottom: 27px; }
  .flowerfilters form label { color: #101112; display: inline-block; padding: 3px; width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .flowerfilters form label:hover { color: #c7a847; }
  .flowerfilters form input { width: 14px; height: 14px; background-color: white; vertical-align: middle;
    border-radius: 50%; border: 1px solid #dedfe0;
    appearance: none; -webkit-appearance: none; outline: none;
    cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .flowerfilters form input:checked { border: 5px solid #c7a847; background-color: #fff; }
  .flowerfilters span { display: inline-block;  padding-top: 21px; padding-bottom: 6px; width: 100%; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #dedfe0; }
  .flowerfilters a { display: inline-block; padding-bottom: 6px; width: 100%; color: #302e2e; padding-top: 5px; }
  .flowerfilters a:hover { color: #c7a847; }
@media all and (max-width: 767px) {
.flowerfilters {height: 0px; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; transition: 0.5s; background: #fff; overflow-x: hidden; overflow-y: scroll; }
.flowerfiltersWrap { padding: 21px; border: 0px !important; }
.flowerfilters form{ padding-top: 21px; padding-bottom: 27px; }
.flowerfiltersApply { padding-bottom: 37px; border: 0px !important; }
.flowerfiltersApply a{ width: 100% !important; display: inline-block; text-transform: uppercase; background: #030202; 
  border: 0px; padding: 14px; padding-bottom: 15px; text-align: center; color: #fff; cursor: pointer; }
.flowerfiltersApply a:hover{ background: #c7a847; color: #fff; }
}
/**
ITEM PAGE
**/
.itemShop{}
  .itemShop h1{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 16px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .itemShop h2{ font-weight: 500; font-size: 16px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .itemShop div.divh2{ border:1px solid #201e1e; width: 41px; }
  .itemShop #priceSize{ font-size: 23px; font-weight: 900; text-transform: uppercase; color: #000; text-decoration: none; }
  .itemShop #priceSize u{ text-decoration: none; text-decoration: line-through; font-size: 17px; color: #333; }
  .itemShop p{ display: inline-block; padding-top: 17px; text-transform: none; color: #545454; }
  .itemShop select{ color: #201e1e; padding: 7px; font-size: 15px; border: 1px solid #949596; width: 100%; max-width: 287px; }
  .itemShop input{ color: #201e1e; padding: 7px; font-size: 15px; border: 1px solid #949596; width: 100%; max-width: 287px; }

  .itemShop a.cart{color:#000;background-color:#e0cda9;border: 1px solid #e0cda9; font-size:16px; text-transform: uppercase;line-height:40px;
    text-align:center;height:40px;width: 100%; max-width: 287px;display:block;position:relative;transition:all .3s ease-in-out}
  .itemShop a.cart:hover{color:#000;background-color:#fff}
  .itemShop a.cart i{ font-size: 16px; }

  .itemShop button{ display: inline-block; margin-bottom: 3px; background: #363930; border: 0px;  
    padding: 11px; padding-top: 7px; padding-bottom: 8px; font-size: 13px; font-weight: 300; color: #fff; 
     width: 100%; max-width: 287px; text-transform: uppercase; }
  .itemShop button span{ font-size: 17px; font-weight: 800; display: inline-block; padding-right: 7px; }
  .itemShop button:hover{ background: #000; color: #fff; }
  @media only screen and (max-width: 599px){
    .itemShop select{ max-width: none; }
    .itemShop input{ max-width: none; }
    .itemShop a.cart{ max-width: none; }
    .itemShop button{ max-width: none; }
  } 

/**
CART
**/
.cartWrap{ padding-top: 97px; padding-bottom: 27px; background: #fff; text-align: center; }
  .cartWrap h1{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .cartWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #A9D9BE; text-transform: uppercase; }
  .cartWrap p{ text-align: center; } 

.cartcontentWrap{ padding-bottom: 77px; background: #fff; text-align: center; }
  	.cartcontentWrap h2.emptycart{ font-family: "Perpetua", sans-serif; font-size: 21px; text-transform: uppercase; 
  	padding: 0px; margin: 0px; padding-bottom: 17px; }
    .cartcontentWrap a.emptycart{ font-family: "Perpetua", sans-serif; color: #fff;
      font-size: 17px; padding: 14px;  padding-left: 37px; padding-right: 37px; cursor: pointer; text-decoration: none;
      background: #a0966e; border:0px; display: inline-block; text-transform: uppercase; }
  	.cartcontentWrap a.emptycart:hover{ background: #201e1e; border:0px; }



.cartcontentWrap{ border:0px; border-right: 1px solid #dedfe0; padding: 37px; text-align: left; min-height: 627px; }
  .getcartcontentWrap{ width: 100%; max-width: 880px; float: right; }
  .getcartcontentWrap h1{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 27px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .getcartcontentWrap div.divh2{ border:1px solid #201e1e; width: 41px; }
    .getcartdetails{ padding-top: 37px; padding-bottom: 37px; }
      .getcartdetails img{ border: 1px solid #f1f2f3; }
      .getcartdetails p{ padding-top: 37px; padding-bottom: 37px; }
      .getcartdetails a.emptycart{ display: inline-block; margin-bottom: 7px; text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; color: #fff; cursor: pointer; }
      .getcartdetails a.emptycart:hover{ background: #c7a847; color: #fff; }
      a.quickcartupdate{ width: 100%; max-width: 287px; font-size: 14px; display: inline-block; text-transform: uppercase; background: #030202; 
        border: 0px; padding: 8px; padding-bottom: 9px; text-align: center; color: #fff; cursor: pointer; }
      a.quickcartupdate:hover{ background: #c7a847; color: #fff; }
      p.quickcartupdate{ display: inline-block; padding-top: 17px; font-size: 14px; text-transform: uppercase; text-align: right; float: right; }
      a.quickdeletetoCart{ color: #dd0000; text-decoration: underline; }
      a.quickdeletetoCart:hover{ color: #201e1e; text-decoration: underline; }

.cartresumeWrap{ background: #f9f9f9; padding: 0px; text-align: left; }
  .getcartresumeWrap{ width: 100%; padding: 37px; color: #fff; float: left; background: #3f3f3f; }
  .getcartresumeWrap i{ font-size: 12px; }
  .getcartresumeWrap b{ font-weight: 900; }
  .getcartresumeSecondWrap{ padding: 37px; }
    .getcartresumeSecondWrap a.checkout{ width: 100%; max-width: 427px; font-weight: 400; text-align: center; display: inline-block; margin-top: 11px; text-transform: uppercase; background: #ffd800; border: 0px; padding: 14px; padding-bottom: 15px; color: #201e1e; cursor: pointer; }
    .getcartresumeSecondWrap a.checkout:hover{ background: #201e1e; color: #fff; }
    .getcartresumeSecondWrap a.nocheckout{ width: 100%; max-width: 427px; text-align: center; display: inline-block; margin-top: 11px; text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; color: #fff; cursor: pointer; }
    .getcartresumeSecondWrap a.nocheckout:hover{ background: #201e1e; color: #fff; }
    .getcartresumeSecondWrap p{ padding-bottom: 7px; }
@media only screen and (max-width: 767px){
  .cartcontentWrap{ border:0px; border-bottom: 1px solid #dedfe0; padding: 27px; text-align: left; min-height: 27px; }
  .cartresumeWrap{ padding: 0px; text-align: center; }
  .getcartresumeWrap{ width: 100%; padding: 27px; color: #fff; float: left; background: #3f3f3f; }
  .getcartresumeSecondWrap{ padding: 37px; width: 100%; max-width: none; float: all; text-align: center; }
}
#cartindexcheckout{ display: none; }

/**
CHECKOUT
**/
.getcheckoutdetails{ padding-top: 10px; padding-bottom: 37px; }
  .getcheckoutdetails h2{ font-weight: 500; font-size: 18px; display: inline-block; margin: 0px; padding-top: 27px; padding-bottom: 0px; width: 100%; text-transform: uppercase; }
    .getcheckoutdetails div.divh3{ border:1px solid #201e1e; width: 21px; }
  .addresscontentbloc{ border: 1px solid #dedfe0; padding: 7px; text-align: left; margin-top: 17px; }
  .addresscontentbloc input { width: 14px; height: 14px; background-color: white;
    border-radius: 50%; border: 1px solid #dedfe0;
    appearance: none; -webkit-appearance: none; outline: none; 
    cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .addresscontentbloc input:checked { border: 5px solid #c7a847; background-color: #fff; }
  .addresscontentbloc label { display: inline-block; padding-top: 3px; }
  .addresscontentbloc label b { text-transform: uppercase; }
.checkoutresumeWrap{ background: #f9f9f9; padding: 37px; text-align: left; }
  .getcheckoutresumeWrap{ width: 100%; max-width: 440px; float: left; font-size: 14px; }
  .getcheckouttotalWrap{ width: 100%; max-width: 440px; float: left; font-size: 15px; text-transform: uppercase; }
    .getcheckouttotalWrap i{ font-size: 12px; }
    .getcheckouttotalWrap input.submitcheckout{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; max-width: 427px; font-weight: 400; text-align: center; display: inline-block; margin-top: 11px; text-transform: uppercase; background: #ffd800; border: 0px; padding: 14px; padding-bottom: 15px; color: #201e1e; cursor: pointer; }
    .getcheckouttotalWrap input.submitcheckout:hover{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: #201e1e; color: #fff; }

/**
PAYMENT
**/
.alertWrap{ padding: 47px; width: 100%; text-align: center; height: auto; 
  background: #f0f0f0; }
.alertPage{ padding: 0px; width: 100%; text-align: center; height: 100vh; min-height: 427px; text-align: center;
  background: #fff; border: 1px solid #e1e2e3; padding: 77px; height: calc(100vh - 97px); font-size: 18px; }
    .alertPage h1{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 47px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
    .alertPage span{ font-weight: 400; font-size: 17px; text-transform: uppercase; display: inline-block; padding-bottom: 17px; }
    .alertPage u{ font-weight: 400; font-size: 17px; text-transform: uppercase; color: #dd0000; text-decoration: none; }
    .alertPage input.success{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; max-width: 427px; font-weight: 400; text-align: center; display: inline-block; margin-top: 11px; text-transform: uppercase; background: #ffd800; border: 0px; padding: 14px; padding-bottom: 15px; color: #201e1e; cursor: pointer; }
    .alertPage input.success:hover{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: #201e1e; color: #fff; }
    .alertPage a.closecontinue{ display: inline-block; margin-bottom: 7px; text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; width: 100%; max-width: 327px; color: #fff; cursor: pointer; }
    .alertPage a.closecontinue:hover{ background: #c7a847; color: #fff; }
      
/**
SIGNIN
**/
.signinWrap{ padding-top: 97px; background: #fff; text-align: center; }
  .signinWrap h1{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; padding-top: 7px; padding-bottom: 27px; }
  .signinWrap span{ font-family: "Perpetua", sans-serif; font-size: 24px; color: #A9D9BE; text-transform: uppercase; }
  .signinWrap p{ text-align: center; } 

.signcontentWrap{ padding-bottom: 77px; background: #fff; text-align: center; }
  .signcontentWrap h2{ font-family: "Perpetua", sans-serif; font-size: 57px; text-transform: uppercase; padding: 0px; margin: 0px; line-height: 47px; }
  .signcontentWrap span{ font-family: "Perpetua", sans-serif; font-size: 35px; color: #A9D9BE; text-transform: uppercase; display: inline-block; padding-bottom: 27px; }
  .signcontentWrap p{ text-align: center; } 

.signinformWrap form{ max-width: none; width: 100%; }
  .signinformWrap input{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .signinformWrap select{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .signinformWrap textarea{ max-width: none; width: 100%; background: none; border: 1px solid #a0966e; padding: 10px; }
  .signinformWrap input.submit{ text-transform: uppercase; max-width: none; width: 100%; background: #a0966e; border: 0px; padding: 11px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .signinformWrap input.submit:hover{ background: #A9D9BE; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .signinformWrap i{ font-size: 14px; }
/*
.getsigninWrap{ text-align: left; padding-top: 37px; }
@media only screen and (min-width: 768px){
.getsigninWrap{  text-align: left; padding-top: 127px; }
}
  .getsigninWrap h2{ font-weight: 500; font-size: 27px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .getsigninWrap div.divh2{ border:1px solid #201e1e; width: 41px; }
  .getsigninWrap p{ padding-top: 37px; padding-bottom: 37px; }
  .getsigninWrap a{ text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .getsigninWrap a:hover{ background: #c7a847; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.signinWrap{ background: #211f1f; color: #fff; padding: 37px; min-height: 357px; border-radius: 3px; }
  .signinWrap h2{ font-family: 'Times', serif; font-size: 37px; text-transform: none; font-weight: 400; padding: 0px; margin: 0px; }
  .signinWrap hr{ background: #454545; }
  .signinWrap form{ max-width: none; width: 100%; }
  .signinWrap p{ color: #f1f1f1; font-size: 15px; text-align: center; width: 100%; }
  .signinWrap label{ color: #e1e1e1; font-size: 15px; }
  .signinWrap input{ max-width: none; width: 100%; background: none; border: 1px solid #fff; font-weight: 300; padding: 14px; color: #fff; }
  .signinWrap input.submit{ text-transform: uppercase; max-width: none; width: 100%; background: #c7a847; border: 0px; padding: 15px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .signinWrap input.submit:hover{ background: #030202; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .signinWrap a{ color: #fff; font-size: 16px; text-decoration: underline; }
  .signinWrap a.forget{ float: right; display: inline-block; color: #fff; font-size: 15px; }
*/

/**
PAGE RESTRICTION
**/
.restrictWrap{ padding-top: 87px; padding-bottom: 37px; }
.getrestrictWrap{  text-align: left; }
@media only screen and (min-width: 768px){
.getrestrictWrap{  text-align: left; padding-top: 47px; }
}
  .getrestrictWrap h1{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 27px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .getrestrictWrap div.divh2{ border:1px solid #201e1e; width: 41px; }
  .getrestrictWrap p{ padding-top: 37px; padding-bottom: 37px; }
  .getrestrictWrap a{ display: inline-block; margin-bottom: 7px; text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .getrestrictWrap a:hover{ background: #c7a847; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/**
REGISTER
**/
.registerWrap{ min-height: 357px; }
  .registerWrap form{ max-width: none; width: 100%; }
  .registerWrap p{ color: #201e1e; font-size: 15px; text-align: center; width: 100%; }
  .registerWrap label{ color: #201e1e; font-size: 15px; }
  .registerWrap input{ max-width: none; width: 100%; background: none; border: 1px solid #949596; font-weight: 300; padding: 14px; color: #201e1e; }
  .registerWrap select{ max-width: none; width: 100%; background: none; border: 1px solid #949596; font-weight: 300; padding: 14px; color: #201e1e; }
  .registerWrap textarea{ resize: none; max-width: none; width: 100%; background: none; border: 1px solid #949596; font-weight: 300; padding: 14px; color: #201e1e; }
  .registerWrap input.submit{ text-transform: uppercase; max-width: none; width: 100%; background: #c7a847; border: 0px; padding: 15px; color: #fff; cursor: pointer; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  .registerWrap input.submit:hover{ background: #030202; color: #fff; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/**
ACCOUNT
**/

.getaccountmenu{ }
  
.accountcontentWrap{ border:0px; border-right: 1px solid #dedfe0; padding: 37px; text-align: left; min-height: 627px; }
  .getaccountcontentWrap{ width: 100%; max-width: 880px; float: right; }
  .getaccountcontentWrap h2{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 25px; display: inline-block; padding-bottom: 9px; width: 100%; text-transform: uppercase; }
  .getaccountcontentWrap div.divh2{ border:1px solid #201e1e; width: 41px; }
  .getaccountcontentWrap h3{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 19px; display: inline-block; padding: 0px; padding-bottom: 5px; width: 100%; text-transform: uppercase; }
  .getaccountcontentWrap div.divh3{ border:1px solid #201e1e; width: 31px; }
    
    .getaccountpage{ padding-top: 37px; padding-bottom: 37px; font-size: 16px; }
      .getaccountpage img{ border: 1px solid #f1f2f3; }
      .getaccountpage p{ padding-top: 7px; padding-bottom: 7px; }

      .getaccountpagebloc{ display:block; padding: 17px; text-align: center; border:1px solid #dedfe0; }
        .getaccountpagebloc b{ font-size: 17px; font-weight: 500; }
        .getaccountpagebloc p{ font-size: 14px; }
        .getaccountpagebloc a{ text-decoration: underline; }

      .getaccountpage a.emptyaccount{ display: inline-block; margin-bottom: 7px; text-transform: uppercase; background: #030202; border: 0px; padding: 14px; padding-bottom: 15px; color: #fff; cursor: pointer; }
      .getaccountpage a.emptyaccount:hover{ background: #c7a847; color: #fff; }
      a.quickaccountupdate{ width: 100%; max-width: 287px; font-size: 14px; display: inline-block; text-transform: uppercase; background: #030202; 
        border: 0px; padding: 8px; padding-bottom: 9px; text-align: center; color: #fff; cursor: pointer; }
      a.quickaccountupdate:hover{ background: #c7a847; color: #fff; }
      p.quickaccountupdate{ display: inline-block; padding-top: 17px; font-size: 14px; text-transform: uppercase; text-align: right; float: right; }
      a.quickdeletetoCart{ color: #dd0000; text-decoration: underline; }
      a.quickdeletetoCart:hover{ color: #201e1e; text-decoration: underline; }

.accountresumeWrap{ background: #f9f9f9; padding: 0px; text-align: left; }
  .getaccountmenuWrap{ padding: 37px; width: 100%; max-width: 440px; float: left; }
    .getaccountmenuWrap h3{ font-weight: 500; font-size: 19px; display: inline-block; padding-bottom: 0px; width: 100%; text-transform: uppercase; }
    .getaccountmenuWrap div.divh3{ border:1px solid #201e1e; width: 41px; margin-bottom: 17px; }
    .getaccountmenuWrap a{ font-size: 15px; font-weight: 300; width: 100%; max-width: 427px; text-align: left; display: inline-block; text-transform: uppercase; 
      padding: 12px; padding-left: 0px; color: #201e1e; cursor: pointer; background: none; border-bottom: 1px solid #dedfe0; }
    .getaccountmenuWrap a:hover{ color: #030202; }
    .getaccountmenuWrap a.logout{ font-weight: 300; text-align: center; margin-top: 32px; text-transform: uppercase; background: #030202; border: 0px; padding: 12px; padding-bottom: 13px; color: #fff; cursor: pointer; }
    .getaccountmenuWrap a.logout:hover{ background: #201e1e; color: #fff; }
    .getaccountmenuWrap a.startshop{ font-weight: 300; text-align: center; margin-top: 11px; text-transform: uppercase; background: #c7a847; border: 0px; padding: 12px; padding-bottom: 13px; color: #fff; cursor: pointer; }
    .getaccountmenuWrap a.startshop:hover{ background: #201e1e; color: #fff; }
    .getaccountmenuWrap p{ padding-bottom: 7px; }
@media only screen and (max-width: 767px){
  .accountcontentWrap{ border:0px; border-bottom: 1px solid #dedfe0; padding: 27px; text-align: left; min-height: 27px; }
  .accountresumeWrap{ padding: 0px; text-align: center; }
  .getaccountresumeWrap{ width: 100%; padding: 27px; color: #fff; float: left; background: #3f3f3f; }
  .getaccountmenuWrap{ padding: 37px; width: 100%; max-width: none; float: all; text-align: left; }
}



/**
MODEL
**/
.modal {
  padding-left: 27px !important; 
}
@media only screen and (max-width: 1023px){
.modal {
  padding: 12px !important;
}}

.modal .modal-dialog {
  height: 100%;
  max-height: 527px;
}
.modal .modal-content {
  height: 100%;
  max-height: 577px;
  border: 0;
  border-radius: 0;
  text-align: center;
  background: #fff; 
}
.modal .modal-header {
  border: 0px;
}
.modal .modal-header button.close {
  background: #000; color: #fff; opacity: 1; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 27px;
}
.modal .modal-title {
  text-transform: uppercase; font-weight: 700;
  
}
.modal .modal-footer {
  border: 0px; 
  max-height: 42px;
}
.modal .modal-body {
  overflow-y: auto;
  padding: 0px;
  background: #fff; 
}
.modal .modal-xl{ max-width: none; max-width: 980px; }

@media only screen and (max-width: 599px){
.modal .modal-dialog {
  height: 100%;
  max-height: 90%;
}
.modal .modal-content {
  height: 100%;
  max-height: 90%;
  border: 0;
  border-radius: 0;
  text-align: center;
  background: #fff; 
}
}

iframe{ width: 100%; height: 98%; background: #fff; }
.modalPage{ padding-top: 1px; padding-bottom: 1px; height: 100%; background: #fff; }
  button.modal-get-cart{ background: #ffd800; border: 0px; padding: 7px; padding-left: 27px; padding-right: 27px; color: #333; font-size: 12px; font-weight: 400; text-transform: uppercase; }
  button.modal-close{ background: #212121; border: 0px; padding: 7px; padding-left: 27px; padding-right: 27px; color: #fff; 
  	font-size: 12px; font-weight: 400; text-transform: uppercase; }

/**
MODAL
**/
body.modalPage{ margin: 0px; padding: 27px; background: #fff; font-size: 15px; }
.modal-content{ border-radius: 0px; border:0px; }
.modal-header{ border-radius: 0px; background: #333; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; font-style: italic; }
.modal-header button{ all: unset; color: #fff; text-shadow: 0px; font-weight: 300; font-style: normal; }
.modal-header button:hover{ all: unset; color: #fff; text-shadow: 0px; font-weight: 300; font-style: normal; }
button.modalClose{ font-size: 13px; padding: 7px; font-weight: 400; text-transform: uppercase; border: 0px; border-radius: 1px; background: #212121; width: 100%; cursor: pointer; color: #fff; }
button.modalCloseReload{ font-size: 13px; padding: 7px; font-weight: 400; text-transform: uppercase; border: 0px; border-radius: 1px; background: #212121; width: 100%; max-width: 207px; cursor: pointer; color: #fff; }
button.modalUpdate{ font-size: 13px; padding: 7px; font-weight: 400; text-transform: uppercase; border: 0px; border-radius: 1px; background: #ffd800; width: 100%; cursor: pointer; }
.modalPage h1{ text-decoration: underline; font-weight: 400; font-size: 18px; padding-top: 4px; padding-bottom: 4px; color: #22243b; text-transform: uppercase; }
.modalPage form{ width: 100%; max-width: 327px; text-align: left; }
.modalPage select{ width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #f2f2f2; border:0px; border-radius: 2px; }
.modalPage textarea{ width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #f2f2f2; border:0px; border-radius: 2px; resize: none; }
.modalPage input.txt{ width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #f2f2f2; border:0px; border-radius: 2px; }
.modalPage select.txt{ width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #f2f2f2; border:0px; border-radius: 2px; }
.modalPage span.txtnotes{ display: inline-block; color: #ee0000; width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; }
.modalPage .checkboxlist{ background: #f2f2f2; border-right: 1px solid #fff; border-top: 7px solid #fff; padding: 7px; padding-bottom: 11px; }
.modalPage input.txtdisabled{ font-style: oblique; width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #fafbfc; border:0px; border-radius: 2px; }
.modalPage select.txtdisabled{ font-style: oblique; width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; background: #fafbfc; border:0px; border-radius: 2px; }
.modalPage .selectlistdata{ background: #f2f2f2; border-left: 15px solid #fff; border-right: 15px solid #fff; border-top: 2px solid #fff; padding: 4px; }
.modalPage .selectlistdata input{ background: #ee0000; border: 0px; color: #fff; padding: 4px; font-weight: 300; font-size: 10px; text-transform: uppercase;  }
span.txtnotesdoc{ display: inline-block; color: #ee0000; width: 100%; font-size: 15px; font-weight: 300; padding: 8px; padding-bottom: 9px; }
.txtnotesdoccontainer { background:#FFC1C1; border:1px solid #df1b19; padding: 47px; }
.modalPage form.wideform{ width: 100%; max-width: 1280px; text-align: left; padding-left: 0px; padding-right: 0px; }
.widemodal{ max-width: none; width: 96%; height: 90vh; }
#loading_icon_wrapper { display: none; }
img.loading_icon{ max-width: 227px; margin-bottom: 2px; }
a.main_photo { margin-top: 1px; display: inline-block; width: 100%; padding: 4px; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #fff; background: #2f80e7; }
span.is_main_photo { margin-top: 1px; display: inline-block; width: 100%; padding: 4px; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #fff; background: #00aa00; }
a.drop_photo { margin-top: 1px; display: inline-block; width: 100%; padding: 4px; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #fff; background: #dd0000; }

/**
CAROUSEL
**/
.MultiCarousel{float:left;padding:0;width:100%;position:relative}
.MultiCarousel .MultiCarousel-inner{transition:1s ease all;float:left;display:flex;}
.MultiCarousel .MultiCarousel-inner .item{float:left;display:flex}
.MultiCarousel .MultiCarousel-inner .item > div{text-align:center;padding:3px;margin:3px;display:flex}
.MultiCarousel span.leftLst,.MultiCarousel span.rightLst{cursor:pointer;
	color: #F2ACAC; font-weight: 700; font-size: 27px; text-transform: uppercase; display: inline-block;
	position:absolute;border:0;top:calc(50% - 37px); text-shadow: 0px 0px 2px #c1c2c3;}
.MultiCarousel span.leftLst{left:2px;}
.MultiCarousel span.rightLst{right:2px}

/*
GREEN A9D9BE
ROSE #F2ACAC
VIOLET #E3CBE0
YELLOW #FFFE8E
BLUE #BDE8E5
*/
a.bntgreenmd{ font-family: "Perpetua", sans-serif; color: #000; background: #A9D9BE; border: 1px solid #A9D9BE;
      font-size: 17px; padding: 14px;  padding-left: 37px; padding-right: 37px; cursor: pointer; text-decoration: none;
      display: inline-block; text-transform: uppercase; }
a.bntgreenmd:hover{ background: #fff; border: 1px solid #fff; }

.flower_white{ background: rgba(255, 255, 255, 0.27); }
.flower_green{ background: rgba(169, 217, 190, 0.27); }
.flower_rose{ background: rgba(242, 172, 172, 0.27); }
.flower_violet{ background: rgba(227, 203, 224, 0.27); }
.flower_yellow{ background: rgba(255, 254, 142, 0.27); }
.flower_blue{ background: rgba(189, 232, 229, 0.27); }