@media (max-width: 991px) {
  .cms-index-index .page-header { position: relative !important; }
  .cms-index-index .page-header .header.content { display: block !important; text-align: center; }
}

@media (max-width: 767px) {
  .page-header.type18 .nav-toggle { float: left; }
  
  .sw-megamenu.navigation li.ui-menu-item { text-align: left; }
}

.page-header .navigation .level0 .submenu li.parent>a:after { display: none !important; }
.paypal-review-discount .block>.title strong, .cart-discount .block>.title strong { color: #b99867; }


.product.info .product.data.items .item.title { display: none; }


.table-checkout-shipping-method tr { display: table-row; }
.table-checkout-shipping-method tbody td { display: table-cell; flex: none; }
.table-checkout-shipping-method tbody td.col-hidden { padding-left: 0; padding-right: 0; }

.table-checkout-shipping-method tbody tr.myshipping-method-fields td {
  background-color: #ebebeb;
  padding: 25px 40px;
  border: 1px solid #cccccc;
}

.table-checkout-shipping-method tbody tr.myshipping-method-fields .field {
  margin-bottom: 10px;
}

.table-checkout-shipping-method tbody tr.myshipping-method-fields .field label {
  font-weight: 600;
  padding: 5px 3px;
  display: block;
  color: #666666;
}

.table-checkout-shipping-method tbody tr.myshipping-method-fields .field.myshipping-save label {
  display: none;
}
.table-checkout-shipping-method tbody tr.myshipping-method-fields .field.myshipping-save .control label {
  display: inline-block;
}

.form .fieldset .field .label { 
  color: #666666;
}

.fotorama__arr {
  height: 50px !important;
  width: 50px !important;
  top: calc(50% - 25px) !important;
}



@media (min-width: 768px) {
  .form.create.account {
    
  }
  .form.create.account > .fieldset {
    width: 100% !important;
    float: none;
  }
  .form.create.account > .fieldset .field {
    padding: 0 20px 0 0;
  }
  .form.create.account > .fieldset.create.info .field {
    float: left;
    width: 50%;
  }

  .form.create.account > .fieldset.create.account .field.password,
  .form.create.account > .fieldset.create.account .field.confirmation {
    float: left;
    width: 50%;
  }

  .form.create.account > .fieldset.address .field {
    width: 50%;
  }
  .form.create.account > .fieldset.address .field.telephone,
  .form.create.account > .fieldset.address .field.zip { 
    width: 25%;
  }
  .form.create.account > .fieldset.address .field.country {
    float: left;
    width: 20%;
  }
  .form.create.account > .fieldset.address .field.region {
    float: left;
    width: 30%;
  }
  .form.create.account > .fieldset.address .field.street .additional {
    width: 100%;
    padding: 0 0 0 0;
  }
}





.page-wrapper > .breadcrumbs {
    width: 100%;
    max-width: 100%;
}


.sidebar .block-sidemenu .block-title strong span {
  display: block;
  font-size: 20px;
  line-height: 20px;
  padding: 0 0 8px;
  font-weight: bold;
  color: #b99867;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
  font-family: "Lora";
}
.sidebar .block-sidemenu .block-title strong span:before {
  position: absolute;
    content: "";
    height: 1px;
    width: 50px;
    background-color: #b99867;
    bottom: 0;
    left: 0;
}
.sidebar .block-sidemenu ol { padding: 0px; margin: 0px; }
.sidebar .block-sidemenu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  line-height: 40px;
}

.sidebar .block-sidemenu li a,
.sidebar .block-sidemenu li a span {
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    color: #373737;
    font-family: "Lora";
}

.sidebar .block-sidemenu li a:hover,
.sidebar .block-sidemenu li a:hover span {
  font-weight: bold;
}

/* Homepage */
.cms-index-index .page-main {
    margin: 0px !important; 
    padding: 0px !important;
    max-width: 100% !important;
}
.cms-index-index .page-main .column.main {
    padding-bottom: 0px !important;
}


