#contenedor-academy{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	padding-left: 0px;
	padding-right: 0px;
}

.cont-detail-academy {
	
}


.cont-detail-academy .grid-container-videos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 50px;
  grid-auto-flow: dense;
  padding: 10px;
}
.cont-detail-academy .grid-container-videos > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 0px 0;
  max-width: 320px;
}


.cont-detail-academy .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 50px;
  grid-auto-flow: dense;
  padding: 30px;
}
.cont-detail-academy .grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  max-width: 250px;
}
.cont-detail-academy .imgcatacademy{
   /* width: 200px;
    height: 200px;*/
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    /*border-radius: 50%;*/
    background-clip: padding-box;
    /*margin: 7px 0 0 5px;*/
    float: left;
    background-size: cover;
    background-position: center center;
    border: solid 2px rgb(117, 117, 117);

    border-radius: 0%;
    height:250px;
    width: 250px;
    margin: 0px 0 0 0px;
}


.cont-detail-academy .grid-container2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
  grid-auto-flow: dense;
  padding: 0px;
}
.cont-detail-academy .grid-container2 .row {
	align-items: center;
}
.cont-detail-academy .grid-container2 > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 0px 0;
}
.cont-detail-academy .grid-container2 > div.active{
	background-color: rgba(246,244,241,1);
}
.cont-detail-academy .imgcatacademy2{
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    margin: 7px 0 0 0px;
    float: left;
    background-size: cover;
    background-position: center center;
    border: solid 2px rgb(117, 117, 117);
}



.cont-detail-academy .grid-container a{
    text-decoration: none !important;
  }

#contenedor-academy .tonolana{
    text-transform:uppercase;
    color:#757575;
    font-size: 18px;
  }
  .imgcatacademy {
      box-shadow: 0 0 0 15px rgb(255 255 255 / 40%) inset !important;
      border: 0px !important;
  }

  .imgcatacademy:hover{
       /*box-shadow: 0 0 0 5px rgb(227 6 19 / 40%) inset !important;*/
       opacity: 90%;
  }

  #contenedor-academy .enlaces-home {
     
      padding-left: 0px;
      padding-right: 0px;
  }

  #contenedor-academy .name-academy {
    margin-top: 20px;
  }



  #contenedor-academy .row-filtros-modelos .col-filtros-modelos{
    background: #f4f4f4 !important;
  }
  .imgcatacademy2 {
      box-shadow: 0 0 0 5px rgb(255 255 255 / 40%) inset !important;
      border: 0px !important;
  }

  .imgcatacademy2:hover{
       box-shadow: 0 0 0 5px rgb(227 6 19 / 40%) inset !important;
  }

  .cont-detail-academy .grid-container2 a{
    text-decoration: none !important;
  }

  .cont-detail-academy .grid-container2{
   /* padding: 20px;*/
  }

  .filtroacademy{
    background-color: #f4f4f4 !important;
  }
  .filtroacademy.active{
    /*background-color: #FFFFFF !important;*/
    color:#E30613 !important;
  }
  

  .subseccion_academy{
    background-color: #f4f4f4 !important;
    display:inline-flex;
    text-align:left;
    padding-left:30px !important;
    font-size:14px;
  }

  .subseccion_academy.active{
    color: #E30613;
    font-weight:400;
  }

  #contenedor-academy .tonolana{
    color:#757575;
    font-weight:500;
    font-size: 14px;
  }
  #contenedor-academy .tonolana:hover{
    color: #E30613 !important;
  }
  #contenedor-academy .tonolana.active{
    color:#E30613 !important;
    font-weight:900;
  }

  #contenedor-academy .dot {
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right:10px;
  }

  #contenedor-academy .dot.active {
    background-color: #E00A16;
  }

  .subseccionseparador{
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-top:50px;
  }

  #contenedor-academy .vermas{
    float:right;
    color: #E30613 !important;
    width:80px;
    font-size: 14px;
  }

  

  #contenedor-academy .grid-container.grid-subseccions{

    display: flex;
      overflow-x: scroll;

  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .grid-subseccions::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .grid-subseccions {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #contenedor-academy .grid-container-videos.videos-scroll{

     display: flex;
     overflow-x: scroll;
	 padding:10px 85px 10px 10px;

  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .videos-scroll::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .videos-scroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


  #contenedor-academy .imgrodona img{
   /* -webkit-clip-path: circle();
   clip-path: circle();*/
    min-width: 320px;
    min-height:200px;
  }

  .h1tutorial {
    font-family: 'DryBrush';
    font-size: 32px;
    font-weight: 100;
    color:  #757575;
      letter-spacing: 2px;
  }


@media (max-width:992px){

	#contenedor-academy .cont-breadcrumb{
		padding-top: 40px !important;
	}
	.cont-detail-academy .grid-container-videos {
	 
	  padding: 30px;
	}

	.cont-detail-academy .grid-container {

		/*display: flex;
		overflow-x: scroll;
    */

	}

	.cont-detail-academy .imgcatacademy{
		/*width: 140px;
    	height: 140px;*/
		display: inline-block;
		float: none;
	}

	.cont-detail-academy .grid-container2 {

		display: flex;
		overflow-x: scroll;

	}

   /* Hide scrollbar for Chrome, Safari and Opera */
  .grid-container2::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .grid-container2 {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

	.cont-detail-academy .grid-container2 > div {
	  min-width: 120px;
	  text-align: center;
	}
	

	.cont-detail-academy .imgcatacademy2{
		width: 80px;
    	height: 80px;
		display: inline-block;
		float: none;
	}

}




@media screen and (max-width: 1410px){

  .cont-detail-academy .grid-container2 {

     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

  }
  
  #contenedor-academy .filtroacademy .tonolana{
   
    font-size: 10px;
  }

  .cont-detail-academy .imgcatacademy2{
    width: 45px;
    height: 45px;
  }

  .subseccion_academy{
    padding-left: 10px!important;
    font-size: 12px;
  }
  
  #contenedor-academy .grid-container-videos.videos-scroll{

     display: flex;
     overflow-x: scroll;
	 padding:10px 0px 10px 0px;
	 grid-gap:15px;
  }
}




@media (max-width: 768px) {
      .carousel-inner .carousel-item > div {
          display: none;
      }
      .carousel-inner .carousel-item > div:first-child {
          display: block;
      }
}

  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
      display: flex;
  }

  /* medium - display 4  */
@media (min-width: 768px) {

      .carousel-inner .carousel-item-right.active,
      .carousel-inner .carousel-item-next {
        transform: translateX(50%);
      }
      
      .carousel-inner .carousel-item-left.active, 
      .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
      }
  }

  /* large - display 6 */
@media (min-width: 992px) {
      
      .carousel-inner .carousel-item-right.active,
      .carousel-inner .carousel-item-next {
        transform: translateX(50%);
      }
      
      .carousel-inner .carousel-item-left.active, 
      .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
      }
  }

  .carousel-inner .carousel-item-right,
  .carousel-inner .carousel-item-left{ 
    transform: translateX(0);
  }