@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'Sophillia';
  src: url('../fonts/SophilliaRegular.eot');
  src: url('../fonts/SophilliaRegular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/SophilliaRegular.woff2') format('woff2'),
      url('../fonts/SophilliaRegular.woff') format('woff'),
      url('../fonts/SophilliaRegular.ttf') format('truetype'),
      url('../fonts/SophilliaRegular.svg#SophilliaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html, body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background-color: #ffffff;
  color: #000000;
  position: relative;
  line-height: 1.5em;
  font-size: 14px;
}
body.no-scroll {
  overflow: hidden;
}
* {
  line-height: 1.8em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table {
  width: 100%;
}
.menu .navbar .dropdown > .dropdown-menu.submenu .h-flex {
  width: 100%;
  flex-wrap: nowrap;
}
.menu .navbar .dropdown > .dropdown-menu.submenu .h-flex .v-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background-color: #eee;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: #aaa;
  width: 11px;
  margin: 0 2px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
.no-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.filter-group .options::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.fancy::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track,
.fancy::-webkit-scrollbar-track,
.filter-group .options::-webkit-scrollbar-track {
  background-color: #eee;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb,
.fancy::-webkit-scrollbar-thumb,
.filter-group .options::-webkit-scrollbar-thumb {
  background: #aaa;
  width: 6px;
  margin: 0 2px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul::-webkit-scrollbar-thumb:hover,
.modal-content::-webkit-scrollbar-thumb:hover,
.fancy::-webkit-scrollbar-thumb:hover,
.filter-group .options::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
#preloader {
  display: none !important;
}
form {
  padding: 0;
  margin: 0;
}
.form-actions {
  text-align: left;
}
.font16 {
  font-size: 16px !important;
}
.font14 {
  font-size: 14px !important;
}
.ui-widget {
  font-family: 'Sophillia', san-serif;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  color: #518991;
}
a:hover, a:focus {
  color: #518991;
  text-decoration: underline;
  outline: none;
}

/* Buttons */
.btn {
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 5px;
  border: 1px solid #adcfd4;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bg-primary {
  background-color: #473d3b !important;
}
.bg-success {
  background-color: #36d88a !important;
}
.bg-info {
  background-color: #ff4100 !important;
}
.bg-warning {
  background-color: #c1c1c1 !important;
}
.bg-danger {
  background-color: #444444 !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary.active {
  background-color: #adcfd4 !important;
  border-color: #adcfd4 !important;
  color: #000000 !important;
}
.btn-transparent,
.btn-transparent:active,
.btn-transparent.active {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #000000 !important;
  padding: 12px 0 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary-grey:hover,
.btn-secondary-grey:focus,
.btn-primary.focus {
  color: #ffffff !important;
  background-color: #658f95 !important;
  border-color: #658f95 !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #000000 !important;
  background-color: #cacaca !important;
  border-color: #cacaca !important;
}
.btn-secondary,
.btn-secondary:active,
.btn-secondary.active {
  background-color: #ffffff !important;
  border-color: #adcfd4 !important;
  color: #000000 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus {
  color: #ffffff !important;
  background-color: #535353 !important;
  border-color: #535353 !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #256e9d !important;
  border-color: #256e9d !important;
}
.btn-secondary-grey {
  color: #ffffff !important;
  background-color: #918b89 !important;
  border-color: #918b89 !important;
  padding: 4px 20px;
}
.text-success {
  color: #36d88a !important;
}
.text-info {
  color: #ff4100 !important;
}
.text-warning {
  color: #c1c1c1 !important;
}
.text-danger {
  color: #444444 !important;
}
.alert-success {
  background-color: #70c770;
}
.alert-info {
  background-color: #ff4100;
}
.alert-warning {
  background-color: #c1c1c1;
}
.alert-danger {
  background-color: #444444;
}
.bold {
  font-weight: bold !important;
}
.clear {
  clear: both;
  width: 100%;
}
.w100 {
  width: 100% !important;
}
.wauto {
  width: auto !important;
}
.margin0 {
  margin: 0 !important;
}
.mBot20 {
  margin-bottom: 20px !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mRight20 {
  margin-right: 20px !important;
}
.link-button {
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #658f95;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.link-button:hover {
  color: #658f95;
  text-decoration: underline;
}
.link-button .fa {
  margin-right: 3px;
  font-size: 14px;
}
.link-button-grey {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.link-button-grey:hover {
  color: #000000;
  text-decoration: underline;
}
.link-button i,
.link-button-grey i {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

form {
  width: 100%;
}
input[type=text],
input[type=file],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
select,
textarea {
  background: #ffffff;
  border: none;
  border: 1px solid #c0e2e7;
  color: rgba(45, 45, 45, 1);
  width: 100%;
  padding: 9px 15px;
  border-radius: 0;
  font-weight: 500;
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5em;
  display: block;
  border-radius: 0;
  font-style: normal;
}
textarea {
  min-height: 85px;
}
select,
textarea,
input {
  border-radius: 0;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #658f95 !important;
}
.select-component {
  position: relative;
  border: 1px solid #c0e2e7;
  border-radius: 0;
  padding: 0 20px 0 15px;
  min-width: 180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff url(../img/br_down.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 12px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5em;
  height: 41px;
  min-height: 41px;
  max-height: 41px;
  color: #000000;
}
.select-component.untouched {
  color: #777;
}
.mandatory textarea,
.select-component.mandatory {
  border: 1px solid rgb(189, 31, 46);
}
.select-component.mandatory + .error {
  display: block;
}
.select-component.sort {
  min-width: 0;
  padding: 5px 30px 5px 15px;
  border-radius: 19px;
  font-size: 13px;
  font-weight: 300;
  height: auto;
  min-height: 0;
  border-color: #d4d4d4;
}
.select-component i {
  color: #545756;
}
.check-group {
  margin-left: 20px;
}
.radio, .checkbox {
  position: relative;
  min-width: 90px;
}
.radio label, .checkbox label {
  min-width: 80px;
  width: auto;
  position: relative;
  padding-left: 25px;
  line-height: 1.8em;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 300;
  white-space: nowrap;
  color: #000000;
}
.radio img {
  height: 20px;
  margin: 0 5px;
  position: relative;
  top: -2px;
}
.radio label:before,
.checkbox label:before {
  position: absolute;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid #333333;
  content: '';
  border-radius: 50%;
  top: 6px;
  left: 2px;
  z-index: 1;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
  color: #000000;
}
input[type="radio"]:checked + label:after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: '';
  display: block;
  background: #333333;
  top: 10px;
  left: 6px;
  -webkit-transform: scale(1) rotate(-45deg) skew(-10deg);
  -ms-transform: scale(1) rotate(-45deg) skew(-10deg);
  transform: scale(1) rotate(-45deg) skew(-10deg);
  -webkit-animation: none;
  animation: none;
  z-index: 2;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}
.checkbox label:before  {
  border-radius: 3px;
}
input[type="checkbox"]:checked + label:after {
  position: absolute;
  width: 9px;
  height: 5px;
  content: '';
  display: block;
  border-radius: 0;
  top: 9px;
  left: 4px;
  border-left: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: scale(1) rotate(-45deg) skew(-10deg);
  -ms-transform: scale(1) rotate(-45deg) skew(-10deg);
  transform: scale(1) rotate(-45deg) skew(-10deg);
  -webkit-animation: none;
  animation: none;
  z-index: 2;
}
.options .radio input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}
.options.auto .radio label {
  min-width: 80px;
  width: auto;
}
.form-item label {
  font-family: 'Sophillia', sans-serif;
  margin: 0 10px 0 0;
  font-size: 16px;
  line-height: 2em;
  font-weight: normal;
  color: #000000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  text-align: left;
}
.form-item label b {
  color: rgb(189, 31, 46);
}
.error {
  color: rgb(189, 31, 46);
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 11px;
  line-height: 2em;
  font-style: normal;
  font-family: Verdana;
  display: none;
}
.mandatory .error, .invalid .error {
  display: block;
}
.login i.error,
#shipping i.error {
  right: 30px;
}
.contact-us i.error {
  right: 20px;
  top: 10px;
}
.mandatory label, .invalid label {
  color: rgb(189, 31, 46);
}
.mandatory input, .invalid input,
.mandatory select, .invalid select,
.mandatory .select-component, .invalid .select-component {
  border-color: rgb(189, 31, 46);
}
.mandatory .select-component i, .invalid .select-component i {
  color: rgb(189, 31, 46);
}
.options.mandatory .radio label {
  color: #564138;
}
.filters .filter-group.acc-block.collapsed .title {
  margin: 0;
}
.filters .filter-group.acc-block.expanded .expand,
.filters .filter-group.acc-block.collapsed .collapse {
  display: block;
}
.filters .filter-group.acc-block.expanded .collapse,
.filters .filter-group.acc-block.collapsed .expand {
  display: none;
}
.additional-information {
  position: relative;
  margin-top: 75px;
}
.social-media {
  position: absolute;
  right: 0;
  top: 5px;
}
.social-media .share {
  margin-top: 10px;
}
.additional-information {
  margin-top: 50px;
}
.tabs {
  padding-top: 50px;
  position: relative;
}
.tab .tab-title {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 11px 20px;
  position: absolute;
  top: 0;
  color: #000000;
  cursor: pointer;
}
.tab:last-child .tab-title {
  left: 180px;
}
.tab.active .tab-title {
  background: #adcfd4;
}
.tab.active .tab-content {
  display: block;
}
.tab .tab-content {
  display: none;
  border: 1px solid #d7d7d7;
  padding: 15px;
  min-height: 200px;
}
.acc-block h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 10px;
  line-height: 24px;
  color: #994411;
  position: relative;
  cursor: pointer;
}
.acc-block.collapsed .acc-content {
  display: none;
}
.acc-block.collapsed h2 {
  margin: 0;
}
.acc-block.collapsed h2:before,
.acc-block.collapsed h2:after {
  position: absolute;
  content: '';
  right: 0;
  height: 1px;
  width: 20px;
  background: #994411;
  top: 10px;
}
.acc-block.collapsed h2:after {
  -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.acc-block.expanded h2:after {
  position: absolute;
  content: '';
  right: 0;
  height: 1px;
  width: 20px;
  background: #994411;
  top: 10px;
}
#preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-direction: column;
  overflow: hidden;
  background: rgba(255,255,255, 0.95);
  z-index: 20;
  display: none;
}
#categories .slick-track {
  margin: 0;
}
#preloader.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
#preloader img {
  display: inline-block;
  margin-bottom: 10px;
}
@-webkit-keyframes animFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.preloader > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 120px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.preloader > div > div {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 7px;
  left: 30px;
  border-radius: 50%;
  z-index: 2;
  overflow: hidden;
}
.preloader span.logo-text {
  font-family: 'Sophillia';
  font-size: 40px;
  color: #adcfd4;
  position: relative;
  display: block;
  width: 125px;
  height: 60px;
  opacity: 0;
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}
.preloader span.logo-text:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 1);
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 1;
}
.preloader > div > div span {
  width: 35px;
  height: 35px;
  border: 1px solid #000;
  display: block;
  border-radius: 50%;
  position: absolute;
}
.preloader > div > div span.c1 {
  left: 13px;
  top: -4px;
  -webkit-animation: animTop 1000ms forwards;
          animation: animTop 1000ms forwards;
}
@-webkit-keyframes animTop {
  0% {
    top: -35px;
  }
  100% {
    top: -4px;
  }
}
@keyframes animTop {
  0% {
    top: -35px;
  }
  100% {
    top: -4px;
  }
}
.preloader > div > div span.c2 {
  left: -4px;
  top: 13px;
  -webkit-animation: animLeft 1000ms forwards;
          animation: animLeft 1000ms forwards;
}
@-webkit-keyframes animLeft {
  0% {
    left: -35px;
  }
  100% {
    left: -4px;
  }
}
@keyframes animLeft {
  0% {
    left: -35px;
  }
  100% {
    left: -4px;
  }
}
.preloader > div > div span.c3 {
  left: 13px;
  bottom: -4px;
  -webkit-animation: animBottom 1000ms forwards;
          animation: animBottom 1000ms forwards;
}
@-webkit-keyframes animBottom {
  0% {
    bottom: -35px;
  }
  100% {
    bottom: -4px;
  }
}
@keyframes animBottom {
  0% {
    bottom: -35px;
  }
  100% {
    bottom: -4px;
  }
}
.preloader > div > div span.c4 {
  right: -4px;
  top: 13px;
  -webkit-animation: animRight 1000ms forwards;
          animation: animRight 1000ms forwards;
}
@-webkit-keyframes animRight {
  0% {
    right: -35px;
  }
  100% {
    right: -4px;
  }
}
@keyframes animRight {
  0% {
    right: -35px;
  }
  100% {
    right: -4px;
  }
}
.preloader > div span.strip {
  position: absolute;
  left: -50px;
  bottom: 0;
  height: 55px;
  width: 40px;
  z-index: 5;
  background: -o-linear-gradient(left, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.25) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.25)),color-stop(50%, rgba(255,255,255,1)),to(rgba(255,255,255,0.25)));
  background: linear-gradient(to right, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40ffffff',GradientType=1 );
  -webkit-animation: animStrip 1500ms forwards;
          animation: animStrip 1500ms forwards;
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
@-webkit-keyframes animStrip {
  0%, 100% {
    left: -50px;
  }
  50% {
    left: 120px;
  }
}
@keyframes animStrip {
  0%, 100% {
    left: -50px;
  }
  50% {
    left: 120px;
  }
}
.wrapper {
  max-width: 100vw;
  overflow-x: hidden;
  -webkit-transform: translate3d(0, 0, 1);
transform: translate3d(0, 0, 1);
}
.separator {
  border-top: 1px solid #cccccc;
  margin: 20px 0;
}
.h-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.v-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container {
  max-width: 1360px;
}
.navigation {
  max-width: 1360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.arabic {
  font-size: 18px !important;
  position: relative !important;
  top: -2px;
}
.logo {
  max-width: 245px;
  display: block;
  margin-right: 100px;
}
.logo a {
  display: block;
}
.logo a span {
  font-family: 'Sophillia';
  font-size: 40px;
  color: #adcfd4;
  position: relative;
  top: -10px;
  display: block;
  width: 125px;
  height: 60px;
}
.home .logo a span {
  opacity: 0;
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}
.logo a h1 {
  text-align: center;
  font-size: 22px;
  line-height: 18px;
  color: #000000;
  position: relative;
}
.logo a:hover,
.logo a:hover h1 {
  text-decoration: none;
}
.logo a h1:last-child:before,
.logo a h1:last-child:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 43px;
  left: 15px;
  top: -10px;
  background: #000000;
  -webkit-animation: animLogo 0.5s ease-in-out forwards;
          animation: animLogo 0.5s ease-in-out forwards;
}
.logo a h1:last-child {
  margin: 0;
}
.logo a h1:last-child:after {
  left: auto;
  right: 11px;
}
@-webkit-keyframes animLogo {
  0% {
    width: 0;
  }
  100% {
    width: 43px;
  }
}
@keyframes animLogo {
  0% {
    width: 0;
  }
  100% {
    width: 43px;
  }
}
.menu .navbar {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
  width: 100vw;
  background: #ffffff;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 5;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
section.breadcrumbs {
  margin-bottom: 15px;
}
.menu .navbar.opened {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background: #ffffff !important;
}
.menu .navbar-dropdown {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  position: fixed;
  border-bottom: 1px solid #dfdfdf;
}
.menu .navbar .dropdown-item {
  font-size: 14px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.menu .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  z-index: 2;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.menu .col-md-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.menu .navbar-brand .navbar-logo a {
  outline: none;
}
.menu .navbar.navbar-short {
  -webkit-box-shadow: 0 0 10px #e1e1e1;
          box-shadow: 0 0 10px #e1e1e1;
}
/* .menu .navbar.navbar-short.fixedNav .stay-safe-strip {
  display: none;
} */
.menu .dropdown-item.active,
.menu .dropdown-item:active {
  background-color: transparent;
}
.menu .navbar-expand-lg .navbar-nav .nav-link {
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
}
.menu .navbar-expand-lg .navbar-nav .open .nav-link {
  background: #c0e2e7;
  border-radius: 10px 10px 0 0;
}
.menu .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.menu .navbar-buttons {
  text-align: center;
}
.menu button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.menu button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 25px;
  height: 2px;
  border-right: 5px;
  background-color: #000000;
}
.menu button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.menu button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
}
.menu button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
}
.menu button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 14px;
  left: 5px;
  right: auto;
}
.menu nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.menu nav.opened .hamburger span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.menu nav.opened .hamburger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.menu nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.menu .nav-link:hover,
.menu .dropdown-item:hover,
.menu .active > a,
.menu .active > em,
.menu .active > i {
  color: #adcfd4 !important;
}
.filter-chips {
  display: none;
}
.col-md-9 > .h-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.results {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.results b {
  margin-right: 5px;
}
.menu .navbar .dropdown.open > .dropdown-menu.user-profile ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.menu .navbar .dropdown.open > .dropdown-menu.search {
  margin: 0;
}
.menu .navbar .dropdown.open > .dropdown-menu.cart {
  left: -150px;
  margin: 0;
  width: 350px;
}
.menu .navbar .dropdown.open > .dropdown-menu.user-profile {
  left: -80px;
  margin: 0;
  width: 200px;
}
.menu .navbar .dropdown.open > .dropdown-menu.user-profile ul li.user {
  padding: 5px 10px;
}
/* .menu .navbar.navbar-short.fixedNav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 10px #e1e1e1;
  box-shadow: 0 0 10px #e1e1e1;
} */
.menu .navbar .navbar-collapse {
  height: 118px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 auto;
}
.menu ul.navbar-nav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu .navbar .dropdown > .dropdown-menu.submenu {
  border-radius: 0 10px 10px;
  min-width: 220px;
  z-index: 2;
  top: 100%;
  left: 0;
  margin-top: 1px;
  background: #c0e2e7;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.menu .navbar .dropdown.open > .dropdown-menu.submenu {
  -webkit-animation: animDropdown 0.5s forwards;
          animation: animDropdown 0.5s forwards;
}
.menu .navbar .dropdown > .dropdown-menu.submenu .v-flex h2 {
  font-size: 15px;
  margin: 10px 0 0;
  padding: 8px 15px;
}
.menu .navbar .dropdown > .dropdown-menu.submenu .v-flex:first-child {
  border-right: 1px solid #d4d4d4;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 0;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul li a {
  display: block;
  padding: 4px 15px;
  margin: 0;
  color: #000000;
  font-size: 13px;
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.menu .navbar .dropdown > .dropdown-menu.submenu ul li a:hover {
  color: #000000;
}
.menu .quick-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menu .quick-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu .quick-menu li.open:not(.nav-icon) {
  background: #fff;
  position: relative;
  z-index: 5;
}
.menu .right-menu .quick-menu li {
  margin: 0 10px;
  position: relative;
}
.menu .quick-menu a em {
  position: absolute;
  min-width: 18px;
  height: 18px;
  font-size: 10px;
  background: #473b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -5px;
  right: -5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-style: normal;
  border-radius: 50%;
}
.menu .quick-menu ul {
  width: 100%;
}
.menu .quick-menu a {
  display: block;
  margin: 0;
  color: #000000;
  white-space: nowrap;
  position: relative;
}
.menu .quick-menu a:hover {
  color: #adcfd4;
}
.menu .quick-menu i {
  font-size: 16px;
}
.menu .quick-menu ul li.dropdown.open .search.dropdown-menu,
.menu .quick-menu ul li.dropdown.open .cart.dropdown-menu,
.menu .quick-menu ul li.dropdown.open .user-menu.dropdown-menu {
  -webkit-animation: animDropdown 0.5s forwards;
          animation: animDropdown 0.5s forwards;
}
@-webkit-keyframes animDropdown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes animDropdown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.menu .right-menu .quick-menu .cart-bag li {
  margin: 0;
}
.menu .right-menu .quick-menu .cart-bag ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  max-width: 100%;
  width: 100%;
}
.menu .quick-menu .cart-bag ul li .prod-img {
  border-radius: 10px;
  margin-right: 10px;
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
}
.menu .quick-menu .cart-bag ul li .prod-img img {
  width: 100%;
}
.menu .quick-menu .cart-bag ul li .prod-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu .quick-menu .cart-bag ul li .prod-detail span {
  color: #333;
  font-size: 14px;
  line-height: 1.8em;
  padding: 0;
}
#cart1,
#menu-handheld {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  overflow-y: scroll;
  z-index: 16;
  -webkit-transform: translateX(-120%);
      -ms-transform: translateX(-120%);
          transform: translateX(-120%);
}
#menu-handheld {
  overflow-y: auto;
  -webkit-box-shadow: 10px 0 10px rgb(0 0 0 / 50%);
          box-shadow: 10px 0 10px rgb(0 0 0 / 50%);
}
/* #cart {
  width: 100%;
  max-width: 500px;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 -5px 10px #000;
          box-shadow: 0 -5px 10px #000;
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
} */
#cart .cart-details .total {
  padding: 5px 20px;
  margin-top: 10px;
}
#cart .cart-details .total:last-child {
  margin-bottom: 10px;
}
#menu-handheld .navbar-toggler {
  background: red;
  width: 40px;
  height: 40px;
  position: relative;
  top: 10px;
  float: right;
  right: 10px;
  z-index: 3;
}
#menu-handheld .fancy {
  overflow-y: auto;
}
#menu-handheld .menu-header {
  padding: 0 20px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #d7d7d7;
}
.menu-title {
  padding: 20px;
  border-bottom: 1px solid #d7d7d7;
  color: #000000;
}
#menu-handheld .logo a span {
  width: 100%;
}
#menu-handheld ul li a {
  padding: 10px 20px;
  font-size: 18px;
  color: #000000;
}
#menu-handheld ul li li {
  border: navajowhite;
}
#menu-handheld ul li li a {
  display: block;
  font-size: 16px;
  padding: 11px 20px 11px 40px;
}
#menu-handheld ul ul {
  background: transparent;
  overflow: hidden;
  padding: 0;
}
#menu-handheld > ul > li > span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#menu-handheld > ul > li > span em {
  font-weight: normal;
  font-style: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}
