html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif; background:#212226}

.h2, h2 {
    font-size: 1.5rem;
}

.btn-success {
    color: #000;
    background-color: #21DBAA;
    border-color: #21DBAA;
}
.btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #000!important;
    background-color: #21DBAA;
    border-color: #21DBAA;
	text-decoration:none!important;
}



.btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus {box-shadow:none!important;}

.jumbotron .btn-success:hover, .jumbotron .btn-success:focus, .jumbotron .btn-success:active, .jumbotron .btn-success:not(:disabled):not(.disabled):active{color:#21DBAA!important;background:#000;border-color: #000;}
.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgb(4 153 154 / 8%);
}

.badge-success {
    color: #000;
    background-color: #21DBAA;
}

.btn{padding:.375rem 1rem}
.bg-header{background:#141414;font-size:14px;box-shadow: 0 .125rem .25rem rgb(0 0 0 / 69%) !important;}
.bg-header .dropdown-menu{min-width:auto;background:#6c757d;padding:0}


.bg-header .nav-link {  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-style: normal;}
.bg-header .navbar-dark .navbar-nav .nav-link{color:#fff;-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.bg-header .navbar-dark .navbar-nav .nav-link.active{color:#21DBAA}
.bg-header .navbar-dark .navbar-nav .nav-link:focus, .bg-header .navbar-dark .navbar-nav .nav-link:hover{color:#21DBAA}

.oswald{font-family: "Oswald", serif;}
h1{font-weight:800}
h2{font-weight:600}
h1,h2,h3{font-family:'Montserrat',sans-serif; }

header .text-bordo{font-size:1.2em;line-height:1.2em}
.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: #000!important;
}
.navbar-light .navbar-nav .nav-link{color:#fff}
.navbar-light .navbar-nav .nav-link:hover{color:#ffac21}
.navbar-light .navbar-nav .nav-link:focus{
    color: #fff;
}
.btn-outline-dark{color:#45145b;border-color:#45145b}
.btn-outline-dark:hover{color:#fff;background:#45145b}


.jumbotron img{position:absolute;}
.jumbotron{background:#303030;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: 2.1em; font-family:'Oswald', sans-serif;font-weight:700}
.jumbotron h2{font-size:0.8em}
.jumbotron p{font-size:0.7em}
.green{color:#009990;}
.text-success{color:#21DBAA!important}
.bg-dark{background:#000!important;}
.form-control{border-color:#21DBAA!important; background:transparent!important;color:#fff!important;}
.modal-header{border-color:#21DBAA!important;}
canvas{display:block;vertical-align:bottom}
#jumbo *{position:relative;z-index:2}
.carrusel-exercises .item span{position:absolute;z-index:2;display: flex;
    height:100%;
    justify-content: center;
	align-items:center;
    width: 100%;
	color:#fff;
	font-family:'Oswald', sans-serif;
	font-size:26px;
	font-weight:600;
	text-transform:uppercase;
	background: rgba(0, 0, 0, 0.3);
}

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-black{background:#0A0A0A;}
.bg-green{background:#21DBAA;}
.text-green{color:#21DBAA;}
.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 #643288; background:transparent; color:#643288;}
.shadow {box-shadow: 0px 0px 10px 0px #bababa;}
.note h2 {font-weight:700; margin-bottom:1em;color:#0558E1;}
.note h3 {font-weight:700; margin-bottom:1em;color:#0558E1;}
a.note {color:#161616; -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	}
.note .card{overflow:hidden;background:transparent; height:100%;border-radius:10px}
.note .card .card-body{background:#fff}
a.note .btn{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a.note:hover{text-decoration:none;}
a.note:hover h2, a.note:hover h3{color:#21DBAA;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a.note:hover .btn {background:#643288;color:#fff;border-radius:10px}
/*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;margin-bottom:0}
.card hr{border-top: 1px solid #000}
#note.card{background:transparent; border-radius:10px;overflow:hidden;}
.title-category-column{font-size:1.1rem; padding-bottom:10px; text-transform:uppercase;position:relative;color:#21DBAA}
.thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 100px;
}
.thumb-2-col .card-body {
    font-size: 12px;
}
.thumb-2-col .card-body a:hover {color: #21DBAA; text-decoration:none;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.card.news{background:transparent;border-radius:10px;overflow:hidden;}
.card.news h3 {
    font-size: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.block-with-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

a:hover .card-img-height {

}
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);
	filter:invert(1);
}

.btn-ouline-see{border:1px solid #542d7b; color:#542d7b;    font-size: 11px;}
.btn-ouline-see:hover {background:#542d7b; color:#fff}
.bg-dark-gray{background:#212226;}
footer {border-top:10px solid #21DBAA}
a{color:#21DBAA; font-weight:300}
a:hover:not(.note){color:#21DBAA;text-decoration:underline;}
footer h4{font-size:1em;}
.top-space{margin-top: 63px;}
.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:#ffac21;}
.bg-category h1{font-family:'Oswald', sans-serif; text-transform:uppercase;text-shadow: 1px 1px 2px #212121;}
.bg-category-nutrition{background:url('../images/bg-nutrition.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:23vh; overflow:hidden}
.bg-category-articles{background:url('../images/bg-articles.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:23vh; overflow:hidden}
.bg-category-exercises{background:url('../images/bg-exercises.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:23vh; overflow:hidden}
.bg-category-myexercises{background:url('../images/bg-myexercises.jpg') top right no-repeat; background-size:cover;padding:2em 1em 1em 0; height:23vh; overflow:hidden}
.bg-deco{background:url('../images/bg-deco.jpg') center center no-repeat; 
background-size:cover; 
color:#fff;
background-size: cover;
    color: #fff;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:20px;
	font-weight:700;
	padding:10%
}
.bg-blur{background:url('../images/bg-blur.jpg') top center no-repeat; }
#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: 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: #643288;
}
#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;    padding: .25em .8em;}

.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}
.pagination {gap:15px;}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #21DBAA;
    background-color: #212121;
    border: 1px solid #21DBAA;
}

.page-link:hover {
    z-index: 2;
    color: #212121;
    text-decoration: none;
    background-color: #21DBAA;
    border-color: #21DBAA;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagination-sm .page-link{width:42px; text-align:center; border-radius:.2rem}

.page-item.active .page-link {
    z-index: 3;
    color: #212121;
    background-color: #21DBAA;
    border-color: #21DBAA;
}

.btn-outline-success {
    color: #21DBAA;
    border-color: #21DBAA;
}

.btn-outline-success:hover {
    color: #212121!important;
    background-color: #21DBAA;
    border-color: #21DBAA;
	text-decoration:none!important;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
    color: #212121;
    background-color: #21DBAA;
    border-color: #21DBAA;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(33, 219, 170, .5);
}
.dropdown .dropdown-menu {padding:0}
.dropdown .dropdown-menu label{margin-bottom:0; cursor:pointer; color:#fff;}
.dropdown .dropdown-menu input[type=checkbox]{margin-right:5px;}

.dropdown-item:focus, .dropdown-item:hover {
    color: #212121;
    text-decoration: none;
    background-color: #21dbaa;
}
.dropdown-item:focus label, .dropdown-item:hover label {color: #212121;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #212226;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}
.filter{gap:15px}
.card-playlist{border-radius:20px!important; box-shadow:none!important}
.card-playlist .badge-dark{background:rgba(0,0,0,0.5); position:absolute; right:10px;bottom:10px;font-size:14px}

.card-playlist .card-img-overlay{ background: rgba(0, 0, 0, 0.4);}

.description-icon{ display:flex; margin-bottom:15px}
.description-icon .icon{margin-right:10px; width:35px}
.description-text{line-height:1.2em}
.mini-card:hover{background:rgba(0,0,0,0.3); text-decoration:none!important; display:block;}
/*crea entrenamiento*/
#container {
  max-width: 550px;  
}

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #000;
  border: 2px solid #21DBAA;
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: #007bff;
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
}
.bg-success{background-color:#21DBAA!important;}

ul#ui-id-1{color:#fff; list-style:none;padding:0; position:absolute!important; top:0px;}
.ui-menu-item {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    cursor: pointer !important;
}

@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}

.bg-category-nutrition{ height:13vh;}
.bg-category-articles{ height:13vh;}
.bg-category-exercises{ height:13vh;}
.bg-category-myexercises{ height:13vh;}
.bg-category h1 {font-size:24px}
}
@media (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 996px) {
#form-submit{width:100%}
.icon-title{ width:25%; height:25%}
.jumbotron{display: flex;flex-direction: column-reverse; padding:0}
.jumbotron img{position:relative; top:0;width:100%;}
#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) {

.note h3 {font-size:1em;height: 46px;}
}
@media (max-width: 767px){
.main-content .owl-theme .custom-nav{display:none;}
.carrusel-exercises .item span{font-size:24px}
.thumb-list{max-width:150px}
}
@media (min-width: 768px){
	.main-content {
  position: relative;
}
.main-content .owl-theme .custom-nav {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i {
  font-size: 2.5rem;
  color: #cecece;
}
.main-content .owl-theme .custom-nav .owl-prev {
  left: 0;
}
.main-content .owl-theme .custom-nav .owl-next {
  right: 0;
}

}
@media (min-width: 1024px) {
	
	.jumbotron{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 #ffac21;
    content: " ";
    position: absolute;
    bottom: -26px;
	width:100%;
	left:0px;
}



}
@media (min-width: 1200px) {
.top-space{margin-top: 63px;}
.jumbotron{ min-height: 90vh;display: flex;align-items: center;}
.jumbotron h1{font-size:4.5em;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:50px;}
.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;
}

.bg-deco{
	font-size:40px;
	height:550px

}

}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}

/**/

.grid{grid-row-gap: 30px;}
.grid .card{
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
overflow:hidden;
height: 100%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border:none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.grid .card .card-title	{
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #0558E1;
margin-bottom:0px;
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
overflow:hidden; 
height:44px 
}

.grid .card .card-sub{text-transform:uppercase; color:#000; font-size:80%}


.grid .card:hover {text-decoration:none;}
.grid .card:hover img {text-decoration:none; opacity:0.9}
.load-content {
display: none;
}

.video{position:relative;}
.video:before{
width:44px;
height:34px;
background: url(../images/btn-play.svg) no-repeat center center; 
content:""; 
display:inline;
background-size: contain;
position: absolute;
content: " ";
top: 35%;
right: 0;
left: 0;
right: 0;
margin: auto;
z-index: 3;
}

.card-img-height{max-height:auto;overflow:hidden;position:relative; z-index:1}
/*
.card-img-height:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    z-index: 2;
}*/

.grid .card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
	overflow: hidden;
}

/**/



.card-games{height:auto;}
.card-games img{border-radius:20px;}
.grid .card.card-games{box-shadow:none;border-radius:0}
.card-games .card-body{padding:0;color:#000}

.owl-carousel button.owl-prev:focus, .owl-carousel button.owl-next:focus{outline: none;}
.owl-carousel .disabled{opacity:0!important;}
.owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
    margin-left: -55px!important;
    display: block !important;
}

.owl-carousel .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
    right: -55px!important;
    display: block !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff!important;
	border:1px solid #fff;
}
.owl-theme .owl-dots .owl-dot span {
    width: 40px!important;
    height: 12px!important;
    margin: 5px 7px;
    background: transparent!important;
	border:1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-carousel button:focus {
    outline: none;
}
.owl-theme .owl-nav [class*='owl-']:hover{background:transparent!important;}
.carrusel-games.owl-carousel .owl-nav button.owl-prev,.carrusel-games.owl-carousel .owl-nav button.owl-next{top: 30%;}
.carrusel-games img{border-radius:10px}


.game-category{display: flex; flex-direction:column; text-align:center; color:#fff;}
.game-category:hover {color:#FF8613;text-decoration:none;}
a.game-category, .game-category a:ctive; .game-category a:focus, .game-category a:hover{color:#fff;}
.card-news{border-radius:20px; border:none;overflow:hidden;}
.card-news .card-top{}
.card-news .card-top-blue{background:#003FA8}
.news-content img{max-width:80%;margin:0 auto; border-radius:20px; display:block;}
.filters {gap:10px;display: inline-flex;}

.black{font-weight:900}
#parent{width:100%}
.box{  width: 100%;
  float: left;
  margin: 10px 0;
 }

@media (max-width: 768px) {

.nav-item span{height:20px!important}

.owl-carousel .owl-nav button.owl-prev {
    margin-left: -20px!important;
}

.owl-carousel .owl-nav button.owl-next {
    right: -20px!important;
}

}


@media (min-width: 1024px) {
.h-videos{height:70vh;background:#000}
.h-videos video{height:100%}

.box{  width: calc(33% - 10px);
  float: left;
  margin: 5px;
 }
 .filters .btn{font-size:16px}
}
@media (min-width: 1440px) {
	.card-img-height{height:241px;}
	.video:before{        
	    top: 225px;
        right: 20px;
        left: auto;
	}
	.grid-news .mb-4{margin-bottom:2rem!important}
	.card-playlist .card-title{font-size:24px!important}
}