.hero-header-title/*--------------------------------------------------------------
# BACKGROUND COLOURS

** nancy: #86d2d2;
** very light green : #ecf5f4;
--------------------------------------------------------------*/

*{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}
body{
  background: #ffffff;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #404040;
  overflow-x:hidden;
  scroll-behavior: smooth;
}
body, td{
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 18px;
  position: relative;
  z-index: 0;
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
h1,h2,h3,h3,h4,h5,h6{
  margin: 0;
  font-weight: normal;
}
h1{
  font-size: 48px;
  letter-spacing: 2px;
}
h2{
  font-size: 32px;
}
.h3{
  font-size: 28px;
}
.h4{
  font-size: 20px;
}
.h6{
  font-size: 18px;
}
.h10{
  font-size: 14px;
}
.tiny_link{
  font-size: 11px;
}
img{
  width: 100%;
}
img.left {
    width: 30%;
    height: auto;
    margin-right: 2%;
    float: left;
}
img.right{
  width:30%;
  height:auto;
  margin-left:2%;
  float:right;
}
img.full{
  width:100%;
  height:auto;
}
img.org{
  width:auto;
}
button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
}

/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
#paypalclone{display:none;}

.cursor{
  cursor:pointer;
}
#page{
  width: 2200px;
  margin: 0 auto;
  margin-top: 124px;
  overflow: hidden;
  top: 0;
}
#inner_page{
  width: 100%;
  left: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.7s ease-in-out;
  top: 0;
}

.wide_page {
  width: 100% !important;
  margin: 0 !important;
  top: 124px !important;
  position: relative !important;
}

.inner_page_expanded {
  left: 267px !important;
  transition: all 0.6s ease-in-out;
}
.sidemenu_expanded {
  margin-left: 273px !important;
  transition: all 0.6s ease-in-out;
}
.cwidth{
  width: 1140px;
  margin: 0 auto;
}
.nwidth{
  width: 750px;
  margin: 0 auto;
  position: relative;
}
.clear{
  clear: both;
}
.mobile_clear{
  display: none;
}
.upper{
  text-transform: uppercase;
}
.cap{
  text-transform: capitalize;
}
.section{
  color: #404040;
    font-size: 35px;
    font-family: 'ClarikaProGeo-Rg', serif !important;
    font-weight: 600;
    padding-top: 10px;
    scroll-margin-top: 75px;
}
.section p{
  line-height: 1.3em !important;
  -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
.section_subhead{
  font-family: 'Wulkan Display', 'Open Sans', sans-serif !important;
    font-size: 1.5rem;
    text-transform: none;
    color: #404040;
    font-weight: 700;
    scroll-margin-top: 75px;
}
.section_subhead p{
  font-family: 'Wulkan Display', 'Open Sans', sans-serif !important;
  border-bottom:solid 1px #55c0b9;
  padding-bottom:5px;
  line-height:1.4em;
  margin-top: 40px;
  margin-bottom: 18px;
}
.section_heading{
  position: relative;
  padding: 30px 0;
  /*z-index: -1;*/
}
.review_section_heading{
  z-index: -1;
}
.section_heading hr{
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d3edeb;
  border: none;
  margin: 0;
  top: 50%;
  margin-top: -1px;
  z-index: 1;
}
.section_title{
  font-family: wulkan display;
  padding: 0 25px;
  background: #ffffff;
  color: #404040;
  font-size: 28px;
  z-index: 2;
  position: relative;
  font-weight: 500;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home_content .section_title{
  background: unset;
}
.tile_col_desktop{
  display: block;
}
.tile_col_mobile{
  display: none;
}
.joy_tile{
  position: relative;
  margin-bottom: 50px;
  font-family: wulkan display;
}
.joy_tile a{
  display: block;
  position: relative;
}
.joy_tile_bg{
  position: relative;;
}
.joy_tile_bg:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  top: 0;
  left: 0;
}
.large_tile{
  font-size: 24px;
}
.tile_cat_container{
  /*position: absolute;
  top: 0;
  width: 100%;
  z-index: 95;*/
  position: absolute;
  top: 40px;
  z-index: 95;
}
.tile_cat{
  background: #55C0B9;
  color: #ffffff;
  font-size: 11px;
  padding: 10px 10px;
  min-width: 100px;
  display: inline-block;
  letter-spacing: 2px;
  font-family: ClarikaProGeo-Rg;
}
.tile_cat.purple_cat{
  background: #8671AF;
}
.tile_cat.green_cat{
  background: #96CB70;
}
.tile_title{
  /*margin-top: 20px;*/
  display: block;
  transition: color 0.25s ease-in-out;
}
.joy_tile img{
  display: block;
  position: relative;
  z-index: 1;
  transition: opacity 0.25s ease-in-out;
}
.tile_layout .joy_tile:hover img{
  opacity: 0.8;
}
.tile_layout .joy_tile:hover .tile_title{
  color: #55C0B9;
}
.joy_tile_author{
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  color: #404040;
  /*margin-top: 18px;*/
  margin-top:5px;
}
.joy_tile_author a{
  display: inline;
}
.tile_learn{
  background: #96CB70;
}
.tile_taste{
  background: #F96969;
}
.tile_watch{
  background: #ea962d;
}
.tile_shop{
  background: #876ead;
}
.message_block{
  width: 100%;
  padding: 45px 36px;
  position: relative;
  background-size: cover;
  /*height: 160px;*/
  border: solid 1px #e2e2e2;
  text-align: left;
}
.message_block span {
  width: 49%;
  float: left;
  font-size: 22px;
  line-height: 1.75em
}
.message_btn{
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
}
.float_right{
  float: right;
}
.float_left{
  float: left;
}
.round_img{
  border-radius: 50%;
}
.round_img.author{
  min-width:150px;
}
.align_left{
  text-align: left;
}
.align_right{
  text-align: right;
}
.centernarrow{
  width:75%;
  margin:0 auto;
  text-align: justify;
}
.align_center{
  text-align: center;
}
.block{
  display: block;
}
.inline_block{
  display: inline-block;
}
.blog_banner.green_banner{
  background: #f3f9ed;
}
.blog_banner.purple_banner{
  background: #F1ECF4;
}
.blog_banner.green_banner h2{
  color: #96CB70;
}
.blog_banner.yellow_banner{
  background: #fcedd9;
}
.blog_banner.yellow_banner h1{
  color: #FFA95A;
}
.blog_banner.contact_banner{
  background: none;
}
.blog_banner.contact_banner h1{
  color: none;
}
.blog_banner.pink_banner{
  background: #faeaed;
}
.blog_banner.pink_banner h1{
  color: #F96969;
}
.blog_banner.no_margin h1{
  font-size:35px;
  padding:20px 0 0 60px;
}
.arrow_down{
  display: inline-block;
  width: 0;
  height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #404040;
}
.joyous_u_banner{
  /* padding: 16px 0 0 0; */
  text-align: left;
  /*margin-bottom: 24px;*/
}
.joyous_u_banner:after{
  content: "";
  display: block;
  clear: both;
}
.joyous_u_banner .cwidth{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}
/*.joyous_u_banner img{
  max-width: 180px;
}*/
.joyous_u_banner_content{
  display: inline-block;
  width: 75%;
  text-align: center;
}
.joyous_u_banner_content span{
  display: block;
}
.joyous_u_banner_btn{
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  display: inline-block;
  padding: 9px 0;
  /*right: 15px;*/
}

.joy_u_banner_title{
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
  font-size: 32px;
  display: block;
  padding: 0px 0px 20px 0px;
}
.joyous_u_banner_content .joy_btn{
  display: none;
}
.joyous_u_program_title_tile {
  text-align: center;
}
.joyous_u_title_container {
  width: 100%;
    color: #404040;
    font-size: 40px;
    z-index: 10;
    text-align: center;
    line-height: 21px;
    margin-top: 15px;

}
.custom_checkbox{
  border: solid 1px #cacaca;
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}
.custom_checkbox.solid_bg{
  background: #ffffff;
}
.custom_checkbox.selected{
  background: #55C0B9;
  border: solid 1px #55C0B9;
  color: #ffffff;
}
.custom_checkbox.solid_bg.selected{
  background: #ffffff;
  color: #55C0B9;
}
.custom_checkbox.selected:after{
  content: '\e804';
  font-family: 'fontawesome';
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog_cat_spanlabel{
  display: none;
}
.v_align{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.joy_btn.joy_btn_green_invert{
  transition:all 0.25s ease-in-out;
}
.col_45{
  width:45%;
}
.navfilter em{
  display:none;
}
.error_msg{
  margin:0;
  color:#f4704a;
}
.payment_thankyou{
  text-align:center;
}
.order_row{
  margin: 15px 15px;
}
.checkoutview_mobile{
  display: none;
}
.ourpromise {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 29px;
    color: #737373;
}
.product_price {
  float:left;
  display: flex;
  margin-top: 2px;
}
.purple_separator {
  border-bottom: solid 3px #876ead;
  width: 70px;
  /* height: 40px; */
  margin-top: 14px;
}
.productdescription {
  font-family: 'ClarikaProGeo-Rg', serif;
  width:418px;
}
.productname{
  font-size: 40px;
  font-family: 'ClarikaProGeo-Rg';
  line-height: 1.2em;
}
.productprice {
  margin:auto;
  margin-right:20px;
  display:none;
}
.productprice_active {
  display: block;
}
.productdescription a {
  color:#55C0B9;
}
.sold_out_btn {
    height: 30px;
    background-color: #303030;
    padding: 0 8px;
    color: #fff;
    /* border-radius: 25px; */
    font-size: 12px;
    display: inline-flex;
    white-space: nowrap;
    float: left;
    margin-right: 20px;
    margin-top: auto;
    margin-bottom: auto;
    letter-spacing: 1px;
  }
.sold_out_label {
  margin:auto;
  font-family: 'ClarikaProGeo-Rg';
    letter-spacing: 1px;
    font-weight: 600 !important;
}
.sale_btn {
    background-color: #D75B7D;
    padding: 0 25px;
    height: 30px;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    display: flex;
    float: left;
    margin-right: 20px;
    margin-top: auto;
    margin-bottom: auto;
  }
.sold_out_label {
  margin:auto;
  font-family: 'ClarikaProGeo-Rg';
    letter-spacing: 1px;
    font-weight: 600 !important;
}
.listall{
  width: 100%;
}
.blog_content .plugindownload a.joy_btn{
  color: white;
  padding: 15px 25px;
  width: auto;
  min-width: 210px;
  margin:10px 0;
}
.blog_content .plugindownload a:hover {
  color: #96CB70;
}
.plugincontainer.pluginpromoblock {
  background: #f9f9f9;
  margin: 30px 0;
}
p.promoblock_adtext {
  text-align: center;
  font-size: .75rem;
  letter-spacing: 2px;
  padding-top: 4%;
}
.confirmation_msg{
  font-size: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: #55C0B9;
}
.collective_text{
  font-size: 20px;
  line-height: 38px;
  letter-spacing: normal;
  padding: 10px 10px;
  font-family:'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}
.navoption.active_filter:after{
  width: 100%;
}
.approved_coupon{
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  background: #ffcc33;
  padding: 15px 10px;
  text-align: center !important;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 20px 0px !important;
}

/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
.font_25{
  font-size: 25px;
}
.font_12{
  font-size: 12px;
}
.chaparral{
  font-family: 'ClarikaProGeo-Rg', serif;
  font-size:20px;
  letter-spacing: normal;
}
.chaparralsmall{
  font-family: 'ClarikaProGeo-Rg', serif;
  font-size:17px;
  letter-spacing: normal;
}
.Clarika{
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}
.font_weight_700{
  font-weight: 700;
}
/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
.row{
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.row:after{
  content: "";
  clear:both;
  display: block;
}

.row.blog_overview_row:after{
  clear:none;
}

.blog_pagekey .row.blog_overview_row:after{
  clear:both;
}

.col{
  float: left;
  padding: 0 15px;
}
.col_right{
  float:right;
  padding: 0 15px;
}
.col_full{
  width: 100%;
}
.col_16{
  width: 16.6667%;
}
.col_one_fifth{
  width: 20%;
}
.col_one_sixth{
  width: 16.66%;
}
.col_one_quarter{
  width: 25%;
}
.col_one_third{
  width: 33.33%;
}
.col_30{
  width: 30%;
}
.col_40{
  width: 40%;
}
.col_one_half{
  width: 50%;
}
.col_60{
  width: 60%;
}
.col_two_thirds{
  width: 66.67%;
}
.col_70{
  width: 70%;
}
.col_three_quarters{
  width: 75%;
}
.col_80{
  width: 80%;
}
.col_83{
  width: 83.3333%;
}

.col_100{
  width: 100%;
}
/*--------------------------------------------------------------
# COLOURS
--------------------------------------------------------------*/
.grey_color{
  color: #333333;
}
.main_colour{
  color: #55C0B9;
  transition:all 0.25s ease-in-out;
}

.main_colour .member_header svg path{
fill: #fff;
}
.main_colour:hover{
  color:#048e9b;
}

@media screen and (max-width: 1025px){
  .icon_hover svg:hover path{
    fill: #55C0B9 !important;
  }

  .main_colour:hover {
    color: #55C0B9;
  }
}
.main_colour_dark{
  color: #579b96;
}
.link_colour{
  color: #55C0B9 !important;
  cursor:pointer;
  transition:all 0.2s ease-in-out;
}
.link_colour:hover{
  color:#404040 !important;
}
.link_colour a{
  color: #55C0B9 !important;
  cursor:pointer;
  transition:all 0.2s ease-in-out;
}
.link_colour:hover a{
  color:#404040 !important;
}
.dark_grey{
  color: #404040;
  transition:all 0.2s ease-in-out;
}
.white_color{
  color:#fff !important;
}

.medium_grey{
  color: #999999;
}
.blue_color{
  color: #55C0B9;
}
.green_color{
  color: #96CB70;
  transition:all .25s ease-in-out;
}
.green_color:hover{
  color:#6e9e3c;
}
.white_color{
  color: #ffffff;
  line-height: normal;
}
.primary_colour{
  color: #55C0B9;
}
.greybg{
  background:#f4f4f4;
  padding:30px 0;
}
/*--------------------------------------------------------------
# BUTTONS
--------------------------------------------------------------*/
.joy_btn{
  text-transform: uppercase;
  padding: 15px 0;
  border-radius: 45px;
  font-size: 14px;
  text-align: center;
  background: #55C0B9;
  color: #ffffff;
  letter-spacing: 2px;
  max-width: 100%;
    width: 210px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    z-index: 3;
}
.trans_btn{
  background: rgba(0, 0, 0, 0.2);
  transition:all 0.25s ease-in-out;
}
.trans_btn:hover{
  background:rgba(255,255,255, 0.2);
}
.joy_btn.joy_btn_green{
  background: #55C0B9;
  border: solid 1px #55C0B9;
  transition:all 0.25s ease-in-out;
  font-weight: 700;
}
.joy_btn_green:hover{
  background:#ffffff;
  color:#55C0B9;
  border: solid 1px #55C0B9;
}
/*.joy_btn.add_the_event{
  margin-top:20px;
}*/
.joy_btn_wish {
    background: #ffffff;
    border: solid 1px #876ead;
    transition: all 0.25s ease-in-out;
    color:#876ead;
}
.joy_btn_wish:hover{
  background:#876ead;
  color:#ffffff;
  border: solid 1px #876ead;
}
.joy_btn.pink_btn{
  background: #bb2d89;
}
.joy_btn.joy_btn_green_invert{
  transition:all 0.25s ease-in-out;
  border: solid 1px #55C0B9;
  color: #55C0B9;
  background: #ffffff;
}
.pink_btn{
  transition:all 0.25s ease-in-out;
}
.pink_btn:hover{
  background:#d83da2;
}
.joy_btn.joy_purple_btn{
  background: #876ead;
  transition:all 0.25s ease-in-out;
}
.joy_btn.joy_purple_btn:hover{
  background: #5E4584;
}

.joy_btn.joy_grey_btn{
  background:#dedede;
  color:#444444;
  cursor:default;
}

.joy_btn_dark_green{
  background:#7da255;
  border: solid 1px #96CB70;
  transition:all 0.25s ease-in-out;
}
.joy_btn_dark_green:hover{
  background:#96CB70;
  border: solid 1px #ffffff;
}
.joy_btn_invert{
  transition:all 0.25s ease-in-out;
  border: solid 1px #ffffff;
  color: #ffffff;
  background:#96CB70;
}
.joy_btn_invert:hover{
  background:#7da255;
  border: solid 1px #96CB70;
}
#banner_btn{
  /*margin-right: 25px;*/
}
.add_to_cart{
  padding-left: 0px;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.header{
  position: fixed;
  width: 100%;
  top: 0;
  background: #ffffff;
  /*z-index: 10000;*/
  z-index: 100;
  height: 124px;
  margin-top: 0;
  transition: all 0.7s ease-in-out;
}

.header.header_drop{
  /*margin-top: -59px;*/
  height: 60px;
}

.header_drop .menu_item{
  margin-right: 60px;
}

.header_drop .small_logo{
  opacity: 1;
  visibility: visible;
  /*transition: all 2.25s ease-in-out 0.5s;*/
}

.header_search{
  position: absolute;
  top: 0;
  width: 100%;
}
.header_search button{
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  padding: 0;
}
.search_login{
  position: absolute;
  right: 0;
  top: 16px;
  line-height: 30px;
  width: 100%;
  z-index: 2;
}

.search_login img{
  width: 30px;
  margin-left: 7px;
}

.header.header_drop.search-active {
  top: 59px;
}

.account-link-dropdown {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: .375rem;
}

#account_drop{
  width: 165px;
  right: 18px;
  top: 55px;
  background: #f9f9f9;
  position: absolute;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 200;
}
#account_drop:after{
  content: "";
  width: 0;
  height: 0;
  /* border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #70c1bb;*/
  position: absolute;
  top: -10px;
  left: 80px;
}
#account_drop ul{
  position: relative;
  z-index: 1000;
}
#account_drop a{
  color: #404040;
  display: block;
  padding: .5rem;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  text-align:center;
}

.dropdown_login {
  border-top: 1px solid #dfdfdf;
  margin: .75rem 0 0 0;
}

#account_drop a:hover{
  color: #55C0B9;
}
#account_drop.droped{
  visibility: visible;
  opacity: 1;
  border: 1px solid #dfdfdf;
}
#account_drop_click_box{
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 999;
}
#account_drop_click_box.droped{
  display: block;
}

.logo_bar_nav{
  float:right;
  /*margin-right: 25px;*/
  transition: all 0.25s ease-in-out;
}
.header_avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 7px;
}
#cart_total_count{
  position: absolute;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  top: 13px;
  font-size: 9px;
  width: 15px;
  right: 5px;
  color: #55C0B9;
}
.logo_bar_nav img{
  margin-top:-1px;
  cursor:pointer;
}
.logo_bar_nav a.login{
  margin-right: 7px;
}
.search_container{
  float: right;
  text-align: right;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#search_bar{
  position: absolute;
  width: 0%;
  height: 35px;
  background: #ffffff;
  border: solid 1px #e2e2e2;
  right: 0;
  top: 0;
  z-index: 10001;
  transition: all 0.25s ease-in-out;
  visibility: hidden;
}
#search_bar img,
#search_bar form{
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
}
#search_bar_hidden_box{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  cursor: pointer;
}
#search_bar input{
  border: none;
  width: 85%;
  height: 100%;
  float: left;
  padding: 5px 15px;
  outline: none;
  color: #55C0B9;
  font-size: 16px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif !important;
}
#search_bar input::-webkit-input-placeholder {
   color: #55C0B9;
   font-size: 16px;
}

#search_bar input:-moz-placeholder { /* Firefox 18- */
   color: #55C0B9;
   font-size: 16px;
}

#search_bar input::-moz-placeholder {  /* Firefox 19+ */
   color: #55C0B9;
   font-size: 16px;
}

#search_bar input:-ms-input-placeholder {
   color: #55C0B9;
   font-size: 16px;
}
#fixed_searchbar{
  display: none;
}
/*--------------------------------------------------------------
# MENU
--------------------------------------------------------------*/
.menu{
  width: 100%;
  position: relative;
}
.mega_col{
  padding: 0 15px;
  position: relative;
}
.menu_col_15{
  width: 15%;
}
.menu_col_21{
  width: 21.5%;
}
.menu_col_45{
  width: 42.5%;
}
.menu_col_64{
  width: 63.75%;
}
.menu_col_middle:before,
.menu_col_middle:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e2e2e2;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.menu_col_middle:before{
  left: 0;
}
.menu_col_middle:after{
  right: 0;
}
.mega_featured_menu.menu_col_last:before{
  left:-10px;
}
.menu_col_last:before{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e2e2e2;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.menu_col_last:before{
  left: 0;
}
.menu_item{
  position: relative;
  display: inline-block;
  margin-right: 120px;
  /*z-index: 2;*/
  transition: margin-right 0.25s ease-in-out;
}
.header_drop .menu_item{
  z-index: 2;
}
.menu_item:last-child{
  margin-right: 0;
}
.menu_item_link{
  text-transform: uppercase;
  color: #333333;
  letter-spacing: 0.15em;
}

.mega_menu{
  visibility: hidden;
  opacity: 0;
  /*position: absolute;*//*mega_menu is relative to .menu*/
  position: fixed;
  width: 100%;
  left: 0;
  padding-top: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);
  -moz-box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);
  box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);

  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.mega_menu_{
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 40px 0;
}
.mega_menu:before{
  left: -100%;
}
.mega_menu:after{
  right: -100%;
}
.menu_item:hover .menu_item_link,
.menu_item_link.active_menu{
  color: #55C0B9;
}
.menu_item:hover .mega_menu{
  opacity: 1;
  visibility: visible;
}
.mega_mini_menu{
  text-align: right;
}
.mega_mini_menu li{
  margin: 10px 0;
  text-transform: uppercase;
}
.mega_mini_menu a{
  color: #333333;
  position: relative;
}
.mega_mini_menu a:hover:after{
  content: "";
  width: 100%;
  height: 5px;
  background: #55C0B9;
  position: absolute;
    left: 0;
    bottom: -8px;
    border-radius: 10px;
}
.mega_menu_img_{
  position: relative;
}
.mega_menu_img_:after{
  content: "";
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mega_menu_img{
  width: 100%;
  position: relative;
  z-index: 2;
  display: block;
  transition: opacity 0.25s ease-in-out;
}
.mega_menu_img:hover{
  opacity: 0.8;
}
.mega_col_heading{
  font-size: 16px;
  text-align: left;
  padding-left: 15px;
  margin-bottom: 20px;
}
.mega_pick_list a{
  display: block;
  text-align: left;
  margin: 5px 0;
}
.pick_title,
.pick_cat,
.mega_menu_block{
  transition: color 0.25s ease-in-out;
}
.pick_title:hover,
.mega_menu_block:hover .image_title{
  color: #55C0B9;
}
.pick_cat:hover{
  color: #404040;
}
.pick_cat{
  margin: 0 !important;
}
.pick_title{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
#menu_outside_click{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 250px;
  display: none;
  z-index: 99999;
  cursor:pointer;
}
#mmenu{
  display:none;
  position: fixed;
  width: 250px;
  left: -250px;
  top: 0;
  z-index: 101;
  text-transform: uppercase;
  height: 100%;
    border-right: solid 1px #cacaca;
    background-color:#fff1;
  transition: left 0.25s ease-in-out;
  z-index: 9999;
    background: #fff;
}
#hamburger{
  width: 25px;
  height: 18px;
  position: absolute;
  right: -38px;
  top: 25px;
  cursor: pointer;
}
#hamburger *{
  transition: all 0.25s ease-in-out;
}
#center_line{
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background: #404040;
  position: absolute;
  top: 50%;
  margin-top: -0.5px;
}
#top_line,
#bottom_line{
  width: 100%;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  background: #404040;
  transform-origin: left;
  transition: transform 0.25s ease-in-out;
}
#top_line{
  top: -1px;
  left: 0;
}
#bottom_line{
  bottom: -2px;
  right: 0;
}
#center_line:after,
#top_line:after,
#bottom_line:after{
  content: "";
  width: 100%;
  height: 100%;
  background: #55C0B9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;

  transition: width 0.25s ease-in-out;
}
.member_page #center_line:after,
.member_page #top_line:after,
.member_page #bottom_line:after{
  background: #ffffff;
}

.open_ham #center_line:after,
.open_ham #top_line:after,
.open_ham #bottom_line:after{
  width: 0;
}
.open_ham #center_line:after{
  transition-delay: 0.6s;
}
.open_ham #top_line:after{
  transition-delay: 0.5s;
}
.open_ham #bottom_line:after{
  transition-delay: 0.6s;
}
.open_ham #top_line{
  transition-delay:0.85s;
  transform:rotate(45deg);
}
.open_ham #center_line{
  opacity: 0;
  transition-delay:0.85s;
}
.open_ham #bottom_line{
  transition-delay:0.85s;
  transform:rotate(-45deg);
}
.mmenu_dropdown{
  opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.mmenu_dropdown li{
  margin: 14px 0;
  font-size: 14px;
}
.mmenu_dropdown a{
  text-decoration: none;
  color:#404040 !important;
  font-weight: 600;
}
.menuitem_{
  border-top: solid 1px #e3e3e3;
  padding: 20px;
  text-align: left;
}
.top_menuitem_{
  border: none;
  background: #f4f4f4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.menuitem{
  color: #333333;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.menuitem i{
  float: right;
  margin-right: 5px;
  font-size: 18px;
  transition: transform 0.25s ease-in-out;
}
#mmenu .menuitem_:last-child{/*last menu-item*/
  border-bottom: solid 1px #e3e3e3;
}
.small_menu{
  position: relative;
}
.drop_down_list{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  width: 250px;
  background: #ffffff;
  padding: 15px 0;
  /*top: 31px;*/
  -webkit-box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);
    -moz-box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);
    box-shadow: 0px 21px 38px -4px rgba(161,159,161,1);

  transform: translateX(-50%);
  transition: all 0.25s ease-in-out;
}
.menu_item:hover .drop_down_list{
  opacity: 1;
  visibility: visible;
}
.drop_down_list a{
  color: #333333;
  display: inline-block;
  position: relative;
}
.drop_down_list a:after{
  content: "";
  width: 0;
  height: 1px;
  background: #333333;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: width 0.6s ease-in-out;
}
.drop_down_list a:hover:after{
  width: 100%;
}
.drop_down_list li{
  padding: 5px 0;
}
/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
#hero {
  background-color: #8f959e;
  display: flex;
  justify-content: center;
}
/* Accordian tabs */
.hero-header-button{
  transition: all 0.25s ease-in-out;
}

.hero-header-button.blue_tab:hover{
  background: #ffffff;
  color: #55C0B9;
}
.hero-header-button.green_tab:hover{
  background: #ffffff;
  color: #96CB70;
}
.hero-header-button.pink_tab:hover{
  background: #ffffff;
  color: #F96969;
}
.hero-header-button.orange_tab:hover{
  background: #ffffff;
  color: #ea962d;
}
.hero-header-button.purple_tab:hover{
  background: #ffffff;
  color: #876ead;
}
.hero-header-button.purple_tab{
  width: 245px;
}
.main_tab {
    display: block;
    height: 550px;
    position: relative;
    overflow: hidden;
}
.main_tab:after{
  content: "";
  display: block;
  clear: both;
}
.main_tab li {
    float: right;
    height: 100%;
}
.accordian_tab {
    display: block;
    color: #ffffff;
    position: relative;
    width: 5%;
    z-index: 20;
    cursor: pointer;
    /*overflow-y: hidden;*/
    transition: background 0.25s ease-in-out;
}
.accordian_tab.blue_tab:hover,
.accordian_tab.blue_tab.active{
  background: #62aea9;
}
.accordian_tab.green_tab:hover,
.accordian_tab.green_tab.active{
  background: #8cb65f;
}
.accordian_tab.pink_tab:hover,
.accordian_tab.pink_tab.active{
  background: #c3516e;
}
.accordian_tab.orange_tab:hover,
.accordian_tab.orange_tab.active{
  background: #d28728;
}
.accordian_tab.purple_tab:hover,
.accordian_tab.purple_tab.active{
  background: #79639b;
}
/*.accordian_tab:hover + .tab_content{
  width: 2%;
}*/
.accordian_tab .learn_slider_arrow_next{
  margin-top: -50px;
  right: 34px;
}
.inner_tab_shadow{
  -webkit-box-shadow: 7px 7px 58px -16px rgba(0,0,0,0.75);
  -moz-box-shadow: 7px 7px 58px -16px rgba(0,0,0,0.75);
  box-shadow: 7px 7px 58px -16px rgba(0,0,0,0.75);
  width: 100%;
  height: 100%;
  position: absolute;
}
.accordian_tab .tab_label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    width: 100%;
}
.accordian_tab .tab_label .tab_heading {
    transform: rotateZ(90deg);
    display: block;
    transform-origin: center;
    text-align: right;
}

.accordian_tab .icon_box {
    position: relative;
    margin: 35px auto 0;
    max-width: 50px;
}

.accordian_tab .icon_box:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
}

