@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card-group .card,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
      float: left;
      flex-direction: column
  }

  .row,.container-fluid,section,footer,main,aside {
      clear: both;
      display: flex;
      width: 100%;
      overflow: hidden;
      flex-direction: row
  }

  .custom-select {
      background-image: none;
      padding-right: 0.75rem
  }

  .table-responsive {
      min-height: 0%
  }
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s
}

*:focus {
  outline: none !important
}

a:hover,a:focus {
  text-decoration: none
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0px
}

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #be7b64
}

.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #be7b64
}

.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #be7b64
}

input[type="file"]:not(.exception) {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  top: 0px;
  left: 0px;
  cursor: pointer
}

.colorpicker {
  position: relative;
  clear: both;
  transition: all 0.15s linear;
  margin-top: 1rem;
  display: inline-block
}

.colorpicker .overlay {
  position: fixed;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  background-color: #000;
  opacity: 0.25;
  display: none
}

.colorpicker .track {
  background: url(../images/cw-2.png) no-repeat 50% 50%;
  height: 310px;
  width: 310px;
  position: absolute;
  cursor: crosshair;
  float: left;
  left: -135px;
  top: -135px;
  display: none;
  z-index: 1060;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 0px solid
}

.colorpicker .color {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  background: #e2e2e2;
  border: 3px solid #fff
}

.colorpicker .colorInner {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

.animate-pulse {
  animation: pulse 1s infinite
}

@-webkit-keyframes pulse {
  0% {
      -webkit-box-shadow: 0 0 0 0 rgba(190,122,99,0.75)
  }

  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(190,122,99,0)
  }

  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(190,122,99,0)
  }
}

@keyframes pulse {
  0% {
      -moz-box-shadow: 0 0 0 0 rgba(190,122,99,0.75);
      box-shadow: 0 0 0 0 rgba(190,122,99,0.75)
  }

  70% {
      -moz-box-shadow: 0 0 0 10px rgba(190,122,99,0);
      box-shadow: 0 0 0 10px rgba(190,122,99,0)
  }

  100% {
      -moz-box-shadow: 0 0 0 0 rgba(190,122,99,0);
      box-shadow: 0 0 0 0 rgba(190,122,99,0)
  }
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn
}

.form-control {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  padding-left: 0px;
  font-family: "Seravek Light"
}

.nav-item {
  font-family: "Seravek Medium"
}

.nav-item:first-of-type {
  padding-left: 0rem !important
}

.nav-item:last-of-type {
  padding-right: 0rem !important
}

@media (min-width: 992px) {
  .nav-item {
      padding-left:0.5rem;
      padding-right: 0.5rem
  }

  #shopNav .nav-item:first-of-type {
      padding-left: 0.5rem !important
  }
}

.shop-nav-fix {
  position: fixed;
  top: 56px;
  left: 0px;
  width: 100%;
  z-index: 100;
  background: rgba(255,255,255,0.9);
  max-height: 95%;
  overflow: auto;
  overflow-y: scroll
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active {
  color: rgba(255,255,255,0.8)
}

nav.navbar.shrink {
  background: rgba(114,101,96,0.75)
}

nav.navbar.shrink .navbar-brand img {
  max-width: 40%
}

nav.navbar,nav.navbar .navbar-brand img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease
}

.navbar-light .navbar-toggler {
  border-color: rgba(255,255,255,0)
}

.fullheight {
  height: 100vh
}

.minfh {
  min-height: 100vh
}

.vh75 {
  height: 75vh
}

.minvh75 {
  min-height: 75vh
}

.xlight {
  font-family: "Seravek ExtraLight";
  font-weight: 100;
}

.light {
  font-family: "Seravek Light";
  font-weight: 300
}

.medium {
  font-family: "Seravek";
  font-weight: 400
}

.bold {
  font-family: "Seravek Bold";
  font-weight: 600
}

