/* fonts */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-light-webfont.eot');
  src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-light-webfont.woff2') format('woff2'),
       url('../fonts/roboto-light-webfont.woff') format('woff'),
       url('../fonts/roboto-light-webfont.ttf') format('truetype'),
       url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight:300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-regular-webfont.eot');
  src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('../fonts/roboto-regular-webfont.woff') format('woff'),
       url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
       url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-medium-webfont.eot');
  src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
       url('../fonts/roboto-medium-webfont.woff') format('woff'),
       url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
       url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
  font-weight:500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-bold-webfont.eot');
  src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bold-webfont.woff') format('woff'),
       url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
       url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
  font-weight:700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-black-webfont.eot');
  src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-black-webfont.woff2') format('woff2'),
       url('../fonts/roboto-black-webfont.woff') format('woff'),
       url('../fonts/roboto-black-webfont.ttf') format('truetype'),
       url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
  font-weight: 900;
  font-style: normal;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-blackitalic-webfont.eot');
  src: url('../fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-blackitalic-webfont.woff') format('woff'),
       url('../fonts/roboto-blackitalic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
  font-weight:900;
  font-style:italic;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-bolditalic-webfont.eot');
  src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-bolditalic-webfont.woff') format('woff'),
       url('../fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
  font-weight: 700;
  font-style:italic;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-italic-webfont.eot');
  src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-italic-webfont.woff') format('woff'),
       url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
  font-weight:400;
  font-style: italic;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-lightitalic-webfont.eot');
  src: url('../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-lightitalic-webfont.woff') format('woff'),
       url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
  font-weight: 300;
  font-style: italic;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-mediumitalic-webfont.eot');
  src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'),
       url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
  font-weight:500;
  font-style: italic;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-thin-webfont.eot');
  src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
       url('../fonts/roboto-thin-webfont.woff') format('woff'),
       url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
       url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
  font-weight:100;
  font-style: normal;

}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-thinitalic-webfont.eot');
  src: url('../fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
       url('../fonts/roboto-thinitalic-webfont.woff') format('woff'),
       url('../fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
       url('../fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
  font-weight:100;
  font-style: italic;

}
@font-face {
  font-family:'sofia_pro';
  src: url('../fonts/sofia_pro_bold-webfont.eot');
  src: url('../fonts/sofia_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sofia_pro_bold-webfont.woff2') format('woff2'),
       url('../fonts/sofia_pro_bold-webfont.woff') format('woff'),
       url('../fonts/sofia_pro_bold-webfont.ttf') format('truetype'),
       url('../fonts/sofia_pro_bold-webfont.svg#sofia_probold') format('svg');
  font-weight:700;
  font-style: normal;
}
@font-face {
  font-family:'sofia_pro_medium';
  src: url('../fonts/sofia_pro_medium-webfont.eot');
  src: url('../fonts/sofia_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sofia_pro_medium-webfont.woff2') format('woff2'),
       url('../fonts/sofia_pro_medium-webfont.woff') format('woff'),
       url('../fonts/sofia_pro_medium-webfont.ttf') format('truetype'),
       url('../fonts/sofia_pro_medium-webfont.svg#sofia_promedium') format('svg');
  font-weight:500;
  font-style: normal;
}
@font-face {
  font-family: 'sofia_pro';
  src: url('../fonts/sofia_pro_regular-webfont.eot');
  src: url('../fonts/sofia_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sofia_pro_regular-webfont.woff2') format('woff2'),
       url('../fonts/sofia_pro_regular-webfont.woff') format('woff'),
       url('../fonts/sofia_pro_regular-webfont.ttf') format('truetype'),
       url('../fonts/sofia_pro_regular-webfont.svg#sofia_proregular') format('svg');
  font-weight:400;
  font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'gt_super_display';
    src: url('../fonts/gt_super_display_bold-webfont.woff2') format('woff2'),
         url('../fonts/gt_super_display_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'gt_super_display';
    src: url('../fonts/gt_super_display_medium-webfont.woff2') format('woff2'),
         url('../fonts/gt_super_display_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

/* root */

:root{
  --theme-color:#57D0DE;
  --white-color:#ffffff;
  --black-color:#000000;
  --border-color:#979797;
/*   --secondFont:'montserrat'; */
}

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

*:before, *:after {
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  color:var(--black-color);
  background-color: var(--white-color);
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom:0;
  font-weight:inherit;
/*   font-family:'gt_super_display'; */
  font-family: 'sofia_pro';
  font-weight: 500;
  color:var(--black-color);
}
h1{
  font-size: 2em;
}
h2{
  font-size: 1.5em;
}
h3{
  font-size: 1.17em;
}
h4{
  font-size: 1em;
}
h5{
  font-size: 0.83em;
}
h6{
  font-size: 0.67em;
}
p {
  color:var(--black-color);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 1em;
  font-weight:300;
  line-height:30px;
}
a {
  text-decoration: none;
  outline: none;
  font-size: 0.813em;
  color:var(--black-color);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
a:hover {
  color:var(--theme-color);
  text-decoration: none;
}
img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
  border: none;
}
p, ul, ol, pre, table, blockquote {
  margin-top: 0;
  margin-bottom: 0
}
ul{
  list-style-type: none;
}
ul ul, ol ol, ul ol, ol ul{
  margin-top: 0;
  margin-bottom: 0,
}

/* form common css */
input, select, textarea, button {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  color:var(--black-color);
  font-weight: 400;
  outline: none;
}
iframe {
  max-width: 100%;
  border: none;
}
input:focus, textarea:focus, select:focus, button:focus {
  outline: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  border: 0;
  border-bottom: 1px solid #CECECE;
  background-color: transparent;
  padding: 0 1em;
  height: 3.125em;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  color:var(--black-color);
  font-size: 1em;
  outline: none;
  font-weight: 300;
  line-height: normal;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  background-color: transparent;
  outline: none;
}
select {
  border: none;
  background:var(--white-color);
  padding: 0 1em;
  height: 3em;
  box-shadow: none;
  font-size: 1em;
}
input[type="image"], input[type="submit"], input[type="button"], button {
  box-shadow: none;
  border: none;
  border-radius: 0;
  color:var(--black-color);
  cursor: pointer;
  display: inline-block;
  font-size: 0.875em;
  padding: 0 1em;
  height: 2.6em;
  line-height: normal;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  font-weight: 400;
  text-transform: inherit;
  outline: none;
  text-align: center;
  position: relative;
}
textarea {
  resize: none;
  min-height:6.84em;
  padding: 0.800em 1.563em;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/* placeholder */
 
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#CECECE;
  opacity:1;
  font-size:1em;
  font-weight: 300;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color:#CECECE;
  opacity:1;
  font-size:1em;
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color:#CECECE;
  opacity:1;
  font-size:1em;
  font-weight: 300;
}

/* wrapper */

.container{
  margin: 0 auto;
  padding:0 3.125em;
  width: 100%;
}
.main-content-wrapper{
  position: relative;
  overflow: hidden;
}
/* common class */
.row{
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
}
.btnLink{
  font-weight:500;
  color:#000;
  font-size: 1em;
  letter-spacing: 0.5px;
  text-decoration: underline;
}
.btn-link{
  font-weight:300;
  color:#000;
  font-size: 13px;
  letter-spacing: 0.5px;
}
a.btn-link.replay-video {
    color: #fff;
    font-size: 0.875em;
    font-weight: 500;
    letter-spacing: 0.24em;
    margin: 1.4em 0 0;
    display: inline-block;
}
/* .btn{
  font-weight:500;
  background-color: transparent;
  color:#000;
  height:4.65em;
  padding:0 2.5em;
  border:1px solid var(--theme-color);
  font-size:0.875em;
  letter-spacing: 0.23em;
  border-radius:0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 15.4em;
} */

.btn{
  font-weight:500;
  background-color: var(--theme-color);
  color:var(--white-color);
  padding:10px 20px;
  border:1px solid var(--theme-color);
  font-size:0.938em;
  letter-spacing: 0.5px;
  border-radius: 50px !important;
  display: inline-block;
}
.btn:hover{
  background-color:transparent !important;
  color:var(--theme-color) !important;
  border:1px solid var(--theme-color) !important;
}

.btn.color-white{
  background-color:transparent;
  color:var(--black-color);
}
.banner-links .btn {
    font-size: 0.813em;
	color: var(--white-color);
}
.btn.color-white:hover{
  background-color: var(--theme-color) !important;
  color:#fff !important;
}

/* a.btn::after{
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  top: 5px;
  right: -5px;
  bottom: 5px;
  border:1px solid var(--theme-color);
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
} */
/* .color-white{
  color: #fff;
} */
/* .btn:hover{
  background-color:var(--theme-color);
  color: #000;

} */
.btn.btn-theme,
.shop-product-btn .btn{
  background-color: #57D0DE;
  color: #fff;
  padding:12px 25px;
}
.btn:hover:after,
.btn.btn-theme:after,
.shop-product-btn .btn.btn-theme:after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--theme-color);
  color:var(--theme-color);
}

.common-section-space{
  margin-top:2.125em;
}
.btn.no-rad{
  border-radius: 0;
}
.btn.with-rad{
  border-radius:30px;
}

.black-color{
  color:var(--black-color);
}
.heading-1{
  color:var(--black-color);
  font-weight:700;
  font-size:3.75em;
  line-height: 1.3;
}
.heading-2{
  color:var(--black-color);
  font-weight:700;
  font-size:2.625em;
}
.white-color{
  color:var(--white-color);
}
.banner-section.inner-page-banner{
  height:unset;
  min-height:500px;
  padding: 20em 0 3.125em;
}
.sub-title{
    color: var(--white-color);
    font-size: 1.5em;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.68px;
}
.center{
  text-align: center;
}
.left{
  text-align:left;
}
.justify{
  text-align: justify;
}
.heading-2.left{
  padding:0 0 0 3.571em;
}
/* ---- */
.menu-primary-menu-container{
  width: 100%;
}
.nav{
  display: flex;
  align-items: center;
}
.nav.header-top-right{
  justify-content: flex-end;
}
.nav li.addClass{
  margin-left: auto;
}
.nav li a{
  font-weight:400;
  color:var(--white-color);
  font-size: 0.75em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 2.2
  border-radius:50px;
}
.nav li a:hover{
  color:var(--theme-color);
}
.nav.header-top-left li:not(:last-child),.nav.header-top-right li:not(:last-child){
  margin:0 1.875em 0 0;
}
.header-wrapper{
  padding:0 3.125em;
}
.header-top{
  display: flex;
  align-items: center;
}
.menu-top-menu-container,
.menu-top-menu-member-container{
  width: 40%;
  padding: 0.750em 0;
/*   border-bottom:1px solid rgba(151,151,151,0.4); */
}
.menu-top-menu-container.mobile{
  display: none;
}
.icon i{
  font-size:1.5em;
  color:var(--white-color);
}

.icon1 i{
  font-size:1.5em;
  color:var(--white-color);
}

a.logo {
	display: flex;
    align-items: center;
}
.header-top.row.nav-down{
	border-bottom: 1px solid rgba(151,151,151,0.4);
}
.header-wrapper .logo img{
	margin: 0 1.250em 0 0;
    width: 2.3em;
}

span.logo-text{
  color:var(--white-color);
  font-family: var(--secondFont);
  font-size: 1.4375em;
  font-weight: 500;
  letter-spacing: 0.48em;
  text-indent: 0.48em;
  display: block;
}
.nav.nav-link li a{
    font-weight: 500;
    font-size: 0.875em;
    height: inherit;
    line-height: 1.88;
    letter-spacing:0.5px;
    cursor: pointer;

}
.nav.nav-link li a.btn{
    padding:10px 15px;
}
.nav.nav-link li a.btn.btn-theme:hover{
  color: #fff;
}
.nav.nav-link li a:hover i{
 color:var(--theme-color);
}
.nav.nav-link li a.dropdown-active,.nav.nav-link li a.dropdown-active i{
  color:var(--theme-color);
 }
.nav.nav-link li:not(:last-child){
  margin:0 2.5em 0 0;
}

.nav li.icon1 a{    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    padding: 0.875em;
}
.nav li.icon1.search-icon a{
    background-image: url('../images/search.png');
}
.nav li.icon1.cart-icon a{
    background-image: url('../images/cart.png');
}
.nav li.icon1.login-icon a {
    padding: 0;
}
.nav.header-top-right li a img{
  width:1em;
  height:1em;
}
.logo img {
  margin: 0 auto;
  max-width: 9.625em !important;
  width: 100%;
}
.black-logo,
.without-bg .white-logo,
.page-template-member-account .white-logo{
  display: none;
}
.without-bg .black-logo,
.page-template-member-account .black-logo{
  display: block;
}
.header-btm{ display: flex;
  padding:1.25em 0;
  position: relative;
}
.header-section{
  position: absolute;
  background:transparent;
  left:0;
  right:0;
  top:0;
  z-index: 999;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.71) 0%, rgba(0,0,0,0) 100%);
  min-height: 13.0625em;
}
.header-section.without-bg{
  background-image: none;
}
.banner-section{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height:100vh;
  display:flex;
  align-items: flex-end;
  padding: 16.25em 0 5em;
  position: relative;
/*   min-height: 500px; */
  min-height: 100vh;
}
.home .banner-section{
  padding:24.9375em 0 4.8125em 0;
}
.banner-section > div:not(#btnplay){
  position: relative;
}
.banner-section:not(.banner-video-section):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%);
    /* background: linear-gradient(180deg, rgba(0,0,0,0.61) 0%, rgba(0,0,0,0) 100%); */
    opacity: 0.8;
}
.banner-section.auth-section.affiliate-section::before, 
.banner-section.auth-section.contact-us-section::before{
    display: none;
}
.banner-content{
/*   text-align: center;
  max-width: 55.9375em;
  margin: 0 auto; */
}
.banner-content .heading-1{
  color: var(--white-color);
}
.banner-content p{
  color: #fff;
  max-width: 33.75em;
  margin: 0 auto;
}
.home .banner-content .heading-1{  
    color: #fff;
    font-weight: bold;
    font-size: 3.438em;
}
.banner-links{
  margin:2.6875em 0 0 0;
}
.banner-links a:not(:last-child){
  margin:0 1.250em 0 0;
}
.banner-links a.btn.btn-outline.explore {
  padding: 0 3.846em;
}
.banner-links a.btn.btn-outline.model {
  padding: 0 1.231em;
}
.banner-links a.btn.btn-outline.shop {
  padding: 0 1.538em;
}