.accordian_tab .icon_box .tab_icon {
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    background-size: 100%;
}
.home_slide{
  position: relative;
  height: 420px;
  background-color: #F1F8ED;
}
.home_slide .accordian_welcome{
  line-height: 1.5em;
  padding: 26px 36px !important;/*overwrite cal.css*/
}
.home_slide .accordian_welcome h1{
  font-size: 28px;
}
.hero-header-title{
  z-index: 2;
}
.tab_content {
    width: 0%;
    overflow: hidden;
    background-size: cover;
    float: right;
    height: 100%;
    position: relative;
    z-index: 19;
    transition: width 0.6s ease-in-out;
}
.tab_content:after,
.home_slide:after{
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.35) 88%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.logged_in_home:after{
  display: none;
}
.tab_content .hero-header-title{
  z-index: 2;
    opacity: 0;
    transition:opacity 300ms ease-in-out 0ms;
    -ms-transition:opacity 300ms ease-in-out 0ms;
    -webkit-transition:opacity 300ms ease-in-out 0ms;
    -o-transition:opacity 300ms ease-in-out 0ms;
    -moz-transition:opacity 300ms ease-in-out 0ms;
}
.tab_content.active .hero-header-title{
    opacity: 1;
    transition-delay:600ms;
    -ms-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -moz-transition-delay:600ms;
}
.tab_content.active{
    width: 70%;
}
.blue_tab {
    background: #55C0B9;
}
.accordian_tab .icon{

}
.read_icon {
    background-image: url(//i.joyoushealth.com/read-icon2x.png);
}
.green_tab {
    background: #96CB70;
}
.learn_icon {
    background-image: url(//i.joyoushealth.com/learn-icon2x.png);
}
.orange_tab {
    background: #ea962d;
}
.watch_icon {
    background-image: url(//i.joyoushealth.com/watch-icon2x.png);
}
.pink_tab {
    background: #F96969;
}
.taste_icon {
    background-image: url(//i.joyoushealth.com/taste-icon2x.png);
}
.purple_tab {
    background: #876ead;
}
.shop_icon {
    background-image: url(//i.joyoushealth.com/shop-icon2x.png);
}
.accordian_welcome{
  width: 900px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}
.accordian_user_img{
  width: 128px;
  display: block;
  float: left;
  border-radius: 50%;
  margin-right: 30px;
}
.accordian_msg{
  position: relative;
}
.accordian_text{
  position: absolute;
    top: 50%;
    left: 162px;
    transform: translateY(-50%);
}
.accordian_row{
  margin-top: 44px;
}
.accordian_col h3{
  font-size: 16px;
  color: #21bec7;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: solid 1px #21bec7;
  width: 100%;
  margin-bottom: 18px;
  letter-spacing:1px;
}
.accordian_col span{
  vertical-align: top;
}
.welcome_icon{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 6px;
}
.accordian_welcome li{
  float: none;
  margin-bottom: 15px;
}
.accordian_welcome h1{
  text-transform: uppercase;
  color: #ffffff;
  width: 490px;
  margin: 50px 0;
}
.home_clientrow img{
  webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}

.algolia-autocomplete {
        width: 100%;
        display: block !important;
      }
      .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
        text-align: left;
      }
      .main_search_container{
        z-index: 1000;
        /*opacity: 0;*/
      }
      .main_search_container form {
        /*display: flex;*/
      }
      .main_search_container input {
        /*width: */
      }
      .algolia-autocomplete .aa-hint {
        color: #55C0B9;
      }
      .algolia-autocomplete .aa-dropdown-menu {
        width: 85%;
      background-color: #fff;
      border: 1px solid #ecf5f4;
      margin-top: 40px;
      position: relative;
      text-align: left;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
        cursor: pointer;
        padding: 8px 9px;
        border-style: solid 1px;
      }
      .aa-suggestion-author {
        font-size: 14px;
        color: grey;
        margin-bottom: 5px;
      }
      .aa-suggestion-title {
      line-height: 1.3;
      margin-top: 6px;
      }
      .aa-suggestion-content{
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      }
       .aa-suggestion-container {
        height: 65px;
        display: flex;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
        background-color: #e1f3f3;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
        font-weight: bold;
        font-style: normal;
        color:#55C0B9;
      }
      #hamburger.search-active {
        position: fixed;
      }
      .aa-suggestion-thumb {
        width:auto;
        height:60px;
        margin-top:auto;
        margin-bottom:auto;
      }
      .aa-suggestion-icon {
        width:25px;
        height:25px;
        margin-top:auto;
        margin-bottom:auto;
      }
      .aa-suggestion-show-all {
        margin-top: auto;
        margin-bottom: auto;
        font-weight: 600;
      }
      @media screen and (max-width: 900px){
        .algolia-autocomplete .aa-dropdown-menu {
          background-color: #fff;
          border: 1px solid #ecf5f4;
          position: relative;
          text-align: left;
          margin-top:40px;
        }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion{
      cursor: pointer;
        padding: 10px 10px 10px 10px;
        height: unset;
        border-style: solid 1px;
    }
    .aa-suggestion-container{
        display: flex;
    }
    .aa-suggestion-title {
        margin-top:0px;
      }
      }

      @media screen and (max-width: 636px){
        .algolia-autocomplete .aa-dropdown-menu {
          /* margin-top: 40px; */
          width:100%;
        }
      .aa-suggestion-title {
        margin-top:0px;
      }
    .algolia-autocomplete .aa-dropdown-menu {
    padding: 0;
    }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
      padding: 12px 9px 12px 9px;
    }

      }

/*--------------------------------------------------------------
# NEWSLETTER
--------------------------------------------------------------*/
.relative{
  position: relative;
}
.newsletter_signup{
  text-align: left;
  padding: 40px 0;
  background: #e2e2e2;
  /*margin-bottom: 20px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
}
.newsletter_signup_inputs {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsletter_signup_inputs form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 840px;
  align-items: center;
}

.newsletter_col1{
  /*width: 43%;*/
}
.newsletter_col2{
  /*width: 57%;*/
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  font-size: 20px;
}
.newsletter_input_col1{
  width: 30%;
}
.newsletter_input_col2{
  width: 45%;
}
.newsletter_input_col3{
  width: 25%;
}
.news_heading{
  font-size: 26px;
}
.newsletter_signup_title {
  font-size: 30px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing:1px;
  margin-bottom:10px;
}
.newsletter_signup_desc {
  color: #fff;
  font-size: 23px;
  margin-bottom: 40px;
  text-align: center;
}
.news_inputs{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.news_input{
  border: none;
  padding: 14px 18px;
  width: 292px;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  font-family: ClarikaProGeo-Rg;
}

.newsletter_signup img{
  position: relative;
  max-width: 175px;
  max-height: 238px;
}
.newsletter_signup .joy_btn{
  display: flex;
  width: 220px;
  height:50px;
  padding: 0;
  justify-content: center;
  align-items: center;
  font-family: ClarikaProGeo-Rg;
}

.newsletter_signup .joy_btn:hover{
  opacity: 0.7;
}
.news_input::-webkit-input-placeholder{
  -webkit-text-fill-color: #999999;
  letter-spacing: 0.3em;
  font-family: 'Clarika', sans-serif !important;
  text-transform: uppercase;
}
.news_input::-moz-placeholder{
  color: #999999;
  letter-spacing: 0.3em;
  font-family: 'Clarika', sans-serif !important;
  text-transform: uppercase;
}

.about_joy_container {
  display: flex;
  flex-direction: row;
  text-align: left;
  /*margin: 0 25px;*/
  margin: 48px auto;
}
.about_joy_img_container {
  width: 50%;
}
.about_joy_img_container img {
  width: 100%;
}

.about_joy_container h3 {
  padding-left: 25px;
  /*margin: 20px 0;*/
  font-size: 22px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}

.about_joy_container p {
  padding-left: 25px;
  margin: 20px 0;
  font-size: 18px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}

.home_section_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
}

.home_section_text {
  width: 90%;
  padding-bottom: 10px;
}

.about_joy_btn {
  margin-left: 25px;
  font-family:ClarikaProGeo-Rg;
}

.about_joy_btn:hover{
  opacity: 0.7;
}

.about_joy_container_mobile {
  display: none;
}

@media screen and (max-width:700px){
  .about_joy_container {
    display: none;
  }
  .about_joy_container_mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .home_section_text {
    width: unset;
    text-align: left;
    padding: 30px 50px 10px 50px;
  }
  .about_joy_container img {
    width: 100%;
  }

  .about_joy_container h3 {
    padding-left: 0;
    margin: 20px 0;
    font-size: 22px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  }

  .about_joy_container p {
    padding-left: 0;
    margin: 20px 0;
    font-size: 16px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  }
  .about_joy_btn {
    margin-left: 50px;
  }

  .about_joy_img_container {
    width: 100%;
  }
  .about_joy_img_container img {
    width: 100%;
    padding:0px 30px;
  }
}
@media screen and (min-width:800px) and (max-width: 1024px){
  .home_section_text {
    width: 96%;
  }
}
@media screen and (min-width:700px) and (max-width: 1024px){
.home_section_text {
    width: 96%;
  }
}
/*--------------------------------------------------------------
# JOYOUS COLLECTIVE
--------------------------------------------------------------*/
.joyous_collective{
  width: 100%;
  height: 450px;
  background:#55C0B9;
  /*background-image: url(images/promo/collective.bg.jpg?v=1.1);*/
  background-position: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-size: cover;
  margin-bottom: 24px;
}
.joyous_collective .col_one_half{
  height: 100%;
}
.collective_col{
  height: 100%;
  width: 100%;
  position: relative;
}
/*.collective_col{
  padding-bottom: 62%;
  width: 100%;
  position: relative;
}*/
.collective_image{
  background-size:cover;
}
.green_bg{
  background: #96CB70;
}
.abs_col{
  color: #ffffff;
  padding: 25px 40px;
  width: 960px;
}
.abs_col img{
  width: 180px;
  margin: 0 auto;
}
.abs_col p{
  margin: 0;
}
.abs_col .joy_btn{
  width: 210px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 15px;
  background-color: #55C0B9;
  color: #fff;
  border: 1px solid #fff;
}
.abs_col .joy_btn:hover{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}
.collective_image .abs_col{
  visibility: hidden;
}

/*--------------------------------------------------------------
# ABOUT
--------------------------------------------------------------*/
.about_intro{
  width: 767px;
  margin: 0 auto;
  color: #404040;
  font-family: 'Wulkan Display';
}
/*.about_intro p{
  font-size: 16px;
  line-height: 1.5em;
}*/
.about_video_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
#about_video{
  position: relative;
  width: 100%;
  max-width: 876px;
  /*height: 535px;*/
  /*max-height: 535px;*/
  /*margin: 40px 0;*/
  /*overflow: hidden;*/
}
.about_video_bio {
  font-size: 28px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 400;
  color: #404040;
  padding: 0 5px;
  margin-bottom: 30px;
}
#about_video video{
  display: none;
  /*position: absolute;*/
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
#about_video img{
  /*position: absolute;*/
  width: 876px;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#about_video_controls{
  position: absolute;
  top: 66%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#about_video_title{
  font-size: 38px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#joy_story{
  width: 635px;
  color: #404040;
  margin: 0 auto;
}
#about_timeline{
  color: #404040;
  width: 1020px;
  height: 350px;
  margin: 175px auto 50px;
  position: relative;
}
#about_timeline_viewport{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#about_timeline_viewport:after{
  content: "";
  display: block;
  clear: both;
}
#clients_section {
  margin-bottom: 24px;
}
.timeline_img{
  display: block;
}
.timeline_year{
  font-size: 12px;
  display: block;
  margin-bottom: 15px;
}
.timeline_title{
  font-size: 32px;
}
.timeline_content{
  line-height: 1.5em;
  padding: 0 15px;
}
#about_timeline_dots{
  position: absolute;
  top: -95px;
  left: 0;
  width: 100%;
  height: 16px;
}
#about_timeline_dots:before{
  content: "";
  width: 90%;
  height: 1px;
  position: absolute;
  background: #55C0B9;
  top: 50%;
  left: 50%;
  margin-top: -0.5px;
  margin-left: -45%;
  z-index: 1;
}
.about_timeline_dot{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #55C0B9;
  margin-right: 11.5%;
  position: relative;
  z-index: 2;
  cursor:pointer;
}
.about_timeline_dot i{
  font-style: normal;
  position: absolute;
  top: -30px;
  left: 50%;
    transform: translateX(-50%);
}
.about_timeline_arrow{
  width: 40px;
  height: 100px;
  display: block;
  position: absolute;
  background-size:cover;
  cursor: pointer;
}
#about_timeline_next{
  background-image:url(//i.joyoushealth.com/about-arrow-next.jpg);
  right: -40px;
  top: 50%;
  margin-top: -50px;
}
#about_timeline_dots span:last-of-type{
  margin-right: 0;
}
.about_timeline_dot a{
  display: none;
}
.active_timeline{
  background: #96CB70;
}
#about_contact{
  background: #f4f4f4;
  padding: 50px 0;
  margin-top: 50px;
}
.about_contact_btn{
  margin-top: 40px;
  margin-right: 30px;
}
#about_contact a:last-of-type{
  margin-right: 0;
}
.ask_btn,.about_video_btn,.about_contact_btn,.joyous_u_banner_btn,.press_contact_btn, .checkout_btn, .cart_login_btn{
  transition:all 0.25s ease-in-out;
}
.ask_btn:hover,.about_video_btn:hover,.about_contact_btn:hover,.joyous_u_banner_btn:hover,.press_contact_btn:hover, .checkout_btn:hover, .cart_login_btn:hover{
  opacity: 0.7;
}
/*--------------------------------------------------------------
# TEAM
--------------------------------------------------------------*/
.large_team_img{
  width:336px;
  margin: 0 auto;
  min-width: 190px
}
.small_team_img{
  width: 250px;
}
.team_row{
  margin-top: 65px;
}
.team_role{
  margin: 3px 0 20px;
  font-size:18px;
}
.team_block p{
  line-height: 1.7em;
  padding: 0 25px;
  text-align:left;
  font-size: 16px
}
.small_team_name{
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 22px;
  letter-spacing: 1px;
}
/*--------------------------------------------------------------
# PRESS AND MEDIA
--------------------------------------------------------------*/
.row.media{
  margin-top:10px;
}
.row.media a{
  cursor:pointer;
}
.article.container_image{
  padding-bottom:25%;
}
.client.container_image{
  padding-bottom:66%;
}
.container_image{
  margin-top:10px;
  position:relative;
  transition:all 0.5s ease-in-out;
}

.article_container_title{
  margin-top:10px;
}

.container_image a{
  display:block;
  position:absolute;
  height:100%;
  width:100%;
}
.container_image img{
  display:block;
  position:absolute;
  height:100%;
  width:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.container_image:hover{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.videocontainer{
  float:left;
  width:65.5%;
  overflow:hidden;
  padding-bottom:36%;
  position:relative;
}
.videocontainer img{
  position:absolute;
  left:0;
}

#toggle_container{
  max-height:0px;
  overflow:hidden;
}

#toggle_container_articles{
  max-height:0px;
  overflow:hidden;
}
.logo_sixth_col{
  padding-bottom:15px;
}
.press_contact_btn{
  margin:30px;
  margin-top:0px;
}
.row.media.intro{
  width:88%;
  margin:0 auto;
}
.row.media.intro p{
  font-size:18px;
}
.pressinfo h3{
  padding:30px 60px;
  font-size:32px;
}
.pressinfo p{
  padding:0 10px;
  margin:0 auto 30px auto;
  font-size:18px;
  line-height: 1.7em;
}
.pressinfo p:last-child{
  margin-bottom: 0px;
}
.videoplayer{
  padding:0;
  width:100%;
}
.playlist-press {
    width: 34%;
    height: 421px !important;
    float: left;
    background-color: #f4f4f4;
    overflow-y: scroll !important;
}
.playlist{
  width:34%;
  height:100%;
  float:left;
  background-color:#f4f4f4;
}
.playlistrow{
  width:100%;
  height:25%;
  padding: 4px 0;
  position:relative;
  background-color:#f4f4f4;
  cursor:pointer;
}
.playlistcontainer{
  width:100%;
  height:100%;
  padding-top:10px;
  padding-bottom:10px;
}
.videoinfo span{
  float:left;
}
.videodate{
  margin-top:10px;
}
.videotitle{
  text-align:left;
  padding-right:10px;
  clear:both;
}

.videoinfo{
  position:relative;
  width:50%;
  float:right;
}
.videoimage{
  width:160px;
  height:80px;
  position:relative;
  margin-top:10px;
}
.pressarticlelink {
  color:#404040;
}
.articlerow {
  padding-bottom: 20px;
}

/*--------------------------------------------------------------
# SPEAKING
--------------------------------------------------------------*/
.speaking_icon{
  width: 45px;
  height: 45px;
  margin-bottom: 33px;
}
.speaking_block p{
  padding: 0 30px;
  line-height: 1.7em;
  font-size: 18px;
}
.speaking_block{
  margin-bottom: 30px;
    margin-top: 30px;
}
#testimonials{
  width: 100%;

  margin-top: 80px;
  position: relative;
}
#testimonials_viewport{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#testimonials_viewport:after{
  content: "";
  display: block;
  clear:both;
}
#testimonials p{
  font-style: italic;
  max-width: 767px;
  margin: 0 auto;
  line-height: 1.75em;
}
.dash{
  width: 16px;
  height: 1px;
  background: #404040;
  margin: 20px auto;
  border: none;
}
.testimonials_dot_container{
  position: absolute;
  top: -35px;
  width: 100%;
}
.testimonials_dot{
  width: 16px;
  height: 16px;
  border: solid 1px #cdcdcd;
  margin: 0 8px;
  background: #ffffff;
  border-radius: 50%;
  cursor:pointer;
}
.testimonials_dot a{
  display: none;
}
.testimonials_active{
  background: #96CB70;
  border: solid 1px #96CB70;
}
.speakinginfo{
  padding:30px;
}
.speakinginfo h3,
.speakinginfo p{
  text-align:left;
}
.speakinginfo p{
  font-size: 18px;
    line-height: 1.7em;
}
/*--------------------------------------------------------------
# BLOG OVERVIEW
--------------------------------------------------------------*/
.blog_tile_bg.author_blog_bg{
  padding-bottom: 42%;
}

.blog_tile_bg{
  position:relative;
  width:100%;
  padding-bottom:66.6%;
}
.blog_tile_bg img{
  cursor:pointer;
  position:absolute;
  top:0;
  left:0;
  opacity:1;
  display: block;
  backface-visibility: hidden;
  transition:all 0.25s ease-in-out;
  z-index: -1;
}
.blog_tile_bg img:hover{
  opacity: 0.63;
}
.nav{
  width: 17%;
  position: relative;
  text-align: left;
  /*overflow:hidden;*/
}
.filterneg{display:none;}

.blog_pagekey .mobile_showfilters,
.blog_pagekey .mobile_hidefilters{
  margin-top: 30px;
  margin-bottom: 15px;
}
.mobile_showfilters,
.mobile_hidefilters{
  color:#55C0B9;
  cursor:pointer;
  transition:all 0.25s ease-in-out;
  margin-bottom:30px;
  text-align: center;
  text-transform: uppercase;
}
.mobile_showfilters:hover,
.mobile_hidefilters:hover{
  color:#579b96;
}
.facet_ul a{
  position: relative;
  color: #333333;
}
.facet_ul a:after{
  content: "";
  height: 5px;
    background: #55C0B9;
    position: absolute;
    left: 0;
    bottom: -8px;
    border-radius: 10px;
    width: 0;
    transition: width 0.25s ease-in-out;
}
.facet_ul a:hover:after{
    width: 100%;
}
.navfilter,
.navtitle{
  margin-bottom: 15px;
  margin-top: 15px;
}
.navfilter{
  margin-top:20px;
}
.navtitle{
  /*font-weight: 700;*/
}
.navtitle span.navheader,
.navtitle span.navheader a{
  font-family: 'ClarikaProGeo-Rg';
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    color: #404040;
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
}
.navfilter a,
.navfilter em{
  color: #999999;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
}
.navoption{
  position: relative;
  display: inline-block;
}
.navoption:after{
  content: "";
  width: 0;
  height: 2px;
  border-radius: 5px;
  background: #55c0b9;
  position: absolute;
  left: 0;
  bottom: 0px;
  transition: width 0.15s ease-in-out;
}
.navfilter a{
  cursor: pointer;
}
.multi_nav_option{
  vertical-align: top;
}
.filterclear{
  /*border-radius: 45px;*/
  padding: 8px 0px;
  background: #ecf5f4;
  color: #404040;
  white-space:nowrap;
}
.list{
  width: 83%;
}
.blog_listing_row .col_one_half:nth-child(2n+1){
  clear: left;
}
.blog_overview_row{
  margin-top: 60px;
}
.facet_heading{
  font-size: 19px;
  margin-bottom: 19px;
  display: block;
}
.joy_drop_heading{
  position: relative;
  width: 100%;
  border: solid 1px #e2e2e2;
  display: block;
  height: 43px;
  line-height: 43px;
  padding: 0 15px;
  cursor: pointer;
}
.joy_drop_heading:after{
  content: "";
  position: absolute;
  background: url(//i.joyoushealth.com/dropdown-arrow.jpg);
  width: 12px;
  height: 12px;
  right: 15px;
  top: 17px;
  display: block;
  transform-origin: center;
  transition: transform 0.25s ease-in-out;
}
.joy_drop_container_active .joy_drop_heading:after{
  transform: rotate(-180deg);
}
.joy_drop_container{
  position: relative;
}
.joy_drop_list{
  background: #ffffff;
}
#sort_by{
  margin-bottom: 43px;
  cursor: pointer;
}
.facet_ul li{
  margin: 10px 0;
}
.blog_overview_listing{
  margin: 40px 0;
}
.blog_pagination{
  width: 100%;
  text-align: center;
  color: #999999;
}
.blog_pagination_controls{
  margin: 60px auto;
}
.pagination_arrow{
  text-transform: uppercase;
  display: inline-block;
  color: #55C0B9;
  transition:all 0.2s ease-in-out;
}
.pagination_next_arrow:hover,
.pagination_prev_arrow:hover{
  color:#0e828a;
}
.pagination_arrow img {
  width: 90px;
  margin: 0 20px;
}
#page_input{
  border: solid 1px #e4e4e4;
  width: 58px;
  height: 32px;
  text-align: right;
  font-size: 16px;
  padding-right: 15px;
  color: #999999;
}
#featured_blog p{
  line-height: 1.7em;
  margin-top:10px;
  font-size:18px;
}
.featured_blog_row{
  padding-top: 50px;
}
.featured_blog_row .joy_tile,
.featured_blog_row .joy_tile img{
  margin-bottom: 0;
}
.featured_blog_author_img{
  width: 16%;
  float: left;
  display: inline-block;
}
.featured_author_date{
  position: relative;
}
.featured_blog_author_img img{
  display: block;
  width: 100%;
  border-radius: 50%;
}
.featured_blog_date{
  position: absolute;
    top: 50%;
    width: 84%;
    right: 0;
    padding-left: 20px;
    text-transform: uppercase;
    transform: translateY(-50%);
}

#blog_quote{
  width: 66%;
  margin: 0;
  padding-right: 0;
  font-family: ClarikaProGeo-Rg;
    line-height: 26px;
    letter-spacing: normal;
    font-size: 18px;
}
.blog_cat_spanlabel:before{
  border-top: 6px solid #ecf5f4 !important;
}
.blog_cat_spanlabel a{
  color: #55C0B9;
}
/*--------------------------------------------------------------
# BLOG DETAIL
--------------------------------------------------------------*/
.blog_title_more{
  margin-top:20px;
}
.blog_banner.grey_banner{
  background-color:#f4f4f4;
}
.blog_banner.grey_banner h1{
  color:#404040;
}
.blog_banner{
  text-align: left;
  background: #faf6f1;
  margin-bottom: 32px;
  height: 88px;
  display: flex;
  align-items: center;
}
.no_margin{
  margin-bottom: 0;
}
.blog_banner h1{
  text-transform: uppercase;
  float: left;
  padding-right: 60px;
  /*width: 34%;*/
  color: #404040;
  padding-right: 0;
  font-size: 26px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 500;
}
.purple_text{
  color:#876ead !important; /*override blog banner style to purple for shop page */
  font-size: 12px !important;
  text-align: center !important;
  float: none !important;
}
.blog_banner_full h1{
  width: 100%;
}
.blog_banner p{
  float: right;
  width: 100%;
  padding-right:100px;
  color: #333333;
}
.blog_category_row{
  background: #ecf5f4;
}
.blog_category_row.blog_category_row_green{
  background: #faf6f1;
}
.blog_category_row.blog_category_row_pink{
  background: #faf6f1;
}
.blog_category_row.blog_category_row_yellow{
  background: #faf6f1;
}
.active_cat{
  background:none;
}
.blog_category_menu .active_cat{
  background: #ffffff;
}
.active_cat a{
  color:#fff;
}
.blog_category_menu li{
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.blog_category_menu li a{
  color: #404040;
  display: inline-block;
  padding: 10px 40px;
  border-radius:35px;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.25s ease-in-out;
}
.blog_category_menu li a:hover{
  background: #ffffff;
}
#blog_detail_img{
  display: none;
}
.blog_feature{
  width: 100%;
  height: 43.75vw;
  background-size: cover;
  background-position: center;
  position: relative;
}
/*.blog_feature:after{
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.35) 88%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}*/
.blog_cat_{
  width: 100%;
  position: absolute;
  top: 0;
}
.blog_cat{
  padding: 10px 55px;
  display: inline-block;
  background: #55C0B9;
  color: #ffffff;
}
.blog_title{
  width: 100%;
  margin: 2rem auto .5rem auto;
  padding: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
}

.blog_description{
  margin:auto;
  font-size: 1.5rem;
  padding: 0.5rem 1.5rem 2rem;
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
  line-height: 2.25rem;
}

.blog_banner h2{
  text-transform: uppercase;
  float: left;
  padding-right: 60px;
  /*width: 34%;*/
  color: #55C0B9;
  padding-right: 0;
  font-size: 26px;
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
  font-weight: 500;
}
.blog_title h1 {
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
  font-size: 3rem;
  color: #555555;
  letter-spacing:0px;
}
.blog_title h2 span {
    font-size: 40px;
    font-weight:400;
}
.joy_tile .blog_title{
  text-align:center;
  line-height: 100%;
}

.blog_category {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display:none;
}

.blog_category .em_dash {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 400;
  color: #55C0B9;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.blog_category .found_in {
  font-family: 'ClarikaProGeo-Rg', serif;
  font-style: italic;
  color: #555555;
  font-size: 14px;
}

.blog_category .category_name {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 400;
  color: #55C0B9;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.blog_title:hover .dark_grey{
  color:#55C0B9;
}

.blog_author_details{
  /*padding: 16px 0 0;*/
  position: relative;
}
.author_col1{
  /*float: left;*/
  width: 100%;
}
.author_col_bottom {
  margin-bottom: 0px !important;
}
.author_col2{
  width: 100%;
  text-align: center;
  /*position: absolute;*/
  /*top: 50%;*/
  margin-top: 18px;
  /*right: 0;*/
  letter-spacing: 0.1em;
  /*transform: translateY(-50%);*/
}
.author_img img{
  border-radius: 50%;
  width: 100px;
}
.blog_date{
  margin-bottom: 5px;
  font-size: 14px;
}

a#scroll-to-recipe{
font-weight:700;
font-size:14px;
}

.blog_tag_list li{
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2em;
}
.blog_tag_list li:after{
  content: "|";
  color: #5cc0b9;
  margin-left: 5px;
  top: -1px;
  position: relative;
}
.blog_tag_list li:last-child:after{
  content: "";
}
.blog_content{
  font-family: 'ClarikaProGeo-Rg', serif;
  color: #404040;
  text-align: left;
  font-size: 20px;
  letter-spacing: normal;
  word-wrap: break-word;
}
.blog_content .plugindownload a.joy_btn{
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}

.blog_content a{
  color: #55C0B9;
}
.blog_content p{
  line-height: 1.75em;
}
.blog_content ul{
  list-style: disc;
  margin-left: 20px;
}
.blog_content ol{
  padding: 0;
  margin-left: 15px;
}
.blog_content ul li,
.blog_content ol li{
  margin: 10px 0px;
  line-height: 1.75em;
}
 blockquote{
  padding: 0;
  margin: 50px 10%;
  font-family: 'Wulkan Display', 'Open Sans', sans-serif;
  font-weight: 400;
}
 blockquote p{
  font-size: 32px;
    color: #55c0b9;
    line-height: 1.4em !important;
    text-align: left;
    padding: 10px 30px;
    border-left: solid 2px #cce8e6;
 }
.author_ending_strip{
  width: 100%;
  background: #f5f5f5;
  padding: 18px 0;
}
.author_ending_strip .cwidth{
  position: relative;
}
.more_posts_row .blog_tile_bg{
  padding-bottom: 66.2%;
}
/*BLOG SLIDER*/
.blog_slider{
  width: 100%;
  height:500px;
  position: relative;
  overflow: hidden;
  margin: 40px 0;
}
.blog_slider ul{
  height: 100%;
  margin: 0;
}
.blog_slider ul:after{
  content: "";
  clear: both;
}
.blog_slider_viewport{
  width: 100%;
  height: 100%;
}
.blog_slider li{
  height: 100%;
  background-size: cover;
}
.blog_dots_container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog_dot_pagination{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 30px;
  background: rgba(0, 0, 0, 0.6);
  color: #bdbdbd;
  min-width: 70px;
  font-size: 14px;
}
.blog_arrow{
  position: absolute;
  z-index:99999;
  text-align: center;
  width: 50px;
  height: 50px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%) rotate(-90deg);
}
.blog_arrow:before,
.blog_arrow:after{
  content: "";
  position: absolute;
  width: 2px;
  background: #ffffff;
  height: 100%;
  transform: rotate(45deg);
  top: 50%;
  -webkit-box-shadow: 0px 0px 87px -13px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 87px -13px rgba(0,0,0,1);
  box-shadow: 0px 0px 87px -13px rgba(0,0,0,1);
}
.blog_arrow:before{
  transform: rotate(-55deg) translateY(-50%);
}
.blog_arrow:after{
  transform: rotate(55deg) translateY(-50%);
}
.blog_arrow_prev{
  left: 20px;
  transform: translateY(-50%) rotate(90deg);
}
.blog_arrow_next{
  right: 20px;
}
/*END BLOG SLIDER*/

/*RECIPE CARD*/
.recipe_card{
  background: #FAF6F1;
  margin-bottom: 40px;
}
.recipe_card ul{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.15rem;
}
.recipe_card ol{
  font-size: 1.15rem;
}
.recipe_card_heading{
  background: #FADDB7;
  color: #404040;
  padding: 20px 27px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}
.recipe_card_row{
  padding: 32px 22px;
  color: #404040;
  letter-spacing: normal;
}
.recipe_cat{
  font-size: 12px;
  margin-bottom: 10px;
}
.recipe_name{
  font-size: 24px;
  float: left;
  letter-spacing:0px;
  font-weight: 700;
}
.recipe_btns{
  font-size: 12px;
  text-align: right;
  float: right;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recipe_btns .recipe_btn{
  color: #404040;
  margin-left: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recipe_col_heading{
  color: #404040;
  margin-bottom: 22px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}
.recipe_notes{
  font-size:18px;
}
.recipe_col_heading:not(:first-child){
  margin-top: 30px;
}
.recipe_fav_wrapper svg {
  width: 18px;
  margin-right: 5px;
}
.recipe_fav_wrapper svg path {
  fill:#404040;
}
.note_border{
  width: 100%;
  height: 1px;
  background: #FADDB7;
  margin-bottom: 20px;
  border: none;
}

#recipephotos {
  margin: 0px 0px 5px 75px;
    text-align: center;
    font-size:5px;
    cursor: pointer;
}
.photo-half {
    display: inline-block;
    width:49.8%;
}
.photo-third {
    display: inline-block;
    width:32.9%;
}
#recipephotos > img:first-child {
    margin-left:0px;
    float:left;
}
#recipephotos > img:last-child {
  margin-right:0;
  float:right;
}
.recipe_detail_col {
  padding-right: 5px;
}
.recipe_detail_img {
  padding-left: 0;
}
.recipe_detail_img img {
  cursor: pointer;
}

@media screen and (max-width:950px){
  .recipe_detail_img {
    /*display: none;*/
  }
  #recipephotos {
      margin: 0px 0px 5px 0px;
  }
  .recipe_detail_col {
      padding-right: 6px;
    width: 66%;
      padding-left: 0;
      /*padding-right: 12px;*/
  }
  .col_one_third {
    width: 33.33%;
  }
  .col_one_quarter {
    width: 25%;
  }
}

@media screen and (max-width: 935px){
  /*.recipe_detail_col {
    padding-right:15px;
  }*/
  .recipe_detail_col {
    padding-right: 5px;
  }
}

@media screen and (max-width: 900px){
  .recipe_detail_col {
    padding-right: 15px;
  }
  #recipephotos {
    margin: 0px 0px 5px 0px;
  }
  .recipe_detail_img_mobile {
    display: block !important;
    padding: 0 !important;
  }
}

@media screen and (max-width: 850px){
  #recipephotos {
    margin: 0px 0px 4px 0px;
  }
}

@media screen and (max-width: 750px){
  #recipephotos {
    margin: 0px 0px 2px 0px;
  }
}

/*blog video*/
.pluginvideo{
  width: 100%;
  position: relative;
  padding-bottom: 56%;
  margin: 50px 0 35px 0;
}
.videoanchor,
.videoanchor iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
}
/*Social Sidebar*/
#social_parent{
  position: relative;
  margin-top: 32px;
}
#social_sidebar{
  position: absolute;
  margin-left: 0px;
  margin-top: 20px;
}
.sidebar_offset{
  margin-left: 60px;
}
.sidebar_icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  position: relative;
  line-height: 40px;
  margin: 0 auto 10px;
  display: block;
  cursor:pointer;
  transition: all 0.25s ease-in-out;

}
.sidebar_icon a{
  color:#fff;
}
.sidebar_icon i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.green_icon{
  background: #96CB70;
  border: 1px solid #96CB70;
}
.blue_icon{
  background:#55C0B9;
  border: 1px solid #55C0B9;
}
.grey_icon {
    background: #6c6c6b;
    border: 1px solid #6c6c6b;
}
#total_shares{
  margin-top: 5px;
  margin-bottom: 12px;
}
.green_icon:hover{
  background: #ffffff;
  color: #96CB70;
}
.blue_icon:hover,
.blue_icon:hover a{
  background: #ffffff;
  color: #55C0B9;
}
/*--------------------------------------------------------------
# AUTHOR
--------------------------------------------------------------*/
.author_social_link a{
  color: #55C0B9;
  transition: color 0.25s ease-in-out;
}
.author_social_link:hover{
  background: #55C0B9;
}
.author_social_link:hover a{
  color: #ffffff;
}
.author_col a{
  display: block;
  color: #333333;
}
.author_col img{
  margin-bottom: 0;
  display: block;
}
.author_blog_desc{
  text-align: left;
  background: #f2f2f2;
  padding: 17px 24px;
  letter-spacing: normal;
}
.author_blog_date{
  font-size: 14px;
}
.author_social_row{
  text-align: left;
}
.author_social_link{
  width: 33px !important;
  height: 33px !important;
  background: #ffffff;
  border: solid 1px #55C0B9 !important;
  transition: background 0.25s ease-in-out;
}
.author_bio{
  text-align: left;
  line-height: 1.5em;
  font-size: 18px;
  font-family: 'ClarikaProGeo-Rg';
}
.author_bio a{
  color: #55C0B9;
  transition:all 0.2s ease-in-out;
}
.author_bio a:hover{
  color:#404040;
}
.blog_author_row{
  margin-top: 76px;
}
#blog_by_author .author_col:nth-child(2n+1){
  clear: left;
}

