 /*
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: 'Raleway','Poppins', sans-serif;    margin: 71px 0 0 0!important;  color:#000000;font-size: 16px;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #C6566A;}
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-family: 'Poppins';    font-weight: 700; color:#000000;}
h1 {font-weight: 700; font-size: 50px; line-height: 108.68%; letter-spacing: 0.015em; color: #545454;}
h2{font-weight: 600; font-size: 36px; line-height: 44px; color: #C6566A;}
h3{font-weight: 600; font-size: 22px; line-height: 118.9%; color: #2F3131;}
h4{font-weight: 600;font-size: 36px;line-height: 65px;}
h5{margin: 0;}
input[type="submit" i],
a.cta,
h5 a{ font-family: 'Raleway','Poppins', sans-serif;  background: #C6566A;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.75);border-radius: 24px;font-weight: 600;font-size: 22px; line-height: 1.2;color: #FFFFFF!important; text-decoration: none; padding: 10px 20px; margin: 20px auto 20px; display: table;}
b, strong{font-weight: 600;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {    padding: 70px 0 20px; color: #fff; background: #2F3131;}
footer a{color: #fff!important;text-decoration: none;}
footer ul{    list-style: none; padding: 0; font-family: 'Poppins'; font-weight: 300; font-size: 20px; line-height: 30px;    margin: 00 0 6px;}
footer .iflex:nth-of-type(2)  ul{     margin-bottom: 35px;}
footer li{color: #fff;}
footer li a{color: #fff; text-decoration: none;}
footer li ul{font-weight: 275;font-size: 18px;line-height: 27px;padding-left: 23px; padding-bottom: 7px;}
footer li li{color: #fff;}
footer h4{color: #fff;    margin: 0;font-weight: 500;font-size: 30px;line-height: 45px;    padding-bottom: 14px;}
footer .iflex:nth-of-type(1) h4{padding-bottom: 0;}
footer h4 a{color: #fff;}
footer p {font-weight: 300;font-size: 21px;line-height: 30px;}
footer .flex .iflex{    margin: 0 3% 20px;}
span.copy {display: block;text-align: center;  font-family: 'Raleway';font-style: normal;font-weight: 300;font-size: 20px;line-height: 23px;}
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1145px;margin: 0 auto;max-width: 100%;}
.bk10 div.centro,
.bk5 div.centro,
.bk3 div.centro,
.bk1 div.centro {width: 1200px}
nav div.centro {width: 1300px; max-width: 98%;}

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: #fff; font-family: 'Poppins';   }
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: #C6566A; }
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: 23px 2%; 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:nth-last-of-type(1){  }
nav.navbar #navbar ul li a{color: #000;text-decoration: none;font-weight: 300;font-size: 16px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #000; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #C6566A; }
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{    padding: 10px;text-align: left;}
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: 27.33%;  margin: 3%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }


.bk1{background-size: cover;background-position: center right;    min-height: calc(100vh - 71px);}
.bk1 .caja1{    padding-top: 50px;max-width: 710px;font-family: 'Poppins'; font-weight: 400; font-size: 22px; line-height: 118.9%; color: #2F3131;}
.bk1 .caja2{    max-width: 593px;font-family: 'Poppins'; font-weight: 400; font-size: 16px; line-height: 118.9%; color: #2F3131;padding-top: 50px;padding-bottom: 50px;}
form{}
p > span.wpcf7-form-control-wrap{display: inline-block;width: 50%; }
p > span.wpcf7-form-control-wrap[data-name="mensaje"]{ width: 100%; }
form input[type="text" i], .wpcf7 input[type="email"], textarea{padding:8px 5%;background: rgba(232, 231, 231, 0.85);    font-family: 'Poppins'; font-weight: 300; font-size: 16px; line-height: 1.2; color: #2F3131;    border: 0;   width: 81%; margin-bottom: 20px;}
textarea{        width: 90%;  padding: 8px 3%;resize: none;}
input[type="submit" i]{    border: none;font-family: 'Raleway'; font-style: normal; font-weight: 400; font-size: 22px; line-height: 1.2;   align-items: center;}
span.wpcf7-list-item{margin: 0;}
span.celdax.esp a {font-weight: 200;font-size: 14px;line-height: 16px;  align-items: center;color: #000000;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color: #C6566A;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{    right: 0px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;}

.bk2{    margin: 100px 0;}
.bk2 h2{    margin: 7px auto 100px; max-width: 730px;}
.bk2 h4{    margin: 0;font-weight: 400; font-size: 26px; line-height: 118.9%; color: #979797;}
.bk2 .iflex{background-size: cover;background-position: center;}
.bk2 .iflex p{    font-family: 'Poppins'; font-style: normal; font-weight: 400;   text-align: justify; color: #000000;}
.bk2 .iflex p:nth-of-type(1){ margin-top: 0;}
.bk2 .iflex p:nth-last-of-type(1){ margin-bottom: 0;}

.bk3{background-size: cover;background-position: center;padding: 50px 0 50px;position: relative;    }
.bk3:after{content:'';background: rgba(232, 231, 231, 0.85); position: absolute; top: 0; left: 0;   width: 100%; height: 100%; z-index: 1;}
.bk3 *{position: relative; z-index: 2;}
.bk3 h5 a{ padding: 10px 60px;}

.bk4{}
.bk4 h4{    text-align: center;}

.bk5{    font-family: 'Poppins';   font-style: normal; font-weight: 400; text-align: justify; color: #FFFFFF;}
.bk5 h2{color: #FFFFFF;    margin-bottom: 50px; margin-top: 0;}
.bk5.bk8 h2{color: #C6566A;}
.bk5 h5 a{    font-size: 22px; line-height: 1.2; padding: 10px 40px;     margin-top: 75px; font-weight: 600;}
.bk5.bk8 h5 a{      padding: 10px 40px; max-width: 333px}
.bk5 .caji{    max-width: 618px;padding: 75px 0; float: right;}
.bk5.bk8 .caji{ float: none;}
.bk5 .flex{}
.bk5 .iflex{background-color: #2F3131; background-position: center; background-size: cover;    width: 44%;   padding: 3%; margin: 0;}

.bk6{}
.bk6 h4{    text-align: center; color: #AF5362; margin-top: 100px;}
.bk6 .iflex{    margin-bottom: 150px;}
.bk6 .iflex:nth-last-of-type(1){margin-bottom: 50px;}
.bk6 .iflex > img{    display: block; margin: 0 auto 40px;}
.bk6 .iflex ul{   padding: 18px; width: 607px; margin: 0 auto; max-width: 96%;text-align: justify;}
.bk6 .iflex ul li{padding-bottom: 10px; font-family: 'Poppins'; font-style: normal;  color: #2F3131;list-style: none; }
.bk6 .iflex a{font-family: 'Poppins'; font-style: normal; font-weight: 400;  color: #AF5362; display: block;  text-align: center;}
.bk6 .cta{    margin: 100px auto 100px;   padding: 10px 40px;}

.bk8{color: #2F3131;}
.bk8 .iflex{background-color:rgba(255, 255, 255, 0.85); background-position: center; background-size: cover;}
.bk8 h5 a{ }

.bk9{background: #C6566A;}
.bk9 h4{color: #FFFFFF;    text-align: center; padding-top: 100px; padding-bottom: 50px;}
.bk9 .clien{    max-width: 949px; margin: 0 auto;overflow: auto;   font-family: 'Poppins';    text-align: justify;   color: #fff; }
.bk9 .clien img{    display: block; margin: 0 auto 30px; height: 93px;width: auto; }
.bk9 .clien p{ }
.bk9 .clien .perso{  }
.bk9 .clien .perso img{    float: left;   display: inline-block; margin-right: 35px; border-radius: 100%;}
.bk9 .clien .perso .cont{padding: 9px 0 0 0; }
.bk9 .clien .perso .cont p{margin: 0}

.bk10{}
.bk10 h4{    text-align: center;}
.bk10 h3{      text-align: justify;}

.bk5 ul{}
.bkp6 ul li,
.bk5 ul li{position: relative;list-style: none;}
.bkp6 ul li:before,
.bk5 ul li:before{content:''; background-image: url('images/listado1.png');    display: block; width: 16px;height: 16px; background-size: cover; position: absolute; left: -27px;   top: 4px;}

.bk6 ul{}
.bkp5 ul li,
.bkp5 ul li,
.bkp2 ul li,
.bk6 ul li{position: relative;list-style: none;}
.bkp5 ul li:before,
.bkp2 ul li:before,
.bk6 ul li:before{content:''; background-image: url('images/listado2.png');    display: block; width: 20px; height: 17px; background-size: cover; position: absolute;     left: -28px; top: 3px;}
.bkp.bkp3 {padding: 50px 0;}

.swiper.onlyone {width: 700px;max-width: 96%;}

.page-page-plantilla-php p{font-family: 'Poppins';font-style: normal;font-weight: 400;text-align: justify;}
.page-page-plantilla-php .bkp1{height: 70vh;background-size: cover;background-position: center;}
.page-page-plantilla-php .bkp2{padding: 50px 0}
.page-page-plantilla-php .bkp2 .centro{    width: 750px;}
.page-page-plantilla-php .bkp2 h5{    margin-top: 50px;}
.page-page-plantilla-php .flex2 .iflex{background-position: center;background-size: cover;width: 44%;padding: 3%;margin: 0;}
.page-page-plantilla-php .caji {max-width: 618px;float: left; padding: 20px 0;text-align: justify;}
.page-page-plantilla-php .bkp3{color:#fff; }
.page-page-plantilla-php .bkp3 h2{color:#fff; }
.page-page-plantilla-php .bkp3 h3{color:#fff; }
.page-page-plantilla-php .bkp3 h4{font-weight: 600;font-size: 36px;line-height: 44px; color:#fff;margin: 0;}
.page-page-plantilla-php .bkp3 strong{color:#fff;}
.page-page-plantilla-php .bkp3 li{margin: 20px 0}
.page-page-plantilla-php .bkp4{padding: 50px 0}
.page-page-plantilla-php .bkp5{}
.page-page-plantilla-php .bkp5 .centro{ background: rgba(232, 231, 231, 0.85); }
.page-page-plantilla-php .bkp5 .centro h3{ color: #C6566A; font-weight: 600;font-size: 24px;}
.page-page-plantilla-php .bkp6{color:#fff; }
.page-page-plantilla-php .bkp6 h2{color:#fff; }
.page-page-plantilla-php .bkp6 h3{color:#fff; }
.page-page-plantilla-php .bkp7{}
.page-page-plantilla-php .bkp7 h4{text-align: center;}
.swiper-button-next,
.swiper-button-prev{display: none!important}
.bkp8{padding: 50px 0}
.bkp8 .centro{ width: 600px}

.page-plantilla-landing-php{}
.page-plantilla-landing-php .bkp2{    padding: 100px 0 0;}
.page-plantilla-landing-php .bkp2 h4{    margin: 0;font-weight: 400;font-size: 26px;line-height: 118.9%;color: #979797;}
.page-plantilla-landing-php .bkp2 h2{    margin: 7px auto 100px;max-width: 730px;}
.page-plantilla-landing-php .bkp3 p{    font-family: 'Poppins';font-style: normal;font-weight: 400;text-align: justify;color: #000000;}
.page-plantilla-landing-php .bkp4{padding: 20px 0; background-size: cover; background-position: center; margin-top: 40px;}


.swiper-wrapper{    align-items: 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;   background: #fff;}
}
@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: #FFFFFF;height: 64px;}
  nav.navbar.abrir {background:  #fff; 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{ }
  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;display: block;}
  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: #333E48; }

  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){ display: none}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){   transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){   transform: rotate(1deg); top: -11px; position: relative;}

}

/*Cabecera Movil*/