.spaced {
  letter-spacing: 0.2rem
}

.bg-beige {
  background: #ffd2c3
}

.bg-dark-beige {
  background: #be7c65
}

.text-beige {
  color: #be7c65
}

a.text-beige {
  color: #be7c65 !important
}

a.text-beige:focus,a.text-beige:hover {
  color: rgba(190,122,99,0.75) !important
}

.text-teal {
  color: #809f90
}

a.text-teal {
  color: #809f90 !important
}

.badge-beige {
  color: #fff;
  background-color: #be7b64
}

.badge-beige:hover,.badge-beige:focus {
  color: rgba(255,255,255,0.9)
}

.badge-tag {
  color: #fff;
  background-color: #809f90;
  box-shadow: 0 0 0 3px rgba(128,159,144,0.75)
}

.badge-tag:hover,.badge-tag:focus {
  color: #fff
}

.btn-beige {
  color: #fff;
  background-color: #be7b64;
  border-color: #be7c65
}

.btn-beige:hover {
  color: #fff;
  background-color: rgba(190,122,99,0.75);
  border-color: rgba(190,122,99,0.75)
}

.btn-beige:focus,.btn-beige.focus {
  box-shadow: 0 0 0 0px rgba(190,122,99,0.75)
}

.btn-beige.active {
  color: #565960;
  background-color: rgba(190,122,99,0.5);
  border-color: rgba(190,122,99,0.5)
}

.btn-teal {
  color: #fff;
  background-color: #809f90;
  border-color: #809f90
}

.btn-teal:hover {
  color: #fff;
  background-color: rgba(128,159,144,0.75);
  border-color: rgba(128,159,144,0.75)
}

.btn-teal:focus,.btn-teal.focus {
  box-shadow: 0 0 0 0px rgba(128,159,144,0.75)
}

.btn-white {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff
}

.btn-white:hover {
  color: #000000;
  background-color: rgba(255,255,255,0.75);
  border-color: rgba(255,255,255,0.75)
}

.btn-white:focus,.btn-white.focus {
  box-shadow: 0 0 0 0x rgba(255,255,255,0.75)
}

.btn-feat {
  color: #c7c1b9;
  background-color: transparent;
  border-color: #c7c1b9
}

.btn-feat:hover {
  color: #565960;
  background-color: #c7c1b9;
  border-color: #c7c1b9
}

.btn-feat:focus,.btn-feat.focus {
  box-shadow: 0 0 0 3px #c7c1b9
}

.btn-feat.active {
  color: #565960;
  background-color: #c7c1b9;
  border-color: #c7c1b9
}

.btn-transparent {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff
}

.btn-transparent:hover {
  color: #ffffff;
  background-color: rgba(255,255,255,0.25);
  border-color: #ffffff
}

.btn-transparent:focus,.btn-transparent.focus {
  box-shadow: 0 0 0 0x rgba(255,255,255,0.25)
}

.btn-blog {
  color: #4d5058;
  background-color: transparent;
  border-color: #4d5058
}

.btn-blog:hover {
  color: #ffffff;
  background-color: #4d5058;
  border-color: #4d5058
}

.btn-blog:focus,.btn-blog.focus {
  box-shadow: 0 0 0 3px #c7c1b9
}

.btn-blog.active {
  color: #ffffff;
  background-color: #4d5058;
  border-color: #4d5058
}

.btn-group.disabled {
  opacity: 0
}

.head-text {
  transform: translateY(0.25rem);
  clip-path: inset(0 0 0.225rem 0);
  -webkit-clip-path: inset(0 0 0.225rem 0)
}

.pushY35 {
  transform: translateY(35px)
}

.home-promo-cats .center-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center
}

.home-promo-cats .center-item img {
  width: 25%
}

.cat-item:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35)
}

.home-promo-cats .cat-item:hover:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(190,122,99,0.75)
}