/*--------------------------------------------------------------
# LEARN
--------------------------------------------------------------*/
.learn_row{
  padding: 45px 0;
}
.learn_row.grey{
  background: #f4f4f4;
}
.learn_slider{
  width: 100%;
  position: relative;
}
.learn_slider_viewport{
  overflow: hidden;
  width: 100%;
}
.learn_slider_viewport:after{
  content: "";
  display: block;
  clear:both;
}
.learn_col{
  text-align: center;
  color: #404040;
}
.learn_col h2{
  margin-bottom: 34px;
  text-align: left;
}
.learn_col p{
  text-align: left;
  line-height: 1.45em;
  font-size: 18px;
}
.learn_col .joy_btn{
  margin-top: 50px;
}
.learn_col .joy_tile{
  text-align: center;
}
.learn_col .tile_cat{
  background: #96CB70;
  letter-spacing: 0.15em;
  font-size: 16px;
}
.learn_slider_arrow{
  width: 80px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  cursor: pointer;
}
.learn_slider_arrow_next{
  right: -10px;
}
.learn_slider_arrow_prev{
  left: -10px;
  transform: rotate(180deg);
}
.learn_slider_arrow:before,
.learn_slider_arrow:after{
  content: "";
  width: 1px;
  height: 64%;
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
}
.learn_slider_arrow:before{
  transform-origin: top left;
  transform: rotate(-38deg);
  top: 0;
}
.learn_slider_arrow:after{
  transform-origin: bottom left;
  transform: rotate(38deg);
  bottom: 0;
}
.learn_slider_dot{
  width: 16px;
  height: 16px;
  border: solid 1px #cdcdcd;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 6px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.learn_slider_dot a{
  display: none;
}
.active_learn_slider,
.learn_slider_dot:hover{
  background: #96CB70;
  border: solid 1px #96CB70;
}
.joyous_event_row{
  text-align: left;
}
.joyous_event_row .joy_btn{
  margin-top: 25px;
}
.learn_event_row{
  margin-bottom: 30px;
}
.learn_event_date{
  margin-bottom: 3px;
}
.learn_hidden_text{
  display: none;
  line-height: 1.5em;
  text-align: left;
  color: #404040;
}
.learn_mobile_btn{
  display: none;
}
.joy_tile img{
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
#  LEARN PROGRAMS (joyuprograms.php)
--------------------------------------------------------------*/

.blog_banner_program h1{
  font-size:40px;
  padding:0;
  margin-top:15px;
  width:initial;
}
.blog_banner_program span{
  float:right;
  margin:30px;
  font-size:20px;
  color:#96CB70;
}
#programnavfilters{
  padding-top:40px;
}
.programlist p{
  text-align:left;
}
.programs_tile img{
  margin-bottom:0;
}
.dark_grey_tile{
  background:rgba(55,55,55,0.7);
  position:absolute;
  bottom:5px;
  width:100%;
  padding:10px 0;
}
.dark_grey_tile span{
  color:#ffffff;
}
.programs_community_form{
  margin-bottom:60px;
}
.joyu_main_header {
  /*margin-bottom: 80px;*/
  padding-bottom: 80px;
}
.joyu_header_logo {
  width:50%;
  max-width: 500px;
  margin: 80px 0 40px 0;
}
.joyu_header_add_to_cart_btn {
  width:225px;
  height: 46px;
  display:inline-flex;
  border-style: solid;
  border-width: 0px;
  border-radius: 30px;
  background-color:#866fab;
  text-align: center;
  color:#fff;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size:15px;
}
.joyu_header_view_cart_btn {
  width:225px;
  height: 46px;
  display:inline-flex;
  border-style: solid;
  border-width: 0px;
  border-radius: 30px;
  background-color:#866fab;
  text-align: center;
  color:#fff;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size:15px;
}
.joyu_header_add_to_cart_left {
  float: left;
  background-color: #6c5592;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:82px;
  display: flex;
}
.joyu_header_add_to_cart_left span {
  margin:auto;
  cursor: default;
}
.joyu_header_add_to_cart_right {
  width: 143px;
  float: left;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  cursor: pointer;
}
.joyu_header_add_to_cart_right span{
  color:#fff;
}
.joyu_header_add_to_cart_right:hover {
  background-color: #6c5592;
}
.joyu_header_add_to_cart_right span {
  margin:auto;
}
.joyu_waitlist_form {
  text-align: center;
  padding: 50px 0;
  background-color: #F9F7FA;
  display:none;
  /*height: 594px;*/
  min-height:420px;
}
.joyu_waitlist_input {
  width: 467px;
  margin-left: auto;
  margin-right: auto;
}
.joyu_waitlistbtn_container {
  width:100%;
}
.joyu_waitlist_msg {
  width: 100%;
  text-align:center;
}
.joyu_waitlist_msg span {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size:40px;
  color:#404040;
}
.joyu_horizontal_separator {
  width:70px;
  height:2px;
  background-color: #876ead;
  margin: 25px auto 35px auto;
}
.joyu_waitlistname_container {
  outline-color:red;
}
.joyu_waitlistname_container input {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 600;
}
.joyu_waitlistemail_container {
  margin-top:10px;
}
.joyu_waitlistemail_container input {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 600;
}
@media screen and (max-width:430px){
  .joyu_header_logo {
    width:50%;
  }
  .joyu_main_header {
    padding:0;
    /*margin-bottom: 15px;*/
  }
  .joyu-btns-container {
      display: inline-block;
      margin-bottom: 0 !important;
      /*margin-top: 10px !important;*/
  }
  .joyu_waitlist_form {
    height:unset;
    padding: 0;
    padding: ;
  }
  .joyu_waitlist_input {
    width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
}

/*--------------------------------------------------------------
#  LEARN EVENTS (joyuonline.php)
--------------------------------------------------------------*/

#learnlogo{
  height:85px;
  width:auto;
  float:right;
  padding-right:20px;
}
.blog_banner_learn h1{
  width:90%;
}
#bannerpadding{
  height: auto;
  padding: 50px 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#joybannercwidth .joy_btn:hover {
  opacity: 0.4;
}

.event_desc{
  letter-spacing: normal;
  line-height: 1.7em;
  font-size: 18px;
}

/* -------- 1. FLYER  -------- */
#online_social_sidebar{
  float:left;
  padding-top:40px;
  padding-left:25px;
  z-index:1;
}
.flyerinfo{
  margin-top:35px;
}
.flyerinfo p,
.flyerinfo h3{
  text-align:left;
  padding-right:20px;
}
.flyerdetailscol{
  float:left;
  text-align:left;
  padding-left:15px;
  width:20%;
}
.detailsrow{
  padding:5px 0;
}
.flyerdetails{
  float:left;
}
.learn_btn{
  margin:20px 10px;
}
.flyer{
  margin:20px 0 30px 0;
  position:relative;
}
#notes_link{
  font-size:12px;
  cursor:pointer;
}
#back_link{
  font-size:12px;
  cursor:pointer;
  color: #404040;
}
#back_arrow{
  display:inline-block;
  transform:rotate(90deg);
  padding-left:3px;
}

#notes_arrow{
  display:inline-block;
  transition:transform 0.25s linear;
}
#flyernotescontainer{
  max-height:0px;
  overflow:hidden;
}
/* -------- 2. DETAILS  -------- */
.programdetailsrow{
  background-color:#f4f4f4;
  padding:30px 0;
}
.programtext{
  text-align:left;
}
.programtext h3{
  padding-bottom:20px;
}
.programinfocol{
  float:left;
  width:20%;
}
.programinfo{
  float:left;
  width:80%;
}
.programinforow{
  padding:5px 0;
}

#eventvideo{
  width:100%;
  height:100%;
  position:absolute;
  margin:20px auto;
}
/* -------- 3. GENERAL  -------- */
.generalinfo{
  padding:30px 0;
}
.generalinfo h3, .generalinfo li{
  text-align:left;
  list-style-type:initial;
}
.generalinfo li{
  font-size:8px;
  padding:10px 20px;
}

.generalcol{
  padding: 0 100px;
}
.generalinfo li span{
  font-size:16px;
}
.generalquote h3{
  font-family: 'Clarika', serif;
  font-style: italic;
  font-size:25px;
  text-align:center;
  color:#55C0B9;
  padding:20px 50px 40px 50px;
}
/* -------- 4. INSTRUCTOR  -------- */
.instructorrow{
  background-color:#f3f9ed;
  padding:30px 0;
  text-align:left;
}
.instructorrow h3{
  float:left;
  padding-bottom:20px;
}
/*.suppliestile{
  padding:0 60px;
}*/
.instructorcol{
  padding:20px 0;
}
#instructorimg{
  width:44%;
  min-width:190px;
  padding-right:20px;
  float:left;
}
#suppliesimg{
  background-size:cover;
  width:44%;
  min-width:300px;
}
/* -------- 5. TESTIMONIALS  -------- */
#testimonials_viewport{
  position:relative;
}
#student_testimonials{
  position:relative;
}
#student_testimonials li {
  padding: 0 50px;
}
/* Arrows for slider ------------->
substituted with touch slider
.online_timeline_arrow{
  width: 22px;
  height: 100px;
  top:50%;
  margin-top:-77px;
  display: block;
  position:absolute;
  background-size:cover;
  cursor: pointer;
}
.online_timeline_arrow:before,
.online_timeline_arrow:after{
  content: "";
  width: 2.5px;
  height: 35%;
  position: absolute;
  background: #b7b7b7;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.07);
}
.online_timeline_arrow:before{
  transform-origin: top left;
  transform: rotate(-38deg);
  top: 22px;
}
.online_timeline_arrow:after{
  transform-origin: bottom left;
  transform: rotate(38deg);
  bottom: 25px;
}

.online_timeline_arrow_next{
/*  background-image:url(//i.joyoushealth.com/about-arrow-next.jpg);
  right:30px;
}
.online_timeline_arrow_prev{
/*  background-image:url(//i.joyoushealth.com/about-arrow-prev.jpg);
  transform: rotate(180deg);
  left:30px;
*/*/*/}
/* -------- 6. FAQS  -------- */

.faqrow{
  padding:60px 0px;
  background-color:#f4f4f4;
}
.faqrow h3{
  padding-bottom:30px;
}
.faq.cwidth{
  padding:0 50px;
}
/*copied from faq.php*/
.faqbox{
  position: relative;
  width: 100%;

  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #a4a4a4;
  cursor: pointer;
  transition: background 0.25s ease-in-out;
}
.faqbox:hover{
  background: #f4f4f4;
}
.faqbox.expanded{
  transition: background 0.6s ease-in-out;
  background: #f4f4f4;
}
.faqbox .question{
  width: 95%;
  padding:10px;
  font-size: 26px;
  text-align:left;
  padding-left:40px;
}

#onlinequestion{
  font-size:16px; /*overriding faqbox.question*/
}
#onlineanswer{
  background-color:#e0e0e0; /*overriding faqbox.answer*/
  padding:0 35px;
}

.faqbox .answer{
  max-height: 0px;
  overflow: hidden;
  line-height: 200%;
  transition: max-height 0.6s, padding 0.6s;
  background-color:#ffffff;
  font-size:18px;
  line-height:24px;
  padding-left:10px;
  text-align:left;
}
.faqbox.expanded .answer{
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
  background-color:#ffffff;
  font-size:18px !important; /*override faq.php file in-file stylings */
  line-height:24px;
  padding:10px 0 20px 10px;
}
.faqbox.expanded .answer a{
  color:#55C0B9;
}

.questionarrow{
  display:inline-block;
}

.faqbox .questionarrow{
  transform: rotate(-180deg);
  transform-origin: center;
  transition: transform 0.35s ease-in-out;
}
.faqbox.expanded .questionarrow{
  transform: rotate(0deg);
}
/* -------- 7. CALLTOACTION  -------- */
#online_contact{
  background: #96CB70;
  padding: 50px 0;
}
/*--------------------------------------------------------------
# RESOURCES
--------------------------------------------------------------*/
.resource_type_list li{
  margin-right: 80px;
}
.resource_type_list li:last-child{
  margin-right: 0;
}
.collection_group{
  margin-bottom: 55px;
  position: relative;
}
.collection_group_panel{
  width: 70%;
  height: 100%;
  float: left;
  color: #ffffff;
}
.collection_group_panel a{
  color: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.collection_group_panel a:after/*,
.videocontainer:after*/{
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 40%;
  width: 100%;
  left: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.35) 88%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.collection_group_panel iframe{
  width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
}
.featured_panel_info{
  position: absolute;
    padding-bottom: 35px;
    padding-left: 30px;
    bottom: 0;
    width: 100%;
    text-align: left;
    z-index: 2;
    margin-top: 40px;
    /*margin-bottom: 100px;*/
}
.video_panel_info{
  position: relative;
  padding-left: 0px;
  margin-top: 20px;
}
.featured_panel_img{
  position: absolute;
  width: 100%;
  height: 100%;
  background-size:cover;
  background-position: center;
}


.collection_group_list{
  width: 30%;
  padding: 28px 0;
  text-align: left;
  background: #f4f4f4;
  height: 100%;
  float: left;
}
.collection_img{
  position: relative;
}
.collection_group_list.pink{
  background: #db587a;
  color: #ffffff;
}
.collection_group_list.blue{
  /*new color for download tiles*/
  background: #f4f4f4;
  color: #404040;
  padding-top: 3px;
}
.collection_group_row{
  padding: 10px 28px;
  display: block;
  /*margin-bottom: 20px;*/
  transition: all 0.25s ease-in-out;
}
.recipe_collection .collection_group_row{
  color: #ffffff;
}
.download_collection .collection_group_row{
  color: #404040;
  padding: 8px 28px;
}
.collection_group_list_cat{
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 10px;
}
.recipe_collection{
  height: 480px;
}
.video_collection{
  height: 412px;
}
.video_collection .collection_group_row{
  color: #404040;
}
.video_collection .playbtn{
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 15px;
  right: 23px;
  border-radius: 50%;
}
.video_collection .playbtn:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #ffffff;
  position: absolute;
  top: 8px;
  left: 11px;
}

.collection_group_row .joy_btn{
  width: 100%;
}
#list_resource .col_one_third{
  margin-bottom: 40px;
}
#list_resource .col_one_third a{
  color: #404040;
}
#list_resource .col_one_third h5{
  margin-top: 22px;
  font-size: 16px;
}
#all_videos .col_one_third:nth-child(3n+1),
#all_recipes .col_one_third:nth-child(3n+1){
  clear:left;
}
#resource_banner h1{
  width: 100%;
  padding: 0;
}
#resource_banner .col_one_half{
  position: relative;
}
.resource_banner_text{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
  line-height: 1.7em;
}
.resource_banner_text_container{
  padding-bottom: 6%;
}
.active_banner_text{
  opacity: 1;
  visibility: visible;
}
.resourcesimage{
  display:block;
  position:relative;
  width:100%;
  padding-bottom:66.4%;
  background:rgba(0,0,0,0.8);
}

.resource_image{
  position:absolute;
  top:0;
  left:0;
  transition:0.25s ease-in-out;
  opacity:1;
  backface-visibility: hidden;
}
.resource_icon{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
/* new icon and sale icon for products in shop and programs*/
.new_icon{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 30px !important;
  left: auto !important;
  right: 30px;
  z-index: 99 !important;
}
.new_icon:hover{
  opacity: 1 !important;
}

#recipe_rating_row {
  height: 20px;
  width: 200px;
  display: flex;
  align-items: center;
  margin-top: 15px;
  display: flex;
  position: relative;
}

#recipe_rating_row span {
  font-size: 14px;
  font-weight: 700;
}

#recipe_rating {
  position: absolute;
  display: flex;
  align-items: center;
}

#rate_recipe {
  position: absolute;
  display: none;
  align-items: center;
}

.recipe_rating_rate {
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  color: #404040;
  cursor: pointer;
  border-bottom: solid 1px #404040;
}

.recipe_select_stars {
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  color: #404040;
  cursor: default;
}

.recipe_rating_fav_disable_tooltip_triangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    position: absolute;
    left: 57px;
}

.recipe_rating_star_container {
  float:left;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recipe_rating_stars{
  cursor: default;
  color:#404040;
  white-space: nowrap;
  font-size: 14px;
}

.rate_recipe_stars{
  cursor: pointer;
  color:#404040 !important;
  white-space: nowrap;
  font-size: 14px;
}

#recipe_rating_row .fav_disable_tooltip_wrapper{
  margin-left: 10px;
}
.recipe_card .recipe_save_tooltip.fav_disable_tooltip_wrapper{
  margin-left: 58px;
}
#recipe_rating_row a.fav-not-login{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 2;
}

#recipe_rating_row .fav_disable_tooltip_wrapper{
  margin-left: 10px;
  position: absolute;
  left: -33px;
  top: -10px;
}

/*--------------------------------------------------------------
# RECIPE DETAIL
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# VIDEO DETAIL
--------------------------------------------------------------*/
#videodetail_panel{
  display: block;
  padding-bottom: 56%;
  position: relative;
  color: #ffffff;
  margin-top: 25px;
  /*margin-bottom: 124px;*/
}
/*#videodetail_panel:after{
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 40%;
  width: 100%;
  left: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,0.35) 88%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.35) 88%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}*/
#videodetail_panel iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}
.save_video{
  position: absolute;
  right: 30px;
  bottom: 42px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
.save_video i{
  margin-right: 7px;
}
/*--------------------------------------------------------------
# DOWNLOAD DETAIL
--------------------------------------------------------------*/
.dl_pdf{
  background: #96CB70;
  color: #ffffff;
  position: absolute;
  right: 60px;
  width: 33.33%;
  padding: 15px 26px;
  height: 100%;
}
.dl_pdf a{
  color: #ffffff;
}
.resource_row{
  position: relative;
  padding-bottom: 60%;
  width: 100%;
}
.resource_row.resource_row_login{
  padding-bottom: 40%;
}
.resource_cover_{
  position: absolute;
  width: 66.66%;
  padding: 0 15px;
  height: 100%;
  left: -15px;
  padding-right: 60px;
}
.resource_cover{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size:cover;
    background-position: center center;
}
#download_detail_img{
  display: none;
}
.dl_link{
  text-align: center;
}
.dl_login_signup a{
  transition: color 0.25s ease-in-out;
}
.dl_login_signup a:hover{
  color: #404040;
}
.dl_pdf_content{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 100%;
    left: 0;
    padding: 20px 20px;
}
.dl_link .joy_btn{
  width: 100%;
}
@media screen and (max-width:950px){
  .resource_cover_,
  .dl_pdf{
    position: relative;
    width: 100%;
  }
  .resource_row{
    padding-bottom: 0px;
  }
  .resource_cover_{
    padding-right: 0px;
    padding-left: 0px;
    left:0px;
  }
  .dl_pdf{
    right: 0px;
  }
  #download_detail_img{
    display: block;
  }
  .resource_cover{
    display: none;
  }
  .dl_pdf_content{
    position: relative;
    top:0%;
    transform: translateY(0%);
      -o-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
  }
  .resource_row.resource_row_login{
    padding-bottom:0px;
  }
  .joyous_u_banner_content .joy_btn{
    display: block;
  }
  #banner_btn{
    /*display: none;*/
    margin-top: 20px;
  }


}
@media screen and (min-width: 1024px){
  .navoption:hover:after{
    width: 100%;
  }
}
@media screen and (min-width:1200px){
  .resource_row{
    padding-bottom: 45%;
  }

}
/*--------------------------------------------------------------
# SHOP
--------------------------------------------------------------*/
.profile_select_list a{
  color: #404040;
}
.shop_row .shop_col_one_half:nth-child(2n+1){
  clear:left;
}
.shop_col_one_half .blog_tile_bg{
  padding-bottom: 66%;
}
.a_space{
  margin-bottom: 30px;
}
.a_space img{
  display: block;
}
.shop_tile{
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.shop_col_tile{
  display: block;
  position: relative;
}
.shop_col_tile img{
  margin-bottom: 0;/*reset default tile styles*/
  display: block;
}
.quick_shop_btn{
  width: 100%;
  padding: 15px 0;
  background: #876ead;
  position: absolute;
  bottom: -60px;
  cursor: pointer;
  z-index: 3;
  transition: all 0.25s ease-in-out;
}
.quick_shop_btn span,
.quick_shop_btn a{
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.15em;
  cursor: pointer;
}
.quick_shop_btn.added_to_cart{
  bottom: 0;
}
.joy_tile_author.joy_tile_price{
  color: #999999;
  font-size: 14px;
}
.quick_shop_btn i{
  margin-right: 7px;
}
#resolver_overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#resolver{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1140px;

  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.25s ease-in-out;
}
#resolver_overlay.open_overlay,
#resolver.open_overlay{
  opacity: 1;
  visibility: visible;
}
.resolver_inner_overlay{
  background: #ffffff;
  padding: 40px;
}
#subscribe_overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#subscriber{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1140px;

  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.25s ease-in-out;
  width: 90%;
    max-width: 600px;
}
#subscribe_overlay.open_overlay,
#subscriber.open_overlay{
  opacity: 1;
  visibility: visible;
}
.subscriber_inner_overlay{
  background: #ffffff;
  padding: 70px;
}
#subscriber .quick_shop_close{
  top: 20px;
  right: 20px;
}
#subscriber .news_heading{
  color:#55C0B9;
}
.product_detail_col p{
  line-height: 1.5em;
}
.product_detail_col .profile_select{
  text-transform: uppercase;
  font-size: 14px;
}
.product_detail_col .profile_select li{
  margin: 7px 0;
}
.textcap{
  text-transform: capitalize;
}
.cancel_selection{
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  background: #876ead;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  margin-left: 7px;
}
.product_detail_col .inputrow{
  margin: 15px 0;
  width: 50%;
}
.product_detail_col .inputrow.seriesrow{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.variant_price{
  font-weight: 400;
  font-size: 18px;
  /*margin: 5px 0 5px 0;*/
  /*border-bottom: 2px solid #d3edeb;*/
  /*padding-bottom: 5px;*/
}
.quick_shop_close{
  width: 30px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  top: 30px;
  right: 30px;
  z-index: 1;
}
.quick_shop_close:before,
.quick_shop_close:after{
  content: "";
  width: 100%;
  height: 1px;
  background: #999999;
  position: absolute;
  top: 15px;
  transform-origin: center;
}
.quick_shop_close:before{
  left: 0;
  transform: rotate(45deg);
}
.quick_shop_close:after{
  right: 0;
  transform: rotate(-45deg);
}
.joy_btn.resolve_series_btn{
  width: auto;
  margin-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background 0.25s ease-in-out;
}
.joy_btn.resolve_series_btn:hover{
  background: #579b96;
}
#series_fail{
  opacity: 0;
  visibility: hidden;
  color: #ff0000;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  transition: all 0.25s ease-in-out;
}
#series_fail.has_failed{
  opacity: 1;
  visibility: visible;
}
.single_slot_option{
  width: 100%;
  height: 100%;
  padding: 15px 8px 0px 8px;
  display: block;
  text-align: left;
  text-transform: uppercase;
  border-top: solid 1px #e2e2e2;
  /*cursor: pointer;*/
  background: #ffffff;
  color: #404040;
}
.slotopts{
  padding-left: 20px;
  padding-top: 0px;
}
.slotopts:after{
  content: "";
  display: block;
  clear: both;
}
.slotopts .inputrow{
  padding: 0 15px;
  float: left;
  margin-top: 0;
  /*width: 40%;*/
  width: 100%;
}
.slotopts .inputrow:nth-child(2n+1){
  clear: left;
}
.confirm_bundle_btn{
  transition: background 0.25s ease-in-out;
}
.confirm_bundle_btn:hover{
  background: #579b96;
}
.cart_ctrls{
  width: 134px;
  border: solid 1px #d1d1d1;
  color: #333333;
  display: block;
  margin-top: 0px;
}
.cartctrls_val,
.cart_ctrl{
  float: left;
  width: 33.33%;
  padding-bottom: 33.33%;
  position: relative;
  text-align: center;
}
.cartctrls_val{
  background: #ffffff;
}
.cartctrls_val input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 14px;
}
.cart_ctrl{
  background: #F5F5F5;
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
  transition: background 0.25s ease-in-out;
}
.cart_ctrl:hover{
  background:#d1d1d1;
}
.cart_ctrl a,
.cartctrls_val span{
  position:absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.waitlist_confirmation {
  font-family: 'ClarikaProGeo-Rg', serif;
  font-size: 17px;
}
.waitlist_form {
  width:421px;
  padding-bottom:0px;
  display:none;
}
#product_info_bar{
  width: 100%;
  padding: 34px 0;
  background: #f0edf4;
  color: #876ead;
  text-transform: uppercase;

  font-size: 14px;
  font-weight: 700;
  margin-top: 40px;
}
.product_info_bar_col i{
  margin: 0 -5px;
}
.custom-select {
  position: relative;
  width:255px;
  border-top: 1px solid #adadad;
  margin-top: 30px;
  margin-bottom: 15px;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.joyu-custom-select {
    position: relative;
    width: 232px;
    height: 46px;
    border-top: 1px solid #adadad;
    float: left;
    margin: auto 25px auto auto;
}
.joyu-custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
  background-image: url(images/arrowdown.png), linear-gradient(to right, #f7f7f7, #f7f7f7);
  background-position: calc(197px) calc(17px), calc(100%) calc(0px), 100% 0px;
    background-size: 19px 13px,46px 46px;
  background-repeat: no-repeat;
  border-color: #fff transparent transparent transparent;
}
.select-selected {
  color: #404040;
    padding: 11px 0px;
    border: 1px solid #adadad;
    font-size: 15px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 500;
    border-top-style: none;
    cursor: pointer;
    user-select: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 46px;
}
.select-selected:after {
  background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 18px 9px,18px 9px, 1em 1em;
  background-repeat: no-repeat;
}
.select-start-date {
  text-align: left;
    padding: 12px 14px !important;
}
.select-arrow-active {
  background-color: #fff !important;
  background-image: url(images/arrowup.png), linear-gradient(to right, #f7f7f7, #f7f7f7) !important;
  background-position: calc(197px) calc(17px), calc(100%) calc(0px), 100% 0px;
    background-size: 19px 13px,46px 46px;
  background-repeat: no-repeat !important;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 10px;
}
.select-items div,.select-selected {
  color: #404040;
  padding: 11px 14px;
  border: 1px solid #adadad;
  font-size: 15px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 500;
  border-top-style: none;
  cursor: pointer;
  user-select: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: 1px solid #adadad;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: #866fab;
  color:#fff;
}
.installments-select-arrow-active {
  background-color: #fff !important;
  background-image: url(images/arrowup.png), linear-gradient(to right, #f7f7f7, #f7f7f7) !important;
  background-position: calc(220px) calc(17px), calc(100%) calc(0px), 100% 0px;
    background-size: 19px 13px,46px 46px;
  background-repeat: no-repeat !important;
}
.installments-select-selected .installments-select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 10px;
}
.installments-select-selected {
  background-color: #fff;
  background-image: url(images/arrowdown.png), linear-gradient(to right, #f7f7f7, #f7f7f7);
  background-position: calc(220px) calc(17px), calc(100%) calc(0px), 100% 0px;
    background-size: 19px 13px,46px 46px;
  background-repeat: no-repeat;
  border-color: #fff transparent transparent transparent;
}
.installments-select-selected {
  color: #404040;
    padding: 11px 0px;
    border: 1px solid #adadad;
    font-size: 15px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 500;
    border-top-style: none;
    cursor: pointer;
    user-select: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 46px;
}
.installments-select-selected:after {
  background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 18px 9px,18px 9px, 1em 1em;
  background-repeat: no-repeat;
}
.installments-custom-select {
  position: relative;
    width: 255px;
    border-top: 1px solid #adadad;
    margin: auto 25px auto auto;
    float: left;
    height: 46px;
}
.installments-custom-select select {
  display: none; /*hide original SELECT element:*/
}
.installments-select-items div,.installments-select-selected {
  color: #404040;
  padding: 11px 14px;
  border: 1px solid #adadad;
  font-size: 15px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 500;
  border-top-style: none;
  cursor: pointer;
  user-select: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}
/*style items (options):*/
.installments-select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: 1px solid #adadad;
}
.select-hide {
  display: none;
}
.more_info_item{
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.more_info_item:after{
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 5px;
  background: #876ead;
  left: 0;
  bottom: -5px;
  border-radius: 5px;
  transition: width 0.25s ease-in-out;
}
.more_info_item:hover:after,
.more_active_info:after{
  width: 100%;
}
#cmore{
  text-align: left;
  position: relative;
  padding: 36px 0;
}
.cmore_item{
  display: none;
}
.cmore_item.active{
  display: block;
}
#cmore .cols{
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
#cmore .cols:after{
  content: "";
  clear:both;
  display: block;
}
#cmore .col2{
  width: 50%;
  padding: 0 15px;
  float: left;
}
* {box-sizing: border-box;}
.img-magnifier-container {
  position:relative;
}
.img-magnifier-glass {
  position: absolute;
  left: 846px;
  top: 570px;
  border: 1px solid #55C0B9;
  cursor: none;
  width: 320px;
  height: 320px;
  border-radius: 100%;
  z-index: 0;
}
.bundle_controls {
  margin-bottom: 24px;
}
#product_details_ a{
  color:#55C0B9;
}
#product_details_{
  width: 50%;
  font-family: 'ClarikaProGeo-Rg', serif;
}
#product_details_ p{
  font-family: 'ClarikaProGeo-Rg', serif;
  line-height: 1.7em;
    font-size: 17px;
    letter-spacing: normal;
}
#product_details_ .headline p{
  font-family: 'Clarika', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
#additional_info{
  margin-top: 25px;
  padding-top: 35px;
  border-top: 2px solid #d2ecea;
}
#additional_info_{
  width: 33.33%;
}
.add_info_heading_{
  margin-bottom: 0;
}
.add_info_heading{
  font-size: 16px;
  color: #876ead;
}
#cmore .col2 p{
  margin: 4px 0;
}
#cmore .col2:nth-child(1){
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#cmore .col2:nth-child(2){
  font-family: 'ClarikaProGeo-Rg', serif;
}
#cmore .h4{
  margin-bottom: 30px;
}
.back_shop{
  text-transform: uppercase;
  font-size: 12px;
  color: #404040;
  display: inline-block;
  padding: 30px 0;
  text-align: left;
  transition: color 0.25s ease-in-out;
  height: 78px;
}
.back_shop:hover{
  color: #55C0B9;
}
#cert_copy{
  width: 500px;
  margin: 60px auto 0px;
  text-align: center;
  line-height: 1.5em;
  font-size: 14px;
}
#ingredients .ingredient_col:nth-child(2n+1){
  clear: left;
}

#alert_overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#digital_alert{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1140px;

  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.25s ease-in-out;
  width: 90%;
    max-width: 600px;
}
#alert_overlay.open_overlay,
#digital_alert.open_overlay{
  opacity: 1;
  visibility: visible;
}
.detail_alert_inner_overlay{
  background: #ffffff;
  padding: 70px;
}
#digital_alert .quick_shop_close{
  top: 20px;
  right: 20px;
}
#digital_alert .news_heading{
  color:#55C0B9;
}
#product_photos .product_photos_col:nth-child(3n+1){
  clear: left;
}
.product_photos_col{
  margin-top: 25px;
  cursor: pointer;
}
.product_photos_col img:hover{
  cursor: pointer;
  opacity: 0.8;
}