.common-section-wrapper .content-box{
  width:100%;
  padding:0;
}
.content-box{
  position: relative;
}
.content-box img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.meet-wrapper .content-detail h3 {
    color: var(--white-color);
    font-size: 1.375em;
}
.cat-wrapper .content-box a .content-detail h5{
	font-size: 1.75em !important;
	color:#fff;
}
.section-title {
  text-align: center;
   margin:0 0 2.125em 0; 
}

.home .most-recent-wrapper.row .content-box .content-detail{
  padding: 1.875em;
}

.most-recent-wrapper .scene-box-title h4{
	font-size: 1.8em;
	color: #fff;
}
.content-detail,
.home #search-form .most-recent-wrapper.row .content-box .content-detail{
  padding: 1.25em 0;
}
.content-name{
  margin:0.625em 0 0 0;
}


.section-btn{
  text-align: center;
  margin:3.125em 0 0 0;
}

.content-icon i,.content-arrow-icon i{
  color:var(--white-color);
  font-size: 1.5em;
}
.common-section-wrapper,.cat-wrapper{
    display: flex;
    grid-gap: 1.5625em;
    flex-wrap: wrap;
}
.page-template-discover-alexis .cat-wrapper{
  grid-template-columns: repeat(4, 1fr);
}
.cat-wrapper .content-box{
    padding: 0;
    width: 100%;
}
.cat-wrapper .content-img{
    padding-bottom: 100%;
}
.cat-wrapper .content-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.content-detail {
    position: absolute;
    left: 1.250em;
    bottom: 1.250em;
}
.cat-wrapper .content-detail {
    padding: 1.25em 0;
}
.content-icon.content-arrow-icon{
  position: absolute;
  right:1.250em;
  bottom: 1.250em;
}
.chat-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:2.5em 0;
    position: relative;
}
.chat-section.innerbanner-section{
    padding: 5.3125em 0;
    margin: 3.125em 0 0;
}
.innerbanner-section::before{
    content: "";
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%), linear-gradient(180deg, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    display: block;
}
/* .chat-section::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.44;
  background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(69,69,69,0.56) 42.48%, #000000 100%);
  display: none;
} */
.chat-section.innerbanner-section .heading-2{
  font-size: 3.5em;
}
.chat-section > div{
  position: relative;
}
.chat-content{
    max-width: 26em;
    margin-left: 6.625em;
    position: relative;
    z-index: 1;
}
.chat-section.innerbanner-section .chat-content{
    max-width: 31.25em;
    margin-left: 5.625em;
}
.chat-btn{
  margin:1.25em 0 0 0;
}
.chat-section.innerbanner-section .chat-btn{
  margin: 2.5em 0 0;
}
.chat-btn a.btn{
  text-transform: uppercase;
}
.chat-content .chat-btn a:hover {
 border-color: transparent;
}

