html{scroll-behavior:smooth}
h1{font-weight:800}
h2{font-weight:600}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif; }
body{font-family:'Work Sans',sans-serif;color:#00252D}
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:#fff; transition: 0.15s;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#feba8b}
.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;}
.blue{color:#016fd0;}
canvas{display:block;vertical-align:bottom}

h2 {font-size:1.3em;}
.h3,h3{font-size:1.2rem}
.btn-primary {background-color:#542d7b;color:#fff;border:1px solid #542d7b}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6c37a1;
    border-color: #6c37a1;
}
.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-blue{background:#016fd0}
.bg-green{background:#00918d;}


.text-violet{color:#643288;}
.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}
.title-video{color:#fff; text-decoration:none; font-size:1em}
.bg-violet a:hover{text-decoration:none;}
video {
    width: 100% !important;
    height: auto !important;
}
.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;color:#643288;}
.card{border-radius:1em;overflow:hidden;}



.thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.thumb-2-col .card-body{font-size:12px}

.card.news h3 {
    font-size: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.card.big .card-title{
font-size: 3vw;
line-height:3.1vw;
font-weight:900
}

.card.news.thumb-2-col .category-link {
    left: auto;
    margin-top: -2.6em;
}
.card.news h3 {
font-size: 1.3em;
}

.card.medium h2.card-title{
font-size: 1.25vw;
line-height:1.6vw;
font-weight:700;
}

.card.small h2.card-title,  #news-carrusel .card.small h2.card-title{
font-size: 1.4vw;
    line-height: 1.6vw;
font-weight:600;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.9%, #000000 100%);
}

.thumbnail {
    position: relative;
    overflow: hidden;
}

.thumbnail img {
    width: 100%;
    object-fit: cover;
	height:100%
}
	
.thumb .thumbnail.video:before {width: 59px;height: 59px;}
.card-img-overlay {
    top: auto;
    padding: 13px;
	color:#fff;
}

.section-top {
    padding-top: 10px;
}
.img-gradient img {
    display: block;
}

.card.big .card-title, #news-carrusel .card.small h2.card-title {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card.small .category-link {
    position: absolute;
    z-index: 10;
    margin-top: -2.5em;
}

.bg-makeup{background: #ffeaea;}
.bg-exercise{background:#f5f5f5;}

@media (min-width: 992px){

.bg-makeup{
	background: url('../images/bg-makeup-home.jpg');
background-size:cover;
}	

.big .thumbnail {
    height: 100%;
}
.card.news h3 {
    font-size: 1.3em;
}

.big .card-img-overlay {
    padding: 29px;
}

.height-hero {
    height: 650px;
}

.section-top {
    padding-top: 20px;
}

.category {
    font-size: 16px;
}

.card.big .card-title {
    font-size: 2.5vw;
    line-height: 3.1vw;
    font-weight: 900;
}

}

.object-fit{
	object-fit: cover;
    height: 240px;
    object-position: top;
    width: 100%;
}
.object-fit-big{
	object-fit: cover;
    height: 320px;
    object-position: top;
    width: 100%;
}
.card-body-overlay{position:absolute;bottom:0px;padding:10px 20px;color:#fff;z-index:2}
.card-body-overlay .badge{margin-bottom:5px}
.news .card:before{content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.9%, #000000 100%);
    z-index: 1;
}
.card-body-overlay *{position:relative;z-index:2}
.news .card.big .title-card {font-size:1.2em;}
.news .card.medium .title-card {font-size:1em;}
a.note {color:#00252D; -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	}
.note .card{overflow:hidden;background:#fff;}
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, .card a img{transition: transform .2s; /* Animation */ }

a.note:hover img, a.video:hover img, .card a: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');
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
.footer-logo{opacity:0.2}
.bg-dark-gray{background:#002a38; color:#fff;}
footer a{color:#fff; font-size:0.8em; font-weight:300;transition: transform .2s; }
footer a:hover {color:#fff;text-decoration:none;font-weight:400}
footer h4{font-size:1em;}
footer img{opacity:0.4}
.top-space{margin-top: 79px;}
.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);}
.navbar-light .navbar-toggler-icon {
     filter: invert(100%);
}
.navbar-light .navbar-nav .current .nav-link{color:#fff;font-weight:bold;}
.bg-category-trainning{background:url('../images/bg-trainning.jpg') top center no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-yoga{background:url('../images/bg-yoga.jpg') top center 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}
.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-category-makeup{background:url('../images/bg-makeup.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden}
.bg-category-sports{background:url('../images/bg-sports.jpg') bottom center no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden; }
.bg-category-hair{background:url('../images/bg-hair.jpg') center right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden; }
.bg-category-fashion{background:url('../images/bg-fashion.jpg') center right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:20vh; overflow:hidden; }
.bg-triangles{background:url('../images/bg-triangles.jpg') top center repeat;}
.bg-slim{background:url('../images/bg-slim-mobile.jpg') top center no-repeat;background-size:contain;}


.bg-fashion{
	/*background: url('../images/bg-fashion.jpg');
background-size:cover;*/
background:#fff;
}

.video-full {
  object-fit: cover;
  width: 100vw!important;
  height: 60vh!important;
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
}

.viewport-header {
  position: relative;
  height: 60vh;
  text-align: center;
  z-index:2;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.viewport-header h1 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1vw;
  line-height: 1.2;
  font-size: 3vw;
  text-align: center;
  z-index:2;
  font-weight:300
}

.viewport-header h1 span {
    display: block;
    font-size: 6vw;
    letter-spacing: -0.2vw;
	font-weight:900
}

#carrusel-nutrition.owl-theme .owl-prev {
    position: absolute;
    top: 35%;
    margin-left: 0px;
    display: block !important;
    border:0px solid black;
	width:40px;
	height:40px;
	background:white;
}

#carrusel-nutrition.owl-theme .owl-next {
    position: absolute;
    top: 35%;
    right: 0px;
    display: block !important;
    border:0px solid black;
	width:40px;
	height:40px;
	background:white;
}

.owl-carousel .owl-stage{display: flex;}
.item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.item .card {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#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;
}


.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}
#note {font-size:0.9em}
#note h2{font-size:1.1rem;}
#note h4{font-weight:bold;}
#note p small{line-height:16px}
.title-category-column{font-size:1.1rem; padding-bottom:10px; text-transform:uppercase;position:relative;}
.title-category-column:before{content:"";width:20px;height:4px;position:absolute;background:#643288;bottom:0px}
.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%;}

@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}
h1{font-size:1.5rem}
}
@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}
#note h4{font-size:1.2rem;}
div[class^='bg-category']{position:relative; }
div[class^='bg-category'] *{z-index:2}
div[class^='bg-category'] p{line-height:1.2rem}
div[class^='bg-category']:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.9%, #000000 100%);
    z-index: 1;
}
.logo{max-width:160px}
}
@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 #fff;
    content: " ";
    position: absolute;
    bottom: -19px;
	width:100%;
	left:0px;
}


.video-full {
  object-fit: cover;
  width: 100%!important;
  height: 100vh!important;
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
}

.viewport-header {
  position: relative;
  height: 100vh;
  text-align: center;
  z-index:2;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bg-exercise{
	background: url('../images/bg-yoga-home.jpg');
background-size:cover;
}

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

}