/*@import url('https://fonts.cdnfonts.com/css/interstate-2');*/

/*@font-face {
    font-family: 'interstate-jasp';
    src: url('./interstate/interstate-regular-comp.otf'); /* IE9 Compat Modes */
    /*src: url('./interstate/interstate-regular-comp.otf')  format('truetype'), /* Safari, Android, iOS */         
/*}*/

#mobile_see_comments {
    display: none;
}
.sub-title-video {
    font-size: 14px;
    color: #FF6600;
}
body {
  font-family: 'interstate', 'Helvetica Neue', sans-serif;
  color: #4B4B4B !IMPORTANT;
  font-size: 12px;
}

hr {
    border-top: 1px solid #FF6600 !IMPORTANT;
    margin-top: .7rem !IMPORTANT;
} 
.color-p{
    color: #F60;
}
.size-icon-mail {
    width: 30px;
}
.size-icon-buscar {
    width: 26px;
}
.size-icon-guardar {
    width: 23px;
}
a {
    color: #4B4B4B;
}
a:hover {
    text-decoration: none;
    color: #FF6600;
    /*font-weight: 500;*/
}

a.active {
  color: #FF6600;
  font-weight: bold;
}
.brand-nav-a {
    flex: auto !IMPORTANT;
    padding-top: .0rem !IMPORTANT;
    padding-bottom: .58rem !IMPORTANT;
    color: #4B4B4B !IMPORTANT;
}
.navb-contac {
    display: contents!IMPORTANT;
}
.nav-link {
    color: #4B4B4B !IMPORTANT;
}
.icon-contac {
    margin-right: .5rem !IMPORTANT;
}
.icon-es-r {
    padding-right: 0;
}
.styl-nav-a {
    height: 2.5rem;
}
.styl-nav-b {
    height: 1.9rem;
    font-size: 13px;
}
.styl-nav-c {
    border: solid #4B4B4B 1px;
    padding: .2rem .8rem .2rem .8rem;
}

.styl-consultar {
    margin-left: auto;
}
.btn-consultar {
    height: 1.2rem;
    font-size: 11px !IMPORTANT;
    padding: .1rem .3rem .1rem .3rem;
    border-radius: initial;
    font-weight: bold;
}
.styl-imput-consultar {
    font-size: 11px !IMPORTANT;
    height: 1.19rem !IMPORTANT;
    width:20% !IMPORTANT;
    border-radius: inherit;
}
.btn-outline-success {
    color: #FF6600 !IMPORTANT;
    border-color: #ced4da !IMPORTANT;
}
.btn-outline-success:hover {
    color: #fff !IMPORTANT;
    background-color: #ff772d !IMPORTANT;
}

div form.buscar {
    position: relative;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    border-radius: 9px;
    border: solid #707070 1px;
    margin: auto;
}

div form.buscar input[type=text] {
    display: block;
    outline: 0;
    border: 0;
    height: 30px;
    padding-left: 8px;
    color: #353535;
    font-size: 14px;
    font-weight: 500;
    background: #FFF;
    width: 94%;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
div form.buscar button {
    color: #f60;
    background: none;
    border: none;
    outline: 0;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 8px 12px 8px 8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.color-mail {
    color: #FF6600;
}
.list-titl {
    width: 80%;
    color: #696767;
    font-weight: 600;
    border-bottom: 1px solid #FF6600;
    padding-left: 0;
}
.list-cont {
    width: 80%;
    padding-left: 0;
    font-size: 12px;
    border: none;
}
.ver-mas {
    color: #009BED !IMPORTANT;
    font-size: 14px !IMPORTANT;
    cursor: pointer;
    padding-top: 5px;
}
.mas-cate {
    max-height: 265px;
    overflow: hidden;
}
.menos-cate {
    max-height: 270px;
    overflow: visible !IMPORTANT;
}
.space-ver-menos{
    margin-top: .8rem !IMPORTANT;
}

/*Owl Carousel*/
.owl-carousel {
  margin-top: 2em;
  margin-bottom: 2em;
}
.owl-carousel .item {
  background: linear-gradient(#69C86B,#82D584,#A0D5A1);
  min-height: 20vh;
}
.owl-carousel .item h4 {
  background: rgba(255,255,255,.5);
  margin: 0;
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.img-prew-vide {
    width: 17vw !important;
    margin-right: 5px !important;
    z-index: -1;
}
.title-video {
    margin-top: .5rem;
    font-size: 13px;
    font-weight: 500;
    color: black;
    margin-bottom: .5rem;
    min-height: 40px;
}
.title-modal {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 4px;
    padding-top: 0.59rem;
    font-weight: 700;
}
.visitas-video {
    font-size: 13px;
    color: #8a8787;
    display: grid;
    margin-bottom: 3px;
}
.tex-yotube-modal{
    font-size: 12px;
    color: #8a8787;
}
.modal-video-visitas {
    font-size: 14px;
    color: #8a8787;
    height: 48px;
}
.modal-footer {
    display: block !IMPORTANT;
}

.socil-youtube {
    display: flex;
    padding: .25rem;
    padding-top: 0rem;
    margin-top: -.5rem;
}
.m-tex-visitas {
    margin: 0;
}
.m-socil-yotube {
    margin-left: auto;
}
.m-icon-socilyt {
    margin-right: .5rem;
    color: #8a8787;
}
.m-span-social {
    margin-right: 1.5rem;
}
.icon-rotate {
    transform: rotatey(180deg);
}
.img-hover {
    width: 22px;
    height: 113px;
    background-size: cover;
    background-image: url(http://666a658…-25cda05….r92.cf1.rackcdn.com/unsplash_527e842bc0615_1.JPG);
    margin: 30px auto;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.animate {
  animation: slide .4s ease;
}
div.drop-down-categories {
    padding: 7px 0px;
    margin-bottom: 10px;
}
div.drop-down-categories a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.drop-down-categories svg {
    color: #f60;
    font-size: 12px;
}
div.drop-down-categories a:hover, svg:hover {
    color: #f60;
}
.selected-category {
    color: #f60;
}

/*============ Modal ===============*/
.style-video{
    /*top: -18rem;
    position: relative;*/
    display: flex;
}

.close-hm-b {
    color: #f06a21;
}
.m-tex {
    padding: 0;
}
.style-modal {
    background: white;
    padding: 1rem;
}
#block {
    width:100%;
    height:100%;
    display: none;
    position: fixed;
    z-index: 2001;
    background: rgba(0, 0, 0, 0.75);
    top:0;
    left:0;
}

#block > div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal {
    display: none;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    z-index: 2001;
    overflow: auto;
    position: relative;
    background-color: #f3f4f6;
    padding: 25px;
    box-shadow: 0 1px 8px #999;
    margin-top: 80px;
}

#modal {
    width: 554px;
    height: 391px;
}

#closeVinietas {
    position: absolute;
    top: -10px;
    right: 20px;
    z-index: 1;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

#closeVinietas::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: bold;
   
    display: block;
}

#closeVinietas:hover {
    color: #ffffff9c;
}

#closeVinietas:hover {
    color: #ffffff9c;
}

