/*
Typography
=========================== */
/*@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;

  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansSC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansSC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansSC-Light.otf) format('opentype');
}
*/

.sliderContainer {
	position: relative;
    /* background: #ffffff; */
    width: 100%;
    height: 650px;
    z-index: 99;
    /* overflow: hidden; */
    /* border-radius: 20px 0 0 20px;*/
}

@media (max-width: 992px){
	.sliderContainer {
		height:480px;
		top:30px 
	}
}

@media (max-width: 550px){
.sliderContainer, .sliderContainer:after {
    position: relative;
    background: #ffffff;
    width: 100%;
    top: 0;
    height: 300px;
    z-index: 99;
    overflow: hidden;
}
}

.slide-content {
      position: absolute;
      top: 50%;
      left: 50%;
      color: white;
      text-align: center;
      text-shadow: 0 0 20px rgba(0,0,0,0.5);
      z-index: 1;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }

    .slide-content p {
      font-size: calc(1rem + 10 * (100vw - 375px)/ (1199 - 375));
      font-weight: 100;
      margin-top: 0;
      margin-bottom: 0.5em;
    }


area:focus {
outline:0;
}

*:focus {
    outline: none;
}

html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
    font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
    /*position: relative;*/
    font-size:15px;
    /*line-height:24px;*/
    color:#6f6f6f;
}

img {
	height: revert-layer; /* uikit */
}

*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-3xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 0; /* uikit */
}

a{
    color: #000000;
	text-decoration: none;
}

a,
a:active,
a:focus,
a:hover{
    outline:none;
    /*-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

a:hover{
	color: #004177;
    /*text-decoration:underline;*/
}

.links a{
    color: #004177;
	text-decoration: none;
}
.links a:hover{
    color: #004177;
	text-decoration: underline;
}

h1 {
	display: inline-block;
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	line-height: 1.1;
	font-size: 35px;
	font-weight:bold;
	color:#004177;
	text-align: left;
	margin: 30px auto;
    margin-bottom: 20px;	
}

@media (max-width: 700px) {
	h1 {
		font-size: 28px;
	}
}

#Product h1 {
	font-size: 40px;
    font-weight: 700;
	margin-top: 80px;
    margin-bottom: 20px;
    color: #004177;
	background: none; /* For Safari 5.1 to 6.0 */
 	display: block;
	text-align: left;
}

.sideNav h1 {
	font-size: 40px;
    font-weight: 700;
	margin-top: 80px;
    margin-bottom: 20px;
    color: #565656;
	background: none; /* For Safari 5.1 to 6.0 */
 	display: block;
	letter-spacing: 1px;
	text-align: left;
}

#contact h1 {
	font-size: 40px;
    font-weight: 700;
	margin-top: 80px;
    margin-bottom: 70px;
    color: #004177;
 	display: block;
	text-align: center;
}

h2 {
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
}

#Product h2 {
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	line-height: 1.1;
	font-size: 40px;
	font-weight:700;
	color:#004177;
	text-align: left;
	/*margin: 40px auto;*/
    margin-bottom: 20px;
	/*letter-spacing: 1px;*/
	
}
@media (max-width: 700px) {
	#Product h2 {
		font-size: 26px;
	}
}

h3 {
	font-family: 'Source Sans Pro','Noto Sans SC', sans-serif;
	font-size: 18px;
	font-weight:600;
	color:#000000;
	text-align: left;
	margin-bottom: 20px;
}
#Product h3 {
	width: 50%;
}
@media (max-width: 700px) {
	h3 {
		font-size: 16px;
	}
	#Product h3 {
	    width: 100%;
    }        
}

h4 {
	font-family: 'Source Sans Pro', 'Noto Sans SC', 'Noto Sans SC', sans-serif;
	font-size: 18px;
	font-weight:600;
	color:#565656;
	padding-top:20px;
}
@media (max-width: 700px) {
	h4 {
		font-family: 'Source Sans Pro', 'Noto Sans SC', 'Noto Sans SC', sans-serif;
		font-size: 16px;
	}
}

.subHeader {
    margin: 55px auto 70px auto;
    text-align: center;
}		


#TermsModal h4 {
	font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
	color: #099EA5;
}



strong{
	font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
	color: #000000;
	/*letter-spacing: 1px;*/
}
.list_container strong {
	color: #4d4d4d;
}


.note{
	color: #808080;
	font-weight: 300;
	font-size: 14px;
}



p {
	font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
	color:#565656;
	margin-bottom:20px;
}

.feature-product-title {
	font-family: 'Poppins','Noto Sans SC', sans-serif;
	font-size: 2.8em;
    font-weight: 700;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.1;
}

#lip .feature-product-title {
	font-size: 3.5em;
	color: #fb6c6c;
}

#lip-ch .feature-product-title {
	font-size: 4.5em;
	color: #fb6c6c;
}

#icaregold .feature-product-title {
	font-size: 3.5em;
	color: #60558f;
}
#icaregold-ch .feature-product-title {
	font-size: 4.3em;
	color: #60558f;
}

#hygienegel .feature-product-title {
	font-size: 3.5em;
	color: #6794a9;
}
#hygienegel-ch .feature-product-title {
	font-size: 4.3em;
	color: #6794a9;
}
#eyemask .feature-product-title {
	font-size: 3.5em;
	color: #938b80;
}
#eyemask-ch .feature-product-title {
	font-size: 4.3em;
	color: #938b80;
}
#aquaboost .feature-product-title {
	font-size: 3.5em;
	color: #bfc6c9;
}
#aquaboost-ch .feature-product-title {
	font-size: 4.3em;
	color: #bfc6c9;
}
#blackbrew .feature-product-title {
    font-size: 3.5em;
    color: #33251a;
}
#blackbrew-ch .feature-product-title {
    font-size: 4.3em;
    color: #33251a;
}
#oneplusaday .feature-product-title {
    font-size: 3.5em;
    color: #00a37e;
}
#oneplusaday-ch .feature-product-title {
    font-size: 4.1em;
    color: #00a37e;
}
#juice .feature-product-title {
    font-size: 3.5em;
    color: #E9D000;
}
#juice-ch .feature-product-title {
    font-size: 4.3em;
    color: #E9D000;
}
#eucalyptus .feature-product-title {
    font-size: 3.5em;
    color: #5f5343d6;
}
#eucalyptus-ch .feature-product-title {
    font-size: 4.3em;
    color: #5f5343d6;
}
#brow .feature-product-title {
    font-size: 3.5em;
    color: #5e4b3c;
}
#brow-ch .feature-product-title {
    font-size: 4.3em;
    color: #5e4b3c;
}
#haircare .feature-product-title {
    font-size: 3.5em;
    color: #998e7c;
}
#haircare-ch .feature-product-title {
    font-size: 4.3em;
    color: #998e7c;
}

@media (max-width: 900px) {
	#lip .feature-product-title,
	#balancingoil .feature-product-title{
		font-size: 2.8em;
	}
}

#home-first-banner {
	background-size: 120%;
	background-position: center right;
}

#home-last-banner {
 	background-size: 130%;
	background-position: right;
}

@media (max-width: 1300px) {
	#home-first-banner {
		background-size: 135%;
	}
}

@media (max-width: 1145px) {
	#home-first-banner {
		background-size: 145%;
	}
}

@media (max-width: 630px) {
	#home-last-banner {
		background-size: 180%;
	}
}

@media (max-width: 550px) {
	#home-fourth-banner {
		background-size: 200%;
		background-position: bottom;
	}
}

@media (max-width: 472px) {
	#home-last-banner {
		background-size: 200%;
	}
}

@media (max-width: 440px) {
	#home-fourth-banner {
		background-size: 220%;
	}
}

@media (max-width: 407px) {
	#home-first-banner {
		background-size: 170%;
		background-position: top right;
	}
}

@media (max-width: 385px) {
	#home-fourth-banner {
		background-size: 240%;
	}
}

@media (max-width: 350px) {
	#home-first-banner {
		background-size: 240%;
	}
	#home-fourth-banner {
		background-size: 260%;
	}
}

@media (max-width: 307px) {
	#home-last-banner {
		background-size: 200%;
		background-position: top right;
	}
	#home-fourth-banner {
		background-size: 180%;
		background-position: top;
	}
}

@media (max-width: 260px) {
	#home-fourth-banner {
		background-size: 200%;
		background-position: top;
	}
}


.show-header-dropdown {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.show-wechat {
	display: none;
    position: absolute;
    z-index: 1100;
    /* width: 200px; */
    margin-top: 10px;
    /* top: 150%; */
    /* top: 45px; */
    right: -10px;
    padding: 15px;
    /* border-top: 3px solid #e6e6e6; */
    background-color: white;
    font-size: 13px;
    text-align: center;
    color: #000000;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.showwechat {
	display: block;
}

#breadSticky {
	z-index: 999;
}

#breadSticky .breadcrumbContainer{
	z-index: 999;
}
.breadcrumb {
	font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
    margin-bottom: 30px;
	/*padding-left: 3%;*/
	font-weight: 400;
	font-size: 14px;
    list-style: none;
	/*letter-spacing: 1px;*/
    background-color: #ffffff;
	padding-top: 80px;
    padding-bottom: 50px;
	height: 150px;
	z-index: 99;
	text-transform: uppercase;
   /* border-radius: 4px*/
}

#detailsbreadSticky .breadcrumb {
    margin-bottom: 30px;
	/*padding-left: 3%;*/
	font-weight: 400;
	font-size: 14px;
    list-style: none;
	/*letter-spacing: 1px;*/
   background-color: rgba(255, 255, 255, 0);
	padding-top: 80px;
    padding-bottom: 50px;
	height: 100px;
	z-index: 99;
	text-transform: uppercase;
   /* border-radius: 4px*/
}
.breadcrumb.contentContainer{
	margin-bottom: 0;
}
.breadcrumbContainer{
	    background-color: rgba(255, 255, 255, 0.80);
	width: 100%;
}

.breadcrumb>li {
    display: inline-block;
	margin-bottom: 10px;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.breadcrumb li a {
	text-decoration: underline;
    text-underline-position: under;
	color: #6f6f6f;
}

.breadcrumb li a:hover {
	text-decoration: none;
    text-decoration-line:none;
}

@media (max-width: 992px) {
	
	#breadSticky-sticky-wrapper{
		height: 80px;
	}
	.breadcrumb {
		margin-bottom: 30px;
		/*padding-left: 3%;*/
		font-weight: 400;
		font-size: 14px;
		list-style: none;
		/*letter-spacing: 1px;*/
		background-color: #ffffff;
		padding-top: 50px;
		padding-bottom: 50px;
		height: 120px;
		z-index: 99;
	   /* border-radius: 4px*/
	}
	#detailsbreadSticky .breadcrumb {
		margin-bottom: 30px;
		font-weight: 400;
		font-size: 14px;
		list-style: none;
		/*letter-spacing: 1px;*/
		/*background-color: #ffffff;*/
		padding-top: 40px;
		padding-bottom: 40px;
		height: 80px;
		line-height: 1.5;
		z-index: 99;
		text-transform: uppercase;
	}
}

.content2 p {
	letter-spacing: 1px;
}


.overflow {
      height: 200px;
}

.clearLeft{
	 clear: left;
}

.mainContent{
    padding: 20px 0;
	padding-bottom: 0px;
    position: relative;
}


.whiteBack{
	background: #FFFFFF;
	padding:20px;
}



.searchContainer ul {
	-webkit-padding-start: 0px;
	padding-start: 0px;
}
.searchContainer ul li {
	list-style: none;
	border-bottom: 1px solid #B7B7B7;
	padding-left:-20px;
	padding: 10px;
	margin: 0 auto;
    width: 80%;
	text-align: center;
}
.searchContainer ul li:last-child {
	border-bottom: none;
}
.searchContainer ul li:hover{
	cursor: pointer;
}


.searchContainer {
	display: block;
    height: 300px;
    background: #f7f7f7;
    overflow: auto;
}

.sitename {
	padding-top: 10px;
	font-weight: 600;
    letter-spacing: 1px;
}
/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 31px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }
    
    /*nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }*/
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 699px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 30px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title{
    color: #00A3C9;

}

nav.navbar ul.nav li.dropdown.on > a,
nav.navbar li.dropdown ul.dropdown-menu,
nav.navbar ul.nav > li > a:hover/*,
nav.navbar ul.nav li.active > a*/{
	color: #000000;
	background:url(../images/pointer.png) no-repeat;
	background-position: center bottom ;
	z-index:9999;
}

#navbar-menu ul.nav li.active {
	color: #000000;
	background:url(../images/pointer.png) no-repeat;
	background-position: center bottom ;
	z-index:9999;
}
.navfocus {
	color: #000000;
	background:url(../images/pointer.png) no-repeat;
	background-position: center bottom ;
	z-index:9999;
}

#memberType nav.navbar ul.nav > li > a:hover/*,
nav.navbar ul.nav li.active > a*/{
	color: #000000;
	background:none;
	background-position: center bottom ;
	z-index:9999;
}


nav.navbar ul.nav li.active > a{
	background:url(../images/pointer.png) no-repeat;
	background-position: center bottom ;
	z-index:9999;
}