.home-promo-1 {
  padding-top: 50px
}

@media (min-width: 576px) {
  .home-promo-1 {
      padding-top:100px
  }
}

.home-promo-2 .slick-menu .slick-track {
  display: flex;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}

.home-promo-2 .how-to-block {
  border-bottom: 2px solid rgba(190,122,99,0.5);
  opacity: 0.5;
  height: 100%;
  position: relative;
  padding: 1.5rem 0rem
}

.home-promo-2 .how-to-block span {
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: rgba(190,122,99,0.9);
  transition: all 0.15s ease-in-out;
  transform: translateY(-50%)
}

.home-promo-2 .how-to-block i {
  transition: all 0.15s ease-in-out
}

.home-promo-2 .how-to-block:hover,.home-promo-2 .how-to-block.slick-current {
  border-bottom: 2px solid rgba(190,122,99,0.9);
  opacity: 1
}

.home-promo-2 .how-to-block:hover::after,.home-promo-2 .how-to-block.slick-current::after {
  position: absolute;
  left: 50%;
  transform: translateX(-3px);
  bottom: 0px;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(190,122,99,0.9)
}

.home-promo-2 .how-to-block:hover span,.home-promo-2 .how-to-block.slick-current span {
  opacity: 1
}

.home-promo-2 .how-to-block:hover i,.home-promo-2 .how-to-block.slick-current i {
  opacity: 0;
  transition: all 0.25s ease-in-out
}

.home-promo-packages {
  background: #565960;
  color: #c7c1b9
}

.home-promo-packages .alt {
  color: #fff
}

.home-promo-packages .alt a {
  color: #fff
}

.home-promo-packages .alt a:hover {
  color: #ccc
}

.home-promo-packages .feat {
  background: #5f6269
}

.home-promo-packages .alt2 {
  color: #c7c1b9
}

.home-blog {
  background: #f5f5f5
}

.home-blog .home-post {
  background: #ffffff
}

.footer .alt {
  color: #a9a7a9;
  font-family: "Seravek Light"
}

.login-page {
  background: linear-gradient(to right, transparent 50%, rgba(190,122,99,0.6) 50%),url(../images/system-bg.jpg);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover;
  padding-top: 100px
}

.fb-login-icon {
  background: #2b5a8f
}

.fb-login-text {
  background: #2f64a0
}

.system-page {
  background: linear-gradient(to right, transparent 50%, rgba(190,122,99,0.6) 50%),url(../images/system-bg.jpg);
  background-position: top center;
  background-blend-mode: multiply;
  padding-top: 100px
}

.pre-quiz {
  background: url(../images/pre-quiz-bg.jpg);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover
}

.quiz-page {
  background: #ffffff
}

.quiz-pick-ico.plus {
  background: url(../images/white-plus-icon.png);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover
}

.quiz-pick-ico.minus {
  background: url(../images/white-minus-icon.png);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover
}

.quiz-pick-ico {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 3rem;
  height: 3rem;
  transition: all 0.15s linear
}

.quiz-page .quiz-options .quiz-option {
  transition: all 0.15s linear
}

.quiz-page .quiz-options .quiz-option:hover .hover {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  background: rgba(190,124,101,0.7);
  z-index: 99
}

.quiz-page .quiz-options .quiz-option:hover .quiz-pick-ico {
  opacity: 1
}

.quiz-page .quiz-options .quiz-option.picked:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border: 0.5rem solid rgba(190,124,101,0.7);
  z-index: 99
}

.designers-page {
  background: linear-gradient(to right, transparent 50%, rgba(190,122,99,0.6) 50%),url(../images/designers-head.jpg);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover;
  padding-top: 100px
}

.shop-page {
  background: linear-gradient(to right, transparent 50%, rgba(190,122,99,0.6) 50%),url(../images/designers-head.jpg);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover;
  padding-top: 100px
}