/*inicia estilos bombas.html*/

.m-title-tar {
    margin-bottom: .3rem;
}
.m-tex-tar {
    margin-bottom: .5rem;
}

.see-all-comments {
  position: absolute;
  bottom: 23px;
  width: 21rem;
}

.see-all-comments a {
  color: #f60;
  font-weight: 700;
  font-size: 14px;
}

.see-all-comments a:hover {
  color: #ff9800;
}

.box-split {
  display: flex;
  justify-content: space-between;
}

.hidden {
  display: none !important;
}

.fake-textarea {
  border: 2.23px solid #b5b5b5!important;
  padding: 0.7rem 0.2rem 0.1rem 0.6rem;
  background-color: #FFF;
      -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  border-radius: 17px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.list-titl {
    font-size: 15px;
}

/*======== PAGINACIÓN==========*/
  
  .pagination-bottom {
	width: 100%;
    margin-top: 5px;
  }

  .Zebra_Pagination {
	  width: 100%;
      margin: 2.5rem 0rem 2.5rem 0rem;
  }

  .Zebra_Pagination ul {
      display: flex;
      justify-content: center;
      align-items: center;
      margin:0 !important;
      padding:0 !important;
      list-style: none;
  }

  .Zebra_Pagination ul li {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 8px;
  }

  .Zebra_Pagination ul li:first-child a,   
  .Zebra_Pagination ul li:last-child a {
      font-size: 1px;
  }

  .Zebra_Pagination ul li:first-child a::after {
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; 
      content: "\f053";
      font-size: 14px;
  }
   
  .Zebra_Pagination ul li:last-child a::before {
      font-family: "Font Awesome 5 Free"; 
      font-weight: 900; 
      content: "\f054";
      font-size: 14px;
  }

  .Zebra_Pagination a {
      text-decoration: none;
      color: #4b4b4b;
      font-weight: 700;
      font-size: 14px;
	
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;      
  }

.Zebra_Pagination ul li span {
      color: #4b4b4b;
      font-size: 14px;
  }

  .Zebra_Pagination li.active a {
	  color: #f60;
  }

  .Zebra_Pagination li a:hover,
  .Zebra_Pagination li span:hover {
	  color: #f60;
  }

  .Zebra_Pagination li.disabled a {
	  color: #DEDEDE;
	  cursor: default;
  }


.ui-loader {
    display: none;
    visibility: hidden;
}

.result_word {
    font-weight: 400 !important;
}

.result_word span {
    text-transform: uppercase;
    color: #f60;
    font-weight: 700 !important;
}

.play-icon {
    position: absolute;
    display: none;
    color: #FF6600;
    height: 33%;
    margin-left: 6vw;
    margin-top: 1.8vw;
    width: 4vw;
}
.play-icon-cate{
    width: 45%;
    height: 40%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    display: none;
}
.cont-img-pre-video{
    display: flex;
}

.required {
    color: #FF6600;
    font-weight: bold;
}
.tex-res-directorio {
    color: #4b4b4b !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.card {
    border: none;
    border-radius: 0;
}
.card-header {
    padding: 0px;
    border-bottom: none;
    margin: 1.2rem 0rem;
    background-color: white !important;
}

.video-mt-res {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: initial;
}
.left-menu-vt {
    width: 50%;
    max-width: 260px;
}
.videos-home {
    min-width: 65vw;
}

.btn-ver-mas {
    margin: 2rem 1rem 2rem 1rem;
}

.box-buttons {
  display: flex;
  justify-content: space-between;
}

.box-button
{
    color: #009BED !IMPORTANT;
    font-size: 16px !IMPORTANT;
    cursor: pointer;
    padding: 10px;
    display: block;
    font-weight: bold;
    text-align: center;
    background-color: #f1f1f1;
}

.disabled
{
    cursor: default;
    color: #607D8B !important;
}

/*contenido*/



/*fi contenido*/


/*fin directorio responsive*/

/*  SCROLLBAR  */
.scrollbar {
    overflow: auto;
    max-height: 324px;
    width: 100%;
}

.scrollbar::-webkit-scrollbar-track, 
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
/*	border-radius: 10px;*/
/*	background-color: #F5F5F5;*/
}