.navbar_content{
    margin: auto;
      display: flex;
  }
  .nav_title {
      color: #fff;
      font-size: 18px;
      font-family: 'ClarikaProGeo-Rg';
      font-weight: 700;
      margin: auto;
      float: left;
      letter-spacing: 1px;
  }
  .sticky_addtocart {
      position: fixed;
      top: 65px;
      width: 100%;
      background-color: #866dad;
      left: 0;
      height: 66px;
      display:inline-flex;
      z-index: 20;
  }
  .joy_btn_shop_inverted {
    border-style: solid !important;
    border-width: 1px !important;
    border-color:#876ead !important;
    background: #fff !important;
    color: #876ead !important;
    /*transition:all 1s ease-in-out;*/
  }

  .joy_btn_shop_inverted:hover {
    background: #5d4782 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color:#5d4782 !important;
    /*transition:all 0.25s ease-in-out;*/
    color: #ffffff !important;
  }

  .sticky_waitlist {

  }
  .navbar_waitlist {
    position: fixed;
      top: 65px;
      width: 100%;
      background-color: #ff9900;
      left: 0;
      /*padding-left: 65%;*/
      height: 56px;
      /*padding-top: 10px;*/
      display:inline-flex;
      z-index: 20;
      display:none;
  }
  .navbar_addtocart {
    position: fixed;
      top: 65px;
      width: 100%;
      background-color: #866dad;
      left: 0;
      height: 66px;
      display:inline-flex;
      z-index: 20;
      display:none;

  }
  .join_wait_list_btn{
    background-color:#ff9900;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
    font-size: 14px;
    font-family: 'ClarikaProGeo-Rg';
    letter-spacing: 1px;
    height:46px;
    padding:0;
  }
  .join_wait_list_btn:hover{
    background-color:#fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
    color: #ff9900;
  }

  .join_wait_list_btn_inverted{
    background-color:#fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
    color: #ff9900;
    margin-left:20px;
    /*display:flex;*/
    padding: 5px 0;
    height: 45px;
    width: 190px;
    border-radius: 45px;
  }
  .join_wait_list_btn_inverted:hover{
    background-color:#e67a03;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
    color:#fff;
    margin-left:20px;
  }
  .waitlistname_container {
    margin-top:20px;
    outline-color:red;
  }
  .waitlistname_container input {
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 600;
  }
  .waitlistemail_container {
    margin-top:10px;
  }
  .waitlistemail_container input {
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 600;
  }
  .waitlist_input {
    outline-color: #ff9900;
  }
  .notifyme_btn {
    background-color: #ff9900;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
      text-transform: uppercase;
      padding: 0;
      border-radius: 45px;
      font-size: 14px;
      text-align: center;
      color: #ffffff;
      letter-spacing: 2px;
      max-width: 100%;
      width: 130px;
      display: inline-flex;
      cursor: pointer;
      outline: none;
      height: 40px;
  }
  .notifyme_btn:hover {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9900;
      color:#ff9900;
  }
  .waitlist_back {
    font-size: 11px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    color: #777777;
    margin-top: 30px;
    cursor: pointer;
  }
  .joy_btn_shop_mobile {
    display:none;
  }
  .mobile_btn{
    display:none !important;
  }
  .joyu-btns-container {
    display:inline-flex;
    /*margin-bottom: 80px;*/
  }
  .join_wait_list_btn{
    display: inline-flex;
  }
  /*mobile*/
  @media screen and (max-width:768px){
    .sticky_waitlist{
      display: none !important;
    }
    .join_wait_list_btn{
      display: inline-flex !important;
    }
    .navbar{
      display: none !important;
    }
    .mobile_btn {
      display:inline-flex !important;
    }
    .joy_btn_shop_mobile {
      display:inline-flex;
    }
    .joyu-custom-select {
      position: relative;
        width: 255px;
        height: 46px;
        border-top: 1px solid #adadad;
        margin: auto;
        float:unset;
        margin-bottom:20px;
    }
    .select-arrow-active {
      background-position: calc(220px) calc(17px), calc(100%) calc(0px), 100% 0px;
    }

    .select-selected {
      background-position: calc(220px) calc(17px), calc(100%) calc(0px), 100% 0px;
    }

    .joyu-btns-container {
      display:inline-block;
      margin-bottom: 80px;
    }
    .installments-custom-select {
        margin: auto 0 25px auto;
        float: unset;
    }
    .shipping_opt_row {
      margin-top: 25px;
    }
  }

.panel_accordion .pluginbutton a {
  color: #303030;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  border: #303030 1px solid
}
.pluginbutton a:visited {
    color:inherit;
}
.panel_accordion a {
  color:#55C0B9;
}
.product_description_container {
  display:flex;
  min-height:515px;
}
.product_description_left{
  width:55%;
}
.product_description_right{
  width:45%;
  /*width:100%;*/
}
.videocontainer_shop{
  width:100%;
}
.playeriframe {
  background-color: #000;
}
.hbar {
  background-color: #404040;
  min-height: 120px;
  /*margin-top: 50px;*/
  display: inline-flex;
  width: 100%;
}
.hbar .redirect_button {
  display:inline-flex;
}
.accordion{
  margin-top:50px;
  display:flex;
}
.productdescription .redirect_button{
  width: unset;
  padding: 10px 20px;
  margin:auto;
  color:#fff;
}
.redirect_button{
  width: unset;
  padding: 10px 20px;
  margin: auto;
  color: #fff !important;
  min-width: 135px;
  display: inline-flex;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}
.redirect_button:hover{
    opacity: 0.7;
    transition: 0.3s ease-in-out;
}
.hbarmsg{
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 1px;
    /* font-style: italic; */
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    display: flex;
    text-transform: uppercase;
}
.info_accordion {
    border-top-style: solid !important;
    border-top-width: 1px !important;
    border-top-color: #ebebeb !important;
    color: #404040;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 17px;
    cursor: pointer;
    padding: 10px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-weight: 700;
    letter-spacing: 1px;
    transition: 0.6s;
}
.info_accordion:after {
    content: '\002B';
    float: right;
    margin-left: 5px;
}
.lastpanel {
  border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ebebeb !important;
}
.info_active, .info_accordion:hover {
    background-color: #ccc;
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #d1d1d1;
}

.info_active:after {
    content: "\2212";
}
.panel_accordion {
    padding: 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left;
    font-family: 'ClarikaProGeo-Rg', serif;
    font-size: 17px;
    line-height: 1.5em;
}
.panel_accordion ul {
  padding-left: 30px;
    list-style: unset;
}
.playbtn{
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    border-radius: 50%;
    margin-left: auto;
    margin-top: auto;
    bottom: 10px;
    right: 10px;
}
.playbtn:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #ffffff;
  position: absolute;
  top: 8px;
  left: 11px;
}
.slider_dot_empty{
  height:10px;
  width:10px;
  border-style: solid;
  border-width:1px;
  border-color:#70c2bc;
  border-radius: 30px;
  float:left;
  margin-left:3px;
  margin-right:3px;
}
.slider_dot_full{
  height:10px;
  width:10px;
  border-style: solid;
  border-width:1px;
  border-color:#70c2bc;
  border-radius: 30px;
  background-color: #70c2bc;
  float:left;
  margin-left:3px;
  margin-right:3px;
}
.slider_dot_empty:first-child{
  margin-left:0;
}
.slider_dot_empty:last-child{
  margin-right:0;
}
.slider_dot_full:first-child{
  margin-left:0;
}
.slider_dot_full:last-child{
  margin-right:0;
}
.slider{
  padding:0;
}

.thumbs {
  /*display: flex;*/
  /*flex-wrap: wrap;
  margin-left: -15px;
  /*margin-top: 10px;*/
    display: flex;
    flex-wrap: wrap;
    /* margin-left: -10px; */
    /* margin-top: 10px; */
    /*width: 575px;*/

    display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-top: 15px;
}
#product_photos .product_photos_col {
  /*flex: 1 1 100px 100px;*/
  width:100px;
  height:100px;
    box-sizing: border-box;
    padding: 0px;
    margin-left: 15px;
    margin-top: 15px;
    height: 100px;
    display: flex;
}
.product_videos_col img:hover{
  cursor: pointer;
  opacity: 0.8;
}

.productdetail_leftpanel{
  float:left;
  width:50%;
  padding-right:15px;
}
.productdetail_rightpanel{
  float:left;
  width:50%;
}
.product_details {
  max-width: 1804px;
    margin-left: auto;
    margin-right: auto;
}
#product_controls {
  margin-top:20px;
  margin-bottom: 5px;
}
.col_right_content {
  margin: 50px 30px 50px 30px;
}
.single_product {
  background-color:#f9f7fa;
}

.shop_ctrls{
  width: 133px;
  height: 48px;
  border: solid 1px #d1d1d1;
  color: #333333;
  display: block;
  border-radius: 25px;
  float:left;
  margin-right: 20px;
}
.shopctrls_val,
.shop_ctrl{
  float: left;
  width: 33.33%;
  height: 100%;
  position: relative;
  text-align: center;
  /*background: #F5F5F5;*/
  display: flex;
  font-size: 24px;
  cursor: pointer;
  /*transition: background 0.25s ease-in-out;*/
}
.shop_ctrl:hover{
  background:#d1d1d1;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.shop_ctrl a,
.shopctrls_val span{
  margin:auto;
}
.shop_ctrl_minus{
  float: left;
  width: 33.33%;
  height: 100%;
  position: relative;
  text-align: center;
  /*background: #F5F5F5;*/
  display: flex;
  font-size: 24px;
  cursor: pointer;
  border-top-left-radius: 55px;
    border-bottom-left-radius: 55px;
    /*right:0px;*/
    background: #F5F5F5;
  /*transition: background 0.25s ease-in-out;*/
}
.shop_ctrl_minus:hover{
  background:#d1d1d1;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.shop_ctrl_minus a,
.shop_ctrl_minus span{
  margin:auto;
}
.shop_ctrl_plus{
  float: left;
  width: 33.33%;
  height: 100%;
  position: relative;
  text-align: center;
  /*background: #F5F5F5;*/
  display: flex;
  font-size: 24px;
  cursor: pointer;
  right:0px;
  border-top-right-radius: 55px;
    border-bottom-right-radius: 55px;
    background: #F5F5F5;
  /*transition: background 0.25s ease-in-out;*/
}
.shop_ctrl_plus:hover{
  background:#d1d1d1;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  right:-1px;
}
.shop_ctrl_plus a,
.shop_ctrl_plus span{
  margin:auto;
}
.shopctrls_val{
  background: #ffffff;
}
.shopctrls_val input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 14px;
}

.joy_btn_shop{
  text-transform: uppercase;
  padding: unset;
  border-radius: 45px;
  font-size: 15px;
  text-align: center;
  background: #876ead;
  border-style: solid;
  border-width: 1px;
  border-color:#876ead;
  transition:all 0.3s ease-in-out;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  color: #ffffff;
  letter-spacing: 1px;
  max-width: 100%;
  display: inline-flex;
  cursor: pointer;
  outline: none;
  width:160px;
  height:45px;
  float:left;
}

.joy_btn_shop:hover{
  text-transform: uppercase;
  padding: unset;
  border-radius: 45px;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color:#876ead;
  color: #876ead;
  letter-spacing: 2px;
  max-width: 100%;
  display: inline-flex;
  cursor: pointer;
  outline: none;
  width:160px;
  height:45px;
  float:left;
}

.joy_btn_shop.disabled {
  background: grey;
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.shop_shipping_icons_wrapper {
    display: flex;
    margin-top: 30px;
    margin-left: -12px;
    max-width: 440px;
  }

.shop_shipping_icon_wrapper {
  width: 25%;
  margin-right: 5px;
}

.shop_shipping_icon_wrapper:last-child {
  margin-right:0;
}
  
.shop_shipping_icon {
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shop_shipping_icon svg{
  height:30px;
  margin-bottom:8px;
}

@media screen and (max-width: 1024px){
  .shop_shipping_icon svg{
    width:100%;
    margin-bottom:10px;
  }
}

#leave_a_review{
  width: 100%;
  /*padding: 34px 0;*/
  /*background: #f0edf4;*/
  color: #876ead;
  text-transform: uppercase;

  font-size: 14px;
  font-weight: 700;
  /*margin-top: 40px;*/
}
.leave_a_review i{
  margin: 0 -5px;
}
#leave_a_review .more_info_item{
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-top:0;
}
#leave_a_review .more_info_item:after{
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 5px;
  background: #876ead;
  left: 0;
  bottom: -5px;
  border-radius: 5px;
  transition: width 0.25s ease-in-out;
}
#leave_a_review .more_info_item:hover:after,
#leave_a_review .more_active_info:after{
  width: 100%;
}
#leave_a_review .more_info_item i{
  margin: 0 -5px;
}
.add_to_wishlist_container {
  cursor: pointer;
}
.add_to_wishlist_img {
  width:46px;
  height:46px;
  margin-left: 20px;
}
.add_to_wishlist_login_btn {
    min-width: 100px;
    background-color: #9dca6f;
    border-radius: 40px;
    display: inline-flex;
    text-align: center;
    height: 46px;
    margin-left: 20px;
}
.add_to_wishlist_login_btn_label {
  margin:auto;
  color:#fff;
  white-space: nowrap;
}
.shop_video_container {
  max-width: 560px;
  height: 370px;
}
.shop_video_panel {
  width:100% !important;
  height: 100%  !important;
  float: left;
}
.ytp-cued-thumbnail-overlay-image{
  background-size: contain !important;
    -moz-background-size: contain !important;
     -webkit-background-size: contain !important;
    background-position: center !important;;
    background-repeat: no-repeat !important;;
    width: 100% !important;;
    height: 100% !important;;
    position: absolute !important;;
}
.mobile {
    display:none;
  }
@media screen and (max-width:1149px){
  #product_photos .product_photos_col {
    flex: unset;
      width:100px;
    height:100px;
  }
  .waitlist_form {
    width:384px;
  }
}
@media screen and (max-width:1000px){
  #product_photos .product_photos_col {
    /*flex: 1 0 calc(33% - 10px);*/
    flex: unset;
      width:100px;
    height:100px;
  }
  .productdescription {
    width: unset;
  }
}
@media screen and (max-width:950px){
  #product_photos .product_photos_col {
    flex: unset;
      width:100px;
    height:100px;
  }
  .redirect_button {
    padding:8px 20px;
    min-width:130px !important;
  }
}
@media screen and (max-width:767px) {
  .add_to_wishlist_container {
    display: none;
  }
  .product_description_right{
  }

}
@media screen and (max-width:768px){
  .desktop {
    display:none !important;
  }
  .mobile {
    display:block !important;
  }
  .product_description_right{
  }
  .more_posts_row {
    width:100%;
  }
  #page {
    margin-left:0 !important;
  }
  .hbar{
      background-color: #404040;
      min-height: 120px;
      /*margin-top: 50px;*/
      display: inline-flex;
      width: 100%;
      margin-left: -10px;
      margin-right: -10px;
  }
  .redirect_button {
    padding:8px 15px;
    min-width:130px !important;
    width: unset;
    font-size:12px;
  }
  .productdetail_leftpanel{
    float:left;
    width:100%;
    padding-right:0px;
  }
  .accordion{
    margin-top:50px;
    display:flex;
  }
  .single_product{
    background-color: #f9f7fa;
    padding: 45px 15px;
  }
  .col_right_content{
    width:100%;
    margin: 0;
    padding: 0 15px;
  }
  .slider_dot_empty_mobile{
    height:10px;
    width:10px;
    border-style: solid;
    border-width:1px;
    border-color:#70c2bc;
    border-radius: 30px;
    float:left;
    margin-left:3px;
    margin-right:3px;
  }
  .slider_dot_full_mobile{
    height:10px;
    width:10px;
    border-style: solid;
    border-width:1px;
    border-color:#70c2bc;
    border-radius: 30px;
    background-color: #70c2bc;
    float:left;
    margin-left:3px;
    margin-right:3px;
  }
  .slider_dot_empty_mobile:first-child{
    margin-left:0;
  }
  .slider_dot_empty_mobile:last-child{
    margin-right:0;
  }
  .slider_dot_full_mobile:first-child{
    margin-left:0;
  }
  .slider_dot_full_mobile:last-child{
    margin-right:0;
  }
  .slider_mobile{
    padding:0;
  }
  .videocontainer_mobile{
    width:100%;
  }
  .video_collection_mobile{
    height:350px;
  }
  .product_description_right {
    width: 100%;
  }
  .hbarmsg {
    font-size: 16px;
    text-align: center;
    padding: 0px 25px;
  }
  .hbar{
    padding: 15px 15px;
  }
  .shop_ctrls{
    margin-right:10px;
  }
  .waitlist_form {
    width:344px;
  }
  .navbar_join_wait_list_btn{
    display: none !important;
  }
  .product_description_container {
    display:flex;
    min-height:300px;
  }
}

@media screen and (min-width:361px) and (max-width:415px){
  .sold_out_btn {
      /*margin-top:10px;*/
    }
  .sale_btn {
    /*margin-top:10px;*/
  }
  .shop_price_labels {
    margin-top: 10px;
  }
  .waitlist_form {
    width:315px;
  }
}
@media screen and (max-width:360px){
  #product_controls {
      display: inline-flex;
      flex-wrap: wrap-reverse;
  }
  .add_to_cart_btn {
    margin-top:20px;
    clear:left;
  }

  .shop_ctrls{
      margin-right: 20px;
      margin-top:20px;
      /*margin-left: -40px;*/
  }
  .shopctrls_val input {
  }

  .shop_ctrl_plus{
    border-top-right-radius: 55px;
      border-bottom-right-radius: 55px;
      background: #F5F5F5;
      right:0px;
  }
  .shop_ctrl_minus{
    border-top-left-radius: 55px;
      border-bottom-left-radius: 55px;
      right:0px;
      background: #F5F5F5;
  }
  .shop_ctrl_minus a, .shop_ctrl_minus span {
  }
  .sold_out_btn {
      margin-top:10px;
    }
  .sale_btn {
    margin-top:10px;
  }
  .waitlist_form {
    width:260px;
  }
}

/*-------------------------------------------------------------
# PRODUCT FAQ
--------------------------------------------------------------*/
/* Program Faq */
#product_faq{
  margin: 35px 0;
  padding-top: 50px;
  padding-bottom: 60px;
  z-index: -1;
  position: relative;
}
#product_faq h6{
  display: inline-block;
  font-size: 20px;
}
.product_faq_title{
  margin-bottom: 20px;
}
.productfaqrow .faqbox{
  border-bottom: 1px solid #d2d2d2;
  border-top:0px;
}
.productfaqrow:first-child .faqbox{
  border-top:1px solid #d2d2d2;;
}
.productfaqrow:last-child .faqbox{
  border-top:0px;
}
.productfaqrow.singlefaqrow:last-child .faqbox{
  border-top:1px solid #d2d2d2;
}
#product_faq .faqbox .arrow_down{
  position: absolute;
  top: 50%;
  right: 15px;
  color: #333333;
  margin-top:-2px;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: transform 0.35s ease-in-out;
}
#product_faq .faqbox.expanded{
  border-bottom: 2px solid #e3edec;
  background:#fff;
}
#product_faq .faqbox.expanded .arrow_down{
  transform: rotate(0);
}
#product_faq .faqbox .question{
  position: relative;
  padding-left: 20px;
  width: 100%;
  padding-right: 40px!important;
}
#product_faq .faqbox.expanded .answer{
  padding:0px;
  padding-left:20px;
  padding-right: 20px;
}
#product_faq .faqbox .answer{
  padding-left: 20px;
  padding-right: 20px;
}
#product_faq .faqbox .answer .answer_adjust{
  margin-bottom:15px;
    font-size: 16px;
    line-height: 22px;
}
@media screen and (max-width:800px){
  #product_faq .col_one_half {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# CART
--------------------------------------------------------------*/
#cartview{
  margin-top: 20px;
}
#cartview:after{
  content: "";
  display: block;
  clear: both;
}
label.checkout {
  top: 25px;
  position: relative;
  TEXT-TRANSFORM: uppercase;
  font-size: 12px;
  left: 10px;
  z-index: 1;
}
label.checkout.profile {
  float:left;
}
.table_heading{
  border-bottom: solid 2px #daf1f1;
  padding-bottom: 15px;
}
.table_heading .cart_col{
  text-transform: uppercase;
  font-weight: 700;
}
.cart_row{
  padding: 23px 0;
}
.cart_mobile_heading{
  display: none;
  text-transform: uppercase;
}
#checkoutview{
  /* padding-left: 60px;*/
  padding: 5px 30px;
  background: #f9f9f9;
}
#paypalbutton .review_order_btn{
  margin: 0 auto 20px;
}
.safe_checkout{
  margin-top: 20px;
}
.checkout_btn{
  margin: 24px 0;
}
.promo_code{
  width: 100%;
  color: #333333;
  height: 44px;
  border: solid 1px #d1d1d1;
  margin-top: 20px;
}
.promo_code:after{
  content: "";
  clear: both;
  display: block;
}
.promo_code_input{
  width: 82%;
  border:none;
  height: 100%;
  float: left;
  outline: none;
  padding: 0 7px;
  font-size: 16px;
}
.promo_code_btn{
  background: #F5F5F5;
  width: 18%;
  height: 100%;
  display: block;
    float: left;
    position: relative;
    color: #333333;
    transition: background 0.25s ease-in-out;
}
.promo_code_btn:hover{
  background: #d1d1d1;
}
.promo_code_btn i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#couponerror{
  margin-top:10px;
  color: #55C0B9;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.spinner {
  margin: auto;
  /*width: 40px;*/
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #3333337d;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.safe_checkout_col{
  float: left;
  display: inline-block;
}
.safe_checkout_col_left{
  width: 22%;
  margin-right: 4%;
  text-align: right;
  font-size: 35px;
  position: relative;
}
.safe_checkout_col_left i{
  position: absolute;
    top: 50%;
    display: block;
    transform: translateY(-55%);/*dont judge me... */
    right: 0;
}
.safe_checkout_col_right{
  width: 65%;
  text-align: left;
}
.safe_checkout_line1,
.safe_checkout_line2{
  display: block;
  font-size: 14px;
}
.card_icons{
  margin: 20px 0;
}
.terms_policy{
  padding: 20px 15px;
  background: none;
}
.cart_step_inner_row{
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 2px solid #daf1f1;
}
#cart_step_row{
  display: none;
  margin-top: 24px;
}
.cart_step {
  width: 33.33% !important;
}
.active_cart_step{
  position: relative;
  min-height: 71px;
}
.active_cart_step:before,
.active_cart_step:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #daf1f1;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.active_cart_step:before{
    border-bottom-color: #ffffff;
    z-index: 2;
    bottom: -28px;
}
.cart_controls_desktop {
  display: none;
}
.cart_controls{
  margin: 24px 0;
  /*padding-top: 24px;*/
  /*border-top: 2px solid #daf1f1;*/
  /*display: none;*/
}
.hidden_billing{
  display: none;
}
#cartview .joy_input{
  outline-color: #55C0B9;
}
#cartview .custom_checkbox.selected {
    background: #ffffff;
    border: solid 1px #e2e2e2;
    color: #55C0B9;
}
#cartview .joy_input:disabled{
  background: #dadada;
}
.credit_col{
  border-right: solid 2px #cfc4df;
}
.paypal_col{
  padding-left: 40px;
  font-size: 20px;
  z-index: 1;
}
.paypal_col img,
.paypal_col a{
  display: block;
  max-width: 160px;
}
.paypal_section_heading{
  display: none;
}
/*--------------------------------------------------------------
# CART LOGIN
--------------------------------------------------------------*/
.cart_banner{
  width: 100%;
  padding: 20px 0;
  background: #f4f4f4;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cart_login .login_col:before{
  content: "";
  display: none;
}
.login_col .cart_login_btn{
  margin: 35px 0 15px;
  width: 290px;
  border: solid 1px #55C0B9;
}
.login_col .cart_login_btn_invert{
  background: #ffffff;
  margin-top: 15px;
  width: 290px;
  color: #55C0B9;
  border:solid 1px #55C0B9;
  transition:all 0.25s ease-in-out;
}
.cart_login_btn_invert:hover{
  background:#55C0B9;
  color:#ffffff;
}
.cart_login_btn_mobile{
  /*margin: 35px 0 15px;*/
  /*width: 290px;*/
  border: solid 1px #55C0B9;
  text-align: center;
}

.cart_controls_mobile {
  display: none;
}

@media screen and (max-width: 1100px){
  .cart_controls_mobile {
    display: block;
  }
  .credit_col {
    border-right: none;
  }
  .paypal_section_heading{
    display: block;
    text-align: center;
    width: 100%;
  }
  #ffc_clearer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#cart_login .login_row .login_col:nth-child(1):after{
  /*background: #cfc4df;*/
  background: #f4f4f4;
  height: 100%;
}
.cart_signup_btn{
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.cart_signup_btn:hover{
  background:#579b96;
  color:#ffffff;
}
#cart_signup .create_col{
  margin-top: 70px;
}
#cart_login .joy_input,
#cart_signup .joy_input{
  outline-color: #55C0B9;
}
.cartlogin_container,
.cartsignup_container {
  margin: auto;
  max-width: unset !important;
}

@media screen and (max-width: 450px) {
  .cartsignup_container .cartsignup_container,
  .cartlogin_container .cartsignup_container {
    margin: auto;
  }
  .cartsignup_container .col_one_half,
  .cartlogin_container .col_one_half {
      width: 100%;
  }

  .cartsignup_container .col {
    float: left;
    padding: 0 10px;
  }
  .cartlogin_container .col {
    float: left;
    padding: 0 15px;
  }
  /*.cartsignup_container .login_col:nth-child(1):before, .create_col:before,
  .cartlogin_container .login_col:nth-child(1):before, .create_col:before,
  .cartsignup_container .login_row .login_col:nth-child(1):after,
  .cartlogin_container .login_row .login_col:nth-child(1):after {
    height: 0;
  }*/
 
}
@media screen and (max-width: 350px) {
  #signupform .cartsignup_container,
  #cartsignup_container .cartsignup_container {
    padding: 0 !important;
  }
}
/*--------------------------------------------------------------
# CONTACT
--------------------------------------------------------------*/
.col_contact{
  margin-bottom:80px;
}
.contact_sidebar_block{
  margin-bottom: 60px;
}
.contact_arrow{
  width: 92px;
  display: inline-block;
  margin-left: 10px;
}
.contact_reason span{
  border:none;
  text-align:center;
  color:#55C0B9;
  font-size:12px;
}
.contact_reason span:before{
  margin-top:1px;
  border-top:6px solid #55C0B9;
}
.contact_reason span:after{
  border-top:6px solid #55C0B9;
}
.contact_reason_list{
  background:rgba(225,243,242,0.8);
  text-align:center;
  box-shadow:none;
}

.contact_reason_list a{
  color:#7B9999;
}
.contact_reason_list li{
  padding:8px 10px;
  display: none;
  text-align: left;
}
.contact_reason.contact_reason_active li{
  display: block;
}
#blog_category_menu.contact_reason_list li{
  text-transform: uppercase;
}
.contact_reason_list li:hover{
  background:rgba(255,255,255,0.6);
}

.contact_reason_col{
  text-align: left;
}
.contact_reason_col .h4{
  margin: 32px 0 25px;
}
.contact_sidebar_clear{
  display: none;
}
/*--------------------------------------------------------------
# MEMBER PROFILE
--------------------------------------------------------------*/
.member_header{
  background: #55C0B9;
  height: 124px;
}
.member_header .logo_bar,
.member_header .primary_menu_items_bar {
  background: #55C0B9;
}
.member_header .primary_menu_item  a {
  color:#fff;
}

.member_header .main_colour,
.member_header .menu_item_link,
.member_header #cart_count,
.member_header #mobile_cart_total_count,
.member_header .accounticon svg path,
.member_header .secondary_menu_hamburger_container svg path,
.member_header .primary_menu_item span,
.member_header .primary_menu_hover
 {
  color: #fff;
  fill:#fff !important;
  transition:all 0.1s ease-in-out;
  /*padding-right: 1px;*/
}

.member_header .main_colour:hover,
.member_header .menu_item_link:hover,
.member_header #cart_count:hover,
.member_header #mobile_cart_total_count:hover,
.member_header .accounticon:hover svg path,
.member_header .secondary_menu_hamburger_container:hover svg path,
.icon_hover:hover svg path,
 {
  color:#8bab4c !important;
  fill:#8bab4c !important;
  transition:all 0.25s ease-in-out;
}
.member_header .menu_item:hover .menu_item_link{
  color: #404040;
}
.member_header .mega_menu{
  border-top: solid 28px #96CB70;
  padding-top: 0px;
}
.member_header.header_drop .mega_menu{
  border-top: solid 18px #96CB70;
}
#member_menu{
  background: #f4f4f4;
  /*padding: 20px 0;*/
  height: 130px;
  margin-top: 124px;
}
#member_menu:after{
  content: "";
  display: block;
  clear: both;
}
#member_menu .row,
#member_menu .cwidth,
#member_menu .col{
  height: 100%;
}
.member_menu_item{
  color: #404040;
  font-weight: 700;
  letter-spacing: 0.15em;
}
.member_menu_item span{
  display: block;
  transition:all 0.25s ease-in-out;
  font-size: 14px;
  font-weight: 500;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}

#page.member_page{
  margin-top: 0;
}
.member_menu1{
  width: 30%;
}
.member_menu2{
  width: 50%;
}
.member_menu3{
  width: 20%;
}
.member_avatar{
  width: 80px;
  height: 80px;
  float: left;
}
.member_menu1 h2{
    top: 50%;
    display: block;
    position: absolute;
    left: 110px;
    transform: translateY(-50%);
}
.member_menu_item{
  display: block;
  height: 100%;
}
.member_video:hover{
  background-color: #96CB70;
}
/*--------------------------------------------------------------
# LOGIN
--------------------------------------------------------------*/
.login_row{
  margin: 120px -15px 72px;
}
.login_col{
  position: relative;
}
.login_col h2{
  margin-bottom: 56px;
}
.login_box{
  height: 150px;
  width: 100%;
}
.login_col_inner{
  padding: 0 95px;
}
.joy_input{
  outline-color: #96CB70;
  outline-width: 2px;
}
.login_col .joy_input::-webkit-input-placeholder{
  -webkit-text-fill-color: #999999;
  letter-spacing: 0.1em;
  font-family: 'Clarika', sans-serif !important;
  text-transform: uppercase;
}
.login_col .joy_input::-moz-placeholder{
  color: #999999;
  letter-spacing: 0.1em;
  font-family: 'Clarika', sans-serif !important;
  text-transform: uppercase;
}
.login_col .joy_btn_green{
  margin: 35px 0 15px;
  width: 290px;
  border: solid 1px #55C0B9;
}
.login_col .joy_btn_green_invert{
  margin-top: 15px;
  width: 290px;
  transition:all 0.25s ease-in-out;
}
.joy_btn_green_invert:hover{
  background:#55C0B9;
  color:#ffffff;
}
.login_row .login_col:nth-child(1):before,
.create_col:before{
  content: "";
  width: 179px;
  height: 179px;
  position: absolute;
  top: -89.5px;
  right: -89.5px;
  background: url(//i.joyoushealth.com/portal/jhcollective2x.jpg);
  background-size:cover;
}
.login_row .login_col:nth-child(1):after{
  content: "";
  width: 1px;
  height: 70%;
  position: absolute;
  right: 0;
  bottom: -15px;
  background: #d7eac3;
}
.login_col p{
  line-height: 1.5em;
  padding: 0 15px;
}
.create_col{
  width: 450px;
  margin: 100px auto 150px;
  position: relative;
}
.create_col h2{
  margin-bottom: 0;
}
.create_col form{
  margin-top: 27px;
}
.create_col:before{
  right: auto;
  left: -231px;
}
.create_col .joy_btn_green{
  margin-top: 7px;
}
.signup_section{
  width: 100%;
}
.signup_section a{
  color: #404040;
}
.signup_section a:last-child{
  
}
.signup_section_first_row {
  display: flex;
  justify-content: space-around;
}
.signup_section_second_row {
  display: flex;
  justify-content: center;
  margin-top:30px;
}
.signup_title {
  font-size: 3vmax;
  font-weight: 500;
}
.signup_msg {
  font-size: 1.3em;
}
.signup_section_second_row a:first-child {
  margin-right: 30px;
}
.signup_section_second_row a:last-child {
  margin-left: 30px;
}
.signup_section_icon img{
  width: 60px;
  margin-bottom: 15px;
  background-color:#f4f4f4;
  border-radius:50%;
  transition:all 0.25s ease-in-out;
}
.signup_section_icon img:hover{
  background-color:#55C0B9;
}
.optin_newsletter_msg,
.optin_newsletter_msg a {
  font-size: 12px;
  color: #404040;
}
.optin_newsletter_msg a {
  text-decoration: underline;
}
.cartlogin_container .login_col_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cartlogin_container .input_row {
  position: relative;
}
.cartlogin_container #name_icon,
.cartlogin_container #password_icon,
.cartlogin_container #email_icon {
  left: 10px;
}
@media screen and (max-width: 1023px){
  .cartlogin_container .login_row .login_col:nth-child(1):after{
    content: "";
    width: 0px;
    height: 70%;
    position: absolute;
    right: 0;
    bottom: -15px;
    background: #d7eac3;
  }
  .cartlogin_container .login_box {
    width: 100%;
    max-width: 429px;
  }
  .cartlogin_container .login_col .joy_btn_green {
    margin: 45px 0 5px;
  }
}
/*--------------------------------------------------------------
# FORGOT PASSWORD
--------------------------------------------------------------*/
.forgot_col:before{
  display: none;
}
.hidden_msg{
  opacity: 0;
  visibility: hidden;
  text-align: left;
  transition: all 0.25s ease-in-out;
}
.hidden_msg.show_msg{
  opacity: 1;
  visibility: visible;
}
/*--------------------------------------------------------------
# DASHBOARD
--------------------------------------------------------------*/
#profile_info{
  background: #e7f2dc;
  margin: 36px 0;
  padding: 45px 41px;
}
#profile_info h3{
  color: #9dcc6a;
  letter-spacing: 0.1em;

}
#percent_bar{
  width: 100%;
  height: 30px;
  background: #ffffff;
  position: relative;
  z-index: 1;
  margin-bottom: 17px;
}
#percent_bar_inner{
  width: 0%;
  height: 100%;
  background: #9dcc6a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: width 0.25s ease-in-out;
}
#profile_info_row{
  border-bottom: solid 1px #cacaca;
  /*padding-bottom: 20px;*/
  margin-bottom: 30px;
}
.profile_info_item{
  text-transform: uppercase;
  color: #a8afa2;
  font-size: 14px;
  padding-bottom: 30px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: color 0.25s ease-in-out;
}