.programs-selector .picked:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  background: rgba(190,124,101,0.7);
  z-index: 99
}

.qtype-selector input:checked+p:after {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(190,124,101,0.7);
  z-index: 99
}

.designer-boards:hover:after {
  content: "INSPIRATIONS";
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 45%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  z-index: 99;
  font-family: "Seravek Light";
  color: #000;
  font-size: 1.25rem
}

.category-pick-ico.plus {
  background: url(../images/white-plus-icon.png);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover
}

.category-pick-ico.minus {
  background: url(../images/white-minus-icon.png);
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover
}

.category-pick-ico {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 3rem;
  height: 3rem;
  transition: all 0.15s linear
}

.pick-category .center-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center
}

.pick-category .center-item img {
  width: 25%
}

.pick-category .cat-item {
  transition: all 0.15s linear;
  position: relative
}

.pick-category .cat-item:hover:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(190,122,99,0.75)
}

.pick-category .cat-item:hover .center-item {
  opacity: 0
}

.pick-category .cat-item:hover .category-pick-ico {
  opacity: 1
}

.pick-category .cat-item.picked:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(190,122,99,0.5);
  z-index: 99
}

.newish {
  border: 1rem solid rgba(190,122,99,0.5);
  transition: all 0.5s ease-in-out;
  max-width: 100%;
  height: auto
}

.shop-nav .shopsubnav.categories {
  border-top: 1px solid rgba(0,0,0,0.25)
}

.shop-nav .nav-link {
  font-family: "Seravek Medium";
  color: #212529;
  position: relative
}

.shop-nav .nav-link:hover {
  color: rgba(33,36,41,0.75)
}

.cart-count {
  position: absolute;
  top: 0.1rem;
  right: 0.5rem
}

#chat {
  border: 1px solid rgba(0,0,0,0.25)
}

#chat .chat-head {
  border-bottom: 1px solid rgba(0,0,0,0.25)
}

#chat .chat-compose {
  border-top: 1px solid rgba(0,0,0,0.25)
}

#chat .chat-body {
  height: 500px;
  overflow-y: scroll;
  font-family: "Seravek Light";
  font-size: 85%;
  padding-bottom: 10px
}

#chat .chat-body .chat-message {
  padding: 0.5rem;
  position: relative;
  display: inline-block;
  clear: both;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeIn
}

#chat .chat-body .chat-message.partner {
  margin: 0.25rem 20% 0.25rem 1rem;
  background: #f4f5f7;
  float: left
}

#chat .chat-body .chat-message.partner::after {
  content: "";
  position: absolute;
  visibility: visible;
  top: 0px;
  left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #f4f5f7;
  clear: both;
  display: block
}

#chat .chat-body .chat-message.me {
  margin: 0.25rem 1rem 0.25rem 20%;
  background: #edfbee;
  float: right
}

#chat .chat-body .chat-message.me::after {
  content: "";
  position: absolute;
  visibility: visible;
  top: 0px;
  right: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #edfbee;
  clear: both;
  display: block
}

.project-asset-viewer {
  width: 90%;
  margin: 0px !important;
  padding: 10px !important
}

.project-asset-viewer img.asset {
  width: 100% !important;
  height: auto
}

.asset-tags {
  position: relative
}

.asset-tags a.badge-tag {
  position: absolute;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 110%;
  width: 25px;
  height: 25px
}

.fa-vmid {
  vertical-align: -15% !important
}

.project-assets label {
  position: relative !important
}

.feat-designer-wrap {
  transition: all 0.25s ease-in-out
}

.feat-designer-wrap .feat-designer-text {
  opacity: 0;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 110
}

.feat-designer-wrap:hover::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(78,156,175,0.75);
  z-index: 99
}

.feat-designer-wrap:hover .feat-designer-text {
  opacity: 1
}

.feat-media-wrap {
  transition: all 0.25s ease-in-out
}

.feat-media-wrap .feat-media-text {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 110
}

