/* W3.CSS 2.1 by Jan Egil and Borge Refsnes. Do not remove this line. */

/*
Orange color: #e67e22

*/


/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
  --color-primary: #8b0178;
  --color-primary-hover: #b305b3;
  --color-secondary: #fdd1a2;
}
html,
body {
  background-color: #fff;
  color: #555;
  /* font-family: 'PT Serif', serif; */
  font-family: 'Lato', sans-serif;
  /* font-family: 'Lato', 'Arial', sans-serif; */
  font-weight: 300;
  font-size: 62.5%;
  outline-style: none !important;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  html {
    font-size: 60%;
  }
}
@media only screen and (max-width: 1000px) {
  html {
    font-size: 56%;
  }
}
@media only screen and (max-width: 800px) {
  html {
    font-size: 54%;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 50%;
  }
}

body {
  font-size: 1.8rem;
}
section {
  padding: 80px 0;
}
/* ::-moz-selection { background:transparent; }
::selection { background:transparent; } */


.clearfix {zoom: 1}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
input:focus, button:focus {
  outline: none;
}

/* ************************ */
/* Emerge Looks Css */
/* ************************ */

/* base color: #6b016b */



.cover {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  /* background-color: #f7f7f77e; */
}

/*  */
/*  */
/* currency css */
/*  */