.active_info,
.profile_info_item:hover{
  color: #404040;
}
.active_info:before,
.active_info:after{
  content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #cacaca;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.active_info:before{
  border-bottom-color: #e7f2dc;
    z-index: 2;
    bottom: -2px;
}
.profile_block{
  text-align: left;
  margin-bottom: 50px;
}
.profile_block h4{
  margin-bottom: 20px;
}
.profile_checkbox{
  display: inline-block;
  width: 25%;
}
.profile_checkbox .custom_checkbox{
  width: 30px;
  height: 30px;
  background: #ffffff;
  margin-right: 17px;
  vertical-align: middle;
}
.profile_checkbox .custom_checkbox.selected{
  background: #96CB70;
}
.profile_controls{
  text-align: right;
}
#profile_skip{
  margin-right: 35px;
  color: #96CB70;
  text-transform: uppercase;
  cursor: pointer;
}
#profile_steps{
  position: relative;
  min-height: 280px;
}
.profile_step{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.active_step{
  visibility: visible;
  opacity: 1;
}
#profile_step2{
  text-align: left;
}
.profile_select{
  width: 100%;
  height: 57px;
  text-align: left;
  position: relative;
}
.profile_select span{
  width: 100%;
    height: 100%;
    padding: 2em 10px 10px 10px;
    display: block;
    text-align: left;
    text-transform: uppercase;
    border: solid 1px #e2e2e2;
    cursor: pointer;
    background: #ffffff;
    color: #404040;
}
.profile_select span:before,
.profile_select span:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 35px;
    right: 15px;
    z-index: 2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
}
.profile_select span:before {
    margin-top: 1px;
    border-top: 6px solid #404040;
}
.profile_select a{
  color: #404040;
}
.profile_select_list{
  background: #ffffff;
  left: 0;
  top: 57px;
  border: solid 1px #e2e2e2;
  border-top: 0;
  overflow:auto !important;
  -webkit-box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
  -moz-box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
  box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
}
.profile_select li{
  padding:10px 15px;
  display: none !important;
}
.profile_select.profile_select_active li{
  display: block !important;
}

#day .profile_select_list,
#year .profile_select_list{
  overflow: auto !important;
}
#profile_image{
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  background: #b3b3b3;
  position: relative;
}
#profile_image img{
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
#image_uploader{
  text-align: left;
}
#image_uploader input[type="file"]{
  margin: 25px 0;
}
#image_uploader .joy_btn{
  display: block;
}
#profile_finish{
  display: none;
}
.dashboard_section p{
  width: 400px;
  line-height: 1.5em;
  margin: 20px auto;
  color: #404040;
  font-size: 18px;
}

.member_menu_item{
  position:relative;
}

.member_menu3 img{
  float:right;
  min-width:135px;
}

.col_one_sixth.birthday label{
  margin-left:-6px;
}
.col_one_quarter.birthday{
  float:right;
}
#profile_image{
  width:160px;
  height:160px;
  padding-bottom:0;
}
#profile_step3 .col_three_quarters form{
  padding-left:50px;
}

.dashboard_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    top: 170px;
    position: relative;
    min-height:850px;
  }

/*.dashboard_sections_container {
  margin-bottom: 160px;
  float: right;
  position: relative;
  flex: 1;
}*/
/*--------------------------------------------------------------
# SETTINGS
--------------------------------------------------------------*/
.account_settings{
  margin-bottom: 50px;
  width: 100%;
}
.account_settings h2{
  margin: 35px 0;
}
.account_settings_content h4{
  margin-bottom: 23px;
}
.account_settings_content label{
  margin-bottom: 5px;
  display: inline-block;
}
.account_settings #profile_image{
  margin-bottom: 25px;
  position:relative;
  margin:25px auto;
  left:0;
  transform:none;
}
.active_setting:after{
  width: 100%;
}
.account_settings_content{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile_select span{
  font-size:13px;
}
#my_dietplan{
  margin-top:20px;
}
.profileimagebox{
  display: grid;
  align-content: center;
  padding: 30px 0;
}

.profileimagecol{
  text-align:center;
}
.profileimagecol #image_uploader{
  text-align: center;
}
.profileimagecol #image_uploader .joy_btn{
  margin:0 auto;
}
.saveprofile{
  padding: 20px 0 30px 0;
}
.bphone{
  margin-top:20px;
}
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.join_community_form{
  background: #f2f2f2;
  padding: 82px 94px;
  text-align: left;
  margin-bottom: 40px;
}
.join_community_form h3{
  font-size: 28px;
  margin-bottom: 25px;
}
.join_community_form ul{
  list-style: disc;
}
.join_community_form .joy_btn{
  border: none;
  outline: none;
  transition:all 0.2s ease-in-out;
}
.join_community_form .joy_btn:hover{
  background-color:#579b96;
}
.input_row{
  /*width: 100%;*/
  margin-bottom: 15px;
}
.community_input{
  padding: 9px 12px;
  width: 100%;
}
.joy_input{
  border: solid 1px #e2e2e2;
  width: 100%;
  padding: 13px 20px;
  font-size: 14px;
  color: #404040;
  padding:2em 10px 10px 10px;
}
.fallback_label{
  display: none;
}
.contact_label{
  font-size: 18px;
  display: block;
  position: absolute;
  text-align: left;
  top: 50%;
  transform:translateY(-50%);
    top: 13px;
    left: 23px;
    font-size: 12px;
    text-transform: uppercase;
}
.contact_reason{
  color: #404040;
  width: 100%;
  position: relative;
  text-align: left;
}
.contact_reason span{
  width: 100%;
    height: 100%;
    padding: 13px 8px;
    display: block;
    text-align: left;
    text-transform: uppercase;
    border: solid 1px #e2e2e2;
    cursor: pointer;
}
.contact_reason span:before,
.contact_reason span:after{
  content:"";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 19px;
  right: 15px;
  z-index: 2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
}
.contact_reason span:after{
    border-top: 6px solid #404040;
    top: 21px;
    z-index: 1;
}
.contact_reason_list{
  background: #ffffff;
  left: 0;
  top: 49px;
  -webkit-box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
    -moz-box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
    box-shadow: 0px 21px 38px -4px rgba(51,51,51,1);
}
.contact_reason_list li{
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
.contact_reason_list li:hover{
  background: #404040;
  color: #ffffff;
  transition: all 0.1s ease-in-out 0s;
}
.contact_message{
  height: 240px;
  margin-bottom: 19px;
}
.other_contact{
  margin-bottom: 50px;
}
.h_input{
  display: none;
}
.fail,
.fail + span{
  transition: border 0.25s ease-in-out;
  border: solid 1px #ff0000;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
#footer{
  /*margin-top: 55px;*/
}
#footer_info{
  background: #404040;
  width: 100%;
  padding: 35px 0 45px;
  position: relative;
  text-align: left;
  color: #ffffff;
}
#footer_info a{
  color: #ffffff;
}
.footer_col_heading{
  margin-bottom: 25px;
  font-weight:600;
}
.footer_menu li{
  margin-bottom: 15px;
  font-size: 14px;
}
.social_icon_list{
  text-align: center;
  margin: 10px 0 15px;
}
.social_icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  border: solid 1px #ffffff;
}
.social_icon:hover{
   background-image: -moz-linear-gradient(#55C0B9, #8adbca);
   background-image: -webkit-linear-gradient(#55C0B9, #8adbca);
   background-image: -o-linear-gradient(#55C0B9, #8adbca);
   background-image: linear-gradient(#55C0B9, #8adbca);
}
.social_icon:last-child{
  margin-right: 0;
}
.social_icon a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.social_icon i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.copyright{
  font-size: 13px;
}
.hubnest{
  border-right: 1px solid white;
}
.hubnest img{
  width: 80px;
  margin: 0 10px;
}
.footer_border{
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  background: url(//i.joyoushealth.com/footer-border.jpg) repeat-x;
}
.footer_col{
  width: 23%;
}
.footer_col_social{
  width: 31%;
  float:right;
  text-align: center;
}
.footer_col_social img{
  max-width:296px;

}
.footer_btn{
  width: 95%;
  margin: 0 auto;
  display: block;
}
.instagram_block{
  width: 12.5%;
  padding-bottom: 12.5%;
  position: relative;
  float: left;
}
.instagram_bg{
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 48px;
  text-align: center;
  z-index: 10;
  transition: opacity 0.25s ease-in-out;
}
.instagram_bg i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.instagram_block:hover .instagram_bg{
  opacity: 1;
}
.instagram_img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
/*--------------------------------------------------------------
# COMMENTS
--------------------------------------------------------------*/
.comment_row{
  margin-top: 10px;
  margin-bottom: 30px;
}
.joy_btn.comment_btn{
  position:relative;
  transform:initial;
}
.post_comment_col1{
  width: 60%;
}
.post_comment_col2{
  width: 40%;
  text-align: center;
}
.post_textarea{
  height: 150px;
}
.post_input.post_textarea {
  font-size:14px;
  font-family: 'ClarikaProGeo-Rg';
}
.post_input{
  width: 100%;
  border: solid 1px #e2e2e2;
  padding: 15px 18px;
  font-family: 'ClarikaProGeo-Rg', serif;
  font-size: 16px;
  color: #404040;
  outline-color: #55C0B9;
    outline-width: 2px;
    letter-spacing: 1px;
}
.post_input::-webkit-input-placeholder{
  -webkit-text-fill-color: #999999;
  letter-spacing: 0.3em;
  font-family: 'Clarika', sans-serif !important;
}
.post_input::-moz-placeholder{
  color: #999999;
  letter-spacing: 0.3em;
  font-family: 'Clarika', sans-serif !important;
}
.post_login{
  font-size: 14px;
  margin-top:15px;
  margin-bottom: 15px;
}
#num_comments_bar{
  width: 100%;
  background: #ecf5f4;
  padding: 20px 30px;
  color: #404040;
  text-align: left;
  font-size: 22px;
  cursor: pointer;
  transition: background 0.25s ease-in-out;
  margin-top: 30px;
}
#num_comments_bar:hover{
  background: #579b96;
  color:#fff;
}

#comments{
  text-align: left;
  margin: 30px 30px 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}
#comments_arrow{
  transition: transform 0.25s linear;
  display: inline-block;
}
.comment_block{
  width: 100%;
  /*width: 60%;*/
  /*border-bottom: solid 1px #e2e2e2;
  padding-bottom: 18px;
  margin-bottom: 35px;*/
}
.comment_col{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 35px;
}
.comment_col p{
  font-family:'ClarikaProGeo-Rg', serif;
    letter-spacing: normal;
    line-height: 1.5;
    color: #404040;
    /* white-space: pre-line; */
}
.comment_href a{
    color: #55C0B9;
}
.comment_col .section{
  color: #8671AF;
  font-size: 34px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 500;
  padding-top: 5px;
}
.comment_col .section p{
  line-height:1.3em;
  -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}
.comment_col .section_subhead{
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #8671AF;
    font-weight: bold;
    letter-spacing: 1px;
}
.comment_block .comment_col:not(:first-child){
  margin-left: 25px;
  padding-left: 25px;
  padding-right: 25px;
  border-left: dashed 1px #55C0B9;
}
#comments hr{
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  border: none;
  margin: 18px 0 35px;
}
#comments hr:last-child{
  display: none;
}
span.commenter_name.dark_grey{
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
}
/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 20px){
  .cwidth{
    width: 1140px;
  }

  .cwidth-full {
    width: 100%;
  }
}
@media screen and (min-width: 1550px){
  .accordian_tab .tab_label .tab_heading{
    text-align: left;
  }
}
@media screen and (min-width: 768px){
  .shop_tile:hover .quick_shop_btn{
    bottom: 0;
  }
  .mobile_showfilters{
        width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 2200px){
  #page{
    width: 100%;
  }
}
@media screen and (max-width: 1200px){
  .speaking h2{
    font-size:33px;
  }
  .section_title .speaking{
    font-size: 20px
  }
  #default_tab{
    background-position: center;
  }
}

@media screen and (max-width: 1180px){
  .cwidth{
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width:1150px){
  .videoplayer{
    width:100%;
    /*height: auto;*/
  }
  .col.nopadding{
    width:100%;
  }
  .videocontainer{
    width:100%;
  }
  .playlist{
    margin-top:-10px;
    width:100%;
    height:50%;
  }
  .playlistrow{
    width:50%;
    height:50%;
    float:right;
  }
  .videoinfo{
    width:60%;
    font-size:14px;
  }
  .videocontainer{
    padding-bottom:60%;
  }
  .videocontainer img{
    position:relative;
  }
  .collection_group_list .col_one_half{
    width: 100%;
  }
  .media .videocontainer{
    padding-bottom: 0px;
  }

}
@media screen and (max-width:1140px){
  .menu_item{
    margin-right: 10%;
  }
  .collective_col{
    padding:0;
  }
  .comment_block{
    width: 100%;
  }
  .abs_col{
    width: 100%;
    float: left;
    position: relative;
    top: auto;
    transform: none;
  }
  .social_icon{
    width: 30px;
    height: 30px;
  }
  .flyerinfo h3{
    font-size:22px;
  }
  .programtext{
    width:100%;
    padding:0 10%;
  }
  .programvideo{
    width:100%;
  }
  .program.pluginvideo{
    padding-bottom: 45%
  }
  .program.videoanchor{
    width:80%;
    left:50%;
    margin-left:-50%;
  }
  .generalinfo,
  .instructorrow{
    padding:30px;
  }
  #student_testimonials,
  .studentquote{
    width:100%;
  }
  #online_social_sidebar{
    position: fixed;
    bottom: 40px;
    padding-left: 0;
    height: 60px;
    width:100%;
    /*background: #ffffff;*/
    z-index: 9999;
  }
  .generalcol{
    padding:0 30px;
  }
  #resolver{
    width: 100%;
  }
  #blog_quote_banner h1{
    font-size: 38px;
  }

  #about_video img{
    /*height: auto;*/
  }
  #resource_banner h1{
    font-size: 40px;
  }
}
.cart_controls_desktop {
    /*display: block;*/
  }

  .paypal_col{
    padding-left: 0;
    /*max-width: 160px*/;
    /*display: none;*/
    display: none;
    z-index: 1;
  }
  .cart_controls_desktop {
    display: block;

  }
  .cart_controls_mobile {
    display: none;
  }
  .cart_controls_paypal_mobile {
    display: none;
  }
  .cart_controls_review_mobile {
    display: none;
  }
@media screen and (max-width:1100px){

  .instagram_block:nth-child(8){
    display:none;
  }
  .instagram_block{
    width:14.28%;
    padding-bottom:14.28%;
  }
  .nav{
    width: 25%;
  }
  .list{
    width: 75%;
  }
  #my_birthday .month{
    width:100%;
  }
  #my_birthday .day,
  #my_birthday .year{
    width:50%;
  }
  .day,
  .year{
    padding-top:20px;
  }
  #about_timeline_viewport{
    position:relative;
  }
  .timeline_content{
    font-size:14px;
    text-align: left;
  }
  .timeline_title{
    font-size:20px;
  }
  #about_timeline .col_40{
    width:30%;
    float:left;
  }
  #about_timeline .col_60{
    float:left;
  }
  #about_timeline_next{
    right:30px;
    top:33%;
  }
  .timeline_year{
    display:inline;
  }
  .timeline_title{
    float:left;
    margin-left:20px;
  }
  #about_timeline{
    height:250px;
  }
  .cart_step_col{
    width: 100%;
  }
  #cartview{
    padding:0 30px;
  }
  .paypal_col{
    padding-left: 0;
    /*max-width: 160px*/;
    /*display: none;*/
    display: block;
    z-index: 1;
  }
  .cart_controls_desktop {
    display: none;

  }
  .cart_controls_mobile {
    display: block;
  }
  .cart_controls_paypal_mobile {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  #cartview .col_two_thirds{
    width: 100%;
  }
  #cartview .col_one_third{
    width: 100%;
    margin-top: -30px;
    padding-top: 30px;
  }
  #couponview, .safe_checkout, #card_icons{
    width: 50%;
    margin: 20px auto;
  }
}

@media screen and (max-width:1080px){
  .login_col h2{
    font-size:25px;
  }
  .login_col_inner{
    padding:0 55px;
  }
  .mobile_font{
    font-size: 24px;
  }
}
@media screen and (max-width: 1075px){
  .newsletter_input_col2{
    width: 30%;
  }
  .newsletter_input_col3{
    width: 40%;
  }
}
@media screen and (max-width: 1050px){
  .header_drop .menu_item{
    margin-right: 51px;
    font-size: 14px;
  }
  .header_drop .small_logo{
    width: 157px;
  }
  #about_timeline{
    width: 100%;
  }

}
@media screen and (max-width: 1045px){
  .blog_banner.no_margin h1{
    width:40%;
  }
  .blog_banner.no_margin p{
    font-size:14px;
    width:55%;
    float:right;
    padding-right:60px;
  }
  .blog_category_menu li a{
    font-size:14px;
    padding: 7px 35px;
    max-width: 200px;
  }
}
@media screen and (max-width:1040px){
  .con_contact{
    text-align:center;
  }
  .contact_btn{
    float:none;
    margin-top:10px;
  }
  .col_contact{
    display: block;
  }
  .col_contact .contact_100{
    width: 100%;
    display: block;
    float: left;
  }
}
@media screen and (max-width: 1024px){
  .speaking h2{
    font-size:30px;
  }
  .section_title .speaking{
    font-size: 18px
  }
}

@media screen and (max-width: 1000px){
  .message_block span{
    width: 75%;
  }
  .blog_banner_learn h1{
    font-size:38px;
    text-align: center;
    padding-right:0;
    width:75%;
  }
  #learnlogo{
    height:80px;
  }
  .member_menu_item{
    font-size:14px;
  }
  #profile_info h3{
    font-size:35px;
  }
  .profile_select{
    font-size:14px;
    margin-bottom: 20px;
    max-width: 300px;
  }
  #profile_step3 .col_one_quarter{
    width:30%;
  }
  #profile_step3 .col_three_quarters{
    width:70%;
  }
  .dashboard_col{
    width:50%;
  }
  .clearfix-dashboard-row{
    clear:both;
  }
  #instructorimg{
    float:none;
  }
  #blog_quote,
  #blog_quote_banner h1{
    width: 100%;
  }
  #blog_quote{
    margin: 10px 0;
  }
/*  #resource_banner .col_one_half{
    width: 100%;
    margin-bottom: 20px;*/
  .blog_banner .resource_banner_text_container p{
    padding-right: 0;
  }
  .resource_banner_text_container{
    padding-bottom: 3%;
  }
  .resource_banner_text{
    top: auto;
    transform: none;
  }
  #all_videos .col_one_third:nth-child(3n+1),
  #all_recipes .col_one_third:nth-child(3n+1){
    clear:none;
  }
  /*#all_videos .col_one_third:nth-child(3n+1),
  #all_recipes .col_one_third:nth-child(3n+1){
    clear:left;
  }*/
  .abs_col img{
    width: 120px;
  }
}

@media screen and (max-width: 960px){
  .abs_col img{
    width: 164px;
    margin-bottom: 23px;
  }
  #abs_cta{
    font-size: 20px;
  }
  .abs_col{
    padding: 25px 0;
  }
}
@media screen and (max-width: 950px){
  .header_drop .menu_item{
    margin-right: 30px;
  }
  .sidebar_offset{
    margin-left: 0px;
  }
  #social_sidebar{
    position: fixed;
    bottom: 0px;
    left: 0;
    /*height: 60px;*/
    /*background: #ffffff;*/
    width: 100%;
    z-index: 9999;
    margin-left: 0px;
  }
  .sidebar_icon{
    border-radius: 0;
    margin: 0;
    /*width: 16.666%;*/
    width: 20%;
    height: 60px;
    line-height:60px;
    display: inline-block;
    float: left;
  }
  .blogdetail_sidebar .sidebar_icon{
    width: 16.666%;
  }
  .pinterestsocial-wrapper a{
    width: 100%!important;
    height: 100%!important;
  }
  .recipe_sidebar{
    margin-left: 0 !important;
  }
  .recipe_sidebar .sidebar_icon{
    width: 20%;
  }
  .download_sidebar .sidebar_icon{
    width: 25%;
  }
  .video_sidebar .sidebar_icon{
    width: 20%;
  }
  .recipedetail_pagekey ul li.sidebar_icon,
  .recipedetail_pagekey ol li.sidebar_icon{
    line-height: 60px;
    margin-bottom: 0px;
  }
  .sidebar_icon i:before{
    margin-top:25px;
  }
  #total_shares{
    display: none;
  }
  .footer_col_connect{
    width: 16%;
  }
  .footer_col_social{
    width: 38%;
  }
  .col_three_quarters.author{
    margin-left:30px;
  }
  .pressinfo h3{
    font-size:25px;
    padding:20px 50px;
  }
  .pressinfo p{
    font-size:16px;
    margin-bottom: 20px;
  }
  .press_contact_btn{
    margin:20px;
  }
  .playlist{
    padding:10px 0;
  }
  .speakinginfo h3{
    font-size:25px;
  }
/*  .speakinginfo p{
    font-size:14px;
  }*/
  .onlinerow{
    height:500px;
  }
  #flyerdetailsrow{
    position:absolute;
    top:55%;
    left:10px;
    padding:0 20px;
  }
  .flyer.expanded{
    background-color:#fff;
    box-shadow:0px 21px 38px -4px rgba(161,159,161,0.2);
    padding:30px;
  }
  .signup_section a{
    margin-right:0;
    width:30%;
  }
  .signup_section.signuplinks a{
    width:18%;
  }
  /*#about_video{
    height: 400px;
  }*/
}
@media screen and (max-width: 935px){
  .newsletter_col1{
    width: 55%;
  }
  .newsletter_col2{
    width: 45%;
  }
  .newsletter_input_col1,
  .newsletter_input_col2{
    width: 50%;
  }
  .newsletter_input_col3{
    width: 100%;
    margin-top: 20px;
  }
  .contact_sidebar{
    width: 40%;
  }
  .contact_sidebar .author_social_row{
    text-align: center;
  }
  .sidebar_learn_more{
    width: 66.66%;
  }
}
@media screen and (max-width: 900px){
  #signupform .login_col h2{
    padding-top:20px;
  }
  .member_menu_item span{
    line-height: 2em;
  }
  .member_menu_item.active span,
  .member_menu_item span:hover{
    color:#96CB70;
  }
  .joyous_u_inner_row .col_one_quarter,
  .joyous_u_inner_row .col_three_quarters{
    width: 100%;
  }
  .joyous_u_inner_row .col_one_quarter img{
    width: 100px;
    /*margin: 0 auto;*/
    display: block;
  }

  .blog_banner.purple_banner h1,
  .blog_banner_full h1,
  .blog_banner.pink_banner h1,
  .blog_banner.yellow_banner h1{
    text-align:center;
    padding-right:0;
    font-size:28px;
    width:100%;
  }
  .blog_banner.green_banner h1 {
    text-align:center;
    padding-right:0;
    font-size:25px;
    width:100%;
  }
  .resource_banner_text_container{
    text-align: center;
  }
  .blog_banner_full .team{
    margin-bottom:0;
  }
  .instagram_block:nth-child(7){
    display:none;
  }
  .instagram_block{
    width:16.66%;
    padding-bottom:16.66%;
  }
  .login_col{
    width:100%;
  }
  .login_col h2{
    padding-top:100px;
    margin-bottom:30px;
  }
  .login_col_inner{
    padding:0 95px;
  }
  #fb_signup_col h2{
    padding-top:80px;
  }
  #create_acc_box{
    height:70px;
  }
  .login_row .login_col:nth-child(1):before,
  .create_col:before{
    top:-100px;
    left: 50%;
    margin-left:-88px;
  }
  .login_row.login_col:nth-child(1):after{
    display:none;
  }
  .faqcol{
    width:100%;
  }
  .instructorcol p{
    clear:both;
    text-align: justify;
    margin-bottom:none;
  }
  .instructorrow h3{
    float:none;
    text-align:center;
  }
  #member_menu2 .col.col_one_third{
    height:initial;
    width:100%;
  }
  .member_menu2{
    padding-top:25px;
  }
  .profile_checkbox{
    width:100%;
    padding:10px 0;
  }
  .profile_block,
  .col_one_quarter.birthday{
    width:50%;
    float:left;
  }
  .col_one_sixth.birthday{
    width:100%;
  }
  .hideme{
    visibility:hidden;
  }
  .noneme{
    display:none;
  }
  #profile_steps{
    margin-bottom:60px;
  }
  .profile_info_item{
    font-size:12px;
  }
  .membermenu_icon{
    display:none;
  }
  .profile_block.diet{
    width:100%;
  }

  .recipe_detail_img,
  .recipe_detail_col{
    width: 100%;
  }
  .recipe_detail_img img{
    width: 100%;
      float: left;
      padding: 0 15px;
      padding-right: 15px !important;
  }
  .recipe_detail_img{
    padding: 0;
    margin-bottom: 30px;
  }
  #recipe_detail_main {
    display: none;
  }
  .favicon_mobile {
    display: inline-block !important; /*make visible when screen size less than 900 and menu items are list*/
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }
  .cart_primary_col{
    width: 100%;
  }
  .cart_secondary_col{
    width: 400px;
    float: none;
    margin: 0 auto;
    clear: both;
    padding-top: 20px;
  }
  #paypalbutton .review_order_btn{
    display: none;
  }
  #learnlogo{
    display: none;
  }
  .blog_banner_program span{
    float: none;
  }
  .blog_banner{
    text-align: center;
    /*padding: 10px 0;*/
  }
  .blog_banner_program h1{
    margin: 0px;
  }
  #member_menu2 .v_align {
    transform: none;
  }

  #paypalclone{display:block;}

}
@media screen and (max-width:850px){
  /*.large_logo{
    opacity: 1 !important;
    height: auto !important;
    margin: 0;
    float: none;
    /*width: 45%;
    width: 200px !important;
    margin: 25px 0px 35px 0px !important;
    float: left;
    transition: all 0.25s ease-in-out;
  }*/
  .header{
    /*height: 65px !important;*/
  }
  #member_menu{
    margin-top: 65px;
  }
  #page{
    /*margin-top: 70px;*/
  }
  .logo_bar_nav span{
    display: none;
  }
  .joyous_event_row .col_40,
  .joyous_event_row .col_60{
    width: 100%;
  }
  .joyous_event_row .col_40 img{
    width: 200px;
      margin: 0 auto;
      display: block;
  }
  .joyous_u_banner_content .joy_btn{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px
  }
  #testimonials p{
    padding:0 30px;
  }
  .speaking_block{
    width:100%;
    margin-bottom:33px;
  }
  .join_community_form{
    padding:82px 70px;
  }
  .col_three_quarters.community_form{
    width:60%;
  }
  .col_one_quarter.community_form{
    width:35%;
  }
  .pressinfo h3{
    font-size:22px;
    padding:20px 30px;
  }
  .playlist{
    width:100%;
    height:100%;
  }
  .playlistrow{
    width:100%;
    height:25%;
    float:right;
  }
  .videoinfo{
    width:70%;
    font-size:16px;
  }
  .article.container_image{
    padding-bottom:40%;
  }
  .client.container_image{
    padding-bottom:88%;
  }
  #search_login .main_colour .login{
    display: none;
  }
  .resource_banner_text_container{
    display: none;
  }
  #resources_banner{
    width: 100%;
  }
  .menu{
    display: none;
  }
  #mmenu{
    display: block;
  }
}
@media screen and (max-width:825px){
  .welcomebox{
    width:100%;
    padding-bottom:10px;
  }
  .profilebox{
    width:100%;
  }
  .profile_controls{
    text-align: center;
  }
  .profile_block h4{
    font-size:16px;
  }
  #profile_step3 .col_three_quarters{
    width:100%;
  }
  #profile_step3 .col_three_quarters form{
    padding:0;
  }
  #image_uploader{
    text-align:center;
  }
  #image_uploader .joy_btn{
    margin:0 auto;
  }
  #profile_image{
    width:175px;
    height:175px;
    position:absolute;
    left:50%;
    margin-left:-87.5px;
    padding-bottom:0;
  }
  #profile_step3 .col_one_quarter{
    height:193px;
  }
  .paypal_col{
    font-size: 16px;
    /*max-width: 160px;*/
    z-index: 1;
  }
}
@media screen and (max-width: 800px){
  #author_ending_strip .author_col1,
  #author_ending_strip .author_col2{
    /*width:100%;*/
    /*text-align: left;*/

  }
  #author_ending_strip .author_col1{
    /*margin-bottom:40px;*/
  }
  #author_ending_strip .author_col2{
    clear:both;
    /*position:relative;*/
  }
  .nwidth{
    width: 100%;
    /*padding: 0 20px;*/
  }
  .newsletter_col1,
  .newsletter_col2{
    width: 100%;
  }
  .newsletter_col2{
    position: relative;
    transform: none;
    top: auto;
    margin-top: 25px;
  }
  .newsletter_input_col1{
    width: 30%;
  }
  .newsletter_input_col2{
    width: 45%;
  }
  .newsletter_input_col3{
    width: 25%;
    margin-top: 0;
  }
  .instagram_block:nth-child(6){
    display:none;
  }
  .instagram_block{
    width:20%;
    padding-bottom:20%;
  }
  .contact_reason_col{
    width:50%;
  }
  .contact_sidebar,
  #contact_left_col{
    width: 100%;
  }
  .contact_sidebar,
  .contact_sidebar .author_social_row{
    text-align: center;
  }
  .contact_sidebar .contact_sidebar_block{
    width: 100%;
    padding: 0 15px;
    float: left;
    margin:20px 0;

  }
  .sidebar_learn_more{
    width:100%;
  }
  .sidebar_learn_more_row .col{
    width: 100%;
  }
  .col_contact{
    margin-bottom:0px;
  }
  .contact_sidebar_clear{
    display: block;
  }
  .sidebar_learn_more_row img{
    max-width: 120px;
      margin: 0 auto;
      display: block;
  }
  .blog_banner.no_margin h1{
    font-size:30px;
    padding:20px 0 0 50px;
  }
  .cwidth.mobile_menu{
    padding:0;
  }
  .contact_reason span{
    text-align: center;
  }

  .col_one_half.pressinfo{
    width:100%;
  }
  .pressinfo p{
    margin-top:20px;
  }
  .pressinfo h3{
    font-size:25px;
    padding:20px 50px;
  }
  .videoinfo span{
    float:left;
  }
  .videotitle{
    clear:both;
    top:20px;
  }
/*  .videodate,
  .videotitle{
    text-align:right;
  }*/
  .speakingvideo{
    width:100%;
  }
  .speakinginfo{
    width:100%;
    padding:0 30px;
  }
  .speakinginfo h3,
  .speakinginfo p{
    text-align:center;
  }
  .blog_banner_learn h1{
    padding-top:10px;
    font-size:30px;
  }
  #learnlogo{
    height:70px;
  }
  .flyerinfo h3{
    font-size:18px;
  }
  .flyerinfo p,
  .instructorcol p{
    font-size:14px;
  }
  .instructorcol{
    width:100%;
  }
  .instructorcol h3{
    font-size:20px;
  }
  .blog_banner_program h1{
    width:75%;
    float:left;
    margin: 3px 0 0 20px;
  }
  .blog_banner_program span{
    width:75%;
    margin:0 0 3px 20px;
  }
  #about_timeline .col_40,
  #about_timeline .col_60{
    width:100%;
  }
  .timeline_title{
    float:none;
    margin-left:0;
  }
  .timeline_content{
    text-align: center;
  }
  #about_timeline{
    height:initial;
  }
  .message_block{
    text-align:center;
  }
  .message_block span{
    width:100%;
  }
  .message_block a{
    position:relative;
    right:0;
    margin-top:30px;
  }
  .resource_type_list li{
    margin-right: 30px;
  }
  .credit_col .col_30{
    width: 40%;
  }
  .credit_col .col_one_third{
    width: 50%;
  }
  .variant_col{
    padding: 0 30px;
  }
  .cart_ctrls{
    margin: 10px auto;
  }
  .align_center_mobile{
    margin: 0 auto;
    text-align: center;
  }
}

