/*
Theme Name: CodeBreaker
Theme URI: https://www.facebook.com/cristtofer.choque
Author: Cristtofer Bryan
Author URI: https://www.facebook.com/cristtofer.choque
Description: Solo un hombre que ha sentido la máxima desesperación es capaz de sentir la máxima felicidad. Es necesario haber deseado morir para saber lo bueno que es vivir. (El conde de Monte Cristo de Alexandre Dumas)
Version: 2.2
License: NO COMERCIABLE
Tags: #TheMarMot, #CodeBreaker black, gray, orange, white, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: CodeBreaker

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*=====0=========0=======
        WORDPRESS CORE
==========0===0=========*/

/*todos estos estilos es lo que nesesita el editor de wordpres*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border-width: 1px; border-style: solid; max-width: 96%;
    padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
body { overflow-x: hidden; }
.post-password-form input[type="submit"] { margin-left: 20px; margin-bottom: 0px; }
.post-password-form input[type="password"] { margin-left: 10px; padding: 10px 15px; }
.pre_header .container:before,
.pre_header .container:after { display: none; }
h1.entry-title { height: auto; }


.clr_title {
	color: #940533
}

h3.wpb_accordion_header.ui-accordion-header {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #940533;
    margin-top: 0;
padding-bottom: 5px;
    margin-bottom: 20px !important;
    position: relative !important;
}
h3.wpb_accordion_header.ui-accordion-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 2px;
    background: #faa82e;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    padding-left: 0;
    padding-bottom: 0 !important;
}
/*=====0=========0=======
            TIPOGRAFIA
==========0===0=========*/

div#display_noticias_home .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover .vc_pageable-slide-wrapper.vc_clearfix {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div#display_noticias_home .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover .vc_pageable-slide-wrapper.vc_clearfix:before,
div#display_noticias_home .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover .vc_pageable-slide-wrapper.vc_clearfix:after,
div#display_noticias_home .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover .vc_pageable-slide-wrapper.vc_clearfix > p {
    display: none;
}


div#display_noticias_home .vc_gitem-zone-mini .vc_gitem_row.vc_row.vc_gitem-row-position-top:nth-child(2) {
    background: white;
    padding: 20px 20px 5px;
    border-radius: 4px;
    width: 85%;
    margin: auto;
    position: relative;
    top: -75px;
    box-shadow: 4px 4px 20px #00000017;
    z-index: 99;
}

div#display_noticias_home h2 {
    font-size: 22px;
}
div#display_noticias_home p {
    font-size: 12px;
}

div#display_noticias_home .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-bottom: 0;
}


