/*
Theme Name: La Barba Del SEO V2 PHP8
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta conmigo rn@raulnarros.com
Text Domain: LaBarbaDelSEO
*/
#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: 'Dosis', 'Nokora', sans-serif;    margin:0!important;  color:#252E39;font-size: 24px;     font-weight: 300;}
body.customize-support .navbar-fixed-top{}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #607992;}
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{font-family: 'Nokora';     color:#607992;;}
h1 {font-weight: bold;font-size: 60px;line-height: 70px; letter-spacing: 0.015em; color: #FFFFFF;border-bottom: 1px solid;}
h2{ font-weight: bold;font-size: 55px;line-height: 65px;}
h2:after{ content:'';background-image: url('images/PINCEL-AZUL 1.svg');     height: 30px; width: 100%;   display: block;   background-repeat: no-repeat; background-position: center;}
h2.tcent{ text-align: center;}
body.page:not(.home) h1{ font-family: 'Dosis', 'Nokora', sans-serif;  color:#252E39; }
body.page:not(.home)  h2{ font-family: 'Dosis', 'Nokora', sans-serif;  }
h3{ font-weight: 600;font-size: 36px;    line-height: 1.2;}
h4{ color: #252E39; font-weight: bold;font-size: 40px;line-height: 118.9%;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 83px 0 32px; background: #252E39; color: #FFFFFF;    margin-top: 130px;}
footer h3 {font-weight: bold;font-size: 36px;line-height: 46px; color: #FFFFFF;     margin: 15px 0;}
footer a {color: #FFFFFF!important;}
footer .iflex:nth-of-type(1) {font-size: 31px;line-height: 39px; }
footer .iflex {font-size: 24px;line-height: 30px; font-weight: 300;}
.foo2{font-weight: 300;font-size: 19px;line-height: 30px;}
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1300px;margin: 0 auto;max-width: 100%;}
div.centro.centromin {width:965px;    max-width: 94%; }
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}

a.instagramheader { display: block; float: right; margin-top: 25px;     text-decoration: none;}
a.instagramheader span{    position: relative; top: -16px; left: -20px;  }
a.instagramheader img{  }

/* Flex */
.flex{display: flex;flex-wrap: wrap;     align-items: stretch;  justify-content: space-around;}
.flex .iflex{flex-direction: column;}
.flex2 .iflex{ width: 42%;   margin: 2%; padding: 20px 2% 20px;}
.flex3 .iflex{ width: 29.33%;  margin: 1%;padding: 1%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }

footer .flex3 .iflex{ width: 29.33%;  margin: 0%;padding: 0%;}

.bk1{    position: relative;   z-index: 1;     background-size: cover;   background-position: center; }
.bk1:after{ content:''; background: rgba(70, 85, 100, 0.85);     position: absolute;   height: 100%;   width: 100%;   top: 0;   z-index: 2;}
.bk1 .centro{      height: 89vh;  position: relative;   z-index: 3;  }
.bk1 .personas{     position: absolute;   height: 500px;   width: 100%;   background-size: contain; background-position: right; background-repeat: no-repeat; bottom: 0;  }
.bk1 .lateral{      height: 96%; width: 133px; background-size: contain; top: 2%; margin: auto; background-position: right center; background-repeat: no-repeat;    position: absolute;   right: 0;}
.bk1 .flecha{     position: absolute; bottom: 15px; right: 0; left: 0; margin: 0 auto; display: block; height: 30px; width: 30px; background-image: url('images/FLECHA.svg');    background-size: contain;    z-index: 999999999;}
.bk1 .contenidos{     max-width: 765px; color: #fff;     padding: 18vh 0 18vh;    z-index: 99999999;   position: relative; }
.bk1 .contenidos h1{   }
.bk1 .contenidos h1:after{ content:'';  }
.bk1 .contenidos p{     margin: 0 3%;  }

div.page{ background-image: url('images/fondo.png');     background-size: contain;   background-position: top center;}

.bk2{    padding-top: 120px;}
.bk2 .iflex{    background: #607992; color: #fff;}
.bk2 .iflex h3{    margin: 0;    min-height: 87px;}
.bk2 .iflex p{    margin: 0;}
.bk2 .cita {    margin: 59px auto 170px;     display: table;}
.bk2 .cita h4{    margin: 0;}
.bk2 .cita h4:nth-of-type(2){    margin-left: 124px;}

.bk3{margin-bottom: 130px;}
.bk3 .flex{align-items: center;}
.bk3 .iflex{}
.bk3 .iflex:nth-of-type(1){ background-image: url('images/GICONOS-02.png');     width: 6%;   background-position: center;background-repeat: no-repeat;   background-size: 100%;    height: 100px;     margin: 0;}
.bk3 .flex:nth-of-type(1) .iflex:nth-of-type(1){ background-image: url('images/GICONOS-02.png');}
.bk3 .flex:nth-of-type(2) .iflex:nth-of-type(1){ background-image: url('images/GICONOS-03.png');}
.bk3 .flex:nth-of-type(3) .iflex:nth-of-type(1){ background-image: url('images/GICONOS-04.png');}
.bk3 .flex:nth-of-type(4) .iflex:nth-of-type(1){ background-image: url('images/GICONOS-05.png');}
.bk3 .flex:nth-of-type(5) .iflex:nth-of-type(1){ background-image: url('images/GICONOS-06.png');}
.bk3 .iflex:nth-of-type(2){width: 31%;     margin-left: 0;   padding-left: 0;  }
.bk3 .iflex:nth-of-type(2) span{  font-weight: bold; font-size: 35px;     line-height: 37px; color: #FFFFFF; background-image: url('images/pincel2.png');padding: 2px 27px;   display: block;background-size: contain; }
.bk3 .iflex:nth-of-type(3){       width: 57%;   padding: 0;    text-align: justify;}

.bk4{    background: #607992;   color: #fff; max-width: 430px;   margin: 0 auto; padding: 40px 40px 3px; font-size: 12px;}
.bk4 h2{    color: #fff;   font-family: 'Dosis';   font-style: normal; font-weight: 600;   margin: 0;   font-size: 48px; line-height: 65px;   text-align: center;}
.bk4 h2:after{ background-image: url('images/PINCEL-BLANCO 1.svg'); }
.bk4 input[type="text"] ,
.bk4 input[type="email"] {    border-top: 0;   border-left: 0;   border-right: 0;   border-bottom: 1px solid #fff;   background: transparent;   padding: 5px 2%;   color: #fff; margin-top: 30px;   width: 96%;}
.bk4 input[type="submit"] {    background: #fff; color: #607992;   border: 0;   width: 90%;   padding: 16px 0; margin: 30px auto 0; display: table; font-size: 20px;}
  .bk4 input[type="text"]::placeholder ,
  .bk4 input[type="email"]::placeholder {color:#ffffffd6}
.bk4 .celdax .wpcf7-list-item{margin: 0}
.bk4 .celdax {    display: block;   margin: 30px 0;}
.bk4 .celdax a{   color:#FFF!important}

  .bk4 input[type="checkbox"]{}

@media (max-width: 1250px) {
  div.centro{    width: 94%;     height: auto!important;}
  h1{    font-size: 54px;   line-height: 1.2;}

  .bk1 .contenidos{    max-width: 700px;}

}

@media (max-width: 1150px) {
  footer .flex3 .iflex{    width: 100%;   text-align: center;}
    .bk2 .cita{display: table;     max-width: 90%;   text-align: center;}
}


@media (max-width: 980px) {
  .bk3 .flex{justify-content: center;}
  .bk3 .iflex:nth-of-type(1){    width: 70px;}
  .bk3 .iflex:nth-of-type(2){ width: 299px;}
  .bk3 .iflex:nth-of-type(3){    width: 90%;}
}


@media (max-width: 900px) {
  .bk1 .personas{    height: 300px;   width: 75%;}
  .bk1 .lateral{    right: -14px;}
  .bk1 .contenidos{    padding: 50px 0 300px;    max-width: 96%;}

  .flex2 .iflex{    width: 90%;}
  .bk2 .iflex h3{    min-height: auto;}

  h2:after{    margin: 0 auto;   display: block; background-size: cover;}
.bk2 .cita h4:nth-of-type(2){margin: 0;}
}

@media (max-width: 500px) {
.bk1 .lateral{ display: none;}
  h1 {  font-size: 42px;  line-height: 1.2}
  h2 {font-size: 39px;line-height: 1.2;}
  body{    font-size: 19px;}
  .bk1 .personas{       background-position: center;width: 100%;}
  a.instagramheader span{display: none;}
  .bk3 .iflex:nth-of-type(1){    width: 60px;}
  .bk3 .iflex:nth-of-type(2){    width: 260px;}
  .bk3 .iflex:nth-of-type(2) span{    line-height: 1.2;   font-size: 26px;}
  footer h3{    font-size: 27px; line-height: 1.2;}
  .bk2 {            padding-top: 60px;}
  .bk2 .iflex h3{        font-size: 27px;   line-height: 1.2;}
  .bk2 .cita h4{        font-size: 27px;   line-height: 1.2;}
.bk2 .cita{    margin-bottom: 70px;}

}