@media (max-width:992px) {
	nav.navbar ul.nav li.active > a {
		/*background-position: center bottom -2px;*/
		background: none;
	}
	
	nav.navbar ul.nav li.dropdown.on > a,
	nav.navbar li.dropdown ul.dropdown-menu,
	nav.navbar ul.nav > li > a:hover {
		background: none;
	}
	
	#navbar-menu ul.nav li.active {
	color: #000000;
	background:none;
	background-position: center bottom ;
	z-index:9999;
}
	
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover{
	color: #000000;
	
	  
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #000000 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #00A3C9 !important;
		
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #00A3C9;
}

nav.navbar li.dropdown ul.dropdown-menu{
   /* border-top-color: #f43438 !important;*/
}


/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}

/*---------------------SELECT BOX---------------------*/
/*select{
    font-size: 15px;
    border: none;
    background: url(../images/dropdown.png) no-repeat right #f7f7f7 ;
	padding-right:20px;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:block;
}*/

/* turn it off completely */
/*select:active, select:hover {
  outline: none
}*/

.menuselectdiv {
 	position: relative;
 	/*margin: 22px 30px;*/
	/*margin: 22px 10px;*/
	margin-bottom: 0;
 	 /*top:-7px; */
 	/* background: blueviolet; */
 	/* max-width: 44px; */
 	display: inline-block;
 	float: right;
	z-index: 10;
}

	@media (min-width:993px) {
		.menuselectdiv {
			margin-bottom:0;	
		}
	}
	@media (max-width:992px) {
		
		.login .menuselectdiv {
			/*display: none;	*/
		}

	}

.sidemenuselectdiv {
 	position: relative;
 	/*margin: 22px 30px;*/
	/*margin: 22px 10px;*/
	margin-bottom: 0;
 	 /*top:-7px; */
 	/* background: blueviolet; */
 	/* max-width: 44px; */
 	display: inline-block;
 	float: left;
	z-index: 2;
}

ul li.menuLanguage{
	display:block;
}


 ul li.mobileLanguage{
	display: none;
}

@media (max-width: 992px) {
	ul li.menuLanguage{
		display:none;
	}
	ul li.mobileLanguage{
	display: block;
}

}

/*.menuselectdiv:after {
    content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #000000;
    right: 0px;
    top: 5px;
    padding: 2px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}*/


/*.menuselectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: 0px 0px;
  margin-top:3px;
  padding: 0px 5px;
  padding-right: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}*/

.login select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  /* width: 100%; */
  /* max-width: 320px; */
  /*height: 20px;*/
  margin: 0px 0px;
  margin-top:3px;
  padding: 0px 5px;
	padding-bottom: 10px;
  padding-right: 20px;
  font-family: 'Source Sans Pro','Noto Sans SC', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}


.langselectdiv{
	float: right;
	width:80px;
}

.submenuselectdiv {
 	position: relative;
 	/*margin: 0px 50px;*/
 	 top:-59px; 
 	/* background: blueviolet; */
 	/* max-width: 44px; */
 	display: inline-block;
 	float: right;
	border-bottom: 5px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
  	
    border-image: linear-gradient(to right, #2A95BB 0%, #6FDFD1 100%);
	-moz-border-image: -moz-linear-gradient(left, #2A95BB 0%, #6FDFD1 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #2A95BB 0%, #6FDFD1 100%);
    border-image-slice: 1;
	-webkit-border-image-slice: 1;
	z-index: 1;
}



/*.submenuselectdiv:after {
    color: #000000;
    right: 0px;
    top: 28px;
    padding: 2px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}
*/

/*.submenuselectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  display: block;
  margin: 0px 0px;
  margin-top:0px;
  padding: 20px 5px;
  padding-right: 20px;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  letter-spacing: 1px;
	text-align: center;
  text-align-last: center;
}*/

/*.selectdiv {
  position: relative;
}*/

/*.selectdiv:after {
    content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #000000;
    right: 0px;
    top: 5px;
    height: 30px;
    padding: 2px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}*/

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 25px;
  margin: 0px 0px;
  margin-top:-2px;
  padding: 0px 5px;
  padding-right: 20px;
  font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}

/*---------------------END SELECT BOX---------------------*/




/*----------------------Float Panel-------------------*/
.float-panel {
    width:100%;
    background:white;
   /* z-index:1;*/
	 z-index:2;
    padding-top:110px; 
	height:110px;
    transform: translateZ(0);
    transition:all 0.5s;
}
#memberType .float-panel {
	padding-top:12px; 
	height:80px;
}


#confirmType .float-panel {
	padding-top:25px; 
	height:80px;
}

@media screen and (max-width: 992px) {
	.float-panel {
    width:100%;
    background:white;
    z-index:1;
    padding-top:60px; 
		height:60px;
    transform: translateZ(0);
    transition:all 0.1s;
	}

}


.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

/*---------- Latest Product -------*/
.latestProductContainer{
	width: 100%;
	background-image: url(../images/home/SVG/home_back2.svg);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}

@media (max-width: 992px){
	.latestProductContainer{
		background-image: none;
	}
}

.latestProduct.contentContainer {
    /*max-width: 980px;*/
    margin-bottom: 100px;
	margin-top: 80px;
	position: relative;
}

@media (max-width: 992px){
	.latestProduct.contentContainer {
    /* max-width: 980px; */
    width: 100%;
    padding: 0 30px;
    margin-bottom: 100px;
	}
}

.latestProductLogo {
	margin: 20px 0;
	margin-top: 80px;
}
.latestProductLogo img {
	max-height: 230px;
	text-align: left;
}

.latestProduct1-grid,
.latestProduct2-grid{
    display: table;
	vertical-align: top;
	position: relative;
}

.latestProduct-header {
	font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
	position: absolute;
}

@media screen and (max-width: 700px) {
	.latestProduct-header {
		position: relative;	
		margin-bottom: 20px;
	}	
}

.latestProduct-cl1 {
    display: block;
    width: 40%;
    padding-right: 10%;
    vertical-align: top;
	float: left;
}

.latestProduct-cl2 {
    display: block;
    width: 60%;
	float: right;
}

.latestProduct__text {
    padding: 25px 45px;
}

.latestProduct img {
	/*width: 100%;*/
	padding-left: 4px;
    margin-bottom: 20px;
}

.latestProduct h2 {
	background: none;
    -webkit-text-fill-color: #004177;
	font-weight: 600;
	/*letter-spacing: 1px;*/
	font-size: 28px;
	text-align: left;
	top: 0;
	margin-block-start: 0;
    margin-block-end: 0;
}

h2.contactName {
	background: none;
   	color:#E3785E;
	font-weight: 600;
	/*letter-spacing: 1px;*/
	font-size: 20px;
	text-align: left;
	top: 0;
	margin-block-start: 0;
    margin-block-end: 20px;
}

.bwlmap {
    float: left;
    width: 100%;
    height: 100%;
}

#GivingContent h2 {
	
	color: #4D4D4D;
	font-weight: 600;
	/*letter-spacing: 1px;*/
	font-size: 16px;
	text-align: left;
	top: 0;
	margin-block-start: 0;
    margin-block-end: 20px;
}

.memberContent h2 {	
	color: #4D4D4D;
	font-weight: 600;
	/*letter-spacing: 1px;*/
	font-size: 16px;
	text-align: left;
	top: 0;
	margin-block-start: 0;
    margin-block-end: 20px;
}
.pageContainer {
	position: absolute;
    bottom: 0;
}
.latestProduct__page{
	    font-size: 28px;
    font-weight: 100;
    color: #565656;
	float: left;
}

.rightArrow {
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 30px;
	background-image: url("../images/home/right-arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 12px;
	cursor: pointer;
}

.leftArrow {
	display: block;
	float: left;
	margin-top: 12px;
	margin-right: 30px;
	background-image: url("../images/home/left-arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 12px;
	cursor: pointer;
}

@media screen and (max-width: 995px) {
	.latestProductLogo.latestProduct-cl1{
		width: 50%;
	}
	.latestProductDesp.latestProduct-cl1 {
		display: block;
		width: 100%;
		padding-top: 20px;
		vertical-align: top;
	}
	.latestProductPic.latestProduct-cl2 {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.latestProductLogo.latestProduct-cl1{
		width: 60%;
	}
	.latestProductPic.latestProduct-cl2 {
		width: 100%;
	}
	.latestProductLogo {
		margin: 20px 0;
		margin-top: 20px;
	}
	.latestProductDesp.latestProduct-cl1 {
	    padding-top: 0px;
	}
	.pageContainer {
		bottom: -30px;
	}
}

/*-----------Business Opportunities-----------------*/

.back-item5 {
    height: 70px;
    background-image: url(../images/home/SVG/back-item5.svg);
    background-repeat: no-repeat;
    width: 75px;
    float: right;
    margin-right: 50px;
    position: relative;
    top: -104px;
}
.product-back-item1 {
    height: 150px;
    background-image: url(../images/product/SVG/product-back-item1.svg);
    background-repeat: no-repeat;
    width: 150px;
    left: 0;
    position: absolute;
    top: 104px;
}
.product-back-item2 {
    height: 80px;
    background-image: url(../images/product/SVG/product-back-item2.svg);
    background-repeat: no-repeat;
    width: 80px;
    position: absolute;
    bottom: -30px;
    left: 60%;
}
.product-back-item3 {
    height: 80px;
    background-image: url(../images/product/SVG/product-back-item3.svg);
    background-repeat: no-repeat;
    width: 70px;
    right: 0;
    position: absolute;
    top: 100px;
    text-align: right; 
}
@media (max-width: 992px){
	.back-item5,
	.product-back-item1,
	.product-back-item2,
	.product-back-item3 {
		background-image: none;
	}
}

.businessOpp.contentContainer {
	position: relative;
    max-width: 100%;
	width: 100%;
	margin-bottom: -40px;
    /*margin-bottom: 100px;*/
}
.businessOpp h1 {
    text-align: left;
    font-weight: bold;
    font-size: 35px;
    margin: 30px auto;
    line-height: 1.1;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.businessOpp-grid {
	display: table;
	width: 100%;
}
.businessOpp-cl {
    display: table-cell;
    width: 50%;
}
    @media screen and (max-width: 700px) {
        .businessOpp-cl {
            display:block;
            width: 100%;
        }
    }

.businessOpp__text {
    /*background-color: #f5f5f5;*/
    padding: 25px 10%;
}

.businessOpp__content {
	display: block;
	width: 80%;
	max-width: 400px;
	/*letter-spacing: 1px;*/
	margin-bottom: 30px;
}

.businessOpp-cl-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 0 20px 20px 0;
}
    @media screen and (max-width: 700px) {
        .businessOpp-cl-img {
            min-height: 240px;
        }
		.businessOpp__text {
			padding: 25px 5%;
		}
		.businessOpp__content {
			width: 100%;
			max-width: 100%;
		}
    }

/*------- Life Harmony ---------------*/
.harmony {
	margin: 0 auto;
	width: 500px
}

.harmony2 {
	margin: 0 auto;
	max-width: 500px;
	padding-right: 5%;
	float: right;
    width: 70%;
	background-color: #ffffff;
	/*display: inline-block;
	position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;*/
top: 50px;
	   
}
.harmony img {
	width: 100%;
}

.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}
.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}

/*-----------Story-----------------*/

#Story.contentContainer {
    max-width: 100%;
	width: 100%;
	height: 800px;
    margin-bottom: 100px;
}
#storySticky {

    height: 800px;
    z-index: 2;
}

/*-----------Products-----------------*/

.productOverview.contentContainer {
	position: relative;
   	/*max-width: 650px;*/
	max-width: 1200px;
    /*margin-bottom: 100px;
	margin-top: 30px;*/
	padding: 0 30px;
	padding-top: 120px;
	z-index: 99;
}
.productBanner.contentContainer {
    max-width: 100%;
	width: 100%;
    margin-bottom: 10px;
}
.productBanner h1 {
	text-align: center;
}

.productBanner-grid {
    display: table;
	width: 100%;
}
.productBanner-cl {
    display: table-cell;
    width: 50%;
}
    @media screen and (max-width: 700px) {
        .productBanner-cl {
            display:block;
            width: 100%;
        }
    }

.productBanner__text {
    background-color: #f5f5f5;
    padding: 25px 10%;
	text-align: center;
}

.productBanner__content {
	display: block;
	width: 80%;
	max-width: 400px;
	text-align: center;
	margin: 0 auto;
	/*letter-spacing: 1px;*/
	margin-bottom: 30px;
}

.productBanner-cl-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    @media screen and (max-width: 700px) {
        .productBanner-cl-img {
            min-height: 240px;
        }
    }

.Brand.contentContainer{
  	max-width: 1200px;
	width: 100%;
	position: relative;
	padding-bottom: 50px;
    margin-bottom: 0;
    /*margin-bottom: 100px;*/
}

.Contact.contentContainer{
  	max-width: 1200px;
	width: 100%;
	position: relative;
	padding-bottom: 50px;
    margin-bottom: 100px;
    /*margin-bottom: 100px;*/
}

.Contact.contentContainer{ 
	margin-top: 100px;
	margin-bottom: 0;
}

.Brand.contentContainer:before/*,
.Contact.contentContainer:before*/ {
    content: '';
    position: absolute;
    left: 50%;
    border-radius: 0 30px 0 0;
    margin-left: -1px;
    width: 30px;
    height: 100%;
    border: 2px solid #E3785E;
    border-left: none;
    border-bottom: none;
    z-index: 1;
}

