/*===========================================

	EENDA,
	Marketing, Desarrollo & Consulting
	www.eenda.com

===========================================*/

body{
   margin: 0;
   padding: 0;
   color: rgba(0, 46, 57, 1);
   font-size: 16px;
   overflow-x: hidden;
   font-weight:400;
   font-family: 'Montserrat', sans-serif;
   direction: ltr;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

body, html{
   height: 100%;
   width: 100%;
   position: relative;
}

a{
   color: inherit;
}

a, a:hover, a:focus{
   outline: none;
   text-decoration: none;
   color: inherit;
}

a.link{
   color:rgba(0, 102, 204, 1);
}

ol, ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

h1, h2, h3, h4, h5, h6{
   margin: 0;
}

*{
   font-family: 'Montserrat', sans-serif;
   font-weight:400;
}

h1{
   font-size: 3.75rem;
}

h2{
   font-size: 2.5rem;
}

h3{
   font-size: 1.75rem;
}

h4{
   font-size: 1.25rem;
}

h5{
   font-size: 1rem;
}

h6{
   font-size: 0.875rem;
}

p{
   font-size: 1rem;
   font-weight:400;
}

.required:before{
	content: "*";
    position: relative;
    top: 2px;
    padding: 0 5px 0 0;
    font: 700 1em Arial,Verdana,Tahoma;
    color: #ff0000;
}

.modal-content, .modal-header, .modal-footer{
   border-radius:0;
}

.modal-header{
   background:rgba(1, 203, 192, 1);
   color:rgba(255, 255, 255, 1);
}

.modal-header .modal-title{
   font-weight:600;
   font-size:1.25rem;
   text-transform: uppercase;
}

.modal .modal-body ul{
   margin:0 0 0 2rem;
}

.modal .modal-body ul li{
   list-style: disc !important;
}

.modal .modal-body a{
   color:rgba(1, 203, 192, 1);
}

.modal .modal-footer .btn-primary{
   padding:.75rem 1.5rem;
   background:rgba(1, 203, 192, 1);
   border:0;
   font-weight:600;
   font-size:.9rem;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
}


/*=======================================
RGPD Cookies
=======================================*/

.gdprcookie{
   position: fixed;
   color: white;
   font-size: .8em;
   line-height: 1.5em;
   bottom: 0;
   width:100%;
   padding: 1rem;
   background: rgba(0, 46, 57, .85);
   z-index: 9999 !important;
}

.gdprcookie-intro,
.gdprcookie-types{
   margin:auto;
   padding-right:15px;
   padding-left:15px;
   max-width:1140px;
}

.gdprcookie h1,
.gdprcookie h2{
   margin-bottom: .5rem;
   font-size: 1.25rem;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie p{
   font-size: 1rem;
   color:rgba(255, 255, 255, .75);
}

.gdprcookie h2{
   font-size: 1.2em;
}

.gdprcookie a{
   color: rgba(255, 255, 255, 1);
   text-decoration: underline;
}

.gdprcookie-buttons{
   text-align: center;
}

.gdprcookie-buttons button{
   color: white;
   font-family: inherit;
   font-size: 1rem;
   padding: .5rem .75rem;
   border: solid .05rem currentColor;
   border-radius: .15rem;
   margin: 0 .5rem;
   background: none;
   cursor: pointer;
}

.gdprcookie-buttons button:disabled{
   color: rgba(255,255,255,.5);
}

.gdprcookie-types{
   margin:.5rem auto 1rem auto;
   padding:.5rem .75rem;
   border:1px solid rgba(255, 255, 255, .75);
}

.gdprcookie-types ul{
   overflow: hidden;
   padding: 0;
   margin: 1rem 0 1rem;
}

.gdprcookie-types li{
   padding: 0;
   margin: 0;
   width: 25%;
   display: block;
   list-style: none;
   float: left;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie-types li label{
   font-size: 1rem;
}

.gdprcookie-types input[type="checkbox"]{
   margin-right: .5rem;
}


/*===========================================
	Header (Top) & Header
===========================================*/

.header-top{
   background:rgba(0, 46, 57, 1);
   color:rgba(255, 255, 255, 1);
}

.header-top .btn{
   padding:.75rem 1.25rem;
   font-weight:600;
   color:rgba(255, 255, 255, 1);
   background:rgba(1, 203, 192, 1);
   border-radius:0;
}

header{
   padding:2rem 0;
}

header:not(.inside) h1{
   font-weight:600;
   font-size:1.75rem;
   color:rgba(1, 203, 192, 1);
}


/*===========================================
	Hero
===========================================*/

#hero:not(.inside){
   padding:12rem 0 15rem 0;
   background:url(../uploads/hero/hero1.jpg) no-repeat center center;
   background-size:cover;
}

   #hero h2{
      font-weight:600;
      color:rgba(255, 255, 255, 1);
   }

   #hero p{
      font-weight:400;
      font-size:1.25rem;
      color:rgba(255, 255, 255, .95);
   }

   #hero .btn{
      padding:.75rem 2.5rem;
      background:rgba(1, 203, 192, 1);
      font-weight:800;
      color:rgba(255, 255, 255, 1);
      text-transform: uppercase;
      transition:all .4s;
   }

   #hero .btn:hover{
      background:rgba(0, 46, 57, 1);
      color:rgba(255, 255, 255, 1);
   }


