@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body{
   margin: 0;
   padding: 0;
   color: rgba(0, 0, 0, 1);
   font-size: 1rem;
   overflow-x: hidden;
   font-family: 'Roboto', 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(247, 165, 73, 1);
}

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

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

*{
   font-family: 'Roboto', sans-serif;
}

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:300;
}



#copyright a:hover{
   color:rgba(232, 37, 131, 1);
}

.texto-img{
   padding:6px;
   border: 1px solid #cecece;
}

.texto-img-nosotros{
   padding:6px;
   line-height: 2rem;
   font-size:0.9rem;
   border: 1px solid #cecece;
   font-weight: normal;
}

.texto-img-nosotros:hover{
   padding:6px;
   line-height: 2rem;
   font-size:0.9rem;
   border: 1px solid #cecece;
   font-weight: normal;
}

.texto-img:hover{
   font-weight: bold;
}

.panel-heading{
   padding: 10px;
   font-size: 1.8rem;
   border:1px solid #cecece;
}

.panel-body{
   padding: 10px;
   border-right:1px solid #cecece;
   border-left:1px solid #cecece;

}

.color{
   color:#e82583;
}

.texto-blanco {
   color:#fff;
}

.precio-texto{
   text-align:center;
   font-size:36px;
   color:#fff;
   font-weight: bold;
   margin-top:1rem;
}

.carga_icon:hover{
   background-image: url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-directos-white.png');
}

.ca_error{
   padding: 2px 10px 2px 10px;
   border: 1px solid;
   border-color: rgba(111, 107, 107, 1);
   background: rgba(111, 107, 107, 1);
   color: #fff!important;
   font-size: 12px;
}

.ca_ok{
   padding: 2px 10px 2px 10px;
   border: 1px solid;
   border-color: rgba(40, 167, 69, 1);
   background: rgba(40, 167, 69, 1);
   color: #fff!important;
   font-size: 12px;
}

.ca_ree{
   padding: 2px 10px 2px 10px;
   border: 1px solid;
   border-color: rgba(221, 53, 69, 0.8);
   background: rgba(221, 53, 69, 1);
   color: #fff!important;
   font-size: 12px;
}

.ca_info {
   padding: 2px 10px 2px 10px;
   border: 1px solid;
   border-color: #007bff;
   background: #007bff;
   color: #fff!important;
   font-size: 12px;}

.goToTop{
	display: none;
	position: fixed;
	bottom: 17px; right: 25px;
	text-decoration:none !important;
}

.goToTop > i{
	display: block;
	width: 36px; height: 36px;
	background-color: rgba(247, 165, 73, 1);
	line-height: 32px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	border-radius:50%;
	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;
}

.goToTop:hover > i{
	background:rgba(0, 0, 0, 1);
	color:rgba(0, 0, 0, 1);
}


/*===========================================
	Header & Navs
===========================================*/

#header-top{
   padding:.75rem 0;
   background:#f4f2f2;
}

   #header-top h1,
   #header-top h2{
      padding:.25rem 0;
      font-weight:400;
      font-size:.90rem;
      color:rgba(0, 0, 0, .75);
   }

   #header-top a.ic-social,
   #footer .widget-aboutus .list-inline-item{
      display:inline-block;
      margin-left:.15rem;
      padding:.25rem;
      width:28px; height:28px;
      font-size:.90rem;
      text-align: center;
      background:rgba(255,255,255, 1);
      border-radius:50%;
      transition:all ease-in .3s;
   }
      #header-top a.linkedin:hover{
         background:rgba(14, 118, 168, 1);
         color:rgba(255, 255, 255, 1);
      }
      #header-top a.youtube:hover{
         background:rgba(196, 48, 43, 1);
         color:rgba(255, 255, 255, 1);
      }
      #header-top a.instagram:hover{
         background:rgba(214, 155, 62, 1);
         color:rgba(255, 255, 255, 1);
      }

      #header-top a.facebook:hover{
         background:rgba(42, 82, 151, 1);
         color:rgba(255, 255, 255, 1);
      }

      #header-top a.whatsapp:hover{
         background:#3fe05c;
         color:rgba(255, 255, 255, 1);
      }

   #header-top a.telefono{
      display:inline-block;
      margin-left:.5rem;
      font-weight:700;
      font-size:1rem;
      color: rgba(0,00,0,0.85);
      transition: .4s;
   }

   #header-top a.telefono:hover{
      color: rgba(0,0,0,1);
      transition: .4s;
   }

   #header-top a.about-us:before{
      content:"/";
      padding:0 .5rem;
   }