.brandTitle-left,
#Brand-Lifestyle .brandTitle-left{
	border-top: 2px solid #E3785E;
	position: relative;
	margin-right: -29px;
	/*left: 10%;
    width: 40%;*/
}

#Brand-Outer .brandTitle-left{
	margin-right: 0;
	/*left: 10%;
    width: 40%;*/
}
.brandTitle-right {
	border-top: 2px solid #E3785E;
	position: relative;
	margin-left: 29px;
	/*left: 10%;
    width: 40%;*/
}
.brandTitle{
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	color:#004177;
	background: #ffffff;
	padding: 10px 30px;
    font-size: 30px;
    font-weight: 600;
	top: -30px;
    width: auto;
	position: absolute;
}

#Brand-Inner {
	margin-top: 180px;
}
#Brand-Inner .brandTitle{
    width: 100%;
    left: 100px;
}

#Brand-Lifestyle {
	margin-top: 180px;
}


.Brand-grid {
    display: block;
}
.Brand-cl {
    display: block;
    width: 50%;
	vertical-align: top;
	float: left;
}
.Brand-cl2 {
    display: block;
    width: 50%;
	vertical-align: top;
	float: right;
}

.Brand-secret,
.Brand-miraglo,
.Brand-pentalab,
.Brand-avance,
.Brand-optrimax,
.Brand-foodphilo,
.Brand-uberair {
	display: block;
    position: relative;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
}
@media screen and (max-width: 500px){
	.Brand-secret,
	.Brand-miraglo,
	.Brand-pentalab,
	.Brand-avance,
	.Brand-optrimax,
	.Brand-foodphilo,
	.Brand-uberair {
		padding: 0;
	}
}

.Brand-optrimax {
    margin-top: 100px;
    margin-bottom: 20px;
}

.Brand-avance {
    margin-top: 40px;
    margin-bottom: 20px;
}

.Brand-foodphilo {
    margin-top: 100px;
    margin-bottom: 20px;
}
.Brand-uberair {
    margin-top: 100px;
    margin-bottom: 20px;
}

.Contact-form{
    display: block;
    position: relative;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    margin-top: 50px;
}

.Contact-form iframe {
    width: 100%;
    min-height: 580px;
}

@media screen and (max-width: 700px){
    .Contact-form iframe {
        width: 100%;
        min-height: 820px;
    }
}

/*.Contact-orchard,
.Contact-bugis,
.Contact-chaichee {
	display: block;
    position: relative;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
}*/
.Contact-orchard {
	display: block;
    position: relative;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
}

.Brand_logo{
	width: 200px;
	margin-bottom: 20px;
}
.Brand__text {
    padding: 25px 10%;
	padding-top: 0;
	width: 50%;
	position: relative;
}

.Contact__text {
    padding: 25px 10%;
	padding-top: 0;
	width: 50%;
	position: relative;
}
	.Brand-secret .Brand__text{
		float: left;
		padding: 0;
		top: 0;
	}
	.Brand-uberair .Brand__text{
		float: left;
		padding: 0;
		top: 0;
	}

	.Brand-miraglo .Brand__text{
		float: right;
		padding: 0;
		top: 90px;
		left: 15%;
	}

	.Brand-pentalab .Brand__text{
		float: left;
		padding: 0;
		top: 130px;
	}
	
	.Brand-avance .Brand__text{
		float: right;
		padding: 0;
		top: 70px;
		left: 15%;
	}
	.Brand-optrimax .Brand__text{
		float: left;
		padding: 0;
		top: 80px;
	}
	.Brand-foodphilo .Brand__text{
		float: right;
		padding: 0;
		top: 100px;
		left: 15%;
	}
	
	.Contact-orchard .Contact__text{
		float: left;
		padding: 0;
		top: 10px;
	}
	.Contact-bugis .Contact__text{
		float: right;
		padding: 0;
		top: 10px;
		left: 15%;
	}
	.Contact-chaichee .Contact__text{
		float: left;
		padding: 0;
		top: 10px;
	}


.Brand__content {
	display: inline-block;
    font-size: 16px;
    width: 90%;
    max-width: 310px;
    margin-bottom: 30px;
}

.Contact__content {
	display: inline-block;
    font-size: 16px;
    width:100%;
    max-width: 350px;
    margin-bottom: 30px;
}

.Contact__content p{
	margin-bottom: 5px;
}

.Brand__pic_container,
.Contact__pic_container{
	width: 50%;
    float: right;
    display: inline-block;
    position: relative;
}

.Brand__pic{
	width: 100%;
    display: inline-block;
    position: relative;
    height: 420px;
	vertical-align: top;
    overflow: hidden;
}
	.Brand-secret .Brand__pic{
		left: -20%;
	}
	.Brand-miraglo .Brand__pic{
		right: 0;
		top: 20px;
	}
	.Brand-avance .Brand__pic{
		right: 0;
		top: 20px;
	}
	.Brand-pentalab .Brand__pic{
		left: -20%;
		top: 30px;
	}
	.Brand-optrimax .Brand__pic{
		left: -20%;
	}
	.Brand-foodphilo .Brand__pic{
		right: 0;
		top: 20px;
	}
	.Brand-uberair .Brand__pic{
		left: -20%;
	}

.healthy.contentContainer {
	position: relative;
	display: block;
    max-width: 100%;
	width: 100%;
	margin-bottom: -40px;
    /*margin-bottom: 100px;*/
}
.healthy h1 {
    text-align: left;
    font-weight: bold;
    font-size: 35px;
    margin: 30px auto;
    line-height: 1.1;
    margin-bottom: 20px;
    letter-spacing: 1px;
}


/*.healthy-cl {
    display: table-cell;
    width: 50%;
}*/
.healthy-cl1 {
    /*display: table-cell;*/
	position: relative;
    width: 60%;
	height: 500px;
	float: left;
}
.healthy-cl2 {
    /*display: table-cell;*/
	position: relative;
    width: 40%;
	float: left;
}
    @media screen and (max-width: 700px) {
        .healthy-cl1, 
		.healthy-cl2{
            display:block;
            width: 100%;
        }
		#Product h1 {
			margin-top: 0;
		}

    }

.healthy__text {
    /*background-color: #f5f5f5;*/
    padding: 25px 10%;
}

.healthy__content {
	display: block;
	width: 80%;
	max-width: 400px;
	/*letter-spacing: 1px;*/
	margin-bottom: 30px;
}

.healthy-cl1-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 0 20px 20px 0;
}
    @media screen and (max-width: 700px) {
        .healthy-cl1-img {
            max-height: 240px;
        }
		.healthy__text {
			padding: 25px 5%;
		}
		.healthy__content {
			width: 100%;
			max-width: 100%;
		}
    }

/*************Contact******************/

.Contact__pic{
	width: 100%;
    display: inline-block;
    position: relative;
    height: 450px;
	vertical-align: top;
    overflow: hidden;
}	
	.Contact-orchard .Contact__pic{
		left: -10%;
		top: 0px;
	}
	.Contact-bugis .Contact__pic{
		right: 0;
		top: 20px;
	}
	.Contact-chaichee .Contact__pic{
		left: -20%;
	}


.contactBanner {
	display: none;
}
.contactBanner img {
	width: 100%;
	height: auto;
}
@media (max-width:992px) {
	.Contact__text{
		width: 100%;
	}
	.contactBanner {
		width: 100%;
		height: 300px;
		display: block;
		background-size: cover;
		background-position-y: 35%;
	}
	.Contact__pic_container {
		/*display: none;*/
        width: 100%;
        float: none;
	}
    
    .Contact-orchard .Contact__pic{
		left: 0%;
	}
    
    .bwlmap {
        float: none;
    }
}
@media (max-width:699px) {
	.contactBanner {
		width: 100%;
		height: 150px;
		display: block;
		background-size: cover;
		background-position-y: 20%;
	}
}

.Brand__pic span,
.Contact__pic span {
	position: absolute;
    width: 100%;
    height: 100%;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 99;
	border-radius: 20px;
	/*opacity: 0;*/
    /*animation: brandimageAnimation 30s linear;*/
}

.Brand-secret .Brand__pic span {
    background-position: bottom;
}


/*@keyframes brandimageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    17% { opacity: 1;   }
    25% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 1 }
}*/

.Brand__pic_back{
	background: #f4f4f4;
	position: absolute;
    display: block;
	height: 130%;
	border-radius: 20px;
}
.Contact__pic_back {
    background: #f4f4f4;
    position: absolute;
    display: block;
    height: 100%;
	border-radius: 20px;
}

	.Brand-secret .Brand__pic_back{
		top: -10%;
		right: 0;
		width: 70%;
		float: left;
	}
	.Brand-uberair .Brand__pic_back{
		top: -10%;
		right: 0;
		width: 70%;
		float: left;
	}


	.Brand-miraglo .Brand__pic_back{
		top: -10%;
		left: -10%;
		width: 80%;
		float: left;
	}

	.Brand-pentalab .Brand__pic_back{
		top: -10%;
		right: 0;
		width: 70%;
		float: left;
	}

	.Brand-avance .Brand__pic_back{
		top: -10%;
		left: -10%;
		width: 80%;
		float: left;
	}
	.Brand-optrimax .Brand__pic_back{
		top: -10%;
		right: 0;
		width: 50%;
		float: left;
	}

	.Brand-foodphilo .Brand__pic_back{
		top: -10%;
		left: -10%;
		width: 80%;
		float: left;
	}

	.Contact-orchard .Contact__pic_back{
		top: 80px;
		right: 0;
		width: 70%;
		float: left;
	}
	.Contact-bugis .Contact__pic_back{
		top: -10%;
		left: -10%;
		width: 80%;
		float: left;
	}
	.Contact-chaichee .Contact__pic_back{
		top: -10%;
		right: 0;
		width: 50%;
		float: left;
	}
	

.Brand-info {
	margin-top: 50px;
	margin-bottom: 20px;
}

.Brand__content strong,
.Contact__content strong {
	line-height: 1;
}

@media screen and (max-width: 900px) {
	.Brand-cl,
	.Brand-cl2 {
		/*width: 50%;*/
		width: 80%;
		vertical-align: top;
		float: left;
	}
	.Brand.contentContainer:before,
	.Contact.contentContainer:before {
	   content: '';
		left: 80%;
	}
	
	#Brand-Inner .brandTitle {
		width: auto;
		left: 0;
	}

	#Brand-Inner {
 	   margin-top: 100px;
	}
	
	#Brand-Lifestyle {
 	   margin-top: 100px;
	}
	
	.Brand-miraglo,
	.Brand-pentalab,
	.Brand-optrimax,
	.Brand-foodphilo {
		margin-top: 0;
	}
	.harmony2 {
		float: right;
		width: 90%;
	}
	.Brand__content {
		font-size: 16px;
		width: 100%;
		max-width: 100%;
	}
	.Brand__text {
		width: 55%;
	}
	.Brand__pic_container {
		width: 30%;
    	float: right;
	}
	.Brand__pic {
		width: 200px;
		height: 200px;
	}
	.Brand-miraglo .Brand__text {
		float: left;
		top: 0;
    	left: 0;
	}

	.Brand-pentalab .Brand__text {
		float: left;
		top: 0;
	}
	.Brand-avance .Brand__text {
		float: left;
		top: 0px;
		left: 0;
	}
	.Brand-uberair .Brand__text {
		float: left;
		top: 0px;
		left: 0;
	}
	.Brand-uberair {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.Brand-optrimax .Brand__text {
		float: left;
		top: 0px;
	}
	.Brand-foodphilo .Brand__text {
		float: left;
		top: 0px;
		left: 0;
	}

	.Contact__content {
		font-size: 16px;
		width: 100%;
		max-width: 100%;
	}
	
	.Contact-orchard,
	.Contact-bugis,
	.Contact-chaichee {
		/*margin-top: 0;*/
	}
	.Contact-orchard .Contact__text {
		float: left;
		top: 0;
	}
	.Contact-bugis .Contact__text {
		float: left;
		top: 0px;
		left: 0;
	}
	.Contact-chaichee .Contact__text {
		float: left;
		top: 0px;
	}
	
	/*.Contact__pic {
		width: 200px;
		height: 200px;
	}
	.Contact-orchard .Contact__pic {
		left: 20%;
	}*/
}

@media screen and (max-width: 500px) {
	.Brand.contentContainer,
	.Contact.contentContainer {
    	max-width: 1000px;
		/*width: 90%;*/
        padding: 0 30px;
		margin-bottom: 0;
	}
	.Brand.contentContainer:before,
	.Contact.contentContainer:before {
   		background: none;
        border: none;
	}
	.Brand-cl, .Brand-cl2 {
		width: 100%;
		float: none;
	}
	.brandTitle {
		padding-left: 0;
		padding-right: 15px;
		font-size: 25px;
	}
	.Brand__pic_container,
	.Contact__pic_container {
    	width: 100%;
		float: none;
		margin-bottom: 80px;
		/*display: inline-block;
		position: relative;*/
	}
	.Brand__pic,
	.Contact__pic {
		width: 100%;
		height: 280px;
	}
	.Brand-secret .Brand__pic {
		left: 0;
	}
	
	.Brand__text,
	.Contact__text {
   		width: 100%;
	}
	/*.Brand_logo {
		margin-top: 50px;
	}*/
	.Brand-secret .Brand__pic_back {
		right: -15%;
	}
    .brandTitle-right {
		margin-left: 0;
	}
}