#menu-handheld > ul .active > span,
#menu-handheld > ul > li:hover,
#menu-handheld > ul > li:hover > a {
  background: #adcfd4;
  color: #ffffff;
}
#menu-handheld > ul .active > a {
  background: #adcfd4;
  color: #ffffff;
}
.showMenu {
  -webkit-animation: animMenu1 500ms ease-in-out forwards;
          animation: animMenu1 500ms ease-in-out forwards;
}
.hideMenu {
  -webkit-animation: animMenu2 500ms ease-in-out forwards;
          animation: animMenu2 500ms ease-in-out forwards;
}
.showCart {
  -webkit-animation: animCart1 500ms ease-in-out forwards;
          animation: animCart1 500ms ease-in-out forwards;
}
.hideCart {
  -webkit-animation: animCart2 500ms ease-in-out forwards;
          animation: animCart2 500ms ease-in-out forwards;
}
#menu-handheld ul li:not(.show-submenu) i {
  -webkit-animation: animHideSubmenu 0.2s forwards;
          animation: animHideSubmenu 0.2s forwards;
}
#menu-handheld ul li.show-submenu i {
  -webkit-animation: animShowSubmenu 0.2s forwards;
          animation: animShowSubmenu 0.2s forwards;
}
@-webkit-keyframes animShowSubmenu {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes animShowSubmenu {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes animHideSubmenu {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes animHideSubmenu {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
#sidenav-overlay,
#cart-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 120vh;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
}
#cart-overlay {
  display: none;
  -webkit-animation: none;
          animation: none;
}
.showMenu + #sidenav-overlay,
#cart-overlay.show {
  -webkit-animation: animOverlay1 500ms ease-in-out forwards;
          animation: animOverlay1 500ms ease-in-out forwards;
}
#cart-overlay.show {
  display: block;
}
.hideMenu + #sidenav-overlay,
#cart-overlay.hide {
  -webkit-animation: animOverlay2 500ms ease-in-out forwards;
          animation: animOverlay2 500ms ease-in-out forwards;
}
#cart-overlay.hide {
  display: none;
}
@-webkit-keyframes animMenu1 {
  0% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes animMenu1 {
  0% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes animMenu2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
}
@keyframes animMenu2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
}
@-webkit-keyframes animCart1 {
  0% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes animCart1 {
  0% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes animCart2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
}
@keyframes animCart2 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
}
@-webkit-keyframes animOverlay1 {
  0% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 14;
  }
}
@keyframes animOverlay1 {
  0% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 14;
  }
}
@-webkit-keyframes animOverlay2 {
  0% {
    opacity: 1;
    z-index: 14;
  }
  100% {
    opacity: 0;
    z-index: 1;
  }
}
@keyframes animOverlay2 {
  0% {
    opacity: 1;
    z-index: 14;
  }
  100% {
    opacity: 0;
    z-index: 1;
  }
}
#cart {
  left: auto;
  right: -15px;
  margin: 10px 0 0;
  padding: 0;
  width: 300px;
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#user-menu {
  left: auto;
  right: -15px;
  margin: 10px 0 0;
  width: 200px;
  background: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#cart:before,