.dropdown > a{
  display:flex;
  align-items: center;
}
.dropdown a i{
  font-size: 1.1em;
  color:var(--white-color);
  margin:0 0 0 0.3em;
}
.footer-wrapper{
  padding: 3.125em 0;
  background: #fff;
}
/* .footer-bottom{
  background: #E7C884;
} */
.footer-title{
  margin:0 0 1.250em 0;
}
.footer-title h6{
	font-size: 1.125em;
}

.footer-section{ 
	  /*  margin: 6.250em 0 0 0;*/
}

.footer-list li{
/*   margin:0 0 1.125em 0;
  padding: 0;
  list-style: none; */
	margin: 0 0 1.125em 0;
    color: var(--black-color);
    font-weight: 500;
    font-size: 0.813em;
    /*letter-spacing: 0.5px;*/
    text-transform: uppercase;
}
/* .footer-list li a,
.footer-box > a{
  color:#7C7C7C;
  font-weight:300;
  font-size:0.8125em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
} */
.footer-box > a{
      margin: 0 0 1.125em 0;
}
.footer-content.row{ display: flex;
  align-items: unset;
  margin:0;
}
.footer-btm{
  padding:1.25em 0;
}
.footer-btm .row{
  justify-content: unset;
}
.social-list li:not(:last-child){
  margin:0 1.875em 0 0;
}
.social-list li a img{
  width: 1.875em;
}
.social-list li.share-img a img {
  width: 5em;
}
.copy-right-list li a,.copy-right-list li span{
  color:var(--black-color);
  font-weight:500;
  font-size:0.813em;
}
.copy-right-list li a:hover{
  color: var(--black-color);
}
.copy-right-list li span{
  font-weight:300;
}
.copy-right-list li:not(:last-child){
  margin:0 2.5em 0 0;
}
.content-img{
  position: relative;
  width:100%;
  height:100%;
}
.content-img > .img:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%);
  z-index: 1;
}
.meet-wrapper .content-box .content-img:before, .cat-wrapper .content-box .content-img:before {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.24) 71.31%, rgba(0,0,0,0.71) 100%);
}
.meet-wrapper .content-box .content-img:before,.cat-wrapper .content-box .content-img:before, .products .content-img img:before {
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%);
}
/* login form */

form.common-form .form-title h3{
  font-size:2.250em;
}
.auth-content{
  max-width:37.5em;
  margin:0 auto;
  background-color:var(--white-color);
  padding:2.1875em;
}

form.common-form .field .textarea-field{
  padding:1.250em;
}
form.common-form .field {
  margin:0 0 0.625em 0;
}

.form-btn.forgot-btn{
  text-align: center;
  margin:3.125em 0 0 0;
}
.form-title h2{
  margin: 0 0 0.3em;
}
.form-title p {
  margin: 0 0 1.25em;
  padding-bottom: 0;
  color: #7C7C7C;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6;
  /*letter-spacing: 1.03px;*/
}
.banner-section.auth-section{
  align-items: unset;
  padding: 16.25em 0 5em;
}
.auth-content.affiliate-content,.auth-content.contact-us-content{
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.17);
}
.banner-section.auth-section.affiliate-section,
.banner-section.auth-section.contact-us-section{
  margin-bottom:0;
  background-size: 100%;
  background-position: 0 0;
}
.banner-section.auth-section.affiliate-section:before{
  height: 70%;
}

.main-popup-search .mfp-bg {
  background-color:var(--white-color);
  opacity: 1;
}
.main-popup-search .mfp-container {
  padding: 0;
}
body.main-popup-search {
  overflow: hidden;
}
.main-popup-search .mfp-content {
  position: static;
  vertical-align: top;
  margin:3.375em 0;
}
div#search-form {
    margin: 0 auto;
    width: 100%;
    overflow: auto;
    height: 100vh;
}
.search-popup-form{
  margin:0 3.125em 0 0;
}
.home .most-recent-section .heading-1{
  font-size: 3em;
}

.most-recent-section h4 {
    font-size:24px;
}
.most-recent-section .section-btn{
    margin: 1.25em 0 0.5em 0;
}
.home .most-recent-wrapper.row{
/*     display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.375em;
    padding: 0 3.125em; */
	flex-wrap: wrap;
    align-items: unset;
    justify-content: inherit;
}
.most-recent-wrapper.row,
.home #search-form .most-recent-wrapper.row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.375em;
    align-items: inherit
}

.contentwrapper .most-recent-wrapper.row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.375em;
    align-items: inherit
}




.most-recent-wrapper.row .content-box{
    width: 100%;
/*     padding: 0; */
	padding: 0 0.375em 0.375em 0;
}
.content-innerbox .content-img {
    display: block;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.tax-scene_categories .content-innerbox .content-img{
    padding-bottom: 132%;
}
.content-innerbox .content-img .img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-img-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.875em;
    z-index: 1;
    display: flex;
    align-items: center;  
}
.content-img-footer .content-icon{
    display: flex;
    align-items: center;
}
.content-img-footer .content-icon > a{
    margin-left: 1em;
}
.content-img-footer .post-link{
    font-size:0.875em;
    font-weight: 500;
    line-height: 1.8;
    color:var(--white-color);
    text-transform: uppercase;
    /*letter-spacing: 3.35px;*/
}
.content-img-footer  .content-icon{margin-left: auto;}
.chat-section.inner-space{
  margin-left:3.125em;
  margin-right:3.125em;
}
.coming-soon{
  position: absolute;
  top:20px;
  left:20px;
}
.coming-soon span{
  font-family:'sofia_pro';
  font-size:0.813em;
  font-weight: 500;
  padding:0.615em 1.077em;
  background-color: var(--theme-color);
  color:var(--white-color);
}
.intro-wrapper{
  margin: 0 auto 2.5em;
  max-width:880px;
}
.intro-wrapper p{
  color: #7C7C7C;
  font-size: 1em;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 1.03px;
	text-align:center;
}
.intro-wrapper .align-left p{
    text-align:left;
}
.intro-wrapper h2 {
	text-align:center;
}
.intro-section{
  margin:3.125em 0 0 0;
}
.meet-alexis-bottom{
  text-align: center;
  margin: 1.875em 0;
}
p.intro-para{
  font-size:1em;
  margin:1.111em 0 0 0;
  padding:0;
}
.intro-wrapper p strong{
  font-weight: 500;
  color: #000000;
}
.shop-info-section{
  background-color:#57D0DE;
  padding:0.273em 0;
  text-align: center;
}
.shop-info-section .info{
    color:#fff;
    font-size:1em;
    font-weight: bold;
    text-transform: uppercase;
}
.meet-wrapper.meet-shop-wrapper{
  padding:0;
}
.shop-header-title{
  position: relative;
  justify-content: center;
}
.shop-header-list{
  display:flex;
  position: absolute;
  right: 0;
  top: inherit;
  bottom: inherit;
}
.shop-header-list li{
  display: flex;
  align-items: center;
}
.shop-header-list li:not(:last-child){
  margin:0 3.125em 0 0;
}
.shop-header-list li i{
  font-size:1.3em;
  margin:0 0.547em 0 0;
  transform: rotate(90deg);
}
.shop-header-list li a{
  color:var(--black-color);
  font-family:'sofia_pro';
  font-size:1em;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid var(--black-color);
  padding:0 0 0.391em 0;
}
.shop-header-list select.orderby {
    width: 3.375em;
    min-width: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-family: 'sofia_pro';
    font-size: 1em;
    font-weight: 500;
    height: auto;
    border-bottom: 1px solid var(--black-color);
    padding: 0 0 0.391em 0;
}
h6.price{
  color:var(--white-color);
  font-family:'sofia_pro';
  font-size:1.125em;
  font-weight: 500;
  letter-spacing: 0.56px;
  margin:0.3em 0 0 0;
}

/* Faq */ 
.faq-accr-section{
  padding: 2.125em 0;
}
.faq-title{
  text-align: center;
}
.faq-page .header-section,
.without-bg .header-section{
  position: static;
}
.faq-page .nav li a {
  color: var(--black-color);
}
.faq-page .nav li a.btn {
  color: var(--white-color);
}
.faq-page span.logo-text{
  color:var(--black-color);
}

.faq-page .nav li a.btn:hover{
  border:1px solid var(--theme-color);
  color:var(--theme-color);
}
.faq-title h1,.faq-title h6{
  color:var(--black-color);
}