@media screen and (max-width: 700px) {
	/*.Brand-cl {
		display:block;
		width: 100%;
	}*/
	.harmony2 {
		float: none;
		width: 95%;
		padding-top: 10px;
		padding: 5%;
		padding-bottom: 50px;
		top: 0;
	}
	/*.Brand-cl2 {
		width: 100%;
		float: none;
	}*/
	.Brand__content, 
	.Contact__content {
		font-size: 16px;
		width: 100%;
		max-width: 100%;
	}
	#Product .whiteBack {
		background: #FFFFFF;
		padding: 0px;
	}
	#mobileSticky {
		padding-top: 20px;
		/*margin-top: 20px;*/
		background: #ffffff;
		width:100%;
	}
}

/*-----------End Products-----------------*/




.content2-grid {
    display: table;
}
.content2-cl {
    display: table-cell;
    width: 50%;
}
    @media screen and (max-width: 700px) {
        .content2-cl {
            display:block;
            width: 100%;
        }
    }

.content2__text {
    background-color: #f5f5f5;
    padding: 25px 45px;
}

#ENPCharacter .content2__text {
	/*width: 90%;*/
	max-width: 1200px;
    padding: 25px 45px;
	margin: 0 auto;
}

@media screen and (max-width: 992px) {
	#ENPCharacter .content2__text {
    padding: 25px 20px;
	}
}

#ENPCharacter h2 {
	background: none;
    -webkit-text-fill-color: #333;
	font-weight: 600;
	text-align: center;
}

#ENPCharacter .col-1-4 {
	margin-bottom: 20px;
	padding-right: 30px;
}
#ENPCharacter .col-1-4:last-of-type {
	padding-right: 0px;
}

#ENPCharacter .col-1-4 p {
	color: #565656;
}

@media screen and (max-width: 700px) {
	#ENPCharacter .flex-container .col-1-4 {
		width:50%;
	}
}

.content2-cl-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    @media screen and (max-width: 700px) {
        .content2-cl-img {
            min-height: 240px;
        }
    }

#innerHarmony .content3-grid.flex-container,
#outerHarmony .content3-grid.flex-container,
#lifestyleHarmony .content3-grid.flex-container {
   	display: flex;
   	justify-content: center;  
	flex-wrap: wrap;
}

.content3 {
	text-align: center;
    margin-bottom: 20px;
}

    .content3-cl {
        float: left;
        width: 31.3%;
        margin-right: 3%;
    }

	#innerHarmony .content3-cl,
	#outerHarmony .content3-cl,
	#lifestyleHarmony .content3-cl {
		flex: 1;
		max-width: 31.3%;
		
	}
    .content3-cl:last-child {
        margin-right:0;
    }

    @media screen and (max-width: 700px) {
        .content3-cl {
            float: none;
            width: 100%;
        }
    }

    .content3__img {
        background-color: #f5f5f5;
        text-align: center;
        /*padding:25px 35px;*/
		min-height:250px;
    }

	#innerHarmony .content3__img,
	#outerHarmony .content3__img,
	#lifestyleHarmony .content3__img {
        background-color: #fff;
        text-align: center;
        /*padding:25px 35px;*/
		min-height:100px;
    }


    .content3__img  {
       	background-size: cover;
   		background-position: center;
    	background-repeat: no-repeat;
    }
    .content3__link {
        text-align: center;
    }

.content4-grid {
    display: table;
}
.content4-cl {
    display: table-cell;
    width: 50%;
	background-color: #f5f5f5;
}
    @media screen and (max-width: 700px) {
        .content4-cl {
            display:block;
            width: 100%;
        }
    }

.content4__text {
    background-color: #f5f5f5;
    padding: 25px 45px;
}
.content4-cl-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    @media screen and (max-width: 700px) {
        .content4-cl-img {
            min-height: 240px;
        }
    }



.eventsItem {
	display: inline-flex;
	width: 100%;
	border-top: 1px solid #a3a3a3;
	padding-top: 20px;
	padding-bottom: 20px;
}

.eventsItem:first-of-type {
	display: inline-flex;
	width: 100%;
	border-top: none;
	padding-top: 0px;
	padding-bottom: 20px;
}

.eventDate {
	display: inline-block;
	width: 100%;
	font-size: 40px;
	font-weight: 800;
	color: #7b7b7b;
	text-align: center;
}

.eventMonth {
	display: inline-block;
	width: 100%;
	font-size: 30px;
	font-weight: 300;
	color:#7b7b7b;
	text-align: center;
}

#navbar-menu {
    position: relative;
}

.topnav {
    position: absolute;
    right: 10%;
    top: 70px;
}
	.sticked .topnav {
		/*display: none;*/
	}
	
.wrap-sticky nav.navbar.bootsnav.sticked .topnav{
	top:30px;
}
    .topnav a {
        color: gray;
        font-weight: bold;
        
        border-left: 1px solid #a7a7a7;
        padding: 0 20px;
    }

    .topnav a:first-child {
        border-left: none;
    }
    @media screen and (max-width: 992px) {
        .topnav {
            position: static;
            padding: 20px;
            text-align: center;
        }
    }
/*--------------------------end-----------------------*/



/*----------SVG----------------------*/
      .a {
        fill: url(#a);
      }

      .b {
        fill: #fff;
      }

      .c, .g, .i {
        fill: rgba(0, 0, 0, 0);
        stroke-miterlimit: 10;
        stroke-width: 3.29px;
      }

      .c {
        stroke: url(#b);
      }

	  .active-circle {
        stroke: url(#b);
      }

      .d {
        opacity: 0.75;
      }

      .e, .h {
        font-size: 35.18px;
        font-family: SourceSansPro-Bold, Source Sans Pro;
        font-weight: 700;
      }

      .e {
        letter-spacing: 0.15em;
      }

      .f, .h {
        letter-spacing: 0.15em;
      }

      .g {
        stroke: url(#c);
      }

      .i {
        stroke: url(#d);
      }

      .j {
        letter-spacing: 0.13em;
      }

      .k {
        letter-spacing: 0.13em;
      }
		
.inner-circle:hover {
	cursor: pointer;
  	/*transition:background 0.5s, transform 0.5s ease-out, fill 0.5s;*/
}
.inner-circle a:hover > .outer-circle a circle {
    fill: rgba(0, 0, 0, 0.05);
	 
      /*transition:background 0.5s, transform 0.5s ease-out, fill 0.5s;*/
}

.outer-circle a:hover circle {
	cursor: pointer;
    fill: rgba(0, 0, 0, 0.05);

}
.lifestyle-circle a:hover circle {
	cursor: pointer;
    fill:  rgba(0, 0, 0, 0.05);
}

.active-circle {
	stroke: url(#b);
	fill: rgba(0, 0, 0, 0);
	stroke-miterlimit: 10;
	stroke-width: 3.29px;
  }

.inactive-circle{
	fill: rgba(0, 0, 0, 0.05);
	stroke: none;
}

circle {
	cursor: pointer;
    fill: rgba(0, 0, 0, 0.05);
	stroke: 1;
}


/* filament group's fixedsticky CSS */
.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
  /* Addition: this is one of those moments where forcing a composited layer has big benefits. Like reducing full screen paints down to small rectangles.  */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: position;
}
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: inherit;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}
.fixedsticky-dummy {
	display: none;
}
.fixedsticky-on + .fixedsticky-dummy,
.fixedsticky-opposite + .fixedsticky-dummy {
	display: block;
  	visibility: hidden;
}



/*-----------Product Detail----------------------*/
.productDetailBanner {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-position: left;
   /* min-height: 300px;*/
	/*max-height: 580px;*/
    /*overflow: hidden;*/
}

#member .productDetailBanner {
    height: 200px;
    background: #f8f6f4;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 699px){
    #member .productDetailBanner {
        height: 150px;
        min-height: auto;
    }
}

#Avance-banner.productDetailBanner {
	background-position: center;
}

#Foodphilo-banner.productDetailBanner {
	background-position: center;
}

#UberAir.productDetailBanner {
	background-position: center;
}
#Pentalab-banner.productDetailBanner {
	background-position: right;
}
/*.Avance-productDetailBanner {
	width: 100%;
    min-height: 300px;
	max-height: 580px;
    overflow: hidden;
}*/
.productDetailBanner img {
	width: 100%;
	height: auto;
}

.headertitle {
    width: 100%;
    /* float: left; */
    /* left: 30%; */
    vertical-align: middle;
    height: 100%;
    /* margin: 0 auto; */
    /* display: block; */
    text-align: center;
    position: relative;
    padding-top: 50px;
    /*text-shadow: 2px 2px 5px #9e9e9e;*/
}
@media (max-width: 700px) {
    .headertitle {
        text-align: left;
        padding-left: 30px;
    }
    #member .headertitle h1 {
       /* display: none;*/
        margin-top: 10px;
    }
}

/*---------- Product -------*/
.ProductCat.contentContainer {
    max-width: 1200px;
    margin-bottom: 100px;
	position: relative;
}

.ProductCat-cl2 {
   	display: block;
    width: 75%;
	float: right;
	position: relative;
	/*top: -50px;*/
}


.ProductCat-cl2 .flex-container {
   	display: flex;
	flex-wrap: wrap;
  	justify-content: flex-start;
    width: 100%;
	/*margin-top: 30px;*/
	float: right;
	
}

@media (max-width: 992px){
	.ProductCat-cl2 {
   		width: 60%;
		/*top: -30px;*/
	}
}
@media (max-width: 699px){
	.ProductCat-cl2 {
   		width: 100%;
		top: -100px;
	}
}
/*------side menu-----*/
.sideNav {
	position: absolute;
	min-width: 180px;
	max-width: 200px;
	width: 20%;
	display: block;
	top: -300px;
	z-index: 18;
}
#member .sideNav {
    top: -50px;
}

.sideNav .Brand_logo {
	min-width: 180px;
	width: 100%;
}


.sideNav a {
	color: #565656;
}

/*@media (max-width: 992px) {
	.sideNav {
		top: -500px;
	}
}*/
.navTitle {
	/*border-top: 3px solid #333;*/
	line-height: 2;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 50px;
	font-size: 14px;
	font-weight: 600;
	color: #565656;
	
}
.sideNav .navTitle {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	border-top: 3px solid #565656;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 30px;
    color: #004177;
}

#desktopSide {
	display: block;
}

#mobileSideNav {
		display: none;
	}
.hideDesktop {
	display: block;
}

#uberair .sideNav .Brand_logo img {
		height: 80px;
	}

@media screen and (max-width: 992px){
	.productDetailBanner {
		height: 300px;
		min-height: auto;
	}
}

@media screen and (max-width: 699px){
	#navSticky-sticky-wrapper,
	#breadSticky-sticky-wrapper{
		display: none;
	}
	.productDetailBanner {
		height: 150px;
		min-height: auto;
	}
	.Brand_logo {
		width: 180px;
		margin-bottom: 20px;
	}
	#mobileSideNav .Brand_logo {
	    width: 150px;
	    margin-bottom: 50px;
		height: 50px;
	}
	#mobileSideNav .Brand_logo img {
		height: 50px;
	}
	#avance #mobileSideNav .Brand_logo img {
		height: 40px;
	}
	#optrimax #mobileSideNav .Brand_logo img {
		height: 40px;
	}
	#foodphilo #mobileSideNav .Brand_logo img {
		height: 40px;
	}
	#pentalab #mobileSideNav .Brand_logo img {
		height: 25px;
    	margin-top: 10px;
	}
	.breadcrumb{
		padding-top: 0px;
   		padding-bottom: 0px;
    	height: 20px;
	}
	.navTitle {
		margin-top:0px;
	}
	#breadSticky.hideDesktop{
		display: none;
	}
	#desktopTitle,
	.desktopTitle,
	#desktopSide,
	.hideDesktop{
		display: none;
	}
	#mobileSideNav {
		display: block;
	}
	.sidemenuselectdiv{
		margin-bottom: 20px;
	}
	.ProductCat-cl2 .flex-container {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		width: 100%;
		/*margin-top: 30px;*/
		float: right;
	}
	/*.fade {
    opacity: 1;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear;
}*/
	
}
/*.list-icon ul li{
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 2;
	color: #333;
	
}*/

/*.sideNav ul{
	list-style-image: url('../images/product/square-icon.svg');
}*/

.list-icon {
    list-style: none;
    padding-left: 0;
}

.list-icon li {
    position: relative;
    /*padding-left: 25px;*/
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 15px;
	color: #000000;
	/*text-transform: uppercase;*/
}
/*.list-icon li:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background-image: url('../images/product/square-icon.svg');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 3px;
}*/

ul.subButton {
	padding-left: 30px;
	padding: 20px;
	padding-bottom: 5px;
}

.subButton li {
	list-style: circle;
	position: relative;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
	color: #a1a1a1;
}

.ProductList-cl3 {
	float: left;
	width: 30%;
	margin-right: 3.3%;
	margin-bottom: 50px;
}

.ProductList-cl3 a:hover h4 {
	color:#004177;
}

@media (max-width:992px) {
	.ProductList-cl3 {
		float: left;
		width: 45%;
		margin-right: 5%;
		margin-bottom: 50px;
	}
}

@media (max-width:699px) {
	.ProductList-cl3 {
		width: 46%;
    	/*margin-right: 2%;*/
		margin-right: 0;
		margin-bottom: 50px;
	}
}