@media screen and (max-width:768px){
  .blog_detail_cat{
    display:none;
  }
  .blog_feature{
    height: 360px;
  }
  .post_comment_col2 .col_one_half{
    width: 100%;
    margin-bottom: 20px;
  }
  .post_login{
    margin:20px 0;
  }
  .post_comment_col2 .joy_btn{
    width: 100%;
    display: block;
  }
  .more_posts_row .col_one_quarter{
    width: 50%;
    margin-bottom: 30px;
  }
  .more_posts_row .col_one_quarter:nth-child(2n+1){
    clear: left;
  }
  .more_posts_row .mobile_clear{
    display: block;
  }
  .about_intro{
    width: 100%;
  }
  .about_timeline_arrow{
    display: none;
  }
  #about_timeline{
    height: auto;
  }
  #about_timeline .col_40,
  #about_timeline .col_60{
    width: 100%;
  }
  .footer_col{
    width: 33.33%;
  }
  .footer_col_social{
    width: 400px;
    clear: both;
    float:none;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .joyous_u_inner_row .col_three_quarters{
    display: none;
  }
  .learn_hidden_text{
    display: block;
  }
  .nav{
    width: 33.33%;
  }
  .list{
    width: 66.667%;
  }
  .list .large_tile{
    font-size: 20px;
  }
  .blog_banner.no_margin h1{
    font-size:25px;
    padding:20px 0 0 25px;
  }
  .blog_banner.no_margin p{
    width:55%;
    float:left;
    padding-right:0;
  }
  .contact_reason span:hover{
    background:rgba(255,255,255,0.33);
  }
  .post_login{
    margin:0;
  }
  #comments_contain .post_login{
    margin:20px auto;
  }
  #nav_programs,
  .programlist{
    width:100%;
  }

  /*overwriting style.css for blog page, commented line 3661*/
  .mobile_showfilters{
    display: block;
  }
  #nav,
  .col.list{
    width:100%;
  }
  .about_timeline_dot{
    margin-right: 7.5%;
  }
  .about_timeline_dot i,
  #about_timeline_dots:before{
    display: none;
  }
  .mobile_navclose{
    height: 0;
    overflow: hidden;
  }
  /*#about_video{
    height: 300px;
  }*/
  .review_btn{
    position: static;
    clear: both;
  }
  #additional_info_{
  width: 50%;
  }
  #cartview{
    margin-top: 50px;
  }
  #cartview .col_one_third{
    width: 100%;
    margin-top: -30px;
    padding-top: 30px;
  }
  #nocartitems{
    margin-top: 100px;
  }
  .collection_group_panel a:after{
    height: 30%;
  }
  .featured_panel_info h2{
    font-size: 24px;
  }
  #couponview, .safe_checkout, #card_icons{
    width: 100%;
  }
  .joy_input{
    font-size: 16px;
  }
  .blog_overview_row{
    margin-top: 0px;
  }
  #nav span{
    margin-bottom: 20px;
  }
  .mobile_nav{
    width: 100%;
  }

}
@media screen and (max-width: 760px){
  .blog_banner_full h1{
    font-size:40px;
  }
}
@media screen and (max-width: 750px){

  .section{
    font-size: 28px;
  }
  .tile_col{
    width: 100%;
  }
  .tile_layout2 .col_one_quarter{
    width: 50%;
  }
  .tile_col_desktop{
    display: none;
  }
  .tile_col_mobile{
    display: block;
  }
  .col_three_quarters.author{
    margin-left:50px;
  }
  .author_bio{
    font-size:14px;
  }
  .community_form h3{
    text-align:center;
  }
  .col_three_quarters.community_form{
    width:100%;
  }
  .col_one_quarter.community_form{
    width:100%;
    margin-top:40px;
    padding:0 60px;
  }
  .col_one_half.community_form.right{
    padding-left:40px;
  }
  .community_form form{
    text-align:center;
  }
  .join_community_form.joy_btn{
    margin-top:20px;
  }

}

@media screen and (max-width:730px){
  /*.header_avatar{
    display:none;
  }*/
 /* .author_col2{
    width: 80%;
  }*/
  .member_menu1 h2 {
    left: 20px;
  }

}

@media screen and (max-width: 720px){
  .team_block{
    width:100%;
    margin-top:0;
  }
  .team_block p{
    padding:0 35px;
  }
  .team_block h2{
    margin-top:22px;
  }
  .large_team_block{
    width:100%;
  }
  .large_team_img{
    width:35%;
  }
  .account_settings_content,
  #account_settings .col_one_fifth{
    width:100%;
  }
}

@media screen and (max-width: 700px){
  .instagram_block:nth-child(5){
    display:none;
  }
  .instagram_block{
    width:25%;
    padding-bottom:25%;
  }
  .onlinerow{
    height:initial;
  }
  #flyerdetailsrow{
    position:relative;
    left:initial;
    padding:initial;
  }
  .flyer.expanded{
    box-shadow:initial;
    padding:initial;
  }
  .col.flyerinfo,
  .joyimagecol,
  .program.videoanchor,
  .generalcol,
  #eventvideo{
    width:100%;
  }
  .flyerinfo{
    margin-top:0;
  }
  #eventvideo{
    margin-left:-10%;
  }
  .learn_btn{
    margin:10px;
  }
  .program.pluginvideo{
    padding-bottom: 56%
  }
  .generalinfo li span{
    font-size:14px;
  }
  .programinfocol{
    width:100%;
    padding:5px 0;
  }
  .programinfo{
    width:100%;
    text-align: left;
    margin-bottom:10px;
  }
  .signup_section a{
    margin-right:0;
    width:30%;
  }
  .signup_section.signuplinks a{
    width:30%;
    margin-top:20px;
  }
  .faq_menu_container{
    width:100%;
  }
  .faq_content{
    width:100%;
  }
  .joyous_collective{
    height: auto;
  }
  .collective_image{
    background-position: center;
  }
  .joyous_collective .col_one_half{
    width: 100%;
  }
}


@media screen and (max-width: 650px){
  .message_block{
    padding: 30px 26px;
  }
  .message_block span{
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
  }
  .message_btn{
    position: relative;
    display: inline-block;
  }
  .newsletter_input_col2{
    width: 30%;
  }
  .newsletter_input_col3{
    width: 40%;
  }
  .learn_row .col_one_half{
    width: 100%;
  }
  .joyous_u_inner_row .col_one_quarter{
    width: 25%;
  }
  .joyous_u_inner_row .col_one_quarter img{
    width: 100%;
  }
  .joyous_u_inner_row .col_three_quarters{
    display: block;
    width: 75%;
  }
  .learn_hidden_text{
    display: none;
  }
  .learn_col .joy_btn{
    margin: 30px 0;
  }
  blockquote p{
    font-size: 22px;
  }
  .joyous_btn_row{
    display: none;
  }
  .learn_mobile_btn{
    display: block;
  }
  .joyous_u_banner img {
      float: none;
      display: block;
      margin: 0 auto;
  }
  .joyous_u_banner_content {
      position: relative;
      top: auto;
      transform: none;
      margin: 20px auto 0px auto;
      text-align: center;
      width: 100%;
  }
  .col_16.author{
    width:100%;
  }
  .align_left.author{
    text-align:center;
  }
  .col_three_quarters.author{
    margin-left:0px;
    width:100%;
    padding:0;
  }
  .author_bio{
    font-size:14px;
    padding: 0px 20px
  }
  .author_social_row{
    text-align:center;
  }
  .round_img.author{
    width:120px;
  }
  .author_blog_desc h3{
    text-align:center;
  }
  .newsletter_input_col3{
    width: 25%;
  }
  .newsletter_input_col2{
    width: 45%;
  }
  .featured_blog_row .col_one_half{
    width: 100%;
  }
  .featured_blog_row .blog_title{
    margin-top: 20px;
  }
  .resource_type_list li{
    margin-right: 10px;
  }
}

@media screen and (min-width: 450px){
  #product_desc img {
    width: 70%;
  }
}
@media screen and (min-width: 450px) and (max-width: 635px){
  #about_timeline_dots:before{
    width: 85%;
    margin-left: -42.5%;
  }
}
@media screen and (max-width:610px){
  .contact_link{
    display:block;
  }
  #about_contact{
    padding:40px 0;
  }
  .about_contact_title{
    font-size: 22px
  }
  .speaking h2,
  .speakinginfo h3{
    font-size:22px;
  }
  .speakinginfo{
    padding:0 15px;
  }
}
@media screen and (max-width: 600px){
  .blog_content blockquote{
    font-size:20px;
  }
  .post_login a{
    /*display: block;*/
  }
  .post_comment_col1,
  .post_comment_col2{
    width: 100%;
    margin-bottom: 20px;
  }
  .recipe_card_row .col_one_half{
    width: 100%;
    margin-bottom: 35px;
  }
  .blog_banner_full h1{
    font-size:34px;
  }
  .join_community_form{
    padding:50px 50px;
  }
  .col_one_quarter.community_form{
    padding:0 30px;
  }
  .col_one_half.community_form{
    width:100%;
  }
  .col_one_half.community_form.right{
    padding:10px 0 0 30px;
  }
  .nav,
  .list{
    width: 100%;
  }
  .recipe_detail_img_mobile{
    display: block !important;
  }

/*  .mobile_showfilters{
    display: block;
  }*/
  .logo_quarter_col{
    width:50%;
  }
  .logo_sixth_col{
    width:33.33%;
  }
  .article.container_image{
    padding-bottom:35%;
  }
  .client.container_image{
    padding-bottom:55%;
  }
  .videoinfo{
    width:60%;
  }
  .videoimage{
    float:left;
  }
  .playlist{
    padding:20px 0;
  }
  .playlist-press{
    margin:20px 0;
  }
  .playlistrow{
    padding:5px 0;
  }
  .studentquote p{
    font-size:14px;
  }
  .faqrow{
    padding:60px 20px;
  }
  .generalquote h3{
    font-size:18px;
  }
  .faq.cwidth{
    padding:0;
  }
  .blog_banner_program span{
    font-size:16px;
  }
  .list .col_one_half{
    width: 100%;
  }
  #member_menu{
    height:initial;
    margin-top:60px;
    padding:20px 0;
  }
  #member_menu1.col{
    height:0;
  }
  .member_menu1 img{
    margin-top:65px;
  }
  .member_menu1 h2{
    font-size:26px;
    top:30px;
    left: 110px;
  }
  .member_menu2{
    text-align:left;
    padding-left:110px;
    padding-top:60px;
  }
  .member_menu3{
    float:right;
    height:initial;
  }
  .member_menu3 img{
    margin-top:60px;
  }
  .dashboard_col{
    width:100%;
  }
  #my_dietplan .profile_block{
    width:50%;
  }
  .password{
    width:100%;
  }
  #billing .col_one_half,
  #shipping .col_one_half{
    width:100%;
  }
  .saveprofile{
    text-align: center;
  }
  #shipping_row .col_one_third,
  #shipping_row .col_one_half,
  #cartview .cart_contact_email{
    width: 100%;
  }
  #cartview{
    padding: 0;
  }
  .section_title{
    font-size: 20px;
    padding: 0 24px;
    /*width: 80%;*/
  }
  .recipe_detail_img img{
    width: 100%;
    float: left;
    /* padding: 0 15px !important; */
    padding-right: 15px !important;
  }
  #cartview{
    margin-top: 70px;
  }
}
@media screen and (max-width:555px){
  .login_link{
    width:40%;
    text-align:left;
    margin-top: 2px;
    font-size: 14px;
  }
  .login_col_inner{
    padding:0px;
  }
  .joy_btn{
    min-width: 220px;
  }
  .resource_type_list li,
  .resource_type_list li a{
    width:100%;
  }
  #resource_banner{
    padding:5px 0;
  }
/*  .blog_category_row{
    padding-top:30px;
  }*/
  .blog_banner p{
    width: 100%;
    padding-right: 20px;
  }
  .resource_banner_text{
    opacity: 1;
    position: relative;
    visibility: visible;
    display: none;
  }
  .active_banner_text{
    display: block;
  }
  .resource_banner_text_container{
    padding: 20px 15px;
  }
}
@media screen and (max-width:550px){
  .contact_reason_col{
    width:100%;
  }
  .newsletter_input_col3{
    width: 100%;
    text-align: center;
  }
  .newsletter_input_col2{
    width: 100%;
  }
  .newsletter_input_col1{
    width: 100%;
    margin-bottom:20px;
  }
  .newsletter_signup.joy_btn{
    display: inline-block;
    margin-top:20px;
  }
  .link_colour.contact_link{
    margin-bottom:30px;
  }
  .blog_banner_learn h1{
    font-size:25px;
  }
  .detailsrow span{
    font-size:14px;
  }
  .flyerdetailscol{
    width:100%;
  }
  .flyerdetails{
    padding-left:15px;
  }
  #profile_step2 .col,
  .profile_block{
    width:100%;
  }
  .hideme,
  .noneme{
    display:initial;
    visibility:initial;
  }
  #profile_steps{
    margin-bottom:330px;
  }
  .col_one_sixth.birthday{ /*beeo*/
    padding:10px 0 0 7px;
  }
  .col_one_quarter.birthday{
    padding-top:10px;
  }
  .collection_group_row{
    width: 100% !important; /*remove !important when porting from cal.css*/
  }
  /*#about_video{
    height: 250px;
  }*/
  /*#about_video_controls{
    height: 100%;
  }*/
  /*.about_video_btn{
    position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
  }*/
  /*#about_video_title{
    margin-top: 26px;
  }*/
  #blog_detail_img{
    display: block;
  }
  .blog_feature {
    display: block;
    height: 300px;
  }
  .step_desc{
    display: block;
  }
  .feature_cwidth{
    padding: 0;
  }
  .credit_inner_col,
  .credit_col .col_30,
  .shipping_opt_row .col_one_half,
  #billing_form .col_one_half,
  #billing_form .col_one_third,
  .credit_col,
  .paypal_outer_col{
    width: 100%;
  }
  .credit_col{
    border-right: none;
  }
  .paypal_col{
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
  }
  .paypal_col div{
    font-size: 20px;
    margin-bottom: 8px !important;
  }
  .paypal_col a{
    width: 150px;
      margin: 0 auto 20px;
  }
  .paypal_section_heading{
    display: block;
    text-align: center;
  }
  .paypal_section_heading hr{
    background: #d3edeb;
  }
  .paypal_section_heading .section_title{
    font-size: 18px;
  }
  .table_heading{
    display: none;
  }
  .review_table_col{
    width: 100%;
    margin-bottom: 20px;
  }
  .cart_mobile_heading{
    display: block;
    font-weight: 700;
      background-color: #dbf0ef;
      margin-bottom: 10px;
      padding: 10px 0;
      text-align: center;
  }
  .cart_prod_img{
    width: 100%;
  }
  .cart_row{
    border-top: 2px solid #daf1f1;
  }
  /*.author_col2{
    width: 75%;
  }*/
  .checkoutview_mobile{
    display: block;
    padding:5px 30px;
  }
  .cart_row .product_col,
  .product_col .col_one_half
  {
    width: 100%;
  }
  .product_col .product_name_col{
    text-align: center;
    margin-bottom: 15px;
  }
  .cart_row .col_one_quarter{
    width: 50%;
    text-align: center;
    margin-bottom: 15px;
  }
  .collection_group_list .col_one_half{
    width: 50%;
  }
  .featured_panel_info h2{
    font-size: 20px;
  }
  .collection_group_panel a:after{
    height: 60%;
  }
  .trans_btn{
    min-width: 0px;
  }
}
@media screen and (max-width: 515px){
  #profile_info_row .col{
    width:100%;
  }
}
@media screen and (max-width: 500px){
  #product_details_{
    width:100%;
  }
  .product_detail_col .inputrow{
    width:100%;
  }
  .blog_title h1{
    font-size:2.5rem;
  }
  .blog_detail_banner h1{
    font-size:35px;
    padding-right: 0;
    float:none;
    text-align: center;
  }
  .pagination_arrow img{
    display:none;
  }
  .blog_pagination_controls{
    margin: 30px auto;
  }
  .newsletter_col1 .col_one_quarter{
    width: 200px;
    margin: 0 auto 20px;
    float: none;
  }
  .newsletter_col1 .col_three_quarters{
    width: 100%;
  }
  .newsletter_signup img{
    top: auto;
  }
  .newsletter_input_col1,
  .newsletter_input_col2,
  .newsletter_input_col3{
    width: 100%;
    margin-bottom: 15px;
  }
  .footer_col{
    width: 100%;
    text-align: center;
  }
  .footer_col_social{
    width: 100%;
    margin-bottom:20px;
  }
  .footer_col_heading{
    margin: 10px 0;
  }
  .copyright{
    width: 100%;
    text-align: center;
  }
  .contact_sidebar .contact_sidebar_block{
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .contact_sidebar .author_social_row{
    text-align: center;
  }
  .contact_sidebar .author_social_row .social_icon{
    margin-right: 5px;
  }
  #contact_left_col{
    margin-bottom: 30px;
  }
  #contact_left_col .col_16,
  #contact_left_col .col_83,
  .form_half_col{
    width: 100%;
  }
  #contact_left_col .contact_label,
  #contact_left_col .block{
    /*position: relative;*/
    top:7px;
    transform: none;
    float: left;
    margin-bottom: 5px;
  }
  #contact_left_col .contact_label br{
    display: none;
  }
  #contact_left_col .pink_btn{
    float: none;
    margin: 10px 0;
  }
  .blog_banner_full h1{
    font-size:28px;
  }
  .about_contact_btn{
    margin-top:20px;
  }
  #general_contact_button{
    display:block;
    margin:20px auto 0;
  }
  #member_menu1.col{
    width:100%;
    height:165px;
    text-align:center;
  }
  .member_menu1 img{
    float:none;
    margin-top:40px;
  }
  .member_menu1 h2{
    position:relative;
    left:0;
    top:10px;
  }

  .member_menu2{
    width:100%;
    text-align:center;
    padding:0;

    height:100%;
  }
  .member_menu3 img{
    display:none;
  }
  .profileimagecol{
    width:100%;
  }
  .profileimagecol #image_uploader{
    padding-top:0;
  }
  #billing,
  #shipping{
    width:100%;
  }
  #billing h5,
  #shipping h5{
    padding:20px 0;
  }
  #option{
    text-align: center;
  }
  .faq_banner_title{
    width:100%;
  }
  .faq_banner p{
    font-size:14px;
  }
  #cert_copy{
    width: 100%;
  }
  .accordian_welcome h1{
    width: 100%;
  }
  .tile_layout .tile_cat_container{
    display: none;
  }
}
@media screen and (max-height: 480px){
  #mmenu_inner{
    overflow-y: auto;
    height: 100%;
  }
}
@media screen and (max-width: 450px){
  #about_timeline_dots .about_timeline_dot:nth-child(2n+1) i{
    top: auto;
      bottom: -30px;
  }
  .blog_banner.no_margin{
    padding:10px 10px 0 10px;
  }
  .blog_banner.no_margin h1{
    font-size:20px;
    padding:20px 0 0 10px;
    width:33%;
  }
  .blog_banner.no_margin p{
    font-size:12px;
    width:66%;
  }
  .videoinfo{
    font-size:14px;
  }
  .client.container_image{
    padding-bottom:77%;
  }
  .videoinfo{
    width:50%;
  }
  .signup_section a,
  .signup_section.signuplinks a{
    width:50%;
  }
  .signup_section img{
    margin-top:15px;
  }
  .large_logo{
    width: 100%;
    padding-top: 5px;
  }
  #search_bar button{
    position: absolute;
    right: 0px;
  }
  #search_bar input{
    width:100% ;
  }
  .blog_banner_program span{
    width:70%;
  }
  #about_video_title{
    font-size: 20px;
  }
  .joy_btn.about_video_btn{
    padding: 8px 20px;
      width: auto;
      min-width: 0;
      font-size: 10px;
  }
  .cart_controls a{
    display: block;
    margin-bottom: 20px;
  }
  .cart_controls #ffc_clearer{
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  .joy_btn.resolve_series_btn{
    float: none !important;
    margin: 0 auto;
    text-align: center;
  }
  .product_details .add_to_cart .confirm_bundle_btn{
    float: none !important;
  }
  .bundle_product .wishlist_button{
    margin: 0 auto;
    text-align: center;
  }
  #additional_info_{
  width: 100%;
  }
  /*.author_col2{
    width: 70%;
  }*/
  #resource_banner .col_one_half img{
    padding-top: 8%;
  }
}
@media screen and (max-width: 400px){
  .more_posts_row .col_one_quarter{
    width: 100%;
  }
  .about_timeline_dot{
    margin-right: 20px;
  }

  #about_timeline_dots{
    top: -73px;
  }
  #about_timeline{
    margin-top: 130px;
  }
  .instagram_block:nth-child(4){
    display:none;
  }
  .instagram_block{
    width:33.33%;
    padding-bottom:33.33%;
  }
  .blog_banner_learn h1{
    width:70%;
  }
  #learnlogo{
    position:absolute;
    right:20px;
  }
  #my_basicinfo .col{
    width:100%;
  }
  #hamburger{
    right:-50px;
  }
  .team_block p{
    padding:0 10px;
  }
  .speaking .section_heading{
    margin:15px 0;
  }
  .speaking_icon{
    margin-bottom:15px;
  }
  .speaking_block p{
    padding:0 10px;
  }
  .cart_secondary_col{
    width: 100%;
  }
  .cart_step_inner_row .h10{
    font-size: 12px;
  }
  .dashboard_section p{
    width: 90%;
  }
}
@media screen and (max-width:350px){
  .pressinfo h3{
    padding:20px;
    font-size:22px;
  }
  .videoimage{
    width:130px;
    height:65px;
  }
  .videoinfo{
    font-size: 12px
  }
  .join_community_form .joy_btn{
    min-width:0;
  }
  .blog_banner_program h1{
    font-size: 30px
  }
  .collective_col{
    padding: 0 20px;
  }
  .joyous_collective .joyous_collective_right_col{
    height: 300px;
  }
}
@media screen and (max-width:320px){
  .logo_quarter_col{
    width:100%;
  }
  /*.author_col2{
    width: 60%;
  }*/
  #resource_banner h1{
    font-size: 25px !important;
  }
  #resource_banner .col_one_half img {
    padding-top: 5%;
  }
  .featured_panel_info h2{
    font-size: 15px;
  }
  #create_acc_box{
    margin-bottom: 30px;
  }

}

@media screen and (min-width:901px){
  .membermenu_icon{
    width:10%;
    position:relative;
    left:50%;
    /*transform:translateX(-50%);*/
    margin-left: -5%;
    display:block;
  }
  .joyicon,
  .favicon,
  .wishicon{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }
  .joyicon{
    top:15px;
  }
  .favicon{
    top:25px;
  }
  .wishicon{
    top:20px;
  }
  .member_menu_item{
    transition:0.2s ease-in;
  }
  .wishlist-header {
    margin: 0;
  }
  .wishlist-row {
    margin: 0;
  }
  .wishlist:after,
  .my_joy_u:after,
  .favourites:after{
    content:"";
    width:0;
    display:inline-block;
    border-bottom:solid 5px;
    position:absolute;
    bottom:35px;
    left:50%;
    opacity:0;
    transform:translate(-50%);
    transition:width 0.5s ease;
  }
  .favourites:after{
    color:#55C0B9;
  }
  .my_joy_u:after{
    color:#96CB70;
  }
  .wishlist:after{
    color:#8671AF;
  }

  .favourites:hover:after,
  .my_joy_u:hover:after,
  .wishlist:hover:after,
  .favourites.active:after,
  .my_joy_u.active:after,
  .wishlist.active:after{
    width:80%;
  }

  .wishlist img,
  .my_joy_u img,
  .favourites img{
    transition:0.2s ease-in;
    opacity:0;
  }
  .favourites.active,
  .favourites.active:after,
  .favourites.active img,
  .favourites:hover:after,
  .favourites:hover,
  .favourites:hover img{
    opacity:1;
    color:#55C0B9;
  }
  .my_joy_u.active,
  .my_joy_u.active:after,
  .my_joy_u.active img,
  .my_joy_u:hover:after,
  .my_joy_u:hover,
  .my_joy_u:hover img{
    opacity:1;
    color:#96CB70;
  }
  .wishlist.active,
  .wishlist.active:after,
  .wishlist.active img,
  .wishlist:hover:after,
  .wishlist:hover,
  .wishlist:hover img{
    opacity:1;
    color:#8671AF;
  }
}
@media screen and (min-width:1151px) and (max-width:2200px){
  .playlistrow:hover{
    background-color:#55C0B9;
    color:#fff;
  }
  .video_collection .collection_group_row:hover{
    background: #FFA95A;
      color: #ffffff;
  }
  .recipe_collection .collection_group_row:hover{
    background-color:#f4f4f4;
    color:#db587a;
  }
  .download_collection .collection_group_row:hover{
    background: #6ac2bd;
      color: #ffffff;
  }
}
@media screen and (max-width: 400px){
  .cart_controls {
    margin-bottom: 0;
  }
  .cart_step_inner_row {
    padding-bottom: 24px;
  }
}
@media screen and (min-width:800px) and (max-width: 925px){
  .blog_category_menu li a{
    padding: 7px 25px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px){
  .credit_inner_col,
  .ccv_col{
    width: 100%;
  }
  /*.credit_inner_col{
    border-right: none;
  }*/
  .paypal_outer_col{
    /*position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);*/
  }
}



/*--------------------------------------------------------------
# PRIMARY MENU
--------------------------------------------------------------*/
.cwidth_full {
  width: 100%;
}

/*#header_white_background {
  width: 100%;
  height: 64px;
  background: #e1f3f3;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  /*transition: all 0.3s ease-in-out;*/
/*}*/

.primary_menu {
  width: 100%;
  position: relative;
  z-index: 1;
  /*background: #fff;*/
  padding-top: 90px;
  margin-top: -90px;
}

.primary_menu_mobile {
  display: none;
}

.secondary_menu_mobile {
  display: none;
}

.logo_bar{
  position: relative;
  width: 100%;
  height: 59px; 
  /* height: 74px;*/
  z-index: 1000000;
  background: #fff;
  transition: all 0.6s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo{
  width: 250px;
  margin: 35px auto 14px;
  position: relative;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.logo_bar_disabled .logo {
  opacity: 0;
}

.logo_bar.logo_bar_disabled {
  height: 0;
}

.logo_bar_mobile {
  display: none;
}

#logo_img_mobile{
  display: inline-block;
  position: relative;
  z-index: 3;
  width:50%;
}

.small_logo{
  opacity: 0;
  visibility: hidden;
  left: 0;
  width: 200px;
  margin: 0;
  margin-top: 4px;
  position: absolute;
}

.header_title {
  text-transform: uppercase;
  color: #404040;
  font-size: 16px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  text-decoration: none;
}

@media screen and (max-width: 1025px){
  .header_title {
    opacity: 0;
    transition: all 0.6s ease-in-out;
    position: absolute;
  }

  .header_title_active {
    opacity: 1;
  }
}
.primary_menu_items_bar {
  width: 100%;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #a9a9a938;
  z-index: 1000000;
  background: #fff;
  position: relative;
}

.primary_menu_left {
  width: 18%;
  height: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 25px;
  position: relative;
}

.primary_menu_center {
  width:64%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
}

.primary_menu_right {
    width: 18%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 25px;
    position: relative;
    transition: all 0.6s ease-in-out;
}

.primary_menu_right img {
  width: 30px;
  height: 30px;
}

.primary_menu_center_content {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  opacity: 1;
  height: 100%;
  width: 100%;
  display: block;
}

.primary_menu_center_content h3{
  opacity: 1;
  /*transition: all 0.5s ease-in-out;*/
  transition: all 0.4s ease-in-out;
}

.primary_menu_center_shop_content {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  /*opacity: 0;*/
}

.primary_menu_center_shop_content h3{
  /*transition: all 0.3s ease-in-out;*/
  /*opacity: 0;*/
}

.primary_menu_center_shop_content:hover h3 {
  /*transition: all 0.3s ease-in-out;*/
  color:#55C0B9;
}

.primary_menu_center_shop_content_active {
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.primary_menu_center_shop_content_active h3 {
  transition: all 0.4s ease-in-out;
  opacity: 1;
}

.primary_menu_center_content img {
  width: 376px;
  transition: all 0.4s ease-in-out;
}

.primary_menu_center_content:hover img {
  opacity: 0.63;
  transition: all 0.4s ease-in-out;
}

.primary_menu_center_content:hover h3 {
  color: #55C0B9;
}
.primary_menu_item {
  float: left;
  width: 16.66%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  cursor: pointer;
}

.primary_menu_item span {
  cursor: pointer;
  text-transform: uppercase;
  color: #404040;
  font-size: 16px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.6s ease-in-out;
  white-space: nowrap;
  display: inline-flex;
  position: relative;
}
.member_header .primary_menu_item span {
  color: #fff;
}
.member_header #cart_total_count {
  color: #fff;
}
.member_header .cls-1 {
  fill: #fff;
}
.member_header .cls-2 {
  fill: #55c0b9;
}
.member_header .primary_menu_hover {
  background: #fff;
}
.menu_hover:hover,
.menu_hover h3:hover,
.menu_hover span:hover,
.menu_hover a:hover {
  color:#55C0B9 !important;
  transition: all 0.6s ease-in-out;
}

.primary_menu_hover {
  content: "";
  width: 0%;
  height: 2px;
  border-radius: 5px;
  background: #55C0B9;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: all 0.1s ease-in-out;
  position: absolute;
}

.primary_menu_explore_hover {
  content: "";
  width: 0%;
  height: 2px;
  border-radius: none;
  background: #55C0B9;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: all 0.6s ease-in-out;
  position: absolute;
}

.primary_menu_hover_active {
  width: 100%;
}

.primary_menu_explore_shop_hover {
  bottom: 11px;
  position: relative;
}

.primary_menu_item_active a {
  /*border-bottom: solid 3px #6AC2BC;*/
  /*border-radius: 2px;*/
}

.primary_menu_content {
  top: -447px;
  width: 1142px;
  max-height: 437px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  display: flex;
  transition: top 0.00s ease-in-out 0.1s;
}

.primary_menu_content_visible {
  top: 0;
  /*position: relative;*/
  z-index: 1000;
}

.primary_menu_content_left {
  float: left;
  width: 30%;
  padding: 40px;
  background: #fff;
  position: relative;
  z-index: -1;
  overflow-y: hidden;
  padding-right: 0;
  padding-bottom: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.primary_menu_show_more_button {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  padding-top: 10px;
}

.primary_menu_content_center {
  float: left;
  width: 40%;
  padding: 40px;
  /*padding: 40px 9px;*/
  background: #fff;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.primary_menu_promo_image_container {
  position: relative;
  display: contents;
  width: 100%;
  height: 70%;
}
.primary_menu_promo_container {
    width: 100%;
    height: 437px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
}
.primary_menu_promo_container:hover img {
  opacity: 0.63;
  transition: all 0.6s ease-in-out;
}
.primary_menu_content_right {
    float: left;
    width: 30%;
    height: 100%;
    background: #ECF5F4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.primary_menu_bottom_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.primary_menu_button_promo_container {
  position: relative;
}

.primary_menu_title {
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 14px;
  color: #404040;
  font-weight: 700;
  cursor: default;
  text-transform: uppercase;
  margin-top: -4px;
  margin-bottom: 21px;
}

.primary_menu_explore_item {
  width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 2rem;
  color: #404040;
  cursor: pointer;
  border-bottom: solid 1px #e6e6e6;
  padding: 6px 0;
  position: relative;
}

.primary_menu_explore_item a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #404040;
  position: relative;
  z-index: 10000;
  /*transition: all 1s ease-in-out;*/
}

.primary_menu_explore_item:hover a {
  color: #55C0B9 !important;
  transition: all 0.6s ease-in-out;
}

.link_no_decoration {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.primary_menu_button {
    padding: 0px 28px;
    background: #55C0B9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
    height: 35px;
}

.primary_menu_button:hover {
  background: #ffffff;
  transition: all 0.6s ease-in-out;
  border: solid 1px #55C0B9;
}
.primary_menu_button:hover span {
  color: #55C0B9;
}
.primary_menu_button span {
  text-transform: uppercase;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 13px;
  color: #fff;
}

.primary_menu_button_inverted {
  background: #fff !important;
  border: solid 0px #676767 !important;
}

.primary_menu_button_inverted span {
  color: #676767;
}

.primary_menu_button_inverted:hover {
  background: #676767 !important;
  border: solid 0px #fff !important;
}

.primary_menu_button_inverted:hover span {
  color: #fff;
}

.primary_menu_button_explore {
}

.primary_menu_shop_items_container {
  max-height: 309px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  margin-top: -11px;
}

.primary_menu_latest_blog_title {
    font-family: Wulkan Display, 'Open Sans', sans-serif;
    font-size: 22px;
    color: #404040;
    font-weight: 400;
    margin-top: 5px;
}

.primary_menu_promo_image {
  width: 100%;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
}

.primary_menu_latest_pic {
    width: 376px;
}

.primary_menu_content_container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  position: relative;
  z-index: 1;
  opacity: 0;
}

.primary_menu_content_container_active {
  opacity: 1;
}

/*Algolia*/
.algolia-autocomplete {
        width: 100%;
        display: block !important;
      }
      .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
        text-align: left;
      }
      .main_search_container{
        z-index: 1000;
      }
      .main_search_container form {
        /*display: flex;*/
      }
      .main_search_container input {
        /*width: */
      }
      .algolia-autocomplete .aa-hint {
        color: #55C0B9;
      }
      .algolia-autocomplete .aa-dropdown-menu {
        /* width: 85%; */
        background-color: #fff;
        border: 1px solid #ecf5f4;
        /* margin-top: 400px; */
        position: relative;
        text-align: left;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
        cursor: pointer;
      padding: 8px 9px;
      border-style: solid 1px;
      }
      .aa-suggestion-author {
        font-size: 14px;
      color: grey;
        margin-bottom: 5px;
      }
      .aa-suggestion-title {
      line-height: 1.3;
      margin-top: 6px;
      }
      .aa-suggestion-content{
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      }
       .aa-suggestion-container {
        height: 65px;
        display: flex;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
        background-color: #e1f3f3;
      }
      .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
        font-weight: bold;
        font-style: normal;
        color:#55C0B9;
      }
      #hamburger.search-active {
        position: fixed;
      }
      .aa-suggestion-thumb {
        width:auto;
        height:60px;
        margin-top:auto;
        margin-bottom:auto;
      }
      .aa-suggestion-icon {
        width:25px;
        height:25px;
        margin-top:auto;
        margin-bottom:auto;
      }
      .aa-suggestion-show-all {
        margin-top: auto;
        margin-bottom: auto;
        font-weight: 600;
      }
      @media screen and (min-width: 600px){
        .algolia-autocomplete .aa-dropdown-menu {
          margin-top:40px;
        }
      }

      

      @media screen and (max-width: 1025px){
        .algolia-autocomplete .aa-dropdown-menu {
          background-color: #fff;
          border: 1px solid #ecf5f4;
          position: relative;
          text-align: left;
          margin-top:40px;
        }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion{
      cursor: pointer;
        padding: 10px 10px 10px 10px;
        height: unset;
        border-style: solid 1px;
    }
    .aa-suggestion-container{
        display: flex;
    }
    .aa-suggestion-title {
        margin-top:0px;
      }
      }

      @media screen and (max-width: 1025px){
        .algolia-autocomplete .aa-dropdown-menu {
          /* margin-top: 50px; */
          /* width:90%; */
          position: relative;
          /* margin-top:0px; */
        }
      .aa-suggestion-title {
        margin-top:0px;
      }
    .algolia-autocomplete .aa-dropdown-menu {
    padding: 0;
    }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
      padding: 12px 9px 12px 9px;
    }

  }

  @media screen and (max-width: 600px){
    .algolia-autocomplete .aa-dropdown-menu {
      margin-top:0px;
    }
  }

