@font-face {
    font-family: 'open_sansregular';
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Regular-webfont.eot');
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Semibold-webfont.eot');
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Light-webfont.eot');
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Bold-webfont.eot');
    src: url('https://www.trytokr.com/static/assets/fonts/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

/* Reset css start */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
::selection{background: #1fb4b2;color:#fff;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
input,textarea{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none;}
html{height: 100%;-webkit-text-size-adjust: 100%;}
body {margin:0px 0 0; padding:0px; height: 100%;font-family: 'open_sanslight'; line-height: 1.42857143; }
b{font-family: 'open_sanssemibold';}
p{letter-spacing: 0;}
_keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{box-shadow: none;}
#wrapper {min-height:calc(100% - 165px); width:100%; overflow: hidden;}
a, a:hover,a:focus, button, button:focus{text-decoration:none; outline: none;}
.home-container{height: 900px;}
.slick-slide{margin:0px;}
.slick-prev:before, .slick-next:before {color: black;}
.slide-arrow {z-index: 1; top:50%; position: absolute; transition: all 0.3s ease; opacity: .3; cursor: pointer; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); display:none;}
.slide-arrow:hover {opacity: .5;}
.slide-arrow img {height: 40px;}
.prev.slide-arrow {left: 15px;}
.next.slide-arrow {right: 15px;}
.slick-dotted.slick-slider {margin-bottom: 0px;}
.slick-dots {bottom: 15px;}
.slick-dots li.slick-active button:before, .slick-dots li button:before {color: white;}
.slick-dots li {width: 15px; height: 15px;}
.slick-slide { -webkit-backface-visibility: hidden; }
.newPage-header, .age-gate-displayed .newPage-header.header-black  {background:url(../images/header-transparentbg.png) repeat; position: fixed; top: 0; left: 0px; width: 100%; padding:20px 30px 24px; z-index: 3;}
.newPage-header .logo {width: auto; float: left; margin:3px 0 -1px;}
.newPage-header .logo a.logo-img, .age-gate-displayed .newPage-header.header-black .logo a.logo-img{width:55px; height:22px; display:inline-block; margin:0px; fill:#fff;}
.newPage-header ul#navbar li a .location-icon, .age-gate-displayed .newPage-header.header-black ul#navbar li a .location-icon{ fill: #fff; vertical-align: middle; width:15px; height: auto; margin: -3px 10px 2px 0;}
.newPage-header #nav {font-family: 'open_sanslight'; font-size: 13px; line-height: normal; font-weight: 200; letter-spacing: .3px; margin:0 110px;}
.newPage-header ul#navbar {list-style-type: none; margin: 7px 0 0 -10px; line-height: 18px; padding: 0px;  color: #fff; display:inline-block;}
.newPage-header ul#navbar li {display: inline-block; margin: 0px;}
.newPage-header ul#navbar li a, .age-gate-displayed .newPage-header.header-black ul#navbar li a{text-decoration: none; color: #fff; padding:30px 12px 0 ;}
.newPage-header ul#navbar li a:hover, .newPage-header ul#navbar li.active a{color:#fff;}
.newPage-header #nav-toggle{position: absolute;	cursor: pointer; padding: 6px 24px 10px 3px; right:30px; display:none; z-index: 1;}
.newPage-header #nav-toggle span , .newPage-header #nav-toggle span:before ,
.newPage-header #nav-toggle span:after,.age-gate-displayed .newPage-header.header-black #nav-toggle span:before,.age-gate-displayed .newPage-header.header-black #nav-toggle span:after{position: absolute;	content: '';display: block;	background: #fff; width: 24px; height: 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px;}
.newPage-header #nav-toggle span{background:transparent;}
.newPage-header #nav-toggle span:before{top: -2px;}
.newPage-header #nav-toggle span:after{bottom: -6px;}
.newPage-header #nav-toggle.active span:before, .newPage-header #nav-toggle.active span:after { top: 0;}
.newPage-header #nav-toggle.active span{background: transparent;}
.newPage-header #nav-toggle.active span:before{transform: rotate(45deg);}
.newPage-header #nav-toggle.active span:after{transform: rotate(-45deg);}
.newPage-header .search{float: right; width:45%; position: absolute; right: 5px; top: 26px; padding:0 10px 0 25px; background:transparent; z-index: 1; font-family: 'open_sanslight';}
.newPage-header .search.expand-searchOuter {width: 86%;  padding-right: 100px;}
.newPage-header .search .search-img-rt, .newPage-header .search .search-img-lt, .age-gate-displayed .newPage-header.header-black .search .search-img-rt{margin: -3px 0 0;position: absolute;right:26px /*right:73px change on client's request*/;  cursor: pointer; width:23px; height:23px; background:url(../images/search-icon.svg) no-repeat; background-size: 100% auto; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); display:none;}
.newPage-header .search .search-img-lt{left:0; opacity:0; transition: all 0s ease 0s;  background:url(../images/search-icon.svg) no-repeat; background-size: 100% auto;}
.newPage-header .search.expand-searchOuter .search-img-rt{opacity:0; display: none;}
.newPage-header .search.expand-searchOuter .search-img-lt{opacity:0;  transition-delay: 0.4s;}
.newPage-header .search-close{width:28px; height:28px; right:23px /*right:70px change on client's request*/; top:-5px; position: absolute; cursor: pointer; transition: all 0.5s ease 0s; }
.newPage-header .search-close::before, .newPage-header .search-close::after { content: ''; position: absolute; height: 2px; width: 100%;top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px;}
.newPage-header .search-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.newPage-header .search-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.newPage-header .search  input { border:none; background:transparent; font-family: 'open_sanslight'; font-size:18px; color:#fff; height: 28px; line-height:inherit; outline: none; box-shadow: none; width: 100%; margin-top:-2px; display: inline-block; padding: 0px;}
.newPage-header .search-close.google-searchClose{left:-10px; display: none;}
.newPage-header .search.google-search{padding:0 120px 0 0; width:calc(100% - 120px); right: 0; left:120px;}
.newPage-header .search.google-search input{padding:0 55px;}
.pac-container{ position: fixed !important;box-shadow:none; border-radius: 0px; border: none; padding:0 3px 10px; margin-top: 20px; font-family: 'open_sanslight'; z-index: 1051 !important; top: 52px !important;}
.pac-container .pac-item, .pac-item-query{border: none; font-size: 15px; color:#333; line-height: normal; cursor: pointer;}
.pac-container .pac-item{padding:10px 52px; }
.pac-container .pac-item:hover,.pac-container .pac-item.pac-item-selected{color: #44b5bf; background: #F0F0F0;}
.pac-container .pac-item:hover .pac-item-query,.pac-container .pac-item.pac-item-selected .pac-item-query{color: #44b5bf;}
.pac-logo:after,.pac-icon{display: none;}
.newPage-header .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff;}
.newPage-header .search ::-moz-placeholder { /* Firefox 19+ */ color: #fff;}
.newPage-header .search :-ms-input-placeholder { /* IE 10+ */ color: #fff;}
.newPage-header .search :-moz-placeholder { /* Firefox 18- */ color: #fff;}
.newPage-header .search  .search-outerInput {opacity:1; width:100%; transition:all 0s ease 0s; transition-delay: 0s;}
.newPage-header .search  .search-outerInput.expanded-search {opacity:1; width: 100%;}
.newPage-header .search .search-dropdwon{position: absolute;left:0; top:37px; background:#fff; width: calc(100% + -15%); padding: 10px 0 0; z-index: 1;}
.newPage-header .search .search-dropdwon.no-deliveryFound {width: calc(100% - 100px);}
.newPage-header .search .search-dropdwon ul{list-style:none; margin:0px; padding:5px; max-height: 250px; overflow:auto; -webkit-overflow-scrolling: touch; font-family: 'open_sanslight';}
.newPage-header .search .search-dropdwon ul li{position: relative;}
.newPage-header .search .search-dropdwon ul li.list-head{padding:10px 20px; color:#7F7F7F; display: block; text-decoration:none; font-family: 'tokr-heavy'; font-size:14px;}
.newPage-header .search .search-dropdwon ul li.list-head span{float:right; color:#222; font-size:14px; cursor: pointer;}
.newPage-header .search .search-dropdwon ul li a{padding:10px 150px 10px 20px; color:#333; display: block; text-decoration:none; font-size:15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newPage-header .search .search-dropdwon ul li a span {display: block; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.search-dropdwon span.search-product-brand {float: right; color:#bbbbbb;  position: absolute; right: 25px; top: 50%; margin: -7px 0 0;}
.newPage-header .search .search-dropdwon ul li a:focus, .newPage-header .search .search-dropdwon ul li a.active,.newPage-header .search .search-dropdwon ul li.active a{color:#44b5bf;background: #F0F0F0;}
.newPage-header .user-icon,  .age-gate-displayed .newPage-header.header-black .user-icon{width: 24px; height:24px; background:url('../images/user-icon.svg'); background-repeat:no-repeat; background-size:100%; top:-3px; right:26px; position:absolute; cursor: pointer; display: none /*hide on client's request*/;}
.newPage-header .user-icon .login-link {display: inline-block; height: 24px; width: 24px;}
.newPage-header .user-icon .menu-dropdown {display: none; position: absolute;}
.newPage-header .user-icon:hover .menu-dropdown {right:-12px; top:18px; padding-top:18px; min-width:100px; display: block;}
.newPage-header .user-icon:hover .menu-dropdown .inner{background: #ffffff; min-width:100px; padding: 15px; display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; text-align: right; font-family: 'open_sanslight'; font-size:13px; line-height: 20px; position:relative;}
.newPage-header .user-icon:hover .menu-dropdown .inner:after {content: ''; position: absolute; display: block; width: 0; z-index: 1;  border-style: solid; border-color: #ffffff transparent;  border-width: 0 8px 8px;  top: -8px; right: 15px;  margin-left: -10px;}
.newPage-header .user-icon .menu-dropdown span{display: block;font-family: 'tokr-heavy'; white-space:nowrap;}
.newPage-header .user-icon .menu-dropdown a{color: #42a695; text-decoration:none;}
.newPage-header .sub-menu{display:none;  position: fixed; width:0; left: 0px; top:45px; padding-top: 28px;  overflow:hidden; color:#222;}
.newPage-header .subMenu-dropdown:hover .sub-menu{border-bottom: 1px solid #dddddd; display: block; height: auto;  width:100%;  position:fixed;}
.newPage-header .sub-menu .inner:before{border-top: 1px solid #dddddd; margin: 0 25px; content: ""; position: absolute; top: 0; left: 0; right: 0;}
.newPage-header .sub-menu .inner:after{content: ""; position: absolute; bottom: 0; left: 0; right: 0;}
.newPage-header .sub-menu .inner{background:#fff; padding:20px 95px 20px 20px; position: relative; width:100%;  height:100%; overflow:auto; -webkit-overflow-scrolling: touch;}
.newPage-header .sub-menu .menu-outer{display:table; width:100%; max-width:100%; padding-left: 95px;}
.newPage-header .sub-menu .menu-outer.menu-loggedUser{padding-left: 0px;}
.newPage-header .sub-menu .menu-col{display: inline-block; padding: 0 30px; vertical-align: top; min-width: 140px; white-space:nowrap;}
.newPage-header .sub-menu .menu-col.border-rt {display: table-cell; min-width: 120px; float: none; border-right:1px solid  #dddddd;}
.newPage-header ul#navbar .sub-menu .inner ul li{display:block; margin:0 0 10px; font-weight:bold; color:#222;}
.newPage-header ul#navbar .sub-menu li a{ color: #222; padding: 0px;}
.newPage-header ul#navbar .sub-menu li a:hover{ color: #999;}
.newPage-header ul#navbar .sub-menu .inner ul li ul li{margin:10px 0 0 15px; font-weight:normal;}
.newPage-header .subMenu-dropdown .fa-angle-down{font-weight:bold; vertical-align:middle;}

.newPage-header.header-black, .newPage-header.header-white, .newPage-header.header-hover{ background: url(../images/header-whitebg.jpg) repeat; color:#222;}
.newPage-header.header-black .logo a.logo-img, .newPage-header.header-white .logo a.logo-img, .newPage-header.header-hover .logo a.logo-img{fill:#333;}
.newPage-header.header-black ul#navbar li a .location-icon, .newPage-header.header-white ul#navbar li a .location-icon,.newPage-header.header-hover ul#navbar li a .location-icon{ fill: #575757;}

.newPage-header.header-black #nav-toggle span:before, .newPage-header.header-black #nav-toggle span:after,.newPage-header.header-white #nav-toggle span:before, .newPage-header.header-white #nav-toggle span:after, .newPage-header.header-hover #nav-toggle span:before, .newPage-header.header-hover #nav-toggle span:after{background:#555;}
.newPage-header.header-black ul#navbar li, .newPage-header.header-white ul#navbar li, .newPage-header.header-black ul#navbar li a, .newPage-header.header-white ul#navbar li a, .newPage-header.header-hover ul#navbar li, .newPage-header.header-hover ul#navbar li a {color: #575757;}
.newPage-header.header-black ul#navbar li:hover a, .newPage-header.header-black ul#navbar li.active a, .newPage-header.header-white ul#navbar li a:hover, .newPage-header.header-white ul#navbar li.active a, .newPage-header.header-hover ul#navbar li:hover a, .newPage-header.header-hover ul#navbar li.active a {color:#333;}
.newPage-header.header-black .search, .newPage-header.header-hover .search{background:#fff;}
.newPage-header.header-black .search .search-img-rt, .newPage-header.header-black .search .search-img-lt, .newPage-header.header-white .search .search-img-rt, .newPage-header.header-white .search .search-img-lt, .newPage-header.header-hover .search .search-img-rt, .newPage-header.header-hover .search .search-img-lt{ background:url(../images/search-iconGray.svg) no-repeat; background-size: 100% auto;}
.newPage-header.header-black .search .search-img-lt, .newPage-header.header-white .search .search-img-lt, .newPage-header.header-hover .search .search-img-lt{background:url(../images/search-iconGray.svg) no-repeat; background-size: 100% auto;}
.newPage-header.header-black  .user-icon, .newPage-header.header-white  .user-icon, .newPage-header.header-hover  .user-icon{background:url('../images/user-gray.svg'); background-size: 100%; background-repeat:no-repeat;}
.newPage-header.header-black .search-close::before, .newPage-header.header-black .search-close::after, .newPage-header.header-white .search-close::before, .newPage-header.header-white .search-close::after, .newPage-header.header-hover .search-close::before, .newPage-header.header-hover .search-close::after {background: #222;}
.newPage-header.header-black .search  input, .newPage-header.header-white .search  input, .newPage-header.header-hover .search  input {background:#fff; color:#222;}
.newPage-header.header-black .search ::-webkit-input-placeholder, .newPage-header.header-white .search ::-webkit-input-placeholder, .newPage-header.header-hover .search ::-webkit-input-placeholder,#googleAutocompleteInputMobile::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color: rgba(0,0,0,.2);}
.newPage-header.header-black .search ::-moz-placeholder, .newPage-header.header-white .search ::-moz-placeholder, .newPage-header.header-hover .search ::-moz-placeholder,#googleAutocompleteInputMobile::-moz-placeholder { /* Firefox 19+ */ color: rgba(0,0,0,.2);}
.newPage-header.header-black .search :-ms-input-placeholder, .newPage-header.header-white .search :-ms-input-placeholder, .newPage-header.header-hover .search :-ms-input-placeholder,#googleAutocompleteInputMobile:-ms-input-placeholder { /* IE 10+ */ color: rgba(0,0,0,.2);}
.newPage-header.header-black .search :-moz-placeholder , .newPage-header.header-white .search :-moz-placeholder, .newPage-header.header-hover .search :-moz-placeholder,#googleAutocompleteInputMobile:-moz-placeholder  { /* Firefox 18- */ color: rgba(0,0,0,.2);}
.header-textHide .center-menu{opacity: 0;}
.newPage-header ul#navbar .sub-menu .after-login li a{color:#42a695; font-weight:normal;}
.newPage-header ul#navbar .sub-menu .after-login li a:hover{color:#999;}
/* Featured category css */
.featured-category{max-width:2000px; width:100%;display:table; margin: auto;}
.featured-category img{width:100%;height: auto;vertical-align: top;}
.featured-category .box-col{width:25%; float: left; position:relative; border-right: 1px solid #ccc; min-height:250px;}
.featured-category .box-col:before{
    width:100%; height:100%;left:0; top:0; position:absolute; content:'';
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.30) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.30) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.30) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.featured-category .box-col .category-text{width:100%;position:absolute; bottom: 0; left: 0; padding:15px 15px 10px; color:#fff; font-size:1.2em; line-height:20px; word-wrap: break-word;}
.featured-category .box-col .category-name, .featured-category .box-col .category-pro-name,.featured-category .box-col a .category-pro-name{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block;}
.featured-category .box-col .category-pro-name,.featured-category .box-col a .category-pro-name{font-family: 'tokr-heavy'; font-size:1.8em; line-height:35px; color:#fff; text-decoration:none;}
/* Featured category css end */

/* new footer css */
.row {margin-right: -15px; margin-left: -15px;}
.row:before,.row:after {display: table; content: " ";}
.row:after {clear: both;}
#footer {background-color: #ffffff; width: 100%; height:auto !important; min-height:90px; border-top: 1px solid #ccc; position:relative; overflow:hidden; font-size: 11px; font-family: 'open_sanslight'; display: none;}
#footer .icons {float: left; padding: 32px 0 20px 30px; width:48px;}
#footer .footer-links{margin:28px 0 0 150px; color: #666;}
#footer-navbar, #footer-navbar ul {list-style: none; margin: 1.5px 0 0; padding: 0px;}
#footer-navbar{float:left;}
#footer-navbar li.left{float:left; margin-right:80px;}
#footer-navbar li.right{float:right;}
#footer-navbar li.right li,#footer-navbar li.left li{margin-bottom: 13px;}
#footer a {color: #111; font-size: 11px; transition: all 0.5s ease 0s; padding:10px 0;}
#footer a:hover {color: #47e6c4;}
#footer .icons a {margin: 0 5px 7px 0; display: inline-block;}
#footer .icons a:hover {opacity: 1;}
#footer .icons a .icon {width: 20px; height: auto; vertical-align: middle;}
#insta,#insta:hover, #facebook,#facebook:hover, #twitter,#twitter:hover{width:18px; height:20px; text-indent:-9999px; vertical-align: middle;background-size:100% 15px !important; background-repeat:no-repeat !important;}
#insta{background: url('../images/btn-insta.jpg');}
#facebook{background: url('../images/btn-facebook.jpg');}
#twitter{background: url('../images/btn-twitter.jpg');}
#insta:hover {background: url('../images/btn-insta-green.png');}
#facebook:hover {background: url('../images/btn-facebook-green.png');}
#twitter:hover {background: url('../images/btn-twitter-green.png');}
#footer .links, #footer .row .links {font-size:inherit; padding: 18px 0; color: #42a695; float: none; white-space: nowrap; font-family: 'open_sanslight';}
#footer .links a {color: #464646; display: inline-block; font-size: 12px; margin-left: 5px; text-decoration: none;}
#footer .links a:hover,#footer .links .active a {color: #42a695;}
.copy-rights {padding: 0 30px 30px; color: #c1c1c1; display: inline-block; width: 100%;}
/* new footer css end */

.copy {font-size: 1em; font-family: 'open_sanslight';}
.copy {display: table; height: 100%; color: #333; margin:auto;}
.copyMid {display: table-cell; vertical-align: middle;}
.slide .logo, #gradient .logo{width: 120px; margin-bottom: 20px; padding-top: 30px; fill: white; color: white;}
.logo-outer{text-align:center; margin:30px 0;}
#gradient .logo{width: 70px; margin-bottom:0px; padding-top:0px;}
.slide h1, .title-2{font-family: 'tokr-heavy';font-size: 6vw; line-height: 5vw; margin: 0px 0 0 -3px; font-weight: normal; color:#fff;}
.slide p {font-family: 'open_sanslight'; font-size: 18px;}
.slide .button {width: 100px; display: inline-block; margin-right:5px;}
img.herophone {width: auto; height: 85vh;  padding-left: 40px; margin-top: 6vh;}
.half {float: left; width: 50%; height: 270px; margin: 50px 0px; background-color: white; transition: all 0.3s ease;}
.half:nth-child(1) {width: calc(50% - 1px); border-right:1px solid #e0e0e0; background-color: white; transition: all 0.3s ease;}
.half h1, #gradient h1 {text-align: center; color: #444; font-family: 'tokr-heavy'; font-size: 2.2em; letter-spacing: -.03em; line-height: 1em; margin: 0px; font-weight: normal;}
.half p {font-family: 'open_sanslight'; font-size: 1.2em; color: #999; text-align: center; margin-bottom: 0px; margin-top: 15px;}
.half a {font-family: 'open_sanslight'; text-decoration: none; display: inline-block; border: 1px solid #32beb9; color: #32beb9; padding: 9px 14px 7px; opacity: .7; transition: all 0.3s ease 0s; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.half a:hover {opacity: 1;}
.half .copy {width: 100%; display: table; vertical-align: middle;}
.slide1 {background: linear-gradient(to right, #5faf80 , #139dae);}
.slide2 {background: url(../img/new/lifestyle-exercise.jpg) center center;}
.slide3 {background: url(../img/new/lifestyle-sex.jpg) center center;}
.slide4 {background: url(../img/new/lifestyle-cooking.jpg) center center;}
.slide5 {background: url(../img/new/lifestyle-beauty.jpg) center center;}
.slide2, .slide3, .slide4, .slide5 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slide2 h1, .slide3 h1, .slide4 h1, .slide5 h1, .custom-slide h1{line-height: 5vw; color: white; font-weight: normal; position:relative;    padding: 2vw 0;  margin: 2vw 0; max-width: 40vw;}
.slide2 h1 span, .slide3 h1 span, .slide4 h1 span, .slide5 h1 span, .custom-slide h1 span {width: 8vw; height: .4vw; background: #fc2e70; position: absolute;  bottom: 0; left: 5px;}
.slide2 p, .slide3 p, .slide4 p, .slide5 p, .custom-slide p {color: white; letter-spacing: .3px; position:relative;}
.slide2 a, .slide3 a, .slide4 a, .slide5 a, .custom-slide a {color: white; text-decoration: none; display: inline-block; border: 2px solid white; padding:13px;}
.slide h1.heading2 {padding: 2vw 0 0; margin: 0vw 0 0px -5px;}
.sub-title{margin:20px 0 0 0px;}
#gradient {background: linear-gradient(to right, #5faf80 , #139dae); padding: 90px 0px; text-align: center;}
#gradient h1 {color: #333;}
#gradient .button {width: 100px;}
.trytokr-logo {height: 35px; padding-top: 5px;}
.slick-prev, .slick-next{height:40px;  z-index:1;}
.slick-prev:before, .slick-next:before{display:none;}
.slick-next {right: 15px;}
.slick-prev {left: 15px;}

/* --------- newsletter section css ------------- */
.newsletter-section{vertical-align:middle; color:#fff; background:#1e1e1e; padding: 60px 40px; text-align:center; font-family: 'open_sanslight';}
.newsletter-section .heading{font-family: 'tokr-heavy'; font-size: 60px; line-height: 1em; margin: 0px; font-weight: normal;}
.newsletter-section p{margin:5px 0; font-size:18px; color:#7F7F7F;}
.newsletter-section input, .newsletter-section input:focus{width:calc(100% - 130px); height:45px; font-size:18px; padding:6px 12px; border:none; outline:none; font-family: 'open_sanslight'; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
.newsletter-section button{
    height:45px; padding:6px 25px;font-family: 'open_sanslight'; font-size:1rem; color: #fff; border: none; margin:15px 0 0; clear:both; cursor: pointer; vertical-align: bottom;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;
    background: #067ead;
    background: -moz-linear-gradient(left, #067ead 1%, #39d2c3 100%);
    background: -webkit-linear-gradient(left, #067ead 1%,#39d2c3 100%);
    background: linear-gradient(to right, #067ead 1%,#39d2c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067ead', endColorstr='#39d2c3',GradientType=1 );
}
.newsletter-form{margin:0px auto; max-width:650px; padding: 0 20px; position: relative;}
.newsletter-form form{position: relative;}
.newsletter-thankYou{margin:33px 20px;}
.newsletter-section .error, .newsletter-section .help-block, .newsletter-section span{color:#fff; display: block; font-size:14px; font-family: 'open_sanslight'; position: absolute; text-align: left; left: 14px; top: 60px;}
.newsletter-section span.send-email {position: inherit; color: #3cc7d3; display:inline-block; font-size:18px;}
.newsletter-section input::placeholder {color: #CECECE; opacity: 1;} /* Chrome, Firefox, Opera, Safari 10.1+ */
.newsletter-section input::-webkit-input-placeholder {color: #CECECE; opacity: 1;} /* Chrome */
.newsletter-section input:-ms-input-placeholder {color: #CECECE;} /* Internet Explorer 10-11 */
.newsletter-section input::-ms-input-placeholder {color: #CECECE;} /* Microsoft Edge */
.top-content{border-bottom: 1px solid #ddd; display: inline-block; width:100%; margin:0 0 0px; padding-bottom:30px;}
.top-content .left-sec{border-right: 1px solid #ddd; width:75%; padding-right:30px; float:left;}
.overlay-bg{width:100%; height: 100%; position:fixed; background:transparent; top:0; left:0; z-index: 2; overflow:hidden;}
.img-responsive{display: block; max-width: 100%; height: auto;}
/* Contact page css */
#hero.contact {min-height:calc(100vh - 165px); height:100%; padding-bottom: 70px; margin-bottom:-60px; background: linear-gradient(to right, #5faf80 , #139dae); line-height: 1.4;}
#hero.contact .copy {float: none; margin: auto; width: calc(100% - 60px); max-width: 500px; box-sizing: border-box;}
#hero.contact .copyMid { vertical-align: middle; padding-top: 70px; color:#fff;}
#hero.contact .copyMid.thank-u {padding: 130px 0; text-align: center; height: calc(100vh - 175px); vertical-align:middle;}
#hero.contact .copy p {max-width: unset; padding-right: 0px;}
#hero.contact .copy  {display: table; height: 100%; width:52%; color: #333; vertical-align: middle;}
#hero.contact .copy h2 {font-size: 3.5em; line-height: .9em; margin-bottom: 20px; letter-spacing: -.03em;}
#hero.contact .copyMid {display: table-cell; vertical-align:middle;}
#hero.contact .copy {font-size: 1em; font-family: 'open_sanslight';}
#hero.contact div.form {margin: auto; max-width: 450px; padding: 0px 20px; padding: 50px 0px;}
#hero.contact form div {position: relative;}
#hero.contact .error-message {position: absolute; top: 2px; color: red; right: 0px; font-size: 10px; text-transform: uppercase;}
#hero.contact label {display: block;}
#hero.contact input {display: block; width: 100%; margin-bottom: 10px; outline: none; box-shadow: none;   border: none; font-family: 'open_sanslight'; font-size: 13px; color: #17756a; padding: 6px 8px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;}
#hero.contact input[type=radio] {position: absolute; visibility: hidden; display: none;}
#hero.contact .radio-group {margin-bottom: 10px;}
#hero.contact .radio-group label {cursor: pointer;}
#hero.contact input[type=radio] + label {border: 1px solid white; padding: 10px 15px 8px; text-decoration: none; font-size: 11px; color: white; font-weight: 600; transition: all .3s; letter-spacing: .5px; background: none; cursor: pointer; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
#hero.contact input[type=radio] + label:hover {background-color: white; color: #42a695; border: 1px solid white;}
#hero.contact input[type=radio]:checked + label{background-color: white; color: #42a695; border: 1px solid white;}
#hero.contact button.ima {display: inline-block; margin-top: 0px;}
#hero.contact textarea#message {display: block; width:100% ; margin-bottom: 10px; padding: 6px 8px; box-shadow: none; border: none; font-family: 'open_sanslight'; font-size: 13px; color: #17756a;  resize: none; outline: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#hero.contact button, #hero.contact #submit {border: 1px solid white; padding: 10px 20px 8px; text-decoration: none; font-size: 11px; color: white !important; font-weight: 600; transition: all .3s; letter-spacing: .5px; background: none; cursor: pointer; margin: 30px 0 0; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
#hero.contact button:hover, #hero.contact #submit:hover {background-color: white; color: #42a695 !important; border: 1px solid white;}
#hero.contact input, #hero.contact textarea{height: 42px; margin:0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#hero.contact textarea{height: 112px ;}
#hero.contact input[type="submit"]{height:auto;}
.text-center{text-align:center;}
.text-lg{font-size:23px; font-weight:bold;}
#hero.contact .error{color:#17756a;}
#hero.contact input.error{color:#17756a;}
#hero.contact div{margin:0 0 15px;}
#hero h1, #summary h1 {font-size: 3.5em; letter-spacing: -.03em; line-height: .9em; margin: 10px 0 0 -3px;}
h1, h2, h3, h4 {font-family: 'tokr-heavy'; font-weight: normal;}
.close {float: right; cursor: pointer;}
.flash-msg{width:100%; position: fixed; top:0px; left:0px; z-index: 4;}

/*---------Error message css start -------------*/
.alert-container{position: fixed; width:100%; z-index: 1052; top:0px; left:0;}
.alert-container .sr-only{display:none;}
.error-msg, .alert-danger{background: #C22627; border-color: #C22627; color:#fff; /*height: 100%;*/ width:100%; position: absolute; z-index: 3; top: 0px; left: 0px;padding: 12px 32px; min-height:52px; font-size: 17px; text-align:center; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;}
#error-msg-anonymous{min-height:52px !important; padding: 17px 28px !important}
.alert-dismissable .close, .alert-dismissible .close{top: 2px; right: -2px; opacity: 0.7;}
.error-msg .deals-text-center h3, .error-msg .deals-text-right a i  {color: #ffffff;margin: 0;}
.error-msg p {font-size: 12px;line-height: 13px;}
.success-msg, .alert-success {background: #28a541; color: #ffffff; border-color: #28a541 ; width: 100%; position: absolute; left: 0; z-index: 3; min-height: 52px; padding:12px 32px; top: 0; text-align:center; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;}
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.alert-warning{text-align: center;}
.overlay1 {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; z-index: 9999; background-color: rgba(0,0,0,.7); text-align: center;}
.ai-circled {position: fixed; left: 48%; top: 48%; z-index: 9999;}
.no-found-public{display:block; margin:10px; text-align:center; font-size:14px; padding: 10px 0;}
.slick-dots li button:focus:before{opacity: .25;}
.slick-dots li.slick-active button:before{opacity: .75;}

/* Age Gate css */
body.age-gate-displayed {overflow: hidden; position: fixed; width:100%; height: 100%;}
.overlay-ageGate .discover-listing{text-align: left; position: unset; padding:20px 0;}
.age-gateHeader{text-align: left; position: absolute; opacity: 0.5;}
.age-gateHeader:before{width:100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; z-index: 2;}
.overlay-ageGate{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.75); z-index:10000; text-align:center;}
.ageGate{width:100%; max-width:500px; height:100%; max-height:500px; background:#fff; position: fixed; left:50%; top:50%; display:table; vertical-align:middle;  transform:translate(-50%, -50%); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.ageGate .innerContent{display:table-cell;vertical-align:middle;}
.ageGate .innerContent img{max-width:100%; height:auto; vertical-align: middle;}
.ageGate .innerContent h3{font-family: 'tokr-heavy'; font-size:55px; margin:8% 0; line-height: 45px; color:#222;}
.ageGate .innerContent .btn{font-family: 'open_sanslight'; font-size:20px; color: #1D9677; text-decoration: none; display: inline-block; border: 2px solid #1D9677; padding: 5px 20px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; background: transparent;}
.modal-open {overflow: hidden;}

/*skeleton css start */
.main-productBox{height: 100%; min-height: 50vw;}
.post.margin-0{margin-bottom: 0px; vertical-align: top;}
.home-skeleton .pro-scroll p {margin: 0 0 28px;}
.home-skeleton{width:100%; height: 100%; z-index:2;background:#fff; position: absolute; top:0; left: 0;}
.home-skeleton .discover-listing{padding:25px 0 30px; margin: 0px; min-height: 565px;}
.slider-skeleton{position: relative;}
.slider-skeleton:after {content: ""; display: block; padding:0%; top:0; left:0; width: 100%; height: 45px; top: 100%; background: #fff; position: absolute}
.post {width: 100%; margin-bottom: 30px; display: inline-block; padding:0; position: absolute;}
.post .slider-box, .post .slider-boxes {float: left; width: calc(50% - 0px); height: 100%; min-height: 50vw; padding: 30% 0 0; background-color: #ddd;}
.post .slider-box:nth-child(2), .post .slider-boxes:nth-child(2) {background: #ccc;}
.scroll-skeleton{width:100%; position: absolute; left:0px; top:0; z-index: 1; padding: 60px 0 10px; margin:0;  background: #fff; white-space: nowrap;}
.scroll-skeleton .scroll-proBox, .scroll-box .scroll-proBox{ width: 280px; margin:2vw 10px 0 0; display: inline-block;}
.post .scroll-box {display: inline-block; overflow: hidden; white-space: nowrap; padding:0 30px;}
.post .scroll-pro {max-width:280px; width:100%; height: 275px; margin:0; background-color: #eee; border:1px solid #ccc; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
.skeleton .post .scroll-pro{margin:0 8px 0 0;}
.post .scroll-proBox .scroll-pro {margin:0 0; width:100%;}
.post .avatar {float: left; width: 100px; height: 100px; background-color: #ccc; border-radius: 25%; margin: 8px; background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px); background-size: 600px; animation: shine-avatar 2s infinite ease-out;}
.post .line {width: calc(100% - 150px); height: 15px; margin-top: 5px; border-radius: 5px; background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px); background-size: 600px;  animation: shine-lines 2s infinite ease-out;}
.post .avatar + .line { margin-top: 5px; width:50%;}
.post .avatar + .line  +.line{margin-top: 5px; width: 75%;}
.post .line ~ .line {background-color: #ddd;}
.post .editors-section .line{display: inline-block; margin: auto;}
.home-skeleton .discover-cannabis{padding-bottom:0px; min-height: 483px;}
.home-skeleton .discover-cannabis:last-child{padding-bottom:40px}
.delivery-skeleton .discover-listing + .slider-skeleton{margin-top:-2px;}
@keyframes shine-lines {
    0% {
        background-position: -100px;
    }
    40%, 100% {
        background-position: 140px;
    }
}
@keyframes shine-avatar {
    0% {
        background-position: -32px;
    }
    40%, 100% {
        background-position: 208px;
    }
}
.skeleton-overlay:after{width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.7); content:""; left:0; top:0;}
/*skeleton css end */



/* static pages terms, parivacy policy css */
.static-pages #hero.content, .static-pages #summary.content { min-height: 100vh; padding-bottom: 70px; margin-bottom: 0px; background: linear-gradient(to right, #5faf80 , #139dae); line-height: 1.4;}

/* CONTENT */
.static-pages .content {width: 100%; height: 100vh; display: block;  background-attachment: fixed; background-size: auto calc(100% - 140px);  background-repeat: no-repeat; background-position: calc(45% - 200px) 110px; min-height: 420px; position: relative;}
.static-pages .wrap {position: absolute; width: 100%; height: 100%; clip: rect(0, auto, auto, 0);}
.static-pages .phone {position: fixed; padding: 1em; left: calc(45% - 350px); top:95px; height: calc(100% - 140px); width: auto; max-height: 650px;   min-height: 400px; transition: all 0.3s ease;}
.static-pages .tablet {position: fixed; padding: 1em; left: calc(60% - 780px); top:165px; height: calc(100% - 240px); width: auto; max-height: 550px; min-height: 320px; transition: all 0.3s ease;}
.legal .content {width: 100%; height: auto; padding: 15px 30px 10px; display: block; background-image: none !important; min-height: 0px;}
.legal .copy  {display: block; float: none; font-size: .7em; font-family: 'open_sanslight'; width: 100% !important;}
.legal hr  {margin: 30px 0px;}
.legal .copy p {max-width: unset;}
.legal .copy li {padding-bottom: 15px;}
.legal .copy #legal li {padding-bottom: 0px;}
.copy a:link, .copy a:visited {color: #42a695;}
.legal #hero  {padding: 70px 30px 15px; background: linear-gradient(to right, #5faf80 , #139dae) !important;}
.dispensary .content {min-height: 480px; background-size: auto calc(100% - 240px); background-position: calc(60% - 320px) 180px;}
.static-pages .buttons {white-space: nowrap; }
.static-pages #hero .button, .static-pages #summary .button {width:100px;}
.static-pages #summary {text-align: center;}
.static-pages #hero .logo, .static-pages #summary .logo {width: 100px; margin-bottom: 20px; padding-top: 100px; fill: white; color: white;}
.static-pages #summary .logo{margin-bottom:0px;}
#hero .logo path, #hero .logo polygon, #summary .logo path, #summary .logo polygon {fill: white; color: white;}
.static-pages #hero h1, .static-pages #summary h1 {font-size: 3.5em; letter-spacing: -.03em;  line-height: .9em; margin: 10px 0 0 -3px;}
.static-pages h2 span, .static-pages h1 span {display: block; height: 1px; line-height: 1px;}
.static-pages #summary h1 {text-align: center; line-height: 1em; margin-top: 150px;}
.static-pages #summary .copy  {width:100%;  color: #333; float: right;}
.static-pages #summary .logo {width: 100px; padding-top: 10px;}
.static-pages .lightGrey {background-color: #eee;}
.static-pages .darkGrey {background-color: #222;}
.static-pages .darkGrey .copy {color: white;}
.static-pages #hero.contact {/*min-height: calc(100% - 100px);*/height: auto ; padding-bottom: 80px;}
.static-pages #hero.contact .copy {float: none; margin: auto; width: calc(100% - 60px); max-width: 500px; box-sizing: border-box;}
.static-pages #hero.contact .copyMid {vertical-align: top; padding-top: 110px; color:#fff;}
.static-pages #hero.contact .copy p {max-width: unset; padding-right: 0px;}
.static-pages .copy  {display: table; height: 100%; min-height: 100vh; width:52%; color: #333; float: right;}
.static-pages .copy h2 {font-size: 3.5em; line-height: .9em; margin-bottom: 20px; letter-spacing: -.03em;}
.static-pages .copyMid {display: table-cell; vertical-align: middle;}
.static-pages .copy p {padding-right:20px; max-width: 400px;}
.static-pages .copy {font-size: 1em; font-family: 'open_sanslight';}
.static-pages .fourohfour #summary {height: calc(100% - 100px);}
/* FOOTER */

/* DISPENSARY PAGE */
.headerWrap {height: 95px; background-color: rgba(0,0,0,.85);  width: 100%; box-shadow: 0px 0px 6px rgba(0,0,0,.1); position: fixed; z-index: 1;}
.dispLinks {float: right; padding: 62px 30px 0 0; color: #42a695; white-space: nowrap; font-size:.9em;}
.dispLinks a {color: white; opacity: .8; text-decoration:none; margin-left: 10px; font-size:12px;}
.dispLinks a:hover {opacity: 1;color: white;}
.static-pages.dispensary .copy  {width:40%; float: right;}
.static-pages div.form {margin: auto; max-width: 450px; padding: 0px 20px; padding: 50px 0px;}
.static-pages form div {position: relative;}
.static-pages .error-message {position: absolute; top: 2px;color: red; right: 0px;font-size: 10px; text-transform: uppercase;}
.static-pages label {display: block;}
.static-pages input {display: block; width: calc(100% - 16px); margin-bottom: 10px; outline: none !important; border-radius:2px; box-shadow: none;    border: none; font-family: 'open_sanslight'; font-size: 13px; color: #17756a; padding: 6px 8px;}
.static-pages input[type=radio] {position: absolute; visibility: hidden; display: none;}
.static-pages .radio-group {margin-bottom: 10px;}
.static-pages .radio-group label {cursor: pointer;}
.static-pages input[type=radio] + label {border: 1px solid white;padding: 10px 15px 8px; border-radius: 3px; text-decoration: none; font-size: 11px; color: white; font-weight: 600; transition: all .3s; letter-spacing: .5px; background: none; cursor: pointer; display: inline-block;}
.static-pages input[type=radio] + label:hover {background-color: white; color: #42a695 !important; border: 1px solid white;}
.static-pages input[type=radio]:checked + label{background-color: white; color: #42a695 !important; border: 1px solid white;}
.static-pages button.ima {display: inline-block; margin-top: 0px;}
.static-pages textarea#message {display: block; width: calc(100% - 16px); margin-bottom: 10px; outline: none !important; border-radius:2px; box-shadow: none; border: none; font-family: 'open_sanslight'; font-size: 13px; color: #17756a; padding: 6px 8px; resize: none; height: 80px;}
.static-pages button, .static-pages #submit {border: 1px solid white; padding: 10px 20px 8px; border-radius: 3px; text-decoration: none; font-size: 11px; color: white; font-weight: 600; transition: all .3s; letter-spacing: .5px; background: none; cursor: pointer; margin: 30px auto 0; display: block;}
.static-pages button, .static-pages #submit:hover {background-color: white; color: #42a695 !important; border: 1px solid white;}
.static-pages #hero.contact input, .static-pages #hero.contact textarea{border-radius: 5px; height: 30px; margin:0px;}
#hero.contact textarea{height: 100px ;}
#hero.contact input[type="submit"]{height:auto;}
.text-center{text-align:center;}
.text-lg{font-size:23px; font-weight:bold;}
#hero.contact .error{color:#17756a;}
#hero.contact input.error{color:#17756a;}
#hero.contact div{margin:0 0 15px;}
.trytokr-logo {height: 50px;padding-top: 5px;}
.slick-list, .slick-track,.custom-slide{height:50vw; vertical-align: top;}
.custom-slide{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; padding:0% 50px;  width:50%; display: inline-block; vertical-align: top; min-height: 100%; overflow: hidden;}
.main-slider-outer, .slide1{height:100vh; position: relative;}
.home-sliderBtn{position:absolute; bottom:0; left:0; width:100%; text-align:center; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; -o-text-shadow:none;}
.home-sliderBtn a, .home-sliderBtn .btn{display: block; border:none; border-radius:0; box-shadow:none; padding: 13px; font-family: 'open_sanslight'; font-size:16px;}
.slick-track {display: flex;}

/* 404 page css */
.static-pages #summary.main-div{min-height:calc(100% - 60px); height:calc(100% - 60px);}
.static-pages #summary.main-div .copy{height:100%; min-height:100%;}
.col-sm-4, .col-sm-6, .col-sm-8, .col-xs-3, .col-xs-5,.col-xs-7, .col-xs-9  {width: 25%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-9 {width: 75%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-5 {width: 41.66666667%}
.slick-dots li button,.slick-dots li button:before{width:1px; height:1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;}
.slick-dots li button{ background: rgba(153, 153, 153, 0.3) ; line-height:5px; padding:5px;}
.slick-dots li button:before{line-height:8px; margin-left:1px;}
span.error, .help-block {color: #ff0000 !important; display: block !important; font-size: 13px; width: 100% !important; font-family: 'open_sanslight';}

/* new brand page */
.static-pages.brand  .copy{width: 40%;}
.static-pages.brand  .phone{left: calc(50% - 490px); height: calc(100% - 140px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -o-transform: translateY(-50%);}
.static-pages.brand  .tablet{left: calc(57% - 700px); height: calc(100% - 240px);  max-height: 480px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -o-transform: translateY(-50%);}.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0;font-family: 'open_sanslight'; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; background-image: none; border: 1px solid transparent; background: #d7d7d7;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.btn,.btn.focus, .btn:focus, .btn:hover {text-decoration: none;}

/* new sprint-19 css */
.signup-login, .onboarding{max-width:280px; width:100%; background:#fff; padding:75px 40px; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; position: relative; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.signup-login{animation: .2s fadeIn-1;  animation-duration: .2s;}
@-moz-keyframes fadeIn-1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadeIn-1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadeIn-1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fadeIn-1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn-1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.signup-login b, .onboarding b,.signup-login p.text,.onboarding p.text{font-family: 'tokr-heavy'; font-weight:normal;font-size: 14px; transform: translateZ(0);}
.signup-login p.text{margin:0; transform: translateZ(0);}
.onboarding b,.onboarding p.text{font-size: 18px;}
.onboarding p.text span, .onboarding p.onboarding-text span{position:relative;margin: 0px !important; line-height:16px;}
.onboarding p.text span em, .onboarding p.onboarding-text span em{position:relative; margin-right:-17px; font-style:normal;}
.signup-login .btn-primary, .signup-login .btn-google{background:#3F66C4; color:#fff !important; display: block; margin:10px 0; position:relative; width:100%;}
.signup-login .btn-google{background:#fff; color:#ac2925 !important; border:1px solid #ccc;}
.signup-login .fa{position: absolute; left:10px; top:7px; font-size:20px;}
.facebook-icon{width:10px; height:22px; background:url('../images/facebook-icon1.png'); background-repeat:no-repeat; background-size:100%;}
.onboarding{max-width:350px; min-height:465px; padding:20px 30px; color:#000; font-size:18px;}
.onboarding p {display: block; margin: 10px; line-height: 16px; min-height: 35px;}
.onboarding .category{margin: 40px 0px 30px; position: relative; min-height:238px;}
.onboarding .category span:nth-child(1){margin-left:35px}
.onboarding .category span:nth-child(2){margin-right:35px;}
.onboarding h3{margin:0 0 10px; font-size:18px; font-family: 'open_sanslight';}
.onboarding .selected-category{color:#F5B582; position: absolute; width: 100%; text-align: center; left: 0; top:80px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 20px; margin: -15px 0 0; background:none; transform: translateZ(0);}
.onboarding-close{width:30px; height:30px; left:50%; top:50%; position: absolute; cursor: pointer; transition: all 0.5s ease 0s; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.onboarding-close::before, .onboarding-close::after { content: ''; position: absolute; height: 2px; width: 100%;top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px;}
.onboarding-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.onboarding-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.onbranding-button,.onbranding-button:hover,.onbranding-button:focus{background: linear-gradient(to right, #139dae , #5faf80); color: #fff;   padding: 8px 12px;  min-width: 92px; text-transform: uppercase; font-size: 11px; font-family: 'tokr-heavy';}
.onbranding-dot{width:5px; height:5px; background: #ccc;  display: inline-block; margin:2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;  margin:25px 0 0;}
.onbranding-dot.active{background: #797777; }
.onboarding-text{padding:160px 0;font-family: 'tokr-heavy'; font-weight:normal;}
.onboarding-btn{
    width:80px; height:80px; display: inline-block; font-size:11px; line-height:78px; color:#F5B582; position:relative; vertical-align:top; padding: 0 5px; margin: 0px 6px -2px; text-overflow: ellipsis; overflow: hidden;
    box-sizing: border-box;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#F5B582, #FA7471);
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
    cursor:pointer;
    transition: all 0.3s;
}
.onboarding-btn em{display: inline-block; line-height:normal;font-style: normal; position: absolute;  top:50%; left:50%; transform:translate(-50%, -50%)  scale(1); -webkit-transform:translate(-50%, -50%)  scale(1); -moz-transform:translate(-50%, -50%)  scale(1); -o-transform:translate(-50%, -50%)  scale(1); z-index: 1; transition: all 0s;}
.onboarding-btn:hover,.onboarding-btn.active{
    color:#fff; background: #FA7471;
    background: -webkit-linear-gradient(top, #F5B582, #FA7471);
    background: -moz-linear-gradient(top, #F5B582, #FA7471);
    background: linear-gradient(to bottom, #F5B582, #FA7471);
    border:none;
}
.onboarding-btn:hover em{line-height:normal;}

/*tincture*/
.onboarding h3.parent-dab{color:#F27471;}
.dab.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-dab,.parent-dab, .dab,.dab:hover{color:#fff; background: #F27471; /* Old browsers */background: -moz-linear-gradient(top, #F5B582 0%, #F27471 50%, #F0173D 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5B582), color-stop(50%,#F27471), color-stop(100%,#F0173D)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #F5B582 0%, #F27471 50%, #F0173D 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #F5B582 0%, #F27471 50%, #F0173D 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #F5B582 0%, #F27471 50%, #F0173D 100%); /* IE10+ */background: linear-gradient(to bottom, #F5B582 0%, #F27471 50%,#F0173D 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5B582', endColorstr='#F0173D',GradientType=0 ); /* IE6-9 */transform: scale(1.05);}
.dab,.dab.parent-disabled{color:#F27471; transform: scale(1);}
.dab:after,.dab.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.dab:hover:after{opacity: 0; }


/*smok*/
.onboarding h3.parent-tincture{color:#F5A090;}
.tincture.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-tincture,.parent-tincture, .tincture,.tincture:hover{color:#fff; background: #F5A090;background: -moz-linear-gradient(top, #F9E2A1 0%, #F5A090 50%, #F14E6F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9E2A1), color-stop(50%, #F5A090), color-stop(100%,#F14E6F));background: -webkit-linear-gradient(top, #F9E2A1 0%, #F5A090 50%, #F14E6F 100%);background: -o-linear-gradient(top, #F9E2A1 0%, #F5A090 50%, #F14E6F 100%);background: -ms-linear-gradient(top, #F9E2A1 0%, #F5A090 50%, #F14E6F 100%);background: linear-gradient(to bottom, #F9E2A1 0%, #F5A090 50%, #F14E6F 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9E2A1', endColorstr='#F14E6F',GradientType=0 ); /* IE6-9 */transform: scale(1.05);}
.tincture,.tincture.parent-disabled{color:#F5A090; transform: scale(1);}
.tincture:after,.tincture.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.tincture:hover:after{opacity: 0; }

/*dab*/
.onboarding h3.parent-smoke{color:#C852E2;}
.smoke.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-smoke,.parent-smoke, .smoke,.smoke:hover{color:#fff; background: #C852E2; /* Old browsers */background: -moz-linear-gradient(top, #F46CC0 0%, #C852E2 50%, #8900FF 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F46CC0), color-stop(50%,#C852E2), color-stop(100%,#8900FF)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #F46CC0 0%, #C852E2 50%, #8900FF 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #F46CC0 0%, #C852E2 50%, #8900FF 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #F46CC0 0%, #C852E2 50%, #8900FF 100%); /* IE10+ */background: linear-gradient(to bottom, #F46CC0 0%, #C852E2 50%, #8900FF 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F46CC0', endColorstr='#8900FF',GradientType=0 ); /* IE6-9 */transform: scale(1.05);}
.smoke,.smoke.parent-disabled{color:#C852E2; transform: scale(1);}
.smoke:after,.smoke.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.smoke:hover:after{opacity: 0; }
.onboarding h3.parent-pen{color:#F04D85;}
.pen.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-pen,.parent-pen, .pen,.pen:hover{color:#fff; background: #F04D85; /* Old browsers */background: -moz-linear-gradient(top, #F599A6 0%, #F04D85 50%, #E21343 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F599A6), color-stop(50%,#F04D85), color-stop(100%,#E21343)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #F599A6 0%, #F04D85 50%, #E21343 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #F599A6 0%, #F04D85 50%, #E21343 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #F599A6 0%, #F04D85 50%, #E21343 100%); /* IE10+ */background: linear-gradient(to bottom, #F599A6 0%, #F04D85 50%, #E21343 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F599A6', endColorstr='#E21343',GradientType=0 ); /* IE6-9 */transform: scale(1.05);}
.pen,.pen.parent-disabled{color:#F04D85; transform: scale(1);}
.pen:after,.pen.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.pen:hover:after{opacity: 0; }
.onboarding h3.parent-edible{color:#5AB39C;}
.edible.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-edible,.parent-edible, .edible,.edible:hover{color:#fff; background: #5AB39C; /* Old browsers */background: -moz-linear-gradient(top, #B6E589 0%, #5AB39C 50%, #31729D 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #B6E589 0%, #5AB39C 50%, #31729D 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #B6E589 0%, #5AB39C 50%, #31729D 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #B6E589 0%, #5AB39C 50%, #31729D 100%); /* IE10+ */background: linear-gradient(to bottom, #B6E589 0%, #5AB39C 50%, #31729D 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6E589', endColorstr='#31729D',GradientType=0 ); /* IE6-9 */transform: scale(1.05);}
.edible,.edible.parent-disabled{color:#5AB39C; transform: scale(1);}
.edible:after,.edible.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.edible:hover:after{opacity: 0; }
.onboarding h3.parent-topical{color:#6182F0;}
.topical.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-topical,.parent-topical, .topical,.topical:hover{color:#fff; background: #6182F0; /* Old browsers */background: -moz-linear-gradient(top, #52C9DB 0%, #6182F0 50%, #9F2CFF 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52C9DB), color-stop(50%,#6182F0), color-stop(100%,#9F2CFF)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #52C9DB 0%, #6182F0 50%, #9F2CFF 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #52C9DB 0%, #6182F0 50%, #9F2CFF 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #52C9DB 0%, #6182F0 50%, #9F2CFF 100%); /* IE10+ */background: linear-gradient(to bottom, #52C9DB 0%, #6182F0 50%, #9F2CFF 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52C9DB', endColorstr='#9F2CFF',GradientType=0 ); /* IE6-9 */ transform: scale(1.05);}
.topical,.topical.parent-disabled{color:#6182F0; transform: scale(1);}
.topical:after,.topical.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.topical:hover:after{opacity: 0; }
.onboarding h3.parent-beverage{color:#6BB1DB;}
.beverage.parent-disabled:hover{border-color:inherit;}
.onboarding-btn.parent-beverage,.parent-beverage, .beverage,.beverage:hover{color:#fff; background: #6BB1DB; /* Old browsers */background: -moz-linear-gradient(top, #65F0C6 0%, #6BB1DB 50%, #5672E9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65F0C6), color-stop(0%,#6BB1DB), color-stop(100%,#5672E9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #65F0C6 0%, #6BB1DB 50%, #5672E9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #65F0C6 0%, #6BB1DB 50%, #5672E9 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #65F0C6 0%, #6BB1DB 50%, #5672E9 100%); /* IE10+ */background: linear-gradient(to bottom, #65F0C6 0%, #6BB1DB 50%, #5672E9 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65F0C6', endColorstr='#5672E9',GradientType=0 ); /* IE6-9 */transform: scale(1.05); }
.beverage,.beverage.parent-disabled{color:#6BB1DB; transform: scale(1);}
.beverage:after,.beverage.parent-disabled:after{content:''; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; position: absolute; z-index:0; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; transition: all 0.3s;}
.beverage:hover:after{opacity: 0; }
.signup-email{padding:40px 50px; text-align:left; min-height: auto;}
.signup-email input {width:100%; border: 1px solid #ccc; border-radius: 3px; padding: 6px 12px; margin: 0 0 10px;}
.signup-email span {display:block; color:#ff0000; margin-bottom:20px; font-size:13px;}
.all-brandLoader{text-align:center; margin:50px 0 0;}
.all-brandLoader img{width:50px; height:50px;}
.onboarding .category span:nth-child(1),.onboarding .category span:nth-child(2),.onboarding .category span:nth-child(3),.onboarding .category span:nth-child(4),.onboarding .category span:nth-child(5),.onboarding .category span:nth-child(6),.onboarding .category span:nth-child(7){
    animation: 0s fadeIn;  position: relative;}

/*lifestyle1*/
.onboarding .category.lifestyle0 span:nth-child(1),.onboarding .category.lifestyle0 span:nth-child(2),.onboarding .category.lifestyle0 span:nth-child(3), .onboarding .category.lifestyle0 span:nth-child(4), .onboarding .category.lifestyle0 span:nth-child(5), .onboarding .category.lifestyle0 span:nth-child(6), .onboarding .category.lifestyle0 span:nth-child(7){
    animation: 0s fadeIn1;}


/* click on first lifestyle 1 */
.onboarding .category.lifestyle0 span:nth-child(2){animation: .2s fadeIn1;}
@-moz-keyframes fadeIn1 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px; }
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn1 {
    0% { opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn1 {
    0% { opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn1 {
    0% { opacity: 0; z-index:-1; left: -92px; top:0px; }
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn1 {
    0% { opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


.onboarding .category.lifestyle0 span:nth-child(4){animation: .4s fadeIn2;}
@-moz-keyframes fadeIn2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle0 span:nth-child(3){animation: .6s fadeIn3;}
@-moz-keyframes fadeIn3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px; }
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle0 span:nth-child(5){animation: .8s fadeIn4;}
@-moz-keyframes fadeIn4 {
    0% {opacity: 0; z-index:-2; left: -113px; top:-65px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4 {
    0% {opacity: 0; z-index:-2; left: -113px; top:-65px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4 {
    0% {opacity: 0; z-index:-2; left: -113px; top:-65px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4 {
    0% {opacity: 0; z-index:-2; left: -113px; top:-65px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4 {
    0% {opacity: 0; z-index:-2; left: -113px; top:-65px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle0 span:nth-child(7){animation: 1s fadeIn5;}
@-moz-keyframes fadeIn5 {
    0% {opacity: 0; z-index:-2; left: -75px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5 {
    0% {opacity: 0; z-index:-2; left: -75px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5 {
    0% {opacity: 0; z-index:-2; left: -75px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5 {
    0% {opacity: 0; z-index:-2; left: -75px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5 {
    0% {opacity: 0; z-index:-2; left: -75px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


.onboarding .category.lifestyle0 span:nth-child(6){animation: 1.2s fadeIn6;}
@-moz-keyframes fadeIn6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-130px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

/*lifestyle2*/
.onboarding .category.lifestyle1 span:nth-child(1),.onboarding .category.lifestyle1 span:nth-child(2),.onboarding .category.lifestyle1 span:nth-child(3), .onboarding .category.lifestyle1 span:nth-child(4), .onboarding .category.lifestyle1 span:nth-child(5), .onboarding .category.lifestyle1 span:nth-child(6), .onboarding .category.lifestyle1 span:nth-child(7){
    animation: .0s fadeIn2-1;}

.onboarding .category.lifestyle1 span:nth-child(1){animation: .2s fadeIn2-1;}
@-moz-keyframes fadeIn2-1 {
    0% {opacity: 0; z-index:-1; left: 75px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-1 {
    0% { opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-1 {
    0% { opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-1 {
    0% { opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-1 {
    0% { opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


.onboarding .category.lifestyle1 span:nth-child(4){animation: .4s fadeIn2-2;}
@-moz-keyframes fadeIn2-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-2 {
    0% {opacity: 0;  z-index:-1;left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle1 span:nth-child(5){animation: .6s fadeIn2-3;}
@-moz-keyframes fadeIn2-3 {
    0% {opacity: 0; left: -46px; top:-78px;}
    50% {opacity: 0;  z-index:-1;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle1 span:nth-child(3){animation: .8s fadeIn2-4;}
@-moz-keyframes fadeIn2-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle1 span:nth-child(6){animation: 1s fadeIn2-5;}
@-moz-keyframes fadeIn2-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle1 span:nth-child(7){animation: 1.2s fadeIn2-6;}
@-moz-keyframes fadeIn2-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn2-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn2-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn2-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn2-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:-156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


/*lifestyle3*/
.onboarding .category.lifestyle2 span:nth-child(1),.onboarding .category.lifestyle2 span:nth-child(2),.onboarding .category.lifestyle2 span:nth-child(3), .onboarding .category.lifestyle2 span:nth-child(4), .onboarding .category.lifestyle2 span:nth-child(5), .onboarding .category.lifestyle2 span:nth-child(6), .onboarding .category.lifestyle2 span:nth-child(7){
    animation: .0s fadeIn3-1;}

.onboarding .category.lifestyle2 span:nth-child(1){animation: .2s fadeIn3-1;}
@-moz-keyframes fadeIn3-1 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-1 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-1 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-1 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-1 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


.onboarding .category.lifestyle2 span:nth-child(4){animation: .4s fadeIn3-2;}
@-moz-keyframes fadeIn3-2 {
    0% {opacity: 0; z-index:-1; left:-92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-2 {
    0% {opacity: 0; z-index:-1; left:-92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-2 {
    0% {opacity: 0; z-index:-1; left:-92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-2 {
    0% {opacity: 0; z-index:-1; left:-92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-2 {
    0% {opacity: 0; z-index:-1; left:-92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle2 span:nth-child(6){animation: .6s fadeIn3-3;}
@-moz-keyframes fadeIn3-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle2 span:nth-child(2){animation: .8s fadeIn3-4;}
@-moz-keyframes fadeIn3-4 {
    0% {opacity: 0; left: -138px; top:78px;}
    50% {opacity: 0;  z-index:-2;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-4 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-4 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-4 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-4 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle2 span:nth-child(5){animation: 1s fadeIn3-5;}
@-moz-keyframes fadeIn3-5 {
    0% {opacity: 0; z-index:-2; left: -184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-5 {
    0% {opacity: 0; z-index:-2; left: -184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-5 {
    0% {opacity: 0; z-index:-2; left: -184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-5 {
    0% {opacity: 0; z-index:-2; left: -184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-5 {
    0% {opacity: 0; z-index:-2; left: -184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle2 span:nth-child(7){animation: 1.2s fadeIn3-6;}
@-moz-keyframes fadeIn3-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn3-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn3-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn3-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn3-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}


/*lifestyle4*/
.onboarding .category.lifestyle3 span:nth-child(1),.onboarding .category.lifestyle3 span:nth-child(2),.onboarding .category.lifestyle3 span:nth-child(3), .onboarding .category.lifestyle3 span:nth-child(4), .onboarding .category.lifestyle3 span:nth-child(5), .onboarding .category.lifestyle3 span:nth-child(6), .onboarding .category.lifestyle3 span:nth-child(7){
    animation: .0s fadeIn4-1;}
.onboarding .category.lifestyle3 span:nth-child(3){animation: .2s fadeIn4-1;}
@-moz-keyframes fadeIn4-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle3 span:nth-child(1){animation: .4s fadeIn4-2;}
@-moz-keyframes fadeIn4-2 {
    0% {opacity: 0; z-index:-1; left:46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-2 {
    0% {opacity: 0; z-index:-1; left:46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-2 {
    0% {opacity: 0; z-index:-1; left:46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-2 {
    0% {opacity: 0; z-index:-1; left:46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-2 {
    0% {opacity: 0; z-index:-1; left:46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle3 span:nth-child(2){animation: .6s fadeIn4-3;}
@-moz-keyframes fadeIn4-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle3 span:nth-child(5){animation: .8s fadeIn4-4;}
@-moz-keyframes fadeIn4-4 {
    0% {opacity: 0; z-index:-2; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-4 {
    0% {opacity: 0; z-index:-2; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-4 {
    0% {opacity: 0; z-index:-2; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-4 {
    0% {opacity: 0; z-index:-2; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-4 {
    0% {opacity: 0; z-index:-2; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle3 span:nth-child(7){animation: 1s fadeIn4-5;}
@-moz-keyframes fadeIn4-5 {
    0% {opacity: 0; z-index:-2; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-5 {
    0% {opacity: 0; z-index:-2; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-5 {
    0% {opacity: 0; z-index:-2; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-5 {
    0% {opacity: 0; z-index:-2; left: -46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-5 {
    0% {opacity: 0; left: -46px; top:-78px;}
    50% {opacity: 0;  z-index:-2;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle3 span:nth-child(6){animation: 1.2s fadeIn4-6;}
@-moz-keyframes fadeIn4-6 {
    0% {opacity: 0; z-index:-2; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn4-6 {
    0% {opacity: 0; z-index:-2; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn4-6 {
    0% {opacity: 0; z-index:-2; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn4-6 {
    0% {opacity: 0; z-index:-2; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn4-6 {
    0% {opacity: 0; z-index:-2; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

/*lifestyle5*/
.onboarding .category.lifestyle4 span:nth-child(1),.onboarding .category.lifestyle4 span:nth-child(2),.onboarding .category.lifestyle4 span:nth-child(3), .onboarding .category.lifestyle4 span:nth-child(4), .onboarding .category.lifestyle4 span:nth-child(5), .onboarding .category.lifestyle4 span:nth-child(6), .onboarding .category.lifestyle4 span:nth-child(7){
    animation: .0s fadeIn5-1;}

.onboarding .category.lifestyle4 span:nth-child(2){animation: .2s fadeIn5-1;}
@-moz-keyframes fadeIn5-1 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-1 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-1 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-1 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-1 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle4 span:nth-child(4){animation: .4s fadeIn5-2;}
@-moz-keyframes fadeIn5-2 {
    0% {opacity: 0; z-index:-1; left:92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-2 {
    0% {opacity: 0; z-index:-1; left:92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-2 {
    0% {opacity: 0; z-index:-1; left:92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-2 {
    0% {opacity: 0; z-index:-1; left:92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-2 {
    0% {opacity: 0; z-index:-1; left:92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle4 span:nth-child(7){animation: .6s fadeIn5-3;}
@-moz-keyframes fadeIn5-3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-3 {
    0% {opacity: 0; left: 46px; top:-78px;}
    50% {opacity: 0;  z-index:-1;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-3 {
    0% {opacity: 0; z-index:-1; left: 46px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle4 span:nth-child(1){animation: .8s fadeIn5-4; }
@-moz-keyframes fadeIn5-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle4 span:nth-child(3){animation: 1s fadeIn5-5;}
@-moz-keyframes fadeIn5-5 {
    0% {opacity: 0; z-index:-2; left: 184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-5 {
    0% {opacity: 0; z-index:-2; left: 184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-5 {
    0% {opacity: 0; z-index:-2; left: 184px; top:0px;}
    50% {opacity: 0; }
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-5 {
    0% {opacity: 0; z-index:-2; left: 184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-5 {
    0% {opacity: 0; z-index:-2; left: 184px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle4 span:nth-child(6){animation: 1.2s fadeIn5-6;}
@-moz-keyframes fadeIn5-6 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn5-6 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn5-6 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn5-6 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn5-6 {
    0% {opacity: 0; z-index:-2; left: 138px; top:-78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

/*lifestyle6*/
.onboarding .category.lifestyle5 span:nth-child(1),.onboarding .category.lifestyle5 span:nth-child(2),.onboarding .category.lifestyle5 span:nth-child(3), .onboarding .category.lifestyle5 span:nth-child(4), .onboarding .category.lifestyle5 span:nth-child(5), .onboarding .category.lifestyle5 span:nth-child(6), .onboarding .category.lifestyle5 span:nth-child(7){
    animation: .0s fadeIn6-1;}
.onboarding .category.lifestyle5 span:nth-child(3){animation: .2s fadeIn6-1;}
@-moz-keyframes fadeIn6-1 {
    0% {opacity: 0; z-index:-1; left: 48px; top:78px; }
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-1 {
    0% {opacity: 0; z-index:-1; left: 48px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-1 {
    0% {opacity: 0; z-index:-1; left: 48px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-1 {
    0% {opacity: 0; z-index:-1; left: 48px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-1 {
    0% {opacity: 0; z-index:-1; left: 48px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle5 span:nth-child(4){animation: .4s fadeIn6-2;}
@-moz-keyframes fadeIn6-2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-2 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle5 span:nth-child(7){animation: .6s fadeIn6-3;}
@-moz-keyframes fadeIn6-3 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-3 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-3 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-3 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-3 {
    0% {opacity: 0; z-index:-1; left: -92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle5 span:nth-child(1){animation: .8s fadeIn6-4;}
@-moz-keyframes fadeIn6-4 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-4 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-4 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-4 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-4 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle5 span:nth-child(2){animation: 1s fadeIn6-5;}
@-moz-keyframes fadeIn6-5 {
    0% {opacity: 0; z-index:-2; left: -92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-5 {
    0% {opacity: 0; z-index:-2; left: -92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-5 {
    0% {opacity: 0; z-index:-2; left: -92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-5 {
    0% {opacity: 0; z-index:-2; left: -92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-5 {
    0% {opacity: 0; z-index:-2; left: -92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle5 span:nth-child(5){animation: 1.2s fadeIn6-6;}
@-moz-keyframes fadeIn6-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn6-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn6-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn6-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn6-6 {
    0% {opacity: 0; z-index:-2; left: -138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

/*lifestyle7*/
.onboarding .category.lifestyle6 span:nth-child(1),.onboarding .category.lifestyle6 span:nth-child(2),.onboarding .category.lifestyle6 span:nth-child(3), .onboarding .category.lifestyle6 span:nth-child(4), .onboarding .category.lifestyle6 span:nth-child(5), .onboarding .category.lifestyle6 span:nth-child(6), .onboarding .category.lifestyle6 span:nth-child(7){
    animation: .0s fadeIn;}

.onboarding .category.lifestyle6 span:nth-child(6){animation: .2s fadeIn7-1;}
@-moz-keyframes fadeIn7-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-1 {
    0% {opacity: 0; z-index:-1; left: 92px; top:0px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle6 span:nth-child(4){animation: .4s fadeIn7-2;}
@-moz-keyframes fadeIn7-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-2 {
    0% {opacity: 0; z-index:-1; left: 46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle6 span:nth-child(5){animation: .6s fadeIn7-3;}
@-moz-keyframes fadeIn7-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-3 {
    0% {opacity: 0; z-index:-1; left: -46px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle6 span:nth-child(3){animation: .8s fadeIn7-4;}
@-moz-keyframes fadeIn7-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-4 {
    0% {opacity: 0; z-index:-2; left: 138px; top:78px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle6 span:nth-child(1){animation: 1s fadeIn7-5;}
@-moz-keyframes fadeIn7-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-5 {
    0% {opacity: 0; z-index:-2; left: 92px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

.onboarding .category.lifestyle6 span:nth-child(2){animation: 1.2s fadeIn7-6;}
@-moz-keyframes fadeIn7-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-webkit-keyframes fadeIn7-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-o-keyframes fadeIn7-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@-ms-keyframes fadeIn7-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}
@keyframes fadeIn7-6 {
    0% {opacity: 0; z-index:-2; left: 0px; top:156px;}
    50% {opacity: 0;}
    100% {opacity: 1; left: 0px; top:0px;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* parent-disabled Keyframes*/
.parent-disabled{cursor:default; animation: .5s fade-out !important; -webkit-animation: fade-out 1s ease-out both;  animation: fade-out .5s ease-out both;  animation-delay:1.2s;}
@-moz-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-webkit-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-o-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-ms-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0.2;}
}
.parent-disabled{opacity: 0.2; transition:none;}
.parent-disabled:hover:after{opacity: 1;}

.onboarding.category-child, .onboarding.category-child .category{animation: .2s zoomOut; animation-timing-function: ease-in-out; animation-duration: .2s; }
@-moz-keyframes zoomOut {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
@-webkit-keyframes zoomOut {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
@-o-keyframes zoomOut {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
@-ms-keyframes zoomOut {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}
@keyframes zoomOut {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}

/*---------subscription page css -------------*/
.subscription-wrapper {min-height:100vh; height:100%; padding:120px 0 70px; margin-bottom:-91px; background: linear-gradient(to right, #5faf80 , #139dae);  font-family: 'open_sanslight';}
.subscription-wrapper .email-preference-box .heading{margin:0px; color:#fff;}
.subscription-wrapper .email-preference-box span.content{display:inline-block; width:100%; margin:0 0 20px; padding-bottom: 25px; border-bottom:1px solid #1f625e; font-size:15px;}
.subscription-wrapper .email-preference-box{max-width:300px; margin:0 auto;  color:#333;}
.subscription-wrapper .email-preference-box .check-box{margin:0 0 20px;}
.subscription-wrapper .email-preference-box button{padding:10px 18px; background-color: #f1f1f1; border:none; font-family: 'open_sanslight'; color:#139dae; font-size:14px; cursor: pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
.subscription-wrapper .preferences-text{font-size:14px;}
.subscription-wrapper .styled-checkbox {position: absolute; opacity: 0;}
.subscription-wrapper .styled-checkbox + label {position: relative; font-size:15px;padding:8px 0px; color:#333; font-weight:normal; display: inline-block; line-height:15px; cursor:pointer;}
.subscription-wrapper .styled-checkbox + label:before {content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 16px; height: 16px;border:1px solid #fff; vertical-align: bottom;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.subscription-wrapper .styled-checkbox:checked + label:after {content: ''; position: absolute; left: 4px; top: 16px; background: white; width: 3px; height: 3px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.margin-bottom {margin-bottom: 20px;}
.updated-preference {font-size: 15px;}
.margin-bottom.disebeld {opacity: 0.5;}
.margin-bottom.disebeld label{cursor:default;}

/* New homepage css*/
img{max-width: 100%; height: auto; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none;}

/* Top banner css start */
.main-productBox{width:100%; color:#fff; line-height:normal; position: relative;}
.main-productBox .custom-slide a{border:none;}
.main-productBox .slick-dots {bottom: -35px; z-index: 1;}
.main-productBox .slick-dots li button{background:#cccccc;}
.main-productBox .slick-dots li.slick-active button{background:#2ce0eb;}
.main-productBox .slick-dots li button:before{content:none;}
.features-category .slick-dots li button{background:#555;}
.features-category .slick-dots li.slick-active button{background:#28b7bc;}
.main-productBox .product-boxes{width:50%;display: table-cell; position: relative; vertical-align: middle; padding:0px; min-height:500px; height: 100vh; background-size:100% auto; background-position:center; background-repeat:no-repeat; cursor: pointer;}
.main-productBox .product-boxes img{ display:inherit; vertical-align:top;}
.main-productBox .product-boxes.box-left, .cbd-fitness{
    background: #9d2b8a;
    background: -moz-linear-gradient(45deg, #9d2b8a 0%, #fb2f74 100%);
    background: -webkit-linear-gradient(45deg, #9d2b8a 0%,#fb2f74 100%);
    background: linear-gradient(45deg, #9d2b8a 0%,#fb2f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d2b8a', endColorstr='#fb2f74',GradientType=1 );
}
.main-productBox .product-boxes.box-right:after{
    content:'';
    background: #fac13c;
    background: -moz-linear-gradient(45deg, #fac13c 0%, #f9c54b 100%);
    background: -webkit-linear-gradient(45deg, #fac13c 0%,#f9c54b 100%);
    background: linear-gradient(45deg, #fac13c 0%,#f9c54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac13c', endColorstr='#f9c54b',GradientType=1 );
    height: 100%; width:100%; position: absolute; left: 0px; top:0px; z-index:-1;
}
.hero-slide {height: 100%; width: calc(100% + 2px); position: absolute; left: 0; top: 0; background-size: cover !important; background-position: center center !important; z-index:0; cursor: pointer;}
.features-category:before {content: ""; display: block; padding-top: 50%;}
.features-category .product-boxes{width: 50%; display: block; position: absolute; vertical-align: middle; padding: 0 0 0 30px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; overflow: hidden; cursor: pointer; background-size: cover; min-height:unset; height: auto;}
.features-category .product-boxes:nth-child(2) {left: 50%;}
.product-boxes a {position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.banner-content{position: absolute; padding-right: 30px; left:30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.banner-iconContent span{display: table-cell; vertical-align: middle;}
.banner-icons{width: 50px; display: inline-block; vertical-align: middle; padding-right: 8px; fill:#FFFFFF;}
.banner-icons.car-icon{width: 70px; vertical-align: middle; margin-right: 0px; padding: 0px;}
.banner-icons  img {display: inline-block; vertical-align: baseline;}
.banner-icons.car-icon img {margin-left:-6px;}
.banner-heading{font-family: 'tokr-heavy'; font-size: 5vw; padding:2vw 0 0; margin:2vw 0 0; position: relative; max-width: 38vw;}
.banner-heading .sub-title{font-family: 'open_sanslight'; font-size: 18px; color:#fff; line-height: normal; display: block; margin: 20px 0 0;}
.pro-heading span {font-family: 'open_sanslight'; font-size: 18px; display: block; margin: 0 0 15px;}
.banner-heading span.sepretor{width:8vw; height: .4vw; background: #fc2e70; position: absolute; bottom: 0; left: 0;  max-width: 500px;}
.discover-cbd{position: absolute; left:40px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.discover-cbd:after{display: none;}
.all-product, .banner-link{background: #fc2f74; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; color: #fff; text-align: center; text-decoration: none; }
.banner-link{background: #ffb307;}
.state-name{font-family: 'open_sanslight';color:#41f3fe; font-weight: normal; display: inline-block;}
.state-name .location-icon{fill:#41f3fe; vertical-align: middle; width:15px;}
.state-name.location-iconBg{background: url(../images/location.svg) no-repeat; background-position: 0 2px; padding: 0 0 0 20px;fill: #41f3fe; background-size: 15px auto;}

/* Product listing css start */
.cbd-products{min-height: 550px; position:relative;}
.product-listing, .discover-listing{
    display:block; line-height:normal; width:100%; padding:60px 30px 0px; color:#666666; position: relative;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f5f5f5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 60%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 60%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.product-listing .heading, .discover-listing .heading {font-size: 60px; font-family: 'tokr-heavy'; color:#000; margin-left:-1px; line-height: normal;}
.discover-listing .heading span{
    background: #9d2b8a;
    background: -moz-linear-gradient(left, #9d2b8a 0%, #fb2f74 100%);
    background: -webkit-linear-gradient(left, #9d2b8a 0%,#fb2f74 100%);
    background: linear-gradient(to right, #9d2b8a 0%,#fb2f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d2b8a', endColorstr='#fb2f74',GradientType=1 );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;}
.product-listing .heading span{
    background: #0983ae;
    background: -moz-linear-gradient(left, #0983ae 0%, #3cc7d3 100%);
    background: -webkit-linear-gradient(left, #0983ae 0%,#3cc7d3 100%);
    background: linear-gradient(to right, #0983ae 0%,#3cc7d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0983ae', endColorstr='#3cc7d3',GradientType=1 );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;}
.product-listing .heading p {font-size: 14px; color: #666; font-family: 'open_sanslight'; padding-right: 100px; position: relative;}
.product-listing .heading p .shop-all{margin-top: 0; position: absolute; right: 0; bottom: 0px;}
.product-listing .pro-list, .discover-listing .pro-list {overflow:hidden; margin: 22px -30px 0;}
.product-listing .pro-list ul, .discover-listing .pro-list ul, .product-listing .pro-list .pro-scroll, .discover-listing .pro-list .pro-scroll{width:100%; overflow-x: auto; white-space:nowrap; padding: 0 10px 20px 30px; -webkit-overflow-scrolling: touch;}
.product-listing .pro-list{min-height: 420px;}
.product-listing .pro-list ul li, .discover-listing .pro-list ul li, .product-listing .pro-list .pro-scroll .discover-images-box, .discover-listing .pro-list .pro-scroll .discover-images-box{width:280px; min-height:350px; white-space:normal; display:inline-block; vertical-align:top; margin:0 20px 30px 0; font-family: 'open_sanslight';}
.discover-listing .pro-list ul li .brand-name a, .product-listing .pro-list .pro-scroll .discover-images-box .brand-name a,.product-listing .pro-list ul li .brand-name a{color:#a3a4a4; font-size:11px; margin: 0 0 0px; display: block;}
.discover-listing .pro-list ul li, .discover-listing .pro-list .pro-scroll .discover-images-box{min-height:250px;}
.discover-listing.discover-cannabis .pro-list .pro-scroll .discover-images-box, .discover-listing .pro-list .editors-section.pro-scroll .discover-images-box{ margin-bottom: 0px;}
.product-listing .pro-list ul li .img-bx, .discover-listing .pro-list ul li .img-bx, .product-listing .pro-list .pro-scroll .discover-images-box .img, .discover-listing .pro-list .pro-scroll .discover-images-box .img{width:100%; height:280px;  background:#ededed; border: 1px solid #dddddd; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; margin:0 0 8px; display: inline-block;}
.product-listing .pro-list ul li .img-bx img, .discover-listing .pro-list ul li .img-bx img, .product-listing .pro-list .pro-scroll .discover-images-box img, .discover-listing .pro-list .pro-scroll .discover-images-box img {height: 100%; width:auto; max-width: unset; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.discover-listing.cbd-products img {max-width: unset;}
.discover-listing.discover-cannabis .pro-list ul li .img-bx, .discover-listing.discover-cannabis .pro-list .pro-scroll .discover-images-box .img{height:200px; background: none; border:none;}
.product-listing .pro-list ul li .price, .product-listing .pro-list .pro-scroll .discover-images-box .price{color:#3cc7d3; font-size:18px;}
.discover-listing .pro-list ul li .price, .discover-listing .pro-list .pro-scroll .discover-images-box .price{color:#fc2f74; display: block; font-size:18px; margin: 0 0 1px;}
.product-listing .pro-list ul li .price sup, .product-listing .pro-list .pro-scroll .discover-images-box .price sup,
.discover-listing .pro-list ul li .price sup, .discover-listing .pro-list .pro-scroll .discover-images-box .price sup,
.product-listing .pro-list ul li .price em, .product-listing .pro-list .pro-scroll .discover-images-box .price em,
.discover-listing .pro-list ul li .price em, .discover-listing .pro-list .pro-scroll .discover-images-box .price em{font-size: 13px; vertical-align: top; margin: -2px 0 0;}
.product-listing .pro-list ul li .pro-name, .product-listing .pro-list .pro-scroll .discover-images-box .pro-name, .discover-listing .pro-list ul li .pro-name{color:#212121; margin:0 0 2px; display: block; font-size: 14px;}
.product-listing .pro-list ul li .brand-name, .product-listing .pro-list .pro-scroll .discover-images-box .brand-name{color:#a3a4a4; font-size:12px;}
.shop-all{color:#02c7d3; font-size:14px; font-family: 'open_sanslight'; float:right; margin-top: 6px;}
.custom-selectBox{font-size:14px; display: inline-block; position: relative;}
.custom-selectBox select{opacity: 0; position: absolute; max-width: 100%; left: 0px; top: 0px; z-index: 1; padding:5px 3px; cursor: pointer;}
.custom-selectBox .subtask-btn {background: url(../images/arrow-downBlue.png) no-repeat; background-position: right center; display: inline-block; font-family: 'open_sanslight';  color:#3cc7d3;  cursor: default;  padding-right: 35px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.discover-listing .custom-selectBox .subtask-btn {background: url(../images/arrow-downPink.png) no-repeat; background-position: right center; color:#e83873; }
.custom-selectBox select, .custom-selectBox select:focus{font-size:14px; background:none; border:none; outline:none;}
.discover-listing .pro-list ul li .text, .discover-listing .pro-list .pro-scroll .discover-images-box .text {font-size: 15px; margin:0 0; display: inline-block; width: 100%;}
.discover-listing .pro-list ul li .text a, .discover-listing .pro-list .pro-scroll .discover-images-box .text a {color: #222; width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 22px; vertical-align: top;}
.discover-listing .pro-list ul li .text span, .discover-listing .pro-list .pro-scroll .discover-images-box .text span {font-size: 12px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: inline-block;  line-height: 16px; max-width:100%; white-space: nowrap;}
.discover-cannabis{background:#1e1e1e; color:#7F7F7F; padding:60px 30px; min-height: 500px;}
.discover-cannabis ::-webkit-scrollbar {-webkit-appearance: none; z-index: 0; width: 8px; height: 8px;}
.discover-cannabis ::-webkit-scrollbar-thumb {background-color: #1e1e1e; border-radius: 8px; border: 1px solid #484848;}
.discover-cannabis ::-webkit-scrollbar-track {border-radius: 8px; background-color: #1e1e1e; z-index: 0;}
.discover-cannabis .heading{color:#fff;}
.discover-cannabis .pro-list ul li, .discover-cannabis .pro-list .pro-scroll .discover-images-box .cannabis-type{color:#2dbfbe; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   font-size: 14px; text-transform:uppercase; margin-bottom: 5px;}
.discover-cannabis .pro-list ul li .text a, .discover-cannabis .pro-list .pro-scroll .discover-images-box .text a {color: #fff;}
.no-products{text-align:center; color:#e83873; font-size:20px; min-height:350px; padding:160px 0;}
.product-listing .no-products{color:#3cc7d3;}
.product-listing .heading h2 {margin-bottom: 10px; vertical-align: top; line-height: .9em; display: inline-block;}
.custom-select {position: relative;display: inline-block; vertical-align: top; line-height: .9em;}
.custom-select:after {width: 30px; height: 30px; content: ""; position: absolute; background-image: url(../images/downarrow.svg); right: 0; top: 15px; background-position: -15px -34px; background-size: 60px auto;}
.custom-select #selectedCategory {
    padding-right: 35px;
    color: #3cc7d3;
    background: #9d2b8a;
    background: -moz-linear-gradient(45deg, #0983ae 0%, #3cc7d3 100%);
    background: -webkit-linear-gradient(45deg,#0983ae 0%,#3cc7d3 100%);
    background: linear-gradient(45deg, #0983ae 0%,#3cc7d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0983ae', endColorstr='#3cc7d3',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product-listing .heading select {color:#3cc7d3; font-size: 14px; font-family: 'open_sanslight'; height: 100%; width: 100%; position: absolute;  opacity: 0; z-index: 1; left: 0; top: 0;}
.map{margin: 30px; text-align: center; position: relative; background: #fff; padding: 0 12vw;}
.map-location{color:#3cc7d3;}
.map:before,.map:after {content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 100%; background: #fff;}
.map:after {left: 100%;}
.map img{max-width: 100%; height: auto; display: inline-block;}
/* editors-section */
.editorsOuter-section{padding:0  30px 60px; min-height:390px;}
.discover-listing .pro-list .editors-section.pro-scroll .discover-images-box{max-width:190px; min-height:210px; text-align:center;}
.discover-listing .pro-list .editors-section.pro-scroll .discover-images-box .img{height:190px; width:190px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background: none; border:none;}

/*---------wish List & share icon css -------------*/
.wishList-share{display: block; padding:0 2px;}
.wishList-share a{max-width:24px; text-indent:-9999px;}
.wishList-share .wish-list{display: none !important /*inline-block hide on client's request*/; width:25px; height:25px; background: url(../images/heart-outline.svg) no-repeat; background-size:100%; animation: .5s wishlist; animation-timing-function: ease-in-out; animation-duration: .5s;}
@-moz-keyframes wishlist {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-webkit-keyframes wishlist {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-o-keyframes wishlist {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-ms-keyframes wishlist {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@keyframes wishlist {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
.wishList-share .wish-list.wishlist-Added, .wishList-share .wish-list:hover{background: url(../images/heart-red.svg) no-repeat; animation: .5s wishlistHover; animation-timing-function: ease-in-out; animation-duration: .5s;}
@-moz-keyframes wishlistHover {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-webkit-keyframes wishlistHover {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-o-keyframes wishlistHover {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@-ms-keyframes wishlistHover {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
@keyframes wishlistHover {
    0% {opacity: 1; transform:scale(0.75)}
    50% {opacity: 1; transform:scale(1.1)}
    100% {opacity: 1;}
}
.wishList-share .share-icon{display: inline-block !important; width:25px; height:25px; background: url(../images/arrow_24x24.svg) no-repeat; background-size:100%;}
.share-popup {max-width: 280px; width: 100%; background: #fff; padding: 50px 60px; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.share-popup a{display: block; color:#323232; margin-bottom:6px; transition: all 0.3s ease;}
.share-popup p{text-align: center;font-family: 'tokr-heavy'; font-weight: normal; font-size: 20px; margin:0 0 20px;}
.insta, .insta:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .via-email, .via-email:hover,.copy-link,.copy-link:hover, .make-copy,.link-copy{width: 20px; height: 22px; text-indent: -9999px; display: inline-block; vertical-align: middle; background-size: 100% auto !important; background-repeat: no-repeat !important;  margin-right:10px;  transition: all 0.3s ease;}
.insta {background: url(../images/btn-insta.jpg);}
.share-popup a:hover .insta {background: url('../images/btn-insta-green.png');}
.facebook {background: url(../images/btn-facebook.jpg);}
.share-popup a:hover .facebook {background: url('../images/btn-facebook-green.png');}
.twitter {background: url(../images/btn-twitter.jpg);}
.share-popup a:hover .twitter {background: url('../images/btn-twitter-green.png');}
.via-email{background: url(../images/email.svg);}
.share-popup a:hover .via-email {background: url('../images/email-hover.svg');}
.copy-link {background: url(../images/link.svg);}
.share-popup a:hover .copy-link {background: url('../images/link-hover.svg');}
a.link-copy{background: url('../images/link.svg');width:25px; height:27px;}
a.make-copy{background: url('../images/duplicate.svg');width:25px; height:27px;}
/*---------wish List & share icon css end-------------*/

.pro-heading {position: absolute; left: 30px; bottom: 30px; font-size: 6vw; line-height: 5vw;text-align: left;}
.pro-heading .sec-heading{margin-left: -3px; color: #fff;}
.padding-0 {padding: 0px !important;}
.cbd-fitnessHeading .learn-more, .pro-heading .learn-more {font-family: 'open_sanslight'; font-size: 16px; position: absolute; bottom: -40px; left: 0px; color: #fff;}
.pro-heading:after {background: #47e6c4;}
.discover-cannabis .pro-list ul li .wish-list, .discover-cannabis .pro-list .pro-scroll .discover-images-box .wish-list {background: url(../images/heart-outlineWhite.svg) no-repeat; }
.discover-cannabis .pro-list ul li .wish-list.wishlist-Added,.discover-cannabis .pro-list ul li .wish-list:hover, .discover-cannabis .pro-list .pro-scroll .discover-images-box .wish-list.wishlist-Added,.discover-cannabis .pro-list .pro-scroll .discover-images-box .wish-list:hover{background: url(../images/heart-red.svg) no-repeat;}
.discover-cannabis .pro-list ul li .share-icon, .discover-cannabis .pro-list .pro-scroll .discover-images-box .share-icon{background: url(../images/arrow-white.svg) no-repeat;}
.app-download{position: relative; line-height:normal; color:#fff; background: url(../images/iphone.jpg) no-repeat; height: 38vw; background-size: cover; background-position: 100% center;}
.app-download .app-btn {background: #fff; padding: 10px 20px; border-radius: 5px; line-height: normal; display: inline-block; font-size: initial; margin: 20px 10px 0 0; max-width: 125px;}
.app-download .banner-heading {font-family: 'tokr-heavy';  font-size: 55px; line-height: normal; padding: 2vw 0; margin: 2vw 0; position: absolute; left: 30px; top:0px;  bottom:auto; font-size: 4vw; text-align: left; max-width: 100%;}
.app-download .banner-heading:after {content:none;}

/* main login section */
.margin-no{margin:0px !important;}
.main-inner-section{padding:72px 30px;}
.main-inner-section .breadcrumb{padding:30px 0px 0; margin-bottom: 25px; position: relative;}
.main-inner-section .breadcrumb .step-progress{width:100%; height:6px; position: relative; background-color: #eee; margin:8px 0 0;}
.main-inner-section .breadcrumb .total-progress{
    min-width:60px; height:6px; position: absolute;
    background: #067ead;
    background: -moz-linear-gradient(left, #067ead 1%, #39d2c3 100%);
    background: -webkit-linear-gradient(left, #067ead 1%,#39d2c3 100%);
    background: linear-gradient(to right, #067ead 1%,#39d2c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067ead', endColorstr='#39d2c3',GradientType=1 );}
.main-inner-section .breadcrumb .fa { margin: 0 10px; color: #bdbdbd; font-size: 16px; font-weight: bold;}
.main-inner-section .breadcrumb .active, .login-inner-div .active{color:#139dae;}
.main-login-section{max-width:800px; margin:60px auto; color:#7c7c7c;}
.main-login-section.smallForm {max-width: 500px;}
.main-login-section form{margin:40px 0 0; }
.main-login-section a{color:#139dae; text-decoration:none;}
.main-login-section .heading{font-family: 'tokr-heavy'; font-size:55px; color:#222; margin:0px; line-height:normal;}
.main-login-section .register-input-row{margin:0 -5px;}
.main-login-section .register-input-row:after{clear:both; display: block; content:"";}
.main-login-section .register-input-row p{margin:0;}
.main-login-section .input-row, .main-login-section .input-row1{padding:0 5px; float:left; width:50%; position: relative; margin:0 0 10px;}
.main-login-section .input-row1{width:100%;}
.main-login-section .input-row input:focus ~ .floating-label, .main-login-section .input-row input.ng-valid-required ~ .floating-label,.main-login-section .input-row input:not(:focus):valid ~ .floating-label{top: 5px;bottom: 10px; left: 18px;font-size: 11px;}
.main-login-section .input-row .floating-label {position: absolute; pointer-events: none; left: 18px; top: 14px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; color:#bbb;}
.main-login-section .input-row input{font-family: 'open_sanslight'; width: 100%; height: 46px;  font-size: 18px;  padding: 10px 12px 0;  border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;  outline: none;}
.main-login-section .btn-google,.main-login-section .btn-primary {background: #fff; font-family: 'open_sanslight'; color: #3b5998 !important; display: block; margin: 10px 0; position: relative; width: 100%; padding:12px; border-color:#3b5998; overflow:hidden;}
.main-login-section .btn-google .fa, .main-login-section .btn-primary .fa {position: absolute; left: 10px; top: 11px; font-size: 20px;}
.facebook-icon {width: 10px; height: 22px;  background: url(../images/facebook-iconBlue.png) 0% 0% / 100% no-repeat;  background-repeat: no-repeat;}
.main-login-section .btn-google .fa {top: 14px;}
.main-login-section .btn-google {background: #fff; color: #e82e1d !important; border: 1px solid #e82e1d;}
.signin-or{position:relative; text-align:center;  margin: 10px 0 15px;}
.signin-or span{background:#fff; padding:0 20px; display: inline-block; position: relative; z-index:1; color: #ccc; font-size: 12px;}
.signin-or:after{position:absolute;content:""; width:100%; height:1px; top:10px; left:0; background: #ccc;}
.main-login-section .error{color: #17756a; font-size:13px;}
.styled-checkbox {position: relative;}
.styled-checkbox input[type="checkbox"]{position: absolute; opacity: 0;}
.styled-checkbox input[type="checkbox"] + label {position: relative; cursor: pointer; padding: 0;}
.styled-checkbox input[type="checkbox"] + label:before {content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 18px; height:18px; background: white; border: 1px solid #b6b6b6; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
.styled-checkbox input[type="checkbox"]:checked + label:after {content: ''; position: absolute; left: 7px; top: 2px; width: 5px; height: 10px; border: solid #222; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);-moz-transform: rotate(45deg); transform: rotate(45deg); }
.exclusive-offers{margin:15px 0 30px;}
.verification-box{width:100%;background:#f8f8f8; color:#333333; text-align:center; padding:40px; margin-bottom: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
.verification-inputs{position: relative; overflow:hidden;}
.verification-box b{display: block; margin:25px 10px 10px; font-size: 20px; font-weight: bold;}
.verification-box input, .verification-box input:focus{width:70px; height:70px; background:#fff; border:1px solid #ccc; text-align:center; display: inline-block; vertical-align:top; outline: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-appearance: none; -moz-appearance: none;-o-appearance: none;}
.verification-box .boxes-outer{width: 100%; height: 70px; left: 0;  top: 0px;}
.verification-box .inputInner{left: 0; position: sticky; z-index: 1;}
.verification-box .inputOuter {width: 290px;  overflow: hidden; display: inline-block; position:relative; z-index:2;}
.btn-resend{background:none; border:none; color:#25b1ba; cursor: pointer; font-size: 16px;}
.main-login-section .btn-signin.btn{min-width:150px; border:none; padding:10px 40px; position: relative;color: #fff;}
.btn.active{
    color:#fff;
    background: #067ead;
    background: -moz-linear-gradient(left, #067ead 1%, #39d2c3 100%);
    background: -webkit-linear-gradient(left, #067ead 1%,#39d2c3 100%);
    background: linear-gradient(to right, #067ead 1%,#39d2c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067ead', endColorstr='#39d2c3',GradientType=1 );}
.btn:after {content: ''; display: block; position: absolute; opacity: 0; width: 20px; height: 20px; border: 4px solid rgba(255,255,255,0.3);     border-right-color: #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: -30px; top: 6px;   -webkit-transition-property: -webkit-transform;  -webkit-transition-duration: .5s; -moz-transition-property: -moz-transform;  -moz-transition-duration: .5s; -webkit-animation-name: rotate;  -webkit-animation-duration: .5s;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: linear;  -moz-animation-name: rotate; -moz-animation-duration: .5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; transition: all 0.2s linear; -webkit-transform: scale(2); transform: scale(2);}
.btn.loading:after {opacity:1; left:5px;}
.btn[disabled]{background: #ccc; color: #ffffff3b; cursor: default;}
form.margin-no {margin: 15px !important;}
.nicescroll-cursors{height:.3em !important;}

.main-productBox .delivery-home-slide {
    background: #050505;
    background: -moz-linear-gradient(45deg, #050505 0%, #636363 100%);
    background: -webkit-linear-gradient(45deg, #050505 0%,#636363 100%);
    background: linear-gradient(45deg, #050505 0%,#636363 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#636363',GradientType=1 );
}
.main-productBox .delivery-home-slide.box-right{
    background: #9d2b8a;
    background: -moz-linear-gradient(45deg, #9d2b8a 0%, #fb2f74 100%);
    background: -webkit-linear-gradient(45deg, #9d2b8a 0%,#fb2f74 100%);
    background: linear-gradient(45deg, #9d2b8a 0%,#fb2f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d2b8a', endColorstr='#fb2f74',GradientType=1 );
}
.main-productBox .delivery-home-slide.box-right .color-border-line{background:#fb2f74;}
.main-productBox .delivery-home-slide .title-2 span{
    background: #296caf;
    background: -moz-linear-gradient(left, #296caf 0%, #4df2ca 100%);
    background: -webkit-linear-gradient(left, #296caf 0%,#4df2ca 100%);
    background: linear-gradient(to right, #296caf 0%,#4df2ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296caf', endColorstr='#4df2ca',GradientType=1 );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-position-y: -1px;
    bottom: -1px;
    display: inline-block;
}
.main-productBox .delivery-home-slide.box-right .banner-content {margin: -2.5vw 0 0;}
.main-productBox .delivery-home-slide .color-border-line{background:#636363;width: 8vw;height: .4vw;display: inline-block;margin: 20px 0 20px 5px;}
.main-productBox .delivery-home-slide .sub-title{margin:0 0 0 5px;}
.main-productBox .delivery-home-slide .custom-slide h1{max-width: unset;}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
.responsive-search, .mobile-signupLogin,.newPage-header ul#navbar li.log-out, .delivery-linkResponsive{display:none;}
button::-moz-focus-inner {border: 0;}
.google-searchIcon {width:20px; height:28px; top:-3px; position: absolute; left:22px;  fill:#333; opacity: 0;}
.google-mobileSearch-hide{display: block;}
.google-search.expand-searchOuter .google-searchIcon{opacity: 1;}
.newPage-header .search-close.location-close{right:65px;}
.location-close.ng-hide{display: block!important;}

.header-user{width: 24px;height: 24px;text-align: center;line-height: 23px;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;background: #fff!important;text-transform: uppercase;}
.header-user a{color: #42a695!important; font-size:10px;letter-spacing: 1px;line-height: 25px;position: relative;left: 1px;}
.newPage-header.header-black .header-user{background: #42a695!important;}
.newPage-header.header-black .header-user a{color: #fff!important;}
.newPage-header .search input.loading-bg {background-image: url(../images/loading.gif); background-position: calc(100% - 50px) -3px; background-repeat: no-repeat !important; background-size: auto 100%;}
.geo-suggestionList {background:#fff; text-align:left; padding:5px; font-family:'open_sanslight'}
.geo-suggestionList li:first-child {margin:18px 0 0}
.geo-suggestionList li {padding:10px 55px; margin:0; font-size: 15px; line-height: 1.42857143;}
.geo-suggestionList li:hover, .auto-complete-item-selected {color:#44b5bf; background:#f0f0f0; cursor:pointer;}
.location-error {text-align:center; padding:10px}
.geo-suggestionListOuter{position: absolute; left:0px; width:calc(100% - 120px);}
#googleAutoCompleteDiv {margin:55px 0 0; height: 100vh; position: absolute; background:#fff; top:0; left: 0; right: 0; padding:10px 22px 0; font-family: 'open_sanslight';}
#googleAutocompleteInputMobile {border: none; border-bottom: 1px solid #333; width: 100%; padding: 5px 32px; font-size: 18px; height: 32px;font-family: 'open_sanslight'; outline: none;}
#googleAutoCompleteDiv .google-searchIcon{opacity: 1; left: 25px; top:10px;}
.newPage-header #googleAutoCompleteDiv .search-close.google-searchClose{left: 25px; top:15px;}
.newPage-header .search-close.google-searchClose-menu {right: 20px; left: unset;top: -33px;}

/* MEDIA QUERIES */
@media only screen 
and (min-device-width : 781px)
and (orientation : landscape) 
{ #googleAutoCompleteDiv{display: none !important;} }


@media (min-width: 1680px){
    .discover-cannabis .pro-list .pro-scroll .discover-images-box {max-width: 16.5%; width:100%;}
}
@media (min-width: 768px){
    .col-sm-4 { width: 33.33333333%; float: left;}
    .col-sm-8 {width: 66.66666667%;}
    .col-sm-6 {width: 50%;}
}
@media screen and (max-height: 700px){
    .static-pages .tablet {left: calc(60% - 665px);}
    .static-pages .links a{margin-left:5px;}
}
@media screen and (max-height: 600px){
    .static-pages .tablet {left: calc(60% - 500px);}
}
@media screen and (max-height: 500px){
    .static-pages .content {background-size: 200px auto; background-position: calc(45% - 120px) 80px;}
    .static-pages .phone {left: calc(45% - 220px); top:65px;}
    .static-pages .tablet {top: 120px;}
    .static-pages .content {background-size: 450px auto; background-position: calc(60% - 200px) 130px;}
}
@media (max-width: 1000px) and (max-height: 600px){
    .dispensary .content {background-size: 450px auto; background-position: calc(60% - 200px) 130px;}
}

/* Responsive css */
@media screen and (max-width: 1300px) {
    .featured-category .box-col{min-height:150px;}
    .home-skeleton .discover-listing{min-height: 545px;}
    .home-skeleton .discover-cannabis {padding: 35px 0px 0; min-height: 455px;}
}
@media screen and (max-width: 1200px) {
    .featured-category .box-col .category-pro-name{font-size:1.5em;}
    .featured-category .box-col .category-text{line-height:20px;}
    .slide h1, .title-2{font-size: 6.5vw; line-height: 5.5vw;}
}
@media screen and (max-width: 1024px) {
    img.herophone {height: 58vh;}
    .featured-category .box-col .category-pro-name{font-size:1.2em;}
    .featured-category .box-col .category-text{line-height:16px;}
    .slide h1, .title-2 {font-size: 5.5vw; line-height: 4.5vw;}
}
@media screen and (max-width: 900px) {
    .slide .logo {width: 90px;}
    .slide1 h1 {font-size: 2.8em;}
    .slide1 p {font-size: 1.1em;}
    img.herophone {height: 70vh;margin-top: 7vh;}
    .featured-category .box-col .category-pro-name, .featured-category .box-col a.category-pro-name {font-size: 1.3em; line-height: 20px;}
    .featured-category .box-col .category-text{font-size: 1em; line-height: 14px;line-height: 20px; padding: 10px 10px 5px;}
    .static-pages #summary h1{margin-top:10px;}
    .static-pages.brand .phone {left: calc(50% - 390px); height: calc(100% - 140px); max-height: 520px;}
    .newsletter-section{padding: 60px 0px;}
    .newsletter-section .heading, .product-listing .heading, .discover-listing .heading, .app-download .banner-heading, .pro-heading{font-size:40px; line-height: 35px;}
    .app-download .app-btn {max-width: 110px;}
    .banner-heading{max-width:31vw;}
    .app-download{height: 450px; background-position: 50% center;}
    .custom-select:after{top:5px;}
    .home-skeleton .discover-listing{min-height: 525px;}
    .home-skeleton .discover-cannabis {padding: 35px 0px 0; min-height: 435px;}
}
@media screen and (max-width: 800px) {
    .slide1 .copy {text-align: center;}
    .slide1 .copyMid {display: table;	text-align: center;	height: auto !important;}
    .slide1 p {margin-top: 10px;}
    .slide1 h1 span {display: inline-block !important; width: 10px;}
    img.herophone {margin: 25px 0 0; padding: 0px; height: 60vh;}
    .slide .logo {margin-top: 50px; margin-bottom: 7px; display: none;}
    .slide1 h1 {font-size: 1.7em;	letter-spacing: -1px; margin-top: 80px;}
    .half h1, #gradient h1 {font-size: 28px;	letter-spacing: -1px;}
    .half a {opacity: 1;}
    .trytokr-logo {height: 28px; padding-top: 5px;}
    #nav li[title~="discover"], #nav li[title~="contact"] {display: inline-block !important; text-align: right;}
    .half {float: none; width: 100% !important; height: 300px; margin: 0px; border-bottom:1px solid #e0e0e0;}
    .half h1 {font-size: 2em;}
    .half p {font-size: 1em;}
    img.herophone {height: 50vh;}
    .featured-category .box-col{width:50%;}
    .static-pages.brand  .copy{width: 45%;}
    .static-pages.brand .tablet {left: calc(60% - 530px); max-height: 330px; height: calc(100% - 260px);  min-height: 280px;}
    .static-pages #hero h1, .static-pages #summary h1, .static-pages .copy h2 {font-size: 2.2em;}
    .newsletter-section .heading, .product-listing .heading, .discover-listing .heading, .app-download .banner-heading, .pro-heading{font-size:40px;}
    .app-download .app-btn{padding: 5px 10px; border-radius: 3px; margin-top:10px;}
    .app-download .banner-heading{font-size:32px !important;}
}
@media screen and (max-width: 767px) {
    .no-found-public{text-align: left;}
    .body-noScroll{overflow: hidden; position: absolute; height: 100%; width: 100%;}
    .newPage-header .search .search-dropdwon.no-deliveryFound{width:100%;}
    .google-searchIcon {width:20px; height:28px; top:-2px; position: absolute; left: 3px; fill:#333; display: block;}
    .newPage-header ul#navbar li.delivery-linkDesktop,.google-mobileSearch-hide{display: none;}
    .delivery-linkResponsive{position: absolute; left: 50%; transform: translate(-50%); color: #fff; display: inline-block;}
    .newPage-header.header-black .delivery-linkResponsive, .newPage-header.header-white .delivery-linkResponsive,.newPage-header.header-hover .delivery-linkResponsive {color:#333;}
    .delivery-linkResponsive .location-icon{fill:#fff; width:15px; vertical-align: text-top; margin-right: 10px;}
    .newPage-header.header-black .delivery-linkResponsive .location-icon, .newPage-header.header-white .delivery-linkResponsive .location-icon,.newPage-header.header-hover .delivery-linkResponsive .location-icon{fill:#575757;}
    .pac-container{left: 0px !important; bottom: 0; width: 100% !important; padding: 0 20px;overflow: auto; top:103px !important;}
    .pac-container .pac-item{padding:10px 32px; }
    .newPage-header .search.google-search input {padding:0 32px;}
    .newPage-header .search-close.google-searchClose {left: 0px; top:0; display: block;}
    .newPage-header .search.google-search{position: absolute; top: 0px; left: 0; z-index: 9; display:none; min-height:30px; }
    .newPage-header .google-search.expand-searchOuter{display:inline-block;}
    /*    .newPage-header .google-search:after{position: absolute; top: 30px; left: 0; height: 200px; width:100%; background: #fff; content: "";}*/
    .newPage-header .google-search:after {position: absolute; top: -20px; left: -20px; height: 100vh; background: #fff; content: "";  z-index: -1; right: -20px;}
    .newPage-header .google-search:before {top: 30px; position: absolute;  left: 0; height: 10px; width: 100%; background: #fff; content: ""; border-top: 1px solid #000;}
    .cart-mobile{display: block; top:20px;}
    .cart-desktop{display: none;}
    .main-productBox{height: 100vw;}
    .main-productBox.features-category {height: unset;}
    .newPage-header .subMenu-dropdown .sub-menu.mobile-hide {height:0 !important; border: none;}
    .newPage-header .subMenu-dropdown .sub-menu.mobile-show{display: block;max-height:unset;  width:100%; opacity: 1;}
    .responsive-menu{height: 0px; opacity: 0; overflow: hidden;}
    .desktop-search{display:none;}
    .responsive-search,.newPage-header ul#navbar li.log-out{display:block;}
    .newPage-header, .age-gate-displayed .newPage-header.header-black{padding: 20px 22px 24px;}
    .newPage-header #nav-toggle.active{position: absolute; top: 27px;}
    .newPage-header #nav-toggle{display: block;}
    .newPage-header #nav{ position: absolute; background: #fff; width: 100%; top: 55px; left: 0; transition: all 0.5s ease 0s;}
    .newPage-header ul#navbar{margin:0px; padding: 0px 15px 25px;  max-height: 100%; width: 100%; display: inline-block;}
    .newPage-header ul#navbar li{display: block; color: #333; font-family: 'open_sanslight'; font-weight:normal; line-height: 22px; font-size: 18px; padding: 0 0px;}
    .newPage-header ul#navbar li a,.newPage-header.header-black ul#navbar li a, .newPage-header.header-white ul#navbar li a,.newPage-header.header-hover ul#navbar li a{text-align: left; padding:10px; color: #333;  display: inline-block;}
    .newPage-header ul#navbar .sub-menu li a{text-align: left; padding:0px; color: #333;  display: inline-block;}
    .newPage-header .search input{font-size:18px; height: 25px; margin-top:0px; padding:0 5px 5px; display: inline-block !important;}
    .newPage-header .search .search-img-lt {left: 0px; display:none;}
    .newPage-header .search .search-img-rt, .newPage-header .search .search-img-lt{width:20px;  height:20px; left:0px; margin: 0px;}
    .newPage-header .search-close{left:0px; top:-2px; width: 24px; height: 24px}
    .user-icon{right:10px;}
    .newPage-header .search.expand-searchOuter {width:auto; padding-right: 0px;}
    .newPage-header .search .search-dropdwon {left:0%; top: 37px; max-width: 1200px; width:100%;height: calc(100vh - 140px);}
    .newPage-header .search .search-dropdwon ul{max-height: 100%; padding:5px 15px; margin: 0 -15px}
    .newPage-header .search .search-dropdwon ul li a{padding:10px 150px 10px 0px;}
    .newPage-header .search .search-dropdwon ul li.list-head{padding:10px 0px;}
    .newPage-header .search .search-dropdwon ul li a span, .search-dropdwon span.search-product-brand{right:10px;}
    .newPage-header .search .search-outerInput.expanded-search{margin-top:0px;}
    #menu-icon{margin-top:5px;}
    #hero.contact .copy h1, #hero.contact .copyh2 {font-size: 2.5em;}
    #hero.contact .copy {width: 100%; padding: 20px; float: none;}
    #hero.contact .copyMid {vertical-align: top ;padding-top: 50px;}
    #hero.contact .copyMid.thank-u {height: calc(100vh - 275px);}
    .ageGate{max-width:350px; max-height:350px;}
    .ageGate .innerContent h3 {font-size: 45px; line-height: 40px;}
    .ageGate .innerContent img{width:100px;}
    .newPage-body #footer .icons, #footer .icons{width: 48px; padding-left: 22px;}
    .static-pages .copy{min-height:100%;}
    .static-pages .copyMid{padding: 50px 0 0;}
    .panel-body .col-sm-6 {width: 100%;}
    .newPage-header #nav{margin:0px; display: none;}
    .newPage-header #nav.showMenuMobile{ display: block;}
    .newPage-header .sub-menu{position: relative; padding: 0; top: 0px;}
    .newPage-header .sub-menu .inner{padding:10px 0px;}
    .newPage-header .sub-menu .inner:before{margin:0px; top: 5px; border:none;}
    .newPage-header .sub-menu .menu-col{ padding:0 10px;}
    .newPage-header .sub-menu .menu-outer{width: 100%; padding: 0px;}
    .newPage-header .subMenu-dropdown .sub-menu.mobile-show, .newPage-header .subMenu-dropdown .sub-menu.mobile-hide{position:relative; height: auto;}
    .home-sliderBtn a{padding:15px;}
    .newPage-header .user-icon{right:65px; display:none;}
    .slide h1,.title-2{font-size:10vw; line-height: 9vw; max-width: 100vw;}
    .slick-list, .slick-track,.custom-slide{height:100vw;}
    .newPage-header .search .search-img-rt, .newPage-header .search .search-img-lt{background: url(../images/search-iconGray.svg) no-repeat; background-size: 100% auto;}
    .newPage-header .search .search-outerInput {opacity: 1; width: 100%;}
    .newPage-header .search{position: relative; float: none; width: auto; min-height: 30px; top: 0; right:0px; border-bottom: 1px solid #333; margin: 10px 22px; display:none;}
    .newPage-header .search input{color:#222}
    .newPage-header .search ::-webkit-input-placeholder { color: rgba(0,0,0,.2);}
    .newPage-header .search ::-moz-placeholder { color: rgba(0,0,0,.2);}
    .newPage-header .search :-ms-input-placeholder {  color: rgba(0,0,0,.2);}
    .newPage-header .search :-moz-placeholder { color: rgba(0,0,0,.2);}
    .newPage-header .search .search-outerInput.expanded-search {opacity: 1; width: 100%;}
    .newPage-header.header-textHide #nav.responsive-menu {opacity: 1;height:auto; width: 100%;}
    .overlay-bg{background: #fff;}
    .newPage-header .sub-menu .menu-col:first-child{display: block; border:none;}
    .newPage-header .sub-menu .menu-col {padding: 0 20px; display: block; width: 100%; min-height: auto;}
    .mobile-menu{margin-top: 0px; padding: 0px;  height: calc(100vh - 100px);  overflow: auto; max-height: 100%; width: 100%; top: 0;  z-index: 0;}
    .newPage-header .sub-menu .menu-col.border-rt {display: none;}
    .mobile-signupLogin {display: none /*block change on client's request*/; padding: 0px 25px; font-family: 'open_sanslight'; color: #333; font-weight: normal; line-height: 22px; font-size: 18px;}
    .mobile-signupLogin li {margin: 0px; display: block; line-height: 22px;}
    .mobile-signupLogin li a {color: #333; padding: 10px 0;display: inline-block; }
    .main-productBox .product-boxes {width: 100%; display: inline-block;}
    .banner-heading h3.sec-heading{font-family: 'tokr-heavy'; font-size: 12vw; line-height: 11vw;}
    .banner-heading {max-width: 82vw;}
    .features-category:before{padding-top: 200%;}
    .features-category .product-boxes:nth-child(2) {display: block; margin-top: 100%; left: 0px;}
    .features-category .product-boxes {height: 50%; background-position-x: 50%; left: 0px}
    .banner-content, .pro-heading,.app-download .banner-heading{left:22px; padding-right:22px; }
    .product-listing, .discover-listing {padding-left:22px;}
    .slide h1.heading2, .pro-heading .sec-heading{margin-left: -3px;}
    .product-listing .pro-list, .discover-listing .pro-list{margin:22px -22px 0;}
    .product-listing .pro-list ul, .discover-listing .pro-list ul, .product-listing .pro-list .pro-scroll, .discover-listing .pro-list .pro-scroll{padding: 0 10px 15px 22px;}
    .discover-cannabis{padding:40px 22px; min-height: 460px;}
    .editorsOuter-section {padding: 0 22px 40px; min-height: 365px}
    .newPage-body #footer .icons, #footer .icons{padding: 32px 0 20px 22px;}
    .copy-rights{padding:0 20px 30px;}
    .post .scroll-box{padding-left: 22px;}
    .post .slider-boxes,.post .slider-box {width:100%; height: 100vw; position: relative;}
    .post .slider-box:nth-child(2){display:none;}
    .post .slider-boxes:nth-child(2){position: relative; left: 0;}
    .scroll-skeleton{left: -8px; padding: 40px 0 10px;}
    .home-skeleton .discover-cannabis {padding: 25px 0px 0 !important; min-height: 425px;}
    .home-skeleton .pro-scroll p {margin: 0 0 10px;}
    .map{padding:0px;}
    .newPage-header .search input.loading-bg{background-position: 100% center;}
    .hide-mainSearch{display: none;}
    .geo-suggestionList li {padding: 10px 32px;}
    .no-deliveryFound .no-found-public{margin:10px 0 0; padding:10px 32px;}
    .geo-suggestionListOuter {width: 100%; padding: 0 22px; height: calc(100vh - 98px); overflow: auto;}
}
@media screen and (max-width: 700px){
    .trytokr-logo {height: 37px;}
    .static-pages .content {background-size: 200px auto; background-position: calc(45% - 120px) calc(50% + 50px); height: 950px;}
    .static-pages #one .logo {width: 75px; margin-bottom: 20px;  padding-top: 100px;}
    .static-pages #one .logo, .static-pages #five .logo {width: 75px;}
    .static-pages h1, .static-pages h2 {font-size: 2.5em !important;}
    .static-pages .content p {font-size: 1em;}
    .static-pages #hero {height: 640px; background-position: 0px;}
    .static-pages .content {background-size: 90% auto; background-position: 15px 165px; background-attachment: scroll !important; height: 530px; width: 100% !important; overflow: hidden; min-height: 0px;}
    .static-pages .tablet {background-position: calc(60% - 320px) 180px; position: absolute; width: calc(100% - 30px); height: auto !important; left: 0px; top: 190px; min-height: 0px;}
    .static-pages #hero .tablet {top: 260px;}
    .static-pages .content.small {background-position: 0px 160px; height: 440px !important;}
    .static-pages .copy p {padding-right: 20px;}
    .static-pages #summary .copy  { margin:0px !important; width: 100% !important; float: none !important;}
    .static-pages .copy  {width:100% !important; padding: 20px; float: none !important;}
    .static-pages #hero .logo {display: none !important;}
    .static-pages #hero .copyMid {vertical-align: top !important; padding-top: 70px;}
    .static-pages #hero .copyMid {vertical-align: top !important; padding-top: 70px;}
    .static-pages .lightGrey .copyMid, .static-pages .darkGrey .copyMid {vertical-align: top !important;}
    .static-pages #summary {height: 300px;}
    .static-pages #summary h1 {font-size: 2em !important; margin-top: 0px;}
    .static-pages #summary .copy  {padding: 0px !important;}
    .static-pages #summary .logo {width: 60px; padding-top: 5px; margin-bottom:0px;}
    .consumer .content {background-size: 325px auto; background-position: 50% 160px; background-attachment: scroll !important; height: 700px; width: 100% !important; overflow: hidden;}
    .consumer #hero {height: 840px; background-position: 50% 300px;}
    .static-pages .phone {left: calc(50% - 175px); top: 195px; position: absolute; margin: auto; width: 320px; height: auto;}
    .static-pages #hero .phone {top: 273px;}
    .legal .copy ol, .legal .copy ul, .legal .copy li {margin-left: 0px !important;}
    .copy h2 {margin-top: 10px; white-space: nowrap;}
    #header .logo {padding: 30px 0 0 20px;}
    .links a {margin-left: 8px;}
    .legal .content{padding: 15px 20px 10px; width:100%;}
    .legal .copy {text-align:justify; word-wrap: break-word;}
    .copy p {padding-right: 0px;}
    .legal .copy ol, .legal .copy ul, .legal .copy li {margin-left: 6px !important;padding:0 0 3px;}
    .legal h1, .legal h2 {font-size: 2.5em !important;}
    .legal #hero {padding: 58px 20px 5px;}
    .static-pages #summary.content {min-height: 290px;}
    .static-pages.brand .content, .static-pages.brand #hero.content {height:100vh; min-height:700px;}
    .static-pages.brand .copy { width: 100% !important; padding: 20px; float: none !important;}
    .static-pages.brand .phone ,.static-pages.brand .tablet{left: calc(50% - 50%) !important; max-height: unset; min-height: auto; width: 100%; height: auto; transform: translateY(-0%); -webkit-transform: translateY(-0%);  -moz-transform: translateY(-0%);  -o-transform: translateY(-0%);}
    .static-pages.brand #hero .phone{top: 350px;}
    .static-pages.brand .copy p {padding-right:0px; max-width: 100%;}
    .static-pages.brand .phone{top: 170px;}
    .static-pages.brand .tablet { top: 380px;}
    .static-pages #hero h1{margin-top: 20px !important;}
    .main-productBox .product-boxes img{float:left;}
}
@media screen and (max-width: 640px) {
    .ageGate{max-width:300px; max-height:300px; }
    .ageGate .innerContent h3{font-size: 35px; line-height: 30px;}
    .ageGate .innerContent img{width:75px;}
    .static-pages h1, .static-pages h2, .static-pages #summary h1 {font-size: 1.5em !important;}
    #footer .links, #footer .row .links{padding: 18px 20px 18px 0;}
    .newsletter-section .heading{font-size: 7vw; }
    #footer-navbar li.left{margin-right: 50px;}
    .app-download .app-btn {max-width: 100px;}
    .discover-listing .pro-list .editors-section.pro-scroll .discover-images-box {max-width: 135px; min-height: 160px;}
    .discover-listing .pro-list .editors-section.pro-scroll .discover-images-box .img {height: 134px; width: 134px;}
    .home-sliderBtn a{padding:12px;}
    .search-dropdwon span.search-product-brand {float: none; position: relative; right:0px; bottom: -2px; margin:0; left:0px; display: inline-block;}
    .newPage-header .search .search-dropdwon ul li a{padding: 10px 10px 10px 10px}
    .app-download {height: 430px; background-position: 35% center;}
    .map{margin:30px 0;}
}
@media screen and (max-height: 640px){
    .ageGate {max-width:300px; max-height:300px; }
    .ageGate .innerContent h3{font-size: 35px; line-height: 30px;}
    .ageGate .innerContent img{width:75px;}
    .static-pages #hero h1, .static-pages #summary h1, .static-pages .copy h2 {font-size: 2.2em;}
    .static-pages.brand .phone {left: calc(50% - 390px);}
    .static-pages.brand .tablet {left: calc(60% - 500px);}
}
@media screen and (max-height: 480px){
    .slide .logo {width: 100px;}
    .static-pages #summary.content {min-height: 480px;}
    .static-pages #summary h1{margin-top:10px;}
    .static-pages .copy p{font-size: 14px;}
    .static-pages #summary .copyMid {padding: 0;}
    .onboarding {max-width: 290px; min-height:350px; padding: 10px 20px; font-size: 13px;}
    .signup-email{min-height:auto; padding: 40px;}
    .onboarding .category {margin: 25px 0px 5px; position: relative; min-height: 185px;}
    .onboarding-btn{width: 65px; height: 65px; line-height: 62px; margin: 0px 5px 0px; font-size: 10px;}
    .onboarding h3, .onboarding b, .onboarding p.text{font-size:15px;}
    .onboarding p.text span em, .onboarding p.onboarding-text span em{margin-right:-14px;}
    .onboarding p.text span, .onboarding p.onboarding-text span{line-height:12px;}
    .onboarding .selected-category{top: 62px;}
    .onboarding p{line-height: 13px;}
    .onbranding-dot{margin: 15px 0 0;}
    .onboarding-text{padding:130px 0;}
    .subscription-wrapper{margin:0 0 -0px;}
    .newPage-header .subMenu-dropdown:hover .sub-menu {height: calc(100% - 35px);}

}
@media screen and (max-height: 420px) {
    img.herophone {height: 45vh;}
    .static-pages #hero h1, .static-pages #summary h1 {font-size: 2.5em;}
    .static-pages #summary.content{padding-bottom: 10px;}
    .static-pages #hero h1, .static-pages #summary h1, .static-pages .copy h2 {font-size: 1.5em;}
    .static-pages #hero .logo {padding-top: 60px; width: 60px; margin-bottom:8px;}
}
@media screen and (max-height: 380px) {
    img.herophone {height: 40vh;}
    .ageGate{max-width:300px; max-height:300px; }
    .ageGate .innerContent h3{font-size: 35px; margin: 20px 0;}
    .slide .logo{width: 90px;}
    .static-pages #summary.content {min-height: 380px;}
}
@media screen and (max-height: 360px) {
    img.herophone {height: 30vh;}
}
@media (max-width: 600px) {
    .newPage-body .map-section .proBox, .proLi-outer{max-width:355px;}
    .newPage-header .search .search-dropdwon ul li a span{right:10px;}
    .newPage-header .search .search-dropdwon{padding:0px;}
    .main-login-section .input-row, .main-login-section .input-row1{width:100%;}
    .main-login-section .heading{font-size:45px;}
}
@media (max-width: 520px) {
    .newPage-header .sub-menu .menu-col{display: inline-block;}
}
@media screen and (max-width: 480px) {
    .cbd-products{min-height:460px;}
    .newPage-header #nav-toggle{right:20px;}
    .newPage-header .user-icon {right: 50px;}
    .newPage-header .search-close {right: 80px;}
    .newPage-header .search .search-img-rt, .newPage-header .search .search-img-lt{right: 85px;}
    .newPage-body #footer .links a, #footer .links a{font-size: 11px;}
    .static-pages.brand .lightGrey .tablet{top: 420px;}
    .static-pages.brand .phone{top:235px;}
    .static-pages #hero .button, .static-pages #summary .button {width: 90px;}
    .featured-category .box-col {min-height: 120px;}
    .onboarding {max-width: 290px; min-height:350px; padding: 10px 20px; font-size: 13px;}
    .signup-email{min-height:auto;padding: 40px;}
    .onboarding .category {margin: 25px 0px 5px; position: relative; min-height: 185px;}
    .onboarding-btn{width: 65px; height: 65px; line-height: 62px; margin: 0px 5px 0px; font-size: 10px;}
    .onboarding h3, .onboarding b, .onboarding p.text{font-size:15px;}
    .onboarding p.text span em, .onboarding p.onboarding-text span em{margin-right:-14px;}
    .onboarding p.text span, .onboarding p.onboarding-text span{line-height:12px;}
    .onboarding .selected-category{top: 62px;}
    .onboarding p{line-height: 13px;}
    .onbranding-dot{margin: 15px 0 0;}
    .onboarding-text{padding:130px 0;}
    .newsletter-section p, .newsletter-section span.send-email {font-size: 15px;}
    .verification-box{padding:20px;}
    .verification-box .inputOuter {width: 220px;}
    .verification-box input, .verification-box input:focus {width: 50px; height: 50px;}
    .verification-box .boxes-outer{height: 50px;}
    .main-login-section .heading{font-size: 30px;}
    .product-listing .heading, .discover-listing .heading, .app-download .banner-heading, .pro-heading{font-size:28px; display: inline-block; width: 100%; margin: 20px 0 0;}
    .custom-select:after{background-size: 46px auto; top: 8px;}
    .newPage-body #footer .icons, #footer .icons {width: 100%;}
    .footer.content .links li, #footer-navbar, #footer-navbar li.left {float: none !important;}
    #footer-navbar, #footer-navbar ul{margin: 0px;}
    #footer-navbar li.left li {margin-bottom: 8px; font-size: 14px;}
    #footer .footer-links {margin: 18px 0 0 20px;}
    .copy-rights {float: none; padding: 20px 20px 30px; color: #c1c1c1; display: inline-block;  width: 100%;}
    .custom-selectBox {font-size: 14px; float: none; position: relative; display: table; margin: 10px 0 0px;}
    #footer .icons{padding: 32px 0 20px 18px;}
    #footer-navbar ul li {margin: 0 0 8px;}
    #footer a{padding:0;}
    .product-listing .pro-list ul, .discover-listing .pro-list ul, .product-listing .pro-list .pro-scroll, .discover-listing .pro-list .pro-scroll{padding:0 10px 15px 20px}
    .product-listing, .discover-listing{padding: 40px 20px 0; display: block;}
    .editorsOuter-section {padding: 40px 20px; }
    .product-listing .pro-list, .discover-listing .pro-list {margin: 22px -20px 0;}
    .app-download .banner-heading{max-width: 275px;}
    .home-skeleton .discover-listing {min-height: 505px;}
    .newsletter-section .heading{font-size: 28px;}
    .newPage-header, .age-gate-displayed .newPage-header.header-black {padding: 15px 22px;}
    
}
@media screen and (max-width: 420px) {
    .newsletter-section input, .newsletter-section input:focus{width:100%;}
    .newsletter-section .error, .newsletter-section .help-block, .newsletter-section span{left: 0px; top: 45px;}
    .newsletter-section button{margin-top: 22px;}
    .app-download .app-btn{display: block;}
    .app-download {height: 380px;}
    .main-productBox .delivery-home-slide .color-border-line{margin:10px 0;}
}
@media screen and (max-width: 360px) {
    .static-pages.brand .darkGrey .tablet {top: 440px;}
    .static-pages.brand .lightGrey .tablet {top: 510px;}
    .app-download .app-btn img{width:100%; height: auto ;}
    .app-download img{height:175px; width:auto;}
    .custom-slide{height: auto ; min-height:100vw;}
    .discover-listing .pro-list ul li, .discover-listing .pro-list .pro-scroll .discover-images-box{min-height:130px;}
    .product-listing .pro-list ul li, .discover-listing .pro-list ul li, .product-listing .pro-list .pro-scroll .discover-images-box, .discover-listing .pro-list .pro-scroll .discover-images-box{max-width: 280px; min-height: 130px;}
    .banner-icons{float: left;}
}
@media screen and (max-width: 320px) {
    .featured-category .box-col {width: 100%;}
}