.ProductListImage {
	display: block;
	/*min-height: 200px;*/
	background: #f9f9f9;
    position: relative;
	border-radius: 20px;
}

.ProductListImage img {
	width: 100%;
	border-radius: 20px;
}
.ProductListDesp {
	display: block;
	font-size: 16px;
	color: #000000;
}

.ProductListDesp p {
	margin-block-start: 0;
}

.ProductListDesp h4 {
	/*padding-top: 0;*/
    margin-block-end: 1em;
}

.ProductList-cl3.mix-target {
	display: none;
}

.sideNav a.active{
  color: #004177;
}

/*------------------------- Product Detail -----------------------------*/

.productDetail-grid{
    display: table;
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 90%;
    max-width: 1200px;
    margin: 0px auto;
   /* margin-bottom: 50px;*/
}

.productMoreInfo {
	padding-bottom: 50px;
}

.productDetail.contentContainer {
	max-width: 1200px;
	margin-top: 30px;
    margin-bottom: 50px;
	position: relative;
}
.productDetail img
{
	width: 100%;
    border-radius: 20px;
}

.productDetail-cl1 {
    display: block;
    width: 55%;
	float: left;
    position: relative;
}

.productDetail-cl2 {
    display: block;
    width: 45%;
    padding-left: 7%;
    vertical-align: top;
	float: left;
}


.productDetail-cl2 h2 {
    background: none;
    -webkit-text-fill-color: #565656;
	color: #565656;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 20px;
    text-align: left;
    top: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
h2.productName{
    padding-top: 0;
    margin-block-end: 1em;
	font-size: 20px;
	letter-spacing: 0;
}

h1.productName{
    font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
	 background: none;
	color: #565656;
    /*font-weight: 600;*/
    font-weight: 300;
    /*font-size: 20px;*/
    font-size: 35px;
    text-align: left;
    top: 0;
    margin-block-start: 0;
    padding-top: 0;
    /*margin-block-end: 1em;*/
    margin-block-end: 1.5em;
	letter-spacing: 0;
}
h1.productName a {
    font-family: 'Source Sans Pro', 'Noto Sans SC', sans-serif;
    font-weight: 300;
    color: #004177;
}
h1.productName a:hover {
    border-bottom: 1px solid #004177;
}


.tagline {
	font-size: 30px;
	font-weight:700;
	margin-bottom: 20px;
	color:#565656;
}

.productDesp {
	font-size: 25px;
	font-weight: 300;
	color: #565656;
	margin-bottom: 50px;
}

.videoDesp {
	font-size: 18px;
    font-weight: 400;
    color: #565656;
	margin-top: 20px;
	/*margin-bottom: 50px;*/
}


.moreInfo{
	width: 100%;
	position: relative;
	display: block;
	margin-top: 50px;
}
.capacity {
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	float:left;
}
.madeIn {
	width: auto;
	display: inline-block;
	font-weight: 300;
	float: right;
}
.productContent h3 {
	text-align: left;
    font-weight: 500;
    color: #565656;
	font-size: 20px;
}
.productContent h4 {
    font-weight: 500
}
.productContent small {
	line-height: 1;
}

.productInfo a {
	color: #D6785E;
}

.productInfo a:hover {
   /* color: #004177;
    text-decoration: underline; */
}

.productMore.contentContainer {
    max-width: 100%;
	width: 100%;
	padding-top: 50px;
    margin-bottom: 200px;
	background: #f5f5f5;
}
.productMore {
    max-width: 100%;
	width: 100%;
	padding-top: 50px;
    /*margin-bottom: 200px;*/
	margin-bottom: 10px;
	background: #f5f5f5;
}
.productMore2 {
    max-width: 100%;
	width: 100%;
	padding-top: 0;
	margin-bottom: 10px;
    /*margin-bottom: 200px;*/
	background: #f5f5f5;
}

.productMore3 {
    max-width: 100%;
	width: 100%;
	padding-top: 50px;
    /*margin-bottom: 200px;*/
	/*margin-bottom: 10px;*/
	padding-bottom: 10px;
	background: #ffffff;
}

.productItemHeader {
	font-size: 20px;
	font-weight: 600;
	color: #E3785E;
	margin-bottom: 20px;
}

.productItemSubHeader {
	font-size: 16px;
	font-weight: 600;
	color: #00416B;
	margin-bottom: 10px;
}

.productItemSubHeader-5dayplan {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #E3785E;
    margin-bottom: 10px;
}

.productDisclaimer {
	font-size: 13px;
	font-weight: 300;
	/*color: #5D7280;*/
}

.productNote {
	color: #4d4d4d;
}

.productMore a {
    border-bottom: 1px solid #98aebd;
    color: #00416B;
}

.productMore strong {
	color: #565656;
}

.productMore hr {
	border: 1px solid #D9C2B6;
}

.productMore ul {
	margin-left: 10px;
	color: #565656;
}

.productMore ul li {
	margin: 20px;
	list-style-type: disc;
}

.productMore ol {
    margin-left: 10px;
    color: #565656;
}

.productMore ol li {
    margin: 20px;
    padding-left: 5px;
    list-style-type: decimal;
}

.productMore table {
	width: 100%;
	color: #565656;
	margin-bottom: 30px;
}

.productMore table tr {
	border-bottom: 1px solid #fff;
}

.productMore table tr:last-child {
	border-bottom: none;
}

.productMore table tr td {
	padding: 10px;
}

.productMore table tr td:first-child {
	background-color: #e6e6e6;
	vertical-align: text-bottom;
	font-weight: 600;
}

.productMore table tr td:nth-child(2) {
	background-color: #fff;
}

.productMore table.productTable__termsoftransaction tr td:first-child {
	text-align: center;
}

@media (max-width: 550px){
	.productMore table.productTable__termsoftransaction tr td:first-child {
		width: 25%;
	}
	
	.productMore table.productTable__termsoftransaction tr td:nth-child(2) {
		width: 75%;
	}
}

.productMore table.productTable__termsoftransaction ol {
	padding-left: 15px;
}

.productMore table ol li {
	counter-increment: section;
	display: table-row;
}

.productMore table ol li::before {
	content: counter(section) ") ";
	display: table-cell;
	padding-right: 5px;
	text-align: left;
}

.reportlink img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: 3px;
    margin-top: -6px;
}

.productAccordion-summary__faq {
	font-size: 16px;
	font-weight: 600;
	color: #00416B;
	border-radius: 10px;
	background-color: #ece1db;
	padding: 1rem;
  margin-bottom: 1rem;
  outline: none;
  /*border-radius: 0.25rem;*/
  text-align: left;
  cursor: pointer;
  position: relative;
}

.productAccordion-summary__faq ul {
    margin-top: 10px;
}

.productAccordion-summary__faq ul li {
    font-size: 16px;
    font-weight: 600;
    color: #00416B;
    margin: 0;
}

.productAccordion__content {
	color: #565656;
}

.productAccordion__content ol, .productAccordion__content ul {
    /*margin-top: -15px;*/
    margin-bottom: 20px;
}

.productAccordion__content ol li {
	list-style-type: decimal;
    margin-left: 20px;
    padding-left: 10px;
	margin-bottom: 10px;
}

.productAccordion__content ol.ol-none li, .productAccordion__content ul.ul-none li {
	list-style-type: none;
    margin-left: 10px;
}

.productAccordion__content ol.ol-none li, .productAccordion__content ul.ul-none li {
    list-style-type: none;
    margin-left: -8px;
    /* margin-left: 10px; */
}

.productAccordion-summary__actives {
	background-color: transparent;
	font-size: 16px;
	font-weight: 600;
	color: #00416B;
	padding: 1rem;
  margin-bottom: 1rem;
  outline: none;
  text-align: left;
  cursor: pointer;
  position: relative;
}

.productAccordion__content {
  	width: 95%;
	margin: 0 auto;
	margin-bottom: 50px;
	letter-spacing: 0.5px;
}

.productAccordion__content table {
	width: 100%;
	/*border: 1px solid #565656;*/
	border-radius: 20px;
	padding: 20px;
}

.productAccordion__content table tr {
    border: none;
}

.productAccordion__content table tr:first-child {
    border-radius: 20px 20px 0 0;
}

.productAccordion__content table tr:last-child td:first-child {
    border-radius: 0 0 20px 20px;
}

.productAccordion__content table.fivedayplan-cn tr:last-child td:first-child {
    border-radius: 0 0 0 20px;
}

.productAccordion__content table.fivedayplan-cn tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.productAccordion__content table th, .productAccordion__content table td {
	padding: 15px;
    vertical-align: top;
}

.productAccordion__content table tr td:first-child {
    background-color: #fff;
}

.productAccordion__content img {
	width: 70%;
	border-radius: 20px;
}
@media (max-width: 700px) {
	.productAccordion__content img {
		width: 100%;
	}
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
details.productAccordion-details > summary.productAccordion-summary__actives::before {
  position: relative;
  content: "+";
  left: 0;
  padding-right: 10px;
}
details.productAccordion-details[open] > summary.productAccordion-summary__actives::before {
  position: relative;
  content: "-";
  left: 0;
  padding-right: 10px;
}
details.productAccordion-details > summary.productAccordion-summary__faq::before {
  position: relative;
  content: url(https://resource.bwlgroup.com/online-store/images/dropdown_blue.svg);
  left: 0;
  padding-right: 10px;
  width: 45px;
  top: -7px;
  right: -15px;
  float: right;
}
details.productAccordion-details[open] > summary.productAccordion-summary__faq::before {
  position: relative;
  left: 0;
  width: 45px;
  top: -11px;
  right: -10px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
details > summary::-webkit-details-marker {
  display: none;
}

.AR-essence-diagram_container, .eye-mask-diagram_container {
	width: 100%;
}

.eye-mask-liposome-diagram_container-1 {
	width: 100%;
	display: block;
	text-align: center;
}

.eye-mask-liposome-diagram_container-2 {
	display: none;
}

.AR-essence-diagram {
	width: 50%;
	float: left;
	text-align: center;
}

.eye-mask-diagram {
	width: 33.33%;
	float: left;
	text-align: center;
}

.AR-essence-diagram img, .eye-mask-diagram img {
	width: 58%;
	margin-bottom: 10px;
}

.eye-mask-liposome-diagram_container-1 img {
		width: 80%;
}

.AR-essence-diagram p, .eye-mask-diagram p {
	padding: 0 10px;
}

@media screen and (max-width: 789px) {
	.AR-essence-diagram {
		float: none;
		width: 100%;
		text-align: left;
	}
	
	.eye-mask-diagram {
		width: 50%;
	}
	
	.AR-essence-diagram img, .eye-mask-diagram img {
		width: 50%;
	}
	
	.AR-essence-diagram p {
		padding: 0px;
	}
	
	.eye-mask-liposome-diagram_container-1 {
		display: none;
	}
	
	.eye-mask-liposome-diagram_container-2 {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.eye-mask-liposome-diagram_container-2 img {
		width: 50%;
	}
}

@media screen and (max-width: 478px) {
	.eye-mask-diagram {
		float: none;
		width: 100%;
	}
	
	.AR-essence-diagram img {
		width: 80%;
	}
	
	.eye-mask-liposome-diagram_container-2 img {
		width: 100%;
	}
}

.video{
	background: #f5f5f5;
	margin-bottom: 40px;
}

.videoCenter .video{
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 700px) {
    .videoCenter .video{
        width: 100%;
    }
}

.mood{
    width: 90%;
    bottom: -140px;
    position: relative;
}
.mood2{
    width: 90%;
    bottom: -110px;
    position: relative;
}
.mood3{
    width: 90%;
    bottom: -140px;
    position: relative;
}
.mood-top{
    width: 90%;
    bottom: 90px;
    position: relative;
}
.mood-bottom{
    display: none;
    width: 90%;
    bottom: -50px;
    position: relative;
}
.mood img,
.mood2 img,
.mood3 img,
.mood-top img,
.mood-bottom img{
    width: 100%;
    border-radius: 20px;
}

.productVideo {
	width: 25%;
	float: left;
	text-align: left;
}

.productVideoTop {
	width: 50%;
	float: left;
	text-align: left;
	margin-bottom: 30px;
}

.productVideo img, .productVideoTop img {
	width: 80%;
	margin-bottom: 10px;
	border-radius: 10px;
}

.productVideo p, .productVideoTop p {
	padding-right: 25px;
}

.productVideo a, .productVideoTop a {
	cursor: pointer;
}

@media screen and (max-width: 789px) {
	.productVideo, .productVideoTop {
		float: none;
		width: 100%;
		text-align: left;
	}
	
	.productVideo img, .productVideoTop img {
		width: 100%;
		border-radius: 20px;
	}
	
	.productVideo p, .productVideoTop p {
		padding: 0px;
	}
}

@media screen and (max-width: 478px) {
	.productVideo img, .productVideoTop img {
		width: 100%;
	}
}

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

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

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

.disclaimerSmall {
/*	color: #878787;
    font-size: 85%;
    display: inline-block;
    top: -10px;
    position: relative;
	    margin-bottom: 200px;*/
	color: #878787;
    font-size: 85%;
    display: table;
    top: -30px;
    position: relative;
  	height: 150px;
    width: 90%;
    max-width: 1200px;
    margin: 0px auto;
}
#dream {
    background-color: #fc8ea0;
}
#hope {
    background-color: #ef695b;
}
#adore {
    background-color: #d73c8e;
}
#bold {
    background-color: #db282b;
}
#sweet-tangerine {
    background-color: #e04e39;
}
#fresh-peppermint {
    background-color: #00ab8e;
}
#brown {
    background-color: #7a6855;
}
#charcoal-brown {
    background-color: #5e4b3c;
}
#dark-grey {
    background-color: #4E4B48;
}