.faq-accr-wrapper{
    margin: 0 auto;
    max-width: 57.25em;
}
.faq-accr h5{
  font-size:1.5em;
  font-weight: 500;
}
.accordian-item{
  outline: 0;
}
.card-title{
  display:block;
  background:var(--white-color);
  border: 0;
  border-bottom: 1px solid #D4D4D4;
  padding:0;
  position: relative;
}
.card-title h3{
  font-size:1.125em;
  font-weight: 500;
  padding: 1em;
}
.card-title:focus{
  outline: none;
}
.accordian-item .card-body{
    display: none;
}
.card-body{
  margin:1.125em;

}
.card-body p{
  font-size:1em;
  color: #7C7C7C;
  line-height: 1.625;
  font-weight: 300;
  letter-spacing: 1.03px;
}
.card-arrow{
  position: absolute;
  right:0;
  bottom:1.917em;
  font-size:0.8em;
  transition:all 0.1s ease-in-out;
}
.card-title.ui-state-active{
  border-bottom:none;
  padding-top:0;
}
.card-title.ui-state-active .card-arrow{
  transform: rotate(180deg);
}
.faq-accr{
  margin:3.125em 0 0 0;
}
section.banner-section.become-member-section{
  background-size: 0;
}
.banner-content.become-member-content{
  margin-bottom: 0;
  position: relative;
  max-width: 65.9375em;
}
.membership-wrapper{
  display:flex;
  justify-content: center;  
  margin: 0 -1%;
  transform: none;

}
.membership-wrapper .membership-box{
  width:32%;
  background-color:var(--white-color);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.17);
  padding:2.5em 1.875em;
  cursor: pointer;
  margin: 0 1%;
}
.membership-wrapper .membership-box h6{
  font-size:1.125em;
  font-weight:400;
  text-transform: inherit;
}
.membership-wrapper .membership-box h2,.member-success-wrapper .membership-box h2,.become-member-content h2,.member-model-wrapper .membership-box h2,.common-popup-wrapper h2{
  font-weight: 400;
}
.become-member-content h2{
  font-weight:700;
  margin:0.3em 0 0 0;
}
.membership-wrapper .membership-box h1{
  color:var(--black-color);
  font-weight:400;
  margin:0.309em 0 0 0;
  line-height:75px;
}
.membership-list{
  margin:2.187em 0 0 0;
}
.membership-list li {
  position: relative;
  font-size: 1em;
  padding: 0 0 0 1.250em;
  margin: 0 0 1.25em 0;
  color: #7C7C7C;
}
.membership-list li:last-child{
  margin-bottom: 0;
}
.membership-list li:before {
  content: '';
  height:8px;
  width:8px;
  border-radius: 50%;
  position: absolute;
  top:0.5em;
  left:0;
  background-color:#7C7C7C;
}
.checkbox-wrap{
  margin:2.5em 0 0 0;
  display:flex;
  align-items: center;
}
.auth-check-wrap{
  position: relative;
  margin:0 0.8em 0 0;
  display: flex;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  justify-content: center;
}
.auth-checkbox{
  height:1.875em;
  width: 1.875em;
  background-color:transparent;
  border-radius:0;
  display:inline-block;
  cursor: pointer;
  transition: all 0.4s ease;
  z-index:0;
  position: relative;
  border: 0 solid var(--theme-color);
}
.auth-check-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid var(--theme-color);
}
.auth-checkbox:after{
  content:'';
  width:10px;
  height:10px;
  border-bottom: 2px solid var(--white-color);
  border-right:2px solid var(--white-color);
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-40%,-60%) rotateZ(40deg);
  opacity:0;
}
.auth-check-wrap input:checked ~ .auth-checkbox{
  background-color:var(--theme-color);
}
.auth-check-wrap input:checked ~ .auth-checkbox:after{
  opacity:1;
}
.auth-check-wrap input{
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  bottom: 0;
  right:0;
  opacity:0;
  height:1.563em;
  width:1.563em;
  margin:0;
}
.auth-text{
  color:var(--black-color);
  font-size:0.813em;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.member-ship-form-wrapper {
  margin:5em 0 0 3.125em;
  width:60%;
  max-width:100%;
}
.member-ship-form.common-form .form-title {
  padding-left:0;
}
form.common-form .form-btn.become-member-btn .btn{
  width:auto;
}
.member-ship-form .form-title h3{
  margin-top:0;
}
.field.pass-field{
  position: relative;
}
.field.pass-field i.pass-icon{
  font-size:1.5em;
  position: absolute;
  right:20px;
  top:50%;
  transform: translateY(-50%);
}
.form-btn.become-member-btn{
  margin:3.125em 0 0 0;
}
.form-btn.become-member-btn .btn{
  padding:0 1.875em;
}
.brand-sec{
  margin:0.938em 0 0 0;
}
.footer-logo{
	text-align: center;
    margin: 0 0 2em 0;
}
.footer-logo img{
  width: 3em !important;
}
.content-icon img{
  width:2.125em;
}
.content-icon.content-arrow-icon img{
  width:1.5em;
}
.brand-sec{
  display: flex;
  align-items: center;
}
.brand-sec .brand-1{
  margin:0 0.625em 0 0;
}
.brand-sec .brand-1 img{
  width:4.750em;
}
.brand-sec .brand-2 img{
  width:17em;
}
.learn-more-sec{
  display: flex;
  align-items: center;
  margin:1.250em 0 2.375em 0;
}
.learn-more-sec img{
  width:1em;
  margin:0 0.625em 0 0;
}
.learn-more-sec .btn-link,
.linkStyle {
  color: var(--black-color);
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase;
}
.linkStyle{
  margin: 1.250em auto 0;
  display: inline-block;  
}
.alignCenter{
  text-align: center;
}
form.member-ship-form.common-form .form-btn.outline-btn .btn {
  font-size: 0.813em;
}
.feat-video-label{
  margin: 0 0 1.875em;
  padding:0.625em 1.563em;
  background-color: var(--white-color);
  display: inline-block;
}
.feat-video-label h6,.value-label h6{
  color:var(--black-color);
  font-size:1em;
  font-weight: 500;
  text-align: center;
}
.banner-section.member-acc-section{
    background: #d6fbff;
    padding: 17.5em 0 1.5625em;
    min-height: inherit;
}
.acc-list li a{
  color: #000000;
  font-size:1em;
  font-weight: 500;
}
.acc-list {
  display: flex;
  width: 100%;
}
.member-acc-content{
  display:flex;
  align-items: center;
  max-width: 100%;
}
.member-acc-content .heading-1{
  color: #000;
}
.member-acc-content-left.row{
  width: 100%;
}
.member-acc-content h1{
  margin:0 0.909em 0 0;
}
.acc-list li:not(:last-child){
  margin:0 2.5em 0 0;
}
.acc-list li.in-active a {
  opacity: 0.3;
}
.acc-list li.logout{margin-left: auto;}
.section-sub-title{
  margin:0 0 1.875em 0;
}

.account-section{
  margin:3.125em 0 0 0;
}

.common-table{
  width:100%;
  border-collapse: collapse;
}
.common-table tbody tr td span{
  color:#7C7C7C;
  font-size:1em;
  font-weight:400;
  letter-spacing: 0;
}
.common-table tbody tr td h6{
  color:var(--black-color);
  font-size:1.125em;
  font-weight:normal;
}
.tab-btn a.btn{
  min-width: inherit;
  font-size: 0.8125em;
  padding: 10px 1.5em;
}
.common-table tbody tr td{
  border-bottom: 1px solid #E7E7E7;
  color: #7C7C7C;
  font-size: 1em;
  padding: 0.625em;
}
.common-section-btm-space{
  margin-bottom:3.125em;
}
.common-section-top-space{
  margin:3.125em 0 0 0;
}
.common-table.fix-width tbody tr td:first-child{
  width:50%;
}
.affi-detail-wrapper.intro-wrapper p{
  padding:0;
}
.affi-detail-wrapper .section-sub-title{
  margin:2.5em 0 1.563em 0;
}
.down-btn {
  margin: 1.250em 0 1.875em 0;
}
.member-model-wrapper{
  margin:0 3.125em;
}
.member-success-wrapper{
  max-width: 39.375em;
  margin: 0 auto;
}
.member-success-wrapper h2{
  margin: 0 0 0.5em;
}
.member-success-wrapper .membership-box p{
    line-height: 1.625em;
    padding: 0 0 2.1875em;
}

.member-success-wrapper .table-wrapper .tab-btn{
  margin:1.875em 0 0 0;
}


.common-top-btm-space{
  margin:3.75em 0;
}
.member-model-btn{
  margin:1.875em 0 0 0;
}
.member-model-btn a{
  margin:0 0 0.769em 0;
}
.common-popup-block{
	background:var(--white-color);
  max-width:100%;
  width:43.75em;
	margin: 40px auto;
	position: relative;
}
.common-popup-block.cancel-popup-block{
  width:95%;
}
.popup-common-form.common-form{
  padding:3.125em 1.750em 1.875em;
}

.input-label {
  width: 15%;
}
.input-label span{
  font-size: 1.375em;
  font-weight:300;
}
.popup-common-form .textarea-field{
  min-height: 6.563em;
}
.form-info{
    margin: 1em auto 0;
    max-width: 31.25em;
    text-align: center;
}
.form-info p{
    font-size: 0.875em;
    font-weight: 300;
    letter-spacing: 0.9px;
    padding: 0;
}
.filter-wrapper {
  padding: 1.250em 1.875em 3.313em;
}
/* #filter-popup-link .mfp-close {
  display:none;
} */
.popup-sub-title{
  font-weight:400;
  padding:0.55em 0;
  border-bottom:1px solid #979797;
  font-size:16px;
}
.filter-box .popup-sub-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-box .popup-sub-title::after{
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url('../images/down-chevron.png');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}
.filter-box .popup-sub-title.active:after {
    transform: rotate(180deg);
}
.filter-box{
    padding: 0 0 1em;
}
.filter-list{
    display: none;
}
.filter-list li span{
  font-size:1em;
  font-weight: 300;
}
.radiobtn input{
  position: absolute;;
  opacity:0;
  cursor: pointer;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  right:0;
  bottom: 0;
  z-index:9;
  width: 100%;
  height: 100%;
}
.radiobtn span{
  width:0.750em;
  height:0.750em;
  border-radius: 50%;
  border:1px solid #E7E7E7;
  display:block;
  position: absolute;
  top: 50%;
  right:0.625em;
  z-index: 0;
  transform: translateY(-50%);
}
.radiobtn span:after{
  content:'';
  width:0.750em;
  height:0.750em;
  background:var(--theme-color);
  display:block;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%) scale(0);
  border-radius: 50%;
  transition: 300ms ease-in-out 0s;
}
.radiobtn input:checked ~ span:after{
  transform: translate(-50%,-50%) scale(1);
}
.filter-box li{
  position: relative;
  width:100%;
  border-bottom:1px solid #979797;
  padding:0.625em;
  color: #7C7C7C;
  font-size: 1em;
  line-height: 1.625;
}
.swim-shop-product-wrapper{
  display:flex;
  margin: 0 auto;
  padding:0 6.25em;
  width: 100%;
}
.swim-shop-left{
  width:40%;
}
.swim-shop-right{
  width:60%;
  padding:1.25em 0 0 5.625em;
}
.swim-shop-right h2{
  font-size:2.25em;
  font-weight: normal;
  letter-spacing: 1.01px;
  line-height: 1.6
}
.short_description p{
  font-size:1em;
  font-weight: 300;
  margin:0;
  letter-spacing: 1.03px;
  color: #7C7C7C;
}
.shop-product-btn a.btn {
  font-size: 0.813em;
  height: 3.846em;
  line-height: 3.846em;
  padding: 0 60px;
  border-radius: 25px;
}
.shop-product-filter input {
  font-family: 'sofia_pro';
  width: auto;
  font-size: 1.750em;
  font-weight: 500;
  padding: 0;
  height: auto;
  width: auto;
  text-align: center;
}
.shop-product-filter img{
  width:1em;
}
.qty-wrap{
  border: 1px solid #E5E5E5;
  height:3.125em;
  line-height: 3.125em;
  padding:0 0.625em;
}
.shop-product-filter h6{
  color: #B2B2B2;
  font-size: 10px;
  font-weight: bold;
  margin:1em 0 0 0;
}
.select-values{
  position: relative;
}
.select-values select {
  -webkit-appearance: none;
  color:var(--black-color);
  font-family: 'sofia_pro';
  font-size:1em;
  font-weight: 500;
  width:100%;
  height:3.125em;
  line-height:3.125em;
  padding: 0 1.250em 0 3.125em;
  border: 1px solid #e5e5e5;
}
.select-values:after {
  content: "";
  position: absolute;
  right: 1.563em;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.3em;
  transform: rotate(-45deg);
  border-left: 2px solid var(--black-color);
  border-bottom: 2px solid var(--black-color);
  pointer-events: none;
}
.shop-product-filter{
  display: flex;
  margin: 2.5em 0 1.875em 0;
}
.shop-product-filter h5{
  color:var(--black-color);
  margin-bottom:0;
  margin: 0 0 0 0.909em;
}
.qty{
  min-width:7.938em;
  margin:0 1.250em 0 0;
}