/*===========================================
	About Us
===========================================*/

#about-us{
   padding:0 0 5rem 0;
}

#about-us .card{
   margin-top:-60px;
   border:0;
   background:rgba(198, 240, 235, 1);
}

   #about-us .card-body{
      padding:4.75rem;
   }

   #about-us .card-body h3{
      margin:0 0 1rem 0;
      font-weight:800;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
      text-transform: uppercase;
   }

   #about-us .card-body h4{
      margin:0 0 1rem 0;
      font-weight:600;
      font-size:2rem;
      color:rgba(0, 46, 57, 1);
   }

   #about-us .card-body p{
      margin:0 0 1rem 0;
      font-weight:400;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
   }

   #about-us .card-list{
      background:transparent;
   }

   #about-us .card-header{
      height:60px;
      background:rgba(1, 203, 192, 1);
      border:0;
   }

   #about-us .card-header h3{
      width:100%;
      font-weight:800;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
      text-transform: uppercase;
      text-align: center;
   }

   #about-us .list-group{
      margin-top:10px;
   }

   #about-us .list-group-item{
      position:relative;
      background: rgba(198, 240, 235, 1);
      border:0;
      margin-bottom: .25rem;
      border-radius: 3px;
      padding: 1rem;
      padding-left: 0 !important;
      overflow: hidden;
      transition:all .4s;
   }

   #about-us .list-group-item .date{
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      color:rgba(0, 46, 57, 1);
      border-right: 1px solid rgba(0, 46, 57, .85);
      padding-right: 10px;
      font-weight: 700;
      width: 60px;
   }

   #about-us .list-group-item .date span{
      display:block;
   }

   #about-us .list-group-item .desc{
      padding-left: 95px;
      font-weight: 500;
   }

   #about-us .list-group-item:hover{
      background: rgba(1, 203, 192, 1);
   }


/*===========================================
	Cursos
===========================================*/

#cursos,
#contenido{
   padding:5rem 0;
   background:rgba(0, 46, 57, .025);
}

   #cursos h4{
      font-weight:800;
      font-size:1.15rem;
      color:rgba(1, 203, 192, 1);
      text-transform: uppercase;
   }

   #cursos h3{
      margin:0 0 2rem 0;
      font-weight:600;
      font-size:2rem;
      color:rgba(0, 46, 57, 1);
   }

   #cursos .card:not(.card-list){
      padding:2rem;
      background:transparent;
      border-color:rgba(0, 46, 57, .065);
      border-radius:.5rem;
   }

   #cursos .card img{
      margin:0 0 2rem 0;
      border-radius:.5rem;
   }

   #cursos .card-body{
      padding:0;
   }

   #cursos .card-body .list-inline{
      margin:0 0 1.25rem 0;
   }

   #cursos .card-body .curso-tipo{
      padding:.25rem .75rem;
      background:rgba(0, 46, 57, .85);
      color:rgba(255, 255, 255, 1);
      border-radius:.25rem;
   }

   #cursos .card-body .card-title{
      margin:0 0 1.25rem 0;
      font-weight:600;
      font-size:1.5rem;
   }


