/*
Theme Name: La Barba Del SEO
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta conmigo rn@raulnarros.com
Text Domain: LaBarbaDelSEO
*/

body{ font-family: 'Prompt', sans-serif;    margin: 77px 0 0 0!important;  color:#fff;font-size: 14px; background: #1B1A1F;    line-height: 1.4;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #C9B099;}
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: 300; color:#C9B099;}
h1 {font-weight: 200;line-height: 1.2; font-size: 72px; }
h2{ font-size: 33px;line-height: 1.2;     margin-top: 0;}
h3{ font-weight: 200;font-size: 40px;line-height: 1.2; }
b, strong{font-weight: bold; color:#C9B099;}
.limpiar{clear: both;}
.righ{text-align: right;}
.autor{font-size: 8px}
footer {background: #1B1A1F;  padding: 10px 0px;color: #FFFFFF;font-size: 10px;line-height: 15px;text-align: right;}
footer a{color: #FFFFFF!important;}
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
nav div.centro {position: relative;}
iframe{display: block; width: 100%;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 99;background: #1B1A1F;  }
body.wordpress nav.navbar.fixed {  }
nav.navbar .navbar-header{float: left;width: 20%;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;    top: 8px; background: transparent; border: 0;right: 15px;border-radius: 27px;padding: 8px 11px 12px 11px;     }
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: 22px; height: 3px; border-radius: 1px; background: #C9B099;}
nav.navbar .navbar-header a.navbar-brand{    font-weight: 200; font-size: 32px; line-height: 48px; color: #FFFFFF;    text-decoration: none;display: block;     padding: 27px 0 0;}
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{ position: relative;width: auto;margin: 0px 1%;padding: 5px 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: 300; font-size: 18px; line-height: 27px; color: #C9B099; display: block;     padding: 30px 5px 10px 5px;}
body.wordpress nav.navbar.fixed #navbar ul li a{ }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{}
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{}
nav.navbar #navbar ul li ul li a{}
nav.navbar div.bloqueidiomas{    position: absolute; top: 0; right: 0;}
nav.navbar div.bloqueidiomas div.wpml-ls-legacy-list-horizontal{    border: 0;   padding: 0; clear: none;     display: inline-block;}
nav.navbar div.bloqueidiomas div.wpml-ls-legacy-list-horizontal ul{    display: block!important;}
nav.navbar div.bloqueidiomas div.wpml-ls-legacy-list-horizontal ul li{    display: inline-block;   padding: 0; margin: 0;}
nav.navbar div.bloqueidiomas div.wpml-ls-legacy-list-horizontal ul li a{    font-size: 14px;      padding: 6px 5px;   color: #C9B099;text-transform: uppercase;}
nav.navbar div.bloqueidiomas div.wpml-ls-legacy-list-horizontal ul li a .wpml-ls-display{ display: none;}

.icor{background-image: url('images/ig.svg');width: 15px; height: 17px; display: inline-block;   background-repeat: no-repeat;   background-position: center;     position: relative;   top: 4px;}
.fb{  background-image: url('images/fb.svg');}

/* Flex */
.flex{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end;    justify-content: center;}
.equipo .flex{     justify-content: flex-start;}
.flex .iflex{flex-direction: column;}
.flex1 .iflex{     width: 96%;  margin: 1%;padding: 1%;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{     width: 23.33%; margin: 4%; padding: 1%;}
.equipo .flex3 .iflex{      width: 29.33%; margin: 1%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }

.bk{background-position: center; background-size: cover; padding: 140px 0; }
.bk1{   padding-bottom: 0; padding-top: 50vh;    overflow: hidden; position: relative;}
.bk1 .izq{     background: rgba(27, 26, 31, 0.9); max-width: 290px; padding: 30px;    font-size: 16px;line-height: 24px;color: #C9B099;}
.bk1 .izq H1{ color: #FFFFFF; margin: 20px 0;}
.bk2{ background-image: url('images/fondo2.png');}
.bk2 iframe{ height: 550px; margin-bottom: 50px;}
.bk3{ background-image: url('images/fondo3.png');    padding-top: 70px;}
.bk3 img{  display: block; width: 100%;     margin-top: -46px;    padding-bottom: 50px;}
.equipo{}
.equipo h3{    margin: 0; font-size: 20px;}
.bk4{ background-image: url('images/fondo4.png');}
.cen{ background: rgba(27, 26, 31, 0.9); max-width: 550px; padding: 30px; font-size: 16px; line-height: 24px; margin: 0 auto;}
.cen ul{     padding-left: 21px;}
.bk4 .iflex{ }
.bk4 .iflex h3{ }
.bk4 .iflex a{ }
.bk5{ background-image: url('images/fondo5.png');}
.bk5 .iflex{ font-size: 14px;line-height: 21px;text-align: center; color: #FFFFFF; }
.bk5 .iflex h3{     margin: 0; text-align: center; font-weight: 200; font-size: 40px; line-height: 40px; color: #C9B099;}
.bk5 .iflex p{     margin-top: 0; }
.bk5 .iflex a{color: #FFFFFF; text-decoration: none;}
.bk6{ background-image: url('images/fondo6.png');}
.bk6 .iflex{ background-image: url('images/icoprensa.png');       font-size: 20px; line-height: 30px; text-align: center; color: #FFFFFF; padding-top: 300px; background-position: top center; background-repeat: no-repeat; background-size: contain;}
.bk6 .iflex:nth-of-type(2){ background-image: url('images/icotrailer.png');   }
.bk6 .iflex:nth-of-type(3){ background-image: url('images/icodossier.png');  }
.bk6 .iflex a{     font-size: 20px; line-height: 30px;   text-align: center; color: #FFFFFF; text-decoration: none;}
.pie{ background-position: center; background-size: cover; padding: 140px 0; background-image: url('images/fondo7.png');}
.bk7{background-image: url('images/petrus_01.jpg');      background-position: right center;}
.cen2{    max-width: none;   padding: 40px 50px; }

.homep{}
.homep .iflex{}
.homep .iflex img{    display: block; width: 100%;}
.homep .iflex h2{}
.homep .iflex a{    color: #C9B099;}

.ancla:before {display: block;     content: " ";margin-top: -70px;       height: 70px;  visibility: hidden; }

.cerrar{display: none;}
.equit{    position: relative; padding-left: 40px;}
.equipo .iflex:nth-of-type(1) ,
.equipo .iflex:nth-of-type(2){     width: 46%; }
.equipo .iflex:nth-of-type(1) .equit img,
.equipo .iflex:nth-of-type(2) .equit img{    }
.equipo .iflex:nth-of-type(1) .equit h3,
.equipo .iflex:nth-of-type(2) .equit h3{     font-size: 28px;    width: 350px;   }
.equit h3{}
.equit img{    /*width: 250px;*/ margin: 0; padding-bottom: 10px;}
a#equi{ cursor: pointer;    font-weight: 300; color: #C9B099; font-size: 60px; LINE-HEIGHT: 1; position: absolute;     bottom: -3px; left: 6px;}
a#equi.equicerra{    left: auto;    top: 0; right: 20px;   bottom: auto;}
div.equic{background: #141414; margin: auto; width: 750px; max-width: 90%;     position: fixed; left: 0; right: 0; max-height: 90%; color: #FAFAFA; padding: 70px; border-radius: 35px; top: 0; bottom: 0; max-height: 422px;    overflow: scroll;     z-index: 898;}

footer .izq {float: left;}
footer .izq p{text-align: left;font-weight: 300;color: #C9B099;font-size: 15px;margin-bottom: 0;}
footer .izq img{    max-width: 150px;   margin-right: 20px;margin-top: 10px;}
.legal {  padding: 45px 0px 10px;}

.pie .izq {  width: 600px;max-width: 80%;}

#video_background {
 position: absolute;
 bottom: 0px;
 right: 0px;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -1000;
 overflow: hidden;

 left: -1%;
width: 102%;
top: 0;
margin: auto!important;
 }
 #video_pattern {
 background:#fff;
 position: fixed;
 opacity: 0.8;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 1;
 }

@media (min-width: 1101px) { nav.navbar .navbar-header button.navbar-toggle{display: none;} }

@media (max-width: 1100px) {
    .navbar-inverse .navbar-brand{padding: 0;}
    ul.navbar-nav{margin: 0;}
    nav.navbar div#navbar{position: fixed; width: 100%; background: #fff; top: 57px; z-index: 99999999999; margin: 0px 0 00 0; right: 0; float: none; border: 0 solid #000; padding: 0;}
    nav.navbar div#navbar.cerrado{    display: none;}
    nav.navbar #navbar ul li{    text-align: center;width: 100%;}
    nav.navbar #navbar ul li a {    color: #000;    font-size: 25px; padding: 14px 0;}
    div.equic{      top: 10%;   max-height: 80%; width: 80%;     padding: 15% 5% 5%; margin: 5% auto;}
    nav.navbar div.bloqueidiomas {    right: AUTO;
    top: 5px;}
}

@media (max-width: 1200px) {
    div.centro{    width: 92%;}
}
@media (max-width: 700px) {
    .flex3 .iflex{ padding-top: 100px; background-size: 100px;    width: 29.33%; margin: 1%;}
    .equipo .flex3 .iflex{ width: 46%; padding-top: 0px;}
    .flex4 .iflex{    width: 48%; margin: 1%;}
    .bk3{padding-top: 0}
    .bk1{    padding-top: 30vh;}
    .flex5 .iflex{    width: 48%;}
    #video_background {    min-height: auto;  max-height: fit-content;  width: 200%;left: -50%;bottom: auto;top: 0;}
}
@media (max-width: 500px) {
    .flex2 .iflex{    width: 96%; }
    .bk6 .iflex{   }
    .equipo .flex3 .iflex{ width: 96%; }
    .flex5 .iflex{    width: 98%;}

    footer .flex .iflex{      width: 100%; text-align: center; margin: 10px 0; }
    footer .izq img{   }

    .equipo .iflex:nth-of-type(1) .equit h3, .equipo .iflex:nth-of-type(2) .equit h3
    {    font-size: 20px;}
    .cen2{    padding: 20px 15px;}
    .bk4 .cen{    padding: 20px 15px;}
    .pie .izq {  max-width: 90%;}
    footer .izq p{text-align: center;}
}