html{scroll-behavior:smooth}
h1{font-weight:800}
h2{font-weight:600}
h1,h2,h3{ font-family: "Merriweather", serif;}
body{ font-family: sans-serif;}
header .text-bordo{font-size:1.2em;line-height:1.2em}
header .nav-item{font-family: "Merriweather", serif;}
.bg-light{background-color:#efefef !important}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
header.bg-white {
    background-color: #d2bfa1!important;
}
.navbar-light .navbar-nav .nav-link{color:#123731}
.navbar-light .navbar-nav .nav-link:hover{color:#479187}
.navbar-light .navbar-nav .nav-link:focus{
    color: #479187;
}
.btn-outline-dark{color:#45145b;border-color:#45145b}
.btn-outline-dark:hover{color:#fff;background:#45145b}
li.nav-item.active,li.nav-link.active{font-weight:700}
.jumbotron{background:#000 url('../images/slider-mobile.jpg') top center no-repeat; background-size:cover;padding:2em 1em;color:#fff;border-radius:0;margin-bottom:0;overflow:hidden;position:relative; padding:2em 0em;}
.jumbotron h1{margin-bottom:.3em;line-height:1.1em;font-size: 1.6em;}
.jumbotron h2{font-size:0.8em}
.jumbotron p{font-size:0.7em}
.green{color:#009990;}
canvas{display:block;vertical-align:bottom}
#jumbo *{position:relative;z-index:2}
#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.5}
header .reduce{transform:scale(0.5);margin-left:-50px}
.logo{margin-top:1rem!important;margin-bottom:.5rem!important}
h2 {font-size:1.3em;}
.h3,h3{font-size:1.2rem}
.btn-violet {background:#542d7b;color:#fff;}
.btn-violet:hover{background:#542d7b;color:#fff;}
.btn-green {
    color: #fff;
    background-color: #a9cb35;
    border-color: #a9cb35;
}
.btn-green:hover{
    background-color: #99cc33;
    border-color: #99cc33;
	color:#fff
}
.btn{ border-radius: 2rem;}
.btn-group-lg>.btn, .btn-lg {
    padding: .65rem 1.5rem;
    font-size: 0.85rem;
    line-height: 1.5;
    border-radius:2rem;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .75rem;
}
.bg-violet{background:#643288;}
.bg-green{background:#00918d;}
.white{color:#fff;}
.green-light{color: #a9cb35;}
.preview {position:relative;}
.preview .time{position:absolute; border-radius:0.5em; background:rgba(0,0,0,0.8); color:#fff;padding:0.2em 0.5em; right:10px; bottom:10px; font-size:0.8em}
.bg-violet a.video h3{color:#fff; text-decoration:none; font-size:1em}
.bg-violet a:hover{text-decoration:none;}
.btn-ghost-violet{border:1px solid #4a9489; background:transparent; color:#4a9489;}
.shadow {box-shadow: 0px 0px 10px 0px #bababa;}
.note h3 {font-weight:700; margin-bottom:1em; color: #4a9388;}
a.note {color:#161616; -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	}
.note .card{overflow:hidden;background:#f9f9f9; height:100%}
a.note .btn{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a.note:hover{text-decoration:none;color:#643288;}
a.note:hover .btn {background:#4a9489;color:#fff}
a.note img, a.video img{transition: transform .2s; /* Animation */ }

a.note:hover img, a.video:hover img{transform: scale(1.050);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a.note p{color:#595959;}
.block-with-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}

a:hover.video:before {
    width: 55px;
    height: 54px;
    background-size: contain;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 10;
    margin-left: -27.5px;
    margin-top: -27.5px;
	content: "";
	background: url('../images/icon-play-outline.svg');
}
img#somosdelosmismos {
    width: 100%;
    height: 100px;
}
.bg-category-yoga {
    background: url('../images/bg-yoga.jpg') top right no-repeat;
    background-size: cover;
    padding: 2em 1em 1em 0;
    height: 20vh;
    overflow: hidden;
}

.bg-category-nutrition {
    background: url('../images/bg-nutrition.jpg') top right no-repeat;
    background-size: cover;
    padding: 2em 1em 1em 0;
    height: 20vh;
    overflow: hidden;
}
.video-full {
    object-fit: cover;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

video {
    width: 100% !important;
    height: auto !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
	
}

.btn-ouline-see{border:1px solid #542d7b; color:#542d7b;    font-size: 11px;}
.btn-ouline-see:hover {background:#542d7b; color:#fff}
.bg-dark-gray{background:#123731; color:#fff;}
footer a{color:#fff; font-size:0.8em; font-weight:300}
footer a:hover{color:#00918d;text-decoration:none;}
footer h4{font-size:1em;}
.top-space{margin-top: 56px;}
.whatsapp{position:fixed;right:15px;bottom:15px;cursor:pointer;z-index:999;border-radius:50px}
.navbar-light .navbar-toggler {border:none;}
div#navbarCollapse.show{height: Calc(100vh - 66px);}
div#navbarCollapse.show .nav-link, div#navbarCollapse.show .nav-item .btn{font-size:16px}
.navbar-light .navbar-nav .current .nav-link{color:#4a9489;}
.bg-category-videos{background:url('../images/bg-videos.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-winners{background:url('../images/bg-winners.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-mind{background:url('../images/bg-mind.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-tips{background:url('../images/bg-tips.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-slim{background:url('../images/bg-slim-mobile.jpg') top center no-repeat;background-size:contain;}
#contactForm{margin-top:153px}
#tabs-videos .nav-tabs .nav-link {
    border: none;
	color:#4e4d4d;
}
#tabs-videos .nav-tabs .nav-link:focus, #tabs-videos .nav-tabs .nav-link:hover{color:#643288}

#tabs-videos .nav-tabs .nav-item.show .nav-link, #tabs-videos .nav-tabs .nav-link.active {
    color: #4a9489;
    background-color: #fff;
	border:none;
	font-weight:800;
    border-bottom:2px solid #4a9489;
}


.section-video h3 {font-size:16px;}
.section-video .nav-pills .nav-link {
    border-radius: 2rem;
	font-size: 12px;
}
.section-video .nav-pills .nav-link {
    display: block;
    padding: .5rem 1rem;
	background:#f2f0f1;
	color:#000;
}

.section-video .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4a9489;
}
#peso {width:100px;}
#progreso legend{font-size:16px}

#note h2{font-size:1.1rem;}
#note p small{line-height:16px}
.sidebar h3{font-size:1.2rem;}
.sidebar h3::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #643288;
	margin-top: 5px;
}
.badge {font-weight: normal;}

.lSAction{}
	.lSSlideOuter {position: relative!important;overflow: visible!important;}
	.lSSlideWrapper {position: static!important;}
	.lSAction>.lSPrev,.lSAction>.lSNext{
		background:url('../images/arrow-back.svg');
		width:32px;
		height:55px;
		background-size:contain;
		filter: invert(20%) sepia(90%) saturate(1075%) hue-rotate(248deg) brightness(93%) contrast(92%);
		opacity:1;
	}
	.lSAction>.lSPrev:hover,.lSAction>.lSNext:hover{
		filter: invert(10%) sepia(55%) saturate(3746%) hue-rotate(261deg) brightness(94%) contrast(97%);
	}
	.lSAction>.lSPrev {
		background-position: 0 0;
		left: -50px!important;
	}
	.lSAction>.lSNext {
		background-position: -32px 0;
		right: -60px!important;
		transform: rotate(180deg);
	}
	.lSAction>a{margin-top:-41px!important;}
	.lSSlideWrapper:after{width: 15%;}
ul#pills-tab .nav-item{width:110px}
@media (min-width: 320px) and (max-width: 375px) {
nav.navbar.navbar-expand-lg strong{font-size:.8em}
ol,ul{padding-inline-start:20px}
#gracias .jumbotron h1{font-size:2.3em}

}
@media (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 768px) {
#form-submit{width:100%}
/*.icon-title{ width:25%; height:25%}*/
.jumbotron img{width:50%; height:50%}
#lightSlider li {width:280px;overflow:hidden;}

#tabs-videos .nav-tabs .nav-link {
    border: none;
    color: #4e4d4d;
    font-size: 12px;
    padding: .5rem .5rem;
}
ul#pills-tab{margin-left:10px;}

#pills-tabContent  h3{margin-left:10px}
#progreso h1{font-size:2rem;}
#note h1{font-size:1.5rem; margin-top:15px}


}
@media (min-width: 768px) {
/*#form-submit{width:250px}*/
.bg-slim{background:url('../images/bg-slim.jpg') top right no-repeat; background-size:cover;height:80vh;}
#contactForm{margin-top:150px}
}
@media (max-width: 991px) {
	#videos {margin-left:10px}
}
@media (min-width: 992px) {

li video {
  width: 100%    !important;
  height: auto   !important;
}
.lslide{height:250px}

}
@media (min-width: 1024px) {
	
	.jumbotron{background:#000 url('../images/slider.jpg') top center no-repeat; background-size:cover;padding:2em 1em;color:#fff;border-radius:0;margin-bottom:0;overflow:hidden;position:relative; padding:2em 0em;}
	header .nav-item{position:relative}
	
	.nav-item.current:after {
    border-bottom: 4px solid #4a9489;
    content: " ";
    position: absolute;
    bottom: -8px;
	width:100%;
	left:0px;
}

}
@media (min-width: 1200px) {
.top-space{margin-top: 56px;}
.jumbotron{ min-height: 60vh;display: flex;align-items: center;}
.jumbotron h1{font-size:3.1em;font-weight:600;margin-bottom:25px}
.jumbotron h2{font-size:1.2em;}
.jumbotron p{font-size:1.2em}
h2 {font-size:2em;}
h3{font-size:1.6rem}
.sub-title{font-size:1.3em;}
.bg-violet a.video h3{font-size:1.25em}
.preview .time{font-size:1em}
.note h3 {font-size:1.2em}
.note p{height:75px;}
.btn-group-lg>.btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius:2rem;
}

}

@media (min-width: 1024px) {
.video-full {
  object-fit: cover;
  width: 100%!important;
  height: 60vh!important;
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
}
}