#header{
   background:#e82583;
}

   #header .navbar{
      padding:0 1rem;
   }

   #header .navbar-brand{
      position: relative;
      margin: .75rem 0;
      padding: 0;
      width:120px;
   }

   #header .navbar-brand img{
      width: 100%;
   }

   #header .nav-item{
      margin: 0 1.25rem;
   }

      #header .nav-item.active .nav-link span{
         background:rgba(0, 0, 0, .035);
      }

   #header .nav-link{
      display: inline-block;
      position: relative;
      padding: 1.4rem 0 !important;
      color: rgba(255, 255, 255, .75);
      font-weight: 700;
      font-size: 1rem;
      font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

      #header .nav-link span{
         padding:.75rem 1.2rem;
         border-radius: 2rem;
         transition: all ease-in .2s;
      }

      #header .nav-link:hover{
         color:rgba(255, 255, 255, 1);
      }

      #header .nav-link:hover span,
      #header .nav-item.show .nav-link span,
      #header .nav-item.show.active .nav-link span,
      #header .nav-item.show.active:hover .nav-link span{
         background:rgba(255, 255, 255, .185);
      }

   #header .nav-link + .dropdown-menu{
      margin:0 !important;
      padding:0;
      border:0;
      background:rgba(232,37,131,0.8);
      border-radius:0;
   }

   #header .nav-link + .dropdown-menu > a{
      padding:.5rem 1rem;
      color: rgba(255, 255, 255, 1);
      font-weight: 500;
      font-size: 1rem;
      font-family: 'Roboto', sans-serif;
      transition:all .3s;
   }

   #header .nav-link + .dropdown-menu > a:hover{
         background:rgba(0, 0, 0, .065);
         color:rgba(255, 255, 255, 1);
      }

   #header .nav-item.show .nav-link{
      color:rgba(255, 255, 255, 1);
   }

   #header .nav-social,
   #sidebar-wrapper .nav-social{
      margin-left:1rem;
   }

   #header .nav-social > ul > li,


   #header .nav-social > ul > li:not(.blog) > a,


   .nav-social > ul > li > a.facebook:hover{
      background:rgba(59, 89, 153, 1) !important;
      border-color:rgba(59, 89, 153, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   .nav-social > ul > li > a.linkedin:hover{
      background:rgba(0, 119, 181, 1) !important;
      border-color:rgba(0, 119, 181, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   .nav-social > ul > li > a.youtube:hover{
      background:rgba(196, 48, 43, 1) !important;
      border-color:rgba(196, 48, 43, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   .nav-social > ul > li > a.blog:hover{
      background:rgba(0, 0, 0, 1) !important;
      border-color:rgba(0, 0, 0, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   .scroll-top{
      margin-left:1rem;
      text-align: right;
   }

      .scroll-top a{
         font-weight:300;
         font-size:.85rem;
         color:rgba(0, 102, 204, .75);
         transition:all .2s;
      }

      .scroll-top a:hover,
      .scroll-top a:active,
      .scroll-top a:focus{
         color:rgba(247, 165, 73, 1);
      }


   .btn-cta{
      margin-top:1.25rem;
      letter-spacing:4px;
      position:relative;
      background:rgba(232,37,131, 1);
      color:rgba(255, 255, 255, 1);
      text-transform:uppercase;
      border-radius:0;
   }

      .btn-cta:hover{
         color:rgba(255, 255, 255, 1);
      }

   .btn-cta:before,
   .btn-cta:after{
      border-color: transparent;
      -webkit-transition: all 0.25s;
      transition: all 0.25s;
      border-style: solid;
      border-width: 0;
      content: "";
      height: 24px;
      position: absolute;
      width: 24px;
   }

   .btn-cta:before{
      border-color: rgba(0, 0, 0, 1);
      border-left-width: 2px;
      border-top-width: 2px;
      left: -5px;
      top: -5px;
   }

   .btn-cta:after{
      border-bottom-width: 2px;
      border-color: rgba(0, 0, 0, 1);
      border-right-width: 2px;
      bottom: -5px;
      right: -5px;
   }

   .btn-cta:hover:before,
   .btn-cta:hover:after{
      height: 100%;
      width: 100%;
   }

   .btn-cta:before,
   .btn-cta:after{
      border-color: #e82583;
   }



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

#pagina .box{
   padding: 10px;
   background: rgba(232,37,131,0.9);
}

#pagina .box_blanco{
   padding: 10px;
   background: rgba(255,255,255,0.9);
}

#pagina .titulo{
   font-size:2rem;
   color:#fff;
   text-align:center;
   border-bottom:1px solid #fff;
   margin:auto;
   width: 80%;
}


#pagina .titulo_blanco{
   font-size:1.2rem;
   color:#000;
   text-align:center;
   border-bottom:1px solid #000;
   margin:auto;
   width: 80%;
}

.li_blanco li{
   color:#000!important;
}

#pagina li{
   list-style-type: circle;
   color:#fff;
   padding:5px;

}

#pagina .barra {
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   width: 80%;
   margin:auto;
}

/*===========================================
	Blocks
===========================================*/

#blocks{
   margin:-90px 0 30px 0;
   z-index:9999;
}



   .icon-counter:hover:after{
      top:0px;
      left:0px;
      right:0px;
   }

   .block-wrapper{
      position: relative;
      margin-bottom:1rem;
      text-align: center;
   }

   .icon-container{
      display:flex;
      align-items:center !important;
      margin:auto;
      width: 120px;
      height: 120px;
      text-align: center;
      border-radius:50%;
   }

   .block-container .block-content{
      padding:0 1.5rem 1.5rem 1.5rem;
   }

   .block-container:hover .block-content{
      background-color:rgba(0,0,0,0.8);
      color:#fff;
   }

   .icon_grabadas{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-grabadas.png');
      background-repeat: no-repeat;
      width:100px;
      height: 100px;
   }

   .icon_directos{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-directos.png');
      background-repeat: no-repeat;
      width:100px;
      height: 100px;
   }

   .icon_all{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-all.png');
      background-repeat: no-repeat;
      width:220px;
      height: 100px;
   }



   .block-container .icon_grabadas{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-grabadas.png');
      background-repeat: no-repeat;
      width:100px;
      height: 100px;
   }

   .block-container:hover .icon_grabadas{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-grabadas-white.png');
   }

   .block-container .icon_directos{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-directos.png');
      background-repeat: no-repeat;
      width:100px;
      height: 100px;
   }

   .block-container:hover .icon_directos{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-directos-white.png');
   }

   .block-container .icon_all{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-all.png');
      background-repeat: no-repeat;
      margin-left:-40px;
      width:270px;
      height: 100px;
   }

   .block-container:hover .icon_all{
      background-image:url('https://gym-virtual.fisiofitnessbilbao.es/static/media/images/home/icon-all-white.png');
   }


   .block-container .block-content h4{
      margin:1rem 0 .75rem 0;
      font-weight:700;
      font-size:1.8rem;
      color:rgba(0, 0, 0, .85);
      transition:all ease-in .2s;
   }

      .block-container .block-content h4 > a{
         color:rgba(0, 0, 0, .85);
         text-decoration: none;
      }

   .block-container .block-content p{
      margin:2rem 0;
      font-weight:400;
      font-size:1rem;
      color:rgba(0, 0, 0, .65);
      transition:all ease-in .2s;
   }

   .block-container .block-content .btn{
      padding:.35rem 1.2rem;
      font-weight:500;
      transition:all ease-in .2s;
   }

   .block-container:hover .block-content h4,
   .block-container:hover .block-content h4 > a,
   .block-container:hover .block-content p,
   .block-container:hover .block-content .btn,
   .block-container:hover .block-content .icon-cell > i,
   .block-container:hover .block-content .icon-cell-two > i  {
      color:rgba(255, 255, 255, 1) !important;
   }

   .icon-cell{
      display:inline-block;
      margin:0 auto 0 auto;
   }

   .icon-cell > i{
      color:rgba(0, 0, 0, .25);
      font-size:4.5rem;
   }

   .icon-cell-two > i{
      color:rgba(0, 0, 0, .25);
      font-size:3.0rem;
   }

/*===========================================
   	ONLINE
===========================================*/

#online {
   margin-top: 3rem;
   margin-bottom: 3rem;
}