.product-price{
  line-height: 3.125em;
}
.swim-shop-img{
  margin:0.375em 0 0 0;
}
.swim-shop-img div:first-child{
  margin:0 0.375em 0 0;
}
.menu-arrow.black i{
  color:var(--black-color);
}
.sub-title.cancel{
  text-decoration: line-through;
  color:rgba(0,0,0,0.5);
}
.product-price h4{
  font-size:1.125em;
  font-weight: 500;
}
.discount .sub-title{
  line-height:unset;
}
.discount-offer .member-dis{
  margin:0.556em 0 0 1.111em;
}

.popup-section-title .btn-theme{
    font-size: 0.8125em;
    height: 2.6em;
    padding: 0 1.5em;
    min-width: inherit;
}

.turns-list .row{
  position: relative;
}
.turns-box .content-box .content-detail{
  position: absolute;
  left: 0.625em;
  bottom: 0.375em;
}
.radiobtn.turns-radio-btn{
  position: absolute;
  right:1em;
  bottom: 1em;
}

.turns-radio-btn input {
  width: 0.938em;
  height: 0.938em;
  right:0;
}
.turns-radio-btn span {
  width: 0.938em;
  height: 0.938em;
  border: 1px solid var(--white-color);
  right:0;
}
.turns-radio-btn span:after {
  content: '';
  width: 0.938em;
  height: 0.938em;
  background: var(--white-color);
  border:none;
}
.turns-list .content-box{
  width:33%;
  margin:0 0 0.33% 0;
}
.popup-btn{
  margin:2.5em 0 0 0;
}
.popup-section-title.turns-popup-title p{
  font-size:1em;
  margin:0.625em 0 0.625em 0;
  padding-bottom: 0;
}
.popup-section-content .turns-box:nth-child(n+2){
  margin:2.5em 0 0
}
.turns-list{
  flex-wrap: wrap;
}
.inbox-section-wrapper{
  margin:0 3.125em;
}
.inbox-section center .btn{
    height: 3.6em;
    margin: 0 1em;
}
.inbox-heading-list li span{
  font-size:0.813em;
  font-weight: 300;
}
.inbox-heading-list li:not(:last-child){
  margin:0 20px 0 0;
}
.inbox-sub-title{
  margin:0 0 1.875em 0;
}
.inbox-list-box{
  padding:1.250em 1.875em;
  border-bottom: 1px solid #E2E2E2;
}
.inbox-content{
  border: 1px solid #E2E2E2;
  width:100%;
}
.inbox-content .inbox-left{
  width:25%;
  border-right: 1px solid #E2E2E2;
}
.inbox-list-box h6{
  font-size:1em;
  font-weight: 400;
  margin: 0;
  padding: 0 0 0.425em;
}
.oval{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: linear-gradient(234.01deg, #F5E6B9 0%, #E7C884 100%);
}
.inbox-list-box p{
  font-size:0.8125em;
  line-height: 1.4;
  padding-bottom: 0;
  margin:0;
  padding: 0 0 1.4em;
  color: #7C7C7C;
  letter-spacing: 0.84px;
}
.inbox-list-box span.date{
  color: #727272;
  font-size:0.625em;
  font-weight: 300;
}
.inbox-list-box.active{
  border-bottom: 2px solid var(--theme-color);
}
.inbox-right{
  width:75%;
}
.inbox-content{
  display:flex;
}
.inbox-receiver-msg{
  border: 1px solid #D9D9D9;
  padding:1.250em 1.563em 1.875em 1.875em;
  width:30em;
}
.inbox-receiver-msg p{
  padding-bottom: 0;
  color: #7C7C7C;
}
.inbox-chat-receiver{
  margin:0 10px 0 0;
}
.inbox-chat-receiver img {
  width: 1.875em;
  height:100%;
}
.inbox-chat-list li {
  margin: 0 0 2em 0;
}
.inbox-chat-content {
  display: flex;
  align-items: flex-start;
}
.inbox-receiver-msg p.msg-time{
  color: #727272;
  font-size:0.625em;
  margin:1.6em 0 0 0;
}
.inbox-receiver-msg p.msg-time span{
  margin:0 0 0 2em;
}
.inbox-chat-sender{
  display: flex;
  flex-direction: row-reverse;
}
.inbox-chat-sender .inbox-chat-content {
  display: flex;
  flex-direction: row-reverse;
}
.inbox-chat-sender .inbox-chat-receiver {
  margin: 0 0 0 10px;
}
.inbox-chat-list li{
  margin:0 0 2.125em 0;
}
.inbox-list{
  overflow-y: auto;
  height: calc(100vh - 4em);
}
.inbox-right{
  position: relative;
}
.inbox-chat-keyboard {
  background-color: #fff;
  border-top: 1px solid #cacaca;
  padding: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap:wrap; 
}
.inbox-chat-history{
  max-height:100%;
  overflow-y: auto;
}
.inbox-right-inner{
  height: calc(100vh - 4em);
  overflow: auto;
  padding: 0 0 5.5em;
}
.inbox-chat-list{
  padding:2.5em;
}
.inbox-chat-keyboard{
  padding:1em 1.250em 0.625em 1.250em;
}
.inbox-chat-keyboard .field{
  width:80%;
}
.inbox-chat-keyboard .field .textarea-field,.cmt-keyboard-wrap .field .textarea-field{
  min-height:unset;
  overflow: hidden;
  padding:0;
  border: 0;
  vertical-align: top
}
.inbox-chat-keyboard-btn-wrapper{
  width:100%;
  display: flex;
  justify-content: flex-end;
  margin:0.813em 0 0 0;
}
.inbox-chat-keyboard-btn .count{
  color: #727272;
  font-size:0.625em;
  font-weight: 300;
  margin:0 2.308em 0 0;
}
.inbox-chat-keyboard-btn .btn,.cmt-btn .btn{
    height: 2.46em;
    line-height: inherit;
    min-width: inherit;
    font-size: 0.8125em;
    padding: 0 1.23em;
}
.inbox-heading-list .btn{
  font-size:0.813em;
}
.slider-btn {
  position: absolute;
  right:20px;
  z-index: 1;
  bottom:20px;
  display: flex;
}
.dropdown .dropdown-content{
  position: absolute;
  right:0;
  z-index:9;
  opacity:0;
  visibility: hidden;
  width: 80vw;
  left:5vw;
}
.dropdown .dropdown-content.open{
  opacity:1;
  visibility: visible;
  background: #fff;
  padding: 10px;
}
.dropdown .dropdown-content .header-dropdown {
  background-color: transparent;
  padding: 0;
/*   margin-top:0.750em; */
  position: relative;
}
.dropdown .dropdown-content .header-dropdown .content-detail {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.dropdown .dropdown-content .header-dropdown h4{
  color: #fff;
  text-transform: none;
  font-weight: 400;
  font-size:1.2em;
}

.header-dropdown .content-box img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	
}
.slider-btn i{
  color:var(--white-color);
  font-size:1em;
  cursor: pointer;
}
.slider-btn .slick-arrow{
  height:2.5em;
  width:2.5em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--theme-color);
  margin:0 0.625em 0 0;
  background-color: #57d0de;
}
.slider-btn .slick-arrow:last-child{
  margin:0;
}
.slider-btn .slick-arrow:hover,.slider-btn .slick-arrow:focus{
  background-color: var(--theme-color);
}
.header-dropdown .content-box{
  padding-right:5px;
  height: 240px;
}
.dropdown.open-carrot > a{
  position: relative;
}
.dropdown.open-carrot > a:after{
  content: '';
  display: none;
  width: 0;
  height: 0;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-bottom:15px solid var(--white-color);
  position: absolute;
  top:100%;
  left:50%;
  transform: translateX(-50%);
}
.cancel-sub-btn a.btn{
  border:2px solid #D9D9D9;
}
.cancel-sub-btn a.btn:hover{
  border-color: transparent;
}
.cancel-popup-wrapper .popup-section-title{
  padding:3.750em 0 1.875em 0;
}
.cancel-popup-wrapper .section-btn{
  padding:0 0 3.125em 0;
}
.cancel-popup-wrapper .section-btn >div:first-child{
  margin:0 0 0.625em 0;
}
.cancel-popup-wrapper .popup-section-title p{
  padding-bottom: 0;
  padding-top:1.563em;
}
.popup-close{
  position: absolute;
  top:40px;
  right:40px;
}
.popup-close img{
  width:1.5em;
}
.popup-field input::placeholder{
  opacity: 0.2;
  color:var(--black-color);
  font-family: 'sofia_pro';
  font-size:3.438em;
  font-weight:400;
}
.searchbox{
  position: relative;
  border-bottom: 2px solid var(--black-color);
  min-height:5.625em;
}
.magnifier{
  position: absolute;
  left: 0;
  top: 50%;
  left:0;
  transform: translateY(-50%);
}
.magnifier img{
  width:1.5em;
}
.search-input{
  padding-left: 3em;
}
.search-input input {
  padding:0;
  height: auto;
  color:var(--black-color);
  font-family: 'sofia_pro';
  font-size:3.438em;
  font-weight:400;
  border: 0;
}
.search-input input::placeholder{
  opacity: 0.3;
}
.search-popup-header ul li a{
  color:var(--black-color);
  font-family:'sofia_pro';
  font-size:1em;
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom:1px solid var(--black-color) ;
}
.search-popup-header,.search-popup-header ul{
  display:flex;
  align-items: center;
}
.search-popup-header .heading-2{
  padding-right:0.909em;
}
.search-popup-header ul li:not(:last-child){
  margin:0 2.5em 0 0;
}
.search-popup-header ul li.in-active a{
  color:#b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.main-popup-search .mfp-close-btn-in .mfp-close{
  text-indent: 999px;
    background-image: url(../images/close-in.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center center;
    top:40px;
    right:40px;
    opacity: 1;
    background: none;
}
.search-popup-content .meet-wrapper{
  padding:0;
}
.search-popup-content-wrapper{
  margin-bottom: 5.625em;
}
.single .member-content-wrapper .heading-1{
  color:var(--black-color);
  font-weight:700;
  font-size: 3em;
  line-height: 1.66
}
.member-content-wrapper > p{
  font-size:1.125em;
}
.member-content-filter{
  margin-top:2.5em;
}
.member-content-filter li h5{
  /* text-transform: uppercase; */
  font-weight: 700;
}
.member-content-filter li span{
  font-size:1em;
  font-weight:300;
  color: #7C7C7C;
  margin-left:1em;
}
.member-content-filter li{
  margin-right:3.125em;
}
.member-content-filter,.member-content-filter li{
  display:flex;
  align-items:center;
}
.member-content-filter li > a{
  display: flex;
  align-items: center;
}
.member-content-filter li .select-field{
  display: none;
}
.member-content-filter li .select-field select{
  border:0;
  padding: 0;
  font-weight: bold;
  border-radius:0;
  height: auto;
  line-height: inherit;
  font-size: 1.375em;
  font-family: 'gt_super_display';
  opacity: 0;
}
.member-content-filter li .select-field .select-values:after{
  border-left-color:var(--theme-color);
  border-bottom-color:var(--theme-color);
  display: none;
}
.member-content-filter li .select-field .select-values option .count{
  padding-left:1.250em;
}
.member-content-right .member-buttons{
    text-align: right;
}
.member-content-right div a.btn {
    font-size: 0.813em;
    height: 3.846em;
    padding: 0 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 26em;
    text-align: center;
    margin-left: auto;
    text-transform: uppercase;
}
.member-content-right div:first-child{
  margin-bottom: 1.250em;
}
.meet-section.member-content-meet-section  .meet-wrapper .content-box{
  width:50%;
}
.meet-section.member-content-meet-section  .meet-wrapper{
  padding: 0 12.313em;
}
.meet-section.member-content-meet-section .content-icon{
  display: flex;
  align-items: center;
}
.chat-tip-btn-wrap{
  margin-right:1.250em;
}
.chat-tip-btn-wrap .btn{
  font-size:0.813em;
  margin-right:0.769em;
  color:var(--white-color);
  border-color:var(--white-color);
  background-color: rgba(255,255,255,0.2);
}
.chat-tip-btn-wrap .btn:hover{
  border-color:transparent;
}
.member-content-wrapper.row {
  margin: 0 3.125em;
}

.cmt-box h6{
  font-weight: 400;
  margin-bottom: 0.55em;
}
.cmt-box p{
  padding:0;
}

.common-section-wrapper .content-box {
    width:32%;
}

.comment-popup-wrapper .popup-section-title{
  margin:0 0 2.5em 0;
  position: relative;
}
.comment-popup-wrapper{
  padding:1.250em 1.875em 2.188em;
}
.cmt-keyboard-wrap{
  border: 1px solid #D9D9D9;
  margin-top: 1em;
  padding: 0.625em;
}
.cmt-btn{
  display: flex;
  justify-content: flex-end;
}

.comment-popup-wrapper .popup-section-title h2{
  font-size: 1.750em;
}
.banner-section.member-upgrade-section{
  align-items: center;
}
.member-upgrade-content p{
  color:var(--white-color);
  font-size:1.125em;
  margin:0.491em 0;
}
.upgrade-links{
  margin:0 0 1.250em 0;
}
.upgrade-links .btn {
  font-size: 0.813em;
  height: 3.846em;
  line-height: 3.846em;
  padding: 0 3.846em;
}
.member-upgrade-content .btn-link{
  font-weight: 500;
}
.upgrade-links .btn:hover{
  background-color: transparent;
  color:var(--white-color);
}
.chat-btn.watch-video-btn .btn{
  border-radius: 30px;
  padding:0 3.750em;
}
.member-content-meet-section .section-title{
  margin:0 auto 2.375em;
}
.member-content-meet-section .section-title h2{
  font-size: 2.250em;
}
.common-popup-block.upgrade-popup-block {
  width: 80%;
}
.upgrade-popup-wrapper{
  padding:3.125em 6.250em 5em;
}
.upgrade-popup-wrapper .membership-wrapper .membership-box {
  width: 48%;
}
.upgrade-popup-btn{
  margin:2.313em 0 0 0;
}
.upgrade-popup-btn a{
  font-size: 0.813em;
  padding:0 2.846em;
}
 .membership-wrapper .membership-box{
  position: relative;
}
.value-label{
  padding: 0.313em 0.625em;
  background-color: var(--theme-color);
  position: absolute;
  top:20px;
  right:20px;
}
.membership-wrapper .membership-box .value-label h6{
  color:var(--white-color);
  font-weight:400;
}
.member-content-left{
    flex: 1;
    width: 100%;
    flex-basis: 100%;
}
.member-content-right{
    margin-left: 2%;
    min-width: 21em;
}
.member-content-left p{
  font-size: 1em;
  padding:0;
  margin:0;
  color: #7C7C7C;
}
.banner-section.content-coming-banner{
  position: relative;
  padding: 16.25em 0 3.125em;
  min-height: 768px;
}
.banner-section.content-coming-banner .banner-links {
    margin: 1em 0 0 0;
}
.coming-soon-label{
  padding:1.063em 1.875em;
  background-color: #000;
  position: absolute;
  left:3.125em;
  bottom:0;
}
.coming-soon-label h6{
    color:var(--white-color);
    font-size:1.375em;
    font-weight: 500;
    font-family: 'Roboto';
    letter-spacing: 4.3px;
}
.chat-content p{
  color:var(--white-color);
}
.faq-page .nav.header-top-right li a.icon {
  font-size: 0.813em;
}
.faq-page .dropdown a i {
  color:var(--black-color);
}
.faq-page .nav li a:hover{
  color: var(--theme-color);
}
.affi-detail-wrapper.affi-login-wrapper.intro-wrapper .section-sub-title{
  margin:1.250em 0 0.750em 0;
}
.banner-section.banner-video-section{
  position: relative;
  padding:0;
  min-height: inherit;
  overflow: hidden;
}
#banner-video {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.close-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.video-play{
  color:var(--white-color);
  font-size:4em;
}
.mfp-bg.mfp-with-zoom{
  opacity: 0.5;
}
.mfp-with-zoom img.mfp-img{
  padding: 0;
}