/*Banner-top*/ /* Block:banner */
.top-banner .b-box{float: left; width: 100%; position: relative; text-align: center;}
.top-banner .b-box .b-text{position: absolute; right: 0; left: 0;bottom: 10%; transform: scale(1); -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.top-banner .b-box .b-text h3{margin: 0}
.top-banner .b-box .b-text .b-caption1{position: relative; font-size: 50px; color: #b99867; text-transform: uppercase;}
.top-banner .b-box .b-text .b-caption2{font-size: 18px; color: #fff; text-transform: capitalize; padding-top: 10px}
.top-banner .b-box .b-text .b-caption1:before{content: ""; position: absolute; width: 40%; height: 1px; background-color: #b99867; bottom: 0; left: 30%}
.top-banner .b-box .b-text .link-cat{display: inline-block; line-height: 40px; padding: 0 30px; color: #fff; font-size: 16px; background-color: #b99867; text-transform: uppercase; margin-top: 20px}
.top-banner .b-box .b-text .link-cat:hover{ text-decoration: none; }
.top-banner .b-box:before{content: ""; position: absolute; height: 100%; opacity: 0.6; background-color: rgba(55, 55, 55, 0.8); left: 0; right: 0; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}

.top-banner .b-box:hover .b-text{transform: scale(1);}


/*Top banner*/
@media (min-width: 768px) {
  .top-banner .b-box:before{height: 0; opacity: 0.8; }
  .top-banner .b-box .b-text{ transform: scale(0); }
  .top-banner .b-box:hover:before{height: 100%}
  .top-banner .b-box:hover .b-text{transform: scale(1);}

  
.top-banner:hover .content .info{
    animation: zoomInDown 0.5s ease-out;
    -moz-animation: zoomInDown 0.5s ease-out;
    -webkit-animation: zoomInDown 0.5s ease-out;
    -o-animation: zoomInDown 0.5s ease-out;}
.top-banner:hover .content .title{
    animation: zoomInDown 0.7s ease-out;
    -moz-animation: zoomInDown 0.7s ease-out;
    -webkit-animation: zoomInDown 0.7s ease-out;
    -o-animation: zoomInDown 0.7s ease-out;}
.top-banner:hover .content .desc{
    animation: zoomInDown 0.9s ease-out;
    -moz-animation: zoomInDown 0.9s ease-out;
    -webkit-animation: zoomInDown 0.9s ease-out;
    -o-animation: zoomInDown 0.9s ease-out;}
}
@media (max-width: 768px) {
  .top-banner .content .info{
    opacity: 0.8;
      animation: zoomInDown 0.5s ease-out;
      -moz-animation: zoomInDown 0.5s ease-out;
      -webkit-animation: zoomInDown 0.5s ease-out;
      -o-animation: zoomInDown 0.5s ease-out;}
  .top-banner .content .title{
    opacity: 1;
      animation: zoomInDown 0.7s ease-out;
      -moz-animation: zoomInDown 0.7s ease-out;
      -webkit-animation: zoomInDown 0.7s ease-out;
      -o-animation: zoomInDown 0.7s ease-out;}
  .top-banner .content .desc{
    opacity: 1;
      animation: zoomInDown 0.9s ease-out;
      -moz-animation: zoomInDown 0.9s ease-out;
      -webkit-animation: zoomInDown 0.9s ease-out;
      -o-animation: zoomInDown 0.9s ease-out;}
  }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


/*Support Inner*/
.block_support { padding: 60px 0 40px; background-color: #373737; }

.block_support .extents-item .support-icon{padding: 30px 0; text-align: center;}
.block_support .extents-item .support-icon .icons{display: inline-block; width: 46px; height: 48px;/* margin: 0 auto*/}
.block_support .extents-item:nth-child(1) .support-icon .icons{ background-image: url("../images/icon-shipping.png"); }
.block_support .extents-item:nth-child(2) .support-icon .icons{ background-image: url("../images/icon-service.png"); }
.block_support .extents-item:nth-child(3) .support-icon .icons{ background-image: url("../images/icon-back.png"); }
.block_support .support-info .info-title{font-size: 18.32px; text-transform: uppercase; color: #fff; }
.block_support .support-content{padding: 0; text-align: center;}
.block_support .support-content .sub-title{font-size: 14px; color: #b99867; padding: 5px 0 35px; text-transform: capitalize; font-weight: 400}
.block_support .extents-item-content{border: 1px solid #bcbcbc}
.block_support a { font-size: 14px; font-weight: 100; }
.block_support a:hover { color: #FFFFFF; }


/*Support inner*/
.block_support .extents-item:nth-child(1) .extents-item-content:hover .support-icon .icons{animation: plane 1s linear infinite reverse; -moz-animation: plane 1s linear infinite reverse; -webkit-animation: plane 1s linear infinite reverse; -o-animation: plane 1s linear infinite reverse;}
@keyframes plane{
  0%{opacity: 0; transform: translate(30px, -30px)}
  100%{opacity: 1; transform: translate(-30px, 30px)}
  
}
/* Firefox */
@-moz-keyframes plane {
  0%{opacity: 1; transform: translate(30px, -30px)}
  100%{opacity: 0; transform: translate(-30px, 30px)}
}

/* Safari and Chrome */
@-webkit-keyframes plane {
  0%{opacity: 1; transform: translate(30px, -30px)}
  100%{opacity: 0; transform: translate(-30px, 30px)}
}

/* Opera */
@-o-keyframes plane {
  0%{opacity: 1; transform: translate(30px, -30px)}
  100%{opacity: 0; transform: translate(-30px, 30px)}

  /*  0%{transform: rotateZ(3deg);}
  100%{transform: rotateZ(-3deg);}*/
}

.block_support .extents-item:nth-child(2) .extents-item-content:hover .support-icon .icons{animation: earphones 2s linear infinite; -moz-animation: earphones 2s linear infinite; -webkit-animation: earphones 2s linear infinite; -o-animation: earphones 2s linear infinite;}
@keyframes earphones{
  0%{transform: rotateY(0deg);}
  50%{transform: rotateY(-60deg);}
  100%{transform: rotateY(0deg);}
}
/* Firefox */
@-moz-keyframes earphones {
  0%{transform: rotateY(0deg);}
  50%{transform: rotateY(-60deg);}
  100%{transform: rotateY(0deg);}
}

/* Safari and Chrome */
@-webkit-keyframes earphones {
  0%{transform: rotateY(0deg);}
  50%{transform: rotateY(-60deg);}
  100%{transform: rotateY(0deg);}
}

/*Opera */
@-o-keyframes earphones {
  0%{transform: rotateY(0deg);}
  50%{transform: rotateY(-60deg);}
  100%{transform: rotateY(0deg);}
}
.block_support .extents-item:nth-child(3) .extents-item-content:hover .support-icon .icons{animation: refresh 200s linear infinite; -moz-animation: refresh 200s linear infinite; -webkit-animation: refresh 200s linear infinite; -o-animation: refresh 200s linear infinite;}
@keyframes refresh{
  0%{transform: rotateZ(0);}
  100%{transform: rotateZ(100turn)}
}
/* Firefox */
@-moz-keyframes refresh {
  0%{transform: rotateZ(0);}
  100%{transform: rotateZ(100turn)}
}

/*Safari and Chrome */
@-webkit-keyframes refresh {
  0%{transform: rotateZ(0);}
  100%{transform: rotateZ(100turn)}
}

/*Opera */
@-o-keyframes refresh {
  0%{transform: rotateZ(0);}
  100%{transform: rotateZ(100turn)}
}

/* Contact Us */
.form.contact .fields { margin: 0 0 18px; }
.contact-info .media-body strong{text-transform: uppercase;  color: #373737; padding-right: 8px; }
.contact-info .media-body p{ color: #373737; margin: 0; margin-left: 0px !important;}
.contact-info .media-body strong, .contact-info .media-body p{display: inline-block; vertical-align: top; display: inline-block; font-size: 1.3rem; line-height: 1.4;}

.contact-content .contact-info .section-title{margin-bottom: 20px}
.contact-info .media-list .media{margin-top: 8px}
.contact-info .feature-icon{margin-top: 18px}

.contact-info ul { padding-inline-start: 0px; }
.contact-info li { margin: 0px; padding: 0px; list-style:none; }
.contact-info li a.social-link {
    color: #3d3d3d;
    font-size: 1.3rem;
    line-height: 1.4;
}

/* Footer ================================================================================ */
.footer-middle {
    background-color: #373737;
    color: #fff;
    padding: 40px 0;
    font-family: 'Montserrat';
    font-size: 13px;
}
.footer-middle .container {
    padding: 50px 20px;
    border-top: 1px solid #4b4b4b;
}
.footer-middle .footer-item {
    padding: 0;
}
.footer-container .block-footer-bottom{padding-top: 60px}
.footer a:hover { text-decoration: none; }

.block-footer-bottom .box-info{border-bottom: 1px solid #4b4b4b; padding-bottom: 25px}
.block-footer-bottom .footer-item{width: 25%; display: inline-block; vertical-align: top; position: relative;}
.block-footer-bottom .footer-item:after{content: ""; position: absolute; height: 150px; width: 1px; background-color: #4b4b4b; top: -10px; right: 0}
.block-footer-bottom .footer-item:last-child:after{display: none;}
.footer-item .title{font-size: 14px; color: #b99867; text-transform: uppercase; margin: 0; font-weight: normal;}
.footer-item .sub-title, .footer-item .info{display: inline-block; vertical-align: top; color: #FFF}
.footer-item .sub-title{font-size: 14px; font-weight: bold; text-transform: uppercase; }
.footer-item .info{font-size: 13px; font-weight: 500}
.footer-item .content > ul > li{line-height: 24px}
.footer-item .box-content .phone-number{font-size: 24px; color: #FFF; margin: 0; padding: 5px 0} 
.footer-item .content .time-on p, .footer-item .content .time-off p{font-size: 13px; color: #FFF; margin: 0; font-weight: 500}
.footer-item .content .time-off{padding-top: 10px}
.footer-item .content > ul.bullet > li a{font-size: 1.1em; color: #555; transition:all 300ms ease-in-out 0s;-moz-transition:all 300ms ease-in-out 0s;-webkit-transition:all 300ms ease-in-out 0s;-o-transition:all 300ms ease-in-out 0s; font-family: 'Raleway'; color: #FFFFFF; }
.footer-item .content > ul.bullet > li a:hover{color: #b99867; padding-left: 10px}
.footer-item:nth-child(2) .box-content{padding-left: 55px}
.footer-item:nth-child(3) .box-content{padding-left: 100px}
.footer-item:nth-child(4) .box-content{padding: 0 22px}
.footer-item:nth-child(2n+1) .box-content .content{padding-top: 27px}
.footer-item:last-child .box-content .content{padding-top: 35px}
.footer-item .box-content .info a:hover { color: #FFFFFF; }

/*Footer links*/
.end-page ul li{display: inline-block;}
.end-page{text-align: center; padding: 0px 0 0px}
.copyright{padding-bottom: 60px; text-align: center;}
.block-footer-bottom .footer{padding: 53px 0 0px; border-top: 1px solid #4b4b4b}
.top-left-footer{border-bottom: 1px solid #b5b5b5}
.end-page ul{margin: 0px}
.end-page ul li a{font-size: 13px; font-weight: 500; color: #555}
.end-page ul li a:hover{color: #b99867}
.end-page ul li a:after{content: "|"; font-size: 13px; color: #555; padding: 0 10px 0 10px}
.end-page ul li:last-child a:after{display: none;}
.footer-paypal{padding-top: 16px;}
.footer-paypal .paypal a{display: block; margin-right: 5px; float: left;}
.footer-paypal .paypal a img{transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.footer-paypal .paypal a:hover img{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.footer-paypal .paypal a:last-child{margin-right: 0}
.copyright h3{font-size: 12px; color: #b5b5b5; line-height: normal; font-weight: 300; margin: 0}

.footer .list-inline {
    padding-top: 15px;
}

.footer-bottom {
    min-height: 40px;
    line-height: 24px;
    background-color: #373737;
    padding: 15px 0;
    border-top: 1px solid #4b4b4b;
}
.footer-bottom .custom-block {
    float: none;
    line-height: 1;
    margin: 3px 0;
    display: block; 
    text-align: center;
}


.footer-bottom address {
    float: none;
    line-height: 30px;
    margin: 0;
    display: block;
    text-align: center;
}



/*Social link*/
.list-inline li{padding: 0;}
.list-inline li a.social-link{margin-right: 25px; line-height: 14px; font-size: 20px;}
.list-inline li a.social-link span {margin-left: 8px; line-height: 14px; font-size: 14px;}
.list-inline li:last-child a.social-link{margin-right: 0px}
.block-footer-bottom .list-inline{padding-top: 15px}
.social-view .social-share, .social-view .list-inline{display: inline-block; vertical-align: middle; margin: 0; line-height: normal;}
.social-view .social-share{font-size: 14px; font-weight: bold; color: #212121; font-family: "Montserrat"; margin-right: 18px; text-transform: uppercase; padding-bottom: 3px}
.social-view{padding-top: 25px}


@media (min-width: 768px) {
  .top-banner .b-box{float: left; width: 25%;}
  .footer-middle .container {
    padding: 50px 0 0;
    border-top: 0px;
  }
  .footer-middle .footer-item {
    padding: 20px 0 0;
    border-right: 1px solid #4b4b4b;
  }
  .footer-middle .footer-item.newsletter {
    border-right: 0px;
  }
}