#video {
   margin-top: 3rem;
   margin-bottom: 1rem;
}

.recu_pass{
   font-size:12px;
}

.inline {
   display: inline-block;
}


.box_servicios p{
   height:52px;
	display:table-cell;
	vertical-align:middle;
   text-align: center;
}

.caja_clases {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 190px;

}

.caja_clases:hover {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 190px;
  font-weight: bold;
}

.caja_clases img {
  width:80px;
  margin-top: -50px;
}

.titulo_clases {margin-top:20px;}
.titulo_caja_clases {
    min-height: 110px;
}
.enlace_catego {
  text-decoration:none;
	vertical-align:middle;
	line-height:normal;
  color: #8f2421;
  font-size: 20px;
}

.enlace_catego:hover {
  text-decoration:none;
	vertical-align:middle;
	line-height:normal;
  color: #8f2421;
  font-size: 20px;
  font-weight: bold;
}

.titulo-login{
   text-align:center;
   color:rgba(0,0,0,0.75);
}

.titulo-recu{
   font-size:22px;
   text-align:center;
   color:rgba(0,0,0,0.75);
}

.baja {
   font-size:16px;
   font-weight: bold;
}


#blocks-online{
   margin-top:2rem;
   margin-bottom:3rem;
}


/*===========================================
   	ZOOM
===========================================*/