.feat-media-wrap::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(78,156,175,0.6);
  z-index: 99
}

.feat-media-wrap:hover::before {
  background: rgba(78,156,175,0.75)
}

.product-card {
  background: #ffffff;
  box-shadow: 0px 0px 25px transparent;
  border: 1px solid transparent;
  padding: 1rem;
  background-position: center center;
  background-blend-mode: multiply;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 455px;
}

.product-card:hover {
  transition: all 0.25s ease-in-out;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
  border: 1px solid #f2d2c7
}

.shop-nav {
  transition: all 0.25s ease-in-out
}

.shop-content.offset {
  margin-top: 56px
}

.shop-nav .bl-1 {
  border-left: 1px solid rgba(0,0,0,0.25)
}

.opacity-5 {
  opacity: 0.5
}

.opacity-2 {
  opacity: 0.2
}

.product-image-thumbs img {
  transition: all 0.25s ease-in-out
}

.cart-image {
  height: 50px
}

.relative {
  position: relative
}

.bb-1 {
  border-bottom: 1px solid #212529
}

.hm250 {
  min-height: 250px
}

text {
  font-family: "Seravek", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 10px !important;
  color: #212529 !important;
  font-weight: 600 !important
}

.notification-label {
  position: absolute;
  top: -12px;
  right: -12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 1rem;
  z-index: 99
}

.notification-label-mobile {
  position: absolute;
  top: -6px;
  right: 3px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 1rem;
  z-index: 99
}

@media (max-width: 575px) {
  h2 {
      font-size:1.57rem
  }
}

.table>tbody>tr>td {
  vertical-align: middle
}

.fc-calendar-container.passive .fc-calendar .fc-row>div {
  cursor: auto !important;
  pointer-events: none !important
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset
}

.rating {
  unicode-bidi: bidi-override;
  direction: rtl
}

.rating input {
  position: absolute;
  left: -999999px
}

.rating label {
  display: inline-block;
  font-size: 0
}