@media (max-width: 1250px) {
  div.centro{        width: 92%!important;;}
  .bk6 div.centro{        width: 86%!important;;}
  .bk2 .iflex { background-size: 100% auto; background-repeat: no-repeat;}
}

@media (max-width: 1090px) {

  .bk1{background-position: center ;   }
}

@media (max-width: 700px) {
  .bk2 .iflex { background-size: contain;}
  h1{font-size: 38px;line-height: 1.2;}
  h2{font-size: 28px;line-height: 1.2;}
  h3{font-size: 20px;line-height: 1.2;}
  .bk1 .caja1{ font-size: 20px; line-height: 1.4;}
  .bk1 .caja2{margin: 0; font-size: 18px; line-height: 1.4; padding: 0;}
  input[type="submit" i] {width: 100%;font-size: 16px;}
  .flex2 .iflex{    width: 96%;}
  .bk2 .iflex {     min-height: 500px; margin-bottom: 100px;}
  .bk6 .cta{font-size: 22px;line-height: 1.3;}
  input[type="submit" i], a.cta, h5 a {font-size: 22px;line-height: 1.3;padding: 10px 5px;}
  .flex3 .iflex,
  .bk5 .iflex{width: 88%; padding: 0% 6%;}
  .bk9 .clien .perso img {float: none;margin: 0 auto;display: table;}
  .bk5.bk8.bk {  padding-top: 100px;}
  .bk10 h3 {font-size: 20px;line-height: 1.2;}


  span.copy{font-size: 14px;}

  .page-page-plantilla-php .flex2 .iflex{    width: 94%;    min-height: 40vh;}

  .page-page-plantilla-php .bkp1{height: 30vh;}

}

/* 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: 15px; height: 15px;  }
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: #C6566A; }
div.bk9 div.swiper-pagination span.swiper-pagination-bullet:hover,
div.bk9 div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; }

.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: #C6566A;}
.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: #C6566A;}
.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;}