.active-brow-colour,
.brow-colour:hover,
.active-lip-colour,
.lip-colour:hover,
.active-lip-care,
.lip-care:hover {
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px #a6a6a6;
}

.brow-colour,
.lip-colour,
.lip-care {
    float: left;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 50%;
    margin-right: 15px !important;
}

.brow-colour-small, .lip-colour-small, .lip-care-small {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 15px !important;
}
#brow-colour-container button, #lip-colour-container button,
#lip-care-container button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
   /* cursor: default;
    background-color: buttonface;
    box-sizing: border-box;*/
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
   /* border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;*/
}
#brow-colour-name-container p, #lip-colour-name-container p,
#lip-care-name-container p {
    line-height: 1.5;
    margin: 1em 0;
}

#line {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 2px;
    margin-bottom: 2px;
}
@media (max-width:992px) {
	.productDetail-grid {
		width: 100%;
	}
	.productDetail .productDetail-cl1{
		width: 50%;
	}
	.productDetail .productDetail-cl2{
		width: 50%;
	}
	.productDetail.contentContainer {
		max-width: 1200px;
		margin-top: 30px;
		margin-bottom: 50px;
		position: relative;
	}
	.tagline {
		font-size: 25px;
	}
	.productDesp {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.productContent h3 {
    	font-size: 18px;
		margin-bottom: 10px;
	}
	.video {
		padding-left: 7%;
	}
	.disclaimerSmall{
		width: 100%;
		padding-left: 4%;
        top: 0;
	}
}

@media (max-width:700px) {
	.productDetail .productDetail-grid {
		width: 100%;
	}
	.productDetail .productDetail-cl1{
		width: 100%;
	}
	.productDetail .productDetail-cl2{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.productMore .productDetail-grid,
	.productMore2 .productDetail-grid,
	.productMore3 .productDetail-grid {
		width: 90%;
	}
	
	.productMoreContent .productDetail-grid{
		width: 100%
	}
	
	.productMore .productDetail-cl1,
	.productMore2 .productDetail-cl1,
	.productMore3 .productDetail-cl1{
		width: 100%;
	}
	.productMore .productDetail-cl2,
	.productMore2 .productDetail-cl2,
	.productMore3 .productDetail-cl2{
		width: 100%;
		padding-left: 0;
	}
	.productMore{
		padding-top: 30px;
		margin-bottom: 80px;
		/*padding-bottom: 10px;*/
	}
	.productMore2{
		padding-top: 0;
		margin-bottom: 80px;
	}
	.productMore3{
		padding-top: 30px;
		margin-bottom: 80px;
		padding-bottom: 10px;
	}
	.video {
	    margin-bottom: 0; 
		padding-left: 0;
	}
	.mood{
        width: 100%;
        bottom: -90px;
    }
    .mood2{
        width: 100%;
        bottom: -110px;
    }
    .mood3{
        width: 100%;
        bottom: -90px;
    }
    .mood-bottom{
        display: block;
        width: 100%;
        bottom: -50px;
    }
    .mood-top{
        display: none;
    }
}

.newProduct {
    /*display: block;
    position: absolute;
    width: 55px;
    padding-right: 0;
    top: 0;
    right: 0;
    z-index: 1;*/
    display: block;
    position: absolute;
    /* width: 55px; */
    /* padding-right: 15px; */
    /* padding-right: 0; */
    padding: 22px 6px;
    font-weight: 500;
    font-size: 15px;
    top: 0;
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    right: 8%;
    letter-spacing: 1px;
    color: #ffffff;
    z-index: 1;
    background: #e3785e;
    border-radius: 0 0 50px 50px;
}

.newProduct.upFormula {
    font-size: 15px;
    padding: 9px 6px;
    border-radius: 0 0 18px 18px;
	text-align: center;
}

#productList .newProduct {
    font-size: 12px;
    padding: 15px 6px;
    /* letter-spacing: 0; */
}

#productList .newProduct.upFormula {
    font-size: 12px;
    padding: 6px 6px;
    border-radius: 0 0 12px 12px;
	text-align: center;
}

.newProduct img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

.half {
    width:60%;
    margin-bottom: 5px;
}

@media (max-width: 700px) {
    .half {
        width:95%;
        margin-bottom: 8px;
    }
}

/*--------------------- member ---------------------------*/
#memberContent section {
    width: 100%;
    background: #f4f4f4;
    padding: 30px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

#memberContent h1 {
    font-size: 18px;
    margin-top: 0;
}

@media (max-width: 700px){
    #memberContent .col-1-4 {
        width: 40%;
    }
    #memberContent .col-3-4 {
        width: 60%;
    }
    #memberContent section {
        padding: 20px;
    }
    #memberContent h1 {
        font-size: 18px;
    }
}

.memberContent.contentContainer {
    max-width: 1200px;
    margin-bottom: 100px;
	position: relative;
}

.memberContent-cl2 {
   	display: block;
    width: 75%;
	float: right;
	position: relative;
	/*top: -50px;*/
}


.memberContent-cl2 .flex-container {
   	display: flex;
	flex-wrap: wrap;
  	justify-content: flex-start;
    width: 100%;
	/*margin-top: 30px;*/
	float: right;
	
}

@media (max-width: 992px){
	.memberContent-cl2 {
   		width: 60%;
		/*top: -30px;*/
	}
}
@media (max-width: 699px){
	.memberContent-cl2 {
   		width: 100%;
		/*top: -100px;*/
	}
}

.memberContent ol.ol-none li, .memberContent ul.ul-none li {
	list-style-type: none;
    margin-left: -8px;
}

.memberContent ol li {
	list-style-type: decimal;
	margin-bottom: 10px;
	margin-left: 20px;
    padding-left: 10px;
}

.memberContent ul.ul-disc li {
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 20px;
    padding-left: 10px;
}

.memberContent ol.ol-none li ul.ul-disc li, .memberContent ol li ul.ul-disc li {
    padding-left: 0;
}

.alpha {
	padding-right: 10px;
}

.memberContent .text-highlight {
	color: #D6785E;
}

.memberContent a.text-link {
    border-bottom: 1px solid #98aebd;
    color: #00416B;
    cursor: pointer;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.memberContent a.anchor {
    display: block;
    position: relative;
    top: -220px;
    visibility: hidden;
}

.bulletin a.linkSmall {
	margin-bottom: 10px;
}

.download-forms a.linkSmall, .download-music a.linkSmall {
	padding: 8px 20%;
}

#download-wallpaper a.linkSmall, #download-screensaver a.linkSmall {
	padding: 8px 0;
	width: 100%;
}

.download-manual a.linkSmall {
	padding: 8px 0;
	width: 130px;
}

#download-wallpaper .col-1-3, #download-screensaver .col-1-3 {
	margin-bottom: 10px;
}

@media (max-width: 550px) {
	#download-wallpaper .col-1-3, #download-screensaver .col-1-3 {
		width: 50%;
	}
}

.hidecol {
	display: none;
}

.member__pic_container {
    width: 100%;
    /* margin-bottom: 30px; */
    /* margin-top: 30px; */
    display: inline-block;
    position: relative;
}

.member__pic {
    width: 100%;
    display: inline-block;
    position: relative;
    height: auto;
    margin-right: 10%;
    vertical-align: top;
    overflow: hidden;
    float: left;
}

.member-pic img {
    width: 100%;
    height: 100%;
    z-index: 99;
    border-radius: 20px;
    /* opacity: 0; */
    /* animation: brandimageAnimation 30s linear; */
}
.linkSmall {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    /* padding: 8px 15px; */
    padding: 8px 10%;
    white-space: nowrap;
    cursor: pointer;
    color: #AC5C57;
    border: 1px solid #AC5C57;
    border-radius: 50px;
    background: #ffffff;
}

h1.promoListHeader {
    font-family: 'Red Hat Display', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
    font-size: 20px;
    margin-top: 0;
    color: #4d4d4d;
    float: left;
    margin-bottom: 0;
}

.hof_list td {
    width: 70px;
    background: #e5e1d6;
    text-align: left;
    color:#4d4d4d;
}

table.hof_list td:nth-child(even) {
    width: 55px;
    background-color: #f8f6f4;
    color:#4d4d4d;
}


/*----------------------Special Notice-------------------*/

.listColumns li:nth-child(odd) {
    float: left;
    clear: both;
    padding: 0 20px;
    padding-left: 0;
}
.listColumns li:nth-child(even) {
    padding: 0 20px;
    padding-right: 0;
}
.listColumns li {
    /*background: url(../images-new/member/notice_icon.png) no-repeat;*/
    margin: 0;
    padding: 0;
    list-style: none;
}
.listColumns li {
    display: inline-block;
    width: 50%;
    margin-bottom: 50px;
}

.noticeImage {
    display: inline-block;
    float: left;
    border-radius: 20px;
    width: 120px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover!important;
    margin-right: 20px;
}
.noticeContent {
    float: left;
    margin-top: 20px;
}

.noticeContent h1 {
    margin-top: 10px !important;
}

.listColumns .date {
    /*margin-top: 10px;*/
    display: block;
    /*font-size: 12px;*/
}

.listColumns a {
    cursor: pointer;
}

@media screen and (min-width: 701px) {
    .screenBig {
        display: block;
    }
    .screenSmall {
        display: none;
    }
}
@media screen and (max-width: 700px) {
    .screenBig {
        display: none;
    }
    .screenSmall {
        display: block;
    }
    .noticeImage {
        width: 100%;
        height: 250px;
    }
    .listColumns li:nth-child(odd) {
    float: left;
    clear: both;
    padding: 0 10px;
    padding-left: 0;
}
.listColumns li:nth-child(even) {
    padding: 0 10px;
    padding-right: 0;
}
}

.list_container .row {
	display: flex;
	
	/* flex-wrap: wrap; */
}
.list_container .col {
	 margin-bottom: 1px;
	flex-grow: 1;
	padding: 10px 16px;
	min-height: 22px;
 }
 .list_container .col:nth-child(odd) {
	background-color: #efebe8;
	width: 15%;
 }
 .list_container .col:nth-child(even) {
	 width: 10%;
	 background-color: #f8f6f4;
	 border-right: 1px solid white;
 }

 .list_container .blank {
	 background-color: #FFF !important;
 }

 @media (max-width: 992px) {
	.list_container .row {
		 flex-wrap: wrap;
	 }
	 .list_container .col:nth-child(odd) {
		 width: 20%;
	 }
	 .list_container .col:nth-child(even) {
		 width: 15%;
	 }
 }
 @media (max-width: 500px) {
	.list_container .col:nth-child(odd) {
		 width: 20%;
	 }
	 .list_container .col:nth-child(even) {
		 width: 10%;
	 }
 }
 @media (max-width: 413px) {
	.list_container .col:nth-child(odd) {
         width: 50%;
     }
     .list_container .col:nth-child(even) {
         width: 11%;
     }
     .memberTable_expiry .list_container .col:nth-child(odd) {
         width: 20%;
     }
     .memberTable_expiry .list_container .col:nth-child(even) {
         width: 30%;
     }
     .memberTable .fancybox__content {
        padding: 15px !important;
     }
 }

 @media (max-width: 992px) {
	 .overflowTable {
		 overflow: scroll;
	 }
 }

/*----------------------Business-------------------*/

#memberContent h1.business-header {
	color: #D6785E;
	font-size: 20px;
}

#memberContent h2.business-recognition-rank {
	padding: 10px 20px;
	border-radius: 20px;
	color: #fff;
}

#memberContent span.rank-number {
	padding-right: 30px;
}

#memberContent .pdContent {
	background: #f1f0ed;
	height: 100%;
	padding: 30px;
	display: inline-block;
}

/* Member Resources Dropdown */

.memberDropdown__subcategory{
	font-size: 18px;
	font-weight: 600;
	color: #00416B;
	border-radius: 10px;
	background-color: #f7f2f0;
}
.memberDropdown__content {
    position: relative;
  	width: 95%;
	/*margin: 0 auto;*/
  	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	/*letter-spacing: 0.5px;*/
    margin-bottom: 50px;
    padding-left: 30px;
}

.memberDropdown__content ol,
.memberDropdown__content ul {
    margin-top: -15px;
    margin-bottom: 20px;
}


@media (max-width: 699px) {
    .memberDropdown__content {
        padding-left: 5px;
    }
}

.memberDropdown__content a {
    border: 1px solid #AC5C57;
    color: #AC5C57;
    cursor: pointer;
}

/* LIF product page */

.patentlink {
	border-bottom: 1px solid #98aebd;
	color: #00416B;
}

a.anchor_patent {
    display: block;
    position: relative;
    top: -220px;
    visibility: hidden;
}


.technologies {
    margin-left: 33%;
}

.technologiesleft {
    float: left;
    font-size: 15px;
}

.technologiesright {
    margin-left: 32%;
    font-size: 15px;
}

.technologiesleftLight {
    float: left;
    padding-left: 2%;
    font-size: 15px;
}

.technologiespic {
    margin-left: 5%;
}

.technologiespic img {
    width: 35%;
}


.LIF_contents_container {
    width: 100%;
}