.box_zoom{
   border:1px solid;
   border-color: #cecece;
   padding:10px;
   min-height: 130px;
   transition: .6s;
}

.box_zoom:hover{
   -webkit-box-shadow: 10px 10px 5px 0px rgba(26, 26, 26,0.75);
   -moz-box-shadow: 10px 10px 5px 0px rgba(26, 26, 26,0.75);
   box-shadow: 5px 5px 5px 0px rgba(26, 26, 26,0.75);
   transition: .6s;
}

.hora{
   text-align: right;
   font-size:22px;
   font-weight: bold;
}

.img-zoom{
   width:80px;
   float:right;
}







/*===========================================
	Nosotros
===========================================*/

#aboutus{
   padding:2rem 0 5rem 0;
   background:#f2f2f2;
}
   #aboutus .title{
      color:#e82583;
   }

   #aboutus .title span{
      color:rgba(0, 0, 0, 1);
   }

   #aboutus .item-image{
      margin-left:3rem;
   }

   #aboutus .item-text{
      position: relative;
      z-index: 1;
      margin:3rem 0 0 -8rem;
      padding:2rem;
      background:rgba(255, 255, 255, 1);
   }

   #aboutus .item-text h5{
      margin-bottom:1rem;
      font-weight:700;
      font-size:2.25rem;
      color:rgba(0, 0, 0, 1);
   }

   #aboutus .item-text h5 span{
      font-weight:100;
   }

   #aboutus .item-text p{
      font-weight:300;
      font-size:1rem;
      color:rgba(0, 0, 0, 1);
   }

      #aboutus .item-text p:last-child{
         margin-bottom:1rem;
      }

      #aboutus .item-text p strong{
         font-weight:400;
      }


/*===========================================
	Servicios
===========================================*/

#servicios{
   padding:2rem 0;
   background:rgba(255, 255, 255, 1);
}
   #servicios .title{
      color:rgba(247, 165, 73, 1);
   }

   #servicios .title span{
      color:rgba(0, 0, 0, 1);
   }

   #servicios .title:before{
      border-color: rgba(0, 0, 0, 1);
   }

   #servicios .title:after{
      border-color: rgba(0, 0, 0, 1);
   }

   #servicios .card{
      padding:2rem 1.5rem;
      text-align: center;
      border:1px solid rgba(0, 0, 0, .05);
      border-radius:0;
   }

   #servicios .card .icon-container{
      width:72px; height:72px;
      background:rgba(247, 165, 73, .25);
   }

      #servicios .card .icon-container i{
         font-size:2rem;
      }

   #servicios .card h4{
      margin:2rem 0 1rem 0;
      font-weight:700;
      font-size:1rem;
      color:rgba(0, 0, 0, 1);
      text-transform: uppercase;
   }

   #servicios .card p{
      margin-bottom:2rem;
      font-weight:400;
      font-size:.9rem;
      color:rgba(0, 0, 0, 1);
   }
   #servicios .card .text-link{
      font-weight:500;
      color:rgba(0, 0, 0, .35);
   }

   #servicios .card .text-link:hover{
      font-weight:500;
      color:rgba(247, 165, 73, 1);
   }