.rating>label:before {
  position: relative;
  font: 24px/1 FontAwesome;
  display: block;
  content: "\f005";
  color: #ccc;
  background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.rating>label:hover:before,.rating>label:hover ~ label:before,.rating>label.selected:before,.rating>label.selected ~ label:before {
  color: #f0ad4e;
  background: -webkit-linear-gradient(-45deg, #be7b64 0%, #be7c65 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.rating-disp {
  unicode-bidi: bidi-override;
  direction: rtl
}

.rating-disp label {
  display: inline-block;
  font-size: 0
}

.rating-disp>label:before {
  position: relative;
  font: 13px/1 FontAwesome;
  display: block;
  content: "\f005";
  color: #ccc;
  background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.rating-disp>label.selected:before,.rating-disp>label.selected ~ label:before {
  color: #f0ad4e;
  background: -webkit-linear-gradient(-45deg, #be7b64 0%, #be7c65 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.slick-shop .slick-track {
  margin-left: 0px !important
}

.z99 {
  z-index: 99
}

.carousel-control-next-icon.custom {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23BE7B64' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  width: 25px;
  height: 25px
}

.carousel-control-prev-icon.custom {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23BE7B64' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  width: 25px;
  height: 25px
}

h5 {
  line-height: 1.4
}

input[type="button"],input[type="submit"],input[type="file"],button,.btn {
  cursor: pointer !important
}

.file-img-cont {
  position: relative;
  z-index: 998;
  display: inline-block
}

.file-img-cont::after {
  content: "\f05c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #be7b64;
  font-size: 30px;
  line-height: 0px;
  margin-left: -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999
}

.img-sm {
  width: 60px
}

@media (max-width: 575px) {
  .responsive-tables thead {
      display:none
  }

  .responsive-tables tr td {
      display: inline-block;
      border: 0px;
      padding: 3px 5px;
      font-size: 80%
  }

  .responsive-tables tr td:last-of-type {
      padding-bottom: 6px;
      display: block
  }

  .responsive-tables tr td:first-of-type {
      display: block;
      padding-top: 6px;
      font-size: 100%
  }

  .responsive-tables tr {
      border-bottom: 1px solid #e9ecef
  }

  .nav-tabs {
      padding-left: 2px;
      padding-right: 2px;
      border: 0px
  }

  .nav-tabs li {
      display: block !important;
      width: 100%;
      margin: 0px
  }

  .nav-tabs .nav-link.active {
      border-color: #ddd
  }

  .nav-tabs .nav-item {
      margin-bottom: 0px
  }

  .nav-tabs .nav-link {
      border-radius: 0.25rem
  }
}

@media (max-width: 991px) {
  .master-nav-open {
      height:100%
  }

  .master-nav * {
      transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0)
  }
}

.no-scroll {
  height: 100%;
  overflow: hidden
}

.navbar-toggler:focus,.navbar-toggler:active {
  outline: 0
}

.navbar-toggler span {
  display: block;
  background-color: rgba(255,255,255,0.9);
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  left: 0;
  opacity: 1
}

.navbar-toggler-alt span {
  background-color: rgba(0,0,0,0.9) !important
}

.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {
  -webkit-transition: transform 0.35s ease-in-out;
  -moz-transition: transform 0.35s ease-in-out;
  -o-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9
}

.iosBugFix.modal-open {
  position: fixed;
  width: 100%
}

.master-nav-mobile {
  padding-top: 30px
}

.slick-shop:not(.slick-initialized) {
  display: none
}

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

.product-title {
  height: 56px;
  overflow: hidden
}

@supports (-webkit-overflow-scrolling: touch) {
  .master-nav {
      padding-top: 30px
  }
}

html,body {
  -webkit-tap-highlight-color: transparent
}

.slick-brands.slick-initialized .slick-track {
  display: flex;
  align-items: center
}

@keyframes scrollanima {
  0% {
      transform: translateY(0);
      opacity: 1
  }

  25% {
      opacity: 1
  }

  75% {
      transform: translateY(0.75em);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 0
  }
}

.scroll-icon__dot {
  display: block;
  position: absolute;
  left: 50%;
  background: #fff;
  height: 0.5em;
  width: 0.5em;
  top: 0.6em;
  margin-left: -0.25em;
  border-radius: 50%;
  transform-origin: top center;
  backface-visibility: hidden;
  animation: scrollanima 2s ease-out infinite
}

.scroll-icon {
  display: inline-block;
  position: relative;
  height: 3em;
  width: 1.5em;
  border: 0.25em solid #fff;
  border-radius: 1em
}

.scroll-icon-wrap {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 100%;
  margin-left: -50%;
  text-align: center
}

#hcaro {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%
}

.home-carousel.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.custom-select-alt {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 1.75rem;
  line-height: 1.25;
  color: #ffffff;
  border-color: #809f90;
  background: #809f90 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-select-alt:focus {
  color: #ffffff;
  border-color: transparent;
  outline: none
}

.package-promo .fancybox-slide>* {
  background: transparent !important;
  padding: 0px
}

.package-promo .fancybox-close-small:after {
  background: #eee
}

.large {
  font-size: 120%
}

.slarge {
  font-size: 110%
}

.tkm-1 {
  margin-top: 25px;
}

/*
   FILE ARCHIVED ON 11:19:25 Oct 16, 2020 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 20:28:48 Jan 20, 2026.
   JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

   ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
   SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.872
exclusion.robots: 0.023
exclusion.robots.policy: 0.008
esindex: 0.013
cdx.remote: 53.471
LoadShardBlock: 125.496 (3)
PetaboxLoader3.resolve: 165.947 (4)
PetaboxLoader3.datanode: 145.146 (5)
load_resource: 208.238 (2)
*/