.scrollbar::-webkit-scrollbar, 
.scrollbar::-webkit-scrollbar {
	width: 8px;
/*	background-color: #F5F5F5;*/
}

.scrollbar::-webkit-scrollbar-thumb, 
.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #F60;
}
/*  END SCROLLBAR  */

.categories-main
{
    overflow: hidden;
}

.list-group > li > a
{
    text-transform: uppercase;
}

.list-group-item {
    padding: 7px 0px;
    /*width: 160px;*/
}

.duration {
    position: absolute;
    background-color: #dfdddd;
    color: #000;
    font-weight: 700;
    padding: 4px 8px;
    left: 190px;
    bottom: 5px;
    font-size: 12px;
}

.duration2 {
    position: absolute;
    background-color: #dfdddd;
    color: #000;
    font-weight: 700;
    padding: 2px 6px;
    right: 0;
    bottom: 1.2rem;
    font-size: 10px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.top-btn {
  width: 62px;
}

.mail-video {
  width: 285px;
}

.mar-sub-cate {
    padding: 0rem 0rem 0rem 2px;
}

.li-sub-cate {
    border-bottom: none;
    padding-bottom: .2rem;
    padding-top: .2rem;
}

.li-sub-cate i {
  color: #F60;
  padding-right: 2px;
}

.li-sub-cate > .svg-inline--fa {
    color: #F60;
    font-size: 17px;
    margin-right: 4px;
}

.subcat {
  display: flex;
  justify-content: space-between;
}

.subcat .svg-inline--fa {
    color: #F60;
    font-size: 15px;
    top: 7px;
    right: 85px;
}

.mybtn {
    border: 0;
    display: inline-block;
    color:  #FFFFFF !important;
    background: #44c461;
    width: 92px;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 15px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.update-btn {
    border: 0;
    display: inline-block;
    color:  #FFFFFF !important;
    background: #3f51b5;
    width: 108px;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 15px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
div.flash-error, div.flash-notice, div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    width: 100%;
    margin-top: 12px;
}
div.flash-success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.tab-slider {
    width: 20%;
    margin-right:20px;
    font-size: 13px;
    color: #FF6600;
    text-transform: uppercase;
}
.brand-mobile {
    display: flex;
    justify-content: center;
    margin: 28px 0;
}
.brand-mobile img {
    width: 17rem;
}
.gray-button {
    color: #fff;
    font-weight: 600;
    padding: 0.5rem 3rem;
    border-radius: 0.5rem;
    background-color: #f60;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #f60;
    font-size: 15px;
}
.accept-cookies {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
#modal p {
    margin-bottom: 0;
    text-align: center;
    font-size: 17px;
    line-height: 1.9;
}
.center-button {
    display: flex;
    justify-content: center;
}
.sub-title-video a {
    font-size: 13px;
    color: #FF6600;
    text-transform: uppercase;
}
.sub-title-video a:hover {
    font-weight: 600;
}
.check-not-again {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.check-not-again label {
    margin-bottom: 0;
    margin-left: 7px;
}
.btn-primary {
    background-color: #ff6800 !IMPORTANT;
    border-color: #ff6800 !IMPORTANT;
}
.align-middle {
    vertical-align: middle!important;
    margin-left: 5px;
}
.videoId {
    position: relative;
    z-index: 100000000000000000;
    display: block;
    height: fit-content;
}
.ocultar-info-desck {
    display: none;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen 
and (max-device-width : 1024px) 
and (max-device-height : 768px) 
and (orientation : landscape) {
    .scrollbar {
        max-height: 200px !important;
    }
    .left-menu-vt {
        display: none;
    }
    .img-prew-vide {
        width: 41vw ! IMPORTANT;
    }
    .bx-wrapper img {
        max-width: 100%;
    }
    .best-rated-videos {
        display: flex;
        justify-content: center;
        margin-top: 2vh;
    }
}
@media (min-width: 1200px) 
{
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1190px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1300px;
        padding: 0 4vw;
    }
    .mobile-see-video {
        display: none;
    }
}