.mfp-with-zoom button.mfp-arrow {
    height: 3.5em;
    width: 3.75em;
    font-size: 1em;
    margin: 0;
    position: fixed;
    bottom: 2.8125em;
    right: 2.8125em;
    z-index: 9999;
    margin: 0;
    top: unset;
    left: unset;
    transform: translate(0, 0);
    background-size: 0.8125em;
    background-repeat: no-repeat;
    background-image: url(../images/right-chevron.png);  
    border-top: 0;
    background-position: center;
    overflow: visible;
    opacity: 1;
    border:1px solid #fff;
    border-radius:50%;
}
.mfp-with-zoom button.mfp-arrow.mfp-arrow-left {
    transform: translate(0, -100%) rotate(180deg);    
}
.mfp-with-zoom .mfp-arrow-left,
.mfp-with-zoom .mfp-arrow-right{
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
}

.mfp-with-zoom button.mfp-arrow::after {
    left: 4px;
    top: 0;
    right: 4px;
    bottom: -4px;
}
.mfp-zoom-out-cur button.mfp-close {
    text-indent: 999px;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center center;
    top: 2.5em;
    right: 2.5em;
    opacity: 1;
    font-size: 1em;
    border: 0 solid #fff;
    width: 3.75em;
    height: 3.75em;
    outline-offset: 0;
    border-left: 0;
    border-right: 0;
    background-image: url('../images/button-shape.png');
    background-color: transparent;
    background-size: 100% 100%;
}
.mfp-zoom-out-cur button.mfp-close::before,
.mfp-zoom-out-cur button.mfp-close::after{
  background: #fff;
}
.close-video img{
  max-width:6em;
  width: 100%;
}