h1, .h1, h2, .h2, h3, .h3, h4, h5, h6 { color: #000;  font-family: 'Poppins', sans-serif; font-weight: bold;  }
p, em, span, div, input, div, code, section, aside, footer, body,  html, ul, li, ol {   font-family: 'Poppins', sans-serif;   }


/*ESTILOS GENERALES DE TEXTOS Y DE TITULOS*/

ul, ul li {
    font-size: 13px;
    color: #333;
}
p {
    margin: 0 0 13px;
    font-size: 13px;
    line-height: 1.7;
    color: #333;
    letter-spacing: .31px;
}
h1 {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 100;
}
h3 {    color: #002e5b;    font-size: 25px;    font-weight: 500;  }
h2 {
    font-size: 29px;
    font-weight: 600;
    color: #940533;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85px;
    height: 4px;
    background: #faa82e;
}
h2 span {
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
}

h2.center {
    text-align: center;
}
h2.center.blanco {
    color: #fff
}
h2.center:after {
    content: "";
    right: 0;
    margin: auto;
    height: 3px;
}
h2.center.blanco:after {
    /*background: #ffffff;*/
}


/*=====0==========0=======
              PRE - HEADER 
==========0===0=========*/

.social.flex p { color: #fff; }
.social.flex a {    color: #fff;    font-size: 16px;     height: 30px;    width: 30px;    display: inline-flex;    background: #940533;    margin-left: 3px;    text-align: center;    justify-content: center;    align-items: center;    border-radius: 50%; }
.pre_header{ background: #eaeaea; width: 100%; padding: 8px 0px;  position: relative;  z-index: 999;}
.pre_header p { margin: 0; color: #000; font-size: 13px; }
.info_preheader a { display: inline-block; width: auto; color: #000; margin:0 25px 0 0; font-size: 13px; font-weight: 400;}
.info_preheader  i{     font-size: 17px; color: #000; margin-right: 10px;}
.info_preheader a:hover, .pre_header a:hover { color: #82f5ad; }


/*   [  =========   PRE - HEADER EN TRASPARENTE  =========  ]   */

.pre_header_transparente {    height: auto;    position: absolute;    width: 100%;  }
.pre_header_transparente .pre_header {    background: transparent;    border-bottom: 1px solid #fff;    padding-bottom: 9px;   }
.pre_header_transparente .info_preheader i,
.pre_header_transparente .info_preheader a {    color: #fff;  }
.pre_header_transparente .social.flex a {    color: #000;olor: #940533;    background: #ffffff;   }


/*=====0=========0=======
      HEADER
==========0===0=========*/

/*   [  =========   ESTATICO  =========  ]   */

#header #menu>ul>li .sub-menu {
    display: none;
    width: 180px;
    position: absolute;
    top: 56px;
    left: 0;
    margin-bottom: 0;
    background-color: #002e5b;
}
#header #menu>ul>li .sub-menu li:first-child {    border-top: 1px solid #eee;   }
#header #menu>ul>li .sub-menu li {    border-bottom: 1px solid #ffffff;   }
#header #menu>ul>li .sub-menu {
    display: none;
    width: 180px;
    position: absolute;
    top: 74px;
    left: 0;
    margin-bottom: 0;
    background-color: #002e5b;
}
.navbar-nav>li>a {    padding-top: 40px;     padding-bottom: 40px; }
/*.navbar-nav>li:last-child > a {     padding-right: 0;  }*/

.navbar-default .navbar-nav>li>a {    color: #000;    font-size: 14.4px;    font-weight: 500;  }
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {    color: #940533;    background-color: transparent   }


/*   [  =========   MENU TRASPARENTE ESTATICO  =========  ]   */
.menu_transparente.menu-principal {
    background: transparent;
}
.menu_transparente.navbar-default .navbar-nav>li>a { color: #fff;   }
.menu_transparente .navbar-nav>li>a:hover {    color: #940533;    background-color: transparent   }



/*   [  =========   FIXED =========  ]   */

div#headerMenu {    background: #fff;  }
#headerMenu .navbar-nav>li>a {   /* padding-top: 25px;     padding-bottom: 25px;*/ }


/*   [  =========   MENU TRASPARENTE FIXED  =========  ]   */
#headerMenu.menu_transparente .navbar-nav>li>a { /*color: #000; */  }
#headerMenu.menu_transparente .navbar-nav>li>a:hover {    /*color: #940533;    background-color: transparent */  }


#header div#headerMenu .logo figure {
    margin: 10px 0 -10px;
    background-image: url(https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/logo_footer.png) !important;
    width: 130px;
    height: 60px;
    position: relative;
}
#header div#headerMenu .logo figure:after {
    content: "";
    position: absolute;
    width: 140%;
    height: 49px;
    background-image: url(https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/hondas.png);
    bottom: -17px;
    left: -20%;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}



/*==0====0===0====0=======
    BOTONES
=========0===0==========*/
a:hover, a:focus {    color: #940533;    text-decoration: underline  }
a:focus {    outline: thin dotted;    outline: 5px auto -webkit-focus-ring-color;    outline-offset: -2px }
p.btn {  margin: 0;  padding: 0; }
p.btn a {
    background: #940533;
    padding: 7px 40px;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    color: #fff;
    border-radius: 20px;
}
p.btn a:hover {    background: #fff;    color: #940533;  }

.boton {
    background: #940533;
    padding: 7px 40px;
    display: inline-block;
    font-size: 16px;
    /*margin-top: 15px;*/
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
}
.boton:hover {    background: #fff;    color: #940533;  }

/*=====0=========0=======
       JS COMPOSER
==========0===0=========*/

.wpb_wrapper {
    max-width: 1400px;
    margin: auto;
}
.vc_row[data-vc-full-width] {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


/*=====0=========0=======
      MASTER SLIDER
==========0===0=========*/

.ms-skin-default .ms-nav-prev {   width: 40px;  left: -60px;  }
.ms-skin-default .ms-nav-next {  width: 40px;  right: -60px;  }

.display_none {display: none;}



a.boton.slider {
    background: transparent;
    border: 2px solid #faa82e;
    color: #faa82e;
    font-weight: 600;
    padding: 6px 35px;
}



/*=====0=========0=======
      CONTACT FORM 7 
==========0===0=========*/
div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
    display: none;
}
div.wpcf7-validation-errors {
    border: none;
    background: #ff2e29;
    margin-top: 0px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 11px;
    border-radius: 7px;
    width: 95%;
    margin: 0;
}
div.wpcf7-mail-sent-ok {
    border: none;
    background: #139e04;
    margin-top: 0px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 11px;
    border-radius: 7px;
}
article.post .separator, article.page .separator {    display: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
    width: initial;
    padding: 7px 35px;
    background: #002e5b;
    color: #fff;
    font-size: 16px;
    transition: all .4s;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #002e5b;
}

textarea.wpcf7-form-control.wpcf7-textarea {    max-width: 100%;    max-height: 160px; }   
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {    background: #fff;    color: #002e5b;   }
input, button, select, textarea {    line-height: inherit;    width: 100%;    padding: 8px 20px;  }   
input.wpcf7-form-control.wpcf7-submit {
    background: #940533;
    border-radius: 3px;
    border: 1px solid #940533;
    border-radius: 10px;
}
input.wpcf7-form-control.wpcf7-submit:hover {    background: #fff;    color: #940533;  }

/*=====0=========0=======
            ESPACIADOS
==========0===0=========*/
#espacio-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#espacio-g {
    padding-top: 60px;
    padding-bottom: 60px;
}

.wpb_content_element:last-child {    margin-bottom: 0;  }
.the-content > .vc_row.wpb_row.vc_row-fluid {    padding-top: 40px;    padding-bottom: 40px;  }
.home  .the-content > .vc_row.wpb_row.vc_row-fluid:first-child {    padding-top: 0;  }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0;
}
.the-content > .vc_row.wpb_row.vc_row-fluid > .vc_column_container>.vc_column-inner {    padding-left: 25px;    padding-right: 25px;  }

.vc_row.vc_row-no-padding .vc_column-inner {    padding-left: 0 !important;    padding-top: 0;    padding-right: 0 !important;   }

/* [ TAMAÑO MAXIMO DEL CONTENIDOR ] */

.container {    max-width: 1100px;  }


/*==========0=========0============
        BANNERS DE TODAS LAS INTERNAS 
==============0===0===============*/
.home section.banner_internas_paginas {
    display: none;
}
.banner_internas_paginas {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner_internas_paginas header {
    padding-top: 60px;
    height: 650px;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    justify-content: flex-start;
}
.banner_internas_paginas header h1 {
    color: #fff;
    font-weight: 600;
    font-size: 45px;
    padding-bottom: 90px !important;
}

 .redes-flotantes {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 999;
}
.redes-flotantes a {
    color: #fff;
    margin-right: 12px;
    background: #b7275c;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;
    transition: all .4s;
}

/*=====0=========0=======
      BLOG
==========0===0=========*/

.blog_baner {
    background-image: url("http://localhost/CodeBreaker/mejora-theme/wp-content/uploads/2014/04/5744683415_f3c781a3f8_o1.jpg");
}
.single-post #section,
.blog #section {
    padding-top: 55px;
}
.diviciones_blog {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}
.diviciones_blog .the-content {    text-align: center;    padding: 0 20px 20px;  }
.diviciones_blog > article {    width: 47%;   margin-bottom: 25px;  }
.diviciones_blog .the-content {    text-align: center;    padding: 0 20px 20px;  }
.diviciones_blog .info-bar {    display: none;  }
.diviciones_blog .the-title {    padding: 0 15px;    font-size: 20px;  }
.diviciones_blog .the-content p {    font-size: 14px;  }
.diviciones_blog .the-content a {
    padding: 5px 15px;
    background: #940533;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid;
    transition: all .3s;
}
.paginacion_blog {
    width: 100%;
    margin-top: 20px;
}
.nav-links {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nav-previous span.meta-nav {
    width: 35px;
    display: inline-block;
    height: 24px;
    background-image: url(http://localhost/CodeBreaker/mejora-theme/wp-content/uploads/2018/05/left-arrow.png);
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: text-top;
}
.nav-next span.meta-nav {
    float: right;
    width: 35px;
    display: inline-block;
    height: 24px;
    background-image: url(http://localhost/CodeBreaker/mejora-theme/wp-content/uploads/2018/05/next.png);
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: text-top;
    background-position: right;
}



/*   [  =========   BLOG 100% EN COLUMNAS DE 3  =========  ]   */

.blog_completo.diviciones_blog > article {    width: 30%;   margin-bottom: 25px;  }

/*=====0=========0=======
      FOOTER
==========0===0=========*/


#footer .f-top .container {    padding-left: 15px;    padding-right: 15px;  }

/*TAMAÑO DE CELDAS*/
.f-top .flex-start > div {
    width: 25%;
}

footer .widget .widget-title {
   position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #ff4348;
    text-align: center;
}
.widget-list-ul ul, .widget ul, .widget.widget_nav_menu  ul {    color: #000;    font-size: 12px;}
.widget-list-ul ul li a, .widget ul li a, .widget.widget_nav_menu ul li a {    color: #000; }
.vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {    padding-right: 35px;     padding-bottom: 0;  }
.widget-list-ul ul li a:hover, .widget ul li a:hover, .widget.widget_nav_menu ul li a:hover {    color: #940533;  }
#section .widget .widget-title {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 7px;
    color: #002e5b;
    border-bottom: 1px solid;
}
#footer .f-top {    background-color: #fff;    padding: 40px 0 0;  }

#footer .f-top .container:after,
#footer .f-top .container:before {
    display: none;
}
#footer .f-top .container > div:nth-child(1) {
    width: 17%;
}
#footer .f-top .container > div:nth-child(2) {
        width: 60%;
    padding-left: 35px;
}
#footer .f-top .container > div:nth-child(3) {
    width: 18%;
}


#footer .f-top .container > div:nth-child(3) .flex {
    justify-content: flex-end;
}
#footer .f-top .container > div:nth-child(3) a {
    width: 30px;
    height: 30px;
    font-size: 15px !important;
    margin-right: 0;
    margin-left: 6px;
}



#footer .f-top .container > div:nth-child(2) .flex:nth-child(1) a {
    font-size: 12px;
    color: #333;
    font-weight: 500;
}
#footer .f-top .container > div:nth-child(2) .flex:nth-child(2) a, #footer .f-top .container > div:nth-child(2) .flex:nth-child(2) span, #footer .f-top .container > div:nth-child(2) .flex:nth-child(2) p {
    font-size: 10.6px ;
    margin: 0;
    color: #616161;
    margin-top: 15px;
}







.widget .widget-title:after,
.widget .widget-title:before {
    content: "";
    display: none;
}

.textwidget div a img {
    width: 31px;
    vertical-align: text-bottom;
    margin-right: 9px;
}

#footer .f-top i.fa {
    /*font-size: 20px;*/
    /*width: 30px;*/
    /*text-align: center;*/
    /*padding-right: 10px;*/
}

#footer .f-bottom {
    position: relative;
    background-color: #ffffff;
    font-size: 10px;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #8a003340;
    color: #616161;
    margin-top: 45px;
}

.widget {
    margin-bottom: 40px;
    position: relative;
    padding: 0 20px;
    text-align: justify;
}
.widget-list-ul ul li a, .widget ul li a, .widget.widget_nav_menu ul li a {
    text-transform: uppercase;
    color: #555;
    font-size: 13px;
    padding-right: 3px;
}

.f-top .flex-start > div.center {    width: 100%;  }




/* ======================================================================================

ESTILOS PERSONALISADOS PARA EL PROYECTO

=======================================================================================*/


/*MENU*/


.botones-header a {
        color: #fff;
    border-radius: 13px;
    padding: 5px 30px;
    margin: 0 10px;
    font-size: 13px;
    font-weight: 600;
}
.botones-header .sangre {
    background: #940533;
}
.botones-header .verde {
    background: #4fce5d;
}

.redes .linea {
    width: 150px;
    height: 2px;
    background: #fff;
    margin-top: 50px;
}
.redes h3 {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 0;
}
.redes .col-6 p {
    color: #fff;
}
.redes .col-6 a {
    color: #fff;
    font-size: 13px;
}
.redes .col-6 a:nth-child(1) {
    margin-right: 5px;
}
.redes .col-6 a:nth-child(2) {
    margin-left: 5px;
}

.redes .col-6:nth-child(2) a {
    font-size: 19px;
    font-weight: 600;
    background: #faa82e;
    color: #940533;
    border-radius: 50px;
    padding: 10px 20px;
    letter-spacing: 1px;
}
.redes .flex {
    justify-content: flex-start;
}
.redes .flex:nth-child(3) {
    margin-top: 20px;
}
.redes .flex:nth-child(3) a {
    color: #fff;
    margin-right: 12px;
    background: #b7275c;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: all .4s;
}

.redes .flex:nth-child(3) a:nth-child(1):hover {
    background: #395693;
}
.redes .flex:nth-child(3) a:nth-child(2):hover {
    background: #00a6e9;
}
.redes .flex:nth-child(3) a:nth-child(3):hover {
    background: #f60000;
}
.redes .flex:nth-child(3) a:nth-child(4):hover {
    background: #0077b0;
}
.redes .flex:nth-child(3) a:nth-child(5):hover {
    background: #24cc63;
}

div#headerMenu .botones-header .verde {
    display: none;
}

div#headerMenu .bt-menu {
    color: #000;
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid;
    padding-left: 1px;
}




.suscribir h3 {
    text-transform: uppercase;
    font-size: 21px;
    margin: 0;
}



























.col-6 {
    width: 48%;
}
.col-12 {
    width: 100%;
}








    

/*=====0=========0=======
      TODAS LA PAGINAS
==========0===0=========*/




.box-float {
    width: 540px;
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 46px 45px;
    left: 25%;
    top: 40px;
}
.box-float h2 {

}
.voluntariado p {
    color: #fff;
}


.blanco { color: #fff; }
.voluntariado.center {
    width: 70%;
    margin: 0 auto 88px;
}

.voluntariado p {
    color: #fff;
}

.vol-cont.vol-1 {
    background-image: url("https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/img_voluntariado_1.jpg");
}
.vol-cont.vol-2 {
    background-image: url("https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/img_voluntariado_2.jpg");
}
.vol-cont  {
    width: 90%;
    margin: auto;
}
.vol-cont .hover {
    width: 100%;
    padding: 40px 35px;
    background: #faa82ec7;
    transition: all .4s;
    opacity: 0
}
.vol-cont .hover:hover {
    opacity: 1;
}

.vol-cont h3 {
    margin-top: 0;
    color: #fff;
    margin-bottom: 17px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
}
.vol-cont h3:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #fff;
}
.vol-cont p {
    color: #fff;
}




.botom {
    background: #940533;
    padding: 6px 20px;
    border-radius: 18px;
    font-size: 13px;
    color: #fff;
    margin-top: 12px;
    font-weight: 600;
    display: inline-block;
}
.botom:hover {
    background: #faa82e;
    color: #fff;
}

/*=====0=========0=======
      FORMULARIO
==========0===0=========*/
.formulario div {
    width: 25%;
    text-align: center;
}
.formulario input {
    border-radius: 14px;
    border: none;
    font-size: 13px;
}


.formulario.for-home.flex {
    justify-content: flex-end;
}
.formulario.ayudar.flex {
    width: 65%; 
    margin: auto;
    margin-bottom: 70px;
}


span.boton-sub {
    position: relative;
    display: inline-block;
}

span.boton-sub > input {
    background: transparent !important;
    color: transparent;
    border: 2px solid #fff !important;
    padding: 0 !important;
    width: 60px;
    border-radius: 0 20px 20px 0 !important;
    height: 37px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

span.boton-sub:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    left: 14px;
    top: 4.5px;
    background-image: url(https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/message-1.png);
    background-size: contain;
}

.formulario.for-home.flex input[type="email"] {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 20px 0 0 20px;
    font-size: 12px;
    padding: 7px 20px;
    color: #fff;
    width: 65%;
}
.mc4wp-response {
    text-align: center;
    width: 75%;
    margin-left: 25%;
    margin-top: 11px;
    color: #fff;
}
.mc4wp-response p {
    color: #fff;
}











.page-id-160 #section,
.page-id-135 #section,
.page-id-95 #section,
.page-id-10 #section {
    padding-bottom: 0px;
}



ul.wpb_tabs_nav.ui-tabs-nav.vc_clearfix.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    text-align: center;
    display: flex;
    justify-content: center;
}
li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    font-weight: 600;
    border-bottom: 2px solid #ffa11f;
    background: transparent;
}
li.ui-state-default.ui-corner-top {
    font-size: 16px;
    padding: 0 25px;
    background: transparent !important;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_content_element .wpb_tabs_nav li:hover, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: #f7f7f700;
}
.box-float.noticias-car.testimonio h3 {
    font-size: 18px;
    color: #940533;
}
.box-float.noticias-car.testimonio h3 span.none {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 50px;
}
.box-float.noticias-car.testimonio {
    background-image: url(https://www.pueblosartesanos.pe/wp-content/uploads/2019/03/quotation-mark.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 70px;
}


.merchandasing div {
    font-size: 30px;
    margin: 50px 0;
    font-weight: 100;
}
.merchandasing {
    padding-top: 95px;
}
.vc_custom_1553795657566 {
    background-color: #f1f1f1 !important;
}


.box-float.invertido.contacto {
    right: 16%;
}
.box-float.invertido.contacto .formulario.flex div {
    width: 48%;
    margin-bottom: 17px;
}
.box-float.invertido.contacto .formulario.flex {
    margin-top: 40px;
}    
.box-float.invertido.contacto .formulario > div input[type="text"],
.box-float.invertido.contacto .formulario > div input[type="email"],
.box-float.invertido.contacto .formulario > div select {
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #727272;
    font-size: 13px;
}
.box-float.invertido.contacto > div p.none {
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
}
.box-float.invertido.contacto > div p.none i {
    color: #ffa11f;
}
.box-float.invertido.contacto > div:nth-child(1) {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0;
}
.box-float.invertido.contacto > div:nth-child(1):after {
/*     content: ""; */
    position: absolute;
    width: 90px;
    height: 4px;
    background: #ffa11f;
    top: 0;
    left: 0;
}
.box-float.invertido.contacto > div:nth-child(1) h2 {
  font-size: 26px;
}


    

.retroc {
    margin-top: -25px;
    z-index: 0;
    padding-top: 100px !important;
}
.box-float.invertido {
    left: inherit;
    right: 40%;
}
.box-float.invertido.voluntad {
    right: 20%;
}
.box-float.invertido.voluntad ul {
    padding-left: 18px;
    color: #faa82e;
}
.box-float.invertido.voluntad li {
    margin-bottom: 15px;
    color: #faa82e;
}
ul li span.none {
    color: #333;
}



.nosotros-cont {
    width: 40%;
    margin: auto;
    font-size: 13px;
    text-align: center;
    margin-bottom: 60px !important;
    padding-top: 30px;
    position: relative;
    margin-top: 15px;
}

.nosotros-cont:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 85px;
    height: 4px;
    background: #faa82e;
}

article.post figure, article.post .the-shortcode, article.page figure, article.page .the-shortcode {
        background-color: #eee0;
}

.nosotros-mapa ul {
    padding-left: 18px;
    color: #faa82e;
}
.nosotros-mapa ul li {
    width: 48%;
    float: left;
    padding: 4px 0px;
}
.nosotros-mapa ul li span {
    color: #6b6b6b;
    font-size: 14px;
}

.equipo {
    width: 80%;
    margin: 20px auto;
}
.equipo h3 {
    color: #000;
    font-size: 15px;
    margin-top: 0;
    position: relative;
    padding-bottom: 10px;
}
.equipo h3 span {
    display: block;
    font-size: 13px;
    margin-top: 6px;
    font-weight: 100;
}
.equipo h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 3px;
    background: #faa82e;
}
.vc_custom_1553770693332 {
    background-size: contain !important;
    background-position: 0 460px !important;
}
footer#footer {
    border-top: 1px solid #940533;
}
.box-float.normal {
    left: 0;
}


.noticias.flex div:nth-child(1) {
    width: 55%;
}
.noticias.flex div:nth-child(2) {
    width: 45%;
    left: -60px;
    top: 0;
}


.quiero-ayudar {
    width: 70%;
    margin: auto;
}
.quiero-ayudar .formulario > div {
    width: 47%;
    margin-bottom: 30px;
}
.quiero-ayudar .formulario > div input[type="text"],
.quiero-ayudar .formulario > div input[type="email"],
.quiero-ayudar .formulario > div select {
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #727272;
    font-size: 13px;
}



.noticias-box {
    position: relative;
    top: 60px;
    background: white;
    left: -6%;
    padding: 40px !important;
}
.vc_btn3-container.botom.vc_btn3-inline a.vc_gitem-link {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
}







.botones-ley a {
    border: 2px solid;
    padding: 9px 20px;
    display: block;
    text-align: center;
    border-radius: 24px;
    width: 64%;
    margin: 0 auto 10px;
    font-size: 13px;
    font-weight: 500;
}
.botones-ley a:first-child {
    color: #940533;
}
.botones-ley a:last-child {
    color: #faa82e;
}







.voluntad_partisipar .flex:nth-child(1) {
    margin-bottom: -2px;
}
.voluntad_partisipar .flex:nth-child(2) div:nth-child(1) {
    width: 56.1%;
    padding: 45px;
    color: #fff;
    background: #940533;
}
.voluntad_partisipar .flex:nth-child(1) div:nth-child(2) {
    width: 56.1%;
    padding: 45px;
    color: #fff;
    background: #faa82e;
}

.voluntad_partisipar .flex div h3.blanco {
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
}
.voluntad_partisipar .flex div h3.blanco:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
    left: 0;
    bottom: 0;
}
.voluntad_partisipar .flex div p.none {
    color: #fff;
}
.voluntad_partisipar .flex:nth-child(1) div:nth-child(1) {
    width: 43.9%;
}
.voluntad_partisipar .flex:nth-child(2) div:nth-child(2) {
    width: 43.9%;
}















/*=====0=========0=======
      RESPONSIVO
==========0===0=========*/
@media screen and (max-width: 767px) {
  
 #banner {
    height: 370px !important;
}
    .bt-menu {    display: block;        color: #000;        font-size: 27px;     }
    #header .btn-search, #header #menu {        display: block;        position: absolute;        width: 90%;        background: #fff;        left: 0;        top: -450px;        z-index: -1;        margin: 0 5%;        opacity: 0;    }
    .navbar-nav {        margin: 0;    }
    .navbar-default .navbar-nav>li>a {        color: #000;        font-size: 16px;    }
    #headerMenu .navbar-nav>li>a {        padding-top: 10px;        padding-bottom: 10px;    }
    #header .logo figure {        width: 125px;        height: 50px;    }
    .botones-header .verde {
    display: none;
  }
  .botones-header .sangre {
    display: block;
    font-size: 11px;
    padding: 5px 10px;
  }
    #footer .f-top .flex-start > div {        width: 100%;        text-align: center;    }
    .navbar-default .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 14px;
}
.info_preheader i {
    font-size: 16px;
    margin-right: 10px;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #940533;
    margin-left: 3px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}



    .widget {
        margin-bottom: 40px;
        position: relative;
        border-bottom: 1px solid #002e5b;
        margin-bottom: 35px;
        padding-bottom: 22px;
    }

    .info_preheader a {
        margin: 0;
        font-size: 0;
    }
  .col-6 {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .redes .flex .col-6 {
    margin-bottom: 23px;
}
  .redes .flex .col-6.right {
    text-align: center;
}
  .redes .flex:nth-child(3) a {
    height: 31px;
    width: 32px;
    font-size: 14px;
}
    #header #menu.navbar-right > div {
    height: 100%;
    padding: 40px 30px 90px 30px !important;
    width: 84% !important;
    overflow: scroll;
}
    .navbar-nav>li>a {
        padding-top: 9px;
        padding-bottom: 10px;
        line-height: 1.75;
    }
  
  
  
.box-float {
    width: 100%;
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 40px 30px;
    left: 0;
    top: 0;
}
.vc_custom_1553746726465 {
    padding-top: 0 !important;
}
.voluntariado.center {
    width: 100%;
    margin: 0 auto 50px;
}
.vol-cont {
    width: 100%;
    margin: auto;
    margin-bottom: 35px !important;
    background-size: cover;
}
.foro-video {
    margin-bottom: 40px !important;
}
h2 {
    font-size: 23px;
}
.suscribir {
    text-align: center;
    margin-bottom: 35px !important;
}
.formulario.for-home.flex span.wpcf7-form-control-wrap.email-60 {
    width: 65%;
}
.formulario.for-home.flex {
    justify-content: center;
}

#footer .f-top .container > div {
    width: 100% !important;
    margin-top: 25px;
  text-align: center;
}

#footer .f-top a {
    text-align: center;
}
#footer .f-top img {
    width: 65%;
}
#footer .f-top .container > div:nth-child(2) .flex:nth-child(1) a {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    width: 32%;
    margin: 3px 0px;
}
#footer .f-top .container > div:nth-child(2) .flex,
#footer .f-top .container > div:nth-child(2) .flex:nth-child(1) {
    justify-content: center;
}
#footer .f-top .container > div:nth-child(3) .flex {
    justify-content: center;
}
.banners_page h1 {
    font-size: 30px;
    padding-bottom: 50px !important;
}
.nosotros-cont {
    width: 85%;
} 
.box-float.invertido {
    right: 0;
}
.vc_custom_1553769664185 {
    padding-top: 20px !important;
}
.equipo {
    margin: 20px auto 60px !important;
}
.vc_custom_1553770871259 {
    padding-top: 15px !important;
    padding-bottom: 50px !important;
}
.quiero-ayudar {
    width: 85%;
    margin: auto;
}
.quiero-ayudar .formulario > div {
    width: 100%;
}
.box-float.invertido.voluntad {
    right: 0;
    padding: 30px 5px;
} 
.voluntad_partisipar .flex div {
    width: 100% !important;
}
.voluntad_partisipar .flex:nth-child(2) div:nth-child(1),
.voluntad_partisipar .flex:nth-child(1) div:nth-child(2) {
    padding: 40px 30px;
}
.voluntad_partisipar .flex:nth-child(2) {
    flex-direction: column-reverse;
}
.noticias.flex div:nth-child(1) {
    width: 100%;
}
.noticias.flex div:nth-child(2) {
    width: 100%;
    left: 0px;
    top: 0;
}
li.ui-state-default.ui-corner-top {
    font-size: 13px;
    padding: 0 10px;
}
.merchandasing {
    padding-top: 40px;
    text-align: center;
}
.merchandasing div {
    font-size: 25px;
    margin: 30px 0;
    font-weight: 100;
}
.merchandasing h2:after {
    content: "";
    left: 0;
    margin: auto;
    right: 0;
}
.box-float.invertido.contacto {
    right: 0;
}
.ms-layer {
    text-align: center;
    width: 90%;
    font-size: 27px !important;
    line-height: 1 !important;
    margin: 70px auto 0 !important;
}
a.boton.slider {
    margin-top: 90px;
}
  
  
  
  

}