/*===========================================
	AENOR
===========================================*/

.box-wrapper{
   background:rgba(255, 255, 255, 1);
}

   .box-wrapper .box-content{
      padding:5rem 10rem;
   }

   .box-wrapper h3{
      margin:0 0 1.25rem 0;
      font-weight:600;
      font-size:2rem;
   }

   .box-wrapper p{
      font-weight:400;
      font-size:1.15rem;
   }

   .box-wrapper .btn{
      padding: .5rem 1rem;
      background: rgba(1, 203, 192, 1);
      font-weight: 800;
      color: rgba(255, 255, 255, 1);
      text-transform: uppercase;
      transition:all .4s;
   }

   .box-wrapper a:not(.btn){
   font-weight:600;
      font-size:1rem;
      color:rgba(1, 203, 192, 1);
   }

   .box-wrapper a:not(.btn)::before{
      padding-right:.5rem;
      content: "\f101";
      font-weight:400;
      font-family:'Font Awesome 5 Pro';
   }

   .box-wrapper .btn:hover{
      background:rgba(0, 46, 57, 1);
      color:rgba(255, 255, 255, 1);
   }


/*===========================================
	EMPRESAS FORMADAS POR A3E
===========================================*/

#empresas{
   padding:5rem 0;
   background:rgba(0, 46, 57, .025);
}

   #empresas h3{
      margin: 0 0 2rem 0;
      font-weight: 700;
      font-size: 2rem;
      color: #000;
   }

#empresas .bx-wrapper{
   background:transparent;
   border:0;
   box-shadow:none;
}

#empresas .bx-viewport{
   padding:0 0 1rem 0;
}

/*===========================================
	Footer
===========================================*/

footer{
   padding:2rem 0;
   background:rgba(0, 46, 57, .85);
   font-weight:400;
   color:rgba(255, 255, 255, .65);
}

footer a{
   color:rgba(255, 255, 255, .65);
   transition:all .4s;
}

footer a:hover{
   color:rgba(255, 255, 255, 1);
}

   #copyright{
      padding:1rem 0;
      background:rgba(0, 46, 57, 1);
      font-size:.85rem;
      color:rgba(255, 255, 255, 0.5);
   }

	#copyright a{
      color:rgba(255, 255, 255, 0.5);
      transition:all .3s;
	}

   #copyright a:hover{
      color:rgba(255, 255, 255, 1);
   }


/*===========================================
Strapline
===========================================*/

#strapline{
   padding:0 0 0 0;
   border-bottom:10px solid rgba(0, 46, 57, .025);
}

#strapline .card{
   margin-bottom:-35px;
   border:0;
   background:rgba(198, 240, 235, 1);
}

   #strapline .card-body{
      padding:4.75rem;
   }

   #strapline .card-body h3{
      margin:0 0 0 0;
      font-weight:800;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
      text-transform: uppercase;
   }

   #strapline .card-body h4{
      margin:0 0 1rem 0;
      font-weight:600;
      font-size:2rem;
      color:rgba(1, 203, 192, 1);
   }

   #strapline .card-body p{
      margin:0 0 1rem 0;
      font-weight:400;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
   }

   #strapline .card-list{
      background:transparent;
   }

   #strapline .card-header{
      padding:1.25rem;
      background:rgba(1, 203, 192, 1);
      border:0;
      border-radius:0;
   }

   #strapline .card-header h3{
      width:100%;
      font-weight:800;
      font-size:1.15rem;
      color:rgba(255, 255, 255, 1);
      text-transform: uppercase;
   }


