body, .navbar-nav a, h4, h5 {font-weight:400;}
h3, .btn, .form-control {font-weight: 400;}
h1, h2, b {font-weight: bold;}
h2.sepLine {position: relative; margin-bottom: 2em;}
h2.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.15em; background-color: #000;}

h1, h2, h3, h4, h5 {margin-bottom: 1em;}
h2+h3, h1+h2 {margin-top:-.5em; margin-bottom:1em;}
.prod-cat-icons span

.navbar {padding:.25em .5em;}

hr {margin: 1em 0;}

.navbar-light .navbar-nav .nav-link {text-transform: uppercase;}
footer .navbar-nav .nav-link {margin:0 1em;}
footer .navbar-nav {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row;
}

.logo {
	position: relative; font-size: 1.2em; font-weight: 700;
}
.logo span {
	display: inline-block; vertical-align: middle;
	background-size: contain; background-repeat: no-repeat;
}
.logo span:first-child {
	width:13em; height: 4em; background-image: url("/img/e/veggiecoach/logo-text.svg");
}
.logo span:nth-child(2) {
	width:5em; height: 5.5em; background-image: url("/img/e/veggiecoach/logo.svg");
}

.navbar {
	padding-bottom: 1.2em; align-items: flex-start; position: fixed; width: 100%; top:0em; 
	background-image: url("/img/e/veggiecoach/curve.svg");
	background-repeat: no-repeat; background-size: cover; background-position: center bottom;
}
.modal-open .navbar, .showing-boxes .navbar {z-index: 999;}

.bg-curve {
	padding-bottom: 4em; background-color: #e5e5e5; border-bottom: 0 !important;
	background-image: url("/img/e/veggiecoach/curve-rev.svg");
	background-repeat: no-repeat; background-size: contain; background-position: center bottom;
}


/*--[SlimHeader]--*/
.slimHeader .navbar-expand-lg .navbar-collapse {background-color: transparent;}
.slimHeader .navbar.sticky-top {font-size:.75em; align-items:center;}
.slimHeader .navbar.sticky-top .dropdown-menu {font-size:1em;}

.slimHeader .logo span:first-child {width: 6.5em; height: 2em;}
.slimHeader .logo span:nth-child(2) {width: 2em; height: 2em;}
.slimHeader .lang-support, .slimHeader .location-support {display: none;}

.unSetHeader .navbar {
	top:-10em;
	-webkit-animation: floatNav .65s normal forwards;
	animation: floatNav .65s normal forwards;
}

.setSlimHeader .navbar {
	top:-10em; padding-bottom: .5em;
	background-image: none; background-color: #fff; box-shadow: 0 0 .5em .35em rgba(0,0,0,.1);
	-webkit-animation: setfloatNav .5s normal forwards;
	animation: setfloatNav .5s normal forwards;
}

@-webkit-keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

@keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

.slimHeader .navbar {
	-webkit-animation: floatNav .75s normal forwards .15s;
	animation: floatNav .75s normal forwards .15s;
}

@-webkit-keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

@keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

body:not(.home) .navbar+section {padding-top: 10em;}

.big-header {height:calc(100vh);}
.big-header .slide-info {margin-top:5em; min-width:85%;}
.sticky-labels span {font-size:1.5em; font-weight:bold; display: block; text-align: left;}
.sticky-labels span:last-child {margin-left:5em; margin-top: 1px;}
.sticky-labels span b {font-size:1.25em; display: inline-block; padding: .1em .5em;}


