/*********************************/
/**************************
VESTIGE STYLE(GUEST)
MOD. DATE: 16/DEC/2016
***************************/
/*********************************/
/************* @FONT FACE *************/
@font-face { font-family: 'Oswald'; src: url(../fonts/Oswald-Medium.html) format("woff"), url(../fonts/Oswald-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'FuturaStd'; src: url(../fonts/FuturaStd-Book.html) format("woff"), url(../fonts/FuturaStd-Book.ttf) format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'FuturaStd'; src: url(../fonts/FuturaStd-Heavy.html) format("woff"), url(../fonts/FuturaStd-Heavy.ttf) format("truetype"); font-weight: 700; font-style: normal; }
/************* @BASE STYLE  *************/
* { margin: 0; padding: 0; outline: none; }
html,
body { width: 100%; height: 100%; -webkit-appearance: none; }
body { overflow-x: hidden; background: #fff; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
li { list-style: none; }
b { font-weight: 400; }
input[type=number] { -moz-appearance: textfield; }
textarea:focus,
input:focus,
select:focus,
button:focus { outline: none; }
.placeTxt::-webkit-input-placeholder {
color:#b5b5b5;
font-family: 'Oswald', sans-serif;
}
.placeTxt::-moz-placeholder {
color:#b5b5b5;
font-family: 'Oswald', sans-serif;
}
.placeTxt:-ms-input-placeholder {
color:#b5b5b5;
font-family: 'Oswald', sans-serif;
}
::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #ccc;
}
::-moz-selection {
color: #FFF;
background: #13091f;
}
::selection { color: #fff; background: #58c4eb; }
/************* @COMPONENTS STYLE  *************/
.txtBox,
textarea { height: 40px; background: #fff; font-size: 14px; width: 100%; border: 1px solid #9f9f9f; padding: 0 10px;  }
textarea { border: 1px solid #9f9f9f; resize: none; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
.btn { height: 40px; padding: 0 10px; line-height: 38px; font-size: 16px; font-weight: 400; display: inline-block; background: #ccc; text-transform: uppercase; -webkit-transition: all .4s ease .2s; transition: all .4s ease .2s; text-align: center; border: none; }
.greenColor { background: #20bc6d; color: #fff; }
.grayColor { background: #333; color: #fff; }
.orangeColor { background: #ffa600; color: #fff; }
.blueColor { background: #40a6d9; color: #fff; }
.icon-arrow2,
.icon-search { color: #fff; font-size: 40px; }
.icon-twitter { color: #598ccb; }
.icon-fb { color: #3b589a; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.chosen-disabled { background: #fff !important; }
.chosen-disabled .chosen-single:before { display: none !important; }
/************* @ICONSET STYLE  *************/
.allIcon {
    display: inline-block;
    background-image: url(../images/healthyliving-sprite.png);
    background-repeat: no-repeat;
    background-size: 300px 300px;
}
.logosIcon { display: inline-block; background-image: url(../images/healthy-living-logo.png); /*background-repeat: no-repeat; background-size: 213px 68px;*/ }
.logoIcon { width: 100px; height: 70px; background-position: 0px 0px; }
.aboutIcon { width: 71px; height: 71px; background-position: 0 -60px; }
.callIcon { width: 27px; height: 27px; background-position: 0 -259px; }
.closeIcon { width: 33px; height: 27px; background-position: -24px -258px; }
.downArrow { width: 17px; height: 17px; background-position: -56px -259px }
.searchIcon { width: 19px; height: 17px; background-position: -69px -16px; }
.galleryIcon { width: 17px; height: 17px; background-position: -103px 0; }
.viewgalIcon { width: 25px; height: 17px; background-position: -120px 0; }
.clearIcon { width: 16px; height: 17px; background-position: -88px -17px; }
.viewIcon { width: 37px; height: 38px; background-position: -103px -18px; }
.fbIcon { width: 30px; height: 30px; background-position: -271px -35px; }
.twitterIcon { width: 30px; height: 30px; background-position: -268px 0; }
.idsaIcon { width: 30px; height: 30px; background-position: -208px -35px; }
.youtubeIcon { width: 30px; height: 30px; background-position: -242px -35px; }
.twitterIcon { width: 30px; height: 30px; background-position: -208px -70px; }
.instagramIcon { width: 30px; height: 30px; background-position: -238px -70px; }
.pinterestIcon { width: 30px; height: 30px; background-position: -270px -71px; }
.iosstoreIcon { width: 25px; height: 28px; background-position: -101px -192px; }
.playstoreIcon { width: 25px; height: 28px; background-position: -125px -192px; }
.winstoreIcon { width: 25px; height: 28px; background-position: -75px -192px; }
.appIcon { width: 32px; height: 32px; background-position: -83px -59px; }
.scheduleIcon { width: 32px; height: 32px; background-position: -112px -60px; }
.shoppingIcon { width: 32px; height: 32px; background-position: -146px -60px; }
/************* @card fronts and backs STYLE  *************/
.card__front { z-index: 2; }
.card__front,
.card__back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.card__front,
.card__back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.card__back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
/* click effect */
.card.effect__click.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.card.effect__click.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); }
/************* @HEADER BAR  *************/
header { 
    /*background: transparent;*/
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         z-index: 3;
         padding: 10px 10px 0;
         height: 62px; 
         transition: all .2s ease .1s;
         -webkit-transition: all .2s ease .1s;
         
}
header .container-fluid { position: relative; }
header h1 { font-size: 0; display: block; position: absolute; left: 30px; width: 70px; top: -10px; }
header .navLogin { width: 350px; float: right; text-align: right; position: relative; }
header.loggedin .navLogin { width: 400px; }
header .navLogin .searchBar { display: inline-block; vertical-align: middle; cursor: pointer; text-align: right; height: 38px; position: relative; z-index: 1; }
header .navLogin .searchBar .icon-search { position: absolute; right: 0px; top: -1px; }
header .navLogin .searchBar .searchTxt { position: absolute; right: 0px; width: 100%; height: 38px; }
header .navLogin .searchBar .searchTxt .searchIcon,
header .navLogin .searchBar .searchTxt .clearIcon { position: absolute; right: 11px; top: 10px; }
header .navLogin .searchBar .searchTxt.clear .clearIcon { display: block; right: 10px; }
header .navLogin .searchBar input { position: absolute; right: 0; border: none; width: 100%; height: 38px; line-height: 38px; background: none; padding: 0 10px; color: #fff; }
header .navLogin .searchBar input::-webkit-input-placeholder {
color:#fff;
}
header .navLogin .searchIcon,
header .navLogin .clearIcon { display: none; }
header .navLogin.showsearch .searchBar .searchTxt .searchIcon { display: block; }
header .navLogin.showsearch .searchBar .searchTxt .clearIcon { display: none; }
header .navLogin.showsearch .searchBar .searchTxt.clear .searchIcon { display: none; }
header .navLogin.showsearch .searchBar .searchTxt.clear .clearIcon { display: block; }
header .navLogin .searchBar input::-moz-placeholder {
color:#fff;
}
header .navLogin .searchBar input:-ms-input-placeholder {
color:#fff;
}
header.fixHeader { background: rgba(255, 255, 255,1); padding: 12px 10px 20px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); z-index: 10; }
header.fixHeader h1 .logoIcon { background-position: -70px -133px; }
header.fixHeader .icon-search { color: #444; }
header.fixHeader .searchBar input { border: none; color: #444; }
header.fixHeader .navLogin .searchBar .searchTxt .searchIcon { background-position: -69px -34px; }
header.fixHeader .navLogin .searchBar .searchTxt.clear .clearIcon { background-position: -88px -34px; }
header.fixHeader .navLogin .searchBar input::-webkit-input-placeholder {
color:#444;
}
header.fixHeader .navLogin .searchBar input::-moz-placeholder {
color:#444;
}
header.fixHeader .navLogin .searchBar input:-ms-input-placeholder {
color:#444;
}
header .searchBar { width: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border: 1px solid transparent; }
header .showsearch .searchBar { width: 200px; border: 1px solid #fff; }
header .showsearch .searchBar input { opacity: 1; filter: alpha(opacity=100); }
header .showsearch .searchBar .searchTxt { opacity: 1; filter: alpha(opacity=100); }
header .showsearch #searchBtn { display: none; }
header.fixHeader .showsearch .searchBar { border: 1px solid #444; }
/*HEADER USER PROFILE*/
header .welcomeBox { max-width: 205px; float: right; text-align: center; position: relative; padding: 16px 0 0; margin-left: 0; }
header .welcomeBox:before { content: ''; position: absolute; width: 1px; height: 25px; background: rgba(255,255,255,0); left: 0; top: 20px; }
header .welcomeBox a.userName { color: #fff; font-weight: 400; display: block; font-family: 'Oswald'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
header .welcomeBox a.userName:hover { opacity: 0.8; filter: alpha(opacity=80); }
header.fixHeader .welcomeBox a { color: #444; }
header .welcomeBox .userName { display: inline-block; word-spacing: 2px; text-transform: uppercase; max-width: 250px; padding: 0 20px 0 16px; }
header .welcomeBox .userName span { }
header .welcomeBox .userName:after,
header .welcomeBox.showprofile .userName:after { content: ''; position: absolute; right: 0px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; }
header .welcomeBox .userName:after { border-top: 8px solid #fff; }
header.fixHeader .welcomeBox .userName:after { border-top: 8px solid #444; }
header .welcomeBox.showprofile .userName:after { border-bottom: 8px solid #fff; border-top: none; }
header.fixHeader .welcomeBox.showprofile .userName:after { border-bottom: 8px solid #444; border-top: none; }
header .welcomeBox ul { position: absolute; top: 55px; width: 200px; display: none; right: 0; }
header .welcomeBox ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.12); text-align: left; background: #333; display: block; }
header .welcomeBox ul li:hover { opacity: 0.8; filter: alpha(opacity=80); }
header .welcomeBox ul li a { display: block; color: #fff; padding: 10px 16px; }
header.fixHeader .welcomeBox ul li a { display: block; color: #fff; display: block; }
header .welcomeBox ul li:last-child { border-bottom: none; }
header .welcomeBox.showprofile ul { display: block; }
.navLogin.unclickable { opacity: 0.6; filter: alpha(opacity=60); pointer-events: none; }
/***/
.navLogin .languagebox { position: absolute; left: 75px; top: 10px;  }
.navLogin .languagebox .switchcountry,
.navLogin .languagebox ul li { /*width: 36px; height: 36px;*/ display: block; background: #fff; border-radius: 50%; overflow: hidden; border: 1px solid #fff; text-align: center; }
.navLogin .languagebox ul { /*display: none;*/ }
.navLogin .languagebox ul li { margin: 4px 0; }
.navLogin .languagebox ul li:hover { opacity: .8; }
.navLogin .languagebox ul li.active { display: none; }
/************* @NAV BAR  *************/
.navigation { position: fixed; width: 100%; z-index: 6; }
.navigation .container-fluid { position: relative; }
.navToggle { position: absolute; z-index: 7; left: 0; top: 8px; display: block; cursor: pointer; width: 32px; height: 32px; }
.navToggle span,
.navToggle span:before,
.navToggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 30px; top: 8px; background: #FFF; position: absolute; display: block; content: ''; }
.navToggle span:before { top: -8px; }
.navToggle span:after { bottom: -9px; }
.navToggle span,
.navToggle span:before,
.navToggle span:after { -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.navToggle.active span { background-color: transparent; }
.navToggle.active span:before,
.navToggle.active span:after { top: 0; }
.navToggle.active span:before { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.navToggle.active span:after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.navBar { min-width: 320px; width: 100%; background: #333; position: fixed; z-index: 6; top: 0; left: 0; visibility: visible; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.navBar { min-width: 320px; background: #333; position: fixed; z-index: 6; top: 0; left: 0; visibility: visible; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.navBar.showhide { -ms-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(0); }
.navBar .closenavBtn { width: 35px; height: 35px; position: absolute; left: 15px; top: 20px; display: block; cursor: pointer; }
.navBar > ul { overflow: auto; margin: 40px 0 0 0; height: calc(100% - 120px); }
.navBar li { padding: 9px 0; }
.navBar li a { color: #fff; opacity: 0.5; text-transform: uppercase; font-size: 15px; font-family: 'Oswald'; }
.navBar li a.active { border-bottom: 3px solid #fff; }
.navBar li .active,
.navBar li a:hover { opacity: 1; }
.navigation.fixHeader .navToggle span,
.navigation.fixHeader .navToggle span:before,
.navigation.fixHeader .navToggle span:after { background: #444; }
.navigation.fixHeader .navToggle.active span,
.navigation.fixHeader .navToggle.active span:before,
.navigation.fixHeader .navToggle.active span:after { background: #fff; }
.navigation.fixHeader .navToggle.active span { background-color: transparent; }
.socialBox { padding: 30px 0 0; border-top: 1px solid rgba(255,255,255,0.5); height: 110px; margin: 0 180px 20px 40px; }
.socialBox p { text-transform: uppercase; font-size: 14px; margin: 0 0 20px; color: #fff; opacity: 0.5; font-family: 'Oswald', sans-serif; }
.socialBox a { display: inline-block; margin: 0 5px; vertical-align: middle; opacity: .6; -webkit-filter: grayscale(1); filter: grayscale(1); width: 30px; height: 30px; }
.socialBox a:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); }
.socialBox a[title = "Facebook"] { background: #3b589a; }
.socialBox a[title = "Indian Direct Selling Association"] { background: #72b43d; }
.socialBox a[title = "Youtube"] { background: #da2724; }
.socialBox a[title="Twitter"] { background: #00abf1; }
.socialBox a[title="Pinterest"] { background: #cb2027; }
.socialBox a[title="Instagram"] { background-image: url(../images/vestige-sprite.png); background-repeat: no-repeat; background-position: -260px -100px; }
header.contentbox:after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: block; }
.mainContainer { /* height: 100%; */ width: 100%; }
/************* @FOOTER BAR  *************/
footer { background: #fff; margin: 10px 0 0; position: relative; padding: 0 0 20px; }
footer small { display: block; text-align: center; padding-top: 60px; }
footer nav { text-align: center; margin: 10px 0 0; }
footer nav li { display: inline-block; min-width: 50px; padding: 0 10px; position: relative; }
footer nav li:after { content: ''; width: 1px; height: 12px; background: #5c5c5c; right: 0; top: 6px; position: absolute; }
footer nav li:last-child:after { display: none; }
footer nav li a:hover { color: #0f61ab; }
footer small,
footer a { font-size: 12px; color: #5c5c5c; font-weight: 400; }
footer .socialLinks { position: absolute; top: 15px; right: 4%; text-align: right; }
.socialLinks { width: 225px; }
.socialLinks a { display: inline-block; margin: 0 2px; vertical-align: middle; width: 30px; height: 30px; position: relative; }
.socialLinks a i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.socialLinks a[title="Facebook"] { background: #3b589a; }
.socialLinks a[title="Indian Direct Selling Association"] { background: #72b43d; }
.socialLinks a[title="Youtube"] { background: #da2724; }
.socialLinks a[title="Twitter"] { background: #00abf1; }
.socialLinks a[title="Pinterest"] { background: #cb2027; }
.socialLinks a[title="Instagram"] { background-image: url(../images/vestige-sprite.png); background-repeat: no-repeat; background-position: -260px -100px; }
.appLinks a[title = "ios app store"] { background: #0268e2; }
.appLinks a[title = "google play store"] { background: #000000; }
.appLinks a[title = "Windows app store"] { background: #009300; }
footer .socialLinks a i { font-size: 29px; }
footer .appLinks { position: absolute; top: 15px; width: 140px; left: 4%; text-align: left; }
footer .appLinks a { display: inline-block; margin: 0 2px; vertical-align: middle; width: 30px; height: 30px; position: relative; }
footer .appLinks a i { font-size: 29px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/************* @LOGIN FORM  *************/
.loginForm { top: 0; right: 0; z-index: 7; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transform: translateX(400px); transform: translateX(400px); -webkit-transform: translateX(400px); visibility: visible; width: 0; }
.loginForm.showhide { -ms-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(0); }
.loginForm h2 { font-size: 24px; font-weight: 400; color: #383838; padding: 23px 30px; background: #f0f0f0; text-transform: uppercase; }
.loginForm h2 .navToggle { right: 20px; top: 35px; left: inherit; }
.loginForm h2 .navToggle span:before,
.loginForm h2 .navToggle span:after { background: #383838; }
.loginForm ul { padding: 30px; }
.loginForm ul li:last-child { margin: 0 0 10px; }
.loginForm ul li label { font-size: 20px; color: #fff; font-weight: 400; text-transform: uppercase; }
.loginForm ul li .txtBox { border: none; border-bottom: 1px solid #fff; opacity: 0.6; filter: alpha(opacity=60); color: #fff; background: none; padding: 0; margin: 15px 0 0 0; font-size: 16px; }
.loginForm .goBtn { width: 90px; border: 2px solid #fff; background: transparent; color: #fff; margin: 20px 0 0; }
.loginForm .forgotpwd { border: none; color: #fff; background: none; margin: 0 0 0 30px; }
.loginForm .forgotpwd:before { display: none; }
/************* @MODULE STYLE  *************/
.title { font-size: 20px; font-weight: 400; text-transform: uppercase; padding: 10px 0; text-align: center; }
.vestigeOverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index: 2; opacity: 0.6; filter: alpha(opacity=60); display: none; }
.vestigeOverlay.display { display: block; }
.noScroll { overflow-y: hidden; }
.vestigeloginOverlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index: 7; opacity: 0.6; filter: alpha(opacity=60); display: none; }
.vestigeloginOverlay.display { display: block; }
/************* @INDEX PAGE  *************/
.bannerSlider { background: #2e70aa; position: relative; }
.innerbannerSlider {   }
.innerbannerSlider img { width: 100%;  }
.bannerSlider img { /*opacity: 1;*/ filter: alpha(opacity=0); max-width: 100%; }
.bannerSlider .bannerArrow { display: none; }
.itemDetail { position: absolute; left: 40px; top: 50%; margin: -40px 0 0; }
.itemDetail h2,
.itemDetail p,
.itemDetail a { color: #fff; }
.itemDetail h2 { font-weight: 400; text-align: left; padding: 0; line-height: 28px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,.2); }
.itemDetail p { font-size: 14px; font-weight: 300; line-height: 18px; }
.itemDetail p a:hover { text-decoration: underline; }
.itemDetail span { display: none; }
.itemDetail.bannertxtright { text-align: right; /*right:40px; left:initial;*/ }
.itemDetail.bannertxtright h2 { text-align: right; }
.newSchemeBtn { position: absolute; bottom: 10px; left: 0; padding: 0 5px; width: 100%; text-align: center; }
.newSchemeBtn .btn { height: 38px; line-height: 38px; font-size: 11px; margin: 0 6px 0 0; vertical-align: top; }
.newSchemeBtn .btn i { display: inline-block; width: 28px; vertical-align: middle; margin-right: 5px; font-size: 24px; position: relative; margin-top: -2px; }
.newSchemeBtn .btn:last-child { margin-right: 0; }
.newSchemeBtn .btn:hover { opacity: 0.9; filter: alpha(opacity=90); }
.newSchemeBtn .btn:hover i.icon-mobile { color: #20bc6d; }
.newSchemeBtn .btn:hover i.icon-clock { color: #333; }
.newSchemeBtn .btn:hover i.icon-cart { color: #fb9229; }
.prodSec { width: 100%;  position: relative; display: block; position: relative;  padding: 0 10px;   margin: 10px 0 0; }
.prodImg { /*text-align: center;*/}
.prodImg img {/* max-width: 100%;*/ width: 100%;}
.prodDesc { position: absolute; bottom:3%; top:3%; width: 94%; left:3%; right: 3%; background: transparent; border: 2px solid #fff; height: 94%;    }
.prodDesc h2 { font-family: 'FuturaStd', sans-serif!important; font-size: 18px; text-transform: capitalize!important; position: absolute; padding:10px!important;  bottom: 0px; color: #fff; text-align: left; padding: 0; font-weight: 400; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.8); width: 100%; }
.prodDesc h2 a { font-family: 'FuturaStd', sans-serif!important; color: #fff; font-size: 18px!important; text-transform: capitalize!important; }


.prodDesc p { font-size: 15px; color: #fff; font-family: 'FuturaStd', sans-serif; font-weight: 400; }
.prodSec .goBtn { position: absolute; bottom: 10px; right: 20px; width: 50px; height: 50px; text-align: center; }
.brandSection { background: #fff; margin: 5px 0 0; padding: 10px 0 0 0; }
.brandSection h2 { color: #333; }
.brandssecWrap { padding: 4px 80px; margin: 10px 0 0 0; }
.brandsimgWrap { display: block; text-align: center; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 0 5px #fff; margin: 0 10px 5px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.brandsimgWrap img { max-width: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.brandsimgWrap:hover { box-shadow: 0 0 4px #ccc; -webkit-filter: grayscale(0%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.brandsimgWrap:hover img { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
.brandSection > .brandssecWrap { text-align: center; }
.brandSection > .brandssecWrap > .row > div { display: inline-block; float: none; }
.brandSection > .brandssecWrap .owl-carousel { display: block; width: 90%; padding: 0 5%; margin: 0 auto; }
.brandSection > .brandssecWrap .owl-controls { width: 100%; left: 50%; margin: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.brandSection > .brandssecWrap .owl-controls .owl-prev,
.brandSection > .brandssecWrap .owl-controls .owl-next { color: #000; }
.brandSection > .brandssecWrap .owl-carousel .brandsimgWrap { max-width: 228px; margin: 0 auto; }
.aboutSection { position: relative; /*margin: 5px 0 0 0;*/ background: url(../images/about-bg.jpg) top left no-repeat; background-size: cover; padding: 10px 20px 30px 20px; }
.aboutSection span { position: absolute; left: 50%; top: 95px; margin: 0 0 0 -32px; }
.aboutSection h2,
.aboutSection h3,
.aboutSection p { color: #fff; }
.aboutSection h2 { margin: 0 0 20px 0; }
.aboutSection h3 { font-size: 20px; text-transform: uppercase; font-weight: 400; text-align: center; margin: 0 0 10px 0; }
.aboutSection p { text-align: center; font-family: 'FuturaStd', sans-serif; font-weight: 400; font-size: 15px; margin: 0 0 20px 0; opacity: 0.8; filter: alpha(opacity=80); }
.reachoutSection {  padding: 10px 0 0 0; background: #edf7ff; margin: 5px 0 0 0; }
.reachoutwrap { margin: 10px 0 0 0; }
.reachoutSection ul li { margin-bottom: 16px; }
.reachoutwrap .reachDetail,
.reachoutwrap .reachEnqForm,
.reachoutwrap .reachMail { padding: 10px; }
.reachoutwrap .reachMail ul { overflow: hidden; }
.reachoutwrap .reachMail a { display: inline-block; }
.reachoutwrap .reachDetail:before,
.reachoutwrap .reachEnqForm:before,
.reachoutwrap .reachMail:before { clear: both; }
.reachoutSection h3,
.reachoutSection p,
.reachoutSection a { font-size: 15px; color: #4f4c4d; }
.reachoutSection h3 { font-weight: 700; letter-spacing: 1px; padding-bottom: 3px; }
.reachoutSection p { font-family: 'FuturaStd', sans-serif; font-weight: 400; }
.reachoutSection .map { height: 250px; width: 100%; background: #06C; margin-bottom: 20px; border: 1px solid #B5B4B4; }
.reachoutwrap .reachEnqForm p { margin: 0 0 20px 0; }
.reachoutSection .formfield { display: block; margin-bottom: 20px; }
.reachoutSection .formfield textarea { height: 120px; }
.reachoutSection .formBtn { display: block; text-align: center; margin: 10px 0 20px 0; }
.reachoutSection .formBtn .btn { background: #598ccb; color: #fff; font-size: 16px; width: 160px; }
/************* @OWL SLIDER  *************/
.owl-carousel { display: none; position: relative; width: 100%; /*height: 100%;*/ }
.owl-carousel .owl-wrapper:after { clear: both; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); /* height: 100%;*/ }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; /*height: 100%;*/}
.owl-carousel .owl-item { float: left; height: 100%; }
.owl-carousel .owl-item .item {  /*background-size: cover!important;*/ background-position: center center!important; background-repeat: no-repeat!important; height: 100%!important; }
.owl-controls { position: absolute; left: 10px; top: 50%; margin: -20px 0 0 0; width: 100%; color: #fff; }
.owl-controls .owl-prev { float: left; cursor: pointer; }
.owl-controls .owl-next { float: right; cursor: pointer; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-pagination .owl-page { width: 6px; height: 6px; border-radius: 50%; background: rgba(254, 254, 254, 0.61); margin: 5px 0 0 6px; cursor: pointer; }
.owl-pagination .owl-page.active { height: 18px; border-radius: 2px; background: #fff; }
/************* @COMPANY PAGE  *************/
.companyBanner { background: center center no-repeat; background-size: cover; height: 100%; }
.companyPage .title { background: #333; color: #fff; padding-top: 20px; }
.companyPage .cd-tabs-content h2 { background: none; color: #444; margin: 0 0 20px 0; }
.bannerDetail { position: absolute; top: 50%; margin: -45px 20px 0 20px; }
.bannerDetail h2,
.bannerDetail p { color: #fff; }
.bannerDetail h2 { font-size: 24px; text-transform: uppercase; font-weight: 400; }
.bannerDetail h2 span { display: block; }
.bannerDetail p { font-size: 15px; font-weight: 300; }

.innercompanyBanner { background: center center no-repeat; background-size: cover; position: relative  }
.innercompanyPage .title { background: #333; color: #fff; padding-top: 20px; }
.innercompanyPage .cd-tabs-content h2 { background: none; color: #444; margin: 0 0 20px 0; }
.innerbannerDetail { position: absolute; z-index: 1; bottom:0px;
left: 10px;  }
.innerbannerDetail h2,
.innerbannerDetail p { color: #fff; }
.innerbannerDetail h2 { border-left: 5px solid #31963c; font-size: 36px; display: inline-block; width: 40%; padding: 10px 20px;  color: #31963c; text-transform: uppercase; font-weight: 400; background: #fff; opacity: .8;   }

.innerbannerDetail p { font-size: 15px; font-weight: 300; }


/************* @ABOUT SECTION  *************/
.companyPage .aboutSection { background: none; }
.companyPage .aboutSection h3 { color: #444; margin: 40px 0 10px 0; }
.aboutSection p.idsasection { color: #72b43d; font-weight: 600; }
p.idsasection { text-transform: uppercase; }
p.idsasection .idsalink { display: inline-block; vertical-align: middle; width: 80px; height: 80px; background: #fff; border-radius: 50%; border: 1px solid #72b43d; position: relative; margin-right: 10px; }
p.idsasection .idsalink img { width: 62%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
/************* @MANAGEMENT SECTION  *************/
.companyPage .mgmtStaff { padding: 50px 0 0 0; margin: 0 0 30px 0; border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; }
.companyPage .staffBox { width: 226px; margin: 0 auto 40px auto; border: 2px solid #eeeeee; overflow: hidden; }
.companyPage .staffBox span { display: block; border: 2px solid #000; margin: 0 0 10px 0; height: 273px; }
.companyPage .staffBox span img { max-width: 100%; }

.companyPage .staffBox h3,
.companyPage .staffBox h4,
.companyPage .staffBox p,
.companyPage .staffBox p a { font-weight: 500; }
.companyPage .staffBox h4,
.companyPage .staffBox p,
.companyPage .staffBox a { font-size: 15px; }
.companyPage .mgmtStaff h3{ font-size: 24px; color:#444444; text-transform: uppercase; }
.companyPage .mgmtStaff h4{ font-size: 18px; color:#444444; text-transform: uppercase; }
.companyPage .staffBox h3,
.companyPage .staffBox h4 { text-transform: uppercase; color: #444; }
.companyPage .staffBox h3 { font-size: 20px; }
.companyPage .staffBox .staffInfo { margin: 10px 0 0 0; }
.companyPage .staffBox p { color: #999; font-family: 'FuturaStd', sans-serif; text-align: left; }
/************* @BUSINESS OPPORTUNITIES SECTION  *************/
.marketingPlan { background: #fff9ec; padding: 20px 0 0 0; }
.marketingPlan .title,
.benifit .title { font-size: 17px; }
.benifit { background: #e2edfe; padding: 20px 0 0 0; }
.benifit ul li { display: block; padding: 10px 0 10px 0; }
.profitBox { width: 100%; min-height: 170px; text-align: center; display: block; cursor: pointer; }
.profitBox span { display: block; width: 110px; height: 110px; margin: 0 auto; background: #999; color: #fff; border-radius: 50%; position: relative; }
.profitBox span small { display: block; position: absolute; width: 110px; min-height: 52px; top: 50%; left: 50%; margin: -26px 0 0 -55px; font-size: 36px; font-weight: 500; }
.profitBox b { font-size: 20px; position: absolute; bottom: 5px; left: 50%; margin-left: -9px; }
.profitBox .savingBg { background: #809f3c; }
.profitBox .retailBg { background: #5b7c9d; }
.profitBox .accumulativeBg { background: #c8ae6f; }
.profitBox .directorBg { background: #c88c6f; }
.profitBox .leadershipBg { background: #c86f6f; }
.profitBox .carBg { background: #85749a; }
.profitBox .houseBg { background: #8a95a0; }
.profitBox .travelBg { background: #76a1cc; }
.cd-tabs-content li .profitBox p { font-weight: 500; font-family: 'Oswald', sans-serif; margin: 10px 0 20px 0; }
.success { background: #474c54 url(../images/suceess-banner.jpg) center center no-repeat; background-size: cover; height: 460px; padding: 20px 0 0 0; }
.successTitle { width: 320px; }
.success h3,
.success h4 { color: #fff; font-weight: 400; padding: 0 0 0 20px; text-transform: uppercase; }
.success h3 { font-size: 24px; }
.success h4 { font-size: 30px; text-align: right; padding: 0 20px 0 20px; }
.success h4 span { font-size: 60px; display: block; text-align: left; line-height: 60px; }
.success ul { margin: 20px 0 0 0; }
.success ul li { width: 300px; height: 45px; color: #fff; font-size: 16px; background: #666; text-transform: uppercase; line-height: 45px; padding: 0 0 0 20px; margin: 0 0 20px 0; display: block; border-radius: 0 20px 20px 0; }
.success ul li.success01 { background: #56a3a4; }
.success ul li.success02 { background: #886c9e; }
.success ul li.success03 { background: #b5a965; }
.success ul li.success04 { background: #9c667a; padding-left: 20px; }
/*************  @TAB  *************/
.cd-tabs { position: relative; }
.cd-tabs nav { -webkit-overflow-scrolling: touch; background: #333; /*padding: 10px 0 0 0;*/ }
.cd-tabs-navigation { text-align: center; }
.cd-tabs-navigation:after { content: ""; display: table; clear: both; }
.cd-tabs-navigation li { display: inline-block; vertical-align: top; margin: 4px; }
.cd-tabs-navigation a { padding: 10px; position: relative; display: block; min-height: 50px; /*padding-bottom: 10px;*/ min-width: 160px; text-align: center; font-size: 15px; font-weight: 500; color: #fff; opacity: 0.6; filter: alpha(opacity=60); line-height: 36px; text-transform: uppercase; }
.cd-tabs-navigation a.upcoming { color: #d9ae12; opacity: 1; filter: alpha(opacity=100); position: absolute; top: 15px; right: 40px; }
.cd-tabs-navigation a.upcoming:before { content: ''; width: 1px; height: 30px; background: #fff; opacity: 0.4; filter: alpha(opacity=40); position: absolute; left: -5px; bottom: 20px; }
.cd-tabs-navigation a.upcoming i { color: #d9ae12; }
.cd-tabs-navigation a i { display: block;  /*margin: 0 auto 5px auto;*/ color: #fff; font-size: 40px; }
.cd-tabs-navigation a:hover { background: #1667bc; color: #fff; opacity: 1; filter: alpha(opacity=100); }

.cd-tabs-navigation a:hover img { display: none;  }
.cd-tabs-navigation a img.block {display: none;  }
.cd-tabs-navigation a:hover img.block { display: inline-block; }

.cd-tabs-navigation a:hover i { color: #fff; }
/*.cd-tabs-navigation a:after{content: ''; position: absolute; bottom: 0; left: 0; background: transparent; width: 0; height: 3px; transition: width .5s ease, background-color .5s ease; -webkit-transition: width .5s ease, background-color .5s ease;}*/
.cd-tabs-navigation a:after { content: ''; display: block; margin: auto; height: 4px; width: 0; background: transparent; -webkit-transition: width .5s ease, background-color .5s ease; transition: width .5s ease, background-color .5s ease; }
.cd-tabs-navigation a:hover:after { /* background: #04a651; width: 100%; */ }
.cd-tabs-navigation a.selected { color: #fff; opacity: 1; filter: alpha(opacity=100); background: #1667bc; /*padding: 10px 0px;*/ }

.cd-tabs-navigation a.selected:hover img {display:inline-block }



.cd-tabs-navigation a.selected i { color: #fff; }
.cd-tabs-navigation a.selected:after { content: ''; /*background: #04a651;*/ width: 100%; height: 4px; }
.cd-tabs-content { background: #fff; }
.cd-tabs-content li { color: #565656;  font-family: 'FuturaStd', sans-serif; padding: 10px 0; list-style:disc; list-style-position:inside; }
.cd-tabs-content li.selected { display: block; -webkit-animation: cd-fade-in .5s; animation: cd-fade-in .5s; }
.cd-tabs-content li:last-child { padding: 0; }
.cd-tabs-content li p { font-size: 15px; color: #565656; margin-bottom: 20px; font-family: 'FuturaStd', sans-serif; font-weight: 400; padding-top: 10px;  }
.tab-content { background: #fff; }
/*************  @SUB-TAB-SUCCESS STORIES  *************/
.successStory nav { background: #04a651; padding: 10px; text-align: center; }
.transformer-tabs li { display: inline-block; padding: 0; vertical-align: bottom; }
.transformer-tabs a { display: inline-block; color: #fff; font-size: 15px; font-weight: 500; opacity: 0.5; filter: alpha(opacity=50); }
.transformer-tabs a.active { position: relative; opacity: 1; filter: alpha(opacity=100); background: #04a651; }
.transformer-tabs a:hover { opacity: 1; filter: alpha(opacity=100); }
.successStory .tabContainer { display: none; padding: 15px; }
.successStory .active { display: block; }
/*************  @SUCCESS STORIES  *************/
.companyPage .directorBox { margin: 0 0 40px 0; }
.companyPage .directorBox span { display: block; border: 2px solid #000; margin: 0 0 10px 0; width: 225px; height: 273px; }
.companyPage .directorBox span img { max-width: 100%; }
.companyPage .directorBox h3 { font-size: 20px; font-weight: 500; text-transform: uppercase; color: #444; }
.companyPage .directorBox p { font-size: 15px; color: #999; text-align: left; margin: 5px 0 0 0; font-weight: 400; }
.companyPage .directorBox p a { color: #04a651; font-family: 'Oswald', sans-serif; font-weight: 400; }
/*************  @SUCCESS STORIES - ACHEIVER TAB  *************/
.successStory .tabContainer#story8 { padding: 0 0 25px; }
.achivertabheader { margin-bottom: 25px; }
.achivertab { background: #e0eae5; padding: 10px; text-align: center; }
.achivertab li { display: inline-block; vertical-align: top; padding: 0 18px; font-size: 16px; text-align: center; color: #98a19c; cursor: pointer; }
.achivertab li a { font-size: 16px; color: #98a19c; }
.achivertab li:hover { color: #04a651; }
.achivertab li.current { color: #04a651; }
.achivertabcontent { display: none; padding: 0 20px; }
.achivertabcontent.current { display: block; }
.achivertabcontent ul { font-size: 0; }
.achivertabcontent ul li { color: #414141; padding: 30px; font-weight: 400; border: 1px solid #e1e5de; display: inline-block; font-size: 16px; margin: 5px; }
.achivertabcontent ul li:last-child { padding: 30px; }
/*************  @PRODUCTS *************/ 
.productBanner { background: center center no-repeat; background-size: cover; height: 100%; }
.productPage { padding: 10px 15px 30px 15px; background: #fff; }
.productPage .title { margin: 0 0 10px 0; }
.productPage .prodItem { width: 100%; margin: 0 0 10px 0; overflow: hidden; display: block; cursor: pointer; }
.productPage .prodItem span { display: block; }
.productPage .prodItem span img { max-width: 100%; }
.productPage .prodItem .prodDetail { padding: 10px 15px; }
.productPage .prodItem .prodDetail h3 { font-size: 20px; font-weight: 400; color: #fff; text-transform: uppercase; }
.productPage .prodItem .prodDetail p { font-size: 14px; color: #333; margin: 5px 0 15px 0; font-weight: 400; font-family: 'FuturaStd', sans-serif; }
.productPage .prodItem .prodDetail .btn { background: transparent; border: 2px solid #fff; width: 150px; color: #fff; height: 40px; line-height: 38px; }
.productPage .healthcarebg { background: #90d69f; }
.productPage .persoanlcarebg { background: #d39494; }
.productPage .oralcarebg { background: #88c5d4; }
.productPage .healthfoodbg { background: #96b015; }
.productPage .agribg { background: #a5d387; }
.productPage .selfhealthbg { background: #acacac; }
.productPage .businessbg { background: #97b2d4; }
/*************  @NEWS *************/ 
.newsBanner { background: center center no-repeat; background-size: cover; height: 100%; }
.newsPage { padding: 0; background: #fff; }
.newsPage .title { /* background: #333; */ color: #444444; padding-top: 20px; }
.newsPage .cd-tabs-navigation a { font-weight: 500; font-family: 'Oswald', sans-serif; }
.repurchaseContainer { background: #fff8f2; padding: 40px 0 0; position: relative; }
.newsPage h3 { text-align: center; }
.newsPage h3,
.newsPage p { color: #444; text-align: center; font-size: 16px; }
.newsPage p,
.newsPage a { font-family: 'FuturaStd', sans-serif; font-weight: 400; }
.newsPage h3 { font-size: 30px; font-weight: 400; text-transform: uppercase; }
.newsPage .offerSlider { margin: 40px auto 100px auto; width: 100%; position: relative; height: 352px; }
.newsPage .specofferContainer { background: #fff; padding: 40px 0 0 0; position: relative; }
.newsPage .specSlider { height: auto; margin: 50px 0 120px; }
.newsPage .offerSlider .item,
.newsPage .specSlider .item { text-align: center; }
.newsPage .offerSlider .owl-controls,
.newsPage .specSlider .owl-controls { position: inherit; left: inherit; top: inherit; margin: 25px 0 0 0; width: 100%; }
.newsPage .offerSlider .owl-pagination,
.newsPage .specSlider .owl-pagination { text-align: center; }
.newsPage .offerSlider .owl-pagination .owl-page,
.newsPage .specSlider .owl-pagination .owl-page { width: 12px; height: 12px; background: #acacac; display: inline-block; }
.newsPage .offerSlider .owl-pagination .owl-page.active,
.newsPage .specSlider .owl-pagination .owl-page.active { height: 12px; border-radius: 50%; background: #34b536; }
.newsPage .offerSlider .owl-buttons,
.newsPage .specSlider .owl-buttons { display: none; }
.offerWrap { width: 283px; display: inline-block; box-shadow: 0 0 4px #d1d1d1; }
.offerWrap span { display: block; width: 100%; height: 286px; }
.offerWrap p { background: #fff; padding: 20px 0; text-align: center; }
.specScheme { width: 283px; display: inline-block; margin: 0 10px; position: relative; height: 474px; }
.specScheme .card__front .vieweye { z-index: 2; position: absolute; top: 10px; right: 10px; opacity: 0; filter: alpha(opacity=0); width: 37px; height: 38px; }
.specScheme .card__front:hover .vieweye { opacity: 1; filter: alpha(opacity=100); }
.specScheme .offerWrap { margin: 15px 0 0 0; width: 255px; position: relative; }
.specScheme .offerWrap span { display: block; height: 340px; position: relative; }
.specScheme .offerWrap span img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.specScheme .offerWrap .offerInfo { padding: 10px; text-align: left; }
.specScheme .offerWrap .offerInfo h4 { font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; }
.specScheme .offerWrap .offerInfo small { font-family: 'FuturaStd', sans-serif; font-weight: 400; font-size: 16px; display: block; margin: 10px 0; }
.specScheme .offerWrap .offerInfo p { color: #000; background: none; padding: 0; }
.specScheme .specschemeInfo { height: 100%; width: 100%; padding: 10px; text-align: left; }
.specScheme .specschemeInfo h4 { font-size: 20px; font-family: 'Oswald', sans-serif; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; }
.specScheme .specschemeInfo p { font-family: 'FuturaStd', sans-serif; font-weight: 400; font-size: 16px; color: #fff; text-align: left; line-height: 22px; margin: 0 0 20px 0; }
.termscondition { color: #0f62ac; font-size: 13px; position: absolute; bottom: 20px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.serviceContainer { background: #e5f5ff; padding: 40px 0 20px 0; margin: 10px 0 0 0; }
.serviceContainer .row { margin: 60px 0 60px 0; }
.serviceContainer ul { padding: 0 8px 0 8px; }
.serviceContainer ul li { padding: 0 5px 0 5px; }
.serviceContainer .serviceWrap { width: 100%; background: #fff; height: 200px; position: relative; text-align: center; box-shadow: 0 0 4px #d1d1d1; padding: 80px 0 0 0; margin: 0 auto 20px auto; }
.serviceContainer .serviceWrap .callIcon { position: absolute; top: 30px; left: 50%; margin: 0 0 0 -14px; }
.serviceContainer .serviceWrap span { font-size: 30px; font-weight: 500; color: #5f859b; display: block; padding: 0 0 20px 0; }
.serviceContainer .serviceWrap p { background: #5f859b; height: 60px; position: relative; }
.serviceContainer .serviceWrap p span { font-size: 16px; color: #fff; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; padding: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; }
.serviceContainer .serviceWrap p span small { font-size: 16px; color: #222; display: block; font-family: 'FuturaStd', sans-serif; font-weight: 400; text-transform: none; }
.tripContainer { height: 520px; position: relative; margin: 10px 0 0 0; }
.tripContainer .tripBanner { background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; }
.tripContainer .tripBanner img { opacity: 0; filter: alpha(opacity=0); }
.tripContainer .triptitle { position: absolute; bottom: 20px; left: 20px; }
.tripContainer h3,
.tripContainer p { color: #fff; text-align: left; }
.careContainer { background: url(../images/customer-care-bg.jpg) center center no-repeat; background-size: cover; height: 620px; position: relative; padding: 40px 0 0 0; margin: 10px 0 0 0; }
.careContainer h3,
.careContainer p { color: #fff; }
.careContainer ul { margin-top: 20px; text-align: center; padding: 0 10px; }
.careContainer li { width: 100%; display: block; height: 75px; margin: 0 0 20px 0; padding: 10px; text-align: left; }
.careContainer li p,
.careContainer li a { color: #fff; text-align: left; }
.careContainer li p { font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.careContainer li a { font-size: 28px; font-family: 'FuturaStd', sans-serif; font-weight: 400; }
.upcomingContainer { padding: 40px 0 0; }
.upcomingContainer .title { background: none; color: #333; }
.upcomingContainer ul { margin: 60px 0 100px; }
.upcomingContainer ul li { padding: 0 20px; }
.upcomingContainer .productBox { width: 100%; min-height: 285px; position: relative; margin: 10px auto; }
.upcomingContainer .productBox .prodImg { display: block; border: 2px solid #fff; background-size: cover; box-shadow: 0 0 4px #d1d1d1; float: left; width: 245px; height: 285px; min-width: inherit; min-height: inherit; }
.upcomingContainer .productBox .prodImg img { max-height: 100%; max-width: 100%; opacity: 0; filter: alpha(opacity=0); }
.upcomingContainer .productBox .prodInfo { display: block; float: right; }
.upcomingContainer .productBox .prodInfo h4 { font-size: 30px; color: #414141; font-weight: 400; }
.upcomingContainer .productBox .prodInfo p { text-align: left; padding-right: 40px; }
.upcomingContainer .productBox .prodInfo p span { color: #04a651; }
.upcomingContainer .productBox .prodInfo h4 + p { margin: 20px 0 40px; }
/*************  @MEDIA *************/
.mediaContainer { padding: 40px 0 80px 0; }
.mediaContainer ul { margin: 60px 0 0; }
.mediaWrap { width: 100%; border: 2px solid #fff; box-shadow: 0 0 2px #ccc; display: block; }
.mediaWrap span { display: block; width: 100%; height: 260px; background-size: cover; background-repeat: no-repeat; }
.mediaWrap span img { max-width: 100%; max-height: 100%; opacity: 0; filter: alpha(opacity=0); }
.mediaWrap .mediaDetail { height: 110px; width: 100%; padding: 20px 14px; position: relative; }
.mediaWrap .mediaDetail h4,
.mediaWrap .mediaDetail p { font-size: 16px; font-family: 'FuturaStd', sans-serif; color: #414141; }
.mediaWrap .mediaDetail h4 { text-transform: uppercase; font-weight: 700; }
.mediaWrap .mediaDetail p { font-weight: 400; text-align: left; position: absolute; width: 100%; bottom: 20px; left: 0; padding: 0 14px; box-sizing: border-box; }
.mediaWrap .mediaDetail p small { float: right; }
/*************  @EVENTS *************/ 
.eventsBanner { background: center center no-repeat; background-size: cover; height: 100%; }
.eventPage .title { background: #333; color: #fff; padding-top: 20px; }
.eventContainer { padding: 0 20px 30px 20px; }
.eventContainer li { display: inline-block; padding: 0; }
.eventPage .eventWrap { width: 100%; margin: 0; display: block; }
.eventPage .eventWrap span { display: block; background-size: cover; }
.eventPage .eventWrap span img { max-width: 100%; max-height: 100%; opacity: 0; filter: alpha(opacity=0); }
.eventPage .eventWrap .eventDetail { padding: 10px 20px 10px 20px; text-align: left; position: relative; }
.eventPage .eventWrap .eventDetail h3 { font-size: 30px; font-weight: 400; color: #fff; text-transform: uppercase; }
.eventPage .eventWrap .eventDetail p { font-size: 16px; color: #333; text-align: left; margin: 5px 0 0 0; font-weight: 400; font-family: 'FuturaStd', sans-serif; min-height: 44px; }
.eventPage .eventWrap .eventDetail .btn { background: transparent; border: 2px solid #fff; width: 150px; color: #fff; height: 40px; line-height: 38px; margin: 10px 0 0; }
/*************  @UPCOMINGEVENTS *************/ 
.upcomingeventPage .title { background: #333; color: #fff; padding-top: 20px; }
.upcomingeventPage .tab-content ul li { position: relative; }
.upcomingeventPage .tab-content ul li span { display: block; width: 100%; background-size: cover; }
.upcomingeventPage .tab-content ul li span img { max-height: 100%; max-width: 100%; opacity: 0; filter: alpha(opacity=0); }
.upcomingeventPage .tab-content .upcomingDetail { position: absolute; top: 20px; left: 100px; width: 35%; color: #313131; }
.upcomingeventPage .tab-content .upcomingDetail h3,
.upcomingeventPage .upcomingDetail h4 { font-weight: 400; text-transform: uppercase; }
.upcomingeventPage .tab-content .upcomingDetail h4 { font-size: 30px; }
.upcomingeventPage .tab-content .upcomingDetail h4 i { font-size: 40px; font-family: "Times New Roman", Times, serif; text-transform: none; }
.upcomingeventPage .tab-content .upcomingDetail p { font-size: 16px; font-family: 'FuturaStd', sans-serif; margin: 20px 0 0; }
.upcomingeventPage .tab-content .upcomingDetail.colorF { color: #fff; }
/*************  @TRAINING *************/ 
.trainingBanner { background: center center no-repeat; background-size: cover; height: 100%; }
.trainingPage .title { background: #333; color: #fff; padding-top: 20px; }
.trainingPage .trainingTop { background: #fff8f2; padding: 20px 0 20px; }
.trainingPage .trainingTop .title { background: none; color: #444; }
.trainingPage .cd-tabs-navigation li { width: 140px; text-align: center; }
.trainingPage .cd-tabs-navigation a { line-height: 20px; height: 89px; min-width: 130px; }
.trainingPage .cd-tabs-navigation li:first-child a:after,
.trainingPage .cd-tabs-navigation li:last-child a:after { margin-top: 20px; }
.trainingPage .excelBtn { height: 40px; line-height: 38px; background: #fff; border: 1px solid #04A651; color: #04A651; padding: 0 10px; text-transform: capitalize; width: 138px; }
.trainingPage .excelBtn i { margin: 2px 5px 0 0; display: inline-block; vertical-align: middle; }
.trainingPage .filter { text-align: center; border-bottom: 1px dotted #ccc; position: relative; padding: 0 0 40px 0; margin: 0 10px 40px 10px; }
.trainingPage .filter li { display: inline-block; width: 130px; margin: 0px 10px 10px 0px; text-align: left; padding: 0; }
.trainingPage .filter li select { width: 100%; height: 40px; line-height: 40px; border: 1px solid #dbdbdb; background: #fff8f2; appearance: menulist; -webkit-appearance: menulist; padding: 0 8px; border-radius: 2px; }
.chosen-container-single .chosen-drop li:before { display: none; }
.trainingPage .filter li:last-child { margin: 0; }
.trainingPage .filter li span { color: #999; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; display: block; }
.trainingPage .filter .chosen-container .chosen-results li { margin: 0; padding: 10px; }
.trainingPage .filter .btnWrap { position: absolute; bottom: -20px; left: 50%; margin: 0 0 0 -167px; background: #fff8f2; }
.trainingPage .filter .searchBtn { background: #0f62ac; color: #fff; }
.trainingPage .chosen-container-single.chosen-container-active .chosen-single span { margin: 0; }
.trainingPage .filter li .chosen-container-single .chosen-single.chosen-default span { color: #c3c3c3; }
.trainingPage .filter li .chosen-container-single .chosen-single span { color: #444; }
.trainingPage .tblWrapper { margin: 30px 0 0; }
.trainingPage .tblWrapper table tr td:nth-child(4) { width: 280px; }
.trainingPage table tr.odd { background: #fbfbfd; }
.trainingPage .scheduleWrap { padding-top: 20px; }
.trainingPage .scheduleWrap .title { background: none; color: #444; }
.trainingPage .scheduleWrap ul { margin: 80px 30px 0; }
.trainingPage .scheduleWrap p { text-align: center; }
.trainingPage .scheduleWrap .upcomingWrap { box-shadow: 0 0 8px #D2D2D2; margin: 0 auto; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingTitle { background: #ccc; padding: 0 25px; position: relative; height: 60px; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingTitle h4 { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: 400; font-size: 18px; font-weight: 400; color: #fff; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent { padding: 30px 20px 0; height: 220px; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent p { margin: 0 0 5px; text-align: left; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent .fieldName,
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent .fieldValue { font-size: 16px; color: #414141; font-family: 'FuturaStd', sans-serif; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent .fieldName { width: 35%; float: left; font-weight: 700; }
.trainingPage .scheduleWrap .upcomingWrap .upcomingContent .fieldValue { width: 65%; float: right; font-weight: 400; }
.trainingPage .galleryBtn,
.trainingPage .viewBtn { color: #fff; position: absolute; width: 180px; line-height: 40px; }
.trainingPage .galleryBtn { background: #04a651; text-align: left; }
.trainingPage .galleryBtn i { position: absolute; top: 50%; right: 10px; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.trainingPage .viewBtn { background: #383838; text-align: right; }
.trainingPage .viewBtn i { position: absolute; top: 50%; left: 10px; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
/*************  @TRAINING GALLERY *************/ 
.galleryWrap .title { background: none; color: #444; }
.galleryWrap p { font-size: 16px; font-family: 'FuturaStd', sans-serif; text-align: center; color: #313131; }
.galleryWrap ul { margin: 60px 40px 0; }
.galleryWrap ul li { margin: 0 0 60px; }
.galleryWrap ul .imgWrap { width: 260px; display: block; margin: 0 auto; }
.galleryWrap ul .imgWrap span { width: 100%; height: 340px; background-size: cover; display: block; }
.galleryWrap ul .imgWrap span img { max-width: 100%; max-height: 100%; opacity: 0; filter: alpha(opacity=0); }
.galleryWrap ul .imgWrap .galleryDtl { width: 100%; background: #f5f5f5; padding: 10px; height: 82px; overflow: auto; }
.galleryWrap ul .imgWrap .galleryDtl h4,
.galleryWrap ul .imgWrap .galleryDtl p { color: #414141; font-weight: 400; }
.galleryWrap ul .imgWrap .galleryDtl h4 { font-size: 20px; margin: 0 0 10px; }
.galleryWrap ul .imgWrap .galleryDtl p { font-size: 16px; font-family: 'FuturaStd', sans-serif; text-align: left; }
/*************  @DATA TABLE *************/ 
.tblWrapper table { width: 100%; border: 1px solid #e1e5de; border-collapse: collapse; border-left: none; border-right: none; }
.tblWrapper table thead th,
.tblWrapper table tr td { padding: 25px 20px 25px 20px; color: #444; text-transform: uppercase; border: 1px solid #e1e5de; }
.tblWrapper table thead th { font-size: 14px; font-weight: 700; text-align: left; }
.tblWrapper table tr td { font-size: 14px; font-weight: 400; }
.tblWrapper table tbody tr:nth-child(odd) { background: #fbfbfd; }
.tblWrapper .sorting { background: url(../images/sorting.png) 90% center no-repeat; cursor: pointer; }
.tblWrapper .sorting_asc { background: url(../images/sort-asc.png) 90% center no-repeat; }
.tblWrapper .sorting_desc { background: url(../images/sort-desc.png) 90% center no-repeat; }
.tblWrapper .dataTables_paginate { text-align: center; margin: 100px 0px 15px; }
.tblWrapper .dataTables_paginate span { display: inline-block; vertical-align: middle; }
.tblWrapper .dataTables_paginate .paginate_button,
.tblWrapper .dataTables_paginate .paginate_active { font-size: 16px; font-weight: 400; padding: 0 5px; }
.tblWrapper .dataTa.catlogContainerbles_paginate .paginate_button { color: #b5b5b5; cursor: pointer; }
.tblWrapper .dataTables_paginate .paginate_active { color: #444; }
.tblWrapper .dataTables_paginate .previous,
.tblWrapper .dataTables_paginate .next { font-size: 50px; color: #444; display: inline-block; vertical-align: middle; margin: 0 8px; }
.tblWrapper .dataTables_paginate .paginate_button_disabled { color: #B7B7B7; }
.tblWrapper .dataTables_paginate .first,
.tblWrapper .dataTables_paginate .last { font-size: 0; }
/*************  @DOWNLOAD *************/
.downloadBanner { background: url(../images/download-banner.jpg) center center no-repeat; background-size: cover; height: 100%; }
.downloadPage { padding: 10px 0 0 0; background: #fff; }
.downloadPage h3 { text-transform: uppercase; font-size: 18px; color: #3d3d3d; }
.downloadPage p { font-weight: 400; font-family: 'FuturaStd', sans-serif; font-size: 14px; margin-top: 10px; }
.catlogContainer { /*background: #f1f8ff;*/ margin: 20px 0 0 0; padding: 20px; }
.catlogContainer .catSlider li:nth-child(1),
.catlogContainer .catSlider li:nth-child(2),
.catlogContainer .catSlider li:nth-child(3),
.catlogContainer .catSlider li:nth-child(4) { margin: 0 0 50px 0; }
.catlogContainer .catItem { width: 235px; display: block; text-align: center; padding: 0 5px; margin: 0 auto; }
.catlogContainer .catItem span { display: block; width: 100%; margin: 0 0 15px 0; box-shadow: 0 0 4px #d1d1d1; background: #fff; overflow: hidden; }
.catlogContainer .catItem img { max-width: 100%; display: block; border: none; max-height: 274px; margin: 0 auto; }
.catlogContainer .catItem .catDetail { text-align: left; margin: 0 0 15px 0; min-height: 168px; }
.catlogContainer .catItem .catDetail h3 { font-size: 20px; line-height: 22px; margin-bottom: 10px; font-weight: 500; }
.catlogContainer .catItem .catDetail p { color: #999; }
.catlogContainer .catItem .langSelection { width: 170px; margin: 0 auto 15px; }
.catlogContainer .catItem .langSelection .chosen-container { background: #fff; }
.catlogContainer .catItem .langSelection select { width: 100%; border: 1px solid #323232; height: 40px; background: #fff; }
.catlogContainer .catItem .langSelection .chosen-container-single .chosen-single { border: 1px solid #323232; background: none; }
.catlogContainer .catItem .langSelection .chosen-container-single .chosen-single span { box-shadow: none; }
.catlogContainer .catItem .langSelection .chosen-container-single .chosen-default { color: #323232; }
.catlogContainer .catItem .langSelection .chosen-container .chosen-results li { margin: 0; }
.catlogContainer .catItem .langSelection .chosen-container-single .chosen-single:before { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #323232; position: absolute; right: 15px; top: 50%; margin-top: -2px; }
.catlogContainer .catItem .langSelection .chosen-container-active.chosen-with-drop .chosen-single:before { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #323232; border-top: none; }
.catlogContainer .catItem .btn { background: #1062ac; color: #fff; width: 170px; display: block; margin: 0 auto; }
.catlogContainer .item { text-align: center; width: 100%; margin: 0; }
.catlogContainer .owl-item .item { width: 100% !important; }
.videoContainer h3,
.videoContainer p { color: #444; }
.videoContainer h3 { font-size: 30px; }
.videoContainer .videoItem { width: 100%; box-shadow: 0px 0px 4px #D1D1D1; margin: 40px 0 0; }
.videoContainer .videoItem .videoWrap { width: 100%; height: auto; background: #000; position: relative; }
.videoContainer .videoItem video { width: 100%; height: 100%; }
.videoContainer .videoItem .videoDetail { padding: 20px; text-align: left; background: #f3f3f3; }
.videoContainer .videoItem .videoDetail .videoTitle { width: 50%; float: left; }
.videoContainer .videoItem .videoDetail .videoReview { width: 50%; float: right; }
.videoContainer .videoItem .videoDetail h3 { font-size: 24px; margin: 0 0 12px; font-weight: 400; color: #414141; text-transform: uppercase; text-align: left; }
.videoContainer .videoItem .videoDetail p { font-size: 16px; color: #333; font-weight: 400; font-family: 'FuturaStd', sans-serif; text-align: left; }
.videoContainer .videoItem .videoDetail .videoReview p { margin: 0 0 20px; }
.videoContainer .videoItem .videoDetail .btn { background: #04a651; border: 1px solid #000; width: 150px; color: #fff; margin: 20px 0 0; }
.videoContainer ul { margin: 40px 0 0 20px; }
.videoContainer ul li { margin: 0 0 40px; }
.videoContainer ul li span { display: block; width: 280px; height: 180px; background-size: cover; float: left; }
.videoContainer ul li span img { max-height: 100%; max-width: 100%; opacity: 0; filter: alpha(opacity=0); }
.videoContainer ul li .videoContent h3 { font-size: 24px; font-weight: 400; }
.videoContainer ul li .videoContent p { font-size: 16px; font-family: 'FuturaStd', sans-serif; font-weight: 400; line-height: 30px; }
.videoContainer ul li .videoContent p small { font-size: 100%; float: right; }
.videoContainer ul li:last-child { margin: 0; }
.downloadPage .catSlider .owl-controls { position: inherit; left: inherit; top: inherit; margin: 25px 0 0 0; width: 100%; }
.downloadPage .catSlider .owl-pagination { text-align: center; }
.downloadPage .catSlider .owl-pagination .owl-page { width: 12px; height: 12px; background: #acacac; display: inline-block; }
.downloadPage .catSlider .owl-pagination .owl-page.active { height: 12px; border-radius: 50%; background: #34b536; }
.downloadPage .catSlider .owl-buttons { display: none; }
/*************  @PRODUCT DETAIL *************/
.prodDetailBanner { background-size: cover; height: 100%; background-position: center center; background-repeat: no-repeat; }
.prodDetailPage { background: #fff; position: relative; }
.prodDetailPage .title { background: #333; color: #fff; padding-top: 20px; }
.prodDetailPage .title a { color: #fff; opacity: .6; filter: alpha(opacity=60); padding-right: 5px; position: relative; }
.prodDetailPage .title a:hover { color: #04a651; text-decoration: underline; }
.prodDetailPage .title a:after { content: ""; width: 14px; height: 14px; background: #f00; display: block; position: absolute; right: 6px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; }
.prodDetailPage .tab-content { padding: 0 0 20px; }
.prodDetailPage .tab-content > ul { margin: 0 40px; }
.prodDetailPage .tab-content > ul > li { margin: 40px 0 0 0; }
.prodDetailPage .cd-tabs-navigation a { min-width: 130px; min-height: 40px; }
.prodDetailPage .prodWrap { /*width: 280px; background: #f5f5f5; */ position: relative; height: 440px; box-shadow: 0px 0px 4px #D1D1D1; margin: 0 auto; }
.prodDetailPage .prodWrap .proImg { margin-top: 5px; width: 100%; height: 340px; position: relative; display: block; background: #fff; position: relative; }
.prodDetailPage .prodWrap .proImg img {  max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.prodDetailPage .prodWrap .productInfo { padding: 10px; }
.prodDetailPage .prodWrap .productInfo h3,
.prodDetailPage .prodWrap .productInfo p { font-size: 14px; font-weight: 400; }
.prodDetailPage .prodWrap .productInfo p:last-child { font-size: 12px; }
.prodDetailPage .prodWrap .productInfo h3 { text-transform: uppercase; margin: 0 0 10px; color: #414141; padding: 0; max-height: 56px; overflow: hidden; }
.prodDetailPage .prodWrap .productInfo p { font-family: 'FuturaStd', sans-serif; margin: 2px 0 0; position: relative; }
.prodDetailPage .prodWrap .productInfo p i { position: absolute; right: 10px; }
.prodDetailPage .prodWrap .card__front span { z-index: 2; }
.prodDetailPage .prodWrap .card__back span { z-index: 1; }
.prodDetailPage .prodWrap .card__front span,
.prodDetailPage .prodWrap .card__back span { position: absolute; top: 10px; right: 10px; }
.prodDetailPage .prodWrap .card__front span i { color: #414141; opacity: 0; filter: alpha(opacity=0); }
.prodDetailPage .prodWrap .card__front:hover span i { opacity: 1; filter: alpha(opacity=100); }
.prodDetailPage .prodWrap .card__back span i { color: #fff; }
.prodDetailPage .prodWrap .productDtl { padding: 0 5px 15px; overflow: auto; height: calc(100% - 130px); margin: 0 10px; }
.prodDetailPage .prodWrap h3,
.prodDetailPage .prodWrap .productDtl p { color: #fff; font-weight: 400; }
.prodDetailPage .prodWrap h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 20px; padding: 15px; padding-bottom: 0; }
.prodDetailPage .prodWrap .productDtl p { font-size: 16px; font-family: 'FuturaStd', sans-serif; }
.prodDetailPage .cardioColor .card__back { background: #cf118c; }
.prodDetailPage .cardioColor .prodWrap .productInfo p i { color: #cf118c; }
.prodDetailPage .GlycemicColor .card__back { background: #fcaf17; }
.prodDetailPage .GlycemicColor .prodWrap .productInfo p i { color: #fcaf17; }
.prodDetailPage .JointsColor .card__back { background: #7c5f34; }
.prodDetailPage .JointsColor .prodWrap .productInfo p i { color: #7c5f34; }
.prodDetailPage .immunityColor .card__back { background: #16b8ec; }
.prodDetailPage .immunityColor .prodWrap .productInfo p i { color: #16b8ec; }
.prodDetailPage .detoxColor .card__back { background: #80c342; }
.prodDetailPage .detoxColor .prodWrap .productInfo p i { color: #80c342; }
.prodDetailPage .fitnessColor .card__back { background: #c9252b; }
.prodDetailPage .fitnessColor .prodWrap .productInfo p i { color: #c9252b; }
.prodDetailPage .womenColor .card__back { background: rgba(150,26,158,1); }
.prodDetailPage .womenColor .prodWrap .productInfo p i { color: rgba(150,26,158,1); }
.prodDetailPage .ayusanteColor .card__back { background: rgba(240,161,2,1); }
.prodDetailPage .ayusanteColor .prodWrap .productInfo p i { color: rgba(240,161,2,1); }
.prodDetailPage .phairColor .card__back { background: #44a594; }
.prodDetailPage .phairColor .prodWrap .productInfo p i { color: #44a594; }
.prodDetailPage .pskinColor .card__back { background: #dda0c6; }
.prodDetailPage .pskinColor .prodWrap .productInfo p i { color: #dda0c6; }
.prodDetailPage .pbodyColor .card__back { background: #f6bc9a; }
.prodDetailPage .pbodyColor .prodWrap .productInfo p i { color: #f6bc9a; }
.prodDetailPage .pselfColor .card__back { background: #135BD8; }
.prodDetailPage .pselfColor .prodWrap .productInfo p i { color: #135BD8; }
.prodDetailPage .oralColor .card__back { background: #0073BC; }
.prodDetailPage .oralColor .prodWrap .productInfo p i { color: #0073BC; }
.prodDetailPage .zetaColor .card__back { background: #1667bc; }
.prodDetailPage .zetaColor .prodWrap .productInfo p i { color: #e8695e; }
.prodDetailPage .agriColor .card__back { background: #006032; }
.prodDetailPage .agriColor .prodWrap .productInfo p i { color: #006032; }
.prodDetailPage .selfColor .card__back { background: #58a7bf; }
.prodDetailPage .selfColor .prodWrap .productInfo p i { color: #58a7bf; }
.prodDetailPage .businessColor .card__back { background: #0A122A; }
.prodDetailPage .businessColor .prodWrap .productInfo p i { color: #0A122A; }
 .prodDetailPage .prodWrap .productDtl::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color:rgba(0,0,0,0.2);
}
.prodDetailPage .supplementTab { }
.prodDetailPage .supplementTab nav { background: #04a651; padding: 10px; text-align: center; }
.prodDetailPage .supplementTab .transformer-tabs li { display: inline-block; padding: 0; vertical-align: bottom; }
.prodDetailPage .supplementTab .transformer-tabs a { display: inline-block; color: #fff; font-size: 16px; font-weight: 500; opacity: 0.5; filter: alpha(opacity=50); }
.prodDetailPage .supplementTab .transformer-tabs a.active { position: relative; opacity: 1; filter: alpha(opacity=100); background: #04a651; }
.prodDetailPage .supplementTab .transformer-tabs a:hover { opacity: 1; filter: alpha(opacity=100); }
.prodDetailPage .supplementTab .successStory .tabContainer { display: none; padding: 15px; }
.prodDetailPage .supplementTab .successStory .active { display: block; }
.prodDetailPage .supplementTab .tabContainer { display: none; padding: 15px; }
.prodDetailPage .supplementTab .tabContainer.active { display: block; }
/*************  @BRANCHES *************/
.branchPage { padding: 100px 0 0 0; }
.branchPage p { font-family: 'FuturaStd', sans-serif; font-size: 15px; text-align: center; color: #333; }
.branchPage .filter { text-align: center; margin: 40px 0 0 0; border-bottom: 1px dotted #CCC; position: relative; padding: 0px 0px 40px; }
.branchPage .filter ul li { display: inline-block; width: 220px; margin: 0 15px; }
.branchPage .filter ul li span { display: block; text-align: left; margin: 0 0 10px 0; color: #999; font-size: 15px; }
.branchPage .filter ul li .chosen-single span { color: #444; }
.branchPage .filter .btn { background: #0F62AC; color: #FFF; width: 160px; position: absolute; bottom: -20px; left: 50%; margin: 0px 0px 0px -80px; }
.branchPage .infoTbl { padding: 60px 0 60px 0; background: #fff; margin: 40px 0 0 0; }
.branchPage .infoTbl .title { color: #333; font-size: 20px; margin: 0 0 20px 0; }
.branchPage .infoTbl .brachDetail,
.branchPage .infoTbl .destrictlevelDetail { margin: 0 0 60px 0; }
.branchPage .infoTbl table th { text-align: left; }
.branchPage .filter .chosen-container .chosen-results li { margin: 0; }.
: url(../images/sort-desc.png) 90% center no-repeat;
}

.tblWrapper .dataTables_paginate {
    text-align: center;
    margin: 100px 0px 15px;
}

    .tblWrapper .dataTables_paginate span {
        display: inline-block;
        vertical-align: middle;
    }

    .tblWrapper .dataTables_paginate .paginate_button,
    .tblWrapper .dataTables_paginate .paginate_active {
        font-size: 16px;
        font-weight: 400;
        padding: 0 5px;
    }

    .tblWrapper .dataTables_paginate .paginate_button {
        color: #b5b5b5;
        cursor: pointer;
    }

    .tblWrapper .dataTables_paginate .paginate_active {
        color: #444;
    }

    .tblWrapper .dataTables_paginate .previous,
    .tblWrapper .dataTables_paginate .next {
        font-size: 50px;
        color: #444;
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px;
    }

    .tblWrapper .dataTables_paginate .paginate_button_disabled {
        color: #B7B7B7;
    }

    .tblWrapper .dataTables_paginate .first,
    .tblWrapper .dataTables_paginate .last {
        font-size: 0;
    }
/*************  @CONTACT-US *************/
.contactPage { padding: 50px 0 0 0; background: #fff; }
.contactPage p { font-family: 'FuturaStd', sans-serif; font-size: 15px; text-align: center; color: #333; }
.contactPage h3 { font-size: 18px; color: #444; font-weight: 400; }
.contactPage .contactInfo,
.contactPage .contactForm { padding: 20px 20px 0 20px; }
.contactPage .contactInfo ul li { margin: 0 0 20px 0; }
.contactPage .contactInfo ul li p,
.contactPage .contactInfo ul li a,
.contactPage .contactForm p { text-align: left; color: #999; }
.contactPage .contactInfo ul li p { margin: 5px 0 5px 0; }
.contactPage .contactInfo ul li p span { display: inline-block; width: 100px; }
.contactPage .contactInfo .map { width: 100%; height: 400px; margin: 10px 0 0 0; }
.contactPage .contactForm { background: #fff; }
.contactPage .contactForm .socialWrap { text-align: center; }
.contactPage .CONTACT-US *************/
.contactPage { padding: 50px 0 0 0; background: #fff; }
.contactPage p { font-family: 'FuturaStd', sans-serif; font-size: 15px; text-align: center; color: #333; }
.contactPage h3 { font-size: 18px; color: #444; font-weight: 400; }
.contactPage .contactInfo,
.contactPage .contactForm { padding: 20px 20px 0 20px; }
.contactPage .contactInfo ul li { margin: 0 0 20px 0; }
.contactPage .contactInfo ul li p,
.contactPage .contactInfo ul li a,
.contactPage .contactForm p { text-align: left; color: #999; }
.contactPage .contactInfo ul li p { margin: 5px 0 5px 0; }
.contactPage .contactInfo ul li p span { display: inline-block; width: 100px; }
.contactPage .contactInfo .map { width: 100%; height: 400px; margin: 10px 0 0 0; }
.contactPage .contactForm { background: #fff; }
.contactPage .contactForm .socialWrap { text-align: center; }
.contactPage .contactForm .socialLinks { display: block; margin: 10px 0 0 0; }
.contactPage .contactForm .socialLinks a i { }
.contactPage .contactForm .formWrap span { display: block; margin: 10px 0 10px 0; }
.contactPage .contactForm .formWrap textarea { height: 100px; overflow: auto; margin-bottom: 10px; }
.contactPage .contactForm .formWrap .btn { background: #598ccb; color: #fff; font-size: 16px; width: 160px; display: block; margin: 0 auto; height: 50px; line-height: 50px; }
/*************  @PRIVACY POLICY *************/
.legalPage { padding: 100px 10px 0 10px; background: #fff; }
.legalPage .privacypolicyWrap { margin: 40px 0 0 0; }
.legalPage .privacypolicyWrap h3,
.legalPage .privacypolicyWrap h4 { font-weight: 400; margin: 15px 0; }
.legalPage .privacypolicyWrap p,
.legalPage .privacypolicyWrap h4,
.legalPage .privacypolicyWrap h3,
.legalPage .privacypolicyWrap ul li,
.legalPage .privacypolicyWrap ol li,
.legalPage .privacypolicyWrap a { color: #444; }
.legalPage .privacypolicyWrap p { font-family: 'FuturaStd', sans-serif; font-weight: 400; }
.legalPage .privacypolicyWrap ul li { list-style: disc; font-family: 'FuturaStd', sans-serif; margin: 5px 0 5px 15px; font-weight: 400; }
.legalPage .privacypolicyWrap ol li { list-style: decimal; font-family: 'FuturaStd', sans-serif; margin: 5px 0 5px 15px; font-weight: 400; }
.legalPage .privacypolicyWrap a { color: #2e9d2c; }
.legalPage .privacypolicyWrap a:hover { text-decoration: underline; }
/************* @MODAL BOX  *************/
.simplePopup { display: none; position: fixed; background: #fff; z-index: 9; color: #414141; padding: 20px; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 8px; left: 50%; top: 50%!important; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.simplePopupClose { cursor: pointer; font-size: 0; position: absolute; cursor: pointer; top: 10px; right: 10px; width: 30px; height: 30px; }
.simplePopupClose:before,
.simplePopupClose:after { content: ''; width: 2px; height: 30px; background: #000; display: block; position: absolute; cursor: pointer; left: 50%; margin-left: -1px; }
.simplePopupClose:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.simplePopupClose:after { -ms-transform: rotate(+45deg); transform: rotate(+45deg); -webkit-transform: rotate(+45deg); }
.simplePopupBackground { display: none; background: #000; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 4; overflow: hidden; }
.readmoreContainer h2 { color: #444; font-size: 20px; line-height: 22px; }
.readmoreContainer .infoBox { max-height: 300px; overflow: auto; margin: 20px 0 0; }
.readmoreContainer .infoBox p { color: #999; font-family: 'FuturaStd', sans-serif; font-size: 16px; }
/************* @HEALTH CARE PRODUCT-THERAPEUTICS  *************/
.purifierContainer { width: 100%; background: url(../images/product-detail/airpurifierbg.png) no-repeat center center; position: relative; }
.purifierContainer .txtWrap { position: absolute; left: 50%; -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); text-align: center; }
.purifierContainer .txtWrap h3,
.purifierContainer .txtWrap h4 { font-weight: 500; text-transform: uppercase; }
.purifierContainer .txtWrap h3 { color: #52adff; }
.purifierContainer .txtWrap h4 { color: #fff; text-shadow: 0 0 2px #000; }
.purifierContainer .txtWrap p { font-weight: 400; font-family: 'FuturaStd', sans-serif; color: #fff; margin: 0 0 20px; }
.purifierContainer .txtWrap .btnWrap .btn { border: 2px solid #fff; background: none; color: #fff; width: 160px; }
/************* @MODAL BOX - EVENTS  *************/
.eventPopup { background: #313131; padding-bottom: 40px; }
.eventPopup .simplePopupClose { top: 0px; right: 0; font-size: 0; width: 40px; height: 40px; z-index: 2; }
.eventPopup .simplePopupClose:before,
.eventPopup .simplePopupClose:after { content: ''; width: 1px; height: 30px; background: #fff; display: block; position: absolute; right: 10px; top: 10px; }
.eventPopup .simplePopupClose:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.eventPopup .simplePopupClose:after { -ms-transform: rotate(+45deg); transform: rotate(+45deg); -webkit-transform: rotate(+45deg); }
.eventmodalContainer .owl-controls { width: 100%; margin-left: 0; left: inherit; bottom: 0; }
.eventmodalContainer .owl-carousel .owl-item .item { width: 100%; height: 400px; }
.eventmodalContainer .item img { display: none; }
.eventmodalContainer .itemDetail { width: 100%; margin-left: 0; left: 0; top: 40px; }
.eventmodalContainer .itemDetail h2 { font-size: 30px; line-height: 30px; width: 100%; text-align: center; }
.eventmodalContainer .itemDetail p { font-family: 'FuturaStd', sans-serif; text-align: center; }
.eventmodalContainer .owl-pagination { position: absolute; bottom: -30px; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.eventmodalContainer .owl-pagination .owl-page { display: inline-block; background: #6e6d6b; width: 10px; height: 10px; }
.eventmodalContainer .owl-pagination .owl-page.active { height: 10px; border-radius: 50%; background: #34b536; }
.eventmodalContainer .owl-buttons .owl-next,
.eventmodalContainer .owl-buttons .owl-prev { color: #fff; }
.eventmodalContainer .owl-buttons .owl-next:hover,
.eventmodalContainer .owl-buttons .owl-prev:hover { color: #0B920B; }
.eventmodalContainer .owl-buttons .owl-next { position: absolute; right: -80px; cursor: pointer; }
.eventmodalContainer .owl-buttons .owl-prev { position: absolute; left: -80px; cursor: pointer; }
.forgotpwdContainer p { color: #999; font-family: 'FuturaStd', sans-serif; font-size: 16px; margin: 10px 0; }
.forgotpwdContainer input { border: 1px solid #ccc; border-radius: 4px; }
.forgotpwdContainer .btn { padding: 0 20px; margin: 10px 5px; }
.vaildMsg { color: #f00; font-size: 12px; font-family: 'FuturaStd', sans-serif; }
/*! Lazy Load XT v1.0.6 2014-11-19
 * http://ressio.github.io/lazy-load-xt
 * (C) 2014 RESS.io
 * Licensed under MIT */



.lazy-loaded { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; filter: alpha(opacity=100); }
@-webkit-keyframes cd-fade-in { 0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes cd-fade-in { 0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
/******************************************************/
.reviewMainBox { padding-left: 100px; margin-right: 100px; }
.reviewMainBox h3 { font-size: 20px; padding: 12px 0; color: #414141; border-bottom: 1px solid #ccc; }
.coumentsBox { width: 650px; margin-left: 100px !important; }
.coumentsBox li { display: block; margin: 20px 0 0 !important; }
.coumentsBox li input { width: 100%; line-height: 30px; padding: 0 10px; border-radius: 4px; border: 1px solid #ccc; }
.coumentsBox li label { display: block; color: #414141; font-size: 16px; margin-bottom: 8px; }
.coumentsBox li textarea { width: 100%; padding: 10px; border: 1px solid #ccc; min-height: 120px; max-height: 120px; line-height: inherit; border-radius: 4px; }
.viewComentsBox { margin-bottom: 60px; }
.viewComentsBox .rattingValue .ratting .clear-rating { display: none; }
.viewComentsBox h3 { margin-top: 40px; }
.viewComentsBox > ul > li { font-size: 16px; color: #414141; border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-top: 20px; }
.viewComentsBox .rattingValue { margin-bottom: 10px; }
.viewComentsBox .rattingValue .ratting { display: inline-block; vertical-align: bottom; }
.viewComentsBox .rattingValue .viewComentsBy { display: inline-block; vertical-align: middle; }
.viewComentsBox .rattingValue .viewComentsTitle span { color: #04a651; padding-right: 10px; }
.viewComentsBox .rattingValue .viewComentsBy { font-size: 12px; color: #bbb; }
.viewComentsBox .descriptionShow { font-size: 14px; }
.reviewMainBox form li:last-child { text-align: right; }
.reviewMainBox .btnWrap .btn { background: #fff; color: #0f61ab; border: 2px solid #0f61ab; width: 80px; margin: 0 10px; }
.reviewMainBox .btnWrap .btn:before { background: #0f61ab; color: #fff; }
.reviewMainBox .btnWrap .btn.active { border: 2px solid #0f61ab; width: 80px; margin: 0 10px; background: #0f61ab; color: #fff; }
.reviewMainBox .btnWrap .btn.active:before { background: #fff; color: #0f61ab; }
.viewComentsBox .addTocartBox { float: none; text-align: center; width: auto }
.viewComentsBox .addTocartBox .rightCell { width: auto; float: none; margin-top: 30px; }
/**********RATTING ****************/
 
.star-rating s,
.star-rating-rtl s { padding: 0 6px; }
.star-rating-disabled { opacity: .8; filter: alpha(opacity=80); }
.star-rating-active s,
.star-rating-rtl-active s { cursor: default; }
.star-rating-active s:hover:before,
.star-rating s.rated:before { content: url("../images/star_se.png"); color: #fde16d; }
.star-rating s:before { content: url("../images/star_de.png"); }
.star-rating-rtl-active s:hover:after,
.star-rating-rtl s.rated:after { content: url("../images/star_se.png"); color: #fde16d; }
.star-rating-rtl s:after { content: url("../images/star_de.png"); }
/**
 * Rating sizes
 */
.rating-xl { font-size: 50px; line-height: 32px; }
.rating-lg { font-size: 40px; line-height: 26px; }
.rating-md { font-size: 32px; line-height: 21px; }
.rating-sm { font-size: 26px; line-height: 17px; }
.rating-xs { font-size: 21px; line-height: 14px; }
/** * Clear rating button
 */
.star-rating .clear-rating,
.star-rating-rtl .clear-rating { color: #aaa; cursor: not-allowed; display: inline-block; vertical-align: middle; font-size: 70%; }
.clear-rating-active { cursor: pointer!important; }
.clear-rating-active:hover { color: #843534; }
.star-rating .clear-rating { padding-right: 5px; display: none; }
.star-rating-rtl .clear-rating { padding-left: 5px; }
.rating-xl .clear-rating { padding-bottom: 20px; }
.rating-lg .clear-rating { padding-bottom: 17px; }
.rating-md .clear-rating { padding-bottom: 15px; }
.rating-sm .clear-rating { padding-bottom: 12px; }
.rating-xs .clear-rating { padding-bottom: 10px; }
.caption { display: none; }
/**************CART**************/
.cartBox { display: inline-block; position: relative; vertical-align: middle; margin-right: 5px; font-size: 38px; }
.cartBox a { display: block; color: #fff; }
.cartBox a span { width: 20px; height: 20px; background: #de2203; display: block; border-radius: 50%; font-size: 10px; line-height: 18px; text-align: center; color: #fff; position: absolute; top: 7px; right: -6px; }
.fixHeader .cartBox a { color: #444; }
.addTocartBox { width: 256px; padding: 12px 0 12px 0; margin: 0 auto; }
.leftCell { width: 100px; float: left; border-right: 1px solid #ccc; line-height: 15px; margin-top: 5px; }
.rightCell { width: 150px; float: right; padding-left: 20px; }
.leftCell input { width: 32px; height: 32px; padding: 6px 2px; margin: 0 10px; }
.leftCell span { color: #b0b0b0; font-size: 14px; padding: 0 5px; }
.rightCell .btn { background: #fff; color: #1062ac; border: 2px solid #1062ac; width: 130px; font-size: 12px; }
.rightCell .btn:before { color: #fff; background: #1062ac; }
/*CUSTOM CHECKBOX*/
.checkbox label { display: block; line-height: 24px; position: relative; }
.checkbox label input { position: absolute; right: 24px; top: 24px; display: block; }
.checkbox label b { width: 24px; height: 24px; border-radius: 50%; display: block; border: 1px solid #ccc; background: #fff; position: absolute; left: 0px; top: 0; }
.checkbox label span { padding-left: 35px; display: block; font-size: 14px; color: #2c2c2c; font-family: 'Oswald'; }
.checkbox label input:checked + b { border: 0; background: #0f61ab url(../images/select.png) no-repeat; }
.tableBtns .blueBtn { background: #1062ac; color: #fff; display: inline-block; padding: 5px 10px; border-radius: 4px; cursor: pointer; border: 1px solid #1062ac; width: 100px; text-align: center; }
.tableBtns .blueBtn.active { color: #1062ac; background: #fff; border: 1px solid #1062ac; }
.tablePage table tbody tr td .tableBtns .tabBtn.active { background: #f84b04; }
.approvelPage .trainingPage .tblWrapper table tr td { padding: 16px 10px; }
.approvelPage .trainingPage .tblWrapper table tr td:nth-child(1) { width: 80px; text-align: center; }
.approvelPage .trainingPage .tblWrapper table tr td:nth-child(4) { width: 160px; }
.approvelPage .tblWrapper table tr td:nth-child(5) { width: 260px; }
.approvelPage .tblWrapper table tr td:nth-child(7) { width: 160px; text-align: center; }
.approvelPage .checkbox label b { left: 30px; top: -11px; }
.tblWrapper .offerbtn { width: auto; height: 26px; cursor: default; color: #444; border-radius: 6px; display: block; line-height: 26px; position: relative; }
.tblWrapper .offerbtn .tooltipoffer { position: absolute; z-index: 8; top: 33px; line-height: 18px; min-width: 220px; max-width: 360px; background: #1062ac; padding: 5px 10px; color: #fff; border-radius: 6px; font-size: 13px; }
.tblWrapper .offerbtn .tooltipoffer:before { bottom: 100%; left: 27px; border: 1px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #1062ac; border-width: 7px; }
.approvelPage h2 { text-transform: uppercase; padding: 60px 0 0 30px; color: #444; }
/***********************MY CART********************************/
.cartPage { background: #fff; padding: 100px 0 0 0; box-shadow: 0 0 4px #d1d1d1; }
.cartPage .title + p { font-family: 'FuturaStd', sans-serif; font-size: 15px; text-align: center; color: #333; }
.cartPage .owl-controls { width: 100%; margin-left: inherit; left: inherit; position: absolute; top: 0; height: 100%; z-index: 0; }
.cartPage .owl-buttons { position: absolute; width: 100%; height: 40px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.cartPage .owl-buttons .owl-prev,
.cartPage .owl-buttons .owl-next { position: absolute; cursor: pointer; color: #444; font-size: 38px; }
.cartPage .owl-buttons .owl-prev { left: 0; }
.cartPage .owl-buttons .owl-next { right: 0; }
.cartPage .owl-buttons .owl-next:hover,
.cartPage .owl-buttons .owl-prev:hover { color: #2c9d2e; }
.cartPage .owl-pagination { position: absolute; top: 100%; width: 100%; height: 30px; text-align: center; }
.cartPage .owl-pagination .owl-page { display: inline-block; vertical-align: middle; background: #6e6d6b; width: 10px; height: 10px; }
.cartPage .owl-pagination .owl-page.active { height: 10px; border-radius: 50%; background: #34b536; }
.cartPage .prevGiftTbl .btn { border: 2px solid #0f61ab; background: transparent; color: #0f61ab; padding: 0 20px; margin: 0 10px; }
.cartPage .prevGiftTbl .btn:before { background: #0f61ab; color: #fff; }
.cartPage .prevGiftTbl .btn.active { background: #0f61ab; color: #fff; margin-right: 0; }
.cartPage .prevGiftTbl .btn.active:before { background: #fff; color: #0f61ab; }
.cartPage .promotionOffer .btn { border: 2px solid #0f61ab; background: transparent; color: #0f61ab; padding: 0 20px; margin: 0 10px; }
.cartPage .promotionOffer .btn:before { background: #0f61ab; color: #fff; }
.orderSummeryBox { margin-top: 60px; }
.orderSummeryBox .orderSummary_title { border-bottom: 1px solid #ccc; height: 45px; margin: 0 auto 10px; padding: 0 0 16px; width: 92%; }
.orderSummeryBox .orderSummary_title h3 { float: left; text-transform: capitalize; color: #333; font-size: 20px; font-weight: 400; }
.orderSummeryBox .orderSummary_title span { float: right; font-size: 16px; color: #2c9d2e; padding-top: 10px; display: block; }
.orderSummeryBox .orderSummary_title span.active { display: block; }
.prevGiftTbl { background: #fff; padding: 40px 60px; }
.prevGiftTbl h3 { margin-bottom: 30px; }
.prevGiftTbl ul { margin: 20px 0 0; }
.prevGiftTbl .slideRow { padding: 0 10px; overflow: hidden; box-shadow: 0 0 4px #d1d1d1; margin-bottom: 30px; cursor: pointer; position: relative; }
.prevGiftTbl .slideRow .orderRow:after { content: ''; background-image: url(../images/vestige-sprite.png); position: absolute; right: 30px; top: 26px; width: 30px; height: 18px; background-position: -175px -36px; }
.prevGiftTbl .slideRow .showTable:after { background-position: -145px -36px; }
.prevGiftTbl .slideRow .orderDtlTbl { display: none; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.prevGiftTbl .slideRow .showTable .orderDtlTbl { display: block; }
.prevGiftTbl .slideRow .orderDtlTbl ul { margin: 0; }
.prevGiftTbl .orderRow { overflow: hidden; margin: 0; }
.prevGiftTbl .orderRow.showTable { border-bottom: 1px solid #e1e5de; }
.prevGiftTbl .orderRow .orderBtn { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.prevGiftTbl .orderRow li { float: left; width: 600px; box-shadow: none; color: #7e7e7e; margin: 0; padding: 0; position: relative; height: 60px; }
.prevGiftTbl .orderRow li .title { line-height: 60px; font-size: 20px; text-transform: none; color: #333; }
.prevGiftTbl .orderRow li .title small { color: #34b536; font-size: 20px; }
.prevGiftTbl .orderRow li:first-child p { display: inline-block; padding: 10px; border: 1px solid #2c9d2e; background: #fff; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: 400; color: #414141; }
.prevGiftTbl .orderRow li p { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.prevGiftTbl .orderRow li:after { display: none; }
.prevGiftTbl .orderDtlTbl .owl-item { float: left; padding: 20px 0; }
.prevGiftTbl .orderDtlTbl .owl-item li { position: relative; overflow: hidden; padding: 0; min-height: 190px; border: 1px solid #e1e5de; width: 285px; margin: 0 auto 30px; }
.prevGiftTbl .orderDtlTbl .owl-item li a { position: absolute; bottom: 0; display: block; height: 50px; background: #f3f3f3; width: 100%; text-align: center; line-height: 50px; color: #0f62ac; text-transform: capitalize; font-family: 'FuturaStd', sans-serif; font-size: 16px; }
.prevGiftTbl .orderDtlTbl .owl-item li p { min-height: 110px; font-size: 16px; letter-spacing: .5px; padding: 18px 16px; color: #414141; line-height: 18px; }
.prevGiftTbl .orderDtlTbl .owl-item li:hover a:hover,
.prevGiftTbl .orderDtlTbl .owl-item li.active a { color: #fff; background: #34b536; -webkit-transition: all .5s; transition: all .5s; }
.prevGiftTbl .orderDtlTbl .owl-item li .voucherCode { position: absolute; bottom: 68px; font-family: 'Oswald'; padding: 0 16px; font-size: 16px; }
.prevGiftTbl .orderDtlTbl .owl-item li .voucherCode small { font-size: 16px; padding-left: 5px; }
.prevGiftTbl .slideRow .owl-wrapper-outer { width: 93%; margin: 0 auto; z-index: 1; }
/************ ORDER SUMMERY TABLE ******************/
.orderTableContaner { width: 100%; padding: 0 60px; }
.orderTableBox { box-shadow: 0 0 6px rgba(0,0,0,.2); width: 100%; margin: 16px auto 20px; border-radius: 8px; overflow: hidden; }
.orderTableBox tr th { background: #eaeaea; height: 36px; font-size: 14px; color: #2a2b26; padding: 12px; text-align: left; }
.orderTableBox tr th:first-child { text-align: left; }
.orderTableBox tr td { padding: 16px 12px; border-bottom: 1px solid #e6e6e6; color: #2c2c2c; font-family: 'FuturaStd', sans-serif; vertical-align: top; }
.orderTableBox tr td .amountBox { padding-right: 80px; }
.orderTableBox tr:last-child td { border-bottom: 0; text-align: right; }
.orderTableBox tr:last-child td .amountBox span:last-child { color: #34b536; padding: 0 0 0 20px; font-family: 'Oswald'; }
.orderTableBox tr:last-child td .amountBox span { color: #8f8f8f; }
.orderTableBox tr:last-child td { background: #eaeaea; height: 36px; }
.orderTableBox tr td .itemBox { position: relative; min-height: 125px; }
.orderTableBox tr td .itemBox .productImg { display: inline-block; width: 90px; height: 90px; padding: 5px; border-radius: 6px; text-align: center; vertical-align: middle; border: 1px solid #e6e6e6; overflow: hidden; }
.orderTableBox tr td .itemBox .productImg img { max-height: 100%; }
.orderTableBox tr td .subTotalBox { color: #2c9d2e; }
.orderTableBox tr td .itemBox .ItemDetails { display: inline-block; vertical-align: top; padding: 0 10px; }
.orderTableBox tr td .itemBox .ItemDetails h3 { font-size: 15px; color: #2a2b26; margin-bottom: 6px; text-transform: capitalize; }
.orderTableBox tr td .itemBox .ItemDetails .cellBox { margin-bottom: 2px; color: #2c2c2c; font-size: 14px; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox { margin-top: 4px; position: relative; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox .promotionApplyClick { color: #0f62ac; font-size: 14px; text-decoration: underline; letter-spacing: 0.8px; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox:hover .promotionOffer { display: block; z-index: 1; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox .selectPromotion { background: #ebebeb; display: block; border-radius: 2px; font-size: 14px; color: #858585; padding: 4px 6px; margin: 5px 0 0 0; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox .selectPromotion small { font-size: 14px; padding: 0 5px 0 0; }
.orderTableBox tr td .itemBox .ItemDetails .promotionBox .selectPromotion b { margin: -8px 0 0 10px; cursor: pointer; display: inline-block; vertical-align: middle; }
.orderTableBox tr td .itemBox .removeBox { color: #0f62ac; font-size: 12px; cursor: pointer; position: absolute; left: 10px; top: 106px; }
.orderTableBox tr td .QtyBox input { width: 38px; height: 38px; padding: 5px; border: 1px solid #e6e6e6; text-align: center; font-size: 14px; border-radius: 6px; }
.orderTableBox tr td .QtyBox .changeQty { font-size: 14px; color: #2c9d2e; font-family: 'Oswald'; display: block; cursor: pointer; font-weight: 300; }
.orderTableBox tr td .deliveryBox h3 { font-weight: bold; font-size: 14px; text-transform: capitalize; letter-spacing: .5px; }
.promotionOffer { display: none; width: 311px; background: #fff; border: 1px solid #e9e9e9; color: #ccc; position: absolute; top: 50%; left: 100%; text-align: center; padding: 1px 0; font-family: 'Oswald'; font-weight: 400; font-size: 17px; margin: -150px 0 0 8px; box-shadow: 0 0 6px rgba(0,0,0,.2); }
.promotionOffer:before { position: absolute; top: 50%; left: -19px; display: inline-block; border: solid #fff; border-bottom: solid transparent; border-left: solid transparent; border-top: solid transparent; border-width: 13px; content: ''; margin: -10px 0 0 -7px; z-index: 1; }
.promotionOffer:after { position: absolute; top: 50%; left: -19px; display: inline-block; border: solid #e9e9e9; border-bottom: solid transparent; border-left: solid transparent; border-top: solid transparent; border-width: 15px; content: ''; margin: -12px 0 0 -11px; }
.promotionOffer ul { padding: 10px; height: 200px; overflow: auto; margin-bottom: 40px; }
.promotionOffer ul li { position: relative; padding-left: 40px; margin-bottom: 10px; }
.promotionOffer ul li .checkbox,
.promotionOffer ul li span { display: inline-block; vertical-align: middle; text-align: left; font-family: "FuturaStd", sans-serif; }
.promotionOffer ul li .checkbox { position: absolute; left: 0; top: 50%; margin: -9px 0 0 0; }
.promotionOffer ul li span { color: #414141; font-size: 16px; font-weight: 300; }
.promotionOffer .infoWrap { background: transparent; padding: 0; margin: 30px 0 20px 0; width: auto; }
/** CHANGES 19-04-2016 **/
.toggleform { cursor: pointer; background: url(../images/arrow-down.png) no-repeat 98% center; }
.toggleform:hover { background-color: #fafafa; }
.toggleform.active { background: url(../images/arrow-up.png) no-repeat 98% center; }
.formreview { display: none; padding-top: 20px; padding-left: 15px; }
.formreview ul { max-width: 650px; }
.formreview li { margin-top: 20px !important; }
.formreview li:first-child { margin-top: 0 !important; }
.formreview label { display: block; color: #414141; font-size: 16px; margin-bottom: 8px; }
.formreview input,
.formreview textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
.formreview input { font-size: 16px; }
.formreview textarea { min-height: 120px; max-height: 120px; }
.pagination-holder { text-align: center; padding: 25px 5px; }
.compact-theme { }
.compact-theme ul { }
.compact-theme ul li { display: inline-block; cursor: pointer; vertical-align: top; padding: 4px 5px; border: 2px solid #0f61ab; margin: 0 2px; min-width: 30px; text-align: center; }
.compact-theme ul li a { color: #0f61ab; }
.compact-theme ul li:first-child,
.compact-theme ul li:last-child,
.compact-theme ul li.active,
.compact-theme ul li:hover { background: #0f61ab; }
.compact-theme ul li:first-child .prev,
.compact-theme ul li:last-child .next,
.compact-theme ul li.active .current,
.compact-theme ul li:hover a { color: #fff; }
.compact-theme ul li.disabled { border-color: #aaa; cursor: default; background: inherit !important; }
.compact-theme ul li.disabled:hover { background: inherit !important; }
.compact-theme ul li.disabled .current { color: #aaa; }
/** CHANGES 27-04-2016 **/
.viewother { position: absolute; right: 20px; top: 35px; }
.viewother a { color: #0f61ab; text-transform: lowercase; }
/** HOME PAGE CHANGES **/
.prodoverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.articlelist { width: 100%; }
.articlewrap { text-align: center; color: #fff; padding: 15px 60px; text-shadow: 0 1px 1px rgba(0,0,0,.2); }
.articlewrap a { color: #fff; display: block; }
.articlewrap h3 { font-size: 24px; line-height: 32px; margin-bottom: 10px; }
.articlewrap p { font-size: 16px; font-weight: 300; margin-bottom: 10px; }
.articlewrap small { font-size: 14px; opacity: .8; filter: alpha(opacity=80); font-weight: 300; }
.articlelist .owl-controls { left: 0; margin: 0; padding: 0 10px; width: 100%; height: 0; }
/** MEDIA PAGE CHANGES**/
.mediaHead { text-transform: uppercase; color: #383838; font-size: 18px; padding: 20px 0; margin-top: 40px; }
.mediaVideos .row { padding: 0 40px; }
.rowX1 { max-width: 642px; max-height: 360px; }
.rowleft .cell01,
.rowleft .cell02 { display: inline-block; margin-left: 7px; width: 100%; }
.rowleft .cell02 { margin-top: 10px; }
.cell01 .rowX2,
.cell01 .rowX3,
.cell02 .rowX4,
.cell02 .rowX5 { width: 50%; float: left; padding: 0 5px }
.cell01 .rowX2 img,
.cell01 .rowX3 img,
.cell02 .rowX4 img,
.cell02 .rowX5 img { width: 100%; }
.cell01 .rowX2,
.cell01 .rowX3 { display: inline-block; }
.cell02 .rowX4,
.cell02 .rowX5 { display: inline-block; }
.productCell { position: relative; cursor: pointer; }
.productCell .productCellvideo { width: 100%; height: 0; padding-bottom: 56%; position: relative; background: #000; }
.productCell .productCellvideo iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.productCell img { border: 1px solid #fff; -webkit-filter: grayscale(.6); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.52756 0.42911999999999995 0.04332 0 0 0.12756 0.82912 0.04332 0 0 0.12756 0.42911999999999995 0.44332 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: grayscale(.6); filter: grayscale(.6); -webkit-transition: all .2 ease-in; transition: all .2 ease-in; }
.productCell:hover img { -webkit-filter: grayscale(0); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: grayscale(0); filter: grayscale(0); }
.productCell i:before { content: "\e909"; width: 62px; height: 44px; position: absolute; z-index: 2; cursor: pointer; color: #a0a0a0; top: 50%; left: 50%; font-size: 58px; margin: -22px 0 0 -31px; }
.productCell:hover i:before { color: #34b536; }
.productVideo .owl-controls { color: #000; font-size: 48px; top: -37px; left: 100%; width: 108px; margin-left: -108px; }
.productVideo .owl-controls .icon-arrow2,
.productVideo .owl-controls .icon-arrow { color: #000; font-size: 48px; }
.brandsVideoBox .owl-item { padding-right: 20px; }
.anniverVideoBox .owl-item { padding-right: 20px; }
/** VIDEO POPUP **/
.videoPopup { background: #313131; padding: 10px; }
.videoPopup .simplePopupClose { right: -40px; }
.videoPopup .simplePopupClose:before,
.videoPopup .simplePopupClose:after { background: #fff; margin: -13px 0 0 0; }
.videoFrame iframe { width: 100%; height: 524px; }
.videosViews { color: #fff; padding: 20px 0 40px 0; }
.videosViews h2 { float: left; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; }
.videosViews span { float: right; font-family: 'FuturaStd'; }
.videoFrame iframe .ytp-chrome-top { display: none; }
.prevmediabtn,
.nextmediabtn { font-size: 38px; color: #fff; border: none; background: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.prevmediabtn:hover,
.nextmediabtn:hover { color: #34b536; }
.prevmediabtn { left: -55px; }
.nextmediabtn { right: -55px; }
/** VIDEO SECTION - INDEX **/
.videoSection { text-align: left; background: #fff; padding: 40px 60px 40px; position: relative; }
.videoSection .title { text-align: left; padding: 0; }
.videoSection ul { margin: 20px 0 40px; }
.videoSection ul li { padding: 0 10px; }
.videoSection .videowrapbox { width: 100%; }
.videoSection .videowrapbox .videosec { width: 100%; height: 0; padding-bottom: 75%; position: relative; margin-bottom: 10px; background: #000; }
.videoSection .videowrapbox .videotxt { font-size: 16px; }
.videoSection iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.videoSection p { font-family: 'FuturaStd', sans-serif; font-size: 16px; }
.videoSection .btn { padding: 0 30px; background: #fff; color: #2c9d2e; border: 1px solid #2c9d2e; }
.videoSection .btn:before { background: #20bc6d; color: #fff; }

.navBar ul .dropdownlist h2 { font-size: 16px; text-transform: uppercase; color: #fff; opacity: .5; filter: alpha(opacity=50); }
.navBar ul .dropdownlist a { font-size: 14px; text-transform: capitalize; }
/*.navBar li{ position:relative;}
.ddtogglebtn{ position:absolute; width:30px; height:30px; top:50%; transform:translateY(-50%); right:10px; cursor:pointer;}
.ddtogglebtn:before, .ddtogglebtn:after{ content:''; position:absolute; width:10px; height:2px; background:#fff; top: 50%;
left: 50%; margin:-1px 0 0 -5px; }
.ddtogglebtn:after{ transform:rotate(90deg);}
*/

/*************  @APP PAGE *************/
.appIcon { display: inline-block; background-image: url(../images/appsprite.png); background-repeat: no-repeat; background-size: 294px 49px; }
.branchesIcon { width: 49px; height: 49px; background-position: 0 0; }
.bonusIcon { width: 49px; height: 49px; background-position: -49px 0; }
.newsIcon { width: 49px; height: 49px; background-position: -98px 0; }
.productsIcon { width: 49px; height: 49px; background-position: -147px 0; }
.downlinesIcon { width: 49px; height: 49px; background-position: -196px 0; }
.profileIcon { width: 49px; height: 49px; background-position: -245px 0; }
.appContainer { position: relative; background: url(../images/app/banner.html) no-repeat center center; height: 546px; background-size: cover; font-family: 'Oswald', sans-serif; }
.appBanner { position: relative; z-index: 1; }
.appBanner img { width: 100%; }
.appBanner-content { position: absolute; width: 100%; bottom: 220px; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; text-transform: uppercase; }
.appBanner-content .appiconbox { display: inline-block; margin-right: 10px; opacity: 1; width: 60px; }
.appBanner-content-text { display: inline-block; vertical-align: middle; text-align: left; }
.appBanner-content h2 { font-size: 40px; line-height: 40px; font-weight: 500; }
.appBanner-content .subText { font-size: 14px; font-weight: 300; letter-spacing: .8px; }
.appBanner-content .appStorLinks { margin: 20px 0; }
.appBanner-content .appStorLinks a { margin: 0 4px; display: inline-block; background: rgba(0,0,0,.7); padding: 6px 12px; }
.appBanner-content .appStorLinks a:hover { background: rgba(0,0,0,.85); }
.appBanner-content span { display: block; color: #fff; padding-bottom: 10px; font-weight: 300; font-size: 14px; }
.appBanner-content .smsText { color: #fff; font-weight: 300; letter-spacing: .5px; }
.appBanner-content .smsText strong { font-weight: 700; }
.appContainer .deviceswrap { display: block; text-align: center; position: absolute; left: 0; bottom: -80px; width: 100%; }
.appContainer .deviceswrap img { max-width: 100%; display: block; margin: 0 auto; }
.appFeatures { padding: 30px 0; padding-top: 90px; }
.appFeatures li { float: left; width: 33.3%; text-align: center; margin: 34px 0; text-transform: uppercase; }
.appFeatures li a { color: #333; display: block; }
.appFeatures li a h2 { font-size: 20px; font-weight: 500; padding: 18px 0 4px 0; }
.appFeatures li a p { font-size: 16px; color: #666; font-family: 'Oswald', sans-serif; font-weight: 300; }
.appFeatures li a.centerappIcon { position: relative; }
.appFeatures li a.centerappIcon:after,
.appFeatures li a.centerappIcon:before { background: #c9c8c8; width: 1px; height: 100px; content: ''; position: absolute; top: 50%; transform: translateY(-50%); }
.appFeatures li a.centerappIcon:before { left: 0; }
.appFeatures li a.centerappIcon:after { right: 0; }
.appFeatures .title { font-size: 30px; color: #333; font-weight: 400; }
.mobilePosBox { background: #d59e27 url(../images/app/bgtrans.html) no-repeat left top; position: relative; padding: 25px 0; height: 450px; }
.mobilePosBox .container-fluid { position: relative; height: 100%; }
.mobilePos { float: left; width: 50%; padding: 25px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; font-weight: 300; }
.mobilePos h2 { font-size: 56px; line-height: 56px; }
.mobilePos .subheading { font-size: 18px; letter-spacing: 3px; padding-top: 5px; }
.mobilePos .storlink { display: block; text-align: right; padding: 50px 0 0 0; width: 550px; }
.mobilePos .storlink span { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px; }
.mobilePos .storlink .appStorLinks { margin: 0 14px; display: inline-block; background: rgba(0,0,0,.75); padding: 10px 20px; }
.mobilePos .storlink .appStorLinks:hover { background: rgba(0,0,0,.85); }
.posdevices { width: 50%; text-align: right; height: 100%; display: block; position: relative; right: 60px; float: right; }
.posdevices img { display: inline-block; }
.completeInfo { position: absolute; left: 25px; bottom: -10px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #fff; }
.completeInfo a { color: #262626; text-transform: uppercase; text-decoration: underline; }
/** ON SART MODAL **/
#onstartmodal.simplePopup { padding: 0; border-radius: 5px; overflow: hidden; }
#onstartmodal.simplePopup a { display: block; }
#onstartmodal.simplePopup a img { margin: 0 auto; }


.navBar ul .dropdownlist.brandslist{width: 586px; text-align: center; background: #fff;}
.navBar ul .dropdownlist.brandslist li{text-align: center;}
.navBar ul .dropdownlist.brandslist li:hover{background: #fff;}
.navBar ul .dropdownlist.brandslist li a:hover{opacity: .7;}
.navBar ul .dropdownlist.brandslist li a{display: inline-block;}



.wrapper-demo {
    /*margin: 60px 0 0 0;*/
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 120px;
    margin: 0 auto;
    padding: 5px 10px;

    /* Styles */
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    text-align: left;
    /* Font settings */
    
    color: #2d4f8e;
    font-family: 'FuturaStd', sans-serif;
}

.wrapper-dropdown-3:after {
   content: '\f078';
    font: normal normal normal 14px/1 FontAwesome;
    width: 0;
    height: 0;
    position: absolute;
    right: 25px;
    top: 30%;
    border-left: 1px solid #000; 
    
    
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    font-family: 'FuturaStd', sans-serif;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #34963f;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}


.languagebox  .selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  
  min-width:180px;
  
}

.languagebox .selectdiv:after {
    content: '\f078';
    font: normal normal normal 14px/1 FontAwesome;
    
    color: #fff;
    right: 11px;
    top: 6px;
    height: 28px;
    padding: 8px 0px 0px 10px;
    border-left: 1px solid #fff;
    position: absolute;
    pointer-events: none;
    
}

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

.languagebox  .selectdiv select {
    border-radius: 2px; 
    font-family: 'FuturaStd', sans-serif;
    
  
  /* Add some styling */
  
  display: block;
  width: 70%;
  
  height: 30px;
  float: right;
  margin: 5px 0px;
  padding: 0px 14px;
  font-size: 14px;
  line-height:0;
  color: #fff;
  background-color: #358e3a;
  background-image: none;
  border: 1px solid #000;
  -ms-word-break: normal;
  word-break: normal;
  
 appearance: none;
-webkit-appearance: none; 
-moz-appearance: none;

}


.probox  { margin-top: 50px; margin-bottom: 50px;  }


.repurchaseContainer {
    padding: 40px 0 0;
}

.imgtop{ margin-top: 40px; border: 1px solid #eae8e8; padding: 5px; }

.newsbox { border: 1px solid #e9e7e7; padding: 20px 10px; }

.downbox{ min-height: 450px; border: 1px solid #dbd9d9; margin-top: 20px; margin-bottom: 20px;  } 

.downbox .imgbox{  position: relative; overflow: hidden; height: 200px; border-bottom:1px solid #dbd9d9; text-align: center; padding: 10px; } 

.downbox img {
    overflow: hidden;
    margin: auto;
    max-width: 100%;
    height: 100%; 
    
}

.downbox .btn:hover {
    background: url(../images/download.png) no-repeat left 10px center #598ccb;
   
}

.downbox .btn {
    background: url(../images/download.png) no-repeat left 10px center #1062ac;
    color: #fff;
    width: 100%;
    display: block;
    margin: 20px auto; 
    width: 100%; 
    
}

.downbox select {
    width: 100%;
    border: 1px solid #323232;
    height: 40px;
    background: #fff; margin-top: 20px;
}
.catDetail{ margin-top: 10px; padding: 10px; min-height: 155px; }
.langSelection { padding: 10px; }

.productInfo .pricebox { float: right; background: #2e4f8f; border-left:#31963c 2px solid; display: inline-block; font-family: 'FuturaStd', sans-serif; color: #fff; padding: 0 5px; line-height: 26px; }
.col-xs-3.witdh100{ }
.col-xs-9.witdh100{ }
.col-xs-6.witdh100{ }
.display{ display: none!important; }
.ullist{ display: block; text-align: center; }
.ullist li{  display: inline-block; padding: 5px;  color: #fff; text-align: center;  font-family: 'FuturaStd', sans-serif; }

.ullistabout{ display: block; text-align: center; }
.ullistabout li{  display: inline-block; padding: 5px; font-size: 16px;  color: #565656; text-align: center;  font-family: 'FuturaStd', sans-serif; }
hr.line{ margin-top: 5px; margin-bottom: 0px;  }
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
    font-family: 'FuturaStd', sans-serif;
    font-size: 12px;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 12px;
}
ul.breadcrumb li.active { color: #2e4f8f; }
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #33963c;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}



.swiper-container {
        width: 500px;
        height: 300px;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }