/*colores */
:root {

  --c1: #013051!important; /* azul */
  --c3: #499dc6!important; /* plata */
  --c6: #f5f5f5!important; /*blanco */
  --c7: #0e1329!important; /* gris oscuro */
  --c9: #016098!important; /* azul claro */


  --c1: #f5f5f7!important; 
  --c3: #f5f5f7!important; 
  --c6: #013051!important; 
  --c7: #0e1329!important; 
  --c9: #f5f5f7!important; 
  
  --c6: #1D1D1F!important;
  --ct1: #1D1D1F!important;
  --ct2: #1D1D1F!important;
  --ct3: #1D1D1F!important;
  /*--ct2: #016098!important;
  --ct3: #f5f5f7!important;*/
  --cf: #F5F5F7!important;

  --t1: #791204!important;
  --t4: #03446c!important;
  --t6: #413e69!important;


  .ct1{
    color: var(--ct1)!important;
  }
  .ct2{
    color: var(--ct2)!important;
  }
  .ct3{
    color: var(--ct3)!important;
  }




  --c2: var(--c1);
  --c5: var(--c1);
  --c8: var(--c1);
  --c4: var(--c3);

  --negro: var(--c1);
  --rojo: var(--c2);
  --gris: var(--c3);
  --groscuro: var(--c4);
  --acento: var(--ct1);
  --blanco: var(--c6);
  --tnegro: var(--c7);
  --amarillo: var(--c8);
  
}

*{
  color: var(--tnegro);
}

body{
  background-color: var(--c2)!important;
}

section{
    max-width: auto!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }


body, .tp-caption{
/*  font-family: 'Nunito', sans-serif!important;*/
  font-family: "Open Sans", sans-serif!important;
  font-weight: 300;
  font-style: normal;
  /*background-color: var(--negro);*/
}

.left{
      text-align: left!important;
      margin-right: auto!important;
}

section{
  /*margin-bottom: 15px;*/
}
.statistic-section, .page-banner-section{
  margin-bottom: 0;
}

p{
  /*color: var(--blanco)!important;*/
  color: var(--tnegro)!important;
}

a, .navbar-nav > li > a{
  color: var(--cf);
}

a:not(.btn):hover, a:not(.btn):active, .navbar-nav > li > a:hover, .navbar-nav > li > a:active, a.rev-btn:hover, a.rev-btn:active{
  /*background-color: var(--c5)!important;*/
  color: var(--blanco);
}

.quick-list li a:hover, .quick-list li a:active, .mobile-menu-list a:active, .mobile-menu-list a:hover{
  background-color: transparent!important;
  text-transform: uppercase;
  color: var(--blanco)!important;
}

.drop-link .active, .quick-list .active, .mobile-menu-list .active{
  text-transform: uppercase;
}

section.countdown-section .countdown-item .countdown-unit .number, section.countdown-section .countdown-item .countdown-unit .text{
  color: var(--c5)!important;
}

section.countdown-section .countdown-item .countdown-unit {
  background-color: var(--blanco)!important;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"],input[type="file"]{
  	width: 100%;
    padding: 10px 20px;
/*    background-color: var(--c6)!important;*/
    color: #7d7e7f;
    font-size: 15px;
    font-family: 'Nunito', sans-serif;;
    font-weight: 300;
    outline: none;
    border: 1px solid var(--c7);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 6%);
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 10px;
  }

  input[type="submit"]{
  	text-align: center;
    padding: 6px 15px;
    vertical-align: bottom;
    font-weight: 400;
    font-size: 16px;
    text-shadow: none;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;

    border-radius: 0!important;
    background-color: transparent;/*var(--negro)!important;*/
    border-bottom: 3px solid var(--c5)!important;
    border-right: 3px solid var(--c5)!important;
    color: var(--tnegro);
    /*color: var(--blanco)!important;*/
  }


  footer, .top-line{
    background-color: var(--cf);
  }

  footer{
    color: var(--blanco)!important;
  }

  .navbar{
/*  	background-color: var(--c2);*/
  	color: var(--blanco);
    border-bottom: 1px solid var(--c5);
    border: none!important;
  }
  /*
  .navbar-nav > li > a{
  	color: var(--blanco);
  }
  .navbar-nav > li > a.active{
  	color: #900!important;
  }
  .navbar-nav > li > a:hover{
    color: #900!important;
  }*/
  #home-section .tparrows{
    background-color: var(--c5);
  }

  .seccion-negro2 h1{
    border-left: 3px solid var(--negro);
    /*margin-top: 5px;
    padding-left: 10px;*/
  }

  .seccion-gris .title-section h1, .seccion-gris h1{
    border-left: 3px solid var(--negro);
    /*margin-top: 5px;
    padding-left: 10px;*/
  }

  .seccion-negro .title-section h1{
    border-left: 3px solid var(--blanco);
    margin-top: 5px;
    padding-left: 10px;
  }

  .seccion-gris{
/*  	background-color: var(--c3)!important;*/
background-color: var(--cf)!important;
  }
  .seccion-negro{
  	background-color: var(--negro)!important;
    background-image: linear-gradient(#184f90, var(--c3));
  }

  .seccion-negro2{
    background-image: linear-gradient(var(--c3),#184f90);
  }

  .seccion-negro h1, .seccion-negro h2, .seccion-negro label, .seccion-negro a{
  	/*color: var(--blanco);*/
  }
  .seccion-gris h1, .seccion-gris h2, .seccion-gris label, .seccion-gris a{
    /*color: var(--blanco);*/
  }
  .studiare-cart-number{
  	background-color: var(--acento)!important;
  }

  .countdown-item .number{
  	color: #000!important;
  }
  
  /*a.btn, input.btn, button.btn{
  	border-radius: 0!important;
  	background-color: var(--c8)!important;
  	border-bottom: 3px solid var(--c2)!important;
    border-right: 3px solid var(--c2)!important;
    color: var(--c7)!important;
  }*/


  a.btn, input.btn, button.btn{
    border-radius: 14px!important;
    background-color: var(--cf)!important;
    border: 2px solid var(--ct1)!important;
    color: var(--ct1)!important;
  }


  a.btn:hover, input.btn:hover, button.btn:hover{
    background-color: var(--ct1) !important;
    color: var(--cf) !important;
/*    border: 2px solid var(--cf)!important;*/
     /*color: var(--blanco)!important;*/
  }  
  .seccion-gris .btn{
  	/*background-color: var(--gris);	*/
  }
  .highlight, .copyright-cell a {
  	color: var(--blanco)!important;
  	font-weight: 400;
  }
  #home-section .tp-line-shape, .rev-btn{
  	background-color: #900;
  }
  .course-content-holder, .blog-post, .article-content{
    /*background-color: var(--c3)!important;*/
  }
  .course-post, .blog-post, .widget, .article-content{
    /*border: 1px solid var(--negro)!important;*/
    border: none;
  }
  .course-content-bottom{
    border-top: 1px solid var(--negro)!important;
  }
  .course-title{
    color: var(--blanco)!important;
    color: var(--tnegro)!important;
  }

  .post-content h2 a{
    /*color: var(--blanco)!important;*/
    padding: 2px;
  }

  .countdown-box p{
    font-size: 19px;
  }

  .acento{
    color: var(--acento)!important;
  }

  .acento2{
    color: white!important;
    font-weight: bold;
  }

  .facento{
   background-color: var(--acento)!important; 
   color: var(--blanco)!important;
  }

  /* cursos */
  p .subtitle{
    color: var(--negro)!important;
  }
  .course-title{
      min-height: 3em;
  }

  .product-single-top-part, .single-course-content, .course-widget{
    background-color: var(--cf)!important;
    color: var(--blanco)!important;
  }
  .icon, .course-lesson-icon, section.single-course-section .course-section .course-panel-heading:hover .panel-heading-left .course-lesson-icon i, .course-lesson-icon i{
    color: var(--acento)!important;
  }
  .meta-info-unit .value, .widget p.price{
    color: var(--blanco)!important;
  }

  .single-course-content h3{
    /*color: var(--blanco);*/
  }

  /* portada */
  .course-price{
    color: var(--white)!important;
    font-size: 18px;
  }


  /* nosotros */
  .mas{
    color: var(--c7)!important;
    font-size: 30px;
    /*margin-top: 5px;*/
    margin-bottom: 5px;
  }
  .statistic-section{
    background-image: var(--c2)!important;
  }
  .bc2{
    background-image: var(--c2)!important;
  }

  .seccion-gris .page-depth li{
    color: var(--acento);
  }

  a.text-link:hover{
    background-color: transparent!important;
    text-transform: uppercase;
  }

  .seccion-gris .page-depth li a{
    color: var(--tnegro)!important;
    background-color: var(--gris);
  }
  .seccion-gris .page-depth li a:hover{
    color: var(--c2)!important;
    background-color: var(--gris);
    text-transform: uppercase;
  }

  /* noticias */
  .sidebar .widget{
    background-color: var(--c2)!important;
  }
  .list-content h3 a, .list-content span{
    color: var(--blanco)!important;
    font-size: 15px!important;
  }
  .sidebar .widget h2:before{
    background-color: var(--acento);
  }
  .category{
    color: var(--acento)!important;
  }
  .category-list li a:hover{
    background-color: transparent!important;
    color: var(--acento);
  }
  /*comunidad */
  .comunidad-post{
    height: auto;
    background-position: center top;
    background-size: cover;
    text-align: center;
  }
  .blog-post .post-content{
    height: 250px;
  }
  .post-blog .post-content{
    padding: 20px;
  }
  .course-post .course-content-main {
    height: 180px;
  }
  .blog-post{
    background-color: transparent!important;
  }
  hr{
    border-top: 1px solid var(--blanco);
  }

  /* experiencias */
  .panel-content-inner{
    background-color: var(--c3);
  }
  .login-button{
    background-color: transparent!important;
  }
  .modal-content, .modal-header, .login-title{
    background-color: var(--gris)!important;
    color: var(--blanco)!important;
    color: var(--tnegro)!important;
  }
  .modal-header{
    border-bottom: 1px solid var(--blanco)!important;
  }
  .form-control{
    background-color: transparent!important;
    color: var(--tnegro)!important;
  }
  .form-group{
    margin-bottom: 10px!important;
  }
  .form-group input{
    margin-bottom: 0px!important;
  }
  .form-group .material-icons{
     color: var(--acento);
  }
  .close{
    color: var(--blanco)!important;
  }
  /* perfil */
  section.teachers-section .profile-details .detail-item i {
    color: var(--acento)!important;
  }
  section.teachers-section .teacher-content .skills-box .skill-line{
    background-color: transparent!important;
    border: 1px solid var(--blanco);
  }
  section.teachers-section .teacher-content .skills-box .skill-line span.fill-box{
    background-color: var(--acento);
  }
  section.teachers-section .profile-image ul.social-links li a{
    color: var(--blanco);
  }
  .image-holder {
/*    max-height: max-content!important;*/
    overflow: visible!important;
    background-repeat: no-repeat;
}
section.teachers-section .teacher-content{
  border:  none!important;
}
section.teachers-section{
  padding: 0!important;
}
select{
      background-color: transparent;
        border: 1px solid var(--c7);
        outline: none;
        width: 100%;
        font-size: 14px;
        color: var(--tnegro)!important;

        height: 44px;
        padding: 4px 20px;
        margin-bottom: 30px;
  }


.blog-post.single-post .tags-share-box ul li, .blog-post.single-post .tags-share-box ul.share-list li a{
  color: var(--blanco)!important;
  background-color: transparent!important;
}
.cart-box, .shop_table{
  background-color: var(--c4)!important;
  border:  none!important;
}
.cart-section td, .cart-section th, .cart-section td a{
  color: var(--tnegro)!important;
}
.cart-section input{
  background-color: transparent!important;
  color: var(--blanco)!important;
}
.alert a{
  color: black!important;
}

section.cart-section .cart-box table tr {
  border-bottom: 1px solid var(--c1);
}

/*ul.unidades{
    padding-inline-start: 0px;
  }
  ul.unidades li{
    display: inline-block;
    padding: 20px 20px 20px 20px;
    border: transparent!important;
    color: var(--tnegro);
  }
  ul.unidades li.active{
    background-color: var(--c5)!important;
    color: var(--c3)!important;
  }
  */

  ul.unidades li{
    display: block;
    padding-bottom: 2rem;
  } 

  ul.unidades li .numero{
    font-size: 0.5rem;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    padding: 1px 6px;
    background-color: var(--c2);
    margin-right: 5px  ;
    vertical-align: middle;
  }

  ul.unidades li.active .numero{
    background-color: var(--c8);
  }

  .recuadro{
    border: 1px solid white;
    /*padding: 20px;*/
  }
  .pregunta{
    color: white;
  }
  .siguiente{
    float: right;
  }
  ul.unidades li.triangle-right {
  width: 0;
  height: 50px;
  border: 32px solid transparent!important;
  border-left-color: var(--c5)!important;
  border-right-width: 0!important;
  margin-bottom: 2px;
  margin-left: -5px;
  vertical-align: middle;
  padding: 0!important;
}
.blanco{
  color: var(--blanco)!important;
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid var(--ct1); border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; 
    /*font-weight: bold;*/
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 10px;
    background-color: var(--ct1);
    color: var(--cf);
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: transparent; color: var(--tnegro);
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    width: 22px;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid var(--ct1); border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.single-course-content a{
  /*text-decoration: underline!important;*/
  /*color: var(--c2)!important;*/
  background-color: var(--c2);
  padding: 10px!important;
}
.faq button{
  border: none;
}
.faq {
  background-color: transparent;
}
.faq .card-header{
  padding: 0!important;
  background-color: transparent!important;
}
.faq .card{
  /*border: 1px solid var(--blanco);*/
  background-color: transparent;
  border: none;
}
.faq .card-header{
 /* border-bottom: 1px solid var(--blanco);*/
}

.faq .card-header h5 button{
  color:var(--blanco)!important;
  color: var(--tnegro)!important;
  background-color: #000!important;
  background-color: transparent!important;
  border: none;
}
.faq .card-body{
  /*color:var(--blanco)!important;*/
  background-color: #000!important;
  background-color: transparent!important;
}
.faq .card-body p{
  border: none!important;
  color: var(--c6);
}

.fa-arrow-down:before{
    content: ""!important;
}
.cart-section p {
  /*color: var(--blanco)!important;*/
}

 .mobile-nav-toggle span{

 }

a.mobile-nav-toggle span:before, a.mobile-nav-toggle span:after{
  background-color: var(--cf)!important;
}

section.teachers-section .profile-details .detail-item span, section.teachers-section .profile-details .detail-item a{
  color: var(--tnegro)!important;
  
}

  section.single-course-section .course-reviews .course-review-title {
    border-bottom-color: var(--c1);
  }

  section.single-course-section .course-reviews .course-reviews-inner .ratings-box .rating-average .average-box, section.single-course-section .course-reviews .course-reviews-inner .ratings-box .rating-average .detailed-box, section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-rating .average-box, section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-rating .detailed-box{
    border-color: var(--c1)!important; 
  }

  section.single-course-section .course-reviews {
    border-color: var(--c1);  
  }

  section.single-course-section .course-reviews .course-reviews-inner ul.comments {
    border-bottom-color: var(--c1);
  }

  section.single-course-section .course-reviews .course-reviews-inner ul.comments li{
    border-color: var(--c6);
  }

  .blog-post.single-post .tags-share-box ul.share-list li a{
    border-color: var(--c1); 
  }

.post-content ul li{
  color: var(--blanco)!important;
}

.noticia-ampliada img{
  width: 98%!important;
  height: auto!important;
  margin: 0 1%!important ;
}

textarea{
  background-color: transparent!important;
  border: 1px solid var(--c7)!important;
}
.material-icons{
  color: var(--ct1);
}

p.texto-blanco{
  color: var(--blanco)!important;
}
footer ul li a span{
  color: var(--blanco)!important; 
}
.statistic-post{
  margin-bottom: 0px!important;
}
.sidebar div.course-widget p.price span.price-label{
  color: var(--c6)!important;
}
.mobile-menu{
  /*background-color: var(--c5)!important;*/
}
.products-list li i{
  color: var(--blanco)!important;
  margin-right: 1rem;
}
h1{
  font-size: 56px!important;
  line-height: 62px;
}

p, .paragraph, .blog-post.single-post ul.text-list li {
  font-size: 19px!important;
/*  font-weight: bold;*/
}
section.page-banner-section h1{
  margin-bottom: 1rem!important;
}

footer .up-footer .footer-widget ul.quick-list li{
  width: 100%;
}
.tnegro{
  color: var(--tnegro)!important;
}
footer .up-footer .footer-widget ul.quick-list li a{
  color: var(--blanco);
}
section.statistic-section .statistic-post span, .timer-text{
  color: var(--c6)!important;
}
.post-content p a{
  /*text-decoration: underline!important;*/
  /*color: var(--c2)!important;*/
  color: var(--c2)!important;
  padding: 0px!important;
}

.modal-footer{
  border-top:1px solid var(--c1);
}

.category-list a:hover, .list-content a:hover{
  /*color: white!important;*/
}

section.cart-section .cart-box table tr td{
  padding: 20px 13px;
}

footer{
  padding-top: 0;
}

.page-pagination{
  text-align: center;
  margin: 1rem 0;
  padding: 0!important;
}

.page-pagination li{
  display: inline-grid!important;  
  padding: 0.5rem 1rem;
  background-color: var(--ct1);
  border-radius: 50%;
  color: var(--cf);
  margin-right: 3px;
  margin-left: 3px;
}

.page-pagination li.inactiva{
  background-color: transparent;
  border-radius: 50%;
  color: var(--ct1);
  border: 1px solid var(--ct1);
}

.justificar-en-pc{
  text-align: justify;
}


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

  .justificar-en-pc{
    text-align: center;
  }

  .curso-auto{
      height: auto!important;
    }

    .quick-widget{
      padding-top: 0px!important;
    }

}

section.single-course-section .course-reviews .course-review-title h3:after {
    
    background-color: var(--c2)!important;
  }

  .estrellas-rating i, .comment-content i, .average-box i{
    color: var(--ct1)!important;
    /*color: #f9bc61!important;*/
  }

  section.single-course-section .course-reviews .course-reviews-inner{
    padding: 0px 20px 20px 20px!important;
  }

  section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li div.outer {
       background-color: var(--cf);
      border: 1px solid var(--ct1);
  }
  .price .amount{
    color: white!important;
  }

  footer .up-footer .footer-widget.text-widget ul li{
    padding: 2px 0!important;
  }

  .btn-primary{
    border: none!important;
  }

  .comment-form label{
    color: var(--c2);
  }


  .mobile-menu nav.mobile-nav ul li a{
    color: var(--ct1)!important;
  }

  button.btn-rojo{
    background-color: var(--t1)!important;
    border: 1px solid var(--c1)!important;
    color: var(--c1)!important;
  }

  button.btn-rojo:hover{
    background-color: var(--c1)!important;
    border: 1px solid var(--t1)!important;
    color: var(--t1)!important;
  }