.blog-list {line-height: 1.2; padding: .75em;}
.blog-list a b {display: block; padding-bottom: .25em;}
.blog-list .media {padding-bottom: .75em; margin-bottom: 1em; border-bottom: 1px solid rgba(255,255,255,.5);}
.blog-list .media img {max-width:6em; margin-top: .25em; border:1px solid #fff;}

.bdr-pic {position: relative; display: inline-block; border-bottom: 8px solid #fff;}
.bdr-pic:before {
	position: absolute; left:.5em; top:.5em; z-index: 10;
	content:''; width:calc(100% - 1em); height:calc(100% - 1em); display: inline-block;
	border: 1px solid #fff;
}

.auto-slides .swiper-slide a:hover .bdr-pic:before {
	left:.5em; top:.5em;
	width:calc(100% - 1em); height:calc(100% - 1em);
	border-width: 10px; border-color: rgba(255,255,255,.5);
}

.bdr-pic.big-pic:before {
	left:1em; top:1em;
	width:calc(100% - 2em); height:calc(100% - 2em);
	border: 2px solid #fff;
}

.slogan-text {position: relative; display:flex; max-width: 980px; margin:0 auto;}
.slogan-text h2 {display: inline-block; position: relative; width:9.5em; height:9em; padding: 2.5em 1em 2em; border-radius:8em; font-weight: bold !important; text-align: center;}
.slogan-text h2:after {position: absolute; content:''; right:-.35em; top:-.35em; width:11em; height:11em; border-radius:8em; z-index:-1;}
.slogan-text div {display: inline-block; width: calc(100% - 15em); padding: 2em 5em 0 3em; text-align: left;}

.slogan-text .line {
	position: absolute; bottom: 3em; left:5em; z-index: -1;
	width: calc(100% - 6em); height: 4px;
}

.leafs:after {
	content:''; width: 12em; height: 12em; position: absolute; bottom: -1.75em; opacity: .7;
	background-image: url("/img/e/veggiecoach/leafs.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;	
}
.leafs.leaf-left:after {left:0;}
.leafs.leaf-right:after {left:100%;}
.slogan-text .leafs.leaf-right:after{left:calc(100% - 4em);}

.ecodemy-logos {width:100%; text-align: right; text-align: center; padding: 2em 0;}
.ecodemy-logos a {display:inline-block; padding: 0 1.5em; max-width: 30%; box-sizing: border-box; text-align: center;}
.ecodemy-logos a img {width:100%; max-width: 200px;}
.meike-pic {text-align: right;}
.meike-pic img {width:100%; max-width: 180px;}
.office-address {width:100%; padding: 1em 0; border-radius: .35em; background-color: rgba(0,0,0,.08);}
.office-address i {font-style: normal; font-weight: bold;}
.office-address b {font-size:1.2em; display: block; padding:0 0 .5em;}

.big-pic .leafs:after {right: -3em; left: inherit;}
.big-header .leafs:after {
	bottom:.5em; width: 25em; height: 25em; right:-5em; z-index: -1; opacity: .5;
}

.leaf-rev:after{
	background-image: url("/img/e/veggiecoach/leafs-rev.svg");
}

ul.leaf-list {list-style-type: none; padding-top:1em; padding-bottom: 1em;}
ul.leaf-list li {
	background-image: url("/img/e/veggiecoach/leafs-rev.svg"); padding: .5em 0 .5em 2.25em;
	background-repeat: no-repeat; background-position: left top; background-size: 1.5em;
}

.photo-block {position: relative; padding: 1em; display: inline-block; max-width:300px;}
.photo-block b {padding:.2em .5em; display: block;}
.photo-block.leafs.leaf-left:after {
	left:-8.5em;
}


#followBox {text-align: center; padding-top: 2em;}
#followBox i.fab {font-size: 2.5em;}

.modal-header, .modal-footer {border-radius:0;}
.modal-header h5:first-child {padding-top:0 !important;}
.modal-header h5 {text-align: center; text-transform: uppercase; display: block; width: 100%;}

.quote-symbol {
	font-family: Georgia, serif; font-size: 2em; margin-bottom: .5em;
	display: inline-block; width: 1em; height:1em; line-height:1.5em; border-radius:50%; border: .045em solid #fff;
}

.demo-tv {position: absolute; bottom: 4em; right: 7em; z-index: 999;}
.demo-tv b {display: block; text-align: center; text-shadow: 0 0 .75em rgba(0,0,0,.65);}
.demo-tv .fas {vertical-align: middle;}

.scroll-down {
	position: absolute; left: 50%; margin-left: -2em; bottom: 0; z-index: 999;
	width: 4em; height: 7em; background-image: url("/img/e/veggiecoach/arrow-icon.svg");  background-size: 50%; background-position: center center; background-repeat: no-repeat;
	cursor: pointer; transform: rotate(-90deg); opacity: .75;
}
.scroll-down:hover {opacity:1;}

.article-body .btnBox, .date-stamp {border-top: 1px solid #e5e5e5; padding-top: 1em;}
.article-body {margin: 1em 0;}

.author-stamp {opacity:.65;}
.date-stamp {font-size: .9em; text-transform: uppercase;}
.author-stamp {margin-bottom: 1.5em; font-style: italic;}

.article-heading .btn-block {font-size:1.5em !important;}
.article-body .desc {padding: 2em 0 1em;}
.article-body hr {margin: 2em 0;}
.article-body h4 {margin-bottom: 1.5em;}

.blog-entry h1 {font-weight: bold !important; font-size:2.5em !important;}
.blog-entry h2 {margin-bottom: .5em; margin-top: -1em;}
.blog-entry figure {margin-top: 1em; margin-bottom: 1em; position: relative;}
.blog-entry figcaption {font-size:.75em; position: absolute; left:.75em; bottom:.75em; padding: .25em 1em; background-color: #000; color: #fff; z-index: 99;}

.prod-cat-icons {display: block; padding-top:.5em;}
.listItem .prod-cat-icons {padding:0 0 .5em;}
.prod-cat-icons span {
	display:inline-block; width:50px; height:50px; margin-right:.1em; margin-bottom:.25em; border-radius:25px; border:1px solid rgba(255,255,255,1); box-sizing: border-box; text-indent:-999em;
	background-image: url("/img/e/veggiecoach/prod-cat-icons.png"); background-size: 360px 189px; background-repeat: no-repeat; filter: grayscale(100%);
}
.prod-cat-icons span:hover {filter: grayscale(0);}

.organic {background-position: -21px -22px;}
.vegan {background-position: -88px -22px;}
.soy-free {background-position: -153px -22px;}
.palm-oil-free {background-position: -219px -22px;}
.sugar-free {background-position: -286px -22px;}
.depo25c {background-position: -21px -88px;}
.depo8c {background-position: -88px -88px;}
.depo15c {background-position: -153px -88px;}

.social-icons {text-align: center; font-size: 1.5em;}
.social-icons a {display:inline-block; width: 2em; height: 2em; line-height: 2em; border-radius: 1em; text-align: center;}

.footer {margin-top: 1em;}
.footer-bg {padding-top: 3em !important; background-image: url("/img/e/veggiecoach/fbg.jpg");background-repeat: repeat-y; background-position: center top; background-size: cover; background-size: 100%;}

.info-promo-box .card {border-color:#fff !important; margin-bottom: 1.25em;}
.info-promo-box .card h2 {margin-bottom: .25em;}
.info-promo-box .card-title.bg-secondary {background-color:#fff !important;}

.info-promo-box .card .btn {white-space: initial; height: auto !important; padding: .35em .5em !important; margin: .5em 0; background-color: #fff;}
.info-promo-box .card .btn:hover {color:#000;}
.info-promo-box .card .btn .far, .info-promo-box .card .btn .icon {font-size:1.5em;}
.img-btn-in {width:50px; max-height: calc(100% - 1em) !important;; margin-right: .5em; float: left; border: 1px solid #ddd;}

#middle-col a {color: #58acb7;}
#middle-col a:hover {color: #000;}

@media all and (min-width:990px) {
	.navbar .btn, .navbar .form-control, .myFilters .btn {border-radius:.25em;}
	.navbar-nav .dropdown {margin-left:.5em;}
	.menu-icon {
		background-color: transparent !important; border: transparent; text-indent: -999em; width: 70px;
		background-image: url("/img/e/veggiecoach/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.menu-icon:focus, .menu-icon.focus {box-shadow:none !important;}
	.demo-tv .fas {margin-left: .5em;}
	.office-address hr.sepLine {display: none;}

}
@media all and (min-width:1024px) {
	.modal-header h5 {text-align: left;}
	.modal-header .close{
		left: inherit; right:.75em; top:.75em; margin-left:0;
	}
	.modal-header .close:before{
		width:3em; height:3em; left: 0;
		background-image: url("/img/e/veggiecoach/close-icon.svg");
	}
}
@media all and (min-width:1280px) {
	.listItem .prod-cat-icons {float:right; max-width:30%; padding-left: 1em;}
	.listItem .prod-cat-icons span {float:right;}
	.organic-juice {position: relative; overflow: hidden;}
	.organic-juice:after {
		position: absolute; left: -1.5em; top: 50%; margin-top: -1.5em; width: 3em; height: 3em; z-index:999;
		content: ''; background-color: #fff; transform: rotate(45deg)
	}
	.office-address {width:40%;}
	.ecodemy-logos {width:60%;}
}
@media all and (min-width:1600px) {
	.modal-header .close{right:1.75em; top:1.25em;}
	.boxes {padding-top: 1.2em;}
	.big-header .slide-info {font-size:1.5em;}
	.article-heading .btn-block {font-size:1.75em !important;}
	.logo {margin-left: 1em;}
}

@media all and (max-width:1600px) {
	.nextpage .navbar+section, .sid8002 .navbar+section {padding-top: 7em;}

	.logo span:first-child {width:11em; height: 3em;}
	.logo span:nth-child(2) {width:5em; height: 4.5em;}	
	
	.media {display: block;}
	.media-body {padding-top: .65em;}

}
@media all and (max-width:1400px) {
	.demo-tv img {width:12em;}
}

@media all and (max-width:1280px) {
	.article-heading .btn-block {font-size: 1.25em !important;}
	.article-heading .blog-list {font-size: .9em !important;}
}
@media all and (max-width:990px) {
	.navbar {border-color:#ccc;}
	.slogan-text {display: block;}	
	.slogan-text div {width: 100%; padding: 2em 1em;}
	.site-search {text-align: center;}
	.navbar-light .navbar-toggler {
		border:0; border-radius: 0; font-size:1.75em; display: none;
		background-color: transparent !important; border-color: transparent; text-indent: -999em; width: 52px;
		background-image: url("/img/e/veggiecoach/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.navbar-toggler .navbar-toggler-icon {background-image: none !important; position: relative;}
	.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before {position: absolute; content:''; width: 100%; height:.15em; left:0;}
	.navbar-toggler .navbar-toggler-icon:after {top:.35em;}
	.navbar-toggler .navbar-toggler-icon:before {bottom:.35em;}
	.big-header .swiper-slide {background-position: right center;}
	.demo-tv {left: 50%; margin-left: -2em; top:35%; bottom: inherit; right: inherit;}
	.demo-tv .btn {min-width: auto !important; padding-left:.95em !important; padding-right:.95em !important;}
	.demo-tv .fas {top: -.1em; left: .1em; position: relative;}
	.demo-tv .btn span, .slogan-text .line {display: none;}

	.office-address {font-size:.8em;}
	.big-header .slide-info {padding: 1em; margin-top:3.5em;}
	ul.leaf-list, .meike-bio {font-size: .85em;}
	
	.big-pic .leafs:after {right:0;}
	.article-heading .btn-block {margin-bottom: 1em;}

}
@media all and (max-width:768px) {
	ul.leaf-list {padding-left: .5em;}
	.photo-block.leafs.leaf-left:after {left:-20%; width: 7em; height: 8em;}
	.photo-block {margin-bottom: 3em;}
	.modal-open footer .input-group {position: relative;}
	.modal-open footer .input-group:after{
		background-color: #000; opacity: .65;
		content:''; position: absolute; lef:0; top: 0; width:100%; height:100%;
	}
	
	
	.info-promo-box .card .btn {min-height: 3.35em;}
	.blog-entry h1, .blog-entry h2, .blog-entry .date-stamp, .blog-entry .author-stamp {text-align: center;}
	
	.navbar {padding-bottom: .5em;}
	.logo span:first-child {width: 9em;}
	.auto-slides .swiper-slide div span.title, .auto-slides .swiper-slide div p.desc {padding: 0 1.25em; font-size: 1em;}
	.btnBox {text-align: center; margin-bottom: 2em;}
	
	.curve-reverse .text-md-right {padding-top: 1em;}
	.sticky-labels {margin-top: 3.5em;}
	.sticky-labels span {font-size: 1.15em;}
	.partners .img-th {width: 8em; margin:.5em;}
	.meike-pic, .office-address {text-align: center; padding:1em 0 2em;}
	.ecodemy-logos a {padding: 1em .5em; max-width: 49%;}

	
	footer .container {padding-right: 0; padding-left: 0;}
	footer .container .input-group .btn {border-radius: 0 !important;}
	footer .navbar-nav li {margin: auto;}
}

@media all and (max-width:575px) {
	.footer-links + .footer-links {padding-top: 0;}
}

@media all and (max-width:480px) {
	.logo span:last-child {display: none;}
	footer .navbar-nav, .navbar-nav .dropdown-item {font-size: .8em;}
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	h4, h5 {font-size:1.25em;}
	.btn, .form-control {font-size:1.15em;}
	.demo-tv img {width:9em;}
	.ecodemy-logos a {max-width: 80%;}
}

.thumb-margin-bottom {margin-bottom: 5px;}
.thumb-margin-right {margin-right: 5px;}