.accounticon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px 0 25px;
}

.account_icon_mobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.login {
  margin: 0px 20px;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px #55C0B9 solid;
  padding: 5px 15px;
  color: #55C0B9;
  border-radius: 20px;
}

@media screen and (max-width: 321px){
  .primary_menu_right {
    padding-right: 5px;
  }
}

@media screen and (max-width: 1025px){
  #page {
    margin-top: 60px;
    position: relative;
    left:0;
  }
  #header{
    margin-top: 0;
    height: 60px;
    transition: all 0.7s ease-in-out;
  }
  .logo_bar {
   display: none;
  }
  .logo_bar_mobile {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #f5f5f5;
    /*display: none;*/
  }
  .primary_menu {
    display: none;
  }
 /* .large_logo {
    width: 100%;
    padding-top: 5px;
  }*/
  .primary_menu_mobile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*padding-top: 25px;*/
    align-items: center;
    background: #ffffff;
    position: fixed;
    left: -100%;
    top: 60px;
    height: auto;
    bottom: 0;
    width: 135px;
    transition: left 0.7s ease-in-out;
    z-index: 1000;
  }
  .primary_menu_mobile_scroller {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 140px;
    margin-left: -22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .primary_menu_mobile_active {
    left: 0;
  }

  .secondary_menu_mobile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    left: -100%;
    top: 60px;
    height: 100%;
    overflow-y: scroll;
    bottom: 0;
    transition: left 0.7s ease-in-out;
    background: #f9f9f9;
    max-width: 100%;
    flex-grow: 1;
    width: auto;
    right: 0;
    z-index: 10000;
    border-right:solid 1px #ececec;
    padding-bottom: 61px;
  }

  .secondary_menu_mobile_active {
    left: 117px;
  }

  .primary_menu_button_mobile {
    padding: 15px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .primary_menu_button_mobile span {
    color: #5cc0b9;
    font-size: 14px;
    font-weight:700;
    font-family: 'Wulkan Display', 'Open Sans', sans-serif;
}
  .primary_menu_button_mobile svg {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  .primary_menu_button_mobile svg path {
    fill: #fff;
  }
  .secondary_menu_item_mobile {
    padding: 15px 0px;
    width: 100%;
    text-align: left;
    padding-left: 25px;
    display: flex;
    align-items: center;
    display: flex;
    min-height: 50px;
    cursor: pointer;
  }

  .secondary_menu_item_mobile a {
    margin-right: 25px;
    left: 10px;
    position: relative;
    color: #404040;
    font-size: 14px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }
  .secondary_menu_item_mobile span {
    color: #404040;
    font-size: 14px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
  }

  .secondary_menu_item_mobile:last-child {
    /*border-bottom: none;*/
  }

  .secondary_menu_item_mobile_login {
    display: block;
    min-height: unset;
  }

  .secondary_menu_item_mobile_login span {
    color: #55C0B9;
    font-weight: 500;
  }

  .menuitem {
    display: flex;
    align-items: center;
  }

  .menuitem svg {
    margin-right:15px;
  }

  .menuitem_ {
    width: 100%;
    border-top: none !important;
    background: #f9f9f9 !important;
    padding: 0 !important;
    /*display: flex;*/
  }
  .menuitem i {
    float: none;
    margin-right: 5px;
    font-size: 18px;
    transition: transform 0.25s ease-in-out;
    right: 0;
    position: absolute;
    top: 15px;
  }

  .login_button {
    width: 100%;
    height: 100%;
  }

  .arrow_mobile {
    position: absolute;
    right: 5px;
    color: #404040;
  }
}

.arrow_desktop {
  right: 15px;
  position: absolute;
}
/*--------------------------------------------------------------
# SECONDARY MENU
--------------------------------------------------------------*/
#secondary_menu_scroller {
  height: 100%;
  width: 273px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: -273px;
  z-index: 5;
  transition: all 0.6s ease-in-out;
  position: fixed;
}
.secondary_menu {
  width: 283px;
  height: 100%;
  background: #55C0B9;
  left: 0;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 0.6s ease-in-out;
  z-index: -5;
  padding-bottom: 50px;
}

.secondary_menu_item {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 25px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.6s ease-in-out;
}

.secondary_menu_item:hover{
background:#ECF5F4;
color:#555555;
transition:all 0.6s ease-in-out;
}

.secondary_menu_item_hover {
  background: #ECF5F4;
  color: #555555;
  transition: all 0.6s ease-in-out;
}

.round_logo {
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 1.41421;
  width: 160px;
  height: 24px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.round_logo_active {
  opacity: 1;
}

.secondary_menu_item_content_level_1 {
    background: #ECF5F4;
    width: 340px;
    float: left;
    padding-right: 45px;
}

.secondary_menu_item_content_level_2 {
    width: 300px;
    border-left: solid 1px #e6e6e6;
    float: left;
    display: table;
    height: 100%;
    overflow: scroll;
    text-align: left;
    padding-left: 45px;
}

.secondary_menus_container {
    position: absolute;
    left: -791px;
    padding: 45px;
    background: #ECF5F4;
    z-index: 1000;
    overflow-y: scroll;
    display: grid;
    box-shadow: 3px 3px 13px -8px #505050;
    transition: left 0.95s ease-in-out;
}

.menu_active{
  left: 273px !important;
}

/*.secondary_menus_container img:hover {
  opacity: 0.64;
}*/

.secondary_menu_card_img {
  width: 100%;
}

.secondary_menus_content {
  width: 100%;
  height: 100%;
  display: flex;
}

.secondary_menus_content_container {
  height: 100%;
  position: fixed;
  z-index: 1000;
  display: table-column;
  z-index: 2;
}

.secondary_menu_card_container {
    position: relative;
    margin-bottom: 25px;
    overflow-x: hidden;
    transition: all 0.4s ease-in-out;
}

.secondary_menu_card_container a:hover img {
  opacity: 0.63;
  transition: all 0.4s ease-in-out;
}

.secondary_menu_card_container a:hover span {
  color:#55C0B9;
}

.secondary_menu_card_container:last-child {
  margin-bottom: 0px;
}

.secondary_menu_card_title {
    padding: 10px 0;
    text-transform: uppercase;
    text-align: left;
}
.secondary_menu_card_title span {
    color: #555555;
    font-size: 20px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
}

.secondary_menu_card_button {
    height: 35px;
    box-sizing: border-box;
}

.menu_button {
    border-radius: 20px;
    color: #fff;
    background-color: #676767;
    text-transform: uppercase;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 10px 25px;
    outline: none !important;
    cursor: pointer;
    text-align: center;
    width: 165.3px;
    transition: all 0.4s ease-in-out;
}

.menu_button:hover {
    background-color: #fff;
    color: #676767;
    border: solid 1px #676767;
    transition: all 0.6s ease-in-out;
}

.secondary_menu_hamburger_container {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}

.secondary_menu_back_container {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in-out;
  display: none;
}

.arrow_header_mobile {
  color: #555555;
}

.icon_hover svg:hover path {
  fill: rgb(53, 117, 113);
  transition: all 0.4s ease-in-out;
}

.secondary_menu_logo_container {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left:25px;
}

.secondary_menu_logo_container svg {
  cursor: pointer;
}

.secondary_menu_section_container {
  width: 100%;
  margin-bottom: 25px;
}

.secondary_menu_section_container:last-child {
  margin-bottom: 0;
}

.secondary_menu_section_content {
  margin-top: 10px;
}

.secondary_menu_section_item {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  border-left: none;
  text-transform: none;
  display: flex;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  box-sizing: content-box;
  padding: 10px 0px 10px 13px;
  margin: 0px 0px 0px -11px;
  border-bottom: solid 1px #e4e4e4;
  transition: all 0.4s ease-in-out;
}

.secondary_menu_section_item:last-child {
  border-top: none;
  border-bottom: none;
}

.secondary_menu_section_item_viewall {
}

.secondary_menu_section_item_viewall span {
  text-decoration: underline !important;
  text-decoration-color:#55C0B9;
}

.secondary_menu_section_item span {
  color: #555555;
  font-size: 16px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.8;
  transition: all 0.4s ease-in-out;
}

.secondary_menu_section_item:hover span {
  color:#55C0B9;
  transition: all 0.4s ease-in-out;
}

.secondary_menu_section_title span {
    color: #555555;
    font-size: 16px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    cursor: default;
    letter-spacing: 1px;
}

.secondary_menu_item_content_mobile {
  background: #F6FCFC;
  width: 100%;
  height: 100%;
  position: fixed;
  right: -100%;
  transition: right 0.9s ease-in-out;
  z-index: 1;
  padding: 20px;
  display: flex;
  overflow-y: scroll;
  z-index: 1;
  flex-direction: column;
  align-items: center;
}

.secondary_menu_item_content_mobile_active {
  right: 0;
}

.secondary_menu_card_mobile {
  margin-bottom: 40px;
}

.secondary_menu_card_img_mobile {
  width: 100%;
}

.secondary_menu_card_title_mobile {
  padding: 10px 0;
  text-transform: uppercase;
  text-align: left;
}
.secondary_menu_card_title_mobile span {
  color: #555555;
  font-size: 20px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 600;
}

.secondary_menu_section_mobile {
  width: 100%;
  border-top: solid 1px #d4d4d4;
  padding: 10px 0px;
  text-align: left;
  display: block;
  position: relative;
}

.secondary_menu_section_mobile:last-child {
  margin-bottom: 25px;
}

.secondary_menu_section_mobile_title {
  width: 100%;
  padding: 5px 0;
}

.secondary_menu_section_mobile_title span {
  font-size: 18px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 600;
  color: #555555;
  text-transform: uppercase;
}

.secondary_menu_section_content_mobile {
  width: 100%;
  max-height: 0px;
  transition: max-height 0.6s ease 0s;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.secondary_menu_section_content_mobile_active {
  max-height: 300px;
}

.secondary_menu_section_item_mobile {
  width: 100%;
  padding: 10px 0;
  border-bottom: solid 1px #e4e4e4;
  color: #404040;
  font-size: 18px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
}

.secondary_menu_section_item_mobile:last-child {
  border-bottom: none;
}

.secondary_menu_section_arrow {
  transition: all 0.4s ease-in-out 0s;
}

.cart_icon {
  cursor: pointer;
  position: relative;
  margin-right: 10px;
}

.cart_icon img {
  width: 25px !important;
  height: 30px !important;
}

@media screen and (max-width: 1025px){
  .cart_icon {
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

}

.secondary_menu_container_mobile {
  width: 100%;
}

.primary_menu_title,
.primary_menu_item a,
.primary_menu_item span,
.secondary_menu_item,
.secondary_menu_card_title,
.primary_menu_button {
  letter-spacing: 1px;
}

.secondary_menu_backdrop {
  top: 0;
  left: 273px;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: fixed;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  display: none;
}
.secondary_menu_backdrop_active {
  opacity: 1;
  display: block;
}

@media screen and (min-width: 530px){
  .secondary_menu_container_mobile {
    /*display: flex;
    flex-direction: row;
    width: unset;
    max-width: unset;*/
  }
  .secondary_menu_card_mobile {
    /*margin-bottom: 40px;
    width: 50%;
    position: relative;*/
    /*margin-right: 15px;*/
  }
  .secondary_menu_section_mobile {
    /*width: 50%;
    border-top: solid 1px #d4d4d4;
    padding: 10px 0px;
    text-align: left;
    display: block;
    position: relative;*/
    /*margin-left: 15px;*/
  }
  .secondary_menu_container_mobile_cards {
    float: left;
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .secondary_menu_container_mobile_sections {
    float: left;
    width: 50%;
    padding: 0px 20px;
    box-sizing: border-box;
  }
  .secondary_menu_item_content_mobile {
    padding: 25px;
  }
}
.blog_latest_banner_scroller {
  height: 295px;
  z-index: 1;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  transition: all 0.6s ease-in-out;
}
.blog_latest_banner {
  width: 100%;
  height: 120px;
  background: #F9F9F9;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  display:none;
}

.blog_latest_banner_content{
  height: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*::-webkit-scrollbar {
    display: none;
}*/
@media screen and (max-width: 1025px){
  .blog_latest_banner_content{
    width: 1450px !important;
  }
  .blog_latest_banner {
    height: 290px !important;
    padding-top:20px;
  }
}

@media screen and (max-width: 600px){
  .blog_latest_banner_content{
    width: 1240px !important;
  }
}



.blog_latest_banner_item img {
  width: unset;
  height: 65px;
}

/*.blog_latest_banner_item img:hover {
  opacity: 0.63;
}*/

.blog_latest_banner_item_right {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.blog_latest_banner_title {
  text-transform: uppercase;
  color: #404040;
  font-size: 10px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.85;
}

.blog_latest_banner_text {
  color: #404040;
  font-size: 16px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: center;
  line-height: 1.4em;
}

.blog_latest_banner_item {
  width: 33.33%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  /*justify-content: flex-start;*/
  align-items: center;
}

.blog_latest_banner_item:hover img,
.blog_latest_banner_item:hover .blog_latest_banner_text,
.blog_latest_banner_item:hover .blog_latest_banner_title {
  opacity: 0.63;
  color:#55C0B9;
  transition: all 0.4s ease-in-out;
}

/*.blog_latest_banner_text:hover {
  color:#55C0B9 !important;
}*/

/***************************************/
/*BLOG*/
/***************************************/
.blog_author {
  top: -119px;
  height: 55px;
  position: relative;
  /*background: green;*/
  justify-content: center;
  margin:auto;
}
.blog_content_container {
  margin-top: 68px !important;
  position: relative;
}
@media screen and (max-width: 1025px){
  .blog_author {
    width: 100%;
    height: 55px;
    position: relative;
  }
  .author_col2 {
    width: 100%;
    text-align: center;
  }
  .blog_tag_list {
    padding: 0.5rem 0.5rem
  }
  .large_logo{
    width: 150px;
    padding-top: 10px;
    margin: 15px auto 14px
  }
  #logo_img_mobile {
    width: 180px;
    transition: all 0.6s ease-in-out;
    opacity: 1;
  }
  .logo_img_mobile_hidden {
    opacity: 0 !important;
  }
}

.blog_bar_container {
  width: 100%;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0px;
  z-index: 1;
  transition: opacity 0.6s ease-in-out;
  animation-duration: 0.6s !important;
  opacity: 0;
}

.blog_bar_container_active {
  opacity: 1;
}

.blog_bar {
  width: 800px;
  height: 85px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 3px -1px rgba(117,117,117,1);
  -moz-box-shadow: 0px 0px 3px -1px rgba(117,117,117,1);
  box-shadow: 0px 0px 3px -1px rgba(117,117,117,1);
}

.blog_bar_prev_next_post {
  width: 30%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.favourite_click_area {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  margin-left: -8px;
  margin-top: -8px;
}

.prev_post {
  padding-left: 24px;
  justify-content: flex-start;
  /*justify-content: space-between;*/
}

.prev_post svg {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
  margin-right: 20px;
  margin-top:6px;
}

.next_post {
  padding-right: 24px;
  /*justify-content: space-between;*/
  justify-content: flex-end;
}

.next_post svg {
  width: 15px;
  height: 15px;
  margin-left: 20px;
  margin-top:6px;
}

.blog_bar_text_wrapper span {
  font-size: 14px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  color: #555555;
  font-weight: 400;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

.blog_bar_prev_next_post:hover .blog_bar_text_wrapper,
.blog_bar_text_wrapper:hover span,
.blog_bar_prev_next_post:hover .arrow_box_left:before
{
  color:#55C0B9;
  text-decoration: underline;
  border-right-color: #55C0B9;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.blog_bar_prev_next_post:hover .blog_bar_text_next .blog_bar_text,
.blog_bar_prev_next_post:hover .blog_bar_text_prev .blog_bar_text,
.blog_bar_prev_next_post:hover .st0,
.blog_bar_prev_next_post:hover .st1,
.blog_bar_prev_next_post:hover .blog_bar_text_wrapper,
.blog_bar_text_wrapper:hover span,
.blog_bar_prev_next_post:hover .arrow_box_right:before {
  color:#55C0B9;
  fill: #55C0B9;
  border-left-color: #55C0B9;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}

@media screen and (max-width: 1025px){
.blog_bar_prev_next_post:hover .st0,
.blog_bar_prev_next_post:hover .st1 {
  fill: #555555;
}
}

.blog_bar_text_wrapper.blog_bar_text_prev {
  text-align: left;
}
.blog_bar_text_wrapper.blog_bar_text_next {
  text-align: right;
}

#blog_bar_center {
  width: 40%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  justify-content: space-between;
}

#blog_bar_center svg {
  cursor: pointer;
  vertical-align: middle;
}

#blog_bar_center svg path {
  fill: #55C0B9;
  transition: fill 0.25s ease-in-out;
}

#blog_bar_center .blog_bar_center_icon_container:hover svg path{
  fill: #458c87;
  transition: fill 0.25s ease-in-out;
}

/*.blog_bar_center_icon_container svg:hover path {
  fill:#458c87;
}*/
.blog_bar_center_icon_container:hover svg path {
    transition: fill 0.25s ease-in-out;
    fill: #458c87;
  }

.arrow_box_left {
  position: relative;
  border: none;
}
.arrow_box_left:after, .arrow_box_left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-right: 14px;
}

.arrow_box_left:after {
  border-color: none;
  border-right-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
.arrow_box_left:before {
  border-color: rgba(85, 85, 85, 0);
  border-right-color: #555555;
  border-width: 8px;
  margin-top: -8px;
}

.arrow_box_right {
  position: relative;
  border: none;
  width: 88%;
}
.arrow_box_right:after, .arrow_box_right:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-left: 14px;
}

.arrow_box_right:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
.arrow_box_right:before {
  border-color: rgba(85, 85, 85, 0);
  border-left-color: #555555;
  border-width: 8px;
  margin-top: -8px;
}

.adthrive_mobile {
  display: none;
}

 .adthrive_desktop {
    display: block;
  }


#blog_bar_social {
  width: 50px;
  display: flex;
  flex-direction: column;
  background: #fff;
  -webkit-box-shadow: 0px 0px 6px -1px rgba(117,117,117,1);
  -moz-box-shadow: 0px 0px 6px -1px rgba(117,117,117,1);
  box-shadow: 0px 0px 6px -1px rgba(117,117,117,1);
  position: absolute;
  bottom: -125px;
  height: 206px;
  z-index: -1;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  animation-duration: 0.6s;
}

#blog_bar_social svg {
  cursor: pointer;
  animation-duration: 1.4s;
}

#blog_bar_social svg path {
  fill: #55C0B9;
  transition: fill 0.25s ease-in-out;
}

#blog_bar_social svg:hover path {
  fill:#458c87;
}

.blog_bar_social_active {
  bottom: 85px !important;
}

.blog_bar_center_icon_container {
  width: 50px;
  height: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.primary_menu_center_shop {
  position: absolute;
  padding-right: 40px;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
}

.primary_menu_center_shop_active {
  opacity: 1;
  z-index: 100;
}

.primary_menu_center_shop_active:hover img {
  transition: opacity 0.3s ease-in-out;
  opacity: 0.63;
}

.primary_menu_center_shop_active:hover h3 {
  transition: color 0.3s ease-in-out;
  color:#55C0B9;
  font-weight: 400;
}

@media screen and (max-width: 1025px){
  .icon_hover svg:hover path {
    fill: #55C0B9;
  }
  #blog_bar_social {
    bottom: -155px;
  }
  .blog_bar_social_active {
    bottom: 52px !important;
  }
  .adthrive_desktop {
    display: none;
  }
  .adthrive_mobile {
    display: block;
  }
  .blog_bar_container {
    height: 53px;
  }
  .blog_bar {
    width: 100%;
    height: 53px;
    max-width: 800px;
  }
  .blog_bar_text {
    display: none;
  }
  #blog_bar_center {
    width: 70%;
  }
  .blog_bar_prev_next_post {
    width: 15%;
  }
  .next_post {
    padding-right: 24px;
  }
  .prev_post {
    padding-left: 24px;
  }

  #cart_count {
    right: 9px;
    position: absolute;
    font-size: 11px;
    top: 6px;
    color: #55C0B9;
  }
  #mobile_cart_total_count {
    position: absolute;
    font-size: 9px;
    top: 11px;
    color: #fff;
    background: #55C0B9;
    border-radius: 45px;
    width: 15px;
  }
  #inner_page {
    transition: all 0.7s ease-in-out;
    top: 0;
  }
  .inner_page_expanded {
    left: 100% !important;
    transition: all 0.7s ease-in-out;
  }
  .search_container {
    margin-right: 15px;
  }
  #blog_bar_center .blog_bar_center_icon_container:hover svg path{
    fill: #55C0B9;
    transition: fill 0.25s ease-in-out;
  }
}

@media screen and (max-width: 635px){
.cart_controls
  {
    border: none;
  }
  #joy_story{
    width: 100%;
  }
  #header{
    /*height:180px !important;*/
  }
  #hamburger{
    right:-60px;
    top:40px;
  }
  .large_logo{
    /*margin:40px 0 35px 0px !important;*/
    margin: 0;
    float: none;
    /*width: 45%;*/
  }
  .search_container{
    clear: both;
    margin-right: 0px;
  }
  #page{
    /*margin-top:180px;*/
  }
}
.joy_tile:hover img {
  opacity: 0.8;
  transition: all 0.25s ease-in-out;
}

.tile_layout_3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
.tile_3 {
  width: 32%;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.tile_3:hover img
{
  opacity: 0.8;
  transition: all 0.25s ease-in-out;
}
.tile_3:hover .tile_title {
  color: #55C0B9;
  transition: all 0.25s ease-in-out;
}

.tile_layout_4 {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.tile_layout_4_blurb {
  font-size: 24px;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  color: #555555;
  font-weight: 300;
  max-width: 770px;
  margin-bottom: 40px;
}

.tiles_container {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.tiles_container_left {
  width: 66.66%;
  padding-right: 40px;
}
.tiles_container_right {
  width: 33.33%;
}
.tile_title {
  width: 100%;
  font-size: 22px;
  font-family: Wulkan Display, 'Open Sans', sans-serif;
  color: #404040;
}

.collection_container {
  /*margin-bottom: 24px;*/
  padding-bottom: 24px;
  display: block;
}

.collection_container_mobile {
  display: none;
}

#about_video_controls_mobile {
  display: none;
}

@media screen and (max-width: 1025px){
  .tile_layout_4_blurb {
    font-size: 20px;
    line-height:1.3em;
    padding: 0 30px;
  }
  .collection_container {
    display: none;
  }

  .joyous_collective {
    height:auto;
  }
  .collection_container_mobile {
    display: block;
    padding: 0 0 30px 0px;
    /*margin-bottom: 24px;*/
    width: 100%;
  }
  .collection_content_mobile_scroller {
    height: 300px;
    z-index: 432432432;
    position: relative;
    overflow: hidden;
}
    
  }
  .collection_content_mobile {
    width: 100%;
    flex-direction: column;
    overflow-x: auto;
    height: 320px;
    overflow-y: hidden;
    z-index: -324432432;
    position: relative;
  }

  .collection_cards_mobile {
    display: flex;
    flex-direction: row;
    width: 1060px;
    padding: 0 30px;
    overflow: hidden;
    position: relative;
    z-index: -7;
    height: 300px;
  }
  .section_heading{
    padding: 20px 0;
  }
  .blog_latest_banner_item img {
    height: 200px;
    width: auto;
  }

  .blog_latest_banner_title {
    font-weight: 700;
  }

  .newsletter_signup {
    height: auto;
    text-align: center;
    padding: 50px 24px;
  }

  .newsletter_signup img {
    height: 163px;
    width: unset;
    margin-bottom: 24px;
  }

  .newsletter_signup_title
  {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .chaparral {
    font-size: 16px;
  }
  .newsletter_signup_desc {
    margin-bottom: 24px;
    max-width: 486px;
    font-family: ClarikaProGeo-Rg;
    font-size: 20px;
  }
  .newsletter_signup_inputs form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: unset;
    align-items: center;
    height: 174px;
  }

  .newsletter_signup .joy_btn {
    display: flex;
    height: 50px;
    padding: 0 38px;
    justify-content: center;
    align-items: center;
    width: 210px;
  }

  .abs_col {
    max-width: 100%;
    padding: 50px;
  }

  .collective_text {
    font-size: 22px;
  }

  .joy_u_banner_title {
    width: 100%;
  }

  #bannerpadding{
    height: unset;
  }

  .about_video_container {
    padding: 0px 30px;
  }

  #about_video img {
    width: 100%;
    max-width: 525px;
    height: unset;
  }

  #about_video_controls {
    display: none;
  }

  #about_video_controls_mobile {
    display: block;
    margin-top: 24px;
  }

  #about_video {
    position: relative;
    width: 100%;
    max-width: 525px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #about_video video {
    width: 100%;
    max-width: 525px;
    height: unset;
  }

  .about_video_bio {
    font-size: 22px;
  }
  .about_video_container {
    flex-direction: column;
  }
}

#home_content {
  /*margin-top: 24px;*/
}

.home_section_title {
  font-size: 38px;
  padding: 25px 25px 0px 25px;
  color: #404040;
  z-index: 2;
  position: relative;
  font-weight: 700;
  display: inline-block;
  font-family: Wulkan Display;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 1025px){
  .tile_cat_container {
    top: 25px;
    transition: all 0.25s ease-in-out;
  }

  .tile_layout_3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
  }
  .tile_3 {
    width: 32%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 800px){
  .tile_cat_container {
    /*top: 60px;*/
    transition: all 0.25s ease-in-out;
  }

  .tile_layout_3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .tile_3 {
    width: 100%;
    box-sizing: border-box;
    /*border: solid;*/
    margin-bottom: 20px;
  }
}

/*REVIEWS*/
  .comment_pending{
      margin:0 15px;
    }
    .reply_pending{
      background-color:#ecf5f4;
      padding:15px;
    }
    #reviews_arrow{
      display:inline-block;
    }
    .review_stars, .the_stars{
      cursor: pointer;
      color:#6dc2bc;
      white-space: nowrap;
    }
    i.review_stars{
      cursor:default;
    }
    .second_row{
      margin-top:50px;
    }
    .star_container{
      display:inline-block;
      white-space:nowrap;
    }
    .review_btn {
      position: static;
      display:inline-block;
        margin-top: 20px;
    }
    @media screen and (max-width:850px){
      .second_row{
        margin-top:20px;
      }
    }
    @media screen and (max-width:850px){
      .button_container, .star_container{
        /*width:100%;
        margin-bottom:20px;*/
      }
    }

/*Signup and Login*/
.signup_logo {
  width: 175px;
  padding-bottom: 1rem;
}
.signup_pagekey {
  z-index: 999;
  position: fixed;
  margin-top: 0px !important;
}
.signup_subheader {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 1rem;
}
.account_perks {
  margin-top: 2em;
  margin-bottom: 2em;
}