/*===========================================
	Contenido
===========================================*/

#contenido{
   padding:5rem 0;
   background:rgba(255, 255, 255, 1);
}

header.inside h1{
   font-weight:600;
   font-size:2rem;
   color:rgba(1, 203, 192, 1);
}


#hero.inside{
   padding:3rem 0 3rem 0;
   background:url(../images/hero-inside.jpg) no-repeat top center;
   background-size:cover;
}

#hero.inside h4{
   display:inline-block;
   padding:.25rem .75rem;
   font-size:1rem;
   color:rgba(0, 46, 57, 1);
   background:rgba(255, 255, 255, 1);
   border-radius:.5rem;
}

#hero .breadcrumb{
   margin-top:2rem;
}

   #hero .breadcrumb-item{
      font-weight:400;
      font-size:1.25rem;
      color:rgba(255, 255, 255, .75);
   }

   #hero .breadcrumb-item+.breadcrumb-item::before{
      content: "//";
      color:rgba(255, 255, 255, .5);
   }


/*===========================================
	Contenido > Curso > Tabs
===========================================*/

#tabCurso .nav-item .nav-link{
   padding:1.025rem .75rem;
   font-weight:600;
   color:rgba(0, 46, 57, .65);
   background:rgba(255, 255, 255, 1);
   border:1px solid rgba(0, 46, 57, .065);
}

#tabCurso .nav-item .nav-link.active{
   background:rgba(1, 203, 192, 1);
   border:1px solid rgba(1, 203, 192, 1);
   color:rgba(255, 255, 255, 1);
}

#cursos .tabs-container .tab-pane{
   padding:2rem;
   background:rgba(255, 255, 255, 1);
}

#cursos .tabs-container .tab-pane h3{
   font-size:1.5rem;
}

#cursos .tabs-container .card{
   padding:1rem;
}

#cursos .tabs-container .card-title{
   margin:0 0 .5rem 0;
   font-weight:600;
   font-size:1.15rem;
}

#cursos .tabs-container .card img{
   margin:0;
}

#cursos .tabs-container .tab-pane table td *,
#cursos .tabs-container .tab-pane table th *{
   color:rgba(0, 46, 57, 1);
}

#cursos .tabs-container .tab-pane table caption{
   caption-side: top;
   font-weight:bold;
}

#cursos .tabs-container .tab-pane table thead{
   background:rgba(1, 203, 192, .65);
   color:rgba(0, 46, 57, .65);
}

#cursos .tabs-container .tab-pane table td p{
   margin-bottom:0;
}

#cursos .tabs-container .tab-pane ul{
   margin:0 0 0 2rem;
}

#cursos .tabs-container .tab-pane ul li{
   list-style: disc !important;
}

#cursos .tabs-container .tab-pane a{
   color:rgba(1, 203, 192, 1);
   text-decoration: underline;
}

#cursos .tabs-container .tab-pane h3.title{
   margin-bottom:.5rem;
   font-weight:500;
   font-size:1.5rem;
   color:rgba(1, 203, 192, 1) !important;
}

#cursos .tabs-container .tab-pane table th,
#cursos .tabs-container .tab-pane table th h3{
   margin:0;
   font-weight:700;
   font-size:1rem;
   color:rgba(0, 46, 57, .65);
}

#cursos ol{
   margin-bottom:1rem;
   padding-left:2rem;
}

#cursos ol > li{
   list-style:decimal;
   font-weight:400;
   font-size:1rem;
}

#cursos .btn-cta{
   padding:.75rem 1.5rem;
   background:rgba(1, 203, 192, 1);
   font-weight:600;
   font-size:.9rem;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
}


/*===========================================
	Contenido > Curso > Sidebar
===========================================*/