.become-member-heading{
  padding:0 0 0 3.125em;
}

.member-success-wrapper .membership-box{
  padding-bottom: 5em;
}
.member-success-wrapper .table-wrapper {
    max-width: 26.875em;
}
.member-success-wrapper .membership-box .btn,.member-success-wrapper .tab-btn .btn{
  height:3.8em;
  font-size: 0.875em;
  padding: 0 2.1875em;
}
.content-both-section{
  margin-top:5.625em;
}
.content-both-section .member-content-right div a.btn {
  padding: 0 2.538em;
}
.member-content-meet-section.content-both{
  margin-top:4.375em;
}
.auth-content.login-content form.common-form .form-title {
  padding: 0 0 1.750em 1.250em;
}
.account-section{
  padding-bottom: 3.125em;
}
.footer-section.common-section-space{
  margin:6.250em 0 0 0;
}

.member-model-btn > div a:first-child{
  margin-right:0.625em;
}
.meet-shop-wrapper .content-icon.content-arrow-icon {
  bottom: 1.875em;
}
.cancel-popup-wrapper .section-btn >div:first-child .btn {
  padding: 0 5em;
}
li.mobile-menu,
.modal-menu {
    display: none;
}
.become-member-section-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.become-member-section-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.71) 100%), linear-gradient(180deg, rgba(0,0,0,0.61) 0%, rgba(0,0,0,0) 100%);
}
.banner-section.become-member-section::before{
  display: none;
}
a.arrow-mobile{display: none !important;}
.membership-wrapper-container .form-title{display: none;}
body #add_payment_method .wc-proceed-to-checkout a.checkout-button, 
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    font-size: 0.875em;
    padding: 1em;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0 !important;
}
body .woocommerce #respond input#submit.alt, 
body .woocommerce a.button.alt, 
body .woocommerce button.button.alt, 
body .woocommerce input.button.alt{
    background: var(--theme-color);
    color: #fff;
    border: 0 solid var(--theme-color);
    line-height: unset;
    border-radius:50px;
}
body .woocommerce #respond input#submit.alt:hover, 
body .woocommerce a.button.alt:hover, 
body .woocommerce button.button.alt:hover, 
body .woocommerce input.button.alt:hover{
  background-color: var(--theme-color);
    color: #fff;
}
cart_totals h2 {
    margin: 0 0 1em;
}
.woocommerce-page .faq-title{
  margin: 0 0 1em;
  padding: 0;
}
body .select2-container .select2-selection--single{
    background-color: transparent;
    padding: 0 1em;
    height: 3em;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    color: var(--black-color);
    font-size: 1em;
    outline: none;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--black-color);
    line-height: inherit;
    padding: 0;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px;
    transform: translate(0, -50%);
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #000 transparent transparent transparent;
}
body .woocommerce-info {
    border-top-color:var(--theme-color);
}
body .woocommerce-info::before {
    color: var(--theme-color);
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}
body nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    border: 1px solid #D5D5D5;
    display: inline-flex;
    border-radius: 3em;
    overflow: hidden;
}
body nav.woocommerce-MyAccount-navigation ul li + li{
  border-left: 1px solid #D5D5D5;
}
body nav.woocommerce-MyAccount-navigation ul li a {
    padding: 1em;
    display: block;
    min-width: 9em;
    text-align: center;
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 700;
}
body nav.woocommerce-MyAccount-navigation ul li.is-active a{
    color: var(--theme-color);
}
body .woocommerce-MyAccount-content {
    padding: 1.875em 0 0;
}
fieldset {
    padding: 0;
    border: 0;
}
legend {
    display: block;
    margin-top: 0;
    padding-top: 1em;
    color: var(--black-color);
    font-size: 1.5em;
    padding-bottom: 0.625em;
}
.woocommerce-page .faq-title .common-section-space {
    margin-top: 3.125em;
}
body .woocommerce #respond input#submit, 
body .woocommerce a.button, 
body .woocommerce button.button, 
body .woocommerce input.button {
    background-color: var(--theme-color);
    display: inline-flex;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 0 solid var(--theme-color);
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0 2em;
    border-radius: 0;
    color: #fff;
    align-items: center;
    height: 3.6em;
    line-height: unset;
    border-radius:50px;
}
body.woocommerce-page .woocommerce-info .button{
    margin: 0;
}
body .woocommerce-error::before,
body .woocommerce-info::before,
body .woocommerce-message::before{
    top: 1.25em;
}
body.woocommerce-page .common-section-space {
    margin-top: 3.125em;
}