#user-menu:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: -20px;
  right: 17px;
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
#cart.showCart {
  display: block;
}
#user-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#user-menu ul li {
  margin: 0;
}
#user-menu ul li.user {
  padding: 0 15px;
  color: #adcfd4;
}
#user-menu ul li a {
  padding: 2px 15px;
  display: block;
  font-size: 13px;
}
#user-menu ul li.separator {
  margin: 10px 0;
}
.stay-safe-strip {
  background: #feece4;
  font-size: 13px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  color: #000000;
  height: 57px;
  text-transform: uppercase;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section {
  position: relative;
  z-index: 1;
}
section.menu {
  z-index: 5;
  height: 119px;
  border-bottom: 1px solid #cacaca;
}
section.homepage-slider {
  margin: 0 auto;
  background: #ffffff url(../img/slide-bg.jpg) bottom center no-repeat;
  background-size: cover;
}
section.homepage-slider .btn {
  padding: 10px 40px !important;
  margin-top: 20px;
  border: 1px solid !important;
}
section.about {
  background: #fff;
}
.about .container {
  max-width: 1140px;
  margin: 0 auto;
}
.promo-image img {
  width: 100%;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
section.collections {
  padding: 90px 0;
  background: #ffffff;
}
section.collections h1 {
  font-size: 48px;
  font-family: 'Sophillia', sans-serif;
  color: #000000;
  margin-bottom: 70px;
  text-align: center;
}
.collections .container-fluid {
  max-width: 1080px;
}
#newArrivals.h-flex,
.collections .h-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.collections .collection {
  width: 300px;
  margin: 0 25px 70px;
  background: #c0e2e7;
  padding: 30px 0;
  border-radius: 30px;
  opacity: 0;
}
.collections .collection .collection-image {
  width: 100%;
  margin-bottom: 20px;
}
.collections .collection .collection-image a {
  display: block;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.collections .collection .collection-image a img {
  max-width: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.collections .collection .collection-image a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.collections .collection h3 {
  text-align: center;
  font-size: 28px;
  font-family: 'Sophillia', sans-serif;
}
.collections h1 {
  opacity: 0;
}
.collections.initiated h1 {
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
}
.collections.initiated .collection {
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
section.newArrivals {
  padding: 90px 0;
  background: #f3f3f4;
  overflow: hidden;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newArrivals .container-fluid {
  max-width: 1080px;
}
section.newArrivals h1 {
  font-family: 'Sophillia', san-serif;
  color: #000000;
  font-size: 48px;
  text-align: center;
  margin-bottom: 70px;
  opacity: 0;
}
.newArrivals .product {
  padding: 0 40px;
  width: 33.33%;
  opacity: 0;
}
.newArrivals .product .product-image {
  border-radius: 30px;
}
.newArrivals .product .prod-title span {
  font-size: 18px;
  text-align: center;
  white-space: normal;
  padding: 0 15px;
}
.newArrivals.initiated h1 {
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
}
.newArrivals.initiated .product {
  -webkit-animation: animFade 300ms forwards;
          animation: animFade 300ms forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.about-section {
  padding: 80px 110px;
  background: rgba(225, 225, 225, 0.7) url('../img/bg.svg') top center repeat;
  background-size: 850px auto;
}
.about-section .about-content {
  background: #fff;
  padding: 45px 40px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.about-section h2 {
  font-size: 30px;
  margin: 0;
}
.about-section p {
  font-size: 16px;
  margin: 20px 0;
}
.about-section .about-content .text-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  padding: 0 20px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-section .about-content .image-content {
  position: relative;
  padding: 0 15px;
}
.about-section .about-content .image-content img {
  margin: 45px 45px 0 0;
}
.about-section .about-content .image-content img.about-small-img {
  position: absolute;
  right: -45px;
  top: -45px;
}
.share {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.share li {
  margin-right: 20px;
}
.share li a {
  display: block;
}
.share li a span {
  background: #473d3b;
  display: block;
  width: 18px;
  height: 18px;
}
.share li a span:hover,
span.instagram:hover {
  background: #e28987;
}
.facebook {
  -webkit-mask-image: url(../img/social-facebook.svg);
  mask-image: url(../img/social-facebook.svg);
  -webkit-mask-size: 100% auto;
}
.google {
  -webkit-mask-image: url(../img/social-google.svg);
  mask-image: url(../img/social-google.svg);
  -webkit-mask-size: 100% auto;
}
.twitter {
  -webkit-mask-image: url(../img/social-twitter.svg);
  mask-image: url(../img/social-twitter.svg);
  -webkit-mask-size: 100% auto;
}
.instagram {
  -webkit-mask-image: url(../img/social-instagram.svg);
  mask-image: url(../img/social-instagram.svg);
  -webkit-mask-size: 100% auto;
}
.whatsapp {
  -webkit-mask-image: url(../img/social-whatsapp.svg);
  mask-image: url(../img/social-whatsapp.svg);
  -webkit-mask-size: 100% auto;
}
.email {
  -webkit-mask-image: url(../img/social-email.svg);
  mask-image: url(../img/social-email.svg);
  -webkit-mask-size: 36px auto;
  -webkit-mask-position: center;
  width: 24px !important;
}
.plus-circle {
  display: block;
  width: 21px;
  height: 21px;
  background: #000000;
  -webkit-mask-image: url(../img/plus.svg);
  mask-image: url(../img/plus.svg);
  -webkit-mask-size: 18px auto;
  -webkit-mask-position: center;
  position: relative;
  left: -1px;
}
.minus-circle {
  display: block;
  width: 21px;
  height: 21px;
  background: #000000;
  -webkit-mask-image: url(../img/minus.svg);
  mask-image: url(../img/minus.svg);
  -webkit-mask-size: 18px auto;
  -webkit-mask-position: center;
  position: relative;
  left: -1px;
}
.icon-plus {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  -webkit-mask-image: url(../img/plus.svg);
  mask-image: url(../img/plus.svg);
  -webkit-mask-size: 16px auto;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background: #658f95;
}
.icon-minus {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  -webkit-mask-image: url(../img/minus.svg);
  mask-image: url(../img/minus.svg);
  -webkit-mask-size: 16px auto;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background: #658f95;
}
.breadcrumbs .container-fluid {
  max-width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 15px 30px;
}
.breadcrumbs span {
  display: inline-block;
}
.breadcrumbs span.sep {
  position: relative;
  width: 20px;
  margin: 0 10px;
}
.breadcrumbs span.sep:after {
  position: absolute;
  content: '';
  border-right: 1px solid#000000;
  border-top: 1px solid #000000;
  left: 8px;
  top: 10px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.breadcrumbs a {
  display: block;
  color: #000000;
  font-size: 13px;
  font-weight: 300;
}
.searchContainer {
  position: absolute;
  background: #fff;
  left: auto;
  right: -15px;
  top: calc(100% + 15px);
  width: 700px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 15px;
  z-index: 1;
  max-width: calc(100vw - 90px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.searchContainer input[type=text] {
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #473d3b;
  padding-right: 40px;
  color: #000000;
}
.searchContainer #clear {
  display: block;
  position: absolute;
  right: 60px;
  top: 12px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.3;
}
.searchContainer input[type="text"]:focus + input[type=submit],
.searchContainer input[type="text"]:focus + input + #clear {
  opacity: 1;
}
.searchContainer button, .search-results .search-input button,
.searchContainer input[type=submit], .search-results .search-input input[type=submit] {
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  position: absolute;
  background: url(../img/search.svg) center no-repeat;
  background-size: 80% auto;
  top: 15px;
  right: 25px;
  z-index: 1;
  border: none;
  background-size: 80%;
  opacity: 0.5;
  cursor: pointer;
}
.searchContainer button:hover, .searchContainer button:focus {
  background: transparent url(../img/search.svg) center no-repeat !important;
  border: none;
  outline: none;
}
.searchContainer:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: -20px;
  right: 15px;
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
.searchContainer.show {
  display: block;
}
.dropdown a:after {
  display: none;
}
.searchContainer ul.typeahead.dropdown-menu {
  display: block;
  width: calc(100% - 30px);
  padding: 0;
}
.searchContainer ul.typeahead.dropdown-menu li a {
  padding: 5px 10px;
}
.searchContainer ul.typeahead.dropdown-menu li a,
.searchContainer .dropdown-item strong {
  font-size: 16px;
}
.psd {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  opacity: 0.5;
  text-align: center;
  top: -22px;
}
.modal-content {
  background: #e1e1e1 url(../img/bg.svg) repeat;
  background-size: 700px auto;
  border-radius: 0;
}
.modal-header {
  font-size: 18px;
  height: 60px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #f6fbfb;
}
.modal-body {
  padding: 30px 30px 20px;
  background: #ffffff;
  text-align: center;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}
.modal-body p {
  max-width: 80%;
  margin: 0 20px 20px;
  text-align: left;
}
.modal-body .form-item {
  margin-bottom: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.registration-form {
  min-height: calc(100vh - 355px);
  margin-bottom: 150px;
}
.registration-form .separator {
  background: #cccccc;
  height: 1px;
  margin: 30px 0;
}
.registration-form h1 {
  font-size: 32px;
  color: #adcfd4;
  font-family: 'Sophillia', san-serif;
}
.registration-form h1 span {
  color: #cccccc;
}
.modal-body .separator {
  background: #cccccc;
  height: 1px;
  margin: 20px -30px;
}
.modal-body .error {
  right: 30px;
  top: 10px;
}
.modal span.close {
  top: 15px;
  right: 15px;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.menu-header span.close {
  top: 3px;
}
#address.modal span.close,
#resetPwdPopup.modal span.close {
  right: 15px;
  top: 15px;
  position: absolute;
  width: 25px;
  height: 25px;
}
#filters-handheld span.close {
  top: 10px;
  right: 15px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
}
#filters-handheld span.close span,
.menu-header span.close span,
.modal span.close span {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  height: 2px;
  margin: 0;
  mask-size: 28px;
  -webkit-mask-size: 28px;
  mask-position: 1px 2px;
  -webkit-mask-position: 1px 2px;
  margin: 0;
  background: #000000;
  position: absolute;
  left: 5px;
  top: 15px;
}
#filters-handheld span.close span:last-child,
.menu-header span.close span:last-child,
.modal span.close span:last-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-open .modal {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-dialog {
  margin: 0;
}
.guest .login-form:last-child .form-item {
  max-width: 70%;
}
.login .user-login .h-flex.actions {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.user-login .actions .btn {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-right: 5px;
  width: 100%;
}
.user-login .actions .btn:last-child {
  margin: 0 0 0 5px;
}
.user-login .actions .btn.fb {
  background: #3b5998 !important;
}
.user-login .actions .btn.gl {
  background: #db4437 !important;
}
.user-login .btn {
  width: 100%;
  padding: 10px 40px;
}
.user-login .btn i {
  margin-right: 5px;
  background: #ffffff;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.user-login .actions .btn {
  font-size: 12px;
  padding: 20px 0;
}
#register .btn {
  font-size: 13px;
}
#register .form-item.checkbox label {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#register .form-item.checkbox label a {
  position: relative;
  z-index: 2;
  margin: 0 5px;
}
.cart-bag {
  position: relative;
  background: #fff;
  color: #333;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  z-index: 1;
}
.cart-bag .fancy {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 290px;
}
.cart > span {
  position: relative;
}
.cart > span > em {
  position: absolute;
  top: -10px;
  left: 15px;
  background: #ff7800;
  font-size: 12px;
  border-radius: 50%;
  font-style: normal;
  font-family: 'Noto Sans TC', serif !important;
  line-height: 12px;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #000000;
}
.cart > span,
.search > span {
  cursor: pointer;
  display: block;
}
#cart .cart-bag .title {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart-bag h4 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#closeCart {
  cursor: pointer;
}
.cart-bag .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 5px;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  background: #ffffff;
}
.cart-bag .actions button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px 10px;
  margin: 5px !important;
  font-size: 13px;
  font-weight: 400;
}
.cart-bag .actions button:first-child {
  margin-right: 10px;
}
.cart-bag ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.cart-bag ul li a .prod-img {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
}
.cart-bag ul li a .prod-detail {
  max-width: calc(100% - 90px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.item-price,
.prod-price {
  white-space: nowrap;
}
.cart-bag ul li a .prod-detail span.prod-price,
.cart-bag ul li a .prod-detail span.prod-qty,
.cart-bag ul li a .prod-detail span.prod-size {
  font-size: 16px;
  font-weight: normal;
}
.cart-bag ul li a .prod-detail span.prod-price,
.cart-bag ul li a .prod-detail span.prod-qty em {
  font-weight: normal;
}
.cart-bag ul li a .prod-detail span.prod-title {
  font-size: 18px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: block;
}
.cart-bag ul li a .prod-img img {
  width: 100%;
}
.cart-bag ul li:not(:last-child) {
  border-bottom: 1px solid #d7d7d7;
}
.general-info {
  margin: 0 auto 60px;
  padding: 0 40px;
  max-width: 1320px;
  position: relative;
  min-height: calc(100vh - 265px);
}
.general-info h2 {
  font-family: 'Sophillia', san-serif;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 32px;
  color: #adcfd4;
}
.general-info h2 span {
  color: #cccccc;
}
.double-column {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
.double-column .no-break {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.general-info h4 {
  margin: 30px 0 10px;
  font-size: 13px;
  font-weight: 300;
}
.general-info p {
  font-weight: 300;
  font-size: 13px;
}

ul.bullets {
  padding-left: 15px;
}
ul.bullets li {
  position: relative;
  margin-bottom: 5px;
}
ul.bullets li:before {
  width: 8px;
  height: 8px;
  position: absolute;
  content: '';
  background: #000000;
  border-radius: 50%;
  left: -15px;
  top: 8px;
}
.question {
  margin-bottom: 20px;
}
.question h5 {
  padding: 15px 0;
  color: #000000;
  font-size: 16px;
  margin: 0;
  font-weight: 700;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
}
.answer {
  padding: 15px 20px;
  background: #fff;
  display: none;
}
.show .answer {
  display: block;
}
.footer {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #d7d7d7;
}
.footer .columns:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .columns:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.footer .logo a {
  background: #fff;
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .logo a span {
  height: 80px;
  width: 150px;
}
.footer .container-fluid {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1080px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer h2 {
  font-size: 18px;
  color: #000000;
  font-family: 'Sophillia', san-serif;
  font-weight: 500;
}
.footer .h-flex {
  width: 100%;
}
.footer .footer-container {
  background: #fff;
  font-size: 16px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.footer .footer-container .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .container-fluid,
.gap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer .columns {
  z-index: 1;
  position: relative;
  padding: 60px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer .color-box {
  position: absolute;
  top: 0;
  right: 25%;
  height: 100%;
  width: 100vw;
  background: #c0e2e7;
  z-index: 0;
}
.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer ul.share,
.footer ul.cc {
  margin: 0 0 15px;
  width: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.footer p, .footer a {
  font-size: 13px;
  line-height: 1.5em;
  margin: 0;
}
.footer a {
  color: #7b6055;
}
.footer li, .footer li a {
  padding: 2px 0;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .fa,
.footer .far,
.footer .fas,
.footer .fab {
  font-size: 20px;
  margin-right: 5px;
  width: 25px;
  text-align: center;
}
.footer .footer-logo {
  font-family: 'Sophillia', san-serif;
  font-size: 40px;
  color: #ffffff;
  width: 140px;
  height: 60px;
  position: relative;
  z-index: 1;
}
.footer .fa.fa-envelope {
  font-size: 16px;
}
.footer .footer-links li {
  margin: 0 0 10px;
  font-family: 'Sophillia', san-serif;
  font-weight: 400;
  font-size: 18px;
}
.footer .footer-links li a {
  padding: 0;
  font-size: 18px;
  white-space: nowrap;
  color: #000000;
  font-weight: 400;
  font-family: 'Sophillia', san-serif;
  margin-left: 5px;
}
.footer .share li {
  margin: 0 10px 0 0;
}
.footer .cc li {
  border: 1px solid #dfdfdf;
  padding: 0;
  background: #fff;
  height: 25px;
  margin-right: 5px;
}
.footer .cc li img {
  max-height: 100%;
}
.footer .cc li:first-child img {
  width: 34px;
  margin: 0 5px;
}
.footer .footer-links li.sign {
  font-size: 13px;
  padding-left: 5px;
}
.footer .footer-links li.sign a {
  font-size: 13px;
}
.address-list {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.address-item {
  background: #ffffff;
  border: 1px solid #658f95;
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  position: relative;
  padding-bottom: 40px;
  border-radius: 15px;
  overflow: hidden;
}
.address-item.selected {
  background: #f6fbfb;
  border-color: transparent;
}
.address-item .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
  padding: 0;
}
.address-item .contact .contact-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  padding: 12px 15px 12px 40px;
  border-bottom: 1px solid #658f95;
  position: relative;
  z-index: 2;
}
.address-item .contact .contact-name span:first-child {
  white-space: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 400;
  line-height: 1.2em;
}
.address-item .contact .contact-name .address-title {
  display: block;
  color: #ffffff;
  background: #658f95;
  font-size: 12px;
  white-space: nowrap;
  padding: 3px 10px;
  margin-left: 20px;
  margin-right: 10px;
}
.address-item .contact .contact-address {
  padding: 12px 15px 0 40px;
}
.address-item .contact .contact-address p {
  margin: 0 0 5px;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  white-space: normal;
}
.address-item .link-button {
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 4;
  display: block;
}
.address-item .link-button.remove {
  right: auto;
  left: 15px;
}
.address-item.options .radio input[type="radio"] {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.address-item .radio label:before {
  width: 18px;
  height: 18px;
  top: 16px;
  left: 14px;
  background: #ffffff;
  border: 2px solid #658f95;
}
.address-item input[type="radio"]:checked + label:after {
  background: #473b3b;
  width: 10px;
  height: 10px;
  left: 18px;
  top: 20px;
  border: none;
}
.address-item input[type="radio"]:checked + label:before {
  background: #fff;
  border: 2px solid #658f95;
}
.address-item input[type="radio"]:checked + label::after {
  background: #658f95;
  border-radius: 50%;
}
.address-list + .h-flex i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.address-list + .h-flex i {
  font-size: 11px;
  color: #658f95;
  margin-right: 5px;
}
.page-actions {
  text-align: right;
}
.page-actions button {
  width: auto;
  font-size: 13px;
  padding: 10px 45px;
}
.page-actions button:last-child:not(:first-child) {
  margin: 0 0 0 20px;
}
.note {
  margin-top: 10px;
  font-size: 13px;
}
section.order {
  margin-bottom: 90px;
}
.order-summary + .note {
  padding: 0 15px;
}
.note b {
  line-height: 2em;
}
.note p {
  font-size: 13px;
  line-height: 2em;
}
.products-and-filters {
  background: #ffffff;
  margin-bottom: 60px;
}
.products-and-filters h4 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.products-and-filters .col-md-9 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(75% + 35px);
  padding-right: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.products-and-filters .load-more {
  text-align: center;
  margin: 0 0 15px;
}
.products-and-filters .load-more button {
  font-size: 13px;
}
#categories {
  max-width: 100%;
  margin: 15px 0 30px 15px;
}
#categories .slick-arrow {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  background: rgba(0,0,0,0.5);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
#categories .slick-arrow.slick-disabled {
  opacity: 0;
}
#categories .slick-arrow.icon-down {
  left: auto;
  right: 0;
}
#categories .panel {
  padding: 0 7px;
}
.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  height: 75px;
  background: #e6f3f5;
  border-radius: 10px;
  cursor: pointer;
}
.selected .category {
  background: #c0e2e7;
}
.category .category-image {
  margin-right: 10px;
}
.category .category-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.category .category-info .category-title {
  display: block;
  font-family: 'Sophillia', san-serif;
  font-size: 13px;
}
.category .category-info .category-count {
  display: block;
  font-family: 'Sophillia', san-serif;
  font-size: 13px;
}
.products-list {
  margin-top: 40px;
  padding: 0 0 0 15px;
}
.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 60px;
  position: relative;
}
.product.sold {
  opacity: 0.5;
}
.product.new:before,
.product.sale:before,
.product.sold:before {
  position: absolute;
  content: 'New';
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, 0.5);
  top: 10px;
  left: 10px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 20px;
  padding: 0 15px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 3;
}
.product.sale:before {
  content: 'Sale';
}
.product.sold:before {
  content: 'Sold Out';
}
#newArrivals .product.new:before,
#newArrivals .product.sale:before,
#newArrivals .product.sold:before {
  left: 60px;
}
.product .product-image {
  position: relative;
  min-height: 260px;
  max-height: 260px;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 20px;
  position: relative;
}
.icon.favorite {
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.icon.favorite .icon-wishlist {
  margin: 0;
}
.profile .product .product-image {
  max-height: 200px;
  min-height: 200px;
}
.product .product-image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.product .product-image img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: 120%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.product .product-image:hover img {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.product .prod-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.product .prod-title span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25em;
  color: #000000;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  text-align: center;
}
.listing .product .prod-actions {
  width: 100%;
}
.product .prod-price {
  font-size: 16px;
  color: #000000;
  text-align: center;
  line-height: 1.25em;
  white-space: nowrap;
}
.striked {
  font-size: 13px;
  line-height: 14px;
  color: #c93838;
  text-decoration: line-through;
  margin-left: 10px;
  font-weight: 400;
  white-space: nowrap;
}
.product .product-image img.transparent {
  display: none;
}
.product .fav {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d7d7d7;
  width: 20px;
  height: 20px;
  margin: 5px 0 0 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  cursor: pointer;
}
.product .fav.fas {
  color: #adcfd4;
}
.product .fav:hover {
  opacity: 1;
}
.product .prod-actions {
  z-index: 1;
  margin-top: 20px;
}
.product .prod-actions .btn {
  padding: 5px;
  text-align: center;
  height: auto;
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  cursor: pointer;
}
.products-and-filters .product .prod-actions .btn {
  text-transform: none;
}
.product:hover .prod-actions .btn {
  background: #adcfd4;
  color: #fff;
}
.products-detail .container-fluid .row {
  padding-bottom: 100px;
}
.product .product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 110px;
  padding: 20px 20px 15px;
}
.product .product-details .prod-discount {
  visibility: hidden;
  font-size: 14px;
  color: #adcfd4;
}
.product .product-details .prod-name {
  color: #b6a37e;
  font-weight: normal;
  font-size: 16px;
}
.product:hover .product-details {
  background: #ffffff;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.product:hover .product-details .prod-discount {
  visibility: visible;
}
.product .product-details .prod-name,
.product .product-details .prod-price,
.product .product-details .prod-discount {
  line-height: 1.5em;
}
.imageSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.checkout-workflow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.checkout-workflow ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 70%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
}
.checkout-workflow ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout-workflow ul:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 20px;
  top: 10px;
  left: 0;
  background: #e6f1f2;
  border-radius: 10px;
  z-index: -1;
}
.checkout-workflow ul li span {
  font-size: 13px;
  background: #fff;
  color: #919191;
  border-radius: 50%;
  border: 8px solid transparent;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkout-workflow ul li.completed span {
  background: #658f95;
  border: 8px solid transparent;
  color: #ffffff;
}
.checkout-workflow ul li.active span {
  background: #e6f1f2;
  color: #000000;
}
.checkout-workflow ul li label {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.checkout-workflow ul li.active:after {
  background: #d7d7d7;
}
section.profile {
  margin-bottom: 50px;
}
.profile ul.tabs li.active .user-icon {
  background: url(../img/user-icon-hover.png) center no-repeat;
  background-size: 100% auto;
}
.profile ul.tabs li.active .order-icon {
  background: url(../img/orders-icon-hover.png) center no-repeat;
  background-size: 100% auto;
}
.profile ul.tabs li.active .address-icon {
  background: url(../img/address-icon-hover.png) center no-repeat;
  background-size: 100% auto;
}
.profile ul.tabs li.active .password-icon {
  background: url(../img/pswd-icon-hover.png) center no-repeat;
  background-size: 100% auto;
}
.profile .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.profile .container-fluid ul {
  width: 100%;
  max-width: 200px;
  min-width: 200px;
  padding: 0 0 20px;
}
.profile .container-fluid ul.order-tabs {
  border-top: none;
}
.profile .container-fluid ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  cursor: pointer;
}
.profile .container-fluid ul li.subtitle {
  color: #a4a4a4;
  font-size: 18px;
}
.profile .container-fluid ul.tabs li a {
  color: #000000;
  margin: 0 auto;
}
.profile .container-fluid ul li span i {
  width: 24px;
  height: 24px;
  font-size: 18px;
  display: none;
  margin-right: 15px;
}
.profile .container-fluid ul li span em {
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
}
.profile .container-fluid ul li.active span {
  color: #447880;
}
.profile .tab-content {
  padding: 0 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #d7d7d7;
}
.profile .tab-content h1 {
  font-size: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.profile .orders-content {
  padding: 20px 0 200px;
  width: 100%;
}
.profile #addresses .btn {
  padding: 8px 30px;
  font-size: 16px;
}
#address .form-actions {
  text-align: right;
}
.profile .tab-content > div,
.profile .orders-content > div {
  display: none;
  min-height: calc(100vh - 500px);
}
.profile .tab-content > div.show,
.profile .orders-content > div.show {
  display: block;
}
.profile .tab-content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.profile .tab-content h4 {
  font-size: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  color: #000000;
}
.profile .tab-content .order h4 {
  font-size: 15px;
  margin-bottom: 5px;
}
.profile .container-fluid ul.order-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  border-right: none;
  max-width: none;
  padding: 0;
}
.profile .container-fluid ul.order-tabs li {
  padding: 5px 15px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
}
.profile .container-fluid ul.order-tabs li.active {
  border-bottom: 3px solid #adcfd4;
  color: #adcfd4;
}
.profile .tab-content .btn,
.profile .orders-content .btn {
  padding: 8px 40px;
  font-size: 13px;
}
.profile .cart-item {
  width: 100%;
}
.profile .form-item label {
  font-family: 'Roboto', sans-serif;
}
.cart-list {
  border: 1px solid #658f95;
  border-radius: 15px;
  overflow: hidden;
}
.cart-item.main-info > .h-flex {
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.profile .cart-item.main-info:first-child {
  padding-top: 0;
  border-top: 0;
}
.profile .cart-item.main-info .prod-image {
  width: 170px;
}
.profile .cart-item.main-info .prod-details .h-flex .prod-name h3 {
  margin: 0 0 10px;
}
.profile .cart-item.main-info .btn-secondary {
  margin-top: 0;
}
.profile .address-item .contact {
  padding: 0;
}
.profile .address-item {
  padding-bottom: 40px;
}
.profile .address-item .contact .contact-name,
.profile .address-item .contact .contact-address {
  padding: 8px 15px;
}
.profile .view-mode .form-item b {
  display: none;
}
.profile .edit-mode .form-item {
  margin-bottom: 10px;
}
.profile .prod-actions button {
  margin: 0;
}
.profile .products-list {
  margin: 0 -15px;
  padding: 0;
}
.profile .form-item label {
  font-size: 16px;
  color: #000000;
}
.profile .cart-list-table > tbody > tr:not(:last-child) > td {
  padding: 5px 20px;
}
.profile .view-mode input, .profile .view-mode .select-component,
.profile .edit-mode .value {
  display: none;
}
.profile .view-mode .form-item {
  margin: 10px 0 0;
}
.profile .view-mode span {
  font-weight: bold;
}
.profile .product .fav.fas {
  color: #000000;
  background: #fff;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  opacity: 0.7;
}
.profile .product .fav.fas:hover {
  opacity: 1;
}
.profile .orders-content td {
  vertical-align: top;
}
.profile .orders-content .status {
  position: relative;
  display: inline-block;
}
.profile .orders-content .status:before {
  display: inline-block;
  position: relative;
  top: 0;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.profile .orders-content .status.processing:before {
  background: #ff7800;
}
.profile .orders-content .status.delivered:before {
  background: #4fc518;
}
.profile .orders-content .status.cancelled:before {
  background: #adcfd4;
}
.profile .product-options .form-item {
  margin: 0;
}
.profile .product span.remove {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #000000;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  z-index: 2;
}
.profile .product span.remove i {
  color: #ffffff;
}
.about-us {
  margin-bottom: 150px;
  min-height: calc(100vh - 355px);
}
.about-us .context {
  padding: 60px;
  background: #adcfd4;
  border-radius: 60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 550px;
  width: 50%;
}
.about-us .btn {
  padding: 10px 25px;
  background: #fff;
  font-size: 13px;
}
.about-us h3 {
  color: #fff;
  font-size: 40px;
  font-family: 'Sophillia', san-serif;
  text-transform: uppercase;
}
.about-us h3 span {
  margin-left: 5px;
  color: #487b82;
}
.about-us p {
  font-size: 16px;
  max-width: calc(100% - 60px);
}
.about-us .h-flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 100%;
}
.about-us .img {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 50%;
  left: -80px;
}
.about-us .img img {
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 30px;
}
.about-us .img .column-01,
.about-us .img .column-02,
.about-us .img .column-03 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
}
.about-us .box1 {
  width: 95px;
  height: 75px;
  background: #5b9fa9;
  opacity: 0.5;
  top: 380px;
  left: 300px;
  border-radius: 30px;
  z-index: 1;
}
.about-us .box2 {
  width: 60px;
  height: 50px;
  background: #5b9fa9;
  opacity: 0.5;
  top: -30px;
  left: -25px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.about-us .img .img1 {
  top: 120px;
  left: -80px;
}
.about-us .img .img2 {
  top: 60px;
  left: 110px;
}
.about-us .img .img3 {
  top: 250px;
  left: 110px;
}
.about-us .img .img4 {
  top: 0;
  left: 300px;
}
.about-us .img .img5 {
  top: 190px;
  left: 300px;
}
.maps iframe {
  border: none;
  width: 100%;
  height: 100vh;
  max-height: 450px;
  display: block;
}
.contact-us + .contact-us {
  min-height: calc(100vh - 500px);
}
.contact-us .container-fluid:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-us .white.container-fluid {
  background: #ffffff;
  padding: 50px 50px 100px;
}
.contact-us .white.container-fluid > div {
  margin: 0 auto;
}
.contact-us h4 {
  color: #000000;
  margin: 0;
  font-size: 13px;
}
.contact-us p {
  font-size: 13px;
  color: #000000;
}
.contact-us p span {
  color: #000000;
  font-size: 13px;
}
.contact-us p span:nth-child(2){
  margin: 0 20px;
}
.contact-us .share li a span {
  background-color: #658f95;
}
.contact-us .container-fluid .row {
  margin: 0 -10px;
}
.contact-us .container-fluid .form-item {
  padding: 0 8px;
}
.contact-us .container-fluid .form-actions .btn {
  font-size: 13px;
}
.contact-us .contactInfo p,
.contact-us .contactInfo h4 {
  text-align: left;
}
.contactImg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 50px;
  text-align: right;
}
.contactImg img {
  max-width: 100%;
  -webkit-box-shadow: 0 0 20px #cacaca;
          box-shadow: 0 0 20px #cacaca;
}
.no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.contactInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 50px;
  text-align: left;
}
.confirmation {
  margin-bottom: 50px;
}
.content.h-flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #adcfd4;
  padding: 0 30px;
  border-radius: 10px;
}
.content.h-flex .v-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 30px 15px;
}
.confirmation p {
  margin: 0 auto 10px;
  line-height: 1.5em;
  font-size: 16px;
  font-weight: 400;
}
.order.order-detail h1 {
  font-size: 24px;
  margin-bottom: 30px;
}
.order .confirmation .h-flex .h-flex p {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}
.order .confirmation .h-flex .h-flex i {
  color: #fff;
  font-size: 48px;
  margin-right: 15px;
}
.content.h-flex .seperator-v {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  background: #fff;
  margin: -30px 20px;
  min-width: 1px;
}
.payment-info .instruction {
  background: #f6fbfb;
  padding: 10px 20px;
  margin: 10px 0 20px;
  border-radius: 10px;
  overflow: hidden;
}
.payment-info .instruction span {
  display: block;
  line-height: 1.5em;
  font-size: 14px;
}
.payment-info .instruction label {
  line-height: 1.5em;
  font-size: 14px;
  margin: 0;
}

.order-review .cart-summary {
  padding: 0 15px !important;
}
.order-review .address-item {
  width: 100%;
}
.order-review .payment-details {
  margin: 50px 0 0;
}
.order-review .cart-details {
  margin-top: 0;
}

.cart-review .address-item .contact .contact-name,
.cart-review .address-item .contact .contact-address,
.order-review .address-item .contact .contact-name,
.order-review .address-item .contact .contact-address {
  padding: 8px 15px;
}
.shipping-summary .address-item .contact .contact-name,
.shipping-summary .address-item .contact .contact-address,
.billing-summary .address-item .contact .contact-name,
.billing-summary .address-item .contact .contact-address {
  padding: 10px 15px 10px 20px;
}
.cart-review,
.cart-checkout,
.order-review {
  padding: 0 0 60px;
  margin: 0 auto;
  min-height: calc(100vh - 350px);
}
.login {
  min-height: calc(100vh - 205px);
}
.cart-checkout .radio {
  z-index: 0;
}
.contact-us {
  padding: 0;
  margin: 0 auto 60px;
}
.breadcrumbs + .contact-us {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 0;
}
.cart {
  padding-bottom: 60px;
}
.about-us .container-fluid,
.general-info .container-fluid,
.contact-us .container-fluid,
.guest-address .container-fluid,
.guest-shipping .container-fluid,
.login .container-fluid,
.register .container-fluid,
.cart-review .container-fluid,
.cart-checkout .container-fluid,
.cart .container-fluid,
.order-review .container-fluid,
.order .container-fluid,
.products-detail .container-fluid,
.profile .container-fluid,
.products-and-filters .container-fluid,
.similar-products .container-fluid,
.menu .navbar .navbar-collapse.container-fluid {
  max-width: 1080px;
  padding: 0 30px;
}
.modal h4,
.guest-address h4,
.guest-shipping h4,
.login h4,
.register h4,
.order-review h4,
.cart-review h4,
.cart-checkout h4,
.cart-products h4,
.cart-summary h4,
.cart .cart-products h3,
.cart-review .cart-products h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.2em;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.cart h3,
.cart-review h3,
.cart-checkout h3 {
  margin: 0;
}
.cart-checkout .address-item:not(.selected) .link-button.remove {
  display: none;
}
.cart-products h4.shipping,
.cart-products .billing-address h4,
.cart-products .payment-details h4 {
  font-size: 16px;
}
.cart .cart-products h3 + h4,
.cart-review .cart-products h3 + h4 {
  font-size: 16px;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mont {
}
.mont span {
  margin-right: 50px;
}
.payment-info h4,
.order h4 {
  margin: 0 0 10px;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 500;
}
.order h4 span {
  line-height: 1.5em;
}
.modal h4 {
  margin-bottom: 15px;
}
.modal .form-item label {
  display: none !important;
}
.cart-checkout .col-md-4,
.cart-review .col-md-4 {
  padding-left: 30px;
}
.cart-review .address-item {
  width: 100%;
  margin: 0;
}
.cart .col-md-8,
.cart-checkout .col-md-8,
.cart-review .col-md-8 {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.register .container-fluid .registration-form h4 {
  margin: 0 0 15px;
}
#register .consent .form-item.checkbox label {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  margin: 0;
}
#register .consent,
#register .consent a {
  font-size: 13px;
}
.contact-us .container-fluid .form-item,
.login .container-fluid .form-item,
.guest-shipping .container-fluid .form-item,
.register .container-fluid .registration-form .form-item {
  margin-bottom: 15px;
}
.shipping-summary .address-item,
.shipping-summary .address-item label.contact,
.billing-summary .address-item,
.billing-summary .address-item label.contact {
  width: 100%;
  padding: 0;
  margin: 0;
}
.billing-summary .address-item,
.billing-summary .address-item .contact-name {
  border: none;
  font-weight: 500;
}
.payment-info, .prod-summary {
  margin-bottom: 30px;
}
.cart-summary {
  padding: 0 !important;
  max-width: 340px;
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.seperator-v {
  width: 1px;
  background: #d7d7d7;
  margin-right: 30px;
}
.login .checkout-workflow,
.guest-address .checkout-workflow,
.guest-shipping .checkout-workflow {
  margin-bottom: 40px;
}
.guest-address .address-item,
.guest-shipping .address-item {
  width: calc(25% - 20px);
  margin-right: 20px;
}
.guest-address .address-item:nth-child(3n+1) {
  margin-right: 20px;
}

.payment-details .options {
  margin: 10px 0 20px;
  padding: 10px 20px;
  border: 1px solid #658f95;
  border-radius: 20px;
}
.payment-details .options .radio {
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid #d7d7d7;
}
.payment-details .options .radio:last-child {
  border: none;
}
.payment-details .options .radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.payment-details .options .radio label span {
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  margin-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.payment-details .options .radio img {
  height: auto;
  position: static;
}
.payment-details .options .radio .note {
  margin: 5px 0 0 25px;
  padding: 5px 15px;
  background: #f2f2f2;
  border-radius: 5px;
  font-size: 12px;
  display: none;
}
.payment-details .options .radio input[type="radio"]:checked + label + div.note {
  display: block;
}

.payment-details .options .radio:last-child {
  border: none;
}
span.close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #000000;
  opacity: 1;
  cursor: pointer;
  z-index: 2;
}
span.close i {
  font-size: 20px;
}
span.close:hover {
  opacity: 1 !important;
}
span.close:hover i {
  color: #adcfd4;
}
.order.order-detail {
  padding: 0;
  width: 100%;
}
.order-details {
  margin: 0 -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-details + .separator {
  margin: 50px 0 30px;
}
.order .confirmation p {
  width: 100%;
}
.order.order-detail .confirmation p {
  text-align: left;
}
.order-details > div {
  max-width: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-details > div.col-sm-4 {
  max-width: 33%;
}
.order-details > div.page-actions,
.order-details > div.separator {
  min-width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.search-results .load-more {
  text-align: center;
  margin: 50px 0 40px;
  width: 100%;
}
.search-results .load-more button.primary {
  width: 200px;
  padding: 8px 52px;
}
.whitebg {
  background: #ffffff;
}
.sorting {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sorting label {
  display: none;
}
.icon {
  position: absolute;
  right: 40px;
  top: -65px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.icon-filter {
  background: url(../img/icon-filter.png) center no-repeat;
}
.icon-sort {
  background: url(../img/icon-sort.png) center no-repeat;
}
#filters > span.close {
  display: none;
}
.filters {
  max-width: 220px;
  padding: 0;
}
.filters-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.filters-header span:first-child {
  flex: 1;
  font-size: 18px;
}
.filters-header span:last-child {
  font-size: 12px;
}
.filters .filters-section {
  background: #dff0f3;
  padding: 15px 20px;
  border-radius: 10px;
}
.filters .filter-group {
  padding: 0;
  margin-bottom: 30px;
}
.filters .filter-group .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filters .filter-group .title span {
  cursor: pointer;
}
.filters .filter-group .title span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.filters .filter-group .title span:last-child {
  float: right;
  font-weight: normal;
  font-size: 13px;
  font-family: 'Segoe UI', sans-serif;
}
.filter-actions {
  display: none;
}
.main-info {
  padding: 0;
}
.main-info p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #7e7e7e;
}
.main-info p label {
  width: 100px;
}
.main-info p label + span {
  color: #000000;
  font-weight: bold;
}
.main-info h1 {
  font-family: 'Sophillia', san-serif;
  margin: 0;
  line-height: 1.2em;
  font-size: 36px;
  margin-bottom: 10px;
  color: #000000;
}
.main-info .product-pricing-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.main-info .prod-price {
  font-family: 'Sophillia', san-serif;
  font-size: 30px;
  font-weight: 500;
  color: #adcfd4;
  margin-right: 10px;
  line-height: 1.2em;
}
.main-info .prod-price + .striked {
  font-family: 'Sophillia', san-serif;
  font-size: 24px;
  text-decoration: line-through;
  font-weight: normal;
}
.cart-item .form-item {
  margin: 0;
}
.main-info .form-item .select-component {
  background-color: transparent;
  min-width: 100px;
}
.main-info .prod-discount {
  color: #adcfd4;
  line-height: 2em;
  font-size: 20px;
  white-space: nowrap;
}
.main-info .product-actions {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .checkbox label {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
.user-login .actions .btn.fb,
.user-login .actions .btn.gl {
  color: #fff !important;
  border: none !important
}
.create-account {
  font-size: 13px;
}
.create-account a {
  font-size: 16px;
}
.cart .main-info .checkbox label:before,
.cart-review .main-info .checkbox label:before {
  top: 3px;
}
.cart .main-info input[type="checkbox"]:checked + label:after,
.cart-review .main-info input[type="checkbox"]:checked + label:after {
  top: 6px;
}
.main-info .product-actions .link-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  font-size: 16px;
}
.main-info .product-actions.addNote-actions span.btn {
  font-size: 13px;
  border-radius: 0;
  padding: 5px 15px;
  text-transform: none;
  color: #fff !important;
  background: #658f95 !important;
  border-color: #658f95 !important;
}
.main-info .product-actions.addNote-actions .link-button {
  font-size: 13px;
  border-radius: 0;
  padding: 5px 10px;
}
.main-info .product-actions button {
  width: auto;
  margin: 0 30px 0 0;
  font-size: 16px;
}
.main-info .separator {
  margin: 40px 0;
}
.main-info .accordion {
  margin: 10px 0;
}
.main-info .accordion .title {
  margin-bottom: 10px;
}
.main-info .acc-block {
  border-bottom: 1px solid #ffffff;
}
.main-info .acc-block .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin: 0;
  padding: 20px 0;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #000000;
}
.main-info .acc-block:first-child .title {
  border-top: 1px solid #ffffff;
}
.main-info .acc-content {
  padding: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  color: #000000;
}
.main-info .acc-block .title span.ecicon {
  display: block;
  width: 21px;
  height: 21px;
  font-size: 12px;
  margin-right: 10px;
  border: 1px solid #000000;
  border-radius: 50%;
}
.cart h3 span,
.cart-review h3 span {
  font-size: 14px;
  font-weight: normal;
}
.cart .title,
.cart-review .title,
.order .order-summary h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  height: 50px;
  border-bottom: 1px solid #658f95;
}
.cart .title .total {
  font-size: 18px;
  font-weight: bold;
}
.cart-item {
  background: #ffffff;
  border-bottom: 1px solid #658f95;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.cart-item:last-child {
  border: none;
}
.cart-item.main-info label {
  color: #000000;
  white-space: nowrap;
}
.cart-item.main-info .striked {
  font-size: 18px;
}
.cart-item.main-info .prod-image {
  margin-right: 25px;
  width: 100px;
  min-width: 100px;
}
.cart-item.main-info .prod-image a {
  display: block;
}
.cart-item.main-info .prod-image img {
  width: 100%;
}
.cart-item.main-info .prod-details {
  max-width: calc(100% - 125px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cart-item.main-info .prod-details .h-flex {
  max-width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
  width: auto;
  border-color: #d7d7d7;
}
.cart-item.main-info label {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.cart-item.main-info .prod-details .h-flex .counter {
  height: auto;
}
.cart-item.main-info .prod-details .h-flex .counter button {
  width: 30px;
  -webkit-transform: scale(.8);
      -ms-transform: scale(.8);
          transform: scale(.8);
}
.cart-item.main-info .prod-details .h-flex .counter button i {
  font-size: 13px;
}
.cart-item.main-info .prod-details .h-flex .counter .prod-count {
  font-size: 13px;
  border: none;
}
.cart-item.main-info .prod-details .h-flex .product-pricing-details {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cart-item.main-info .prod-details .h-flex .prod-name {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cart-item.main-info .prod-details .h-flex .prod-name h3 {
  color: #000000;
  font-size: 16px;
  margin: 0 0 15px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  max-width: 80%;
  display: block;
}
.cart-item.main-info .prod-details .h-flex .product-pricing-details .h-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2em;
  font-size: 20px;
}
.cart-item.main-info .prod-details .h-flex .product-pricing-details .prod-discount {
  margin-left: 10px;
  font-size: 18px;
}
.cart-item.main-info .prod-details .h-flex .product-pricing-details .prod-price {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  color: #000000;
  font-family: 'Roboto', sans-serif;
}
.cart-item.main-info .btn-secondary {
  margin-right: 15px;
}
.cart-item.main-info .prod-details .textarea {
  margin-top: 10px;
  display: none;
}
.cart-item.main-info .prod-details .textarea.show {
  display: block;
}
.cart-item.main-info .prod-details .textarea textarea {
  resize: none;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.8em;
  height: 85px;
  border-radius: 0;
  border-color: #d7d7d7;
  max-width: 470px;
}
.margin15 {
  margin: 15px 10px 10px 0;
  text-align: right;
}
.actions.margin15 .link-button {
  font-size: 14px;
}
.textarea .actions {
  margin: 10px 0 20px;
}
.textarea .actions .btn {
  border-color: #ffdb81;
  border-radius: 0;
  color: #000000 !important;
  font-size: 13px;
  padding: 5px 15px;
  background: #ffffff !important;
}
.textarea .actions .btn.btn-primary {
  color: #658f95 !important;
  margin-right: 15px;
}
.cart-item .striked {
  font-size: 20px;
  line-height: 1.2em;
  white-space: nowrap;
}
.cart-actions .link-button {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  font-size: 13px;
}
.cart-actions .link-button i {
  margin-right: 10px;
  color: #999;
}
.products-detail {
  padding: 0 0 60px;
}
.products-detail .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.products-detail .product-image img {
  width: 100%;
  border-radius: 0;
}
.main-info .form-item input[name="nameoncard"] + label {
  margin-bottom: 5px;
  line-height: 1.75em;
}
.main-info .counter {
  height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.main-info .counter .h-flex {
  flex-wrap: nowrap;
  border: 1px solid #c0e2e7;
  margin: 0;
  border-radius: 0;
  width: 130px;
  overflow: hidden;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cart .main-info .counter .h-flex,
.cart-review .main-info .counter .h-flex {
  max-width: 100px;
}
.cart .counter span.remains,
.cart-review .counter span.remains {
  font-size: 11px;
}
.main-info .counter button {
  border: 0;
  border-radius: 0;
  width: 40px;
  padding: 0;
  background: transparent;
  cursor: pointer;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-info .counter button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main-info .counter button i {
  margin: 0;
}
.main-info .counter .prod-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #ffffff;
  text-align: center;
  font-weight: normal;
  font-weight: 500;
  font-size: 16px;
  border: none;
  padding: 0;
  border-left: 1px solid #c0e2e7;
  border-right: 1px solid #c0e2e7;
}
.main-info .counter .prod-count:focus {
  outline: none;
  padding: 0;
  border-left: 1px solid #c0e2e7 !important;
  border-right: 1px solid #c0e2e7 !important;
}
.main-info .counter .remains {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  font-weight: normal;
  display: none;
}
.counter span.remains {
  text-transform: none;
  font-weight: normal;
  float: right;
  display: none;
}
.counter span.remains.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.counter span.red {
  color: red;
}
#prodThumbs .slick-arrow {
  width: 20px;
  background: #ffffff;
  border-radius: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #cacaca;
  position: absolute;
  left: -25px;
  top: 3px;
  bottom: 10px;
}
#prodThumbs .slick-arrow.icon-right {
  left: auto;
  right: -25px;
}
#prodThumbs .slick-arrow.slick-disabled {
  opacity: 0.2;
}
#productSlider-container {
  position: relative;
}
#filters-mask {
  display: none;
}
.products-detail #productSlider .product-image {
  overflow: hidden;
  position: relative;
}
.products-detail #productSlider .product-image img:not(.transparent) {
  /* position: absolute;
  width: 100%;
  top: 0; */
}
#productSlider .slick-current.slick-active .product-image {
  position: relative;
  z-index: 2;
}
.product-options {
  width: 100%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.main-info .product-options b {
  margin-left: 5px;
}
.product-options .form-item {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-options .form-item .color {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #adcfd4;
  border-radius: 5px;
}
.product-options .form-item .checkbox + input {
  border-radius: 0;
}
.products-detail .product-options .form-item .checkbox + input {
  margin: 0;
}
input.show {
  display: block !important;
  margin-top: 10px;
}
input.hide {
  display: none !important;
}
.product-options .h-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart-details {
  padding: 20px 0;
  margin: 0;
  background: #f6fbfb;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.cart-details .v-flex {
  padding: 0 20px;
}
.login h4 {
  margin-bottom: 10px;
  font-size: 16px;
}
.cart-details h4 {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.cart-details .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-details button {
  width: 100%;
  font-size: 13px;
}
.cart-details .item * {
  line-height: 2em;
}
.cart-details .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart-details .item .item-name {
  color: #000000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.cart-details .item .item-count {
  color: #000000;
}
.cart-details .item-price {
  width: 130px;
  text-align: right;
  line-height: 2em;
}
.cart-details .separator {
  margin: 10px 0;
  border-top: 1px solid #000000;
}
.order-summary {
  padding: 0;
}
.order-summary .cart-details {
  padding: 15px;
}
.cart-list-table-border {
  border: 1px solid #658f95;
  border-radius: 15px;
  background: #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
}
.cart-list-table {
  width: 100%;
}
.order .cart-list-table {
  border: 1px solid #658f95;
  border-radius: 15px;
  overflow: hidden;
  padding: 0 10px;
}
.cart-list-table a {
  text-decoration: underline;
  color: #447880;
  font-size: 14px;
}
.cart-list-table img {
  border-radius: 10px;
}
.cart-list-table a:hover {
  text-decoration: none;
}
.cart-list-table th {
  padding: 10px 20px;
  font-weight: 500;
  background: #f6fbfb;
  font-size: 13px;
}
.cart-list-table td .prod-name {
  color: #000000;
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 5px;
}
.cart-list-table tr td {
  padding: 5px 20px;
  vertical-align: top;
  line-height: 2em;
  font-size: 13px;
}
.cart-list-table > table > tbody > tr:not(:last-child) {
  border-bottom: 1px solid #658f95;
}
.cart-list-table tr td label,
.cart-list-table tr td span {
  display: block;
  line-height: 1.5em;
  color: #000000;
  font-size: 13px;
  margin: 0;
}
.cart-list-table tr td tr td:first-child {
  padding: 10px 0 0 0;
  max-width: 150px;
}
.cart-list-table tr td tr td:first-child img {
  margin-right: 20px;
  margin-bottom: 20px;
}
.cart-list-table tr td tr td:last-child {
  padding: 10px 0 0 0;
  width: 100%;
}
.cart-list-table > tbody tr:last-child td {
  padding-bottom: 15px;
}
.cart-list-table > tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
}
.show {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: animShow ease-in-out 0.5s forwards;
          animation: animShow ease-in-out 0.5s forwards;
}

@-webkit-keyframes heart {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  99% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}

@keyframes heart {
  0% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  99% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}
@-webkit-keyframes animShow {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
}
@keyframes animShow {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
}
@-webkit-keyframes animButton {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes animButton {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes animRadio {
  0% {
    -webkit-transform: scale(.55);
            transform: scale(.55);
    opacity: 1;
  }
  99% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(.55);
            transform: scale(.55);
    opacity: 1;
  }
}

@keyframes animRadio {
  0% {
    -webkit-transform: scale(.55);
            transform: scale(.55);
    opacity: 1;
  }
  99% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(.55);
            transform: scale(.55);
    opacity: 1;
  }
}

#similarProducts {
  margin: 15px -15px 100px;
}
#newArrivals .slick-arrow,
#similarProducts .slick-arrow {
  position: absolute;
  bottom: -100px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #c1c1c1;
  padding: 11px 0;
  width: 40px;
  height: 40px;
  color: #252525;
  z-index: 3;
  left: 50%;
  font-size: 16px;
  text-align: center;
  margin-left: 5px;
}
#newArrivals .slick-arrow {
  bottom: 0;
  top: auto;
}
#newArrivals .slick-arrow:not(.slick-disabled):hover,
#similarProducts .slick-arrow:not(.slick-disabled):hover {
  background: #658f95;
  color: #ffffff;
  border-color: #658f95;
}
#newArrivals .slick-arrow.slick-disabled,
#similarProducts .slick-arrow.slick-disabled {
  opacity: 0.3;
}
#similarProducts .slick-slide {
  height: auto;
}
#similarProducts .product {
  margin-bottom: 20px;
  padding: 0;
}
#similarProducts .product .product-details {
  background: #ffffff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #ccc;
}
#similarProducts ul.slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  margin-top: 20px;
}
#similarProducts ul.slick-dots li {
  margin: 0 3px;
  width: 12px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  background: #9a9a9a;
  border-radius: 50%;
  border: 4px solid #F7F6F4;
}
#similarProducts ul.slick-dots li.slick-active {
  background: #e18a88;
  border-color: #e18a88;
}
#newArrivals .slick-arrow.fa-chevron-left,
#similarProducts .slick-arrow.fa-chevron-left {
  left: auto;
  right: 50%;
  margin: 0 5px 0 0;
}
#similarProducts .product .product-image {
  margin: 0;
}
#similarProducts .product .prod-title {
  margin: 10px 0 0;
}
#similarProducts .product .prod-price {
  padding: 0;
  margin: 10px 0 0;
  color: #2d2d2d;
}
.similar-products {
  padding: 60px 0;
  background: #ffffff;
  border-top: 1px solid #d7d7d7;
}
.similar-products h1 {
  font-family: 'Sophillia', san-serif;
  font-size: 36px;
  margin-bottom: 50px;
  text-align: center;
}
.similar-products h3 {
  margin-bottom: 50px;
  font-size: 24px;
}
.similar-products .panel {
  padding: 0 15px;
}
.similar-products .panel a {
	display: block;
}
.similar-products .product .prod-title span {
  font-size: 18px;
}
.similar-products .product .prod-price {
  font-size: 20px;
  font-weight: 500;
}