.sidebar .card-list{
   border:0;
   background:rgba(198, 240, 235, 1);
}

   .sidebar .card-list .card-body{
      padding:4.75rem;
   }

   .sidebar .card-body h3{
      margin:0 0 1rem 0;
      font-weight:800;
      font-size:1.15rem;
      color:rgba(255, 255, 255, 1) !important;
      text-transform: uppercase;
   }

   .sidebar .card-body h4{
      margin:0 0 1rem 0;
      font-weight:600;
      font-size:2rem;
      color:rgba(1, 203, 192, 1);
   }

   .sidebar .card-body p{
      margin:0 0 1rem 0;
      font-weight:400;
      font-size:1.15rem;
      color:rgba(0, 46, 57, 1);
   }

   .sidebar .card-list{
      background:transparent;
   }

   .sidebar .card-header{
      height:60px;
      background:rgba(1, 203, 192, 1);
      border:0;
   }

   .sidebar .card-header h3{
      margin:0 !important;
      width:100%;
      font-weight:800 !important;
      font-size:1.15rem !important;
      color:rgba(255, 255, 255, 1) !important;
      text-transform: uppercase;
      text-align: center;
   }

   .sidebar .list-group{
      margin-top:10px;
   }

   .sidebar .list-group-item{
      position:relative;
      background: rgba(198, 240, 235, 1);
      border:0;
      margin-bottom: .25rem;
      border-radius: 3px;
      padding: 1rem;
      padding-left: 0 !important;
      overflow: hidden;
      transition:all .4s;
   }

   .sidebar .list-group-item .date{
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      color:rgba(0, 46, 57, 1);
      border-right: 1px solid rgba(0, 46, 57, .85);
      padding-right: 10px;
      font-weight: 700;
      width: 60px;
   }

   .sidebar .list-group-item .date span{
      display:block;
   }

   .sidebar .list-group-item .desc{
      padding-left: 95px;
      font-weight: 500;
   }

   #cursos .list-group-item:not(.rounded-0):hover{
      background: rgba(1, 203, 192, 1);
   }

.sidebar-container{
   padding:2rem;
   background:rgba(255, 255, 255, 1);
   border-radius:.25rem;
   text-align: center;
}

   .sidebar-container ul{
      margin:0 0 0 2rem;
   }

   .sidebar-container ul li{
      list-style: disc !important;
   }

   .sidebar-container a:not(.btn-cta){
      font-weight:400;
      font-size:1rem;
   }

   .sidebar-container a.btn-cta{
      width:100%;
      margin-bottom:.75rem;
      padding:.75rem .5rem;
      background:rgba(1, 203, 192, 1);
      font-weight:600;
      font-size:.9rem;
      color:rgba(255, 255, 255, 1);
      text-transform: uppercase;
   }

   .sidebar-container h3{
      margin:0 0 .75rem 0 !important;
      font-weight:700 !important;
      font-size:.875rem !important;
      text-transform: uppercase;
   }

   .sidebar-container p,
   .sidebar-container ul li,
   .sidebar-container ol li{
      font-size:.875rem !important;
   }

   .sidebar-container ul.list-group > li{
      padding:0;
   }

   .sidebar-container ul.list-group > li:hover{
      background:none !important;
   }

   .sidebar-container a.link-sidebar{
      padding:.5rem .75rem;
      display:block;
      color:rgba(1, 203, 192, 1);
      transition:all .4s;
   }

   .sidebar-container a.link-sidebar:hover{
      background:rgba(1, 203, 192, 1);
      color:rgba(255, 255, 255, 1);
   }

   .sidebar-container .fas{
      color:rgba(1, 203, 192, 1);
      transition:all .4s;
   }

   .sidebar-container a.link-sidebar:hover > .fas{
      color:rgba(255, 255, 255, 1);
   }

   .carousel-indicators{
    bottom:-40px;
    margin:0;
    width:100%;
    background:rgba(0, 0, 0, .025);
   }

   .carousel-indicators [data-bs-target]{
    height:5px;
    background:black;
    border:0;
   }