body #add_payment_method table.cart td.actions .coupon .input-text, 
body .woocommerce-cart table.cart td.actions .coupon .input-text, 
body .woocommerce-checkout table.cart td.actions .coupon .input-text{
    margin: 0 10px 0 0;
    outline: 0;
    min-width: 8em;
}
.meet-section button.slick-arrow{
  display: none;
}
.video-ended{
  display: none;
}

/* Hiren */

.content-header p{
  color: #7C7C7C;
  font-size: 1em;;
  font-weight: 300;
  letter-spacing: 1.03px;
  line-height:1.6;
  padding: 0;
  margin: 0;
}
.meet-alexis-container{
  padding: 3.125em;
}
.meet-alexis-row{
  display: flex;
  justify-content: space-between;
}
.meet-alexis-content{
  max-width: 31.875em;
}
h2.heading-title{
  line-height: 2.5
}
.meet-alexis-content p{
  color: #7C7C7C;
  font-size: 1em;
  font-weight: 300;
  letter-spacing: 1.03px;
  line-height: 1.6;
}
.buttons_group{
  flex-direction: row;
  align-items: center;
  display: flex;
  margin: 0 -1em;
}
.button-inline{
  padding: 1em;
}
ul.contact_details_list {
    padding: 0;
    margin: 0;
}
ul.contact_details_list li {
    padding: 0.625em 0;
    margin: 0;
    display: flex;
    list-style: none;
    border-bottom: 2px solid #E7E7E7;
}
ul.contact_details_list li .cnt-label {
    min-width: 16em;
    padding-right: 1em;
}
ul.contact_details_list li .cnt-value{
    font-size: 1em;
    letter-spacing: 1.03px;
    line-height: 1.6;
    color: #7C7C7C;
    font-weight: 300;
}
section.get_personal_with_alexis {
    padding: 5em 0;
}
.get_personal-content {
    max-width: 30em;
    margin: 0 auto;
    text-align: center;
}
.get_personal-content p{
  color: #7C7C7C;
  font-size: 1em;
  line-height: 1.625;
  font-weight: 300;
  padding: 0 0 1.25em;
}
.get_personal-content .buttons_group{
  justify-content: center;
}
.single .banner-section::before{
  display: none;
}
.products h3{
  font-size: 1.75em;
}
.products h6.price{color: #000;}
.description p{
    color: #7C7C7C;
    font-weight: 300;
    font-size: 1em;
}
.form-btn input.btn{
  width: 100%;
}
.page-template-member-account .header-section{
  background: transparent;
}
.page-template-member-account .banner-section:not(.banner-video-section):before,
.page-template-member-success .banner-section:not(.banner-video-section):before{
  display: none;
}
.page-template-member-account .nav li a{
  color: #000;
}

.main-product-gallery{
  overflow: hidden;
}
.main-product-gallery .mfp-wrap{
    overflow: hidden !important;
}
.product_type-popup-content{
  padding: 3.125em 6.25em;
  background: #ffffff;
  overflow: auto;
  height: 80vh;
  position: relative;
}
.product_type-popup-header{
  text-align: center;
}
.product_type-popup-header p{
    color: #7C7C7C;
    font-weight: 300;
    line-height: 1.625em;
    letter-spacing: 1.03px;
}
ul.product_type-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.625em;
    list-style: none;
}
ul.product_type-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.product_type-content{
    padding: 1em 0.625em;
}
.product_type-popup-body h4{
    padding: 0 0 1em;
}
.product_type-content h5{
  letter-spacing: 0.62px;
  line-height: 1.625;
}
.product_type-row{
  padding: 2.5em 0;
}
.product_type-box .product_type-img{
    padding-bottom: 100%;
    display: block;
    position: relative;
}
.product_type-box .product_type-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
input[type="radio"] {
   /* position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    transform: translateY(0);
    -webkit-transform: translateY(0);*/
}
span.product_radio_style {
    display: block;
    position: absolute;
    bottom: 0.875em;
    right: 0.875em;
    z-index: 1;
    height: 1.375em;
    width: 1.375em;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    transition: background-color .4s
}
input[type="radio"]:checked + span.product_radio_style{
  background: #fff;
}
input[type="radio"]:checked + span.product_radio_style::before{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 12px;
      transform: translateX(-50%) translateY(-60%) rotate(45deg);
      border-bottom: 2px solid #000000;
      border-right: 2px solid #000000;
      animation: pulse 0.3s linear 1;
}
@keyframes pulse{
  25%{
    transform: translateX(-50%) translateY(-60%) rotate(45deg) scale(0.8);
  }
  75%{
    transform: translateX(-50%) translateY(-60%) rotate(45deg) scale(1.5);
  }
}

.product_type-popup-content button.mfp-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    top: 1.875em;
    right: 1.875em;
    font-size: 1em;
}
button.mfp-close, button.mfp-arrow{
  overflow: hidden;
  text-indent: -99em;
}
button.mfp-close:before, button.mfp-close:after {
    content: "";
    display: block;
    height: 2px;
    width: 24px;
    background: #000;
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}
button.mfp-close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
button.mfp-close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.contact-us-form p a{
    font-weight: 900;
    font-size: 1.125em;
}

.cmt-box p{
  font-size: 1em;
  letter-spacing: 1.03px;
  font-weight: 300;
  color: #7C7C7C;
  line-height: 1.5;
  padding: 0 0 1.25em;
}
.comment-form p{
  padding: 0;
}
#model-tip-form input.input-field,
#model-tip-form .field .textarea-field{
    border: 1px solid #CECECE;
}
.account-wrapper {
    max-width: 40em;
    margin: 0 auto;
}
.banner-section.content-coming-banner:before {
    content: "";
    display: block;
    background: #000;
    opacity: 0.5;
}
.gallery-slider .slick-track{
    display: flex;
}
.gallery-slider button.slick-arrow {
    position: absolute;
    left:1em;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    height: 3.5em;
    width: 3.75em;
    font-size: 1em;
    margin: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../images/button-shape.png');
    background-position: center;
    opacity: 1;
    text-indent:-99em;
    overflow:hidden;
    padding:0;
    border-radius:50%;
    background-color:rgba(0,0,0,0.3);
}

.gallery-slider button.slick-arrow.slick-next{
  left:inherit;
  right:1em;
}
.gallery-slider button.slick-arrow::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url('../images/right-chevron.png');
    width: 1.5em;
    height: 1.5em;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
}
.zoom-gallery .content-box.slick-slide + .content-box.slick-slide{
  margin:0 0 0 0.625em;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li, 
.woocommerce-checkout #payment ul.payment_methods li{
  position: relative;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box{
  z-index: 2;
}
.align-left{
  text-align: left;
}
.usc-section{
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 400;
  font-size: 13px;
}
.usc-section a:hover{
  color: black;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


body .woocommerce ul#shipping_method li input[type="radio"] {
    margin: 5px .4375em 0;
    vertical-align: top;
    position: static;
    opacity: 1;
    width: auto;
    height: auto;
}

/* added css  */

.main_wrap_site{margin-top:200px;}
.feature-photo{/*margin-top:150px;*/}
@media only screen and (max-width:767px) {
/*.main_wrap_site{margin-top:0px!important}*/
.feature-photo{margin-top:50px;}
}



.my_reports #myTab1 .nav-item  a{color:#000!important;}
.footer-btm .row{display: flex;}
.box.box-video-details{margin-top:2.125em!important;}