.login .action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.login .action:nth-child(2) {
  text-align: right;
}
.forgot {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.login .h-flex > .login-form {
  width: 42%;
  max-width: 42%;
  padding-right: 40px;
}
.login .h-flex > .guest {
  width: 58%;
  max-width: 58%;
  padding: 40px;
  background: #f6fbfb;
  border-radius: 15px;
}
.login .h-flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.login-form.new-customer {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d7d7d7;
}
.white {
  padding: 30px 0;
  width: 100%;
  text-align: left;
}
.contact-form {
  width: 100%;
}
.contact-form .form-item {
  margin-bottom: 20px;
}
.contactInfo h3 {
  color: #adcfd4;
  font-size: 32px;
  font-family: 'Sophillia', san-serif;
}
.contactInfo h3 span {
  margin-left: 5px;
  color: #cccccc;
}
.contactInfo .h-flex {
  width: 100%;
}
.contactInfo .h-flex .v-flex {
  width: 50%;
}
.contactInfo .share {
  margin: 5px 0 0;
}
.contactInfo .info {
  position: relative;
  width: 50%;
  padding-left: 30px;
  margin-bottom: 10px;
}
.contactInfo .info:last-child {
  width: 100%;
}
.contactInfo .info h4 {
  color: #adcfd4;
  font-size: 22px;
}
.contactInfo .info p,
.contactInfo .info p span {
  color: #8a8a8a;
}
.contactInfo .info i {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 5px;
  color: #adcfd4;
}
.imageSection .link-button-grey {
  display: none;
}
.SumoSelect {
  display: block;
  width: 100%;
}
.SumoSelect > .CaptionCont {
  display: block;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  color: #000000;
  width: 100%;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
}
.SumoSelect > .CaptionCont > span.placeholder {
  font-style: normal;
  color: #000000;
  cursor: pointer;
}
.SumoSelect.open > .optWrapper {
  top: 43px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
  background-color: #adcfd4;
}
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #d7d7d7;
}
.SumoSelect > .CaptionCont > label {
  margin: 0;
}
.SumoSelect .select-component {
  display: none;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
  position: absolute;
  content: '';
  border: 2px solid transparent;
  border-left-color: #000000;
  border-bottom-color: #000000;
  width: 10px;
  height: 10px;
  z-index: 1;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 5px;
  top: 3px;
}
.ui-datepicker .ui-datepicker-next span:before {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  right: 5px;
  left: auto;
}
.ui-datepicker .ui-datepicker-header {
  background-image: url(../img/bg.svg);
  background-size: 400px auto;
  border: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

#billing-address:not(:empty) {
  margin-top: 20px;
}
#billing-address .form-item label {
  width: 100%;
  display: block;
  text-align: left;
}
.cart-review h4.shipping {
  margin-bottom: 10px;
}
.cart-review .cart-list + h4,
.cart-review .billing-address h4 {
  margin: 30px 0 10px;
}
p#same-address,
.billing-address .link-button {
  font-size: 13px;
}
.cart-review .address-item,
.cart-review .address-item.selected,
.shipping-summary .address-item.selected {
  border-color: #658f95;
  background:#fff;
}
.billing-summary .address-item {
  background: #f6fbfb;
}
.cart-review .billing-address .address-item .contact .contact-name,
.cart-review .billing-address .address-item,
.cart-review .billing-address .address-item.selected {
  border-color: transparent;
  background: #f6fbfb;
}
.billing-address .address-item .contact .contact-name .address-title {
  top: 10px;
  position: relative;
}
.hide {
  display: none;
}
.modal .billing {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .billing h4 {
  margin: 0 30px 0 0;
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.modal .billing .checkbox label {
  margin: 0;
}
.modal .billing .checkbox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@-webkit-keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.icon-search,
.icon-cart,
.icon-user,
.icon-wishlist {
  width: 25px;
  height: 25px;
  display: block;
}
.icon-search {
  background: url(../img/search.svg) center no-repeat;
  background-size: 80% auto;
}
.icon-cart {
  background: url(../img/cart.svg) center no-repeat;
  background-size: 70% auto;
}
.icon-user {
  background: url(../img/user.svg) center no-repeat;
  background-size: 80% auto;
}
.icon-wishlist {
  background: url(../img/heart.svg) center no-repeat;
  background-size: 80% auto;
}
.cart-review h1,
.cart-checkout h1 {
  display: none;
}
.icon-mobile {
  background: url(../img/mobile.png) left center no-repeat;
}
.icon-instagram {
  background: url(../img/insta.png) left center no-repeat;
}
.icon-envelope {
  background: url(../img/email.png) left center no-repeat;
  background-size: 90% auto;
  top: 10px !important;
}
.icon-email {
  background: url(../img/email.png) left center no-repeat;
}
.icon-location {
  background: url(../img/map.png) center no-repeat;
}
.order-item label {
  font-size: 14px;
  min-width: 120px;
  font-weight: normal;
  margin: 0;
}
.order-item span {
  font-size: 14px;
  font-weight: normal;
}
.order-item {
  padding: 15px;
  border: 1px solid #d7d7d7;
  margin: 0 0 20px;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.logoPrint {
  display: none;
}
.icon-shopping-bag,
.icon-favorite,
.icon-trash {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  color: #658f95;
}
.icon-favorite {
  background-color: #000000;
  -webkit-mask-image: url(../img/heart.svg);
  mask-image: url(../img/heart.svg);
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.icon-favorite.selected {
  background: red;
}
.icon-trash {
  background-color: #ffffff;
  -webkit-mask-image: url(../img/trash.svg);
  mask-image: url(../img/trash.svg);
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background: #658f95;
}
.icon-shopping-bag {
  background-color: #ffffff;
  -webkit-mask-image: url(../img/cart.svg);
  mask-image: url(../img/cart.svg);
  mask-size: auto 100%;
  -webkit-mask-size: auto 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.main-info .product-actions .link-button.favorite {
  position: relative;
  padding-left: 25px;
}
.main-info .product-actions .link-button.trash {
  position: relative;
  padding-left: 25px;
  color: #000000;
}
.main-info .product-actions .link-button.trash:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #000000;
  mask-image: url(../img/trash.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 80% auto;
  -webkit-mask-image: url(../img/trash.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 80% auto;
  left: 0;
  background-size: auto 90%;
}
.main-info .product-actions .link-button.favorite:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #adcfd4;
  mask-image: url(../img/heart.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 90% auto;
  -webkit-mask-image: url(../img/heart.svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 90% auto;
  left: 0;
}
.cart-bag ul li a .prod-detail span {
  color: #000000;
}
.main-info .product-actions .link-button.favorite:before,
.main-info .product-actions .link-button.trash:before {
  display: none;
}
.main-info .product-actions .link-button.favorite i {
  background: #adcfd4;
}
.main-info .product-actions .link-button.trash i {
  background: #658f95;
}
.pg404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 120px);
  position: relative;
}
.pg404 h1 {
  text-align: center;
  width: 100%;
}
.pg404 h2 {
  font-size: 26px;
  font-family: 'Sophillia', san-serif;
}
.pg404 p {
  font-size: 18px;
  line-height: 1.2em;
  margin: 20px 40px 0;
}
.intl-ship {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border: 1px dashed #f5c6cb !important;
  margin: 10px 0 !important;
  padding: 10px !important;
  border-radius: 5px !important;
}
.consent {
  display: block;
  width: 100%;
  padding-left: 40px;
  font-size: 16px;
  line-height: 2em;
  font-weight: normal;
}
.consent .checkbox {
  width: auto;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0 0 0 -40px !important;
  display: inline-block;
  padding-right: 0;
}
/* .about-us,
.cart-review,
.cart,
.cart-checkout,
.contact-us,
.products-detail,
.general-info,
.profile,
.order,
.order-review,
.products-and-filters,
.register,
.login {
  min-height: 100vh;
} */

.maps.img {
  height: 200px;
  width: 100%;
  background: url(../img/contact-us.jpg) right no-repeat;
  background-size: cover;
}
.options.acc-content > div:not(.more) {
  display: none;
}
.options.acc-content > div:nth-child(1):not(.more),
.options.acc-content > div:nth-child(2):not(.more),
.options.acc-content > div:nth-child(3):not(.more),
.options.acc-content > div:nth-child(4):not(.more) {
  display: block;
}
.options.acc-content.showall > div {
  display: block;
}
.more {
  font-size: 14px;
  color: #658f95;
  display: block;
  cursor: pointer;
}
.more.hide {
  display: none !important;
}
.more:nth-of-type(1),
.more:nth-of-type(2),
.more:nth-of-type(3),
.more:nth-of-type(4),
.more:nth-of-type(5) {
  display: none;
}
.more:hover {
  text-decoration: underline;
}
.more i {
  margin-right: 5px;
  font-size: 12px;
}
.listing.no-scroll .footer {
  display: none;
}