/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png');    content: '';   width: 19px;   height: 24px;   top: 0;   background-color: #fff;   display: block; background-size: cover;}
body{ font-family: 'Kanit', sans-serif;    margin: 106px 0 0 0!important;  color:#fff;font-size: 30px; background: #00202B;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #00202B;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {    font-weight: 500; color:#fff;}
h1 {font-size: 40px; }
h2{ font-size: 32px;}
h3{ font-size: 24px;}
h5{}
h5 a{background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;font-weight: 400;font-size: 30px;line-height: 45px;text-align: center;padding: 15px 20px;color: #00202B!important;padding: 10px 40px; text-decoration: none;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 10px 0 1px;  }
footer .centro {}
a,
a:visited,
a:active{color:#fff;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
div.centromin {width: 935px;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 99;   background: #00202B;  }
body.wordpress nav.navbar.fixed {    }
nav.navbar .navbar-header{float: left;width: 20%;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 15px;     }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{top:50px;}
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 3px;border-radius: 1px;background: #00202B; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: flex-end;}
nav.navbar #navbar ul li{  padding: 30px 1%; position: relative;width: auto;margin: 0px 1%; text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}

nav.navbar #navbar ul li a{text-decoration: none;font-weight: 500; font-size: 24px; line-height: 1.2; letter-spacing: 0.08em; color: #FFFFFF; text-transform: uppercase;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #fff; }
nav.navbar #navbar ul li.curren a,
nav.navbar #navbar ul li a:hover{text-decoration: underline;}
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current ul li{}
nav.navbar #navbar ul li.current ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 29.33%;  margin:3% 2%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.cabecera{background-image: url('images/cabecera.png'); height: 40vh;   background-repeat: no-repeat;   background-size: contain; background-position: center;}

.bk2 {height: calc(100vh - 106px); background-size: cover; background-position: center;}

.bk1{    padding: 100px 0;}

.bk5 .flex2{background: #fff;}
.bk5 .flex2 *{color: #00202B}
.bk5 .flex2:nth-of-type(odd){background: #00202B; flex-direction: row-reverse;}
.bk5 .flex2:nth-of-type(odd) *{color: #fff;}
.bk5 .flex2 .iflex{ margin: 0; padding: 0;}
.bk5 .flex2 .iflex:nth-of-type(1){width: 55%;background-size: cover; background-position: center;}
.bk5 .flex2 .iflex:nth-of-type(2){width: 45%;}
.bk5 .estracto{ width: 90%; margin: 40px auto;}

.bk3{background: #fff;    margin-top: 30px; padding-top: 30px;}

div.page{margin-bottom: 100px;}
div.page h1{}
div.page h2{ margin: 40px 0 0;}
div.page p{     margin: 0 0 12px; font-size: 21px; line-height: 1.2;}

.cart{background: #FFFFFF;}
.cart .iflex{}
.cart .iflex a{background: #00202B;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;font-weight: 400;font-size: 30px;line-height: 45px;text-align: center;color: #FFFFFF;padding: 10px 3%; display: block; width: 94%;text-decoration: none;}
.cart .iflex a:hover{background: #FFFFFF;color: #00202B;}

/*Carta*/
.page.page_id_76 .centro p { text-align: center; }

/*Cabecera Movil*/
@media (min-width: 941px) {
 nav.navbar .navbar-header button.navbar-toggle{display: none;}
 nav.navbar #navbar > ul > li:hover > ul{display: block;}
 nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
}
@media (max-width: 940px) {
 body{    margin: 65px 0 0 0!important;}
 nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

 nav.navbar {background: #00202B;height: 64px;}
 nav.navbar.abrir {background: #00202B; height: 100vh;}
 nav.navbar .centro{    width: 100%; max-width: 100%;}
 nav.navbar div#navbar.cerrado,
 nav.navbar .bloqueidiomas.cerrado{display: none;}

 nav.navbar .navbar-header { top: 16px;    margin-left: 16px; }
nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}

 nav.navbar div#navbar{}
 nav.navbar #navbar > ul{    padding: 0 0 0; width: 100%;}
 nav.navbar #navbar > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
 nav.navbar #navbar > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
 nav.navbar #navbar > ul > li a,
 nav.navbar #navbar > ul > li span{color:#fff;}
 nav.navbar #navbar > ul > li a{}
 nav.navbar #navbar > ul > li span{display: block;position: relative;}
 nav.navbar #navbar > ul > li span:after{content:''; background-image: url('images/flechab.png'); position: absolute; position: absolute; right: 4px; width: 15px; height: 24px; transform: rotate(90deg);}
 nav.navbar #navbar > ul > li span:after{transition-property: transform; transition-duration: 1s; }
 nav.navbar #navbar > ul > li.brir span:after{ transform: rotate(-90deg);}
 nav.navbar #navbar > ul > li > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
 nav.navbar #navbar > ul > li.brir > ul{  display: block;}
 nav.navbar #navbar > ul > li > ul > li{font-weight: normal;}
 nav.navbar #navbar > ul > li > ul > li > a{}

 nav.navbar .bloqueidiomas{    right: 16px;}
 nav.navbar .bloqueidiomas .wpml-ls-legacy-list-horizontal ul li a{ color:#fff; text-decoration: none; }

 nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 6px;}
 nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
 nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #fff; }

 nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg);     top: 8px;    padding: 8px 0 0;}
 nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){    background: #00202B;}
 nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #fff;transform: rotate(90deg);}
 nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #fff;transform: rotate(1deg); top: -11px; position: relative;}

 .bk5 .flex2 .iflex{width: 100%!important; min-height: 300px;}
}

/*Cabecera Movil*/
.ancla:before { 
}
@media (max-width: 1250px) {
 div.centro{    width: 94%;}
}
div.movil{display: none;}
@media (max-width: 700px) {
 .flex3 .iflex{    width: 94%; margin: 3% 0;}
 .cabecera {  height: 20vh;}
 .flex2 .iflex{    width: 98%;}
 div.movil{display: flex;    position: fixed;   bottom: 0; height: 60px; width: 100%; z-index: 999; background: #00202B;}
 div.movil .iflex{    width: 33.33%;   margin: 0;}
 div.movil .iflex a{    display: block; width: 100%; height: 100%; position: relative; background-size: auto 66%; background-position: center; background-repeat: no-repeat;}
 div.movil .iflex .tel{background-image: url('images/icotel.png');}
 div.movil .iflex .map{background-image: url('images/icomap.png');}
 div.movil .iflex .car{background-image: url('images/icocar.png');}

 .bk2 {      height: 300px;}

}


/* swiper */

div.front-page div.swiper-pagination {  position: relative;    margin-top: 25px;   margin-bottom: 40px;   bottom: 0;}
div.front-page div.swiper-pagination span.swiper-pagination-bullet{    width: 20px; height: 20px;     background: #00202B; }
div.front-page div.swiper-pagination span.swiper-pagination-bullet:hover,
div.front-page div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00202B; }
div.swiper-pagination span.swiper-pagination-bullet:hover,
div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00202B; }

.swiper {
     width: 100%;
     height: 100%;
   }

   .swiper-slide {
     text-align: center;

     /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
   }

   .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   .swiper-slide {
   }


/* swiper */

.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}



body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: 3rem; }
    .sl-wrapper .sl-close:focus {
      outline: none; }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem; }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -22px;
      height: 44px;
      width: 22px;
      line-height: 44px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: Arial, Baskerville, monospace;
      color: #000; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: 2rem; }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: 2rem; }
      .sl-wrapper .sl-navigation button:focus {
        outline: none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 3rem; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 3rem; }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 3rem; } }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; }
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #000;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }



.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #00202B;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #00202B;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}