.LIF_contents, .LIF_contents_words {
    float: left;
    width: 50%;
    margin-bottom: 10%;
}

.LIF_contents_words {
    margin-bottom: 8%;
}

.LIF_contents_word_firstrow {
    height: 100px;
}

.LIF_contents_word_secondrow {
    height: 144px;
}

.LIF_logo_right, .LIF_logo_heat, .LIF_logo_light {
    margin-left: 1%;
}

.LIF_logo_right img {
    width: 7%;
}

.product_item_image {
	margin-left: 16%;
	margin-top: 6%;
}

.product_item_image img {
    width: 50%;
}

#LIF_secondrow_light, #LIF_secondrow_heat {
    margin-bottom: 10%;
}

.lifPatent {
	width: 100%;
	text-align: center;
}

.lifPatent p {
	text-align: left;
}

.lifPatent img {
	width: 80%;
}

.LIF_logo_three img, .LIF_logo_four img {
    margin-top: -14px;
    margin-left: 1%;
}

.LIF_logo_three img {
    width: 21%;
}

.LIF_logo_four img {
    width: 28%;
}

.LIF_pic {
    margin-left: 14%;
}

.LIF_contents_regime {
    float: left;
    width: 50%;
    margin-bottom: 5%;
}

.LIF_contents_regime_firstrow {
    width: 90%;
    height: 150px;
}

.LIF_contents_regime_words {
    color: #aaaaaa;
    margin-top: 2%;
}

.mode_image img {
    width: 79%;
}

.LIF_contents_regime_secondrow {
    width: 90%;
    height: 156px;
}

.LIFmode {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.LIFmode_pic img {
    width: 50%;
}

.LIFmode_word {
    font-size: 12px;
    margin-top: 5%;
    color: #a1a0a4;
}

@media screen and (max-width: 900px) {
	.technologiesleft {
		font-size: 13px;
	}
	.technologiesright {
		margin-left: 31%;
		font-size: 13px;
	}
	.technologiesleftLight {
		font-size: 13px;
	}
	.technologiespic img {
		width: 32%;
	}
	.LIFmode_word {
		font-size: 12px;
	}
}

@media screen and (max-width: 800px) {
	.LIF_pic {
		margin-left: 12%;
	}
}

@media screen and (max-width: 789px) {
	.technologiesleft {
		font-size: 15px;
	}
	.technologiesright {
		margin-left: 37%;
		font-size: 15px;
	}
	.technologiesleftLight {
		font-size: 15px;
	}
	.technologiespic img {
		width: 40%;
	}
	.LIF_contents {
		float: none;
		width: 100%;
	}
	
	.LIF_contents_words {
		width: 100%;
	}
	
	.LIF_contents_word_firstrow, .LIF_contents_word_secondrow {
		height: auto;
	}
	.product_item_image {
		margin-left: 5%;
	}
	.product_item_image img {
		width: 30%;
	}
	.LIF_logo_right img {
		width: 4%;
	}
	.LIF_logo_three img, .LIF_logo_four img {
		margin-top: 0;
	}
	.LIF_logo_three img {
		width: 12%;
	}
	.LIF_logo_four img {
		width: 16%;
	}
	.LIF_contents_regime {
		float: none;
		width: 100%;
	}
	.LIF_contents_regime_firstrow, .LIF_contents_regime_secondrow {
		height: auto;
		margin-bottom: 5%;
	}
	.mode_image {
		margin-left: 22%;
	}
	.mode_image img {
		width: 56%;
	}
	.LIFmode_word {
		font-size: 13px;
	}
}

@media screen and (max-width: 740px) {
	.LIF_pic {
		margin-left: 10%;
	}
}

@media screen and (max-width: 700px) {
	.LIF_logo_right img {
		width: 4.5%;
	}
	.LIF_logo_three img {
		width: 14%;
	}
	.LIF_logo_four img {
		width: 17%;
	}
}

@media screen and (max-width: 650px) {
	.LIF_pic {
		margin-left: 33%;
	}
	.mode_image {
		margin-left: 17%;
	}
	.mode_image img {
		width: 60%;
	}
}

@media screen and (max-width: 600px) {
	.technologiesright {
		margin-left: 41%;
	}
	.technologiespic {
		margin-left: 7%;
	}
	.technologiespic img {
		width: 45%;
	}
	.product_item_image img {
		width: 40%;
	}
	.lifPatent img {
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	.LIF_logo_right img {
		width: 5%;
	}
	.LIF_logo_three img {
		width: 16%;
	}
	.LIF_logo_four img {
		width: 20%;
	}
	.LIF_pic img {
		width: 44%;
	}
}

@media screen and (max-width: 545px) {
	.mode_image {
		margin-left: 9%;
	}
	.mode_image img {
		width: 66%;
	}
	.LIFmode_pic img {
		width: 70%;
	}
}

@media screen and (max-width: 530px) {
	.LIF_pic {
		margin-left: 29%;
	}
}

@media screen and (max-width: 500px) {
	.technologiesright {
		margin-left: 48%;
	}
	.technologiespic img {
		width: 55%;
	}
}

@media screen and (max-width: 480px) {
	.LIF_logo_right {
		margin-left: 2%;
	}
	.LIF_logo_right img {
		width: 6%;
	}
	.product_item_image img {
		width: 45%;
	}
	.LIF_logo_three img {
		width: 20%;
	}
	.LIF_logo_four img {
		width: 23%;
	}
}

@media screen and (max-width: 420px) {
	.technologies {
		margin-left: 0%;
	}
	.technologiesleft {
    	padding-left: 16%;
	}
	.technologiesright {
    	margin-left: 67%;
	}
	.technologiesleftLight {
		padding-left: 20%;
	}
	.technologiespic {
		margin-left: 26%;
	}
	.technologiespic img {
		width: 60%;
	}
	.product_item_image {
		margin-left: 24%;
	}
	.product_item_image img {
		width: 70%;
	}
	.touch_head, .LIF_pic {
		margin-left: 25%;
	}
	.LIF_pic img {
		width: 54%;
		margin-bottom: 10%;
	}
	.mode_image {
		margin-left: 0%;
	}
	.mode_image img {
		width: 72%;
	}
	.LIFmode {
		margin-left: 3%;
		margin-right: 3%;
		width: 27%;
	}
	.LIFmode_pic img {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.technologiesleft {
		font-size: 13px;
	}
	.technologiesright {
		font-size: 13px;
	}
	.technologiesleftLight {
		font-size: 13px;
	}
	.LIF_logo_right img {
		width: 7%;
	}
	.LIF_logo_three img {
		width: 22%;
	}
	.LIF_logo_four img {
		width: 27%;
	}
	.LIFmode_word {
		font-size: 11px;
	}
}

@media screen and (max-width: 330px) {
	.LIF_logo_right img {
		width: 9%;
	}
	.LIF_logo_three img {
		width: 28%;
	}
	.LIF_logo_four img {
		width: 34%;
	}
}

/* Styling for FAQ page */

#faq {
	color: #565656;
}

#faq h1 {
	font-size: 40px;
    font-weight: 700;
	margin-top: 80px;
    margin-bottom: 70px;
    color: #004177;
 	display: block;
	text-align: center;
}

#faq h2 {
	background: none;
   	color:#E3785E;
	font-weight: 600;
	/*letter-spacing: 1px;*/
	font-size: 20px;
	text-align: left;
	top: 0;
	margin-block-start: 0;
    margin-block-end: 20px;
}

#faq .subcat_details .faq__content h1 {
    color: #e38b7d;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
}

.faqcategories {
	background-color: #f7f7f7;
	display: flex;
}

.faqcategories ul {
	margin: 0 auto;
}

.faqcategories ul li {
	margin-bottom: 20px;
	padding-right: 20px;
	height: 100px;
}

.faqcategories ul li.lastthirdcol {
	padding-right: 0px;
}

.hidecol {
	display: none;
}

#faq .faqcategories h2 {
	text-align: center;
	margin-bottom: 0px;
	border: 1px solid #E3785E;
	border-radius: 20px;
	background-color: #fff;
	padding: 5%;
	height: 100px;
	display: flex;
  justify-content: center;
  align-items: center;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

main {
  max-width: 100%;
  margin: 0 auto;
}

main.contentContainer {
	margin-top: 50px;
}

summary {
  /*font-size: 1.25rem;
  font-weight: 600;*/
  background-color: #fff;
  color: #333;
  padding: 1rem;
  margin-bottom: 1.5rem;
  outline: none;
  /*border-radius: 0.25rem;*/
  text-align: left;
  cursor: pointer;
  position: relative;
}
.faq_category {
	margin-bottom: 80px;
}

@media (max-width: 1200px) {
    .faq_category {
        width: 90%;
    }
}

.faq__subcategory{
	font-size: 18px;
	font-weight: 600;
	color: #00416B;
	border-radius: 10px;
	background-color: #f7f2f0;
}
.faq__content {
    position: relative;
  	width: 95%;
	/*margin: 0 auto;*/
  	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	/*letter-spacing: 0.5px;*/
    margin-bottom: 50px;
    padding-left: 30px;
}

.faq__content ol,
.faq__content ul {
    margin-top: -15px;
    margin-bottom: 20px;
}

#faq .qns_details .faq__content h1 {
    color: #e38b7d;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
    font-size: 15px;
}

@media (max-width: 699px) {
    .faq__content {
        padding-left: 5px;
    }
    
    .faq__content .col-2-3,
    .faq__content .col-1-3{
        width: 100%;
        float: none;
    }
    .qns_details summary {
        margin-bottom: 0;
    }
}

.faq__content a {
    border-bottom: 1px solid #98aebd;
    color: #00416B;
    cursor: pointer;
}

.col-1-3 {
	width: 33.3%;
}
/*OTHER SIZES*/
.col-2-3 {
  width: 66.6%;
}

.faq__content .col-1-2 {
	width: 50%;
}

@media (max-width: 880px) {
	.faq__content .col-1-2 {
		width: 100%;
	}
}

.qns_image {
    text-align: center;
    width: fit-content;
}

.qns_image img {
    border-radius: 20px;
    /* width: 250px;*/
    width: 90%;
    border: 1px solid #d9c3b6;
}

.imageText {
    font-size: 13px;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
details.subcat_details > summary::before {
  /*position: absolute;
  content: "+";
  right: 20px;*/
  position: relative;
  content: url(https://resource.bwlgroup.com/online-store/images/dropdown_blue.svg);
  left: 0;
  padding-right: 10px;
  width: 45px;
  top: -7px;
  right: -15px;
  float: right;
}
details.subcat_details[open] > summary::before {
  /*position: absolute;
  content: "-";
  right: 20px;*/
  position: relative;
  left: 0;
  width: 45px;
  top: -11px;
  right: -10px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
details > summary::-webkit-details-marker {
  display: none;
}

details.qns_details > summary::before {
  position: absolute;
  content: "+";
  left: 0;
  margin-right: 20px;
  margin-bottom: 50px;
  
}
details.qns_details[open] > summary::before {
  position: absolute;
  content: "-";
  left: 0;
  margin-right: 23px;
  margin-bottom: 50px;
}

.qns_details summary {
	color: #5D7280;
	font-weight: 600;
    padding-left: 20px;
    margin-bottom: 1rem;
}

.qns_details .faq__content {
	font-size: 15px;
	padding: 0 20px;
    margin-bottom: 30px;
    padding-left: 50px;
}

.tableback {
    background: #ededed;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
}
#faq table {
	width: 100%;
	/*border: 1px solid #565656;*/
    
}

#faq table th, #faq table td {
	padding: 10px;
    vertical-align: top;
}

#faq strong {
	color: #565656;
}

#faq .faq__content ol li {
	list-style-type: decimal;
    margin-left: 20px;
    padding-left: 10px;
}

#faq .faq__content ol.ol-none li, #faq .faq__content ul.ul-none li {
	list-style-type: none;
    margin-left: 10px;
}

#faq .faq__content ol.ol-none li, #faq .faq__content ul.ul-none li {
    list-style-type: none;
    margin-left: -8px;
    /* margin-left: 10px; */
}

.alpha {
    padding-right: 10px;
}

#faq .faq__content ul {
	margin-top: -15px;
	margin-bottom: 10px;
}

#faq .faq__content ul li {
	list-style-type: disc;
	margin-left: 25px;
    padding-left: 5px;
}

#faq .faq__content ol ul  {
	margin-top: 5px;
	margin-bottom: 10px;
}

@media (max-width: 900px){
	.faqcategories ul li.col-1-3 {
		width: 50%;
	}
	
	.faqcategories ul li.lastthirdcol {
		padding-right: 20px;
	}
}

@media (max-width: 660px){
	.faqcategories {
		/*display: none;*/
	}
	
	main.contentContainer {
		margin-top: 0px;
	}
}

@media (max-width: 400px){
    #faq h1 {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    
    #faq .faqcategories h2 {
        height: 80px;
    }
  
    .faqcategories ul li {
        margin-bottom: 0;
    }
	.faqcategories ul li.col-1-3 {
		width: 100%;
        padding-right: 0;
	}
    .faq_category {
        margin-bottom: 50px;
    }
	.qns_details .faq__content {
        padding-left: 22px;
    }
}


#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#e2a595;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
@media (max-width: 500px) {
    #scroll {
        width:30px;
    height:30px;
    }
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#E3785E;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/*------------------------- About Us -----------------------------*/

