/* FONTS */

@font-face {
    font-family: 'Signika-Bold';
    src: url('fonts/signika-bold.eot');
    src: url('fonts/signika-bold.eot') format('embedded-opentype'),
         url('fonts/signika-bold.woff2') format('woff2'),
         url('fonts/signika-bold.woff') format('woff'),
         url('fonts/signika-bold.ttf') format('truetype'),
         url('fonts/signika-bold.svg#SignikaBold') format('svg');
}
@font-face {
    font-family: 'Signika-Light';
    src: url('fonts/Signika-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Signika-Light.woff') format('woff'), url('fonts/Signika-Light.ttf')  format('truetype'), url('fonts/Signika-Light.svg#Signika-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Signika-Regular';
    src: url('fonts/Signika-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Signika-Regular.woff') format('woff'), url('fonts/Signika-Regular.ttf')  format('truetype'), url('fonts/Signika-Regular.svg#Signika-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pompiere-Regular';
    src: url('fonts/pompiere-regular-webfont.eot');
    src: url('fonts/pompiere-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/pompiere-regular-webfont.woff2') format('woff2'),
        url('fonts/pompiere-regular-webfont.woff') format('woff'),
        url('fonts/pompiere-regular-webfont.ttf') format('truetype'),
        url('fonts/pompiere-regular-webfont.svg#pompiere_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuigletRegular';
    src: url('fonts/quigletfree.eot');
    src: url('fonts/quigletfree.eot') format('embedded-opentype'),
         url('fonts/quigletfree.woff2') format('woff2'),
         url('fonts/quigletfree.woff') format('woff'),
         url('fonts/quigletfree.ttf') format('truetype'),
         url('fonts/quigletfree.svg#QuigletRegular') format('svg');
}


/* RESET */
* { padding: 0; margin: 0; }
html, body, div, span, a, img, h1, h2, p, ul, li {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    list-style: none;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}
svg:not(:root) {
    overflow: hidden;
}
input, textarea{

    -webkit-appearance:none;
    -webkit-appearance:caret;
    -webkit-border-radius: 0;
}
::-webkit-input-placeholder {color: #007836;}
:-moz-placeholder {color: #007836; }
::-moz-placeholder {color: #007836; }
:-ms-input-placeholder { color: #007836;}

a[href^=tel]{color:inherit;text-decoration:none;}
input{-webkit-user-select: auto;}
img { -ms-interpolation-mode: bicubic; }
:link, :hover, :active, :focus, :visited { outline: 0; }
::-webkit-selection { color: #fff; background: #ccc; }
::-moz-selection { color: #fff; background: #ccc; }
::selection { color: #fff; background: #ccc; }
textarea, input[type="text"], input[type="number"], input[type="email"] {-webkit-appearance: none;}
.left{float: left;}
.right{float: right;}
.align_left{text-align: left;}
.align_right{text-align: right;}
.align_center{text-align: center;}
.w_display-inline{font-size: 0; font-size: 0.1;}
.display-inline.vertical_top, .vertical_top{vertical-align: top;}
.helper{display: inline-block;vertical-align: middle;height:100%; width: 0;}
.vertical_middle{vertical-align: middle;}
.vertical_bottom{vertical-align: bottom;}
.display-table{display: table; width: 100%; height: 100%;}
.display-table-cell{display: table-cell; vertical-align: middle; }
.display-inline{display: inline-block !important; *display: inline; zoom: 1; vertical-align: middle;}

.clearfix:after{content:""; display:table; clear:both;}
.transition{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.container{max-width: 1088px; margin: 0 auto;}
.container_946{max-width: 946px; margin: 0 auto;}

/* GENERALES */

body{background: #fff;}
html.overflow_hidden, body.overflow_hidden{overflow: hidden; }
body, .input, .textarea, .input_row, p, li, label, a, button{font: 16px/1.25em 'Signika-Light', sans-serif; font-weight: 300; color: #3f3f3f;
                                                             -webkit-font-smoothing: antialiased;
                                                             -moz-osx-font-smoothing: grayscale;
}
p{margin-bottom: 20px;}
.label, label{cursor: pointer;}
h1{font: 45px/1.25em 'Signika-Bold', sans-serif; font-weight: 300; color: #007836;}
h2{font: 35px/1.20em 'Signika-Regular', sans-serif; font-weight: 300; color: #007836; margin-bottom: 5px;}
h3{font: 30px/1.25em 'Signika-Regular', sans-serif; font-weight: 300; color: #007836; margin-bottom: 5px;}
h4{}
h5{}
.apear{position: relative; top: 10px; opacity: 0;}

.input, .textarea{font-family: 'Signika-Regular'; border: 2px solid #66ae86; height: 45px;  padding: 12px 15px 12px 35px; line-height: 20px; color: #007836;
       -webkit-transition: border-color 0.35s ease;
       -moz-transition: border-color 0.35s ease;
       -o-transition: border-color 0.35s ease;
       -ms-transition: border-color 0.35s ease;
       transition: border-color 0.35s ease;
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px; 
}
.textarea{height: 138px; display: block;  }

.row .input.select{position: static; padding-right: 20px;}
.input.no_icon{padding-left: 6px;}
.w_select{
  position: relative;
}
.wide{width: 100%;}


.select { 
    padding-top: 9px; 
    paddiing-bottom: 9px;
}


.select::-ms-expand {
    display: none;
}






.foto_file.error, .input.error, .textarea.error{border-color: #ff0000; }
.input.valid{}

label.error{display: none !important;}

/* BOTONES */

.btn{cursor: pointer; display: inline-block; border: none; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
     font-family: "Signika-Light"; 
}

.btn_square{ max-width: 100%; color: #fff; padding: 0 16px; top: -2px; position: relative;
             -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
             border-radius: 5px;
}


.btn_square.btn_small{height: 31px; padding: 0 38px; line-height: 31px;  font-size: 17px;}
.btn_square.btn_large{height: 53px; padding: 0 44px; line-height: 53px; font-size: 22px; font-weight: 700;
                      -webkit-border-radius: 7px;
                      -moz-border-radius: 7px;
                      border-radius: 7px; 
}
.btn_plano{max-width: 100%; color: #fff; padding: 0 16px;}
.btn_plano.btn_small{height: 29px; padding: 0 38px; line-height: 30px;  font-size: 15px;
                     -webkit-border-radius: 3px;
                     -moz-border-radius: 3px;
                     border-radius: 3px;
}

.btn_red{box-shadow: 0 3px #aa1b12;  background-color: #ee4035;}
.btn_green{box-shadow: 0 3px #3e8685;  background-color: #51a5a4;}
.btn_orange{box-shadow: 0 3px #ca624c; background-color: #f0975c;}

.btn_plano.btn_red{background-color: #ee4035;}
.btn_plano.btn_green{background-color: #51a5a4;}
.btn_plano.btn_orange{background-color: #f0975c;}

.btn_square:hover, .btn_circle:hover{ top: 0px;}
.btn_square:active, .btn_circle:active{ top: 2px;}
.btn_red:active{ box-shadow: 0 2px 0 #aa1b12; background-color: #e13227;}
.btn_green:active{box-shadow: 0 2px 0 #3e8685;}
.btn_orange:active{box-shadow: 0 2px 0 #ca624c;}

.btn_circle{ top: -2px; text-align: center; position: relative;
             -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
             border-radius: 50%;
}
.btn_circle:hover{ top: 0px;}
.btn_circle:active{ top: 2px;}

.btn_circle.btn_large{width: 62px; height: 62px; line-height: 62px; font-size: 17px;}

.btn_arrow_circle{width: 62px; height: 62px; position: relative;}
.btn_arrow_circle:active{top: 2px;}
.btn_arrow_circle.down{background: url('../icons/arrow_circle_down.png') 50% 50% no-repeat;}
.btn_arrow_circle.up{background: url('../icons/arrow_circle_up.png') 50% 50% no-repeat;}
.btn_arrow_circle.search{background: url('../icons/arrow_circle_search.png') 50% 50% no-repeat;}

.btn_circular{display: inline-block; border: 1px solid #067b3b; color: #067b3b; width: 46px; height: 46px;
  -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
             border-radius: 50%;
   -webkit-transition:  border-color 0.3s ease, color 0.3s ease ;

          -moz-transition:   border-color 0.3s ease , color 0.3s ease ;
          -o-transition:   border-color 0.3s ease , color 0.3s ease ;
          -ms-transition:   border-color 0.3s ease , color 0.3s ease ;
          transition:   border-color 0.3s ease , color 0.3s ease ;

          -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
}

.btn_circular:hover{border-color: #ee4035; color: #ee4035;
  -moz-transform: rotate(90deg) translate(0);
    -webkit-transform: rotate(90deg) translate(0);
    -o-transform: rotate(90deg) translate(0);
    transform: rotate(90deg) translate(0);
}


/* HEADER */

body.body_home{background: url('../icons/bg_body.jpg') 50% 0 no-repeat; background-size: cover;}
.top{max-width: 1088px; height: 184px; margin: 0 auto 0; top: -10px; background: url('../icons/bg_header.png') 50% 0 no-repeat; text-align: center; position: relative; opacity: 0; z-index: 9;}
.top.absolute{position: absolute; left: 0; right: 0; top: 0;}
.logo{display: inline-block; margin-top: 32px; margin-right: 32px;}
.btn_menu{display: inline-block; border: 1px solid #0e7f40; width: 46px; height: 46px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; 
          -webkit-transition:  border-color 0.3s ease ;
          -moz-transition:   border-color 0.3s ease ;
          -o-transition:   border-color 0.3s ease ;
          -ms-transition:   border-color 0.3s ease ;
          transition:   border-color 0.3s ease ;
}
.top .btn_menu{position: absolute; left: 160px; top: 59px;}
.btn_menu:hover{border: 1px solid #ee4035; }
.btn_menu:active{border: 1px solid #e13227; }
.btn_menu .line{display: block; width: 26px; height: 5px; background-color: #0e7f40; margin: 2px 0;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px; 
                -webkit-transition: background-color 0.3s ease ;
                -moz-transition: background-color 0.3s ease ;
                -o-transition: background-color 0.3s ease ;
                -ms-transition: background-color 0.3s ease ;
                transition: background-color 0.3s ease ;
}
.btn_menu:hover .line{margin: 3px 0;  background-color: #ee4035;}
.btn_menu:active .line{background-color: #e13227;}
.top .redes_sociales_top{position: absolute; right: 181px; top: 71px;}
.redes_sociales_top li{margin-left: 6px;}
.redes_sociales_top li a{display: block; width: 27px; text-align: center; height: 27px; background-color: #0e7f40; color: #fff; font-size: 11px; line-height: 30px;
                         -webkit-border-radius: 50%;
                         -moz-border-radius: 50%;
                         border-radius: 50%;
}
.redes_sociales_top li a:hover{background-color: #ee4035; font-size: 13px;
                               -webkit-transition: background-color 0.3s ease ;
                               -moz-transition: background-color 0.3s ease ;
                               -o-transition: background-color 0.3s ease ;
                               -ms-transition: background-color 0.3s ease ;
                               transition: background-color 0.3s ease ;
}
.redes_sociales_top li a:active{background-color: #e13227;}


.redes_sociales_sidebar{text-align: center; margin: 30px 0;}
.redes_sociales_sidebar li{text-align: center; margin: 30px 5px; }
.redes_sociales_sidebar li a{width: 44px; height: 44px; line-height: 46px; font-size: 18px; padding-left: 2px;}
.redes_sociales_sidebar li a:hover{font-size: 20px; line-height: 48px;}



/* BANNER */

.banner{position: relative; z-index: 1; opacity: 0; overflow: hidden;}

.banner .link_banner_home{display: block; width: 46px; height: 91px;  position: absolute;  top: 50%; margin-top: -110px; z-index: 2; opacity: 0.75;
                          -webkit-transition: left 0.3s ease , right 0.3s ease;
                          -moz-transition: left 0.3s ease, right 0.3s ease ;
                          -o-transition: left 0.3s ease , right 0.3s ease;
                          -ms-transition: left 0.3s ease , right 0.3s ease;
                          transition: left 0.3s ease , right 0.3s ease;
}
.banner .link_banner_home.link_prev{left: -46px; background: url('../icons/arrow_left.png') 50% 50% no-repeat; }
.banner .link_banner_home.link_next{right: -46px; background: url('../icons/arrow_right.png') 50% 50% no-repeat; }
.banner:hover .link_banner_home.link_prev{left: 64px; background: url('../icons/arrow_left.png') 50% 50% no-repeat; display: none;}
.banner:hover .link_banner_home.link_next{right: 64px; background: url('../icons/arrow_right.png') 50% 50% no-repeat; }
.banner .link_banner_home.link_prev:hover{opacity: 1;}
.banner .link_banner_home.link_next:hover{opacity: 1;}
.banner .link_banner_home.link_prev:active{margin-top: -108px;}
.banner .link_banner_home.link_next:active{margin-top: -108px;}

.w_banner_inner{position: relative; z-index: 1;}
.banner_inner{}
.banner_item { text-align: center; }
.banner_item_inner{max-width: 960px; margin: 0 auto;}
.banner_item .txt{max-width: 350px; float: left; padding-top: 110px;}
.banner_item .txt h2{font: 58px/1.15em "Signika-Regular"; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.51); margin-top: 50px; opacity: 0;
                     -webkit-transition: opacity 0.8s ease 0.6s, margin 0.8s ease 0.6s;
                     -moz-transition: opacity 0.8s ease 0.6s, margin 0.8s ease 0.6s;
                     -o-transition: opacity 0.8s ease 0.6s, margin 0.3s ease 0.6s;
                     -ms-transition: opacity 0.8s ease 0.6s, margin 0.8s ease 0.6s;
                     transition: opacity 0.8s ease 0.6s, margin 0.8s ease 0.6s;
}
.banner_item .txt h2.active{opacity: 1; margin-top: 0;}

.banner_item .txt p{font: 23px/1.15em "Signika-Light"; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.51); margin-bottom: 30px; opacity: 0;
                    -webkit-transition: opacity 0.8s ease 1s;
                    -moz-transition: opacity 0.8s ease 1s;
                    -o-transition: opacity 0.8s ease 1s;
                    -ms-transition: opacity 0.8s ease 1s;
                    transition: opacity 0.8s ease 1s;
}
.banner_item .txt p.active{opacity: 1;}

.banner_item .txt a{opacity: 0; margin-left: 15px;
                    -webkit-transition: opacity 0.8s ease 1.3s, margin-left 0.8s ease 1.3s;
                    -moz-transition: opacity 0.8s ease 1.3s, margin-left 0.8s ease 1.3s;
                    -o-transition: opacity 0.8s ease 1.3s, margin-left 0.8s ease 1.3s;
                    -ms-transition: opacity 0.8s ease 1.3s, margin-left 0.8s ease 1.3s;
                    transition: opacity 0.8s ease 1.3s, margin-left 0.8s ease 1.3s;
}
.banner_item .txt a.active{opacity: 1; margin-left: 0;}

.banner_item .img {padding-left: 350px;}
.banner_item .img .img_inner{display: block; opacity: 0; margin-left: 50px; width: 100%;
                             -webkit-transition: opacity 0.8s ease 0.5s, margin-left 0.8s ease;
                             -moz-transition: opacity 0.8s ease 0.5s, margin-left 0.8s ease;
                             -o-transition: opacity 0.8s ease 0.5s, margin-left 0.3s ease;
                             -ms-transition: opacity 0.8s ease 0.5s, margin-left 0.8s ease;
                             transition: opacity 0.8s ease 0.5s, margin-left 0.8s ease;
}

.banner_item_inner .banner_item_w_btn{height: 36px;}

.banner_item .img .img_inner.active{opacity: 1; margin-left: 0;}
.banner_item .img .img_inner img{max-width: 100%; width: 100%;}

/* MENU OPEN */

.menu_open{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,83,37,0.9); z-index: 99; padding: 0 2%; opacity: 0; visibility: hidden; padding-top: 100%;
           -webkit-transition: opacity 0.85s ease, visibility 0.85s ease;
           -moz-transition: opacity 0.85s ease, visibility 0.85s ease;
           -o-transition: opacity 0.85s ease, visibility 0.85s ease;
           -ms-transition: opacity 0.85s ease, visibility 0.85s ease;
           transition: opacity 0.85s ease, visibility 0.85s ease;
}

.menu_open .btn_circle{position: absolute; left: 50%; top: -62px; margin-left: -31px; z-index: 9;
                       -webkit-transition: top 0.5s ease 0.15s;
                       -moz-transition: top 0.5s ease 0.15s;
                       -o-transition: top 0.5s ease 0.15s;
                       -ms-transition: top 0.5s ease 0.15s;
                       transition: top 0.5s ease 0.15s; 
}
.menu_open.active .btn_circle{top: 36px;}
.menu_open.active .btn_circle:hover{top: 38px;}
.menu_open.active .btn_circle:active{top: 40px;}

.menu_open_inner{position: relative; width: 100%; height: 100%; top: 100%;
                 -webkit-transition: top 0.5s ease;
                 -moz-transition: top 0.5s ease;
                 -o-transition: top 0.5s ease;
                 -ms-transition: top 0.5s ease;
                 transition: top 0.5s ease; 
}
.menu_open_inner{position: relative; width: 100%; height: 100%;}
.menu_open_inner a{width: 16.666666666666666667%; height: 100%; font: 41px/1em "Pompiere-Regular"; color: #4be597;
                   -webkit-transition: background-color 0.2s ease;
                   -moz-transition: background-color 0.2s ease;
                   -o-transition: background-color 0.2s ease;
                   -ms-transition: background-color 0.2s ease;
                   transition: background-color 0.2s ease;
}
.menu_open_inner .ico{height: 130px; display: block;}
.menu_open_inner .txt{height: 110px; display: block;}
.menu_open_inner a.link_productos i{font-size: 100px;}
.menu_open_inner a.link_nustra_historia i{font-size: 95px;}
.menu_open_inner a.link_nuestra_empresa i{font-size: 130px;}
.menu_open_inner a.link_trabaja_con_nosotros i{font-size: 138px;}
.menu_open_inner a.link_blog i{font-size: 95px;}
.menu_open_inner a.link_contacto i{font-size: 95px;}
.menu_open_inner a > .display-inline{padding: 100px 0; width: 100%; height: 100%;}
.menu_open_inner a > .display-inline > .display-inline {width: 100%; height: 100%;  border-right: 2px solid transparent; 
                                                        -webkit-transition: border-right-color 0.8s ease 0.5s;
                                                        -moz-transition: border-right-color 0.8s ease 0.5s;
                                                        -o-transition: border-right-color 0.8s ease 0.5s;
                                                        -ms-transition: border-right-color 0.8s ease 0.5s;
                                                        transition: border-right-color 0.8s ease 0.5s;        
}

.menu_open_inner a.last > .display-inline > .display-inline {border-right: none !important; }
.menu_open_inner a:hover{background-color: #fff; color: #0e7f40;}
.menu_open_inner a.active{background-color: #fff; color: #ee4035;}

.menu_open.active{opacity: 1; visibility: visible; padding-top: 0;}
.menu_open_inner.active{top: 0;}
.menu_open_inner.active a > .display-inline > .display-inline{border-right: 2px solid #4be597;}


.aspa{display: inline-block; vertical-align: middle; width: 22px; height: 20px; background: url("../icons/aspa.png") 50% 50% no-repeat;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
}
.btn_circle:hover .aspa{
    -moz-transform: rotate(90deg) translate(0);
    -webkit-transform: rotate(90deg) translate(0);
    -o-transform: rotate(90deg) translate(0);
    transform: rotate(90deg) translate(0);
}

/* MENU BOTTOM */

.w_menu_bottom{opacity: 0; position: relative; padding-top: 153px;  position: relative; margin-top: -140px; z-index: 2; overflow: hidden;
               -webkit-transition:  margin-top 0.38s ease;
               -moz-transition: margin-top 0.38s ease;
               -o-transition:  margin-top 0.38s ease;
               -ms-transition:  margin-top 0.38s ease;
               transition:  margin-top 0.38s ease; 
}
.w_menu_bottom.sin_margin{margin-top: 0; }
.w_menu_bottom.sin_margin:hover{margin-top: 0; }


.w_menu_bottom > .container{position: relative; z-index: 2;}
.w_menu_bottom_back{background: url('../icons/curva.png') 50% 0 no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.menu_bottom_inner {text-align: center; margin: 0 auto 22px; max-width: 980px;}
.menu_bottom li {width: 16.6666666666666666666666667%; background: url('../icons/shadow.png') 100% 13px no-repeat; vertical-align: top;}
.menu_bottom li.last, .menu_bottom li:last-child {background: none;}
.menu_bottom li a{font: 16px/1em "Pompiere-Regular"; color: #0E7F40; text-align: center; display: block;}
.menu_bottom li a .ico{height: 50px; display: block; margin-bottom: 24px;}
.menu_bottom li a .ico i{
    -webkit-transition: font-size 0.18s ease, margin-top 0.18s ease;
    -moz-transition: font-size 0.18s ease , margin-top 0.18s ease;
    -o-transition: font-size 0.18s ease , margin-top 0.18s ease;
    -ms-transition: font-size 0.18s ease, margin-top 0.18s ease;
    transition: font-size 0.18s ease , margin-top 0.18s ease; 
}
.menu_bottom li a .txt{display: block;}

.menu_bottom li a.link_productos i{font-size: 40px;}
.menu_bottom li a.link_nustra_historia i{font-size: 36px;}
.menu_bottom li a.link_nuestra_empresa i{font-size: 45px;}
.menu_bottom li a.link_trabaja_con_nosotros i{font-size: 48px;}
.menu_bottom li a.link_blog i{font-size: 34px;}
.menu_bottom li a.link_contacto i{font-size: 35px;}

.menu_bottom li a:hover.link_productos i{font-size: 52px;}
.menu_bottom li a:hover.link_nustra_historia i{font-size: 48px;}
.menu_bottom li a:hover.link_nuestra_empresa i{font-size: 57px; margin-top: -3px;}
.menu_bottom li a:hover.link_trabaja_con_nosotros i{font-size: 60px; margin-top: -4px;}
.menu_bottom li a:hover.link_blog i{font-size: 46px;}
.menu_bottom li a:hover.link_contacto i{font-size: 47px;}

.wrapper_banner_bottom{position: absolute; left: 0; bottom: 0; right: 0; width: 100%; z-index: 3;}

.paisaje{width: 100%; height: 106px; background: url('../icons/paisaje.jpg') 50% 100% repeat-x; margin-bottom: -106px; z-index: 3; position: relative;
         -webkit-transition:  margin-bottom 0.38s ease;
         -moz-transition: margin-bottom 0.38s ease;
         -o-transition:  margin-bottom 0.38s ease;
         -ms-transition:  margin-bottom 0.38s ease;
         transition:  margin-bottom 0.38s ease; 
}
.paisaje.sin_margin{margin-bottom: 0; z-index: auto;}
.paisaje p{padding-top: 76px; text-align: center; color: #fff; font-size: 13px; margin-bottom: 0;}
.paisaje.bottom{position: fixed; left: 0; right: 0; bottom: 0; width: 100%; margin-bottom: 0;}

.w_menu_bottom:hover .paisaje{margin-bottom: 0;}
.w_menu_bottom:hover {margin-top: -246px;}


/* TOP HEADER */

.top_header{ position: relative; z-index: 5; width: 100%; min-height: 420px; background: url('../icons/bg_body.jpg') 50% 0 no-repeat; background-size: cover;}
.top_header_contacto{min-height: 450px; background: #fff;}
.cover_top_header{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 106px; background: url('../icons/curva.png') 50% -50px no-repeat}
.header_title{padding-top: 200px; }
.header_title h1{font-size: 23px; margin-bottom: 5px; color: #323232;}
.header_title p{margin-bottom: 0;}
.header_title a.active{font-weight: bold; border-bottom: 1px solid #3f3f3f;}


/* CONTACTO */

.form_opciones{padding-right: 20px;}
.form_opciones a{display: block;
    
}
.form_opciones a:hover, .form_opciones a.active{color: #ee4035;}
.form_opciones a.first{padding-bottom: 8px; border-bottom: 1px solid #b2b2b2; margin-bottom: 8px;}

.container_small{max-width: 980px; margin: 0 auto;}
.form_left{max-width: 320px;}
.form_right{padding-left: 320px;}
#map-canvas{position: absolute; left: 0; top: 0; height: 100%; width: 100%; height: 100%;}
.foto_text{position: relative; z-index: 1; border: none; width: 100%;
  font: 16px/1.25em 'Signika-Regular', sans-serif; font-weight: 300; color: #3f3f3f;
}
.foto_text.active{height: 100%;}
.foto_file{position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; overflow: hidden;}

.form_sugerencias, .form_visitas{position: relative;}
#form_2{opacity: 0; visibility: hidden; display: none;}



/* BODY INTERIORES */

.body_interiores{padding: 0px 0 40px;}
.label_info{font: 20px/1.15em "Signika-Regular"; color: #007836;}


/* NUESTRA HISTORIA */

.wrapper_body_historia{}
.top_header.nuestra_historia{min-height: 230px;}
.body_nuestra_historia{}
.banner_blur{ text-align: center; margin: 0 auto; opacity: 0;}
.banner_blur .item{max-width: 711px; overflow: hidden; display: inline-block; background-color: #fff;
                   -webkit-border-radius: 6px;
                   -moz-border-radius: 6px;
                   border-radius: 6px;
}
.banner_blur.blur .item{
    filter: blur(3px); 
    -webkit-filter: blur(3px); 
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url(../icons/blur_3.svg#blur);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.banner_blur.blur .item.blured{
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: url(../icons/blur_0.svg#blur);

    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.banner_blur .item img{display: block; width: 100%; max-width: 100%;
                       -webkit-border-top-left-radius: 6px;
                       -moz-border-top-left-radius: 6px;
                       border-top-left-radius: 6px;
                       -webkit-border-top-right-radius: 6px;
                       -moz-border-top-right-radius: 6px;
                       border-top-right-radius: 6px;
}
.banner_blur .descripcion{padding: 10px 10px 10px 0; }
.banner_blur .anio{}
.banner_blur .anio h2{font-size: 31px; font-family: "Pompiere-Regular"; margin-bottom: 0; padding-top: 5px;}
.banner_blur .anio .anio_inner{border-right: 1px solid #007836; height: 100%; padding: 5px 15px;}
.banner_blur .desc {padding-left: 15px;}
.banner_blur .desc p{margin-bottom: 0;}

/* AÑOS */

.w_anios{opacity: 0; visibility: hidden; position: relative; padding-top: 50px; overflow: hidden;}
.w_anios .anios_back{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url('../icons/curva.png') 50% -50px no-repeat;}
.anios {position: relative; z-index: 2; padding-top: 70px ; padding-bottom: 30px;}
.anios .anio_item{position: relative; padding: 0 40px; display: inline-block; }
.anios .anio_item h3{display: block;  cursor: pointer; width: 61px;
  
}
.anios .anio_item h3 span{display: block; height: 100%; z-index: 2; background-color: #fff; position: relative; padding: 0 15px; font-family: "Pompiere-Regular"; font-size: 20px;
   -webkit-transition:  font-size 0.38s ease;
         -moz-transition: font-size 0.38s ease;
         -o-transition:  font-size 0.38s ease;
         -ms-transition:  font-size 0.38s ease;
         transition:  font-size 0.38s ease; 
}
.anios .anio_item:hover h3 span, .anios .center .anio_item h3 span{font-size: 25px; font-weight: bold;}
.anios .anio_item .linea_cross{position: absolute; z-index: 1; top: 50%; margin-top: -1px; left: 0; width: 100%; right: 0; border-top: 1px solid #ccc;}
.anios .anio_item.first .linea_cross{left: 50%; width: 50%;}
.anios .anio_item.last .linea_cross{right: 50%; width: 50%;}


/* MARCAS ESCOGE */

.marcas{}
.marca a.a_img{display: block;  height: 115px; margin: 0 38px 34px;}

/* TITULO INTERIORES */

.h1{margin-bottom: 50px;}
.h1 h1{font-size: 35px; line-height: 1;}
.h1 .linea{width: 84px; height: 1px; background-color: #007836; display: inline-block;}
h1.h1_regular{font-size: 25px; font-family: "Signika-Regular";}

/* FORMULARIO */

.row{ display: inline-block; *display: inline; zoom: 1; margin-bottom: 20px;}
.row_inner{position: relative; }
.row.full{width: 100%;}
.row.medium{width: 50%;}
.row.medium_large{width: 75%;}
.row.medium_small{width: 25%;}
.row.lft{padding-right: 10px;}
.row.rgt{padding-left: 10px;}
.row .input, .row .textarea{ position: relative; z-index: 1; width: 100%;}

.row .i{position: absolute; left: 0; top: 0; width: 40px; height: 100%; z-index: 2;}
.row .i.i_textarea{height: 42px;}
.row .i i{vertical-align: middle; font-size: 21px; color: #017837;}
.row .i.icon_datepicker{cursor: pointer;}

.row.row_file .i{right: 10px; left: auto;}
.row.row_file .i i{color: #fff; font-size: 29px;}

.archivo.input{ opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;cursor: pointer;}
.error .archivo_text.input, .row.row_file .error .i i{color: #ff0000;}
.archivo_text.input{ padding: 12px 55px 12px 15px; color: #fff; 
                     text-align: center; 
                     position: relative;
                     z-index: 1;
                     border: none; background-color: #0e7f40;
                     background-position: 100% 47%;
                     background-repeat: no-repeat;
                     cursor: pointer; box-shadow: 0 3px #005727;
}

.row_file .row_inner{top: 0; position: relative;}
.row_file .row_inner:hover{top: 2px;}
.row_file .row_inner:active{top: 4px; }
.row_file .row_inner:active .archivo_text.input{box-shadow: 0 2px #005727; background-color: #027635;}

.row_small_dia{width: 30%; }
.row_small_mes{width: 40%; padding: 0 6px;}
.row_small_anio{width: 30%;}


.color_light{color: #a1a1a1;}
.aviso{margin: 10px 0 30px;}

.w_btn_submit{height: 35px;}

/* FOOTER */

footer.footer_fixed_bottom{opacity: 0;}
footer.footer_fixed_bottom.fixed{position: fixed; left: 0; right: 0; width: 100%; bottom: 0;}

/* PRODUCTOS */

.wrapper_productos{height: 100%;}
.productos_menu{position: fixed; width: 215px; left: 24px; top: 0; z-index: 9;}
.productos_menu_recta{ background-color: #fff; width: 215px; padding-top: 120px; margin: 0 auto;}
.productos_menu_curva{width: 215px; height: 105px; margin: 0 auto; padding-top: 24px; background: url('../icons/menu_curve.png') 50% 0 no-repeat;}
.productos_body{padding-left: 260px; width: 100%; height: 100%;}
.productos_content{width: 100%; padding: 0 120px 0 80px; height: 100%;}

.producto_seccion{height: 100%; position: relative; padding-top: 50px; padding-bottom: 280px; text-align: left; display: inline-block;}
.producto_seccion h2{font: 70px/1em 'Pompiere-Regular'; color: #fff; margin-bottom: 18px;}
.producto_seccion .ver{margin-bottom: 4px}
.producto_seccion .ver p{padding: 5px 26px; border-top: 1px solid #479e6e; border-bottom: 1px solid #479e6e; display: inline-block; color: #fff; font-size: 29px;}
.btn_producto_down.btn_arrow_circle{position: fixed; margin-top: -31px; top: 50%; right: 61px;}
.btn_producto_down.btn_arrow_circle:active{margin-top: -29px;}
.btn_producto_down.up{display: none;}
.w_producto_image{height: 100%;}
.producto_image{position: relative; height: 100%; margin-bottom: 25px; overflow: hidden;} 
.producto_image.heightPriority{height: auto;}
.producto_cover{position: relative; height: 100%; z-index: 3; }
.producto_cover img{display: block; height: 100%; width: auto;}
.producto_image.heightPriority .producto_cover img{height: auto; width: 100%;}
.producto_img{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;  z-index: 2; background-size: 100% auto !important;}
.producto_descripcion{position: absolute; left: 0; right: 0; bottom: 20px; margin: 0 auto; text-align: center; }
.productos_nav{padding: 56px 0 30px;}

.productos_nav li a{color: #fff; margin-bottom: 15px; display: inline-block;}
.productos_nav li a .txt{display: inline-block; width: 100%;}
.productos_nav li .ico{display: block; width: 26px; height: 1px; background-color: #66ae87; margin: 0 auto 20px;}

.productos_menu_bottom{width: 100%; height: 117px; background: url('../icons/productos_menu_bottom.png') 50% 50% no-repeat; padding-top: 55px;}

.control{width: 81px; height: 35px; z-index: 9; background: url('../icons/control-icon.png') 50% 50% no-repeat; position: fixed; right: 51px; bottom: 32px;}

/* PRODUCTO DETALLE */

.nav_producto_detalle{position: fixed; left: 48px; top: 0; bottom: 0; margin: auto auto;}
.nav_producto_detalle_inner{position: relative;}

.nav_producto_detalle ul{ border-top: 1px solid #000; position: relative; z-index: 2;}

.nav_producto_detalle ul li{display: block;}
.nav_producto_detalle ul li a{display: block; width: 22px; height: 22px;  border-bottom: 1px solid #000;}
.nav_producto_detalle ul li a:hover{}
.nav_producto_detalle ul li a.active{}

.nav_hover{background-color: #fff; z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 22px; height: 21px;}
.nav_active{background-color: #fff;z-index: 1;  position: absolute; top: 0; width: 22px; height: 22px;}

.close_producto_detalle{position: fixed; right: 48px; top: 0; bottom: 0; margin: auto;}

.nav_detalle {position: relative;}
.nav_detalle #loading{position: absolute; left: 0; right: 0; bottom: -65px; opacity: 0; visibility: hidden;}

.nav_detalle a{display: block; font-size: 100px; color: #0E7F40; width: 80px; height: 40px; position: relative; top: -2px;}
.nav_detalle a:active{top: 0;}

.nav_detalle a.light_up{background: url('../icons/arrow_light_up.png') 0 0 no-repeat; margin-bottom: 59px;}
.nav_detalle a.light_down{background: url('../icons/arrow_light_down.png') 0 0 no-repeat;}

.img_detalle{margin-left: 72px;}
.image_detalle{position: relative;}

.wrapper_producto_detalle{padding-top: 200px; background: url('../icons/bg_producto_detalle.jpg') 50% 100% no-repeat; background-size: cover;}
.container_producto_detalle{}
.container_producto_detalle h1{font: 36px/1.25em 'Pompiere-Regular'; color: #ee4035; margin-bottom: 20px; position: relative;}
.container_producto_detalle h1 span{font-size: 51px;}
.presentacion_detalle {margin-bottom: 40px; position: relative; }
.presentacion_detalle li{display: inline-block; margin-right: 28px; vertical-align: top;}
.presentacion_detalle li a{display: block; text-align: center; color: #0E7F40;
                           -webkit-transition:  color 0.38s ease;
                           -moz-transition: color 0.38s ease;
                           -o-transition:  color 0.38s ease;
                           -ms-transition:  color 0.38s ease;
                           transition:  color 0.38s ease; font-size: 18px;
                           font-family:'Signika-Regular', sans-serif;
}
.presentacion_detalle li a .botella_circle{display: block; width: 82px; height: 82px; line-height: 82px; text-align: center; margin-bottom: 15px;
                                           border: 5px solid #0e7f40; 
                                           -webkit-border-radius: 50%;
                                           -moz-border-radius: 50%;
                                           border-radius: 50%;
                                           -webkit-transition:  border-color 0.38s ease, background-color 0.38s ease;
                                           -moz-transition: border-color 0.38s ease, background-color 0.38s ease;
                                           -o-transition:  border-color 0.38s ease, background-color 0.38s ease;
                                           -ms-transition:  border-color 0.38s ease, background-color 0.38s ease;
                                           transition:  border-color 0.38s ease, background-color 0.38s ease; 
}
.presentacion_detalle li a i{color: #0e7f40;
                             -webkit-transition:  color 0.38s ease;
                             -moz-transition: color 0.38s ease;
                             -o-transition:  color 0.38s ease;
                             -ms-transition:  color 0.38s ease;
                             transition:  color 0.38s ease; 
}
.presentacion_detalle li a:hover, .presentacion_detalle li a.active{color: #ee4035;}
.presentacion_detalle li a:hover .botella_circle, .presentacion_detalle li a.active .botella_circle{border-color: #ee4035; background-color: #ee4035;} 
.presentacion_detalle li a:hover .botella_circle i, .presentacion_detalle li a.active .botella_circle i{color: #fff;} 
.presentacion_detalle li a.active{cursor: default;}

.types_detalle{margin-left: 68px;}

.botella_180 .botella_circle{font-size: 38px;}
.botella_450 .botella_circle{font-size: 48px;}
.botella_946 .botella_circle{font-size: 60px;}
.botella_1800 .botella_circle{font-size: 60px;}

/* BLOG */

.w_articulos{max-width: 1024px; margin: 0 auto; position: relative;}
.w_articulos > .display-table .display-table-cell{vertical-align: top;}

.w_articulo_img{-webkit-border-radius: 6px; overflow: hidden; margin-bottom: 20px;
                -moz-border-radius: 6px;
                border-radius: 6px;}
.w_articulo_img img{display: block; max-width: 100%;}

.articulos {padding-right: 59px;}
.articulo {padding-bottom: 25px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.articulo.last, .articulo:last-child{border-bottom: none;}
.articulo h2{font-size: 21px; color: #363636; font-family: "Signika-Bold"; margin-bottom: 10px;}
.articulo .articulo_datos p{margin-bottom: 0; font-size: 14px;}
.articulo_datos_txt{padding-top: 1px;}
.articulo_datos_txt .icon-link_out{font-size: 26px; color: #d7d7d7;
            -moz-transition: color 0.25s ease;
                             -o-transition:  color 0.25s ease;
                             -ms-transition:  color 0.25s ease;
                             transition:  color 0.25s ease; 
}
.articulo_datos_txt .icon-link_out:hover{color: #addbc2;}

.sidebar{ width: 300px; margin-bottom: 25px; }
.sidebar h3{font-size: 20px;}
.sidebar_secciones{overflow: hidden;}
.sidebar_secciones li{border-bottom: 1px solid #eeeeee; display: block;}
.sidebar_secciones li.last{border-bottom: none;}
.sidebar_secciones li a{display: block; padding: 14px 15px 14px 22px; color: #616161;
    -webkit-transition:  color 0.38s ease, background-color 0.38s ease;
                             -moz-transition: color 0.25s ease, background-color 0.25s ease;
                             -o-transition:  color 0.25s ease, background-color 0.25s ease;
                             -ms-transition:  color 0.25s ease, background-color 0.25s ease;
                             transition:  color 0.25s ease, background-color 0.25s ease;   
}
.sidebar_secciones li a .w_cat{display: block; position: relative;  font-size: 17px; padding: 0 55px 0 35px;}

.sidebar_secciones li a span.lft{position: absolute; left: 0; top: 0; height: 100%;}
.sidebar_secciones li a span.lft i{font-size: 18px; color: #000;}

.sidebar_secciones li a span.lft img{vertical-align: middle;}
.sidebar_secciones li a span.lft img.h{display: none;}

.sidebar_secciones li a span.rgt{position: absolute; right: 0; top: 0; height: 100%;  }
.sidebar_secciones li a span.rgt .count{background-color: #addbc2; color: #fff; font-weight: bold; padding: 4px 15px; font-size: 12px; line-height: 1; 
                                        -webkit-border-radius: 10px;  
                                        -moz-border-radius: 10px;
                                        border-radius: 10px;
}

.sidebar_secciones li a:hover {background-color: #007836; color: #fff;}
.sidebar_secciones li a:hover span.lft i{color: #fff;}
.sidebar_secciones li a.active span.rgt .count{background-color: #007836;}
.sidebar_secciones li a:hover span.rgt .count{background-color: #438c65;}

.sidebar_secciones li a:hover span.lft img.h, .sidebar_secciones li a.active span.lft img.h{display: inline;}
.sidebar_secciones li a:hover span.lft img.n, .sidebar_secciones li a.active span.lft img.n{display: none;}

.rs_desplegable{position: relative;}
.rs_desplegable .w_rs{position: absolute; right: -10px; overflow: hidden; opacity: 0; top: 100%; visibility: hidden;
               -webkit-border-radius: 4px;  
               -moz-border-radius: 4px;
               border-radius: 4px;
               -moz-transition: all 0.25s ease;
                             -o-transition:  all 0.25s ease;
                             -ms-transition:  all 0.25s ease;
                             transition:  all 0.25s ease; 

}
.rs_desplegable:hover .w_rs{opacity: 1; visibility: visible; right: 0;}
.rs_desplegable .w_rs .rs{display: block; background-color: #0e7f40; text-align: center; padding: 6px 40px; color: #fff;
                -moz-transition: color 0.25s ease, background-color 0.25s ease;
                             -o-transition:  color 0.25s ease, background-color 0.25s ease;
                             -ms-transition:  color 0.25s ease, background-color 0.25s ease;
                             transition:  color 0.25s ease, background-color 0.25s ease;  
}
.rs_desplegable .w_rs .rs:hover{background-color: #ee4035;}



/*
*
*  WATTS
*
*/

.html_watts, .body_watts{height: 100%;}
.wrapper_watts{height: 100%; background: url('../icons/bg_watts.jpg') 50% 0 no-repeat; background-size: cover;}
.watts_top{position: absolute; width: 100%; height: 1px; background-color: #b61230;}
.watss_menu{position: absolute; top: 1px; left: 38px;  width: 63px; height: 82px; text-align: center; background: url('../icons/menu_watts_bg.png') 0 0 no-repeat;}
.watss_menu a{display: inline-block;  width: 40px; padding-top: 18px;}
.watss_menu a span{display: block; width: 100%; height: 5px; margin: 0 0 4px; background-color: #fff;
                                        -webkit-border-radius: 3px;  
                                        -moz-border-radius: 3px;
                                        border-radius: 3px;
}

.watts_regresar{position: absolute; padding-top: 6px; font-weight: normal; top: 1px; left: 0; right: 0; margin: 0 auto; width: 191px; height: 42px; background: url('../icons/regresar_bg.png') 0 0 no-repeat;}
.watts_regresar a{display: block; text-align: center; color: #fff; font: 16px/1em "QuigletRegular"; line-height: 0.8;}
.watts_regresar a i{font-size: 21px}


.watts_rs{position: absolute; top: 1px; right: 38px; background-color: #b61230; padding: 4px 10px;
-webkit-border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-radius-bottomright: 16px;
-moz-border-radius-bottomleft: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
}
.watts_rs ul li{display: inline-block; margin: 0 4px;}
.watts_rs ul li a{display: block; width: 30px; height: 30px;  text-align: center; line-height: 34px; color: #fff;
          -webkit-border-radius: 50%;  
                                        -moz-border-radius: 50%;
                                        border-radius: 50%;
-webkit-box-shadow: 0px 0px 6px  rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 6px  rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 6px  rgba(0, 0, 0, 0.2);
}
.watts_rs ul li a.f{background-color: #3b5998;}
.watts_rs ul li a.y{background-color: #e52d27;}
.watts_rs ul li a.t{background-color: #55acee;}


.watss_bottom{position: absolute; width: 100%; height: 250px; background: url('../icons/watss_bottom.png') 50% 0 no-repeat; left: 0; right: 0; margin: 0 auto; bottom: 0;}

.w_banner_watts{position: absolute; bottom: 30px; left: 0; right: 0; width: 100%; }
.banner_watts{max-width: 755px;}
.banner_watts .banner_watt{margin: 0 5px; padding-bottom: 70px;}
.banner_watts .banner_watt a{display: block; position: relative;}
.banner_watts .banner_watt a img{position: relative; z-index: 2;}
.banner_watts .banner_watt a .watts_shadow{display: block; position: absolute; width: 314px; height: 142px; background: url('../icons/watts_shadow.png') 0 0 no-repeat;
    z-index: 1; left: -23px; bottom: -67px;
}

.w_banner_watts .nav{position: absolute; top: 50%; width: 72px; height: 72px; background-color: #fff; text-align: center; line-height: 58px;  color: #f18f00;
    font-size: 35px; margin-top: -36px;
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 3px;
}
.w_banner_watts .nav .orange{display: block; background-color: #f18f00; padding: 8px; width: 100%; height: 100%;
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;
    border-radius: 50%; 
}
.w_banner_watts .nav .orange_inner{display: block; background-color: #fff; width: 100%; height: 100%;
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;
    border-radius: 50%;  
}
.w_banner_watts .nav.lft{ left: 20px;  display: none;}
.w_banner_watts .nav.lft .orange_inner{ padding-right: 3px;}
.w_banner_watts .nav.rgt{ right: 20px; }
.w_banner_watts .nav.rgt .orange_inner{padding-left: 3px;}





/* RESPONSIVE */

@media only screen and (max-width : 1650px) {

    .banner_item_inner{max-width: 945px;}
    .banner_item .img .img_inner img{width: auto;}
    .banner_item .txt{padding-top: 60px;}
}
@media only screen and (max-width : 1522px) {
    .menu_open_inner a{font-size: 31px;}

    .menu_open_inner a.link_productos i{font-size: 80px;}
    .menu_open_inner a.link_nustra_historia i{font-size: 75px;}
    .menu_open_inner a.link_nuestra_empresa i{font-size: 110px;}
    .menu_open_inner a.link_trabaja_con_nosotros i{font-size: 118px;}
    .menu_open_inner a.link_blog i{font-size: 75px;}
    .menu_open_inner a.link_contacto i{font-size: 75px;}
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1366px) {
    .producto_seccion{padding-top: 25px; padding-bottom: 240px;}
    .producto_seccion h2{font-size: 50px; margin-bottom: 5px;}
    .producto_seccion .ver p{font-size: 21px;}
    .productos_content{padding: 0 151px 0 33px;}
}

@media only screen and (max-width : 1342px) {
    .container{padding-left: 15px; padding-right: 15px;}
    .footer_lft , .footer_rgt{width: 100%; padding: 0; margin-bottom: 15px;}
    .banner_item .img .img_inner img{max-width: 85%;}
    .btn_producto_down.btn_arrow_circle{right: 29px;}
}

@media only screen and (max-width : 1260px) {

}

@media only screen and (max-width : 1150px) {

    .banner_item_inner{max-width: 835px;}

    .banner:hover .link_banner_home.link_prev{left: 35px;}
    .banner:hover .link_banner_home.link_next{right: 35px;}
}

@media only screen and (max-width : 1130px) {

    .menu_open_inner a{font-size: 26px;}

    .menu_open_inner a.link_productos i{font-size: 60px;}
    .menu_open_inner a.link_nustra_historia i{font-size: 55px;}
    .menu_open_inner a.link_nuestra_empresa i{font-size: 90px;}
    .menu_open_inner a.link_trabaja_con_nosotros i{font-size: 98px;}
    .menu_open_inner a.link_blog i{font-size: 55px;}
    .menu_open_inner a.link_contacto i{font-size: 55px;}

    .menu_open_inner .txt{height: 70px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1170px) {
    .logo a img{width: 210px;}
}

@media only screen and (max-width : 1088px) {
    .top{width: 100%; max-width: 1019px; background-image: url('../icons/bg_header_1019.png');}
    .top .redes_sociales_top{right: 170px;}

}
@media only screen and (max-width : 1024px) {

    .top{max-width: 100%; background-size: 100%;}
    .banner:hover .link_banner_home.link_prev{left: 15px;}
    .banner:hover .link_banner_home.link_next{right: 15px;}

    .menu_open_inner a{font-size: 20px;}

    .menu_open_inner a.link_productos i{font-size: 50px;}
    .menu_open_inner a.link_nustra_historia i{font-size: 45px;}
    .menu_open_inner a.link_nuestra_empresa i{font-size: 60px;}
    .menu_open_inner a.link_trabaja_con_nosotros i{font-size: 68px;}
    .menu_open_inner a.link_blog i{font-size: 45px;}
    .menu_open_inner a.link_contacto i{font-size: 45px;}

    .menu_open_inner .ico{height: 80px;}
    .menu_open_inner .txt{height: 60px;}

    .menu_open_inner.active a > .display-inline > .display-inline{border-right-width: 1px;}

    .productos_content{padding-left: 20px; padding-right: 40px;}
    .btn_producto_down.btn_arrow_circle{opacity: 0 !important; visibility: hidden !important;}
    .control{display: none !important;}
}
@media only screen and (max-width : 1020px) {
    .marcas{max-width: 625px; margin: 0 auto;}
    .marca{width: 50%; margin: 0 0 30px;}  
}
@media only screen and (max-width : 1000px) {
    .logo{margin-top: 28px;}
    .top{max-width: 100%; background-size: 100%;}

    .banner:hover .link_banner_home{display: none !important;}
}
@media only screen and (max-width : 970px) {
    .banner_item .txt{padding-top: 0px; padding-left: 20px;}
    .banner_item .txt h2{font-size: 45px;}

}
@media only screen and (max-width : 935px) {
    .top{background-image: url('../icons/bg_header_932.png');}
    .top .redes_sociales_top{right: 165px; top: 78px;}
}
.w_banner_blur_responsivo{opacity: 0; visibility: hidden; position: fixed; z-index: -1;}
@media only screen and (max-width : 880px) {
    .w_banner_blur{opacity: 0; visibility: hidden; position: fixed; z-index: -1;}
    .w_banner_blur_responsivo{opacity: 1; visibility: visible; position: static;}
}
@media only screen and (max-width : 850px) {
    .banner_item .img{padding-left: 320px;}
    .top{background-image: url('../icons/bg_header_850.png');}
    .top .redes_sociales_top{ right: 150px;}
}
@media only screen and (max-width : 840px) {

    .banner_item .img .img_inner{text-align: right;}
    .form_opciones{margin-bottom: 30px;}
    .form_left{float: none;}
    .form_right{padding-left: 0;}

}
@media only screen and (max-width : 790px) {
    .logo{margin-top: 25px;}
    .top .redes_sociales_top{ right: 130px; top: 72px}
    .top .btn_menu{left: 135px;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    body.body_home{background-repeat: repeat; background-size: auto;}

    .menu_open{overflow-x: hidden;}
    .menu_open_inner a{width: 100%; height: auto; padding: 0 0;}
    .menu_open_inner a > .display-inline{padding-top: 0; padding-bottom: 0;}
    .menu_open{padding-left: 0; padding-right: 0;}
    .menu_open_inner.active a > .display-inline > .display-inline{padding-right: 0 !important; border-right: 0 !important;}
    .menu_open_inner{padding-top: 120px;}

    .menu_open_inner .ico{display: inline-block; width: 85px; text-align: center; }
    .menu_open_inner .txt{display: inline-block; text-align: left; width: 120px; vertical-align: middle; padding-top: 7px;}

    .paisaje{background-position: 35% 0;}
    .menu_bottom li a .ico{margin-bottom: 15px;}

    .banner_item .txt{position: absolute; }
    .banner_item .img{padding-left: 250px;}

    .productos_menu{width: 100%;}
    .productos_nav li{display: inline-block; padding: 0 20px; width: 33.333333333%;}

    .articulos{padding-right: 0;}
    .sidebar{position: relative; width: 100%;}
}
@media only screen and (max-width : 740px) {
    .top{background-size: 740px auto;}
}
@media only screen and (max-width : 733px) {
    .top .redes_sociales_top{ right: 16%;}
    .top .btn_menu{left: 150px;}
}
@media only screen and (max-width : 695px) {
    .top .redes_sociales_top{ right: 14%;}
    .top .btn_menu{left: 90px;}

    .banner_item .txt{max-width: 300px;}
    .banner_item .img{padding-left: 100px;}
}
@media only screen and (max-width : 663px) {
    .top .redes_sociales_top{ right: 13%;}
    .banner_item .img .img_inner img{}
}
@media only screen and (max-width : 640px) {
    .banner_item .img .img_inner .img{padding-top: 35px; padding-left: 180px;}

}
@media only screen and (max-width : 633px) {
    .top .redes_sociales_top{ right: 12%;}
    
    .marca{width: 100%;} 
}
@media only screen and (max-width : 618px) {
    .top .redes_sociales_top{ right: 11%;}
}
@media only screen and (max-width : 608px) {

    .top .redes_sociales_top{ right: 10%;}

    .banner_item .txt{padding-top: 100px;}
    .banner_item .img .img_inner img{max-width: 400px; padding-top: 70px;}

}
@media only screen and (max-width : 590px) {
    v.redes_sociales_top{ right: 9%;}

    .banner_item .txt{padding-top: 110px;}
    .banner_item .txt h2{font-size: 34px;}
    .banner_item .img .img_inner img{max-width: 350px; padding-top: 120px;}

    .menu_bottom li a .ico{margin-bottom: 8px;}
}
@media only screen and (max-width : 570px) {
    .top .redes_sociales_top{ right: 8%;}
    .top .btn_menu{left: 50px;}
    .header_title{padding-top: 180px;}
}
@media only screen and (max-width : 560px) {
    .top .redes_sociales_top{ right: 7%;}
    .top .btn_menu{left: 20px;}
}
@media only screen and (max-width : 550px) {
    .top .redes_sociales_top{ right: 6%;}
}
@media only screen and (max-width : 540px) {
    .top .redes_sociales_top{ right: 5%;}
    .menu_bottom li a{font-size: 13px;}
    .menu_bottom li a .ico{margin-bottom: 5px;}
}
@media only screen and (max-width : 520px) {
    .top .redes_sociales_top{ right: 4%;}
}
@media only screen and (max-width : 515px) {
    .top .redes_sociales_top{ right: 3%;}

    .banner_item .txt{padding-top: 150px;}
    .banner_item .txt h2{font-size: 30px;}
    .banner_item .txt p{font-size: 18px;}
    .banner_item .img .img_inner img{max-width: 320px; padding-top: 140px;}    
}
@media only screen and (max-width : 503px) {
    .top .redes_sociales_top{ right: 1%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    .banner_item .txt{padding-top: 0px; max-width: 100%; position: relative; margin-bottom: 0px; float: none;}
    .banner_item .img {padding-left: 0;}    
    .banner_item .img .img_inner img{max-width: 80%; padding-top: 0px;} 

    .w_menu_bottom{margin-top: -100px !important;}
    .w_menu_bottom:hover {margin-top: -100px !important;}

    .menu_bottom li{width: 33.333333333333%; margin-bottom: 15px;}
    .menu_bottom li:nth-child(3) {background: none;}
    .redes_sociales_top li{margin-left: 2px;}
    .menu_bottom li a{font-size: 16px;}

    .row.medium, .row.medium_large, .row.medium_small{width: 100%;}
    .row.lft{padding-right: 0;}
    .row.rgt{padding-left: 0;}

    .productos_nav li{ width: 100%;}
}
@media only screen and (max-width : 470px) {
    .redes_sociales_top{ margin-left: 1px; }
    .top .redes_sociales_top{top: 75px;}
}

@media only screen and (max-width : 444px) {
    .top .redes_sociales_top{ right: 5px; top: 13px;}

}

@media only screen and (max-width : 435px) {
    .top .redes_sociales_top{ right: 5px; }

}
@media only screen and (max-width : 417px) {
    .top .redes_sociales_top{ top: 15px;}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


/* MEDIA QUERIES HEIGHT */
@media only screen and (max-height : 730px) {

    .banner_item .txt{padding-top: 60px;}
    .banner_item .img .img_inner img{max-width: 90%;}

    .w_menu_bottom{padding-top: 80px; margin-top: -100px;}
    .w_menu_bottom:hover{margin-top: -206px}

    .w_menu_bottom_back{background-position: 50% -65px;}

    .menu_bottom li a .ico{margin-bottom: 5px;}

    .menu_bottom li a.link_productos i{font-size: 30px;}
    .menu_bottom li a.link_nustra_historia i{font-size: 26px;}
    .menu_bottom li a.link_nuestra_empresa i{font-size: 35px;}
    .menu_bottom li a.link_trabaja_con_nosotros i{font-size: 38px;}
    .menu_bottom li a.link_blog i{font-size: 24px;}
    .menu_bottom li a.link_contacto i{font-size: 25px;}

    .menu_bottom li a:hover.link_productos i{font-size: 40px;}
    .menu_bottom li a:hover.link_nustra_historia i{font-size: 36px;}
    .menu_bottom li a:hover.link_nuestra_empresa i{font-size: 45px;}
    .menu_bottom li a:hover.link_trabaja_con_nosotros i{font-size: 48px;}
    .menu_bottom li a:hover.link_blog i{font-size: 34px;}
    .menu_bottom li a:hover.link_contacto i{font-size: 35px;}
}
@media only screen and (max-height : 660px) {
    .banner_item .img .img_inner img{max-width: 85%;}
    .banner_item_inner{padding-top: 0px;}
    .banner_item .txt h2.active{font-size: 40px;}

    .menu_bottom_inner{margin-bottom: 12px;}
    .banner_item .txt h2.active{font-size: 45px;}

}
@media only screen and (max-height : 600px) {
    .banner_item .img .img_inner img{max-width: 75%;}

}
@media only screen and (max-height : 630px) {
    .wrapper_banner_bottom{position: relative;}

}
@media only screen and (max-width: 480px) {
    .wrapper_banner_bottom{position: relative;}
    .w_menu_bottom.touch .paisaje{margin-bottom: 0;}
    .paisaje{margin-bottom: 0;}

}
@media only screen and (max-width: 568px) and (orientation : landscape) {
    .wrapper_banner_bottom{position: relative;}
}

@media only screen and (max-height: 923px) {
    .producto_image{max-width: 750px}
    .productos_menu_recta{padding-top: 60px;}
}
@media only screen and (max-height: 890px) {
    .producto_image{max-width: 700px}
}
@media only screen and (max-height: 845px) {
    .producto_image{max-width: 650px}
}
@media only screen and (max-height: 820px) {
    .producto_image{max-width: 600px}
    .productos_menu_recta{padding-top: 40px;}
    .productos_nav li a{margin-bottom: 5px;}
    .productos_nav{padding-top: 30px; padding-bottom: 0px;}
}
@media only screen and (max-height: 770px) {
    .producto_image{max-width: 560px}
}
@media only screen and (max-height: 740px) {
    .producto_image{max-width: 500px}
}
@media only screen and (max-height: 690px) {
    .producto_image{max-width: 450px}

}
@media only screen and (max-height: 650px) {
    .producto_image{max-width: 400px}
}
@media only screen and (max-height: 610px) {
    .producto_image{max-width: 350px}
}

@media only screen and (max-height: 570px) {
    .producto_image{max-width: 300px}
    .producto_seccion{height: auto;}
}
@media only screen and (max-width: 768px) {
    .producto_seccion{height: auto;}
    .productos_content{padding-right: 20px;}
    .productos_body{padding-left: 0;}
    .producto_image{max-width: 100%;}
    .productos_menu{position: static;}
    .productos_menu{margin: 0 auto;}
    .productos_menu_recta{padding-top: 30px;}


}


/* 2X */

@media 	only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {

    .menu_bottom li {background-image: url('../icons/shadow2x.png'); background-size: 1px auto;}
    .btn_arrow_circle.down{background-image: url('../icons/arrow_circle_down2x.png'); background-size: 62px 62px;}
    .btn_arrow_circle.up{background-image: url('../icons/arrow_circle_up2x.png'); background-size: 62px 62px;}
    .btn_arrow_circle.search{background-image: url('../icons/arrow_circle_search2x.png'); background-size: 62px 62px;}
  
    .watss_menu{background-image: url('../icons/menu_watts_bg2x.png'); background-size: 63px 82px;}
    .watts_regresar{background-image: url('../icons/regresar_bg2x.png'); background-size: 191px 42px;}
}



@supports (pointer-events: none) and
((-webkit-appearance: none) or
(-moz-appearance: none) or
(appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }
    .custom-dropdown{font-family: 'icomoon';}
    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\e61d";
        color: #007836;
        font-size: 12px;
        line-height: 1;
        right: 0.8em;
        top: 50%; margin-top: -.5em;
        -webkit-transition: color 0.35s ease;
       -moz-transition: color 0.35s ease;
       -o-transition: color 0.35s ease;
       -ms-transition: color 0.35s ease;
       transition: color 0.35s ease;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 25px;
        right: 0; top: 0; bottom: 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown::before {
        top: 0; bottom: 0;
        background: #fff;
        border-top: 2px solid #66AE86;
        border-right: 2px solid #66AE86;
        border-bottom: 2px solid #66AE86;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-transition: border-color 0.35s ease;
       -moz-transition: border-color 0.35s ease;
       -o-transition: border-color 0.35s ease;
       -ms-transition: border-color 0.35s ease;
       transition: border-color 0.35s ease;
    }
    .error.custom-dropdown::before{
      border-top-color: #ff0000;
      border-right-color: #ff0000;
      border-bottom-color: #ff0000;
    }
    .error.custom-dropdown::after{
      color: #ff0000;
    }

    /* FF only temporary & ugly fixes */
    /* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
    /* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
    @-moz-document url-prefix() {
        .custom-dropdown__select             { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    } 
}