.cur:hover {
  background-color: gold !important;
}

 .icon-bar {
  z-index: 99999 !important;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.markedcurrency {
  display: block;
  margin: 2px 1px;
  background: rgba(0, 128, 0, 0.733);
  padding: 10px;
}

.currencyclass {
  display: block;
  margin: 2px 1px;
  background: rgba(218, 165, 32, 0.644);
  padding: 10px;
}

@media only screen and (max-width: 641px)
{
  .markedcurrency, .currencyclass {padding:8px !important;}
}

/* currencycss */
/*  */
/*  */

.leftside {
  width: 300px;
  padding: 10px 0px;
  margin: 0 0;
  display:inline-block;
}
.middleside {
  width: 900px;
  padding: 10px 10px;
  margin: 0 0;
  display:inline-block;

}
.rightside {
  width: 300px;
  margin: 0 0;
  padding: 10px 0px;
  display:inline-block;
  background-color: #f7f7f77e;

}
.headimg {
  width: 8rem;
  float: left;
}
.headleft {
  float: left;
}
.headsearch, .headsearch2 {
  border: 1px solid rgba(0,0,0,0.2);
  padding: 1rem;
  border-radius: 8px;
  width: 40rem;
  max-width: 100%;
  display: inline-block;
  margin-top: 1.5rem;
  margin-left: 4rem;
}

.hassomelink:hover {
    cursor: pointer;
    font-weight: bold;
}

.packmen {
  padding: 1rem;
  text-align: center;
  margin-top: -1.3rem;
  max-width: 100%;
}
@media only screen and (max-width: 1200px) {
  .headsearch {
    width: 30rem;
  }
}
@media only screen and (max-width: 600px) {
  .headsearch, .headsearch-button {
    display: none !important;
  }
}
.headsearch-button, .headsearch2-button {
  color: #777;
  font-size: 2rem;
  display: inline-block;
  margin-left: -2.7rem;
  background: none;
  border: 0;
}
.headsearch-button:focus {
  border: 0;
  outline: 0;
}
.headside {
  margin-top: 1.5rem;
  float: right;
}

.headside li.except600, .except900 {
  display: none;
}

@media only screen and (max-width: 600px) {
  .headside li.except600, .except900 {
    display: inline-block;
  }
  .headside {
    margin-top: 1.3rem;
  }
}

.rowmemore {
    display: inline-block;
    margin-top: 2rem !important;
}

.rowmebro, .rowmebro2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 600px) {
    .rowmebro {
        grid-template-columns: 60% 40%;
    }
    .rowmebro2 {
        grid-template-columns: 40% 60%;
    }
}
.rowmebro-bg__bigtitle {
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 1rem;
}
.rowmebro-bg__bigprice {
    font-weight: 800;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.rowmebro-bg {
  background: linear-gradient(#880276, #d33cd3, purple); 
  color: #fff;
  padding: 3rem 2rem;
  min-height: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1.2;
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
}

.rowmebro-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rowmebro-bg__link {
    background: linear-gradient(#36a253, green);
    display: inline-block;
    border-radius: 8px;
    padding: 1rem 1.8rem;
    font-size: 2rem;
    color: #fff;
    margin-top: 1rem;
    border: 1px solid #83b81c;
}
@media only screen and (max-width: 600px) {
    .rowmebro-bg {
        font-size: 2rem;
    }
    .rowmebro-bg__link {
        font-size: 1.5rem;
        padding: .8rem 1.5rem;
    }
}
.weseecart {
  background: red;
  padding: .4rem .5rem;
  display: inline-block;
  margin-left: -2.5rem;
  transform: translateY(-2rem);
  color: #fff;
  border-radius: 50%;
}
.headside li {
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  list-style: none;
  font-size: 1.6rem;
  display: inline-block;
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
  vertical-align: middle;
}
.headside li:not(:last-child) {
  margin-right: 1.5rem;
}

@media only screen and (max-width:600px) {
  .headside li:not(:last-child) {
    margin-right: .5rem;
  }
}

.headside li a {
  color: #333;
  text-transform: capitalize;
  cursor: pointer;
}
.headside li a:hover {
  font-weight: 600;
}
.headside li a i, .headside li a span.maincurr {
  font-size: 2.6rem;
  /* background: var(--color-primary); */
  box-shadow: 0 1rem 2rem var(--color-primary);
  display: inline-block;
  margin-right: .5rem;
  transform: translateY(-.2rem);
  vertical-align: middle;
  /* border: 1px solid var(--color-primary); */
  border-radius: 50%;
  padding: 1rem 1.1rem;
  color: #333;
}
.headside li a span.maincurr {
  font-size: 2.8rem;
  padding: .5rem .9rem;
}

@media only screen and (max-width: 900px) {
  .hidemeg {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .headside li a i, .headside li a span.maincurr {
    box-shadow: 0 1rem 2rem var(--color-primary);
    background: #fff;
    color: #333;
  }
}
.theshopicon {
  position: relative;
  cursor: pointer;
}
.theshopsup {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-weight: 800;
  font-size: 2rem;
  transform: translate(-50%, -50%);
}
.mincartbody, .minuser, .minmenu {
  position: absolute;
  width: 30rem;
  margin: 0 auto;
  top: 130%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2000;
}
@media only screen and (max-width: 900px) {
  .mincartbody, .minuser, .minmenu {
    top: 160%;
  }
}
.headside li div.mincartbody-body {
  position: relative;
  padding: 1.5rem 1rem;
  background: #333;
  box-shadow: 0 2px 2px 2px rgba(255,255,255,0.3);
  color: #fff;
  text-transform: none;
  border-radius: 12px;
}
@media only screen and (max-width: 680px) {
  .headside li div.mincartbody-body {
    transform: translateX(-2rem);
  }
}
@media only screen and (max-width: 450px) {
  .headside li div.mincartbody-body {
    transform: translateX(-4rem);
  }
}
.headside li div.mincartbody::after {
  content: '';
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, 0);
  /* width: 0; 
  height: 0; */
  border-bottom: 2rem solid #333;
  border-right: 1.7rem solid transparent;
  border-left: 1.7rem solid transparent;
  z-index: 2000;
}

.headside li ul.minuser-body, .headside li ul.minmenu-body {
  position: relative;
  list-style: none;
  padding: 1.5rem 1rem;
  background: #333;
  box-shadow: 0 2px 2px 2px rgba(255,255,255,0.3);
  color: #fff;
  text-transform: none;
  border-radius: 12px;
}
.headside li ul.minmenu-body {
  transform: translateX(2rem);
}
.headside li ul.minuser-body::after, .headside li ul.minmenu-body::after {
  content: '';
  position: absolute;
  top: -6.5%;
  left: 50%;
  transform: translate(-50%, 0);
  /* width: 0; 
  height: 0; */
  border-bottom: 2rem solid #333;
  border-right: 1.7rem solid transparent;
  border-left: 1.7rem solid transparent;
  z-index: 2000;
}
.headside li ul.minmenu-body::after {
  left: 44.5%;
  top: -5%;
}

@media only screen and (max-width: 600px) {

  .headside li ul.minmenu-body {
    transform: translateX(12rem);
  }
  .headside li ul.minmenu-body::after {
    left: 10%;
  }
}

@media only screen and (max-width: 550px) {
  .headside li ul.minuser-body {
    transform: translateX(6rem);
  }
  .headside li ul.minuser-body::after {
    left: 30%;
  }
}


.headside li ul.minuser-body li, .headside li ul.minmenu-body li {
  display: block;
  color: #fff;
  margin: 0;
  text-align: center;
  margin-top: 1rem;
  text-transform: uppercase;
}
.headside li ul.minuser-body li a, .headside li ul.minmenu-body li a {
  padding: 1rem;
  border: 1px solid rgba(255,255,255,0.7);
  color: #fff;
  display: block;
  border-radius: 10px;
  font-size: 1.55rem;
  text-transform: uppercase;
}
.headside li ul.minuser-body i, .headside li ul.minmenu-body i {
  font-size: 1.7rem;
  color: #fff;
  padding: 0;
  box-shadow: none;
}

@media only screen and (max-width: 900px) {

  .headside li ul.minuser-body {
    transform: translateX(-7rem);
  }
  .headside li ul.minuser-body::after {
    left: 72%;
  }
  .headside li ul.minuser-body i, .headside li ul.minmenu-body i {
      background: none;
  }
}

@media only screen and (max-width: 600px) {
  .headside li ul.minuser-body li a, .headside li ul.minmenu-body li a {
    padding: 1.2rem 1rem;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    display: block;
    border-radius: 10px;
    font-size: 1.6rem;
  }
}
.mincartbody-marg {
  margin-top: .8rem;
}
.headside li div.mincartbody-body .mincartbody-body__group {
  text-align: left;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: .09rem;
}

.headside li div.mincartbody-body .mincartbody-body__link {
  display: block;
  background: var(--color-primary);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 1rem;
  border-radius: 10px;
  margin-top: 1rem;
  text-align: center;
}
.headside li div.mincartbody-body .mincartbody-body__link2 {
  background: transparent;
  border: 2px solid #fff;
}
.headside li div.mincartbody-body .mincartbody-body__link:hover {
  opacity: 0.8;
}

.headside li a.headside-currency {
  display: inline-block;
}
.headside li a.headside-currency i {
  font-size: 1.7rem;
}
.headside li a.headside-currency:hover {
  cursor: pointer;
}
.headside-currency__pop {
  position: absolute;
  list-style: none;
  margin-top: 1rem;
  display: block;
  left: -4%;
  border: 0 1px solid rgba(0,0,0,0.1);
  background: #fff;
  z-index: 20;
}
@media only screen and (max-width: 600px) {
  .headside-currency__pop {
    left: -14%;
  }
}
.headside-currency__pop li {
  display: block;
  margin-right: 0 !important;
}
.headside-currency__pop li a {
  display: block;
  border: 1px solid rgba(0,0,0,0.2);
  /* margin-bottom: 1rem; */
  padding: 1rem 1.8rem;
  cursor: pointer;
  color: #333;
}
.headside-currency__pop li a:hover {
  background: var(--color-primary);
  color: #fff;
}

.mrbull {
  height: 100%;
  background: rgba(0,0,0,0.8);
  position: fixed;
  z-index: 1500;
  width: 100%;
  top: 0;
  display: none;
}

.maincart {
  display: grid;
  grid-template-columns: 70% 30%;
  margin: 3rem auto;
  margin-top: -5rem;
  padding: 1rem;
  row-gap: 3rem;
}
@media only screen and (max-width: 900px) {
  .maincart {
    grid-template-columns: repeat(1, 1fr);
  }
}

.maincart-first {
  border-radius: 10px;
  box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2);
  overflow: hidden;
}
.maincart-first__row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 2rem;
  font-size: 1.6rem;
  column-gap: 3rem;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  padding: 1rem;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .maincart-first__row {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0
  }
}

.maincart-firstcheck__row {
  display: grid;
  grid-template-columns: 20% 80%;
  font-size: 1.6rem;
  /* justify-content: center; */
  align-items: center;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  padding: 1rem;
  position: relative;
}
@media only screen and (max-width: 510px) {
  .maincart-firstcheck__row {
    grid-template-columns: 30% 70%;
  }
}
.maincart-checkimg {
  height: 10rem;
  width: 10rem;
  object-fit: cover;
  border-radius: 10px;
}
.maincart-checktext {
  font-size: 2rem;
  font-weight: 400;
}
.maincart-last {
  text-align: right;
  margin-top: 1.4rem;
  font-size: 2rem;
  color: var(--color-primary);
}

.checkout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.checkout-second__row {
  padding: 1rem 10rem;
}
@media only screen and (max-width: 900px) {
  .checkout {
    grid-template-columns: repeat(1, 1fr);
    padding: 1rem;
    row-gap: 3rem;
  }
  .checkout-second__row {
    padding: 0;
  }
}
.checkout-second {
  box-shadow: 0 1rem 30rem rgba(0,0,0,0.5);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.checkout-second .maincart-second__row {
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
  box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
}
.checkout-second__title {
  font-size: 3rem;
  color: var(--color-primary);
  font-weight: 600;
  padding: 1.5rem 1rem;
  background: #f1f1f1;
}
.checkout-second__btn {
  background: #3dca48;
  padding: 1.4rem 3rem;
  border: 0;
  display: inline-block;
  color: #fff;
  margin-top: 2rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  border-radius: 30px;
}
.checkout-second__btn:hover {
  background: green;
}
.maincart-first__row div {
  /* border-right: 1px solid rgba(0,0,0,0.3); */
  padding: 1rem;
}
.maincart-first__row div:last-child {
  border-right: 0;
}
.maincart-img {
  width: 100%;
  height: 10rem;
  object-fit: cover;
}
@media only screen and (max-width: 900px) {
  .maincart-img {
    height: 20rem;
    width: 20rem;
  }
}
.maincart-del {
  position: absolute;
  right: 2%;
  top: 10%;
  color: red;
  font-size: 2rem;
  vertical-align: middle;
  /* margin-top: -7rem; */
  display: inline-block;
  cursor: pointer;
  padding: .4rem .7rem;
}
.maincart-lightred {
  background: rgb(248, 219, 219);
}
.maincart-del:hover {
  border-radius: 10px;
  background: red;
  color: #fff;
  /* border: 1px solid rgba(0,0,0,0.3); */
}
.maincart-second {
  padding: 0 3rem;
}
@media only screen and (max-width: 900px) {
  .maincart-second {
    padding: 0;
  }
}

.maincart-second__box {
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);
  border-radius: 10px;
  background: #f1f1f1;
  font-size: 1.6rem;
}
.maincart-second__title, .maincart-firstsee__title {
  padding: 2rem 1rem;
  text-transform: uppercase;
  background: #e4e1e1;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
}
.maincart-second__row {
  padding: 1rem;
}
.maincart-second__row:after {
  content: "";
  display: table;
  clear: both;
}
.maincart-second__subtitle {
  float: left;
  font-weight: 600;
}
.maincart-second__subprice {
  float: right;
}
.maincart-link {
  background: var(--color-primary);
  padding: 1rem;
  border-radius: 15px;
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.maincart-firstsee {
  margin-top: 4rem;
  border-radius: 10px;
  box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2);
  overflow: hidden;
  background: #f9f9f9;
  font-size: 1.6rem;
}
.maincart-firstsee__subtitle {
  font-size: 1.7rem;
  color: #000;
  margin-bottom: 1rem;
}
.maincart-firstsee__input {
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #777;
  padding: .8rem 1.5rem;
  border-right: 0;
}
.maincart-firstsee__button {
  background: var(--color-primary);
  padding: .9rem 1.5rem;
  border-radius: 10px;
  border-left: 0;
  border: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-block;
  margin-left: -1rem;
  color: #fff;
  text-transform: uppercase;
}
.maincart-firstsee__input:focus {
  outline: none;
}
.signup-box {
  width: 520px;
  max-width: 95%;
  border-radius: 10px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);
  margin-top: -6rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.signup-box__pad {
  padding: 1rem;
}
.signup-box__title {
  margin-bottom: .8rem;
}
.signup-box__btn {
  background: var(--color-primary);
  border-radius: 15px;
  color: #fff;
  border: 0;
  padding: 1rem 2.5rem;
}
.signup-box__btn:hover {
  background: var(--color-primary-hover);
}
.signup-box__down {
  background: #777;
  padding: 1.5rem 1rem;
  margin-top: 1rem;
}
.signup-box__down a {
  display: inline-block;
  color: #fff;
}
.signup-box__down a:hover {
  font-weight: 600;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
  display: none !important; }
.testim-icon i {
  display: inline-block;
  font-size: 2.7rem;
  color: #333;
  cursor: pointer; }
  .testim-icon i:not(:last-child) {
    margin-right: 2rem; }
  .testim-icon i:hover {
    color: var(--color-primary); }

.next9ja-small {
  height: 80px; }
  @media only screen and (max-width: 600px) {
    .next9ja-small {
      height: 50px; } }
  .next9ja-small:hover {
    box-shadow: 0 1rem 2rem rgba(214, 211, 211, 0.5); }
    .logbuttons {
      width: 400px;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 3rem; }
      .logbuttons-each {
        display: block;
        padding: 2rem 3rem;
        text-align: center;
        border: 1px solid #e7e6e6;
        box-shadow: 0 1rem 2rem #eceaea;
        font-size: 1.6rem;
        color: #000;
        border-radius: 4px;
        margin-bottom: 2rem; }
        .logbuttons-each:hover {
          background: #f5f2f2; }
    
    .user-forgot, .user-forgot2 {
      background: url("img/emptyframe.jpg");
      min-height: 100vh;
      background-size: cover;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      border-radius: 3px; }
      .user-forgot__cont, .user-forgot2__cont {
        position: relative;
        z-index: 10;
        background: #fff;
        width: 700px;
        max-width: 95%;
        margin: 0 auto;
        padding: 4rem 1rem; }
    .user-forgot2 {
      background: url("../frame_corners_new.jpg"); }
    .user-right {
    background: #fff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .user-right__title {
      text-align: center;
      font-size: 3rem;
      font-weight: 600;
      font-family: "Montserrat", sans-serif; }
      @media only screen and (max-width: 600px) {
        .user-right__title {
          font-size: 2.6rem; } }
    .user-right__desc {
      font-size: 2rem;
      text-align: center;
      font-family: "Josefin Sans", sans-serif;
      max-width: 700px;
      margin: 0 auto; }
      @media only screen and (max-width: 1100px) {
        .user-right__desc {
          font-size: 1.8rem; } }
      @media only screen and (max-width: 600px) {
        .user-right__desc {
          font-size: 1.6rem; } }


.forsaved {
  box-shadow: 0 1.5px 1.5px 1.5px rgba(255,255,255,0.3);
}
.forsaved-img {
  height: 15rem;
  width: 15rem;
  object-fit: cover;
}
.forsaved-row {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem;
  margin-bottom: 2rem;
}
.forsaved {
  border-radius: 10px;
  box-shadow: 0 1.5px 1.5px 1.5px rgba(0,0,0,0.2);
  display: flex;
  overflow: hidden;
}
.forsaved:after {
  content: "";
  display: table;
  clear: both;
}
.join-right {
  vertical-align: middle;
  padding: 1rem;
}
.join-right__title {
  font-weight: 600;
  margin-bottom: .8rem;
}
.join-right__price {
  color: #000;
  margin-bottom: .8rem;
}
.pointer {
  cursor: pointer;
}
.join-right__link {
  background: var(--color-primary);
  display: inline-block;
  margin-top: 1rem;
  color: #fff;
  border-radius: 10px;
  padding: .7rem 1.5rem;
}
.forsaved:not(:first-child) {
  margin-top: 1.5rem;
}
.coolstuff {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 3rem;
  overflow: auto;
  justify-content: center;
  align-items: center;
}
.coolstuff a {
  padding: 2rem 1rem;
  display: block;
  text-align: center;
  /* border-radius: 10px; */
  /* border: 1px solid rgba(0,0,0,0.3); */
  /* box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); */
  background: #e4e2e2;
  color: #000;
  text-transform: uppercase;
}
.coolstuff a:hover {
  background: rgb(218, 216, 216);
}
.coolstuff a:not(:last-child) {
  border-right: 1px solid rgba(0,0,0,0.2);
}
.coolstuff a i {
  display: inline-block;
  margin-right: 1rem;
}
.coolstuff a.coolstuff-active {
  background: var(--color-primary);
  color: #fff;
}
.coolstuff a.coolstuff-active:hover {
  background: orangered;
  color: #fff;
}
.coolstuff a:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

.coolstuff a:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.boxop {
  background: rgba(255, 255, 255, 0.445);
  padding: 1rem;
  margin-top: 1rem;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.show1200, .show1200inline, .show1200block {
  display: none !important;
}

@media only screen and (max-width:1200px) {
  .hide1200 {
    display: none !important;
  }
  .show1200inline {
    display: inline-block !important;
  }
  .show1200block {
    display: block !important;
  }
}
@media only screen and (max-width: 500px) {
  .hide500 {
    display: none !important;
  }
}

.slidewidth, .slidewidth2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}

@media only screen and (max-width: 600px) {
  .slidewidth2 {
  grid-template-columns: 65% 35%;
  }
  .slidewidth {
  grid-template-columns: 35% 65%;
  }
}

.slide-img, .slide-img2, .slide-img3 {
  height: 70rem;
  display: inline-block;
  margin-top: -4rem;
  box-shadow: -90rem 1rem 30rem rgba(255,255,255,0.4);
  animation: moveInLeft 5s ease-out; 
}
.slide-img2 {
  box-shadow: 90rem 1rem 30rem rgba(255,255,255,0.4);
  animation: moveInRight 5s ease-out; 
}
.slide-img3 {
  height: 80rem;
}
@media only screen and (max-width: 1200px) {
  .slide-img, .slide-img2, .slide-img3 {
    max-width: 100%;
    object-fit: cover;
    height: 50rem;
  }

}
@media only screen and (max-width: 700px) {
  .slide-img, .slide-img2, .slide-img3 {
    height: 40rem;
  }

}


@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(-120px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translate(0); } }


.slideheadline {
  font-family: 'Charm', 'Lato', sans-serif;
  color: #fff;
  font-size: 5rem;
  font-weight: 600;
  max-width: 100%;
}
.slideheadline span {
  display: inline-block;
  padding-bottom: .1rem;
  line-height: 1;
  border-bottom: 0.3rem solid #fff;
}
.slidetext {
  color: #fff;
  font-family: 'Charm', 'Lato', sans-serif;
  font-size: 3rem;
  margin-top: 1.5rem;
  font-weight: 300;
}
.slideheadtext {
  box-shadow: 80rem 1rem 30rem rgba(255,255,255,0.6);
  animation: moveInLeft 5s ease-out; 
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .slidetext {
    font-size: 2.5rem;
  }
  .slideheadline {
    font-size: 4rem;
  }
}
@media only screen and (max-width:800px) {
  .slideheadline {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width:700px) {
  .slideheadline {
    font-size: 3rem;
  }
  .slidetext {
    font-size: 2.3rem;
  }
}

@media only screen and (max-width:600px) {
  .slideheadline {
    font-size: 2.5rem;
  }
  .slidetext {
    font-size: 2.1rem;
  }
  .slideheadtext {
    padding: 1rem;
  }
}
@media only screen and (max-width:500px) {
  .slideheadline {
    font-size: 2.5rem;
  }
  .slidetext {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width:460px) {
  .slideheadline {
    font-size: 2.3rem;
  }
  .slidetext {
    font-size: 2rem;
  }
}
@media only screen and (max-width:365px) {
  .slideheadline {
    font-size: 2rem;
  }
  .slidetext {
    font-size: 1.8rem;
  }
}

.slideheadtext2 {
  box-shadow: -80rem 1rem 30rem rgba(255,255,255,0.6);
  animation: moveInLeft 5s ease-out; 
}
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(12rem); }
  80% {
    transform: translateX(-1rem); }
  100% {
    transform: translate(0); } }

.slidelink, .slidelink2 {
  background: linear-gradient(#fcbd85, var(--color-primary));
  padding: 1.5rem 4rem;
  border-radius: 35px;
  letter-spacing: 1px;
  margin-top: 3rem;
  font-size: 2.5rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.288);
  font-weight: 800;
  color: #fff !important;
  display: inline-block;
}
.slidelink2 {
  background: linear-gradient(#7bdf08, #559b06);
}
@media only screen and (max-width: 800px) {
  .slidelink, .slidelink2 {
    padding: 1rem 3rem;
    font-size: 2rem;
  }
}

@media only screen and (max-width: 450px) {
  .slidelink, .slidelink2 {
    padding: 1rem 2rem;
    font-size: 1.8rem;
  }
}


.slogan {
  margin-top: 30px;
  font-family: 'Lato', 'Arial', sans-serif;
  color: #fff;
  letter-spacing: 3px;
  font-weight: 300;
  font-size: 150%;
  text-align: center;
}
.slogan1 {
  margin-top: 70px;
  font-family: 'Lato', sans-serif;
  color: #fff;
  max-width:100%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 260%;
  text-align: center;
}

.cough {
  font-family: 'Lato', sans-serif;
  font-size: 200%;
  width: 100%;
  word-wrap: break-word;
  margin-top: 100px;
  font-weight: 700;
  text-align: center;
}
.headbtn:link,
.headbtn:visited {
  background-color: #6b016b56; /*#6b016b71*/
  color: #fff;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #fff;
  text-align: center;
  padding: 15px 40px;
  -webkit-transition: background-color 0.2s, border 0.2s;
  transition: background-color 0.2s, border 0.2s;
}
.headbtn:hover,
.headbtn:active {
  background-color: #6b016b71; /*#6b016be0;*/
  border: 3px solid #fff;
}

.footbtn:link,
.footbtn:visited {
  display: inline-block;
  border-radius: 5px;
  background-color: #6b016b;
  font-size: 110%;
  padding:11px;
  margin: 20px auto;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-family: 'Lato', sans-serif;
  border: 1px dotted #fff;
}


/* ************************** */
/* End Emerge Looks Side */
/* ************************** */


.uhi-home {
  /* height: 600px; */
  position: relative;
  width: 100%;
}
.uhi-home__body {
  height: 87vh;
  position: relative;
  width: 100%;
}
.myClides, .uhi-slide {
    height: 87vh !important;
}
@media only screen and (max-width: 1100px) {
  .uhi-home__body {
    height: 60vh;
  }
  .myClides, .uhi-slide {
    height: 60vh !important;
    }

}
.uhi-left {
  background: #202020;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.uhi-midtext {
  text-align: center;
  font-size: 5rem;
  font-family: 'Gilda Display', serif;
  text-transform: uppercase;
  /* font-family: 'Lato', sans-serif; */
  font-weight: 600;
  letter-spacing: 4px;
  color: #fff;
  /* font-size: 4rem; */
  transition: all .2s;
  text-shadow: 0.5rem 1rem 1rem rgba(0, 0, 0, 0.8);
}
.uhi-midcont {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.uhi-midcont__mob {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .uhi-midcont__mob .uhi-midtext {
    font-size: 4rem;
    padding: 1rem;
  }
}
@media only screen and (max-width: 600px) {
  .uhi-midcont {
    display: none;
  }
  .uhi-midcont__mob {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    display: block;
  }
}
@media only screen and (max-width: 400px) {
  .uhi-midcont__mob .uhi-midtext {
    font-size: 3rem;
    padding: 1rem;
  }
}
.uhi-midtext2 {
  font-size: 4rem;
  margin-top: 15rem;
  font-family: 'Gilda Display', serif;
  top: 50%;
  left: 2%;
  color: #f9f9f9;
  text-transform: uppercase;
}
.uhi-right {
  position: relative;
}
.uhi-slide {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.uhi-slide2 {
  /* background: blue; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uhi-theopac, .uhi-theopac2, .uhi-theopac__green, .uhi-theopac__red, .uhi-theopac__purple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(241, 161, 12, 0.7);
}
.uhi-theopac2 {
  background: rgba(0,0,0,0.2);
}
.uhi-theopac__red {
  background: rgba(255, 0, 0, 0.5);
}
.uhi-theopac__green {
  background: rgba(104, 241, 12, 0.5);
}
.uhi-theopac__purple {
  background: rgba(194, 107, 178, 0.5);
}
.uhi-thepush {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* object-position: 0 -700px; */
}
.uhi-home__opac {
  background: rgba(0,0,0,0.1);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.uhi-text__see {
  display: inline;
  background: rgba(0,0,0,0.3);
}
.uhi-topnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  /* background: rgba(0,0,0,0.6); */
  padding: 1rem;
}
.uhi-headtopnav {
  background: url(/thetopnav.png);
  background-size: contain;
  padding: 1rem;
}
.uhi-headtopnav ul.uhi-nav li {
  /* color: #000; */
}
.uhi-headtopnav img.uhi-logo {
  display: inline-block;
  margin-left: -4rem;
  height: 9rem;
  vertical-align: middle;
}
.uhi-headtopnav .uhi-nav {
  margin-top: 3rem;
}
.mobilenav {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .mobilenav {
    display: inline-block;
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
    margin-top: 3rem;
    text-shadow: 0.3rem 0rem 0.3rem rgba(0, 0, 0, 0.6);
  }
  .uhi-topnav, .uhi-headtopnav {
    text-align: center;
  }
  .uhi-nav {
    display: none;
  }
  .mobnav .mobilenav:not(:last-child) {
    margin-right: 1.5rem;
  }
  .sticky .mobilenav {
    margin-top: 1.4rem;
  }
}

@media only screen and (max-width: 600px) {
  .mobilenav {
    margin-top: 2rem;
  }
}


@media only screen and (max-width: 400px) {
  .mobnav i:not(:last-child) {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 380px) {
  .mobnav i:not(:last-child) {
    font-size: 2.5rem;
  }
}
.weseecart {
  position: absolute;
  top: 2%;
  left: 135%;
  transform: translate(-50%, -50%);
  background: red;
  border-radius: 50%;
  padding: .4rem .7rem;
  font-size: 1.4rem;
  text-shadow: none;
}
@media only screen and (max-width: 400px) {
  .weseecart {
    left: 105%;
  }
}
.uhi-headtopnav .uhi-logo__title {
  display: none;
}
.uhi-bringlogo {
  position: absolute;
  top: 15%;
  left: 47%;
  transform: translate(-50%, -50%);
  z-index: 31;
  text-align: center;
}
.uhi-logo {
  height: 10rem;
  display: inline-block;
  margin-left: 1rem;
}
@media only screen and (max-width: 600px) {
  .uhi-headtopnav img.uhi-logo, .uhi-logo {
    height: 6rem;
    margin-left: 4rem;
    margin-top: 1.4rem;
  }
}
@media only screen and (max-width: 450px) {
  .uhi-headtopnav img.uhi-logo, .uhi-logo {
    height: 5rem;
    margin-left: 3rem;
    margin-top: 1.8rem;
  }
}
@media only screen and (max-width: 351px) {
  .uhi-headtopnav img.uhi-logo, .uhi-logo {
    margin-left: 3rem;
  }
}

.uhi-thelogo {
  margin-top: -1rem;
  padding: 2rem 1rem;
  padding-top: .5rem;
  /* background: rgba(0,0,0,0.2); */
  /* border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px; */
  text-align: center;
}

.uhi-logo__title {
  font-size: 1.9rem;
  font-family: 'Gilda Display', serif;
  color: #fff;
  font-weight: 600;
  margin-top: 1rem;
  text-align: center;
  transition: all .2s;
  text-shadow: 0.5rem 1rem 1rem #000;
}

.uhi-nav {
  list-style: none;
  margin-top: 2rem;
}
.uhi-nav li {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.6rem;
}
.uhi-nav li a {
  color: #fff;
  cursor: pointer;
  padding-bottom: .5rem;
}
.uhi-nav li a:hover {
  font-weight: 600;
  border-bottom: 2px solid #fff;
}
.uhi-nav li i {
  display: inline-block;
  margin-right: .3rem;
}
.uhi-nav li:not(:last-child) {
  margin-right: 2.3rem;
}
.uhi-link {
  background: #8b0178;
  display: inline-block;
  margin-top: 3rem;
  font-size: 2rem;
  text-transform: uppercase;
  padding: 1rem 2.5rem;
  color: #fff;
  border-radius: 35px;
  border: 3px solid #8b0178;
}
.uhi-link:hover {
  background: rgb(196, 5, 196);
  border: 3px solid rgb(196, 5, 196);
}
.uhi-link:not(:last-child) {
  margin-right: 1rem;
}

.uhi-link2 {
  background: #fff;
  color: #333;
  border: 3px solid #333;
}
.uhi-link2:hover {
  background: #333;
  color: #fff;
  border: 3px solid #333;
}

@media only screen and (max-width: 400px) {
  .uhi-link2 {
    margin-top: 1rem;
  }
  .uhi-link:not(:last-child) {
    margin-right: 0;
  }
}

.uhi-thesec {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.uhi-thesec__title {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 4rem;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0.3rem 0rem 0.2rem #728d7b;
}
.uhi-thesec__desc {
  margin-top: 2rem;
  font-size: 2rem;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
.uhi-thesec__icon {
  display: inline-block;
  color: transparent;
  background: linear-gradient(#e211c6, purple);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 8rem;
}

.uhi-thesec__sec {
  background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(/slidepic4.jpg);background-size:cover;
  padding-top: 4rem;
}
@media only screen and (max-width: 1000px) {
  .uhi-thesec__sec {
    background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url(/slidepic4.jpg);
    background-size:cover;
  }
}

.uhi-thesec__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2rem;
  row-gap: 2rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 600px) {
  .uhi-thesec__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.uhi-thesec__body {
  text-align: center;
}
.uhi-thesec__thetit {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 1.5rem;
  color: #000;
}
.uhi-thesec__finalbody {
  width: 600px;
  height: auto !important;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 4rem;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.uhi-secstuff {
    height: auto !important;
}
.uhi-secstuff .item {
    height: auto !important;
}

.uhi-thesec__finalimg {
  height: 8rem;
  width: 7.5rem !important;
  display: inline-block !important;
  object-fit: cover;
  object-position: 0 2%;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  vertical-align: middle;
  display: inline-block;
  margin-right: 1rem;
}
.uhi-thesec__finaltext {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
}

.theopen-search {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  z-index: 999999;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.theopen-search__body {
  width: 52rem;
  max-height: 95vh;
  max-width: 94%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;
}
@media only screen and (max-height: 500px) {
  .theopen-search__thenext {
    max-height: 30rem;
    overflow: auto;
  }
}
@media only screen and (max-height: 300px) {
  .theopen-search__thenext {
    max-height: 20rem;
    overflow: auto;
  }
}
.theopen-cart__body {
  width: 50rem;
  position: absolute;
  top: 5%;
  right: 3%;
  color: #fff;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;
}
.theopen-search__title {
  padding: 2rem;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.theopen-search__thebody {
  padding: 2rem;
  text-align: center;
}
.theopen-search__input {
  display: inline-block;
  width: 100%;
  padding: 2rem;
  color: #000;
}
.theopen-search__button {
  background: var(--color-primary);
  padding: 1rem 2rem;
  margin-top: 1rem;
  border: 0;
  display: inline-block;
  border-radius: 5px;
  text-transform: uppercase;
}
.theopen-search__button:hover {
  background: purple;
}
.theopen-close {
  background: red;
  position: absolute;
  top: -20%;
  right: -4%;
  border-radius: 50%;
  padding: .7rem 1rem;
  display: inline-block;
  color: #fff;
  cursor: pointer;
}
.theopen-close:hover {
  background: rgb(216, 8, 8);
}
@media only screen and (max-width: 600px) {
  .mobilenone {
    display: none;
  }
}
.theopen-search__last {
  padding: 1.5rem;
  margin-top: 1rem;
  background: rgba(0,0,0,0.6);
  color: #fff !important;
  display: block;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.theopen-search__last a {
  color: #fff;
}
.theopen-search__last:hover {
  background: #000;
}
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */




.row {
  max-width:1200px;
  margin:0 auto;
}
.modernrow {
  max-width: 96%;
  margin: 0 auto;
}
@media only screen and (max-width: 700px) {
  .modernrow {
    max-width: 100%;
  }
}
.iseeswag {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    padding: 1rem 2rem;
    box-shadow: 0 1rem 2rem;
}
.iseeswag-line {
    padding: 1rem 0;
    font-size: 1.9rem;
    line-height: 1.6;
    color: #000;
    font-weight: 400;
}
.iseeswag-link {
    display: inline-block;
    background: #62d862;
    color: #fff;
    padding: 1.5rem 2rem;
    border-radius: 5px;
}
.iseeswag-link:hover {
    background: #3b843b;
}
.goldbg {
  padding: 1rem;
}
.breal {
  padding-top: 45px;
}
.brealf {
  margin-left: 60px;
}
.fnesh {
  padding: 120px 40px;
  text-align: center;
  transition: all .4s;
}

.fnesh:hover {
  box-shadow: 1px 3px 8px 8px rgba(211, 211, 211, 0.74);
}

.fneshside {
  display: inline-block;
}
.fneshside li {
  list-style: none;
  display: inline-block;
  margin-right: 23px;
  color: #fff;
  font-size: 24px;
}
.fneshside a:link {
  text-decoration: none;
  color: #fff;
  font-family: 'Lato', sans-serif;
}
.badside {
  display: none;
}
.lefthead {
  color: #000;
  padding: 1rem 1.5rem;
  width: 20rem;
  display:inline-block;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 25px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff !important;
  vertical-align: top;
}
.leftheadbtn {
  color: #fff;
  margin-left: -.5rem;
  display: inline-block;
  vertical-align: bottom;
  padding: 1.42rem 1.8rem;
  font-family:'Lato', sans-serif;
  font-weight:300;
  font-size:1.6rem;
  background: var(--color-primary);
  border: 0;
}

@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 140% auto; }
  100% { background-size: 100% auto; }
    }

.tobi2-head {
  display: grid;
  grid-template-columns: 65% 30%;
  min-height: 44rem;
  column-gap: 5%;
  width: 95%;
  margin: 0 auto;
  margin-top: -11.5rem;
}
.tobi2-head__bg {
  height: 100%;
  object-fit: cover;
  width: 100%;
  object-position: 0 25%;
  /* clip-path: polygon(0 0, 100% 0, 100% 85vh, 0 100%); */
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .tobi2-head {
    display: block;
    min-height: auto;
  }
  .tobi2-head__bg {
    height: 40rem;
  }
}
.tobi2-head__opac {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  border-radius: 10px;
}
.tobi2-headsee {
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tobi2-head__title {
  font-size: 4rem;
  color: #fff;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .tobi2-head__title {
    font-size: 3rem;
  }
  .tobi2-headsee {
    width: 100%;
    left: 55%;
    padding: 1rem;
  }
}
.tobi2-head__title span {
  /* background: brown; */
  box-shadow: 0 1rem 2rem rgba(255,255,255,0.7);
  display: inline-block;
  padding: .2rem 1rem;
  text-transform: uppercase;
}
.tobi2-head__msg {
  color: #fff;
  margin-top: 2rem;
  line-height: 1.5;
  font-size: 2.1rem;
}
.tobi2-head__link {
  background: linear-gradient(brown, var(--color-primary));
  color: #fff;
  display: inline-block;
  padding: 1rem 3rem;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-top: 2rem;
  border-radius: 30px;
}
.tobi2-head__2 {
  height: 100%;
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.2);
  display: grid;
  background: linear-gradient(#fff, #f9f9f9);
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  border-radius: 15px;
}
@media only screen and (max-width: 900px) {
  .tobi2-head__2 {
    height: auto;
    margin-top: 1rem;
    display: grid;
    position: relative;
    z-index: 12;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 800px) {
  .tobi2-head__2 {
    display: none;
  }
}
.leftpadme {
  padding-left: 1rem;
}
.tobi2-head__body {
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: 1.6rem;
}
.tobi2-head__body-title {
  margin-bottom: .5rem;
  font-weight: 600;
}
.tobi2-head__body:not(:last-child) {
  margin-bottom: 1rem;
  border-bottom: 0.5px solid #fdd1a2c0;
}
@media only screen and (max-width: 900px) {
  .tobi2-head__body:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.tobi2-head__body i {
  font-size: 4rem;
}

.tobi2-next {
  padding: 1rem 1rem;
  background: linear-gradient(var(--color-primary), #a46546);
  height: 25rem;
}
.tobi2-next__row {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  text-align: center;
  padding: 1rem;
  color: #fff;
  row-gap: 2rem;
}
@media only screen and (max-width: 700px) {
  .tobi2-next__row {
    grid-template-columns: repeat(5, 1fr);
    height: 10rem;
    overflow: hidden;
  }
}
@media only screen and (max-width: 390px) {
  .tobi2-next__row {
    grid-template-columns: repeat(4, 1fr);
  }
}
.tobi2-next__img {
  height: 6rem;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--color-secondary);
  padding: .9rem 1rem;
}
.tobi2-next__img:hover {
  background: var(--color-secondary);
}
.tobi2-next__title {
  margin-top: .8rem;
  color: #fff !important;
}
.bott {
  bottom:3%;
  left: 41%;
  z-index: 40;
  padding: .5rem 1rem;
  position:absolute;
  width: 100%;
}
@media only screen and (max-width: 400px) {
  .bott {
    left: 35%;
  }
}
.w3-badge {cursor:pointer}
.w3-badge {height:1.4rem;z-index:10;border-radius:50%;width:1.4rem;padding:.1rem;margin-right:.2rem;display:inline-block;background-color:rgba(0,0,0, .4);border:1px solid #fff;}
.w3-badge:hover {
  background-color: #fff;
}

#bkg{
  width: 100%;
  height: 100%;
  animation: breath 4s linear infinite;
  /* background: url("http://wallpapercave.com/wp/LXR5gFx.png") center center no-repeat; */
}

.count-box {
  padding: .5rem 1rem;
  -webkit-box-shadow: 0 .5rem 1rem rgb(0,0,0,0.1);
          box-shadow: 0 .5rem 1rem rgb(0,0,0,0.1);
  margin-bottom: 1rem;
}
.count-box-title {
  font-weight: 400;
}
.count-box-box {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.count-box__codes {
  font-weight: 400;
}
.coupa:link,
.coupa:visited,
.coupa {
  background: var(--color-secondary);
  box-shadow:0 1rem 1rem rgb(0,0,0,0.2);
  padding:1rem;
  color:000;
  text-transform:uppercase;
  border-radius:5px;
  color:#fff;
}
.subcan {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
  color: #fff;
  text-transform: uppercase;
  background: var(--color-primary);
  margin-bottom: 2rem;
}
.subcan:hover {
  background: #f384f9;
}

.beeput {
  -webkit-box-shadow: 0 .3rem .4rem rgb(0, 0, 0, 0.05);
          box-shadow: 0 .3rem .4rem rgb(0, 0, 0, 0.05);
  padding: .5rem;
  width: 80px;
}



.corner {
  max-width:1154px;
  margin:0 auto !important;
  text-align: center;
}
.coon {
  padding-top: 7rem;
  padding-right: 10rem;
}
.coon2 {
  padding-top: 7rem;
  padding-right: 10rem;
}
.greyfeel {
  background-color: #f4f4f4;
}

.main_new {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  padding-left: 200px;
  font-size: 2rem;
  /* margin-top: 7rem; */
  /* margin-bottom: 6rem; */
  max-width:100%;
  color: #000;
  font-family: 'Lato', sans-serif;
}
.friendcough {
  margin-top: 120px;
  margin-right: 70px;
}
.js--wp-1,
.js--wp-2,
.js--wp-3
{
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.cartbtnn {
  display: inline-block;
  padding: 2px;
  border: 0px;
  font-size: 2.7rem;
  background-color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.finbo {
  width:300px;
  max-width:100%;
}
.finbo2 {
  height:300px;
  max-width:100%;
}

.heado {
  width: 600px;
  padding: 10px;
  text-shadow: 0px 0.5px 0.5px grey;
  max-width: 100%;
  margin: 0 auto;
  font-size: 2.3rem;
  font-weight: 400;
  /* margin-top: 100px; */
  margin-bottom: 25px;
}
.heda {
  font-weight: 700;
  font-size: 4rem;
  letter-spacing: 0.8px;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  padding:10px;
  /* padding-top: 10rem; */
  max-width: 100% !important;
  padding-bottom: 3rem; 
}
.cond {
  display: block;
  text-align: left;
  max-width: 100%;
  text-transform: capitalize;
  padding: 10px;
  font-size: 1.6rem;
  padding-left: 1px;
  font-weight: 500;
  color: #555;
  margin-top: 13px;
  /* width: 250px;
  word-break: break-all; */
}
.cond-price {
  display: inline-block;
  margin-top: 5px;
  padding:0 10px;
  padding-left: 1px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  color: #333;
  font-weight: 500;
  font-size: 1.8rem;
}

.condbuynow {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  color: #a56647;
  padding:5px; 
  transition: all .4s;
}

.condbuynow:hover,
.condbuynow:active {
  padding: 2px;
  font-size: 1.8rem;
  border: 0px;
  font-weight: 700;
  color: #a56647;
}
.changecolor {
  color: #a56647 !important;

}
.firsts {
  font-size: 1.5em;
  font-weight: bold;
}
.firstss {
  font-size: 1em;
  letter-spacing: 0.6px;
}
.seconds img {
  height: 300px;
  max-width:100%;
  margin-right: 10px;
}

.forside {
  margin-right: 10px;
  margin-bottom: 30px;
}
.prodo {
  padding: 10px;
  height: 280px;
  cursor: pointer;
  margin-bottom: 20px;
  /* margin-left: 2px;
  margin-right: 2px; */
  max-width: 100%;
}
.prodo:hover {
 -webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
 box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; 
  padding: 2px;
  border-radius: 10px;  
}
.producthead {
  font-family: 'Lato', sans-serif;
  text-align: left;
  padding: 10px;
  text-transform: uppercase;
}
.producthead li{
  list-style-type: none;
  display: inline-block;
  font-size: 1.7rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.747);
  transition: all .4s;
}
.producthead li:hover,
.producthead li:active {
  font-weight: bold;
}
.producthead li:last-child {
  color: #fff;

}


.highlight {
  color:#a56647;
}

.imgfin {
  height: 15rem;
}
.imgfin:hover {
  opacity: 0.5px;
}
.newsection {
  margin-top: 80px;
}


.friend {
  font-family: 'Lato', sans-serif;
  /* line-height: 7rem; */
  padding:10px;
  padding-top: 6.4rem;
  text-align: center;
  color: #fff;
  font-weight: 400;
  animation: moveInRight 5s ease-out; 

}
.hero-text-box {
  position: absolute;
  width: 1140px;
  max-width: 100%;
  text-align: center !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.taglinesmall {
  font-family: 'Lato', sans-serif;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.taglineclone {
  font-family: 'Lato', sans-serif;
  background: var(--color-primary);
  -webkit-background-clip: text;
  background-clip: text;
  text-align: left;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 600;
  max-width: 100%;
  margin-top: .5rem;
  color: transparent
}
.taglineclone span {
  color: rgb(184, 65, 65);
}
.long-copy, .firstlong-copy {
  width: 680px;
  margin: 0 auto;
  font-size: 2rem;
  line-height: 1.6;
  padding: 2rem 1rem;
  max-width: 100%;
  font-family: 'PT Serif', serif;
}

.firstlong-copy {
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
  font-size: 2.5rem;
  font-family: 'Charm', serif;
}
@media only screen and (max-width: 600px) {
  .firstlong-copy {
    font-size: 2rem;
    text-align: center;
  }
}
.taglineclone:before,
.taglineclone:after {
  display: inline-block;
  content: "\205D\205D\205D\205D\205D\205D";
  color: var(--color-primary);
  vertical-align: middle;
  margin-top: -.8rem;
}
.taglineclone:before {
  margin-right: 1rem;
}
.taglineclone:after {
  margin-left: 1rem;
}

@media only screen and (max-width: 600px) {
  .taglineclone {
    font-size: 2rem;
    line-height: 1.5;
  }

}

.pic {
  position: relative;
  width: 100%;
}
.pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.pic2 {
  height: 518px;
}
.con {
  height: 800px;
  max-width: 100%;
}

.insiderow {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 3rem;
  margin-top: 3rem;
}
.storecat {
  background-color: #fff;
  max-width: 100%;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,0.2);
  overflow: hidden;
}
.storecat:hover {
  opacity: 0.7;
}
.storecat:not(:last-child) {
  margin-right:2rem;
}
@media only screen and (max-width:600px) {
  .insiderow {
    display: block;
    width: 30rem;
    margin: 0 auto;
    max-width: 100%;
  }
  .storecat:not(:last-child) {
    margin-bottom: 2.5rem;
    margin-right: 0;
  }
}
.storecat img {
  height: 35rem;
  max-width: 100%;
  text-align: center;
}
.pic-opac {
  background: #e05d2044;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.insidecat {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #333;
  opacity: 1 !important;
  font-weight: 400;
  font-size: 2.2rem;
  box-shadow: 3px 3px 3px 3px rgba(31, 30, 30, 0.308);
  text-transform: uppercase;
  padding:10px 20px;
  width: 90%;
  text-align: center;
  border-radius: 15px;
}
.insidecat:hover {
  background: var(--color-primary);
  color: #fff;
}
.products-boxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2rem;
  row-gap: 3rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 2000px) {
  .products-boxes {
    column-gap: 5rem;
  }
}
@media only screen and (max-width: 1400px) {
  .products-boxes {
    column-gap: 2rem;
  }
}
.products-box {
  display: block;
  text-align: center;
  padding: 1rem;
  background: #fff;
}
.products-boxes2 .products-box {
  /*border: 1px solid rgba(0,0,0,0.2);*/
}

@media only screen and (max-width: 1000px) {
  .products-boxes {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 750px) {
  .products-boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 500px) {
  .products-boxes {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 4rem;
  }
  .products-box {
    border-radius: 7px;
  }
}
@media only screen and (max-width: 330px) {
  .products-boxes {
    column-gap: 1rem;
  }
}
.products-box__content {
  padding: 1rem;
  /* background: #fff; */
}
.products-box:hover {
  box-shadow: 0 4px 4px 4px rgba(0,0,0,0.2);
}
.products-box__img {
  height: 24rem;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1000px) {
  .products-box__img {
    height: 20rem;
  }
}
@media only screen and (max-width: 350px) {
  .products-box__img {
    height: 15rem;
  }
}
.products-box__title {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  margin-top: .5rem;
}
.products-box__price {
  margin-top: 1rem;
  color: #8aca0c;
  font-size: 1.8rem;
  font-family: 'Monsterrat', sans-serif;
}
.products-box__btn {
  background: linear-gradient(var(--color-primary), rgb(194, 9, 194));
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  padding: .9rem 2rem;
  font-family: 'Monsterrat', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
.products-box__btn:hover {
  background: purple;
}
.products-share__row {
  margin-top: 1.5rem;
}
.products-share__row:after {
  clear: both;
  display: table;
  content: "";
}
.products-share__left {
  float: left;
}
.products-share__right {
  float: right;
  margin-top: -2.2rem;
}
.products-share__right i {
  font-size: 1.6rem;
  color: #777;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);
  background:#fff;
  padding: .4rem;
  display: inline-block;
}
.products-share__right i:not(:last-child) {
  margin-right: .3rem;
}
.products-share__right i:hover {
  color: #fff;
  background: var(--color-primary);
}
.products {
  position: relative;
}
.relative {
  position: relative;
}
.thecatrow {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.199);
  padding: 1.5rem 1rem;
  color: #fff;
  border-radius: 5px;
}
.thecatrow span {
  font-weight: bold;
}
.logisticside, .testi-bigwrap {
  display: grid;
  grid-template-columns: 50% 50%;
  min-height: 40rem;
}
.testi-bigwrap {
  height: auto;
  min-height: 40rem;
}
.testi-bigfirst {
  height: 100%;
  position: relative;
}
.testi-bigimg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.testi-bigtext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 5rem;
  z-index: 15;
  text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
  .testi-bigtext {
    font-size: 3rem;
  }
}
.testi-opac {
  background: rgba(0,0,0, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}
.logisticside-first {
  height: 100%;
  background: radial-gradient(var(--color-secondary), #a0682c);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.logisticside-second {
  background: linear-gradient(#f4f4f4, #fff);
}
.logisticside-first__title, .logisticside-first__subtitle {
  color: #fff;
  width: 60rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem;
  font-size: 4rem;
  text-align: center;
}
.logisticside-first__subtitle {
  font-size: 2rem;
  margin-top: .2rem;
}
@media only screen and (max-width: 600px) {
  .logisticside-first__title {
    font-size: 2.5rem;
    font-weight: 600;
  }
}
.logisticside-first__img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 0 10%;
}
@media only screen and (max-width: 800px) {
  .logisticside-first__img {
    object-position: 75% 10%;
  }
}
.theopcart {
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem;
  display: flex;
  color: #000;
}
.theopcart-title {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 1rem;
  color: #000;
  margin-bottom: 1rem;
}
.theopcart .maincart-img {
  height: 11rem;
  width: 10rem;
  display: inline-block;
  margin-right: 1.5rem;
}
.theopcart .oprada {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.theopcart .prodnum {
  display: inline;
}
.theopcart .
.theopcart a {
}
.logistic-first__link {
  background: linear-gradient(var(--color-primary), brown);
  display: inline-block;
  padding: 1.2rem 2.4rem;
  border-radius: 30px;
  text-transform: uppercase;
  color: #fff;
}
.hideloglink {
  display: inline-block;
}

@media only screen and (max-width: 600px) {
  .logistic-first__link {
    border-radius: 15px;
    padding: 1rem 1.4rem;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 360px) {
  .logistic-first__link {
    padding: .8rem 1rem;
    font-size: 1.5rem;
  }
  .hideloglink {
    display: none;
  }
}
.testi-body {
  margin-top: 5rem;
}
.testi-body__body {
  position: relative;
}
.testi-body__body:before {
  content: "\201C";
  color: #fff;
  font-size: 12rem;
  position: absolute;
  font-family: sans-serif;
  top: -45%;
  left: 4%;
}

.testi-body__body:after {
  content: "\201D";
  color: #fff;
  font-size: 12rem;
  position: absolute;
  font-family: sans-serif;
  right: 0;
  bottom: -70%;
  right: 10%;
}

.testi-wrap2 .testi-body__body:after, .testi-wrap2 .testi-body__body:before {
  color: #000;
}

@media only screen and (max-width: 1200px) {
  .testi-bigwrap .testi-body__body:before {
    display: none;  
  }
  .testi-bigwrap .testi-body__body:after {
    display: none;
  }
}

@media only screen and (max-width: 440px) {
  .testi-body__body:before {
    font-size: 6rem;
    top: -10%;
  }
  .testi-body__body:after {
    bottom: -25%;
    font-size: 6rem;
  }
  .testi-body__body:before {
    font-size: 6rem;
    top: -10%;
  }
  .testi-body__body:after {
    bottom: -25%;
    font-size: 6rem;
  }
}

.testi-body__msg {
  margin: 0 auto;
  font-size: 2rem;
  text-align: center;
  color: #fff;
  padding: 1rem;
}
.testi-body__title {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
}
.testi-wrap, .testi-wrap2 {
  background: radial-gradient(rgba(165, 42, 42, 0.89), rgba(224, 94, 32, 0.9));
  background-size: cover;
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1rem;
}
.testi-wrap2 {
  height: auto;
  margin-top: 10rem;
  background: transparent;
  color: #000 !important;
  padding: 6rem 1rem;
}
.testi-wrap .taglineclone {
  color: #fff;
}
.testi-side {
  font-size: 3rem;
  color: #fff;
  display: inline-block;
  background: rgba(255,255,255,0.2);
  padding: 1rem 1.5rem;
  border-radius: 10px;
  color: #000;
}
.testi-side:hover {
  background: rgb(240, 239, 239);
}
.testi-name {
  color: #fff;
  text-align: center;
  margin-top: 2rem;
}
.footer {
  background: #333;
  padding: 4rem 1rem;
}
.footer-first {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  color: #fff;
  column-gap: 5rem;
  row-gap: 3rem;
}
.footer-first__box {
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .footer-first__box {
    /* display: ; */
    display: block;
  }
  .footer-first__box i {
    display: block;
    margin-bottom: 1rem;
  }
  .footer-first {
    column-gap: 3rem;
  }
}
@media only screen and (max-width: 400px) {
  .footer-first {
    column-gap: 2rem;
  }
}

.footer-first__title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
}
.footer-first__msg {
  font-size: 1.6rem;
  margin-top: .5rem;
}
.footer-first__box i {
  font-size: 3rem;
  display: inline-block;
  margin-right: 2rem;
}
.footer2 {
  padding: 8rem 2rem;
  /*background: #728d7b;*/
  background: #f3f9f5;
  /* padding-top: 2rem; */
}
.footer2-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 3rem;
  row-gap: 3rem;
}
@media only screen and (max-width: 700px) {
  .footer2-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer2-title {
  font-weight: 600;
  color: #000;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
}
.footer2-ul {
  list-style: none;
  margin-top: 1.5rem;
  color: #000;
}
.footer2-ul li {
  font-size: 1.65rem;
}
.footer2-ul li a {
  color: #000;
  font-weight: 300;
}
.footer2-ul li a:hover {
  font-weight: 600;
}
.footer2-ul li:not(:last-child) {
  margin-bottom: .8rem;
}
.footer3 {
  background: #617768;
  color: rgb(250, 250, 250, 0.76) !important;
  padding: 2rem 1rem;
}
.footer3-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
  column-gap: 3rem;
  row-gap: 1rem;
  color: #fff;
}
@media only screen and (max-width: 450px) {
  .footer3-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .footer3-grid a {
    font-size: 1.6rem;
  }
}
.footer3 a {
  color: rgb(250, 250, 250, 0.76) !important;
}
.none {
  display: none;
}
.inline-block {
  display: inline-block;
}
.header2 {
  min-height: 15rem;
  background: url(/theuhibg.png);
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 600px) {
  .header2 {
    min-height: 10rem;
  }
}
.header2-title {
  font-size: 5rem;
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.header3 {
  min-height: 15rem;
  background: url(/thenewbg.png);
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin-bottom: 3rem;
}
.header3-title {
  font-size: 3.5rem;
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
  .header3-title {
    font-size: 2.5rem;
  }
  .header2-title {
    font-size: 3rem;
  }
}
.contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 2rem;
  row-gap: 2rem;
}
.contact-row__box {
  border-right: 1px solid rgba(0,0,0,0.2);
  padding: 2rem 1rem;
}
@media only screen and (max-width: 600px) {
  .contact-row {
    grid-template-columns: repeat(1, 1fr);
    padding: 1rem;
  }
  .contact-row__box {
    border-right: 0;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    padding: 2rem 1rem;
  }
  }
.contform {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0 1rem 30rem rgba(0,0,0,0.3);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 6rem;
  padding: 2rem 0;
}
@media only screen and (max-width: 600px) {
  div.babypad {
    padding: 1rem !important;
  }
}
.storecat-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 3rem;
  row-gap: 3rem;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 0;
}
@media only screen and (max-width: 700px) {
  .storecat-row {
    width: 30rem;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto;
    max-width: 100%;
  }
  
}
.thepromucts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}
@media only screen and (max-width: 700px) {
  .thepromucts {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3rem;
  }
  .thepromucts-1 {
    width: 400px;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 400px) {
  .thepromucts-1 {
    width: 100% !important;
  }
}

.opachim {
  opacity: 0.6;
  cursor: progress !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3) !important;
  pointer-events: none; }



.fart {
  background-color: rgba(255, 255, 255, 0.212);
  padding-top: 25px;
  border-radius: 3px;
  color: #fff;
  width: 250px;
  margin: 0 auto;
}
.farn {
  font-size: 3rem;
}
.farp {
  font-family: 'Lato', sans-serif;
  font-size: 2.2rem;
}
.fartt {
  font-size: 2rem;
  padding:10px;
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.336);
  text-transform: uppercase;
}
.farl {
  background: -webkit-gradient(linear, left top, left bottom, from(#a566477c), to(#b8a77979));
  padding: 5px;

}
.farg {
  height: 220px;
  max-width: 250px;
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(-120px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translate(0); } }


.friendbot {
  display: inline-block;
  margin-top: 10px;
  /* background-color: #6b016b83; */
  color: #fff !important;
  text-align: center;
  padding:20px 10px;
  font-size: 3rem;
  font-weight: bold;
  border-radius: 3px;
}
.friendbot:link,
.friendbot a {
  color: #fff !important;
}
.forfriendbot {
  display: block;
  text-align: center;
}
h1,
h2,
h3 {
  
  text-transform: uppercase;
  font-weight:300;
  color: rgb(5, 5, 5);
}

h1 {
  margin-top:0;
  margin-bottom: 20px;
  font-size:240%;
  word-spacing: 4px;
  letter-spacing: 1px;

}
/*h2 {
  font-size: 180%;
  word-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 1px;

}

h2:after {
  height: 2px;
  width: 100px;
  display: block;
  content: " ";
  background-color: #e67e22;
  margin: 0 auto;
  margin-top: 30px;
}
*/

h2 {
      color: #555;
    font-size: 300%;
    text-align: left;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.199);
}
h3 {
  font-size:110%;
  margin-bottom: 15px;
}

.btn:link,
.btn:visited {
  display: inline-block;
  font-weight: 300;
  padding: 10px 30px;
  text-decoration:none;
  border-radius: 200px;
  -webkit-transition: background color 0.2s, border 0.2s, color 0.2s;
  transition: background color 0.2s, border 0.2s, color 0.2s;

}
.btn-app:link,
.btn-app:visited {
  border: 0;
}
.btn-full:link,
.btn-full:visited {
  background-color: #aa5e1b;
  color: white;
  border: 1px solid #e67e22;
  margin-right: 15px;
}
.btn-ghost:link,
.btn-ghost:visited {
  color: #e67e22;
  border: 1px solid #e67e22
}
.btn:hover,
.btn:active {
  background-color: #cf6d17;
}




table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}
.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}

img.w3-image,.w3-image img{max-width:100%;height:auto}
.w3-image .w3-title{position:absolute;bottom:8px;left:16px;color:#fff;font-size:20px}
.w3-fluid{max-width:100%;height:auto}
.w3-tooltip .w3-text{display:none}
.w3-tooltip:hover .w3-text{display:inline-block}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li{float:left}.w3-navbar li a{display:block;padding:8px 16px}.w3-navbar li a:hover{color:#000;background-color:#ccc}
.w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click{position:static}
.w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-topnav{padding:8px 8px}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropnav a,.w3-dropdown-content a,.w3-accordion-content a{text-decoration:none !important}
.w3-navbar ul.w3-right{list-style-type:none}
.w3-navbar .w3-opennav.w3-right{float:right !important}
.w3-topnav a{padding:0 8px;border-bottom:3px solid transparent}
.w3-topnav a:hover{border-bottom:3px solid #fff}
.w3-topnav .w3-dropdown-hover a{border-bottom:0}
.w3-opennav,.w3-closenav{color:inherit}
.w3-opennav:hover,.w3-closenav:hover{cursor:pointer;opacity:0.8}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-hover-opacity,.w3-hover-shadow,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
.w3-hover-amber,.w3-hover-aqua,.w3-hover-blue,.w3-hover-light-blue,.w3-hover-brown,.w3-hover-cyan,.w3-hover-blue-grey,.w3-hover-green,.w3-hover-light-green,.w3-hover-indigo,.w3-hover-khaki,.w3-hover-lime,.w3-hover-orange,.w3-hover-deep-orange,.w3-hover-pink,
.w3-hover-purple,.w3-hover-deep-purple,.w3-hover-red,.w3-hover-sand,.w3-hover-teal,.w3-hover-yellow,.w3-hover-white,.w3-hover-black,.w3-hover-grey,.w3-hover-light-grey,.w3-hover-dark-grey,.w3-hover-text-amber,.w3-hover-text-aqua,.w3-hover-text-blue,.w3-hover-text-light-blue,
.w3-hover-text-brown,.w3-hover-text-cyan,.w3-hover-text-blue-grey,.w3-hover-text-green,.w3-hover-text-light-green,.w3-hover-text-indigo,.w3-hover-text-khaki,.w3-hover-text-lime,.w3-hover-text-orange,.w3-hover-text-deep-orange,.w3-hover-text-pink,.w3-hover-text-purple,
.w3-hover-text-deep-purple,.w3-hover-text-red,.w3-hover-text-sand,.w3-hover-text-teal,.w3-hover-text-yellow,.w3-hover-text-white,.w3-hover-text-black,.w3-hover-text-grey,.w3-hover-text-light-grey,.w3-hover-text-dark-grey
{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.w3-sidenav{height:100%;width:200px;background-color:#fff;position:fixed !important;z-index:1;overflow:auto}
.w3-sidenav a{padding:4px 2px 4px 16px}
.w3-sidenav a:hover{background-color:#ccc}
.w3-sidenav a,.w3-dropnav a{display:block}
.w3-sidenav .w3-dropdown-hover:hover,.w3-sidenav .w3-dropdown-hover:first-child,.w3-sidenav .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-sidenav .w3-dropdown-hover,.w3-sidenav .w3-dropdown-click {width:100%}.w3-sidenav .w3-dropdown-hover .w3-dropdown-content,.w3-sidenav .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-main{-webkit-transition:margin-left .4s;transition:margin-left .4s}
.w3-dropnav {background-color:#fff}
.w3-dropnav a:hover{text-decoration:underline !important}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.w3-pagination{display:inline-block;padding:0;margin:0}
.w3-pagination li{display:inline}
.w3-pagination li a{text-decoration:none;color:#000;float:left;padding:10px 15px;border-radius: 5px}
.w3-pagination li a:hover,.w3-pagination li a:focus{background-color:#ccc}
.w3-input-group,.w3-group{margin-top:24px;margin-bottom:24px}
.w3-input{padding:8px; font-size: 1.8rem;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.w3-label{color:#009688}
.w3-input:not(:valid)~.w3-validate{color:#f44336}
.w3-select{padding:4px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.w3-select select:focus{color:#000;border:1px solid #009688}.w3-select option[disabled]{color:#009688}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-dropdown-content a{padding:6px 16px;display:block}
.w3-dropdown-content a:hover{background-color:#ccc}
.w3-accordion {width:100%;cursor:pointer}
.w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.w3-accordion-content a{padding:6px 16px;display:block}
.w3-accordion-content a:hover{background-color:#ccc}
.w3-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.w3-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
input[type=checkbox].w3-check,input[type=radio].w3-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].w3-check:checked+.w3-validate,input[type=radio].w3-radio:checked+.w3-validate{color:#009688} 
input[type=checkbox].w3-check:disabled+.w3-validate,input[type=radio].w3-radio:disabled+.w3-validate{color:#aaa}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-quarter,.quart{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:23.8%}
.w3-col.s4{width:32.26%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.13%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-quarter,.quart{width:99.99999%}
@media only screen and (min-width:601px){
.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.66666%}
.w3-col.m3,.w3-quarter{width:23.8%}
.quart{width:22.99999%}
.w3-col.m4,.w3-third{width:32.26%}
.w3-col.m5{width:41.66666%}
.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8,.w3-twothird{width:66.13%}
.w3-col.m9{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}
.w3-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.66666%}
.w3-col.l3,.w3-quarter{width:23.8%}
.quart{width:22.99999%}
.w3-col.l4,.w3-third{width:32.26%}
.w3-col.l5{width:41.66666%}
.w3-col.l6,.w3-half{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8,.w3-twothird{width:66.13%}
.w3-col.l9{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.66666%}
.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}
.w3-rest{overflow:hidden}
.w3-hide{display:none !important}.w3-show-block,.w3-show{display:block !important}.w3-show-inline-block{display:inline-block !important}
@media (max-width:601px){.w3-modal-content{margin:50px 10px 10px 10px;width:auto !important}}
@media (max-width:768px){.w3-modal-content{width:500px}}
@media (min-width:992px){.w3-modal-content{width:900px}}
@media screen and (max-width:601px){.w3-topnav a{display:block}.w3-navbar li{float:none}.w3-navbar div.w3-right,.w3-navbar li.w3-right{float:none !important;margin:0;padding:0}}	
@media screen and (max-width:601px){.w3-topnav .w3-dropdown-hover .w3-dropdown-content,.w3-navbar .w3-dropdown-click .w3-dropdown-content,.w3-navbar .w3-dropdown-hover .w3-dropdown-content{position:relative}}	
@media screen and (max-width:601px){.w3-topnav,.w3-navbar{text-align:center}}
@media (max-width:601px){.w3-hide-small{display:none !important}}
@media (max-width:991px) and (min-width:601px){.w3-hide-medium{display:none !important}}
@media (min-width:992px){.w3-hide-large{display:none !important}}
@media screen and (max-width:991px){.w3-sidenav.w3-collapse{display:none}.w3-main{margin-left:0 !important}}
@media screen and (min-width:991px){.w3-sidenav.w3-collapse{display:block !important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:1}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-left{float:left !important}.w3-right{float:right !important}
.w3-tiny{font-size:10px !important}.w3-small{font-size:12px !important}
.w3-medium{font-size:15px !important}
.w3-large{font-size:18px !important}
.w3-xlarge{font-size:24px !important}
.w3-xxlarge{font-size:36px !important}
.w3-xxxlarge{font-size:48px !important}
.w3-jumbo{font-size:20px !important}
.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.w3-left-align{text-align:left !important}.w3-right-align{text-align:right !important}
.w3-justify{text-align:justify !important}
.w3-center{text-align:center !important}
.w3-display-topleft{position:absolute;left:0;top:0}
.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}
.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;left:0;top:50%;width:100%;text-align:center}
.w3-circle{border-radius:50% !important}
.w3-round-small{border-radius:2px !important}.w3-round,.w3-round-medium{border-radius:4px !important}
.w3-round-large{border-radius:8px !important}.w3-round-xlarge{border-radius:16px !important}
.w3-round-xxlarge{border-radius:32px !important}.w3-round-jumbo{border-radius:64px !important}
.w3-border-0{border:0 !important}
.w3-border{border:1px solid #ccc !important}
.w3-border-top{border-top:1px solid #ccc !important}.w3-border-bottom{border-bottom:1px solid #ccc !important}
.w3-border-left{border-left:1px solid #ccc !important}.w3-border-right{border-right:1px solid #ccc !important}
.w3-margin-0{margin:0 !important}
.w3-margin-2{margin:2px !important}
.w3-margin-4{margin:4px !important}
.w3-margin-8{margin:8px !important}
.w3-margin-12{margin:12px !important}
.w3-margin-16{margin:16px !important}
.w3-margin-24{margin:24px !important}
.w3-margin-32{margin:32px !important}
.w3-margin-64{margin:64px !important}
.w3-margin{margin:16px !important}
.w3-margin-top{margin-top:1rem !important}.w3-margin-bottom{margin-bottom:16px !important}
.w3-margin-left{margin-left:16px !important}.w3-margin-right{margin-right:16px !important}
.w3-padding-tiny{padding:2px 4px !important}
.w3-padding-small{padding:4px 8px !important}
.w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px !important}
.w3-padding-large{padding:12px 24px !important}
.w3-padding-xlarge{padding:16px 32px !important}
.w3-padding-xxlarge{padding:24px 48px !important}
.w3-padding-jumbo{padding:32px 64px !important}
.w3-padding-0{padding:0 !important}
.w3-padding-4{padding-top:4px !important;padding-bottom:4px !important}
.w3-padding-8{padding-top:8px !important;padding-bottom:8px !important}
.w3-padding-16{padding-top:16px !important;padding-bottom:16px !important}
.w3-padding-24{padding-top:24px !important;padding-bottom:24px !important}
.w3-padding-32{padding-top:32px !important;padding-bottom:32px !important}
.w3-padding-48{padding-top:48px !important;padding-bottom:48px !important}
.w3-padding-64{padding-top:64px !important;padding-bottom:64px !important}
.w3-padding-top{padding-top:8px !important}.w3-padding-bottom{padding-bottom:8px !important}
.w3-padding-left{padding-left:16px !important}.w3-padding-right{padding-right:16px !important}
.w3-topbar{border-top:6px solid #ccc !important}.w3-bottombar{border-bottom:6px solid #ccc !important}
.w3-leftbar{border-left:6px solid #ccc !important}.w3-rightbar{border-right:6px solid #ccc !important}
.w3-border-red{border-color:#ff6060 !important}.w3-border-yellow{border-color:#daa520 !important}
.w3-border-green{border-color:#66aa66 !important}.w3-border-blue{border-color:#1E90FF !important}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-quarter,.quart,.w3-row-padding>.w3-col{padding:0 8px}
.w3-spin{animation:w3-spin 2s infinite linear;-webkit-animation:w3-spin 2s infinite linear}
@-webkit-keyframes w3-spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes w3-spin{
0%{-webkit-transform:rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.w3-container{padding:0.01em 16px}
.w3-example{background-color:#f1f1f1;padding:0.01em 16px}
.w3-section,.w3-paragraph{margin-top:16px;margin-bottom:16px}
.w3-code{font-family:Consolas,"courier new";font-size:16px;line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #009688;word-wrap:break-word}
.w3-example,.w3-code,.w3-reference{margin:20px 0}
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important}
.w3-card-4,.w3-hover-shadow:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-8{-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-12{-webkit-box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important}
.w3-card-16{-webkit-box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important}
.w3-card-24{-webkit-box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important;box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important}
.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 2s ease-in-out;animation:opac 2s ease-in-out}
@-webkit-keyframes opac{from{opacity:0.7} to{opacity:1}}
@keyframes opac{from{opacity:0.7} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{-webkit-transform:scale(0);transform:scale(0)} to{-webkit-transform:scale(1);transform:scale(1)}}
.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100% !important}
.w3-amber,.w3-hover-amber:hover{color:#000 !important;background-color:#ffc107 !important}
.w3-aqua,.w3-hover-aqua:hover{color:#000 !important;background-color:#00ffff !important}
.w3-blue,.w3-hover-blue:hover{color:#fff !important;background-color:#2196F3 !important}
.w3-light-blued,.w3-hover-light-blued:hover{color:#000 !important;padding:11px;background-color:#87CEEB !important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000 !important;background-color:#87CEEB !important}
.w3-brown,.w3-hover-brown:hover{color:#fff !important;background-color:#795548 !important}
.w3-cyan,.w3-hover-cyan:hover{color:#000 !important;background-color:#00bcd4 !important}
.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff !important;background-color:#607d8b !important}
.w3-green,.w3-hover-green:hover{color:#fff !important;background-color:#4CAF50 !important}
.w3-light-green,.w3-hover-light-green:hover{color:#000 !important;background-color:#8bc34a !important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff !important;background-color:#3f51b5 !important}
.w3-khaki,.w3-hover-khaki:hover{color:#000 !important;background-color:#f0e68c !important}
.w3-lime,.w3-hover-lime:hover{color:#000 !important;background-color:#cddc39 !important}
.w3-orange,.w3-hover-orange:hover{color:#000 !important;background-color:#ff9800 !important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff !important;background-color:#ff5722 !important}
.w3-pink,.w3-hover-pink:hover{color:#fff !important;background-color:#e91e63 !important}
.w3-purple,.w3-hover-purple:hover{color:#fff !important;background-color:#9c27b0 !important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff !important;background-color:#673ab7 !important}
.w3-red,.w3-hover-red:hover{color:#fff !important;background-color:#f44336 !important}
.w3-sand,.w3-hover-sand:hover{color:#000 !important;background-color:#fdf5e6 !important}
.w3-teal,.w3-hover-teal:hover{color:#fff !important;background-color:#009688 !important}
.w3-yellow,.w3-hover-yellow:hover{color:#000 !important;background-color:#ffeb3b !important}
.w3-white,.w3-hover-white:hover{color:#000 !important;background-color:#fff !important}
.w3-osblue,.w3-hover-osblue:hover{color:#fff !important;background-color:var(--color-primary) !important}
.w3-os2blue,.w3-hover-os2blue:hover{color:#fff !important;background-color:#ffb3b3 !important}
.w3-os3blue,.w3-hover-os3blue:hover{color:#fff !important;background-color:#990000 !important}
.w3-black,.w3-hover-black:hover{color:#fff !important;background-color:#000 !important}
.w3-grey,.w3-hover-grey:hover{color:#000 !important;background-color:#9e9e9e !important}
.poshbeing {
	background-color: #F7F7F5;text-decoration: none;border-bottom: 1px solid #D8DEE5;margin: 1px 0px;padding: 5px;color: #308bcf;
}
.poshbeing {
	background-color: #F7F7F5;text-decoration: none;margin: 1px 0px;padding: 5px;color: #fff;
}
.stuff {background-color: #ffffff;text-decoration: none;border: 1px solid #6b016b;margin: 1px 0px;padding: 5px;color: black;
}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000 !important;background-color:#f1f1f1 !important}
.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff !important;background-color:#616161 !important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000 !important;background-color:#ffe7e7 !important}.w3-pale-green,.w3-hover-pale-green:hover{color:#000 !important;background-color:#e7ffe7 !important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000 !important;background-color:#ffffd7 !important}.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000 !important;background-color:#e7ffff !important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107 !important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff !important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3 !important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB !important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548 !important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4 !important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover{color:#607d8b !important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50 !important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a !important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5 !important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50 !important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39 !important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800 !important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722 !important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63 !important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0 !important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7 !important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336 !important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6 !important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688 !important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e !important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff !important}
.w3-text-black,.w3-hover-text-black:hover{color:#000 !important}
.w3-text-grey,.w3-hover-text-grey:hover{color:#757575 !important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:#f1f1f1 !important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover{color:#3a3a3a !important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-text-shadow{text-shadow:1px 1px 0 #444}.w3-text-shadow-white{text-shadow:1px 1px 0 #ddd}

.headi {
  margin:0 auto;
  margin-left:2px;
  margin-top:32px;
  margin-bottom:32px;
}
.testi {
  color: #fff;
  max-width: 750px;
  font-family: 'Lato', sans-serif;
  font-style: italic;
  font-weight: 300;
  text-align: left;
  font-size: 110%;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 30px;
  position: relative;
}
.testi::before {
  content: "\201C";
  font-size: 500%;
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;

}

.testi .con {
  margin-top: 12px;
  max-width: 320px;
  margin: 0 auto;
  margin-left: 120px;
}
.testi img {
  text-align: center;
  width: 60px;
  float: left;
  height: 60px;
  border-radius: 50%;
}
.testi .author {
  vertical-align: middle;
  margin-top: 15px;
  margin-left: 0px;
  font-size: 110%;
  float: right;
  font-weight: bold;
  font-style: normal;
}

.testi .author .desc {
  font-size: 82%;
  font-weight: normal;
}
.cato {
  font-size:90%;
  font-weight: 700;
  color: #ae02ae;
  padding: 0 10px;
  text-align: right;
  text-transform: uppercase;
}
.cardnext {
  border: 1px solid rgb(241, 238, 238);
  padding: 0 0 0 3px;
  text-align: left;
  height: 320px;
  margin-right:9px;
  margin-bottom: 23px;
	/* margin: 1% 0 1% 1.6%; */
  background-color: #fff;
  -webkit-transition: padding-right 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
  transition: padding-right 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
  transition: padding-right 0.2s, background-color 0.2s, box-shadow 0.2s;
  transition: padding-right 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}  

.cardnext:hover,
.cardnext:active {
  -webkit-box-shadow: 0 5px 5px grey;
          box-shadow: 0 5px 5px grey;
  background-color: rgba(255, 255, 255, 0.966);
  border-left:4px solid #6b016b;
  padding-right: 4px;
}
.cardnext .title {
  margin: 10px 0 5px 5px;
  font-size: 110%;
  font-weight: 300;
  max-width: 180px;
  word-wrap: break-word;
  font-family: 'Lato', sans-serif;
}

.cardnext .price {
  margin: 0 0 5px 5px;
  color: #6b016b;
  font-family: 'Inconsolata', monospace;
  font-size: 110%;
  font-weight: 300;
}
.cardnext a:link,
.cardnext a:visited {
  color: #555;
  border: 0;
}
.cardnext img {
  width: 150px;
  float: left;
  height: 150px;
}


.cartboc {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 2px;
  border: 1px dotted #6b016b;
  background-color: white;
  color: black;
  width: 35px;
  height: 30px;
  text-align: center;
  font-size: 80%;
  margin-top: 10px;
  margin-left: -30px;

}

.cartbtn {
  display: block;
  padding: 5px;
  border: 0;
  font-size: 170%;
  font-weight: 600;
  background: #fff;
  color: #000;
  text-align: center;
  margin-top: 1px;
  margin-left: -35px;

}
.cartbtn:hover,
.cartbtn:active {
    color: #6b016b;
  }

/* padding:5px;color:black;height:40px;width:45px */
.join2 {
  float: right;
}
.cardnext .jinger {
  background-color: purple;
  padding: 5px 5px 2px 5px;
  float: right;
  margin-right: 10px;
  height: 100px;
  text-align: center;
  width: 25px;
}
.jing {
  display: block;
  margin-top: -20px;
  margin-bottom: -1px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 65%;
}

.productcarttitle {
  color: #333;
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #f9f9f9;
  letter-spacing: 1px;
}

.productincart {
  display: block;
  padding: 5px 10px;

}
.productincart .title {
  display: block;
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-color: #333;
  font-weight: 600;
}
.productincart .price {
  display: block;
  margin-top: 5px;
  font-size: 1.4rem;
  font-color: #555;
  font-weight: 400;
}

.testisection {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(images/beautyshii-min.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/beautyshii-min.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: left;
  min-height: 60vh;
  padding-top: 70px;
  padding-bottom: 14px; 
  margin-bottom: 30px;
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);

}

.flesh {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(/angeltouch/angeloverlay.png);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/angeltouch/angeloverlay.png);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: left;
  min-height: 20vh;
  padding-bottom: 14px; 
}

  .catfoto {
    opacity: 0.8;
    border-radius: 1px;
    background-size:cover;
    background-position:center;
    height:300px;
    max-width: 100%;
  
  }
  .catfoto:hover {
    opacity: 1;
    box-shadow: 0px 3px 3px grey;
  }
  


.flesher {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(images/adult-new.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/adult-new.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  text-align: left;
}


.producthead {
  font-family: 'Lato', sans-serif;
  font-size: 1.4rem;
  text-align: center;
  padding: 10px;
  color: #bebebef8;
}
.jonah {
  background-color:#fff;
  padding: 8px;
}
.jon {
  float: left;
  display: inline-block;
  color: rgb(5, 206, 5);
  margin-top:10px;
  text-align: center;
  font-weight: bold;
}
.jon i {
  border-radius: 50%;
  padding: 20px;
  margin-top: 16px;
  font-size: 150%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px grey;
          box-shadow: 0 3px 3px grey;
}
.jon2 {
  float: right;
  font-size: 100%;
  margin-top: -90px;
  margin-left: 80px;
  margin-right: 0px;
  text-align: left;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  background-color: #Fff;
}
.jonu {
  display: block;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  margin-top: 10px;
}

.fol {
  /* border: 1px solid rgb(228, 226, 226);
  width: 100%;
  height: 410px;
  max-width: 100%; */
}

.fol img {
  /* position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto; */
  width: 100%;
  height: 50rem;
  object-fit: cover;
  object-position: 0 0%;
  /* width: 200px; */
}
@media only screen and (max-width: 600px) {
    .fol img {
        height: 35rem;
    }
}
.groan {
  position: absolute;
  top: 15%;
  left: auto;
  right: auto;
  margin-left: 5%;
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #555;
  letter-spacing: 1px;
  /* font-weight: bold;
  font-size: 2rem;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; */
}

.cathead {
  background-color: #6b016b;
  color: #fff;
  position: relative;
  font-size: 130%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-align: left;
  
  padding: 10px 5px 10px 5px;
}
.cathead:after {
  content: '';
  position: absolute;
  top: 1%;
  left: 100%;
  border-bottom: 26px solid transparent;
  border-top: 26px solid transparent;
  border-right: 26px solid transparent;
  border-left: 26px solid #6b016b;

}

.cathead:hover,
.cathead:active {
  background-color: #880388;
  color: #fff;
  font-size: 130%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-align: left;
  
  padding: 10px 5px 10px 5px;
}
.catmain {
  background-color: rgba(214, 211, 211, 0.2);
  color: #555;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-size: 113%;
  padding: 10px 5px 10px 5px;
  border-bottom: 1px solid #dfdddd;
  border-right: 1px solid #dfdddd;
  border-left: 1px solid #dfdddd;
}
.catmain a:link,
.catmain a:visited {
  border: 0;
  color: #555;
}


.contat {
  background-color: #f7f7f7;
  border: 1px solid #ebeeef;
  padding: 1em;
  height:150px;
  font-family: 'Lato', sans-serif;
}
.contaticon {
  float: left;
  display: inline-block;
  color: #6b016b;
  margin-top:3px;
  text-align: center;
  font-weight: bold;
  padding: 20px;
  font-size: 150%;

}
.contattext {
  float: right;
  font-size: 80%;
  margin-top: -10px;
  margin-left: 80px;
  margin-right: 0px;
  text-align: left;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
}
.contata {
  display: block;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  width:100%;
  word-wrap: break-word;
  margin-top: 10px;
}


/* .contat {
  background-color: #f7f7f7;
  border: 1px solid #ebeeef;
  padding: 1em 5em;
}
.contaticon {
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-right: -20px;
  vertical-align: middle;
  color: #6b016b;
  font-size: 140%;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.contattext {
  display: inline-block;
  float: right;
  text-align: left;
  width:100%;
  word-wrap: break-word;
  font-size: 93%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
} */
.producthead a:link,
.producthead a:visited {
  border: 0;
  color: inherit;
}
.producthead a:hover,
.producthead a:active {
  border: 0;
  color: inherit;
}


.remove:link,
.remove:visited {
  border: 0;
  color: inherit;
}
.remove:hover,
.remove:active {
  border: 0;
  color: inherit;
}
.general {
  color: #555;
  font-size: 130%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.general:hover,
.general:active {
  background-color: #cccccc;
  color: rgb(78, 78, 78);
  -webkit-box-shadow: 0 3px 3px grey;
          box-shadow: 0 3px 3px grey;
}
.storetext {
  color: white;
  display: block;
  text-align: center;
  padding: 40% 10px 40% 10px;
  font-family: 'Lato', sans-serif;
  text-shadow: 0 3px 3px black;
  vertical-align: middle;
  font-size: 200%;
}
.storetitle {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px gray;
          box-shadow: 0 3px 3px gray;
}

.proddes {
  /* background-color: #fff; */
  position: relative;
}
.prodtext {
  max-width:77.5rem;
  margin: 0 auto;
  border-left: 1.5px solid var(--color-primary);
  border-bottom: 1px solid #eb622269;
  padding: 1rem;
  padding-top: 0;

}
.proddeshead {
  background-color: var(--color-primary);
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  margin-bottom: 3rem;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  margin-top: 3rem;
  position: relative;
}
.proddeshead:after {
  content: '';
  position: absolute;
  bottom: -45%;
  right: 0;
  border-top: 20px solid var(--color-primary);
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;

}


.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 2px 2px #efefef;
          box-shadow: 0 2px 2px #efefef;
  z-index: 9999;
}
div.sticky img.uhi-logo {
  height: 5rem;
  margin-left: 0;
  margin-top: .5rem;
  padding: 0;
}
.sticky .uhi-headtopnav {
  padding: 0;
  background: rgba(0,0,0,0.6);
}
.sticky div.uhi-thelogo {
  padding: 1rem;
}
.sticky .uhi-nav {
  margin-top: 2.2rem;
}
.sticky .weseecart {
  transform: translateY(-1rem);
}
.sticky .shopping-cart-box{ 
  position: absolute;
  right:11.2%;
  top:70%;
}
.sticky .menuenc {
  position: absolute;
  top: 87%;
  z-index: 9999;
}
.sticky .searchenc {
  position: absolute;
  top: 87%;
}
.sticky .userdetailsenc {
  position: absolute;
  top: 87%;
}


.sticky .headside { 
  margin-top: .2rem; 
}

.sticky .headsearch {
  margin-top: .4rem;
}

.sticky .headside li a i {
  font-size: 2rem;
}
.sticky .headside li a span.maincurr {
  font-size: 2.2rem;
}
.sticky .takemar {
  margin-top: 1.2rem;
}
.sticky .makebig {
  font-size: 2rem;
}
.sticky .headimg { 
  width: 6rem;
}
.sticky .headside li a.headside-currency {
  padding: .4rem .5rem;
}
.sticky .headside li a.headside-currency i {
  font-size: 1.5rem;
}


.prodshort {
  margin-bottom: 5px;
  color: #555;
  font-size: 104%;
  font-weight: 400;
}
.prodnum-group {
  margin-top: 2rem;
}
.prodnum-group::-moz-selection { background:transparent; }
.prodnum-group::selection { background:transparent; }

.oprada::-moz-selection { background:transparent; }
.oprada::selection { background:transparent; }

.prodnum {
  padding: .97rem;
  font-size: 2.3rem;
  font-weight: 400;
  color: #000;
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid rgba(0,0,0,0.2);
  background: #fff;
  cursor: pointer;
}
.prodnum::-moz-selection { background:transparent; }
.prodnum::selection { background:transparent; }

.prodnum:hover {
  background: #f1f1f1;
}

.numminus {
  margin-right: -.3rem;
}
.numplus {
  margin-left: -2.6rem;
  padding: .97rem .6rem;
}
.prodnum {
  padding: .57rem .7rem;
}
.numplus2 {
  margin-left: -3.1rem;
  padding: .57rem .6rem;
}
.prodcartboc {
  border: 0;
  border-top: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  color: #000;
  width: 6rem;
  font-weight: 400;
  padding: 1rem .9rem;
  /* height: 40px; */
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: bottom;
}

.prodcartbocand {
  background: #25D366;
  padding: 1rem 2rem;
  display: inline-block;
  color: #fff;
  margin-top: 2rem;
  border-radius: 20px;
  cursor: pointer;
}
.prodcartbocand:hover {
  background: rgb(32, 190, 90);
}
.prod-upd {
  background: rgb(11, 180, 11);
  border-radius: 5px;
  display: inline-block;
  padding: .6rem 1rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #fff;
}
.prod-upd:hover {
  background: rgb(9, 153, 9);
}
.prodcartbocop {
  padding: 1.015rem .9rem;
}
.prodcartboc::-moz-selection { background:transparent !important; }
.prodcartboc::selection { background:transparent !important; }

.prodcartboc:focus {
  outline: 0;
}
.prodspace {
  margin-top: 50px;
}
.prodbtn {
  background-color: purple;
  color: #fff;
  border: 0;
  border-radius: 2px;
  padding: 1.3rem 2.3rem;
  display: inline-block;
  margin-left: 1.5rem;
  text-transform: uppercase;
}
.prodbtn:hover {
  background-color: var(--color-primary-hover);
}
.prodbtn::-moz-selection { background:transparent; }
.prodbtn::selection { background:transparent; }
.prodbtn:focus {
  outline: 0;
}
.prodlist {
  display: inline-block;
  margin-top: 2rem;
  cursor: pointer;
  font-size: 1.7rem;
}
.prodlist:hover {
  font-weight: 600;
}
.prodshare {
  margin-top: 5rem;
}
.prodshare ul {
  list-style: none;
  display: inline-block;
}
.prodshare li {
  display: inline-block;
}
.prodshare li a {
  color: #333;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  border-radius: 50px;
  padding: .5rem .8rem;
}
.prodshare li a:hover {
  color: #fff;
  background: var(--color-primary);
}
.prodshare li:not(:last-child) {
  margin-right: .5rem;
}

.attacherror {
  background: red;
  padding: 1rem;
  color: #fff;
  margin-top: 2rem;
  margin-bottom: -1rem;
}
.positive {
  background: rgb(3, 192, 3);
}
.toppan-head {
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: fixed;top:0;z-index:15000;
  width: 100%;
}
.toppan {
  background: var(--color-primary);
  padding: 1.3rem 1.8rem;
  border-radius: 15px;
  display: block;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  cursor: pointer;
}
.toppan:hover {
  background: var(--color-primary-hover);
}
.toppan-1 {
  background: #333;
}
.toppan-1:hover {
  background: #000;
}
.topsuccess {
  position: fixed;
  top: 0.5%;
  padding: 1rem;
  background: rgb(3, 192, 3);
  color: #fff;
  text-align: center;
  z-index: 10000;
  width: 100%; 
}
.toperror {
  background: red;
}
.loadscreen {
  height: 100vh;
  width: 100%;
  display: none;
  flex-direction: column;
  background: rgba(255,255,255,0.8);
  position: fixed;
  z-index: 20000000;
  justify-content: center;
  align-items: center;
}
.loadscreen i {
  font-size: 4rem;
  color: #000;
  font-weight: 600;
}
.viewprodsmall , .toppan-head {
  height: 100vh;
  width: 100%;
  background: rgba(0,0,0,0.7);
  position: fixed;
  z-index: 20000;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.viewprodsmall-box, .toppan-box {
  width: 600px;
  max-width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}
.toppan-box {
  width: 500px;
  border-radius: 15px;
  overflow: hidden;
}
.viewprodsmall-box__title {
  background: var(--color-primary);
  padding: 1.5rem 1rem;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 2.3rem;
  position: relative;
}
.closequick {
  position: absolute;
  right: -2%;
  top: -20%;
  border-radius: 50%;
  padding: .5rem .8rem;
  color: #fff;
  background: var(--color-primary);
  cursor: pointer;
}
.closequick:hover {
  background: var(--color-primary-hover);
}
.viewprodsmall-box__body .prodtitle {
  font-size: 2rem;
}
.viewprodsmall-box__body .prodshort {
  font-size: 1.65rem;
}
.viewprodsmall-box__body a.prodcatlink {
  font-size: 1.4rem;
}
.viewprodsmall-box__body .prodprice {
  font-size: 2rem;
  margin-top: 0rem;
}
.viewprodsmall-box__body .prodnum {
  padding: .4rem .5rem;
}
.viewprodsmall-right {
  padding: 2rem;
}
.viewprodsmall-box__body .prodcartboc {
  padding: .85rem .9rem;
}
.viewprodsmall-box__body .prodnum-group {
  margin-top: 1rem;
}
.viewprodsmall-box__body .prodbtn {
  padding: .8rem 1.5rem;
}
.viewprodsmall-box__body .prodshare {
  margin-top: 3rem;
}
.viewprodsmall-box__bodymain {
  display: flex;
}
@media only screen and (max-width: 600px) {
  .viewprodsmall-box__bodymain {
    display: block;
  }
}
.viewprodsmall-img {
  height: 20rem;
  width: 20rem;
  object-fit: cover;
  max-width: 100%;
}
.sharepad {
  padding: 2rem 1rem;
  text-align: center;
}
.shared:link,
.shared:visited,
.shared {
  background: #f9f9f9;
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.3);
  border-radius: 4px;
  padding: 1rem 2rem;
  display: inline-block;
  transition: transform .3s;
}
.shared i {
  font-size: 4rem;
}
.shared:hover {
  background: #fff;
  transform: translateY(-.4rem);
}


.whatsapp {color: #25D366;}
.pinterest {color: #bd081c;}
.twitter {color: #55acee;}
.facebook {color: #3b5998;}

.order-box {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 1rem;
  padding: 2rem 1rem; }
  .order-box__link {
    display: inline-block;
    background: var(--color-primary);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 1rem 1.4rem;
    margin-top: 1rem; }
    .order-box__link:hover {
      background: var(--color-primary-hover);
    }
  .order-box__title {
    color: #333;
    font-weight: 400;
  }
    .order-box__title:hover {
      font-weight: bold; }
  .order-box__content {
    color: #7e7c7c;
  margin-top: .4rem; }
  .order-boxes {
    border: 1px solid #d6d4d4;
    padding: 1rem;
    font-size: 1.7rem;
    margin-bottom: 1rem;
    box-shadow: 0 0.3rem 0.6rem #ecebeb; }
    .order-boxes:hover {
      background: #fcfcfc; }
  .order-boxtings {
    background: #dddddd;
    padding: 1rem; }
  .order-boxeach {
    padding: 2rem 0;
    font-size: 1.8rem; 
  }
    .order-boxeach:not(:last-child) {
      margin-bottom: 3rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .order-boxing {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.5rem;
    padding: 1rem;
    box-shadow: 0 1rem 20rem rgba(0, 0, 0, 0.1); }
    .order-boxing__title {
      font-size: 2rem;
      font-weight: 700;
      margin-top: 2rem; }
    .order-boxing__subtitle {
      font-size: 1.8rem; 
    margin-top: 1rem;}

    .order-boxing__subtitle .bold {
        font-weight: bold;
      }
.orders-btn {
  padding: 1rem 1.4rem;
  display: inline-block;
  font-size: 1.7rem;
  background: #333;
  margin-top: 1rem;
  color: #fff;
  text-transform: uppercase; }

.order-box__cont-img {
  float: left;
  width: 12%; }
  @media only screen and (max-width: 600px) {
    .order-box__cont-img {
      width: 15%; } }
  .order-box__cont-img img {
    height: 60px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover; }

.order-box__cont-newimg {
  float: left;
  width: 25%; }
  .order-box__cont-newimg img {
    height: 200px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover; }

.order-box__cont-newcont {
  float: right;
  width: 75%; }

.order-box__cont-content {
  float: right;
  width: 88%;
  color: #777575; }
  @media only screen and (max-width: 600px) {
    .order-box__cont-content {
      width: 85%; } }

.order-box__cont:after, .order-box__cont:before {
  content: "";
  clear: both;
  display: table; }

.discuss-red {
  padding: .6rem 1rem;
  display: inline-block;
  border-radius: 2px;
  background: red;
  color: #fff;
  font-size: 1.4rem;
  margin-left: 1rem; }

.ordmsg-box {
  background: rgba(245, 227, 245, 0.205); }
  .ordmsg-box__title {
    font-weight: 500;
    font-size: 1.7rem;
    padding: .5rem 1rem;
    border: 1px solid #ececec;
    border-bottom: 1px solid #f6f6f6;
    color: #000; }
    @media only screen and (max-width: 600px) {
      .ordmsg-box__title {
        font-size: 1.6rem; } }
  .ordmsg-box__date {
    font-size: 1.5rem;
    padding: .5rem 1rem;
    color: #9b9999;
    border: 1px solid #ececec;
    border-top: none; }
    @media only screen and (max-width: 600px) {
      .ordmsg-box__date {
        font-size: 1.45rem; } }
  .ordmsg-box__msg {
    font-size: 1.5rem;
    padding: 1rem;
    border: 1px solid #ececec;
    border-top: none;
    background: #fefdfd; }

.ordmsg-input {
  height: 100px;
  width: 500px;
  max-width: 100%;
  border: 1px solid #dddcdc;
  padding: 1rem;
  display: block; }
  .ordmsg-input:focus {
    outline: 0;
    box-shadow: 0 0.3rem 0.7rem #7e4a8a; }
  .ordmsg-input__file {
    font-size: 1.5rem; }

.ordmsg-submit {
  display: inline-block;
  margin-top: 1.5rem;
  color: #fff;
  background: #5d427e;
  border-radius: 3px;
  border: 0;
  font-size: 1.5rem;
  padding: 1rem 2.5rem; }

  .noreplies {
  background: #ececcd;
  color: #333;
  padding: 1rem;
  font-size: 1.8rem; }
  
ul.w3-pagination li a {
  float: none;
  display: inline-block;
  box-shadow: 0 1.5px 1.5px 1.5px rgba(0,0,0,0.3) !important;
}
ul.w3-pagination li:not(:last-child) {
  margin-right: 1rem !important;
  display: inline-block !important;
}
.attachimg {
  height: 25rem;
  width: 25rem;
}
.search-cap {
  padding: 2rem 1rem;
  font-size: 2rem;
}
.search-btn {
  display: inline-block;
  background: var(--color-primary);
  border: 0;
  color: #fff;
  padding: 1rem 1.6rem;
}

.adminagain {
  display: block;
  border-radius: 15px;
  border: 1px solid #000;
  color: #333;
  padding: 1.5rem 2rem;
  margin-top: 1.2rem;
}
.adminagain:hover {
  background: rgba(0,0,0,0.05);
}
.adminagain-box {
  padding: 1rem;
  box-shadow: 0 1.5px 1.5px 1.5px rgba(0,0,0,0.2);
  margin-top: 1rem;
}
.adminagain-box__title {
  color: #333;
  margin-bottom: 1rem;
}
.subtitle {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid rgba(112, 112, 112, 0.1);
  border-top: 0;
  font-family: 'Lato', sans-serif;
}
.subcontent {
  padding: 10px;
  text-align: left;
}
.jik {
  background-color: #fff;
  padding:12px;
  text-transform:uppercase;
  font-family:'Lato',sans-serif;
  font-weight:bold;
  font-size:120%;
}

.w3-card-fon {
  min-height: 200px !important;
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important
}

.prodtitle {
  color: #000;
  font-family: 'Lato', sans-serif;
  font-size: 3rem;
  font-weight: 600;
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  display: inline-block;
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}
.prodprice {
  color: var(--color-primary);
  font-weight: normal;
  font-size: 2.5rem;
  padding-bottom: .5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}
.prodcatlink:link,
.prodcatlink:visited {
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.prodquantity {
  margin-top: 10px;
  font-size: 120%;
}
.bgclip {
  background-color: #fff;
  /* -webkit-clip-path: polygon(100% 0, 100% 89%, 50% 100%, 0 89%, 0 54%, 0% 0%);
  clip-path: polygon(100% 0, 100% 89%, 50% 100%, 0 89%, 0 54%, 0% 0%); */
}
.foot {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;

}
.fonny {
  padding: 20px;
  border: 1px dotted #fff;
  /* border-radius: 10px; */
  border-bottom: none;
  border-top: none;
}
.aol a {
  display: block;
  margin-bottom: 8px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
  transition: all .3s;
  /* border-radius: 5px;
  border: 1px dotted rgba(255, 255, 255, 0.1); */
}
.aol a:hover,
.aol a:active  {
  padding: 5px 5px;
  border: 0;
  font-weight: 600;
  letter-spacing: 0.6px;
}
  .ftside1 {
  display: inline-block;
  font-size: 2rem;
  float: left;
  text-align: left !important;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
}
.ftoside1,
.ftoside1 a:link,
.ftoside1 a {
  display: inline-block;
  font-size: 1.5rem;
  float: left;
  border: 0;
  text-align: left;
  color: #dad8d8;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  transition: all .5s;

}

.ftoside1 a:hover,
.ftoside1:hover {
  font-size: 1.6rem;
  border: 0;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

.ftoside2,
.ftoside2 a:link,
.ftoside2 a {
  display: inline-block;
  font-size: 1.5rem;
  float: right;
  text-align: left !important;
  border: 0;
  color: #dad8d8;
  margin-bottom: 5px;
  padding: 0px 10px;
  margin-left: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  transition: all .5s;
}
.ftoside2 a:hover,
.ftoside2:hover {
  font-size: 1.6rem;
  border: 0;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

.ftside1 li {
  display: inline-block;
  margin-right: 25px;
  border: 2px solid #333;
  padding:10px;
  transition: all .4s;
}


/* .ftside1 li:hover {
  border: 2px solid #333;
  padding:10px;
} */

.ftside1 li:first-child {
  list-style:none;
}
.ftside2 {
  display: inline-block;
  font-size: 1.6rem;
  float: right;
  font-weight: 500;
  font-family: 'Lato', sans-serif;
}
.ftside2 i {
  font-size:3rem;
}

.cardnexto {
  padding: 5px 1px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid rgb(241, 238, 238);

}
.cardnexto img {
  float: left;
  height:100px;
  width: 100px;
}
.cardnexto .title {
  padding: 3px 0px 0px 0px;
  float: right;
  font-size:85%;
  margin-right: 1px;
  text-align: center;
  word-wrap: break-word;
  width: 150px;
}
.cardnexto .price {
  margin: 5px 0 5px 5px;
  color: #6b016b;
  font-size: 110%;
  font-weight: 300;
}

.cardnexto .cartbtn {
  display: block;
  padding: 1px 0px;
  border: 0;
  font-size: 170%;
  font-weight: 600;
  background: #fff;
  color: #000;
  text-align: right;
  margin-top: -10px;
  margin-left: -30px;

}
.cardnexto .cartbtn:hover,
.cardnexto .cartbtn:active {
    color: #6b016b;
  }

.card a:link,
.card a:visited {
  color: #555;
  border: 0;
}

.social {
  margin-top: 25px;
}
.social li {
  list-style: none;
  margin-right: 10px;
  color: #fff;
  font-size: 3rem;
  display: inline-block;
}
.social a:link,
.social a:visited {
  color: #fff;
  font-size:3rem;
  border: 0;
}
.wil {
  font-size: 3rem;
  color: #fff;
  margin-right: 10px;
}
.social a:hover {
  color: #fff;
}
.fire {
  font-size: 107%;
  font-weight: bold;
  margin-right: 7px;
}
.padme {
  padding: 1rem;
}
.minpadme {
  padding: .5rem;
}
.volclass {
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: .5rem 1rem;
    margin-top: .2rem;
    margin-bottom: .5rem;
    background: #f7f5f5;
    cursor: pointer;
}
.padme-title {
  font-weight: 400;
  margin-bottom: .5rem;
}
.check {
  color: orange;
  font-weight: bold;
  font-size: 115%;
  margin-bottom: 5px;
}

.row:after, .modernrow:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.boot {
  display: block;
  text-align: center;
  margin-top: 13px;
  margin-left: 10px;
  color: #fff;
  letter-spacing: 2px;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  font-size: 170%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;

}
.boot a:link,
.boot a:visited {
  color: #fff;
  letter-spacing: 2px;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  font-size: 170%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.takemar {
  /* margin-top: 2rem; */
}
.makebig {
  font-size: 3rem !important;
}
.bool a:link,
.bool a:visited {
  font-size: 150%;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  padding:10px;
  color: #555;
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  padding: 0;
  max-width: 1200px;
}
.feight {
  /* width: 309px;
  height: auto; */
}
.fun {
  display:inline-block;
  margin-right:0;
  padding-right: 0;

}
.fun img {
  display:inline-block;
  margin-right:0;
  padding-right: 0;
  height:100px;
  width:100px;
}
/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}


.searchenc {
  z-index: 9999;
  position: absolute;
  top: 29%;
  right: 8.68%;

}

.searchopen {
  position: relative;
  width: 450px;
  margin-top: 10px;
  margin: 0 auto;
  display: none;
}
.searchopen:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 91%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 10px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.userdetailsenc {
  position: absolute;
  top: 12%;
  right: 15.4%;
  z-index: 9999;
}
.userdetails {
  position: relative;
  width: 450px;
  margin-top: 10px;
  margin: 0 auto;
  display: none;
}
.userdetails:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 10px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.menuenc {
  position: absolute;
  top: 12%;
  right: 9%;
  z-index: 9999;

}

.menuopen {
  width: 220px;
  /* background-color: #fff; */
  -webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  margin-top: 10px;
  text-align: left;
  margin: 0 auto;
  z-index: 9999;
  display: none;
}

.menulist a {
  color: #0e1e2e;
  z-index: 9999;

}
.menulist a:hover,
.menulist a:active {
  color: #fff;
}
.menulist li {
  list-style: none;
  padding: 10px;
  background-color: #fff;
  border: 1px solid rgba(51, 51, 51, 0.3);
  color: #555;
  border-radius: 2px;
  box-shadow: 1px 1px 3px grey;
  transition: all .4s;
  z-index: 9999;
}
.menulist li:hover,
.menulist li:active {
  background-color: rgb(70, 69, 69);
  color: #fff;
  border-radius: 3px;
  box-shadow: 2px 3px 3px grey;
}

.menuopen:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 10px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}



.searchopen {
  max-width: 600px;
  margin-top: 10px;
  margin: 0 auto;
  display: none;
}
.nav-icon {
  cursor: pointer;
  font-weight: 600;
}
.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}
.myClides {
  display: none;
}
.cursor {
  cursor: pointer
}
/* Next & previous buttons */
.prev,
.next {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 1;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 1.4rem;
  padding: 1rem;
  background: rgba(0,0,0,0.5);
  position: absolute;
  opacity: 1 !important;
  top: 0;
}
.numbertext:hover {
  opacity: 1 !important;
  background: rgba(0,0,0,0.5);
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}


/*end light box*/

.first{margin-left:0; clear:left;}


.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}

.first{margin-left:0; clear:left;}

.one_quarter{width:22.69938650306748%;}
.one_third{width:31.28834355828221%;}
.one_half, .two_quarter{width:48.46625766871166%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}




@media only screen and (max-width: 2000px) {

.chill {
  display: none;
}
.side {
  display: none;
}
.ope {
  margin-left:-240px;
}

.prodspace {
  margin-top: 30px;
}
.cardnext {
  margin-right:5px;
}  

section {
  padding: 8rem 1rem;
}
.main_new {
  padding-left: 10rem;
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}


}


@media only screen and (max-width: 1200px) {

  .ope {
    margin-left:-100px;
  }
.cover {
  padding:1rem;
}
  

}

@media only screen and (max-width: 1110px) {
  .shopping-cart-box{ 
    position: absolute;
      left:auto;
      top:73%;
      right: 0;
      margin-left:auto;
      margin-right:auto;
  }
  .shopping-cart-box:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 91%;
    margin-left: -8px;
    width: 0; height: 0;
  }

}
















/* Carousel */

  .carousel {
    position: relative;
    overflow: hidden;
    padding: 2em 0 2em 0;
    margin-bottom: 0;
  }

    .carousel .forward, .carousel .backward {
      position: absolute;
      top: 50%;
      width: 6em;
      height: 12em;
      margin-top: -6em;
      cursor: pointer;
    }

      .carousel .forward:before, .carousel .backward:before {
        content: '';
        display: block;
        width: 6em;
        height: 6em;
        border-radius: 100%;
        background-color: rgba(72, 57, 73, 0.5);
        position: absolute;
        top: 50%;
        margin-top: -3em;
        -webkit-transition: background-color 0.35s ease-in-out;
        transition: background-color 0.35s ease-in-out;
        -webkit-backface-visibility: hidden;
      }

      .carousel .forward:after, .carousel .backward:after {
        content: '';
        width: 3em;
        height: 3em;
        position: absolute;
        top: 50%;
        margin: -1.5em 0 0 0;
        background: url("images/arrow.svg") no-repeat center center;
      }

      .carousel .forward:hover:before, .carousel .backward:hover:before {
        background-color: rgba(239, 131, 118, 0.75);
      }

    .carousel .forward {
      right: 0;
    }

      .carousel .forward:before {
        right: -3em;
      }

      .carousel .forward:after {
        right: -0.25em;
      }

    .carousel .backward {
      left: 0;
    }

      .carousel .backward:before {
        left: -3em;
      }

      .carousel .backward:after {
        left: -0.25em;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
      }

    .carousel .reel {
      white-space: nowrap;
      position: relative;
      -webkit-overflow-scrolling: touch;
      padding: 0 2em 0 2em;
    }

    .carousel article {
      display: inline-block;
      width: 10em;
      background: #fff;
      text-align: left;
      padding: 0 1px 5px 1;
      margin: 0 2em 0 0;
      /* white-space: normal; */
      opacity: 1.0;
      -webkit-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
    }

      .carousel article.loading {
        opacity: 0;
      }

      .carousel article .image {
        position: relative;
        left: -1em;
        top: 0;
        width: auto;
        margin-right: -2em;
        margin-bottom: 3em;
      }

      .carousel article p {
        text-align: center;
      }

/* Wide */

  @media screen and (max-width: 1680px) {

    /* Basic */


    /* Carousel */

      .carousel {
        padding: 1.5em 0 1.5em 0;
      }

        .carousel .reel {
          padding: 0 1.5em 0 1.5em;
        }

        .carousel article {
          width: 10em;
          margin: 0 1.25em 0 0;
        }

        .card {
          border: 1px solid rgb(241, 238, 238);
          padding: l0px;
          text-align: left;
          margin: 2px 10px;
          background-color: #fff;
          -webkit-transition: padding-right 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
          transition: padding-right 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
          transition: padding-right 0.2s, background-color 0.2s, box-shadow 0.2s;
          transition: padding-right 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
        }  

        .card:hover,
        .card:active {
          -webkit-box-shadow: 0 5px 5px grey;
                  box-shadow: 0 5px 5px grey;
          background-color: rgba(255, 255, 255, 0.966);
          padding-right: 4px;
        }
        .card .title {
          margin: 10px 0 5px 5px;
          font-size: 110%;
          font-weight: 300;
          width: 200px;
          word-wrap: break-word;
          font-family: 'Lato', sans-serif;
        }

        .card .price {
          margin: 0 0 5px 5px;
          color: #6b016b;
          font-size: 110%;
          font-weight: 300;
        }
        .card a:link,
        .card a:visited {
          color: #555;
          border: 0;
        }
        .card img {
          width: 200px;
          float: left;
          height: 200px;
        }

        .join {
          float: left;
        }

        .cartboc {
          border-top: 0;
          border-right: 0;
          border-left: 0;
          border-radius: 2px;
          border: 1px dotted #6b016b;
          background-color: white;
          color: black;
          width: 35px;
          height: 30px;
          text-align: center;
          font-size: 80%;
          margin-top: 10px;
          margin-left: -30px;

        }

        .cartbtn {
          display: block;
          padding: 5px;
          border: 0;
          font-size: 170%;
          font-weight: 600;
          background: #fff;
          color: #000;
          text-align: center;
          margin-top: 1px;
          margin-left: -35px;

        }
        .cartbtn:hover,
        .cartbtn:active {
            color: #6b016b;
          }
          
        }

        /* padding:5px;color:black;height:40px;width:45px */
        .join2 {
          float: right;
        }
        .jinger {
          background-color: rgb(5, 206, 5);
          padding: 5px 5px 2px 5px;
          float: right;
          margin-right: 10px;
          height: 70px;
          text-align: center;
          width: 25px;
        }
        .jing {
          display: block;
          margin-top: -20px;
          margin-bottom: -1px;
          color: #fff;
          font-family: 'Lato', sans-serif;
          font-weight: 300;
          font-size: 65%;
        }
  
}
}
}