/* COLOURS
------------------------------------------- */
/* Verde pistacho +5    #d7e068 215, 224, 101 */
/* Verde pistacho       #BECA29 290, 102, 41 */


/* Agua Marina oscuro   #008C9B 0, 140, 155 */
/* Agua Marino - 5      #005C66 0, 92, 102 */ 

/* FONTS
------------------------------------------- */
/* font-family: 'Open Sans', sans-serif; 400 700 */
/* font-family: 'Amatic SC', cursive; 700 */

/* DEV */
/* .site-header,.site-container, .site-inner {border:1px dotted red;} */
/*.f_sc {border:3px dotted orange}*/
/*.fc_sections {border:4px dotted blue}*/
.f_hide,
.f-s5-cs1.f_hide,
.f-s5-cs2.f_hide,
.f-s5-cs3.f_hide
{display:none}

/* Video */
.mejs-controls {opacity: 0;transition: all 0.5s ease}
.mejs-container:hover .mejs-controls {opacity:1}
.embed-container {width:100%}
/* oEmbed */
    .embed-container { 
        box-shadow:0 10px 10px 0 rgba(0,0,0,.5);
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
        margin:0 auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* TIPO */
h2 {color:#008C9B;font-family:'Amatic SC';text-align:center;text-transform:uppercase}
.h2_alt {font-size:2.4rem}
h3 {color:#008c98;font-size:2rem;font-weight:bold;text-transform:uppercase}
h4 {color:#008c98;font-size:1.6rem;font-weight:700;line-height:2.4rem;margin-bottom:0}
p {color:#008c98;margin-bottom:12px}
.f_green {color:#BECA29}
.f_white, .f_white h2, .f_white p {color:#ffffff}
.f_aqua {color:#008c98}
.f_cert_txt {font-family:'Open Sans', sans-serif;font-size:1rem}


/* MOJO */
.mojo-sp li {line-height:1.8rem}
.mojo-sp .widget ul > li {margin-bottom:20px}
ul.sub-menu {padding-top:20px}
.menu-item-type-language {font-family:'Open Sans',sans-serif;font-size:1rem}

/* MOBILE */

/* GENERAL */
html, body, .vidbg-container {background:#fff}
.dashicons {vertical-align:sub}
.genesis-nav-menu .menu-item-type-language a {font-family:'Open Sans',sans-serif;font-size:1rem}


/* HEADER */
.f_logo_cert {display:block;width:60px;position:absolute;right: 16px;top: 36px;}
.f_div_visual_id {background:url(../images/027COAC_green_stripes.jpg);background-size:contain;height:20px;}
.f_div_visual_id_2 {background:url(../images/027COAC_aqua_stripes.jpg);background-size:contain;color:#008C9B;height:80px;margin-top:-40px;}
.f_div_visual_id_3 {background:url(../images/027COAC_green_stripes.jpg);background-size:contain;color:#008C9B;height:180px}
.site-header {background:transparent;box-shadow:none;margin:0 auto;padding-top:10px;position:relative;width:90%;}
.menu-toggle {color:#008C9B;float:none;text-transform:uppercase}
.menu-toggle:hover, .menu-toggle:focus {color:#BECA29;outline:none}
.genesis-nav-menu a {color:#008C9B;font-weight:700;text-transform:uppercase}
.genesis-nav-menu a:hover {color:#BECA29}
/*.genesis-nav-menu .current-menu-item > a {color:#BECA29}*/
.wp-custom-logo .site-container .title-area img {max-width:160px}
.wp-custom-logo .site-container .title-area {max-width:none}

/* CONTENT */
/* General */
.site-inner {max-width:none;overflow-x:hidden;padding:0}
.f_site_container {padding:0 24px}
.f_image {text-align:center}
.ecologico img {min-width:240px;} 
.f_green_circle {margin:0 auto 30px;max-width:230px;position:relative}
.f_green_circle img {border-radius:140px}
.f_green_circle:after {content:"";display:block;background:url(../images/027COAC_circle_green.svg) no-repeat;height:250px;width:250px;position:absolute;top:-10px;left:-10px;animation-name:fRotation;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear}
.f_white_circle {margin:0 auto 30px;max-width:230px;position:relative}
.f_white_circle img {border-radius:300px}
.f_white_circle:after {content:"";display:block;background:url(../images/027COAC_circle_w.svg) no-repeat;height:130%;width:130%;position:absolute;top:-15%;left:-15%;animation-name:fRotation;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes fRotation{ 
    from{transform:rotate(0deg);} 
    to{transform:rotate(360deg);} 
}


/* Txt + Youtube */
.f_inicio .s01_sc01 {padding:0 24px}


/* Fotos producto*/
#fotos_producto {padding-bottom:80px}
.txt_green_gadget {padding:10px 24px}

/* Banner brasas */
.banner_ashes h2 {font-size:3rem;margin:0}
.banner_ashes .wrap {margin-bottom:10px;padding:0}
.banner_ashes .f_image {margin:30px auto 40px}
.banner_ashes {background:url(../images/027COAC_bg_ashes.jpg) no-repeat;background-size:cover;padding:20px 0;}
.txt_como_funciona {padding:0 24px}



/* Info adicional */
#info_adicional {padding-top:50px}
#info_adicional .f_custom_html {padding:0 20px 20px}

/* Contacto */
#contacto {padding:24px}
.f_contact_form {background:url(../images/027COAC_aqua_stripes.jpg);background-size:contain;padding-top:50px;}
.f_contact_form h4 {color:#fff;margin-bottom:20px}
.f_contact_form h4.f_green {color:#d7e068}
.f_contact_form p {color:#fff}
.f_contact_form .dashicons {font-size:1.8rem;margin-right:10px}
.f_contact_form a {color:#fff;}
.phone_link, input[type="submit"] {background:#BECA29;border-radius:10px;color:#008C9B;display:inline-block;font-weight:700;margin:20px 0 30px;padding:10px 60px 10px 40px;text-decoration:none}
input[type="submit"] {padding-right:40px}
.phone_link:hover, input[type="submit"]:hover {background:#d7e068;color:#008C9B}
span.wpcf7-list-item {margin: 0}
.wpcf7-form [type="text"], .wpcf7-form [type="email"], .wpcf7-form [type="tel"], .wpcf7-form textarea, .wpcf7-form select {background: #fff;padding: 20px 20px}
.wpcf7-form [type="text"], .wpcf7-form [type="email"], .wpcf7-form [type="tel"], .wpcf7-form select, .wpcf7-textarea {
    border-radius:10px;color:#008C9B !important;font-size:1rem;font-weight:700;margin-top: 10px;padding: 12px 4px 14px 20px}
.wpcf7-form [type="text"]:placeholder{color:#008C9B!important}
::-webkit-input-placeholder{color:#008C9B!important;opacity:1}
:-moz-placeholder{color:#008C9B!important;opacity:1}
::-moz-placeholder{color:#008C9B!important;opacity:1}
:-ms-input-placeholder{color:#008C9B!important;opacity:1} 
div.wpcf7-response-output {margin:0;border:2px solid #BECA29;background-color:#BECA29;border-radius:10px;color:#fff}

/* FOOTER */
.site-footer .batman {display:none}
.site-footer {background:#005C66;border:0;color:#BECA29;line-height:1.8rem;padding:16px 0}
.site-footer a {color:#BECA29;text-decoration:none}
.site-footer p {color:#BECA29}
.footer_l1 {display:inline-block;width:100%}



/* MEDIAQUERIES */

/* +340 */
@media only screen and ( min-width: 340px) {


}


/* +480 */

@media only screen and ( min-width: 480px) {

.wp-custom-logo .site-container .title-area {text-align:center}
.f_logo_cert {width:80px}

}


/* +768 */

@media only screen and ( min-width: 768px) {

/* Typo */
h2 {font-size:3rem}

/* Header */
.f_logo_cert {width:110px}


/* Titular + YouTube 960 */
#titular_youtube .f_custom_html {margin:0 auto;max-width:600px}

/* S03 Como funciona 960 */
#como_funciona {padding:80px 0}

}


@media only screen and ( min-width: 960px) {

/* TYPO */
h2 {font-size:2.2rem;text-align:left}

/* GENERAL 960 */
.f-site-container {display:grid;grid-template-columns:5% 45% 45% 5%}
.fc_sections {grid-column:2/span 2}

/* HEADER 960 */
.genesis-nav-menu a {font-family:'Amatic SC', cursive;font-size:2rem}
.website-3 .nav-primary .genesis-nav-menu a {padding-left: 10px;padding-right: 10px}
.site-container .nav-primary {margin-left:30px;margin-right:auto}
.wp-custom-logo .site-container .title-area img {max-width:none}
.wp-custom-logo .site-container .title-area {max-width:152px}
.f_logo_cert {width:60px}
.site-header {width: 100%}

/* Titular + YouTube 960 */
.f_inicio #titular_youtube .f_s_wrap {display:grid;grid-template-columns:1fr 1fr;padding: 80px 0px}
.f_inicio #titular_youtube .f_custom_html {place-self:center;}
    

/* Banner rayas azules 960 */
#franjas_azules {grid-column:1/span 4}

/* Fotos producto 960 */
#fotos_producto .f_s_wrap {display:grid;grid-template-columns:50% 50%;grid-column:2/span 2;grid-row:2;padding:80px 0 0 0}
.txt_green_gadget {padding:0}
.coa-coa-unidad {grid-row:1 / span 3;text-align:center}
.coa-coa-unidad img {margin-top:-40px;}
.coa-coa-pack-5 {padding:24px;text-align:left}
.coa-coa-pack-5 img {margin-left:-10vw;max-width:125%}
.ecologico {align-self: flex-end;margin-bottom: 20px;text-align:left}
.ecologico img {width: 264px;}
.txt_green_gadget {max-width:500px}
.img_brasas_s2 {display:none}
.txt_como_funciona {padding:0}


/* Banner brasas 960 */
#como_funciona {grid-column:1 / span 4}
#como_funciona .f_s_wrap {display:grid;grid-column:1/span 4;grid-row:3;grid-template-columns:7(1fr);grid-template-rows:4;padding:4vw 10%}
#como_funciona h2 {font-size:4rem;text-align:center}
.txt_como_funciona {grid-column:2/span 5;place-self:center;text-align:center} /* como funciona */
.f-s3-cs2 {grid-column:1;grid-row:3} /* circle 1 */
.f-s3-cs3 {grid-column:2;grid-row:4} /* facil */
.f-s3-cs4 {grid-column:2;grid-row:2} /* flecha 1 */
.f-s3-cs5 {grid-column:3;grid-row:3} /* circle 2 */
.f-s3-cs6 {grid-column:4;grid-row:4} /* sin olor */
.f-s3-cs7 {grid-column:4;grid-row:2} /* flecha 2 */
.f-s3-cs8 {grid-column:5;grid-row:3} /* circle 3 */
.f-s3-cs9 {grid-column:6;grid-row:4} /* rapido */
.f-s3-cs10 {grid-column:6;grid-row:2} /* flecha 3 */
.f-s3-cs11 {grid-column:7;grid-row:3} /* circle 4 */
.banner_ashes .f_image {margin:0}

/* Info adicional 960 */
#info_adicional .f_s_wrap {display:grid;grid-column:2/span 2;grid-row:4;grid-template-columns:1fr 1fr;grid-gap:5vw;grid-rows:4;padding:5vw 0 0}
#info_adicional {padding-top:0px}
#info_adicional .f_custom_html {padding:0}
#info_adicional .f_green_circle {margin-bottom:0}
.f-s4-cs1 {grid-column:1;grid-row:1;margin-right:0} /* img 1 */
.f-s4-cs2 {grid-column:2;grid-row:1} /* text 1 */
.f-s4-cs3 {grid-column:2;grid-row:2;margin-left:0;} /* img 2 */
.f-s4-cs4 {grid-column:1;grid-row:2;place-self:flex-end;text-align:right} /* txt 2 */
.f-s4-cs5 {grid-column:1;grid-row:3;margin-right:0} /* img 3 */
.f-s4-cs6 {grid-column:2;grid-row:3} /* txt 3 */
.f-s4-cs2, .f-s4-cs4, .f-s4-cs6 {max-width:500px;}
.f-s4-cs1, .f-s4-cs2, .f-s4-cs3, .f-s4-cs4, .f-s4-cs5, .f-s4-cs6 {display:flex;align-self:center}

/* Franjas verdes 960 */
#franjas_verdes {grid-column:1/span 4;margin:50px 0 0}
#franjas_verdes .f_custom_html {max-width:100%}
.f_div_visual_id_3 {height:150px}

/* Contacto 960 */
#contacto {grid-column:1/span 4;padding:0}
#contacto .f_s_wrap {display:grid;grid-column:1/span 4;grid-row:6;grid-column-gap:20px;grid-template-columns:1fr 1fr;padding:50px 10%}
.f-s6-cs1 {grid-column:1;max-width:500px;place-self:flex-start right}
.f-s6-cs2 {grid-column:2;max-width:500px;place-self:flex-start left}

/* FOOTER */
.site-footer .batman {display:inline}
.site-footer .fbr {display:none}

}


@media only screen and ( min-width: 1260px) {

.coa-coa-pack-5 img {max-width:100%}
.f_logo_cert {width:90px}

}


/* +1600 */

@media only screen and ( min-width: 1600px) {

/* Typo */
.h2_alt {font-size:3.6rem;text-align:left}

/* Header */
.f_logo_cert {right:50px;top:80px}
.f_div_visual_id {background-size:auto;height:60px;}
.wp-custom-logo .site-container .title-area {max-width:240px}

/* Content */
.f_inicio .f_custom_html {max-width:600px}
.f_div_visual_id_2 {height:160px}

}




/* +1920*/

@media only screen and ( min-width: 1880px) {

/* General */
.site-inner {padding:0}

/* Header */
.f_logo_cert {width:110px}
.genesis-nav-menu a {font-size:3rem}


/* Content */

#fotos_producto .f_s_wrap {grid-template-columns:33% 33% 33%;padding-bottom:0}
.coa-coa-unidad {grid-row:1 / span 3;text-align:center}
.coa-coa-pack-5 {grid-row:1 / span 2}
.coa-coa-pack-5 img {max-width:none}
.txt_green_gadget {grid-column:3}
/*.img_brasas_s2 {display:inline;grid-column:3;1margin-top:-200px;}*/
/*.img_brasas_s2.f_green_circle {margin-left:0}*/

}



/* +2560*/

@media only screen and ( min-width: 2560px) {

/* Header */    
.wp-custom-logo .site-container .title-area {max-width:320px}
.f_logo_cert {width:140px}


/* Content */
.coa-coa-pack-5 img {margin-left:0vw}

}