html{scroll-behavior:smooth}
h1{font-weight:800}
h2{font-weight:600}
h1,h2,h3{font-family:'Montserrat',sans-serif; }
body{font-family:'Montserrat',sans-serif}
header .text-bordo{font-size:1.2em;line-height:1.2em}
.bg-light{background-color:#e7e7e7!important}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.navbar-light .navbar-nav .nav-link{color:#808184}
.navbar-light .navbar-nav .nav-link:hover{color:#a9cb35}
.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;}
.black{color:#000;text-decoration:none;}
.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 #643288; background:transparent; color:#643288;}
.shadow {box-shadow: 0px 0px 10px 0px #bababa;}
.note h3 {font-weight:700; margin-bottom:1em;}
a.note {color:#161616; -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	}
.note .card{overflow:hidden;background:#eee;}
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:#643288;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-dark-gray{background:#212226; 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: 92px;}
.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 - 92px);}
div#navbarCollapse.show .nav-link, div#navbarCollapse.show .nav-item .btn{font-size:0.8em}
.navbar-light .navbar-nav .current .nav-link{color:#a9cb35;}
.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-yoga{background:url('../images/yoga.jpg') center center no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-winners{background:url('../images/bg-winners.jpg?1') center 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: #643288;
    background-color: #fff;
	border:none;
	font-weight:800;
    border-bottom:2px solid #643288;
}

video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}
.section-video h3 {font-size:16px;}
.section-video .nav-pills .nav-link {
    border-radius: 2rem;
	font-size: 14px;
}
.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: #643288;
}
#peso {width:100px;}
#progreso legend{font-size:16px}

.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
}
.card.hovercard .avatar {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}
.card.hovercard .cardheader {
    background: url(http://lorempixel.com/850/280/nature/4/);
    background-size: cover;
    height: 135px;
}
#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;}
@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:15%; height:15%}
.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;}
#contactForm{margin-top:150px}
}
@media (min-width: 992px) {

}
@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 #a9cb35;
    content: " ";
    position: absolute;
    bottom: -26px;
	width:100%;
	left:0px;
}

}
@media (min-width: 1200px) {
.top-space{margin-top: 92px;}
.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;
}

}