/*===========================================
	Click To Action (CTA)
===========================================*/

#cta{
   position:relative;
   padding:5rem 0;
   background-size: cover;
}

   .webp #cta{
      background-image:url(../images/cta/cta1.webp);
   }

   .no-webp #cta{
      background-image:url(../images/cta/cta1.jpg);
   }

   #cta .overlay{
      position:absolute;
      top:0; left:0;
      width:100%; height:100%;
      background:rgba(0, 0, 0, .75);
   }

   #cta h5{
      margin:0 0 1rem 0;
      font-weight:500;
      font-size:1.25rem;
      color:rgba(255, 255, 255, .85);
   }

   #cta .telefono{
      font-weight:900;
      font-size:3rem;
      color:rgba(255, 255, 255, 1);
   }

   #cta p{
      margin-bottom:0;
      font-weight:500;
      font-size:1rem;
      color:rgba(255, 255, 255, .85);
   }

   #cta .btn-cta{
      margin-top:2rem;
      letter-spacing:4px;
      position:relative;
      background:rgba(232,37,131, 1);
      color:rgba(255, 255, 255, 1);
      text-transform:uppercase;
      border-radius:0;
   }

      #cta .btn-cta:before{
         border-color: rgba(232,37,131, 1);
      }

      #cta .btn-cta:after{
         border-color: rgba(232,37,131, 1);
      }

      #cta .btn-cta:hover{
         color:rgba(255, 255, 255, 1);
      }


/*===========================================
	Últimos proyectos
===========================================*/

#proyectos{
   padding:2rem 0;
   background:rgba(255, 255, 255, 1);
}
   #proyectos .title{
      color:rgba(232,37,131, 1);
   }

   #proyectos .title span{
      color:rgba(0, 0, 0, 1);
   }

   #proyectos .title:before{
      border-color: rgba(232,37,131, 1);
   }

   #proyectos .title:after{
      border-color: rgba(232,37,131, 1);
   }

   #proyectos .masonry-filter{
      margin:0 0 1rem 0;
      font-weight:700;
      font-size:.9rem;
      color:rgba(0, 0, 0, 1);
      text-transform: uppercase;
      text-align: center;
   }

      #proyectos .masonry-filter li{
         margin:0 2rem;
      }

         #proyectos .masonry-filter li:first-child{
            margin-left:0;
         }

         #proyectos .masonry-filter li:last-child{
            margin-right:0;
         }

   #proyectos .masonry-item h4{
      font-weight:500;
      font-size:1.25rem;
      color:rgba(0, 0, 0, 1);
   }

   #proyectos .masonry-item h4 a{
      color:rgba(0, 0, 0, 1);
      text-decoration: none;
   }

   #proyectos .masonry-item p{
      font-weight:300;
      font-size:1rem;
      color:rgba(0, 0, 0, 1);
   }


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

#footer{
   padding:1rem;
   background:rgba(255, 255, 255, 1);
}



   .widget-aboutus .logo-footer{
      max-width:100%;
   }

   .widget-aboutus p{
      font-weight:400;
      font-size:.9rem;
      line-height: 1.85;
      color:#222;
   }

   #footer .widget-aboutus .list-inline-item{
      background:rgba(232, 37, 131, 1);
      color:rgba(255, 255, 255, 1);
   }

      #footer .widget-aboutus a.facebook:hover{
         background:rgba(42, 82, 151, 1);
         color:rgba(255, 255, 255, 1);
      }

      #footer .widget-aboutus a.youtube:hover{
         background:rgba(196, 48, 43, 1);
         color:rgba(255, 255, 255, 1);
      }

      #footer .widget-aboutus a.instagram:hover{
         background:rgba(214, 155, 62, 1);
         color:rgba(255, 255, 255, 1);
      }

      #footer h6{
         font-weight:900;
         font-size:1.25rem;
         color:rgba(232,37,131, 0.85);
         text-transform: uppercase;
      }

      #footer .list-group{
         margin:1rem 0 2rem 0;
         background:none;
         border:0;
         border-radius:0;
      }

      #footer .list-group-item{
         padding:.5rem 0;
         background:none;
         font-weight:500;
         font-size:.9rem;
         color:rgba(0, 0, 0, .75);
         transition:all ease-in .2s;
         border:0px solid;
      }

      #footer .list-group-item:before{
         padding-right:.25rem;
         font-weight:300;
         font-family:'Font Awesome 5 Pro';
         content:'\f0da';
      }

         #footer .list-group-item:hover{
            color:rgba(232,37,131, 0.85);
            transition: .4s;
         }