.perks_underline {
  border-bottom: 2px #5cc0b9 solid;
}
.perks_description {
  font-size: 14px;
  line-height: 1.25rem;
}
.perks_link {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #333333;
  text-decoration: underline;
  letter-spacing: 1px;
}
#login_container {
  background: #e7f5f4;
  width: 100%;
  height: 100vh;
  /*top: 124px;*/
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #404040;
  transition: top 0.7s ease-in-out;
  background-repeat: repeat;
  /*background-size: contain;*/
}
#signup_container {
    background: #fffbf6;
    width: 100%;
    height: 100vh;
    position: fixed;
    top:0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #404040;
    transition: all 0.6s ease-in-out;
  }
  .signup_pagekey #inner_page,
  .login_pagekey #inner_page {
    height: 100vh;
  }
 /* .left_background_image {
    position: absolute;
    left: 0;
    width: 60%;
    height: 100%;
    background: url(images/signup/signup_background_left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: 36vmax;
    transition: all 0.7s ease-in-out;
  }
  .right_background_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: url(images/signup/signup_background_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 30vmax;
    transition: all 0.7s ease-in-out;
  }*/
  .signup_content {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    position: relative;
    max-width: 960px;
    top: 5px;
    position: absolute;
  }
  .signup_content h3 {
    font-size: 1.8em;
    font-weight: 700;
    font-family: Wulkan Display;
  }
  .signup_list {
    text-align: center;
      margin: 10px 0;
      margin-bottom: 30px;
      font-size: 20px;
      font-weight: 300;
      /*letter-spacing: 1px;*/
      /*width: 80%;*/
  }
  .signup_emoji {
    font-size: 8vmax !important;
  }
  .signup_list ul {
    margin-top: 10px;
      line-height: 45px;
  }
  .signup_button {
    padding: 8px 20px;
      border: solid 1px #96CB70;
      border-radius: 100px;
      background-color: #96CB70;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      width: 173px;
      margin: auto;
  }
  .signup_button:hover {
    background-color: #fff;
    border: solid 1px #96CB70;
    color: #96CB70;
    transition: all 0.3s ease-in-out;
  }
  .signup_confirmation{
    transition: all 0.3s ease-in-out;
  }
  .signup_confirmation .signup_confirmation_title {
    font-size: 1.7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
  }

  .signup_confirmation .signup_confirmation_msg {
    font-size: 1.5em;
  }

  .signup_confirmation #signup_landing_page {
    line-height: 62px;
    opacity: 1;
  }
  .signup_confirmation .login_btn {
    color: #fff;
    font-size: 1.1em;
    transition: all 0.3s ease-in-out;
    background: #96CB70;
    border-radius: 40px;
    padding: 0px 60px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: solid 1px #96CB70;
    margin-top: 20px;
  }

  .signup_confirmation .login_btn:hover {
    color:#96CB70;
    font-size: 1.1em;
    border: solid 1px #96CB70;
    background: #fff;
    transition: all 0.3s ease-in-out;
  }

  #signup_landing_page {
      overflow: scroll;
      width: 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-direction: column;
      position: absolute;
      top: 0;
      opacity: 0;
      transition: opacity 0.7s ease-in-out;
      margin: 0;
      padding: 0;
      height: calc(100% - 124px);
      height: 100%;
  }

  .landing_page_active #signup_landing_page {
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    z-index: 100;
    overflow-x: hidden;
  }
  .landing_page_active #signup_entry_page {
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
  }

  #signup_entry_page {
    /*position: absolute;*/
    width: 63%;
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    top: 0;
    height: calc(100% - 124px);
  }
  #signup_entry_page h3 {
    text-transform: none;
  }

  .signup_inp {
      background: none;
      border: none;
      border-bottom: solid 2px #55C0B9;
      border-radius: 2px;
      padding: 10px 40px;
      font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
      font-size: 18px;
      font-weight: 300;
      width: 98%;
      outline: none;
  }

  @-webkit-keyframes autofill {
      to {
          color: #404040;
          background: transparent;
          transition: all 0.6s ease-in-out;
      }
  }

  #signup_container input:-webkit-autofill,
  #login_container input:-webkit-autofill {
      -webkit-animation-name: autofill;
      -webkit-animation-fill-mode: both;
  }
  #signupform {
      margin-top: 15px;
      position: relative;
      width: 100%;
      max-width: 600px;
  }
  ::-webkit-scrollbar-thumb {
      width: 0px;
      background: transparent; /* make scrollbar transparent */
  }
  #signup_entry_page .input_row {
    position: relative;
  }
  #resetpass_form .input_row  {
    position: relative;
  }
  #name_icon, #password_icon, #email_icon {
    position: absolute;
    /*left: 3px;*/
    left: 9px;
    top: 10px;
  }
  #name_icon, #password_icon, #email_icon path {
    fill: #62C4BE;
  }
  .cartsignup_container .input_row {
    position: relative;
  }
  .fname, 
  .lname {
    position: relative;
  }
  .fname svg, 
  .lname svg {
    left: 18px !important;
  }
  .name_row {
    padding: 0px 5px;
  }
  .cartsignup_container #name_icon, #password_icon, #email_icon {
    left: 10px;
  }
  .search-active #login_container,
  .search-active #signup_container {
    top: 214px;
    transition: top 0.7s ease-in-out;
  }
  #signup_container .custom_checkbox,#signup_container .custom_checkbox.selected,
  #login_container .custom_checkbox,#signup_container .custom_checkbox.selected {
    margin-left: 5px;
    margin-top: 2px;
  }
  .signup_button, #signup_container button,
  .login_container, #signup_container button {
    letter-spacing: 1px;
    width: 210px;
    font-weight: 600;
    padding: 15px 24px;
    margin: 0 auto;
    /*margin-top: 20px;*/
    font-family: ClarikaProGeo-Rg;
  }
  .social_signup_msg {
    margin: 24px;
  }
  .social_signup_msg span {
    text-transform: uppercase;
      font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #55C0B9;
      position: relative;
      /*margin: 20px 0;*/
  }

  .social_signup_wrapper {
    width: 150px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
  }
  .social_signup_button {
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 100px;
    border: solid 1px #55C0B9;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
  }
  .social_signup_button svg path {
    transition: all 0.3s ease-in-out;
    fill: #55C0B9;
  }
  .social_signup_wrapper .fb_button {
    
  }
  .social_signup_wrapper .google_button {
    
  }
  .social_signup_button:hover svg path,
  .social_signup_button:hover {
    background-color: #55C0B9;
    border: solid 1px #55C0B9;
    color:#fff;
    fill: #fff;
    transition: all 0.3s ease-in-out;
  }
  .social_signup_login_msg {
    padding: 20px 0;
  }
  .social_signup_login_msg span,
  .social_signup_login_msg a {
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
  }
  .social_signup_login_msg a {
    text-decoration: underline;
  }
  .login_pagekey {
    z-index: 999;
    position: fixed;
    margin-top: 0px !important;
  }

  #login_container .left_background_image {
    display: flex;
    flex-direction: row;
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: fixed;
    background: unset;
    /*top: 124px;*/
    left: 0;
    width: 50%;
    transition: all 0.6s ease-in-out;

  }
  #login_container .right_background_image {
    position: fixed;
    /*top: 124px;*/
    right: 0;
    width: 50%;
    height: 100vh;
    /*background: url(images/login/right_bottom_background.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 24vmax;
    transition: all 0.6s ease-in-out;
  }
  #login_container .left_background_image .left_top_background_image {
    height: 50%;
    background: url(images/login/left_top_background.png?v=1.14);
    background-size: 50vh;
    background-repeat: no-repeat;
  }
  #login_container .left_background_image .left_bottom_background_image {
    height: 50%;
    background: url(images/login/left_bottom_background.png?v=1.14);
    background-size: 32%;
    background-repeat: no-repeat;
    background-position-y: 100%;
  }

  /**********/
#signup_container .left_background_image {
    display: flex;
    flex-direction: row;
    display: flex;
    flex-direction: column;
    height: calc(100% - 124px);
    position: fixed;
    background: unset;
    top: 124px;
    left: 0;
    width: 50%;
    transition: all 0.6s ease-in-out;

  }
  #signup_container .right_background_image {
    position: fixed;
    top: 124px;
    right: 0;
    width: 50%;
    height: calc(100vh - 124px);
    /* background: url(images/login/right_bottom_background.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 24vmax;
    transition: all 0.6s ease-in-out;
  }
  #signup_container .left_background_image .left_top_background_image {
    height: 50%;
    background: url(images/signup/left_top_background.png?v=1.22);
    background-size: 50vh;
    background-repeat: no-repeat;
  }
  #signup_container .left_background_image .left_bottom_background_image {
    height: 50%;
    background: url(images/signup/left_bottom_background.png?v=1.14);
    background-size: 32%;
    background-repeat: no-repeat;
    background-position-y: 100%;
  }
   .signup_left_top_background_image{
    background: url('images/signup/signup_background_left_top.png?v=1.18');
      width: 100%;
      position: relative;
      background-position-x: left;
      background-position-y: top;
      flex: 1;
  }
  .signup_left_bottom_background_image{
      width: 100%;
      position: relative;
      background-position-x: left;
      background-position-y: bottom;
      background-size: calc(16vw + 16vh);;
  }
  .signup_left_bottom_background_image img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(16vw + 16vh);;
  }
  .signup_right_top_background_image{
    background: url('images/signup/signup_background_right_top.png?v=1.20');
    flex:1;
    width: 100%;
    position: relative;
    background-position-x: right;
    background-position-y: top;
    background-size: calc(16vw + 16vh);;
  }
  .signup_right_bottom_background_image{
    /*flex:1;*/
    width: 100%;
    position: relative;
    background-position-x: right;
    background-position-y: bottom;
    background-size: calc(16vw + 16vh);
  }
  .signup_right_bottom_background_image img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(15vw + 15vh);
  }
  /************/
  .sidemenu_expanded #login_container .left_background_image {
    margin-left: 273px !important;
    transition: all 0.6s ease-in-out;
  }
  .sidemenu_expanded #login_container {
    margin-left: 194px !important;
    transition: all 0.6s ease-in-out;
  }

  .sidemenu_expanded #signup_container {
    margin-left: 273px !important;
    transition: all 0.6s ease-in-out;
  }
  .sidemenu_expanded #signup_container .right_background_image {
    margin-left: 0 !important;
  }
  @media screen and (max-width: 1024px){
    .signup_confirmation .signup_confirmation_title {
      font-size: 1.7em;
    }
  
    .signup_confirmation .signup_confirmation_msg {
      font-size: 1.15em;
    }
    #login_container, {
      height: 100vh;
      /*top: 60px;*/
    }

    #signup_container {
      height: 100vh;
      top: 0px;
    }

    #signup_container .left_background_image {
      height: 100vh;
      top: 60px;
    }

    #signup_container .right_background_image {
      height: 100vh;
      top: 60px;
    }
    .search-active #signup_container,
    .search-active #login_container {
      top: 150px;
      transition: all 0.7s ease-in-out;
    } 
    .signup_content {
        overflow: hidden;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        position: relative;
        max-width: 780px;
        top: 16px;
        position: absolute;
    }
    .left_background_image {
      background-size: 40vmax;
    }
    .right_background_image {
      background-size: 33vh;
    }
    .signup_list ul {
      margin-top: 10px;
        line-height: 45px;
    }
    #signup_landing_page {
      height: 100%;
      justify-content: start;
      padding: 0 25px;  
    }
    #signup_entry_page {
      height: 100%;
    }
    #login_container .left_background_image {
      /*top: 60px;*/
      height: 100vh;
    }
    #login_container .right_background_image {
      /*top: 60px;*/
      height: 100vh;
    }
    #login_container .left_background_image .left_top_background_image {
      background-size: 100%;
    }
    #login_container .right_background_image {
      background-size: 30vmax;
    }
    #login_container .left_background_image .left_bottom_background_image {
      background-size: 26vmax;
    }

    #signup_container .left_background_image {
      top: 60px;
      height: calc(100% - 60px);
    }
    #signup_container .right_background_image {
      top: 60px;
      height: calc(100% - 60px);
    }
    #signup_container .left_background_image .left_top_background_image {
      background-size: 100%;
    }
    #signup_container .right_background_image {
      background-size: 30vmax;
    }
    #signup_container .left_background_image .left_bottom_background_image {
      background-size: 26vmax;
    }
  }

  #forgot_password_page_container {
    width: 100%;
    height: calc(100vh - 124px);
    display: flex;
    margin-top: 0;
    left: 0;
    background-color: #e7f5f4;
    position: relative;
    background-size: auto;
    background-repeat: repeat;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #signup_entry_page h3 {
    margin-bottom: 20px;
  }

  .left_background_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .left_background_image div {
    background-size: calc(16vw + 16vh);
    background-repeat: no-repeat;
    transition: all 0.7s ease-in-out;
  }
  .right_background_image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  #signup_container .right_background_image div {
    background-size: calc(15vw + 16vh);
    background-repeat: no-repeat;
    transition: all 0.7s ease-in-out;
  }

  #login_container .right_background_image div {
    background-size: calc(20vw + 20vh);
    background-repeat: no-repeat;
    /*transition: all 0.7s ease-in-out;*/
  }

  .search-active #login_container .right_background_image {
    top: 214px;
    transition: all 0.7s ease-in-out;
  }
  .search-active #login_container .left_background_image {
    top: 214px;
    transition: all 0.7s ease-in-out;
  }
  .search-active #signup_container .right_background_image {
    top: 214px;
    transition: all 0.7s ease-in-out;
  }
  .search-active #signup_container .left_background_image {
    top: 214px;
    transition: all 0.7s ease-in-out;
  }
  .login_left_top_background_image{
    background: url('images/login/login_background_left_top.png?v=1.14');
      width: 100%;
      position: relative;
      background-position-x: left;
      background-position-y: top;
      flex: 1;
  }
  .login_left_bottom_background_image{
      width: 100%;
      position: relative;
      background-position-x: left;
      background-position-y: bottom;
      background-size: calc(16vw + 16vh);
  }
  .login_left_bottom_background_image img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(16vw + 16vh);
    transition: all 0.3s ease-in-out;
  }
  .login_right_top_background_image{
    background: url('images/login/login_background_right_top.png?v=1.16');
    flex:1;
    width: 100%;
    position: relative;
    background-position-x: right;
    background-position-y: top;
    background-size: calc(16vw + 16vh);
    background-repeat: no-repeat;
  }
  .login_right_bottom_background_image{
    /*flex:1;*/
    width: 100%;
    position: relative;
    background-position-x: right;
    background-position-y: bottom;
    background-size: calc(16vw + 16vh);
  }
  .login_right_bottom_background_image img {
    position: absolute;
    bottom: -80px;
    right: -40px;
    width: calc(16vw + 16vh);
    transition: all 0.3s ease-in-out;
  }
  .forgot_password_page_content {
    width: 420px;
    position: relative;
  }
  #forgotpass_form {
    width: 100%;
    max-width: 420px;
    position: relative;
  }
  #forgotpass_form form {
    position: relative;
  }
  #forgotpass_form .input_row {
    margin-bottom: 50px;
    outline: none;
  }
  .forgotpassword_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .social_signup_login_msg {
    padding: 20px 0px 60px 0px;
    position: relative;
    /*margin-top: 20px;*/
    /*position: absolute;*/
    /*bottom: 0px;*/
  }
  .social_signup_login_msg span,
  .social_signup_login_msg span a {
    font-size: 20px;
  }


  @media screen and (max-width:1024px) {
    .wide_page {
      top: 60px !important;
    }
    #forgot_password_page_container {
        height: calc(100vh - 60px);
    }
    #signup_container .right_background_image div {
        background-size: calc(14vw + 14vh);
    }
    #login_container .right_background_image div {
        background-size: calc(50% + 10vh);
    }
    .login_right_bottom_background_image img{
        width: calc(16vw + 16vh);
    }
    .signup_right_bottom_background_image img{
        width: calc(16vw + 16vh);
        bottom: 9vh;
    }
    .signup_left_bottom_background_image img {
        width: calc(14vw + 14vh);
    }
    .left_background_image div {
      background-size: calc(16vw + 16vh);
    }
    #signup_container .left_background_image div {
      background-size: calc(16vw + 16vh);
    }
    .search-active #login_container .right_background_image {
      top: 150px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #login_container .left_background_image {
      top: 150px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #signup_container .right_background_image {
      top: 150px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #signup_container .left_background_image {
      top: 150px;
      transition: all 0.7s ease-in-out;
    }
  }

   @media screen and (min-height:850px) {
   #login_container .right_background_image div {
    background-size: 36vmax;
    }
  }
  @media screen and (max-width:720px) {
    .left_background_image div {
      background-size: calc(7vw + 12vh);
    }
    .right_background_image div {
      background-size: calc(16vw + 16vh);
    }
    #forgot_password_page_container .left_background_image div {
        background-size: calc(13vw + 13vh);
    }
    #forgot_password_page_container .right_background_image div {
        background-size: calc(17vw + 17vh);
    }
    .login_left_bottom_background_image img {
      width: 35vh;
    }
    .signup_left_bottom_background_image img {
      width: 35vh;
    }
    #signup_container .right_background_image div {
      background-size: calc(14vw + 14vh);
    }
    #signup_container .left_background_image div {
      background-size: calc(14vw + 14vh);
    }
    .login_right_bottom_background_image img {
        width: calc(16vw + 16vh);
        bottom: -6vh;
    }
    .login_left_bottom_background_image img {
        width: calc(16vw + 16vh);
        bottom: -4vh;
    }
    .signup_right_bottom_background_image img {
        width: calc(16vw + 16vh);
        bottom: 0;
    }
    .sigup_left_bottom_background_image img {
        width: calc(16vw + 16vh);
        bottom: 0;
    }
  }
  @media screen and (max-width:620px) {
    .login_right_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: 0;
      display: none;
    }
    .login_left_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: 0vh;
      display: none;
    }
    .signup_right_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: 0vh;
      display: none;
    }
    .signup_left_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: 0vh;
      display: none;
    }
    .social_signup_login_msg span,
    .social_signup_login_msg span a {
      font-size: 17px;
    }
  }

  @media screen and (max-width:635px) {
   .search-active #login_container .right_background_image {
      top: 211px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #login_container .left_background_image {
      top: 211px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #signup_container .right_background_image {
      top: 211px;
      transition: all 0.7s ease-in-out;
    }
    .search-active #signup_container .left_background_image {
      top: 211px;
      transition: all 0.7s ease-in-out;
    }
  }
  @media screen and (max-height:420px) {
    .login_left_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: 0vh;
    }
    .left_background_image div {
        background-size: calc(16vw + 16vh);
    }
    #forgot_password_page_container .left_background_image div {
        background-size: calc(16vw + 16vh);
    }
    #forgot_password_page_container .right_background_image div {
        background-size: calc(18vw + 18vh);
    }
    .login_right_bottom_background_image img {
      width: calc(16vw + 16vh);
      bottom: -6vh;
    }
    .signup_right_bottom_background_image img {
      width: calc(14vw + 14vh);
      bottom: 0vh;
    }
    .right_background_image div {
        background-size: calc(14vw + 14vh);
    }
    #signup_container .left_background_image div {
      background-size: calc(16vw + 16vh);;
    }
  }
  @media screen and (min-width:1000px)  {
  }

  @media screen and (max-width: 600px){
    .search-active #login_container,
    .search-active #signup_container {
      top: 210px;
      transition: all 0.7s ease-in-out;
    } 
  }
  @media screen and (max-width: 400px) and (max-height: 650px){
    .left_background_image div {
        background-size: calc(7vw + 12vh);
    }
    .right_background_image div {
        background-size: calc(10vw + 15vh);
    }
    .social_signup_login_msg {
      margin-top: 0;
    }
    .login_right_bottom_background_image img {
        width: 26vw;
        bottom: -6vh;
    }
    .login_left_bottom_background_image img {
        width: width: calc(16vw + 16vh);;
        bottom: 0;
    }
    .signup_right_bottom_background_image img {
        width: calc(16vw + 16vh);
        bottom: 0;
    }
    .signup_left_bottom_background_image img {
        width: width: calc(16vw + 16vh);
        bottom: 0;
    }
  }
  @media screen and (max-height: 620px){
    #signup_entry_page {
        display: block;
        justify-content: center;
        align-items: center;
        height: 100%;
        /* margin-top: 100px; */
        position: absolute;
        overflow: scroll;
        padding: 0;
        width: 100%;
        max-width: 520px;
    }
    #signup_landing_page {
      display: block;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 0px 0px;
      /*top: 100px;*/
    }
    #signupform {
      margin-top: 0;
      /*padding: 20px 50px;*/
    }
    .signup_content {
      /*height: unset;*/
    }
    #login_container .left_background_image .left_bottom_background_image {
        background-size: calc(16vw + 16vh);;
    }
    #login_container .left_background_image .left_top_background_image {
        background-size: calc(16vw + 16vh);;
    }
    #signup_container .left_background_image .left_bottom_background_image {
        background-size: calc(16vw + 16vh);;
    }
    #signup_container .left_background_image .left_top_background_image {
        background-size: calc(16vw + 16vh);;
    }
  } 

  @media screen and (max-height: 550px){
    .left_background_image {
        background-size: 80vh;
    }
    .right_background_image {
      background-size: 50vh;
    }
    .search-active #login_container,
    .search-active #signup_container {
      top: 150px;
      transition: all 0.7s ease-in-out;
    }
  }
  
  @media screen and (max-width: 450px){
    #signup_entry_page {
      width: 83%;
      padding: 60px 0 60px 0
    }
    #signup_landing_page {
      width: 90%;
      padding: 20px 0px 150px 0px;
      justify-content: start;
    }
    .left_background_image {
        background-size: 30vh;
    }
    .right_background_image {
      background-size: 21vh;
    }
    .signup_list {
      font-size: 17px;
    }
    .signup_list ul {
      margin-top: 10px;
        line-height: 32px;
    }
    .search-active #login_container,
    .search-active #signup_container {
      top: 210px;
      transition: all 0.7s ease-in-out;
    }
    .signup_content h3 {
      font-size: 1.8rem;
    }
    .signup_list {
      font-size: 14px;
    }
    #signupform {
      margin-top: 10px;
      width: 92%;
      top: 10px;
    }
    #signup_entry_page h3 {
      margin-bottom: 0;
    }
    #login_container .right_background_image {
      background-size: 100%;
    }
    #login_container .left_background_image .left_bottom_background_image {
      background-size: 80%;
    }
    #signup_container .right_background_image {
      background-size: 100%;
    }
    #signup_container .left_background_image .left_bottom_background_image {
      background-size: 80%;
    }
  }

  @media screen and (max-width: 450px) and (min-height: 750px){
    .signup_list ul {
        line-height: 42px;
    }
    .signup_list {
      margin: 25px 0 35px 0;
    }
  }

  @media screen and (max-height: 500px){
    #login_container .left_background_image .left_top_background_image{
      background-size: 35vh;
    }
    #login_container .left_background_image .left_bottom_background_image{
      background-size: 20vh;
    }
    #signup_container .left_background_image .left_top_background_image{
      background-size: 35vh;
    }
    #signup_container .left_background_image .left_bottom_background_image{
      background-size: 20vh;
    }
  }

  @media (max-height: 1023px) and (min-aspect-ratio: 2/1){
    .signup_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(14vw + 14vh);
    }
    .signup_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(14vw + 14vh);
    }
    .login_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(14vw + 14vh);
    }
    .login_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(14vw + 14vh);
    }
  }

  @media (max-height: 700px) and (min-aspect-ratio: 2/1){
    .signup_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(12vw + 12vh);
    }
    .signup_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(12vw + 12vh);
    }
    .login_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(12vw + 12vh);
    }
    .login_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(12vw + 12vh);
    }
  }

  @media (max-height: 600px) and (min-aspect-ratio: 2/1){
    .signup_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(10vw + 10vh);
    }
    .signup_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(10vw + 10vh);
    }
    .login_right_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(10vw + 10vh);
    }
    .login_left_bottom_background_image img {
      transition: all 0.3s ease-in-out;
      width:calc(10vw + 10vh);
    }
  }

  @media (max-height: 550px) and (min-aspect-ratio: 2/1){
    .signup_right_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .signup_left_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .login_right_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .login_left_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
  }

  @media (max-width: 1000px) and  (min-aspect-ratio: 16/9){
    .signup_right_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .signup_left_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .login_right_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
    .login_left_bottom_background_image img {
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
  }
  /****************************/

  .member_side_menu {
    float: left;
    position: relative;
    width: 240px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
      margin-right: 24px;
  }

  .member_side_menu hr {
    width: 50%;
      /*margin-top: 26px;*/
  }

  .member_menu_header {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 10px;
      line-height: 1.6;
  }

  .member_menu_header img {
    margin-bottom: 10px;
  }

  .member_menu_header h2 {
    font-size: 12px;
  }

  .member_menu_header span {
    font-size: calc(12px + 1.6vmax);
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .member_avatar {
      width: 80px;
      height: 80px;
      border-radius: 60px;
  }

  .share_link_button {
    padding: 6px 24px;
      border-radius: 24px;
      border: 1px solid #55C0B9;
      text-transform: uppercase;
      background-color: #55C0B9;
      cursor: pointer;
      font-size: 12px;
      color: #fff;
      /*margin: 15px 0px;*/
  }

  .share_link_button:hover {
    background-color: #fff;
    border: 1px solid #55C0B9;
    transition: all 0.3s ease-in-out;
    color: #55C0B9;
  }

  .member_side_menu_points {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
  }

  .member_side_menu_item {
      padding: 14px 0px;
  }

  .member_side_menu_item_hover {
    content: "";
    width: 0%;
    height: 2px;
    border-radius: 5px;
    background: #55C0B9;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: all 0.3s ease-in-out;
    position: absolute;
  }

  .member_side_menu_item_hover.active {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: none;
    background: #55C0B9;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: all 0.3s ease-in-out;
    position: absolute;
  }

  .member_mobile_menu_wrapper {
    display: none;
  }

  .desktop_only {
    display: block;
  }
  .mobile_only {
    display: none;
  }
  .mypoints_referral_link_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
    .mypoints_container {
    width: 100%;
      background-color: #F9F9F9;
      font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 270px;
      color: #404040;
  }

  .mypoints_points {
    font-weight: 700;
      /*font-size: 22px;*/

  }

  .mypoints_welcome {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }

  .mypoints_msg {
    font-size: 16px;
  }

  .mypoints_contact {
    font-size: 14px;
  }

  .mypoints_contact a {
    text-decoration: underline;
    color: #404040;
  }

  .how_referrals_work {
    font-size: 14px;
    text-decoration: underline;
    padding: 12px 0;
    color: #545454;
  }

  #referrallink {
    width: 372px;
    height: 52px;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    font-size: 16px;
    color: #404040;
    margin-right: 24px;
  }

  #referrallink  {
      -webkit-transition: all 0.30s ease-in-out;
      -moz-transition: all 0.30s ease-in-out;
      -ms-transition: all 0.30s ease-in-out;
      -o-transition: all 0.30s ease-in-out;
      outline: none;
      padding: 10px 0px 10px 10px;
      border: 1px solid #c6c6c6;
  }

  #referrallink:focus {
    padding: 10px 0px 10px 10px;
    border: 1px solid #55C0B9;
    color: #404040;
  }

  ::selection {
    background: #55C0B9; /* WebKit/Blink Browsers */
    color: #fff;
  }
  ::-moz-selection {
    background: #55C0B9; /* Gecko Browsers */
    color: #fff;
  }

  .joyousoverview_sidebar_container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -32px;
    margin-bottom: 18px;
  }
  .joyousoverview_sidebar_container .navfilterlist {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 467px;
  }

  .joyousoverview_sidebar_container .navfilterlist a {
    color: #55C0B9;
    font-size: 14px;
  }

  .dashboard_sections_container {
    margin-bottom: 165px;
    float: right;
    position: relative;
    flex: 1;
  }
  .dashboard_empty_content,
  .dashboard_empty_content a {
    font-size: 20px;
    color: #404040;
  }
  .dashboard_empty_content a {
    color: #404040;
    text-decoration: underline;
  }
  .member_page_no_items,
  .member_page_no_items a {
    font-size: 18px;
    text-align: center;
    min-height: 180px;
    max-width: 500px;
    margin: 0px auto;
    color: #404040;
  }
  .member_page_no_items a {
    color: #404040;
    text-decoration: underline;
  }
  
  .programs_filters_container {
    display: none;
  }

  .favourites_sidebar_container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -32px;
    margin-bottom: 18px;
  }
  .favourites_container .fav_link {
    color: #404040;
    text-decoration: underline;
  }
  .favourites_sidebar_container .navfilterlist {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 467px;
  }
  .favourites_sidebar_container .small_size {
    width: 140px;
  }

  .favourites_sidebar_container .navfilterlist a {
    color: #55C0B9;
    font-size: 14px;
  }
  .favourites_container{
      margin-bottom:160px;
  }
  .account_sidebar_container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: -32px;
      margin-bottom: 24px;
  }
  
  .account_settings_content .navfilterlist {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 467px;
    margin-top: -32px;
    margin-bottom: 24px;
    }

  .account_settings_content .navfilterlist a {
    color: #55C0B9;
    font-size: 14px;
  }
  .mobile_showfilters{
    display: none;
  }
  .share_link_header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #96CB70;
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .mobile_nav {
    display: none;
  }
  @media screen and (max-width: 1024px){
    .mobile_nav {
      display: flex;
    }
    .mobile_showfilters{
      display: block;
      }
    .member_side_menu {
      display: none;
    }
    .dashboard_wrapper {
      top: 0;
      min-height: 0;
    }
    .mypoints_wrapper {
      /*display: none;*/
    }
    .member_mobile_menu_wrapper {
      display: flex;
       /* height: 100%;
        width: 100%;
        transition: all 0.3s ease-in-out;
        flex-direction: column;
        position: absolute;
        z-index: 100;*/
    }
    #member_mobile_menu_header {
      background: #ecf5f4;
      height: 43px;
      width: 100%;
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      font-family: 'ClarikaProGeo-Rg', 'Open Sans', sans-serif;
      font-size: calc(10px + 0.5vmax);
      font-weight: 600;
      letter-spacing: 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 100;
      position: fixed;
      top: 60px;
      transition: all 0.7s ease-in-out;
    }
    .member_mobile_menu_content {
      width: 100%;
      background: #fff;
      transition: all 0.7s ease-in-out;
      flex: 1;
      height: calc(100% - 103px);
      top: calc(-100% + 103px);
      position: fixed;
      z-index: 99;
      overflow: scroll;
    }
    .search-active #member_mobile_menu_header,
    .search-active #member_mobile_menu_toggle {
      top: 150px;
    }
    .dashboard_sections_container {
      margin-top: 152px;
      margin-bottom: 0;
    }
    .wishlist_container.dashboard_sections_container {
      margin-top: 0;
      margin-bottom: 0;
    }
    .desktop_only {
      display: none;
    }
    .mobile_only {
      display: flex;
    }
    .dashboard_section {
        width: 100%;
        flex-direction: column;
    }
    .mypoints_wrapper {
      padding: 10px;
    }
    #referrallink {
      width: 100%;
      max-width: 600px;
      margin-bottom: 15px;
      margin-right: 0;
    }
    .mypoints_referral_link_wrapper {
      flex-direction: column;
      width: 100%;
      margin: 15px 0;
    }
    .mypoints_welcome {
      font-size: calc(10px + .5vw);
      font-weight: 700;
    }

    .mypoints_points {
      font-size: calc(12px + 3.5vw);  
      font-weight: 500;
    }
    .mypoints_msg {
      font-size: calc(12px + 1.2vw);
      margin: 15px 0;
      font-weight: 300;
    }
    .mypoints_container {
      height: unset;
    }
    .member_mobile_menu {
      width: 100%;
      display: table;
      margin-bottom: 15px;
      padding: 10px;
    }
    .member_mobile_menu_left_col {
      display: table-cell;
      width: 50%;
      border-right: solid 2px #55C0B92e;
    }
    .member_mobile_menu_right_col{
      display: table-cell;
      width: 50%;
    }
    .member_side_menu_item {
      padding: 8px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .member_menu_item {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .member_side_menu_item_hover.active {
      content: "";
      width: 100%;
      height: 2px;
      border-radius: none;
      background: #55C0B9;
      position: absolute;
      left: 0;
      bottom: -5px;
      transition: all 0.3s ease-in-out;
      position: absolute;
  }
  .member_menu_item span {
        font-size: 1.8vmax;
      font-weight: 300;
  }

  #member_mobile_menu_toggle {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 0;
    top: 59px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.7s ease-in-out;
  }
  .member_mobile_menu_wrapper .add_icon {
    display: block;
  }

  .member_mobile_menu_wrapper .close_icon {
    display: none;
  }

  .member_mobile_menu_wrapper.active .add_icon {
    display: none;
  }

  .member_mobile_menu_wrapper.active .close_icon {
    display: block;
  }
  .member_mobile_menu_wrapper.active .member_mobile_menu_content {
    top: calc(0% + 103px);
  }
  .search-active.member_mobile_menu_wrapper.active .member_mobile_menu_content {
      top: calc(0% + 200px);
    }
  .welcome_msg {
    flex-direction: column;
    justify-content: center;
      align-items: center;
      line-height: 1.3;
  }
  .welcome_msg .msg {
    font-size: calc(10px + 1.5vw);
  }
  .welcome_msg .name {
    font-size: calc(12px + 8vw);
    font-weight: 400;
  }
  .member_side_menu_points {
    font-size: 0.8rem;
    margin: 0;
  }
  .joyousoverview_sidebar_container {
    display: none;
  }
  .col_one_third, .col_one_quarter {
    width: 100%;
  }
  .joyousoverview_items_container {
    /*margin-top: 73px;*/
  }
  .joyousoverview_items_container .section_heading {
    /*margin-top: 31px;*/
  }
  .joyousoverview_container {
    margin-bottom: 0;
  }
  .programs_filters_container {
    display: flex;
    top: calc(-100% - 126px); 
      position: fixed;
      flex-direction: column;
      left: 0;
      width: 100%;
      z-index: 1000;
      transition: all 0.6s ease-in-out;
  }
  .programs_filters_container.active {
    display: flex;
    position: fixed;
    background: #fff;
    z-index: 10000;
    top: 103px;
    margin: 15px;
    flex-direction: column;
    width: calc(100% - 30px);
    transition: all 0.6s ease-in-out;
  }
  .programs_filters_header {
    text-transform: uppercase;
    height: 60px;
    width: 100%;
    background-color: #55C0B9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .programs_filters_close_button_container {
    position: absolute;
    right: 0;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
  }
  .wishlistitems {
    min-height: 384px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .favourites_container{
      margin-bottom:0;
  }
  .order_overview.dashboard_sections_container {
    margin-top: 111px;
    margin-bottom: -39px;
  }
  .account_settings_content .navfilterlist {
    width: 100%;
    max-width: 305px;
  }
  .account_settings_wrapper.dashboard_sections_container {
    margin-top: 122px;
    margin-bottom: -0;
  }
  #my_info {
      padding: 0px 10px;
  }
  #billing_shipping {
      padding: 0px 10px;
  }
  .col_one_third {
    width: 33.33%;
  }
  #page.joyu_pagekey,#page.favourites_pagekey{
      margin-top:103px;
  }
  .mobile_showfilters,
  .mobile_hidefilters{
    color:#55C0B9;
    cursor:pointer;
    transition:all 0.25s ease-in-out;
    /*margin-bottom:30px;*/
    text-align: center;
    text-transform: uppercase;
  }

    .mobile_showfilters{
          width: 100%;
        margin-bottom: 30px;
      }
    .mobile_nav {
        width: 100%;
        /*margin-bottom: 30px;*/
    }
    @media screen and (max-width: 768px){
      .col_one_third {
        width: 50%;
      }
      .mobile_nav {
          width: 100%;
          margin-bottom: 0;
      }
      .perks_column {
        width: 100%;
        padding: 0 2rem 2rem;
      }
      .account_perks {
        margin-bottom: 0;
      }
    }
    @media screen and (max-width: 500px){
      .col_one_third {
        width: 100%;
      }
    }
  
  @media screen and (max-width: 650px){
    .search-active #member_mobile_menu_header,
    .search-active #member_mobile_menu_toggle {
      top: 210px;
    }
    .member_side_menu_points {
      font-size: 0.8rem;
      margin: 0;
    }
  }