.aboutUsOverview.contentContainer {
	position: relative;
   	/*max-width: 650px;*/
	max-width: 1200px;
    /*margin-bottom: 100px;
	margin-top: 30px;*/
	padding: 0 30px;
	padding-top: 200px;
	z-index: 99;
}

#AboutUs h2 {
	color: #004177;
}

#AboutUs h4 {
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	font-size: 22px;
}

#AboutUs p {
	font-size: 16px;
}

#AboutUs .grid {
	padding-right: 6%;
}

#AboutUs .overview img {
	border-radius: 20px;
	width: 55%;
}

img.about-pic1 {
	position: relative;
	left: 45%;
	z-index: 1;
}

img.about-pic2 {
	position: relative;
	top: -12rem;
}

.aboutus-back-item1, .aboutus-cn-back-item1 {
    height: 50px;
    background-image: url(../images/aboutus/SVG/aboutus-back-item1.svg);
    background-repeat: no-repeat;
    width: 50px;
    position: absolute;
    top: 46%;
    left: 50%;
	z-index: 1000;
}
.aboutus-back-item2 {
    height: 90px;
    background-image: url(../images/aboutus/SVG/aboutus-back-item2.svg);
    background-repeat: no-repeat;
    width: 90px;
    right: -45px;
    position: absolute;
    top: 230px;
    text-align: right; 
}

@media (min-width: 1450px){
	.aboutus-back-item1 {
		top: 370px;
	}
}

@media (max-width: 1305px){
	.aboutus-cn-back-item1 {
		top: 360px;
	}
}

@media (max-width: 1180px){
	.aboutus-cn-back-item1 {
		top: 330px;
	}
}

@media (max-width: 1037px){
	.aboutus-back-item1 {
		top: 300px;
	}
	.aboutus-cn-back-item1 {
		top: 300px;
	}
}

@media (max-width: 992px){
	.aboutUsOverview.contentContainer {
		padding-top: 80px;
	}
	.aboutus-back-item1,
	.aboutus-cn-back-item1,
	.aboutus-back-item2 {
		background-image: none;
	}
	#AboutUs .grid {
		padding-right: 2%;
	}
}

@media (max-width: 800px){
	#AboutUs .overview .col-1-3, #AboutUs .overview .col-2-3 {
		width: 50%;
	}
	#AboutUs .overview img {
		width: 60%;
	}
	img.about-pic1 {
		left: 40%;
	}

	img.about-pic2 {
		top: -5rem;
	}
}

@media screen and (max-width: 700px) {
	#AboutUs .overview .col-1-3, #AboutUs .overview .col-2-3 {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	#AboutUs .overview img {
		width: 70%;
	}
	img.about-pic1 {
		left: 30%;
	}

	img.about-pic2 {
		top: -3rem;
	}
	#AboutUs .grid {
		padding-right: 0;
	}
}

.OurStory.contentContainer {
    max-width: 1200px;
    width: 100%;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 0;
}

.aboutTitle {
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    color: #004177;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.about-mission-intro {
	position: relative;
	top: -2rem;
}

@media screen and (max-width: 992px) {
	.about-mission-intro {
		top: 2rem;
	}
}

.about-mission-intro p {
	text-align: center;
}

.about-mission-icons {
	position: relative;
	top: 15rem;
	text-align: center;
}

.about-mission-icons .contentContainer {
	position: relative;
	top: -5rem;
}

.about-mission-icons p, .about-mission-icons h4 {
	text-align: center;
}

.about-mission-icons h4 {
	color: #D6785E;
	margin-bottom: 10px;
}

.about-mission-icons img {
	height: 150px;
	margin: 0 auto;
}

@media screen and (max-width: 700px) {
	.aboutTitle {
		margin-bottom: 0;
	}
	.about-mission-icons .col-1-3 {
		width: 100%;
		float: none;
		margin-bottom: 50px;
		padding-right: 0;
	}
	.about-mission-icons {
		top: 12rem;
	}
	.about-mission-icons img {
		height: 140px;
	}
}

.about-values {
	position: relative;
	top: 15rem;
	text-align: center;
	margin-bottom: 63rem;
}

.about-values .values-circle {
	width: 20rem;
	height: 20rem;
	border-radius: 50%;
	background-color: #D6785E;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
}

.about-values .values-icon img {
	width: 20rem;
}

.about-values h1 {
	font-size: 50px;
	color: #fff;
}

.about-values h4 {
	margin-bottom: 10px;
}

.about-values p {
	padding: 10px;
}

@media screen and (max-width: 992px) {
	.about-values {
		top: 20rem;
		margin-bottom: 100rem;
	}
	.about-values .col-1-4 {
		width: 50%;
		margin-bottom: 50px;
	}
	.about-values .col-1-4.nopaddingright {
		padding-right: 0;
	}
}

@media screen and (max-width: 700px) {
	.about-values {
		top: 17rem;
	}
}

@media screen and (max-width: 595px) {
	.about-values {
		top: 16rem;
		margin-bottom: 6rem;
	}
	.about-values .col-1-4 {
		width: 100%;
		float: none;
		margin-bottom: 50px;
		padding-right: 0;
	}
	.about-values h4 {
		padding-top: 0;
	}
}

.about-pursuits {
	position: relative;
	top: 15rem;
}

.about-pursuits .bannerBack {
	padding-bottom: 7rem;
}

.about-pursuits .aboutTitle {
	margin-top: 11rem;
}

.about-pursuits .contentContainer .col-1-2:nth-child(even) {
    padding-right: 20px;
}

.about-pursuits .contentContainer .col-1-2:nth-child(odd) {
    padding-right: 20px;
}

.about-pursuits .contentContainer .col-1-2 {
	padding: 20px;
}

.about-pursuits h4 {
	color: #E3785E;
	margin-bottom: 20px;
}

.about-pursuits img {
	width: 100%;
	border-radius: 20px;
}

@media screen and (max-width: 992px) {
	.about-pursuits .aboutTitle {
		margin-top: 7rem;
	}
}

@media screen and (max-width: 700px) {
	.about-pursuits .contentContainer .col-1-2 {
		margin-bottom: 0;
		padding-left: 0;
	}
	.about-pursuits .contentContainer .col-1-2:nth-child(even), .about-pursuits .contentContainer .col-1-2:nth-child(odd) {
		padding-right: 0;
	}
}

.about-founders {
	position: relative;
	top: 15rem;
	margin-bottom: 110rem;
}

.about-founders .contentContainer .col-1-2:nth-child(even) {
    padding-right: 20px;
}

.about-founders .contentContainer .col-1-2:nth-child(odd) {
    padding-right: 20px;
}

.about-founders .contentContainer .col-1-2 {
	padding: 20px;
}

.about-founders h4 {
	color: #E3785E;
	margin-bottom: 20px;
	text-align: center;
}

.about-founders p {
	text-align: left;
	padding: 0 10px;
}

.about-founders img {
	width: 126%;
	position: relative;
	/*left: -13%;*/
}

.about-founders img.founderimage1 {
	z-index: 1000;
}

@media screen and (max-width: 1200px) {
	.about-founders {
		top: 20rem;
		margin-bottom: 100rem;
	}
}

@media screen and (max-width: 992px) {
	.about-founders {
		top: 20rem;
		margin-bottom: 105rem;
	}
}

@media screen and (max-width: 700px) {
	.about-founders img {
		width: 80%;
		left: 0;
		margin: 0 auto;
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.about-founders {
		margin-bottom: 190rem;
	}
	.about-founders p {
		padding: 0;
	}
}

@media screen and (max-width: 595px) {
	.about-founders {
		margin-bottom: 175rem;
	}
}

@media screen and (max-width: 480px) {
	.about-founders {
		margin-bottom: 160rem;
	}
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*--------------DRS Ambassordor-------------------------*/


.DRSAmbassador.contentContainer {
    /*max-width: 980px;*/
    margin-bottom: 0;
	margin-top: 80px;
	position: relative;
}

.DRSAmbassador img {
    width: 100%;
    border-radius: 20px;
}

.DRSAmbassador img.desktop {
    display: block;
}
.DRSAmbassador img.mobile {
    display: none;
}
#contestant .contentContainer img {
    width: 100%;
    max-width: 1231px;
    max-height: 274px;
}

@media (max-width: 992px){
	.DRSAmbassador.contentContainer {
    /* max-width: 980px; */
    width: 100%;
    padding: 0 30px;
    margin-bottom: 0;
        margin-top: 50px;
	}
    
    .DRSAmbassador img.desktop {
    display: none;
    }
    .DRSAmbassador img.mobile {
        display: block;
    }
}
@media (max-width: 500px){
	.DRSAmbassador.contentContainer {
    /* max-width: 980px; */
    width: 100%;
    padding: 0 30px;
    margin-bottom: 0;
        margin-top: 0;
	}
}

#contestant .contentContainer {
    width: 100%;
    max-width: 100%;
    text-align: center;
    /* max-width: 1600px; */
    /*max-height: 450px;*/
    margin: 0 auto;
    background: #f5f1ef;
    display: inline-block;
    /* margin-bottom: 0; */
    /* overflow: hidden; */
}
.contestTitle {
    position: absolute;
    float: left;
}
.contestBanner {
    /*width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    height: 350px;
    background-size: 90%;
    background-position: center bottom;
    background-repeat: no-repeat;*/
    /* min-height: 300px; */
    /* max-height: 580px; */
    /* overflow: hidden; */
}

.contestBanner-mobile {
	display: none;
}

.contestant.contentContainer {
    max-width: 1200px;
    margin-bottom: 100px;
    position: relative;
}
#contestantList.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width: 100%;
    /*float: right;*/
}
.contestant-cl4 {
	position: relative;
    float: left;
    width: 22.5%;
    margin-right: 3%;
    margin-bottom: 50px;
    background: #f2efea;
    border-radius: 20px;
}
.contestant-cl4:nth-child(4),
.contestant-cl4:nth-child(8),
.contestant-cl4:nth-child(12),
.contestant-cl4:nth-child(16),
.contestant-cl4:nth-child(20),
.contestant-cl4:nth-child(24)
{
    margin-right: 0;
}

.contestant-cl4 a {
    cursor: pointer;
}
.contestant-cl4 a:hover .contestantName {
    color: #D6785E;
}
 
.playVideo:hover {
    cursor: pointer;
    color: #004177;
}

.contestantImage img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.contestantDesp {
    display: block;
    font-size: 16px;
    padding: 20px;
    color: #000000;
}

.contestOverview {
    width: 70%;
    margin-bottom: 50px;
}

.contestOverview h1 {
    font-size: 30px;
}
.contestOverview p {
    width: 65%;
}

.contestantNo {
    font-size: 14px;
    font-weight: 600;
    color: #4D4D4D;
}

.contestantName {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    color: #4D4D4D;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
}

.contestantHeight,
.contestantWeight {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    color: #4D4D4D;
    line-height: 1.5;
    font-size: 15px;
	margin-bottom: 5px;
}

.contestantBWH {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    color: #4D4D4D;
    line-height: 1.5;
    font-size: 15px;
	margin-bottom: 50px;
}

.contestantBWH-mobile {
	display: none;
}

.socialmedia-container {
	position: absolute;
	bottom: 0;
	margin-bottom: 20px;
}

.contestantFB {
	float: left;
}

.contestantInstagram {
	float: left;
}

.topbar-social {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-left: 40px;
}

.topbar-social-item {
  font-size: 18px !important;
  color: #4D4D4D;
  padding: 8px;
  cursor: pointer;
}

.topbar-social-item:hover{
  color: #D6785E;
}

.playVideo {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    /* padding: 8px 15px; */
    padding: 5px 10%;
    white-space: nowrap;
    cursor: pointer;
    color: #AC5C57;
    border: 1px solid #AC5C57;
    border-radius: 50px;
    background: #ffffff;
}
.votes {
    float: right;
    margin-top: 3px;
}
.votes img {
    margin-bottom: 4px;
}
.voteNumber {
    font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
    padding-left: 5px;
    font-size: 15px;
    color: #E3785E;
}

@media (max-width: 1050px) {
.contestantBWH {
	display: none;
}

.contestantBWH-mobile {
	display: block;
	font-family: 'Red Hat Display', 'Noto Sans SC', sans-serif;
	color: #4D4D4D;
	line-height: 1.5;
	font-size: 15px;
	margin-bottom: 50px;
}
	
/*.contestantFB {
	float: none;
	margin-bottom: 5px;
}

.contestantInstagram {
	float: none;
	margin-top: 0px;
}*/
}
	
@media (max-width: 768px) {
.contestBanner {
    display: none;
}

.contestBanner-mobile {
	display: block;
	/*width: 100%;
	max-width: 1800px;
	height: 400px;
    margin: 0 auto;
	background-size: 90%;
    background-position: center bottom;
    background-repeat: no-repeat;*/
    }
    #contestant .contentContainer img {
        width: 100%;
        max-width: 768px;
        max-height: 495px;
    }
}

@media (max-width: 700px) {
    .contestOverview,
    .contestOverview p {
        width: 100%;
    }
    
    .contestant-cl4 {
        width: 47%;
        margin-right: 5%;
        margin-bottom: 30px;
    }
    .contestant-cl4:nth-child(even) {
        margin-right: 0;
    }
    
    .playVideo {
        width:100%;
        margin-bottom: 10px;
    }
    .votes {
        float: none;
    }
}