/*===========================================
	Straplines & Breadcrumbs
===========================================*/
#strapline{
   padding:2rem 0;
   background:rgba(0, 0, 0, 0.065);
   text-align: center;
}

   #strapline h2{
      font-weight:300;
      font-size:1.5rem;
      text-transform: uppercase;
   }

   #strapline p{
      font-size:1.25rem;
   }

   #strapline .breadcrumb{
      margin:0;
      display:block;
      background:none;
      text-align: center;
      border-radius:0;
      box-shadow:none;
   }

   #strapline .breadcrumb li{
      display: inline-block;
      text-align: center;
   }

   #strapline .breadcrumb li:after{
      content: "\f105";
      padding-left:.5rem;
      font-weight:400;
      font-family:'Font Awesome 5 Pro';
   }

   #strapline .breadcrumb li:last-child:after{
      content: "";
      padding-right:0;
   }

#strapline + #aboutus{
   background:rgba(255, 255, 255, 1);
}

   #strapline + #aboutus .item-text{
      background:rgba(0, 0, 0, 1);
      color:rgba(255, 255, 255, 1);
   }

   #strapline + #aboutus .title span{
      color:rgba(0, 0, 0, 1);
   }

   #strapline + #aboutus .title:before,
   #strapline + #aboutus .title:after{
      border-color:rgba(0, 0, 0, 1);
   }

   #strapline + #aboutus .item-text h5,
   #strapline + #aboutus .item-text p{
      color:rgba(255, 255, 255, 1);
   }

   #strapline + #aboutus .btn-cta:before,
   #strapline + #aboutus .btn-cta:after{
      border-color:rgba(255, 255, 255, .65);
   }


/*===========================================
	Secciones generales
===========================================*/

.section{
   padding:2rem 0;
}

   .section.bg-white .title:before,
   .section.bg-light .title:before{
      border-color: rgba(0, 0, 0, 1);
   }

   .section.bg-white .title:after,
   .section.bg-light .title:after{
      border-color: rgba(0, 0, 0, 1);
   }

   .section .title span{
      color:rgba(0, 0, 0, 1);
   }

   .section .title.text-corporate{
      color:rgba(247, 165, 73, 1);
   }

.section .list-unstyled li{
   line-height: 2.15rem;
}

   .section .list-unstyled li .fa-check{
      font-weight:400;
      color:green;
   }

   .section .card{
      text-align: center;
      border:0;
      border-radius:0;
   }

   .section .card-icon{
      display:inline-flex;
      margin:auto;
      width:64px; height:64px;
      background:rgba(247, 165, 73, .25);
      border-radius: 50%;
      align-items: center;
   }

      .section .card-icon > i{
         margin:auto;
         font-size:1.25rem;
      }

   .section .card h1{
      font-weight:700;
      font-size:1.25rem;
      color:rgba(0, 0, 0, 1);
   }

   .section .card-footer{
      border-top:1px solid rgba(0, 0, 0, .065);
      background:none;
   }

      .section .card-footer a{
         display:inline-block;
         width:50%;
         padding-top:1rem;
         top:-14px;
         position:relative;
         border-top:3px solid rgba(247, 165, 73, 1);
         transition:all .2s;
      }

      .section .card-footer a:hover{
         width:100%;
         color:rgba(247, 165, 73, 1);;
      }
      /*=======================================
      	RGPD Cookies
      =======================================*/

      .gdprcookie{
         position: fixed;
         color: white;
         font-size: .8em;
         line-height: 1.5em;
         bottom: 0;
         width:100%;
         padding: 1rem;
         background: rgba(0, 0, 0, .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: 33%;
         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;
      }