﻿/* > SOBREESCRITURA ESTILOS ESTANDAR */
/***************************************************************** **/

/**	02. TopBar
*************************************************** **/
body.microsite{font-family: 'Raleway', sans-serif;letter-spacing:0;font-size:15px;line-height:23px;position:inherit !important}
body.microsite #wrapperEncabezado{
    height:110px;
}


/**	03. Header
*************************************************** **/
body.microsite #headr {height:110px;}
body.microsite #headr .container {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;height:110px;}

body.microsite #topSearch{top:0px; width:90%;height:110px;padding:0;margin:0;z-index:9999;left:0;}
#panelTopSearch .RadSearchBox .rsbInput{font-size:20px !important;line-height:110px !important;height:auto !important;margin:0 !important;padding:0 !important;}
body.microsite #topOptions .topSearchBtn:before{
    background-image:url(/img/personalizacion/surey/base/search-icon-green.svg);
    background-repeat:no-repeat;
    background-size: 20px;
    display: inline-block;
    content:"";
    padding:0;
    width:20px;
    height:20px;
    position:absolute;
    top:14px;
    left:14px;
}


body.microsite #topOptions .topSearchBtn:hover:before{
    background-image:url(/img/personalizacion/surey/base/search-icon-white.svg);
}
body.microsite #topOptions .topSearchBtn.active:before{
    background-image:url(/img/personalizacion/surey/base/close-green.svg);
}
body.microsite #topOptions .topSearchBtn.active:hover:before{
    background-image:url(/img/personalizacion/surey/base/close-white.svg);
}
#panelTopSearch .RadSearchBox .rsbInner{padding:0;border:none;}
body.bigmenu #topSearch{background:none;}

#panelTopSearch .RadSearchBox button.rsbButton.rsbButtonSearch {display:none;}
body.microsite #topOptions .topSearchBtn, body.microsite #topOptions .topSearchBtn:hover{border:1px solid #009639;width:50px;height:50px;padding:0;}

body.microsite #headr .logo img {width:87px;height:90px;}
body.microsite.bigmenu #bloqueMenuSuperior{font-family: 'Raleway', sans-serif;top:5px;}
body.microsite.bigmenu #headr ul.nav li, body.microsite.bigmenu #headr ul.nav li a,body.microsite.bigmenu #headr ul.nav li span{font-weight:600;}
body.microsite.bigmenu #headr ul.nav li a, body.microsite.bigmenu #headr ul.nav li span.dropdown-toggle {font-size:16px;line-height:105px;}
body.bigmenu #headr ul.nav > li:first-child {margin-left:180px;}

.rsbSlide{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.rsbSlide .rsbPopup{width:100% !important;margin-top:0 !important;}

body.bigmenu .navbar.yamm ul.dropdown-menu {border-radius:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:0;
    border:1px solid #eee;
    padding:20px 15px 15px 15px;
}

body.bigmenu #headr ul.nav ul.list-unstyled.nivel-dos > .title, body.bigmenu #headr ul.nav ul.list-unstyled.nivel-dos > .title a, body.bigmenu #headr ul.nav ul.list-unstyled.nivel-dos > .title.no-child > a
{line-height:20px;
 border:none;
 font-weight:600;
}

/** 04. Content
**************************************************************** **/
body.nd.microsite #content.fullwidth {margin-top:0 !important;}
body.nd.microsite.home #content.fullwidth {margin-top:110px !important;}
body.nd #content.container {margin-top:0 !important;}
body.microsite #headr .container {margin-top:0;}
body.microsite #headr .logo {top:11px;}

/** 05. Footer
**************************************************************** **/
#divMenuInferiorNavegacion .list-group-item:first-child {text-shadow: none;font-weight:600;font-size: 30px;line-height:34px;    margin-bottom: 15px;text-align:left;}
#divMenuInferiorNavegacion .list-group-item {text-transform:uppercase;text-align:left;}
#footer .list-group a {border-color:#ccc;}

/** 07. Headings
 **************************************************************** **/
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;font-weight:800;}
h1 {font-size: 40px;line-height: 44px;margin: 0 0 16px 0;letter-spacing:-0.2px;}
h2 {font-size: 36px;line-height: 40px;margin: 0 0 14px 0;}
h3 {font-size: 32px;line-height: 36px;margin: 0 0 12px 0;}
h4 {font-size: 28px;line-height: 32px;margin: 0 0 10px 0;}
h5 {font-size: 24px;line-height: 28px;margin: 0 0 8px 0;}
h6 {font-size: 20px;line-height: 24px;margin: 0 0 8px 0;}

/** 09. Buttons
 **************************************************************** **/
.btn {border-radius:0;font-size:14px;border-radius:25px !important;text-transform:uppercase;font-weight:600;}
.btn, .btn:hover {padding: 8px 18px;border:1px solid;}
.btn.btn-mobile{}
.btn.notransition {-webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
.btn:active,.btn:focus,.btn.active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn.disabled,.btn[disabled] {}
.btn-default {padding: 8px 18px;}
.btn-default:hover {}
.btn-link{font-size:12px;font-weight:400;border:none;padding:0;}
.btn-link:hover, .btn-link:focus {text-decoration:none;}
a.btn-link:hover,a.btn-link:active,a.btn-link:focus{text-decoration:underline !important;border:none;padding:0;}
.btn-trash,.btn-trash:hover {background:none !important;padding:2px 2px 2px 10px;font-size:24px;}
.btn-lg,.btn-lg:hover {padding: 12px 32px;}
.btn-sm, .btn-sm:hover {padding: 6px 16px;}
.btn-xs, .btn-xs:hover {padding: 3px 13px;}
.btn-primary,.btn-secundary,.btn-action,.btn-inverse{}
.configuration .btn{padding:1px 2px;}
.btn-link:hover,.btn-link:focus,.btn-link:active{border:none;padding:0}

/* Transicinoes */
a, .btn, .btn:hover,
#topOptions li button, #topBar .redesSociales .fa 
{transition:none !important;}

/* Item box */
.item-box {border:1px solid #eee;margin:0;}
.item-box-desc {padding:15px;}
.item-box-desc h2 {font-size:18px;text-transform:initial;font-weight:600;margin:0;line-height:22px;max-height:22px;height:22px;}
.item-box-desc p {font-size:15px;line-height:19px;margin-bottom:20px;}

.item-box-desc h2, .item-box-desc h3, item-box-desc h4 {letter-spacing:-0.5px;}
.item-box .item-hover .overlay {
    border-radius:0;
    -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
    background-color: rgba(60,60,60,0.4);

}

.form-control,#ctrlFormulario_RadCaptchaFormulario input[type="text"],
select {border-radius:10px;border:1px solid #ddd;}
.form-control:focus,#ctrlFormulario_RadCaptchaFormulario input[type="text"]:focus {border:1px solid #009639;}
#ctrlFormulario_RadCaptchaFormulario_ctl01 {margin-bottom:10px;}

/* Tienda */
body.familia .item-box, body.familiaNav .item-box, body.buscador .item-box {margin-bottom:30px;}
body.producto #content.container {margin-top:110px !important;}
body.familia #content.container {margin-top:40px !important;}
body.producto #content .page-header h1 {display:none;}
body.producto #content .page-header {border:none;margin-bottom:30px;}
body.producto  #wrapperEncabezado {border-bottom:1px solid #eee;}
.nav-tabs{border-bottom: 1px solid #eee;}
body.producto .productImage .item {border: 1px solid #eee; border-radius:8px;padding:10px;}
body.producto #ctrlProducto_ajaxPanel1 .col-lg-6.col-md-6.col-sm-6.col-xs-12:first-child {border:none;}
body.producto .productRowName, body.productoNav .productRowName {margin-bottom:10px;}
body.producto .productRowName span, body.productoNav .productRowName span {font-size:32px;line-height:36px;border:none;text-transform:none;font-weight:800;}
.social .sshIcon {border-radius:25px;}



/* Otros */
hr {    border-top: #eee 1px solid;}

/* > CONTENIDOS MICROSITE */
/***************************************************************** **/

/* Home */
body.microsite.home #content {margin-bottom:0 !important;}
body.microsite.home #footer{margin-top:0 !important;}

body.microsite .secciontitulo h2.textoTitulo {border:none;text-transform:uppercase;}

/* Slider */
.slider-home {margin-bottom:40px;}
.slider-home, .slider-home .owl-item, .slider-home .item {height:595px;background-color:#f2f2f2;}
.slider-home .background{position:absolute;top:0;right:0;left:0;bottom:0;}
.slider-home .background img{object-fit:cover;height:100%;width:100%;}

.microsite .owl-theme .owl-controls .owl-nav [class*=owl-]{border:1px solid #009639;background-color:transparent;height:50px;width:50px;line-height:46px;}
.microsite .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {background-color: #009639;}
.microsite .owl-theme .owl-controls .owl-nav [class*=owl-]:before {color:#009639;}
.microsite .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before {color:white;}
.slider-home, .slider-home .owl-item, .slider-home .item {height: 595px;z-index:100;}

.slider-home .textos{width:43%;margin-left:5%;display:inline-block;vertical-align:top;padding-top:120px;}
.slider-home .imagen{width:45%;display:inline-block;vertical-align:top;padding-top:50px;}
.slider-home .imagen img{max-height:460px;width:auto;margin-left:auto;margin-right:auto;}

.slider-home .textos.right {margin-left:auto;margin-right:0;}
.slider-home .textos.right.dark{background-color:rgba(0,0,0,0.6);padding:25px 25px 25px 25px;}

.slider-home h1,.slider-home h2{font-weight:900;}
.slider-home h2{font-size:42px;line-height:46px;margin-bottom:15px;}
.slider-home ul {font-size:20px;line-height:24px;margin-bottom:35px;}
.slider-home a.btn{font-size:20px;font-weight:600;text-transform:uppercase;padding:10px 30px;border-radius:30px !important;}
.lienzo{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;z-index:59;}

/* Destacados */
.microsite .productosDestacadosHome{margin-bottom:40px;padding-top:30px;}
.microsite .productosDestacadosHome .item-box {overflow: hidden;width: 90%;margin-left: 5%;margin-right: 5%;margin-top: 0;}
.microsite .productosDestacadosHome .owl-prev{left:-50px !important;}
.microsite .productosDestacadosHome .owl-next{right:-50px !important;}
.microsite .productosDestacadosHome .shop .item-box-desc {height:150px;}
.microsite .productosDestacadosHome .seccionCarruselImagenes{margin-top:20px;}
.microsite .productosDestacadosHome .item-box-desc h2 {text-transform:initial;}
.microsite .productosDestacadosHome .item-box-desc .refProducto {margin-bottom:20px;}

/* Parallax */
.microsite .parallaxHome {margin-bottom:40px;}
.microsite .parallax {margin:0;}
.microsite .parallaxcontainer {text-align:left;color:white;}
.microsite .parallax blockquote {font-family: 'Raleway', sans-serif;text-align:left;text-shadow: none;padding:0;margin:0 0 15px 0;font-weight:800;font-size:54px;line-height:58px;width:70%;text-transform:uppercase;}
.microsite .parallax blockquote:before, .microsite .parallax blockquote:after {content: '';margin:0;}
.microsite .parallaxcontainer p{font-size:32px;line-height:36px;font-weight:300;}
.microsite .parallaxMask {background-color: rgba(0,0,0,0.3);}

/* Marcas */
.microsite .nuestras-marcas  {padding:25px 0 25px 0;margin-bottom:40px;}
.microsite .nuestras-marcas .item-box{border:none;}
.microsite .nuestras-marcas .item-box figure img{width:86%;margin-left:auto;margin-right:auto;}
.microsite .nuestras-marcas .item-box-desc h2,.microsite  .nuestras-marcas .item-box-desc p {text-align:center;}
.microsite .nuestras-marcas .textoTitulo {text-align:center;}
.microsite .nuestras-marcas .owl-prev{left:-50px !important;}
.microsite .nuestras-marcas .owl-next{right:-50px !important;}

.microsite .sobreEmpresa {margin-bottom:20px;}
.microsite .serviciosHome {margin-bottom:40px;}
.microsite .serviciosHome .item-box {border:none;}
.microsite .serviciosHome .item-box figure img {width:70%;margin-left:15%;margin-right:15%;margin-bottom:15px;}

/* Headers */
.microsite #pageHeaderFull {margin-top:110px;background-color:#f5f5f5;margin-bottom:25px;}
.microsite #pageHeaderFull > .container:first-child{display:none;}
#pageHeaderFull>div.container div.row {padding:40px 0 15px 0;position:relative;bottom:initial;}

/* Localización */
.microsite .mapa {padding: 0;margin-bottom:40px;}
.microsite .mapa .container {padding-left:30px;}
.microsite .mapa .datos {padding-left:30px;}
.microsite .textos-home {margin-bottom:40px;}
.microsite .categoriasProductosHome {margin-bottom:40px;}
.microsite .categoriasProductosHome h2 {margin-bottom:20px;}

.microsite #content .lead {padding:0;margin-bottom:25px;}

.cubierta{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:99;}

.location {margin-bottom:40px;}
.row.location img {width:50%;margin-right:50%;margin-bottom:15px;}

 /* Info */
.row.about-item {margin-bottom:50px;}
.row.about-item .icon img {width:60%;margin-left:20%;margin-right:20%;}
.intro {margin-bottom:40px;}
.microsite .parallaxInfo {margin-bottom:40px;}

/* Colores y descripcion */
ul.descripcion-producto,ul.colores-producto{margin-bottom:20px;list-style:none;padding:0}
ul.descripcion-producto li,ul.colores-producto li{padding-left:25px;text-indent:-10px}
ul.colores-producto li{height:25px;display:block;position:relative}
ul.descripcion-producto li:before,ul.colores-producto li:before,ul.colores-producto li:after{font-family:FontAwesome;font-size:8px;padding-right:8px;padding-bottom:4px;vertical-align:middle}
ul.descripcion-producto li:before{content:""}
ul.colores-producto li:before,ul.colores-producto li:after{padding-right:25px;font-size:10px;-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px}
ul.colores-producto li:before{content:""}
ul.colores-producto li:after{position:absolute;left:38px;top:2px}
ul.colores-producto li.blanco:before{color:#FFFFFF;}
ul.colores-producto li.azul:before{color:#013ADF;}
ul.colores-producto li.verde:before{color:#04B404;}
ul.colores-producto li.rojo-transparente:before{color:#FA5858;}
ul.colores-producto li.natural:before{color:#F9F0E7;}
ul.colores-producto li.verde-caza:before{color:#4B610B;}
ul.colores-producto li.negro:before{color:#000000;}
ul.colores-producto li.azulina:before{color:#0080FF;}
ul.colores-producto li.azul-marino:before{color:#0B0B3B;}
ul.colores-producto li.gris:before{color:#A4A4A4;}
ul.colores-producto li.beige:before{color:#D9BFA3;}
ul.colores-producto li.verde-kelly:before{color:#80FF00;}
ul.colores-producto li.amarillo:before{color:#FFFF00;}
ul.colores-producto li.azulita:before{color:#0080FF;}
ul.colores-producto li.naranja:before{color:#FF8000;}
ul.colores-producto li.rojo :before{color:#FF0000;}
ul.colores-producto li.gris-vigore:before{color:#D8D8D8;}
ul.colores-producto li.coco-beige:before{color:#E7D4C0;}
ul.colores-producto li.azul-oscuro:before{color:#0B0B61;}
ul.colores-producto li.azul-celeste:before{color:#0080FF;}
ul.colores-producto li.verde-oscuro:before{color:#0B6121;}
ul.colores-producto li.azul-claro:before{color:#58ACFA;}
ul.colores-producto li.violeta:before{color:#7401DF;}
ul.colores-producto li.rosa:before{color:#F781D8;}
ul.colores-producto li.crema:before{color:#F1E4D6;}
ul.colores-producto li.transparente:before{color:#FFFFFF;}
ul.colores-producto li.oliva :before{color:#688A08;}
ul.colores-producto li.hierba:before{color:#5FB404;}
ul.colores-producto li.morado:before{color:#7401DF;}
ul.colores-producto li.marron:before{color:#61380B;}
ul.colores-producto li.lila:before{color:#DA81F5;}
ul.colores-producto li.granate:before{color:#8A0829;}
ul.colores-producto li.royal:before{color:#3573BF;}

/* Dobles */
ul.colores-producto li.negro-amarillo:before{color:#000000;content: "\f111";}
ul.colores-producto li.blanco-rojo:before{color:#FFFFFF;content: "\f111";}
ul.colores-producto li.blanco-amarillo:before{color:#FFFFFF;content: "\f111";}
ul.colores-producto li.blanco-azul .Azul-marino:before{color:#FFFFFF;content: "\f111";}
ul.colores-producto li.blanco-verde:before{color:#FFFFFF;content: "\f111";}
ul.colores-producto li.azulina-verde:before{color:#0080FF;content: "\f111";}
ul.colores-producto li.azul-blanco:before{color:#013ADF;content: "\f111";}
ul.colores-producto li.negro-amarillo:after{color:#FFFF00;content: "\f111";}
ul.colores-producto li.blanco-rojo:after{color:#FF0000;content: "\f111";}
ul.colores-producto li.blanco-amarillo:after{color: #FFFF00;content: "\f111";}
ul.colores-producto li.blanco-azul .Azul-marino:after{color: #0B0B3B;content: "\f111";}
ul.colores-producto li.blanco-verde:after{color: #04B404;content: "\f111";}
ul.colores-producto li.azulina-verde:after{color: #04B404;content: "\f111";}
ul.colores-producto li.azul-blanco:after{color:#FFFFFF;content: "\f111";}

/* Tabla formulario */
@media only screen and (min-width: 768px) {
    .tabla-formulario .table { margin-bottom: 30px; }
}
.tabla-formulario h4 { font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; }
.tabla-formulario hr { margin: 40px 0; }
.tabla-formulario .table-responsive, .tabla-formulario p { color: #888; margin-bottom: 0; }
.tabla-formulario .table-responsive td { border-top: none; padding: 3px 0; min-width: 130px; }


@media only screen and (max-width: 1260px) {}

@media only screen and (max-width: 1200px) {
    #headr .logo {width:26%;margin-left:37%;margin-right:37%;text-align:center;left:0;}
    .slider-home, .slider-home .owl-item, .slider-home .item {height: 415px;}
    .slider-home .textos{width: 42%;margin-left:5%;padding-top:90px;}
    .slider-home .textos.right {margin-right:0;}
    .slider-home .imagen img{max-height:368px;}
    .slider-home .imagen {padding-top:30px;}
    .slider-home h2{
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .slider-home ul{    font-size: 18px;
    line-height: 22px;
    margin-bottom: 35px;}

    body.bigmenu #headr ul.nav > li > a {background-color: rgba(5,51,21,0.6);}
    body.microsite.bigmenu #bloqueMenuSuperior{top:110px;}
    body.bigmenu #headr ul.nav > li:first-child {margin-left:0;}
    body.bigmenu #headr ul.nav > li > a, body.bigmenu #headr ul.nav > li > span.dropdown-toggle {height:auto;padding:0;background-color:white;color:#444 !important;}
    body.bigmenu #headr ul.nav li a, body.bigmenu #headr ul.nav li span.dropdown-toggle{color:#444 !important;}
    body.bigmenu #headr ul.nav li:first-child a, body.bigmenu #headr ul.nav li:first-child span.dropdown-toggle {padding-right:0;}
    body.microsite.bigmenu #headr ul.nav > li > a, body.microsite.bigmenu #headr ul.nav > li > span.dropdown-toggle {line-height:20px;padding:10px 0 10px 15px;}
    body.bigmenu #headr ul.nav > li:hover > a, body.bigmenu #headr ul.nav > li:hover > span.dropdown-toggle{color:white !important;}
    #headr ul.nav > li:hover > span.dropdown-toggle{background-color:#009639 !important;color:white !important;}
    body.bigmenu #headr ul.nav li a:hover, body.bigmenu #headr ul.nav ul li:hover > a, body.bigmenu #headr ul.nav > li:hover > a{background-color: rgba(0,150,57,0.7) !important;}
    #topOptions #menuX:hover, #topOptions .topSearchBtn:hover {    
        background-color: #009639 !important;
        color: white !important;}
    #topOptions .topSearchBtn:hover:before {color:white !important;}
    .microsite .titulo-home{padding-top:15px;}
    .microsite .titulo-home p{padding-left:15px;padding-right:15px;}
     body.bigmenu.microsite #headr .navbar-collapse{background-color:transparent;}

     #topOptions li button, #topOptions .topSearchBtn, #topOptions #menuX {border:1px solid #009639 !important;border-radius:100px;top:28px;}
     #topOptions #menuX{left:0;right:auto;}
     #topOptions .topSearchBtn {right:0;left:auto;}
     body.bigmenu .navbar.yamm ul.dropdown-menu{padding:0;}
     #topOptions #menuX:hover label span:before, #topOptions #menuX:hover label span:after,#topOptions #menuX:hover label span{background-color:white;}

     .microsite .parallax blockquote {
    margin: 0 0 10px 0;
    font-weight: 800;
    font-size: 48px;
    line-height: 52px;
    width: 70%;
}
     .microsite .parallaxcontainer p {
    font-size: 28px;
    line-height: 32px;
}

     .parallaxcontainer{padding-left:35px;padding-right:20px;}
     .row.location .col-md-4{margin-bottom:40px;}

}

@media only screen and (max-width: 1051px) {
.microsite .productosDestacadosHome,.microsite .nuestras-marcas > .container  {width:90%; margin-left:5%;margin-right:5%;
}
}

@media only screen and (max-width: 992px) {
    
    .categoriasProductosHome .item-box{margin-bottom:30px;}
        .row.location .icon img {max-width:120px;width:100%;}
        .row.location .col-md-4 {text-align:center;}
        .row.location .icon img {margin-left:auto;margin-right:auto;}
}

@media only screen and (max-width: 962px) {
    .slider-home .promociones .anuncio{margin-top:75px;}
    .slider-home .promociones .productos{margin-top:60px;}
    .slider-home .promociones .anuncio h2{font-size:30px;line-height:34px;}
    .slider-home .promociones .anuncio h3{font-size:16px;line-height:20px;}

    .microsite .titulo-home p{font-size:15px;line-height:19px;}
}

@media only screen and (max-width: 894px) {

         .microsite .parallax blockquote {
    margin: 0 0 10px 0;
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    width: 80%;
}
     .microsite .parallaxcontainer p {
    font-size: 24px;
    line-height: 28px;
}

     .parallaxcontainer{padding-left:35px;padding-right:20px;}
}

@media only screen and (max-width: 872px) {
    .slider-home .textos{width: 42%;margin-left:6%;padding-top:75px;}
}


@media only screen and (max-width: 767px) 
{
    .microsite .mapa .container{padding-right:30px;}
    .microsite .mapa .google-maps {margin-bottom:20px;}
    .microsite .mapa .datos {
        padding-left: 15px;
    }

    body.microsite.bigmenu #headr .container {
        background-color:initial !important;
    }

   .microsite .titulo-home p{font-size:14px;line-height:18px;}
    #divMenuInferiorNavegacion .margin-top20{text-align:center;}

    .microsite .productosDestacadosHome .item-box,.microsite .nuestras-marcas .item-box{width:80%;margin-left:10%;margin-right:10%}
    .microsite .productosDestacadosHome .owl-prev,.microsite .nuestras-marcas .owl-prev{left:0 !important;}
    .microsite .productosDestacadosHome .owl-next,.microsite .nuestras-marcas .owl-next{right:0 !important;}
    #topOptions #menuX{left:20px;right:auto;}
     #topOptions .topSearchBtn {right:20px;left:auto;}
     body.bigmenu #headr .container, body.bigmenu #headr ul.nav li a:hover, body.bigmenu #headr ul.nav li a:hover, body.bigmenu #headr ul.nav ul li:hover > a, body.bigmenu #headr ul.nav > li:hover > a, body.bigmenu #headr ul.nav > li:hover > span.dropdown-toggle
     {background-color:#009639 !important;color:white;}
     body.microsite #topSearch {width:75%;margin-left:15px;}
     body.bigmenu #headr ul.nav li ul.dropdown-menu li ul li:first-child{ margin-top:0;}

    h1 {font-size: 34px;line-height: 38px;margin: 0 0 12px 0;letter-spacing:-0.2px;}
    h2 {font-size: 30px;line-height: 34px;margin: 0 0 10px 0;}
    h3 {font-size: 26px;line-height: 30px;margin: 0 0 10px 0;}
    h4 {font-size: 20px;line-height: 24px;margin: 0 0 8px 0;}
    h5 {font-size: 18px;line-height: 22px;margin: 0 0 6px 0;}
    h6 {font-size: 16px;line-height: 20px;margin: 0 0 4px 0;}

    .row.about-item .icon img {max-width:250px;margin-left:auto;margin-right:auto;}
    .row.about-item .icon{text-align:center;}

}

@media only screen and (max-width: 726px) {
    .slider-home .textos {
            width:100%;
            margin:0;
            text-align:center;
            padding-top:25px;
        }
    .slider-home .textos ul {list-style:none;padding:0;margin-bottom:25px;font-size:16px;line-height:20px;}
    .slider-home .imagen {
            width:100%;
            margin:0;
        }
    .slider-home h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
}
    .slider-home .imagen img {
    max-height: 316px;
}
    .slider-home, .slider-home .owl-item, .slider-home .item {height:580px;}
    .slider-home a.btn {
    font-size: 16px;
    font-weight: 500;

    padding: 8px 22px;
    border-radius: 30px !important;
}
}

@media only screen and (max-width: 669px) {
.microsite .productosDestacadosHome {width:90%; margin-left:5%;margin-right:5%;

}
.microsite .productosDestacadosHome .owl-next, .microsite .nuestras-marcas .owl-next {right:-20px !important;}
.microsite .productosDestacadosHome .owl-prev, .microsite .nuestras-marcas .owl-prev {left:-20px !important;}
}

@media only screen and (max-width: 671px) {

         .microsite .parallax blockquote {
    margin: 0 0 10px 0;
    font-weight: 800;
    font-size: 38px;
    line-height: 42px;
    width: 85%;
}
     .microsite .parallaxcontainer p {
    font-size: 22px;
    line-height: 26px;
}

     .parallaxcontainer{padding-left:30px;padding-right:20px;}
}

@media only screen and (max-width: 632px) {

#headr, #headr .container{height:96px;}

#topOptions li button, #topOptions .topSearchBtn, #topOptions #menuX {
    height: 50px;
    width: 50px;
    line-height: 44px;
    margin: 0;
    padding: 0 6px;
    text-align: center;

}
.owl-theme .owl-controls .owl-nav .owl-next, .owl-theme .owl-controls .owl-nav .owl-prev {top:42%;}
.owl-theme .owl-controls .owl-nav [class*=owl-]{padding:0;}
}
@media only screen and (min-width: 539px) and (max-width:768px) {

    .categoriasProductosHome .col-xs-12 {width:50% !important;}
    .serviciosHome .col-xs-12 {width:50% !important;}

}

@media only screen and (max-width: 486px) {

   
    
    .microsite .titulo-home p {
    font-size: 13px;
    line-height: 17px;
    font-weight:300;
    margin-bottom:14px;
}


    #headr .logo {width:36%;margin-left:32%;margin-right:32%;text-align:center;}

}

@media only screen and  (max-width: 478px){
    .microsite .productosDestacadosHome .item-box,.microsite .nuestras-marcas .item-box{width:90%;margin-left:5%;margin-right:5%}

    h1 {font-size: 28px;line-height: 32px;margin: 0 0 10px 0;}
    h2 {font-size: 24px;line-height: 28px;margin: 0 0 8px 0;}
    h3 {font-size: 20px;line-height: 24px;margin: 0 0 8px 0;}
    h4 {font-size: 18px;line-height: 22px;margin: 0 0 6px 0;}
    h5 {font-size: 16px;line-height: 20px;margin: 0 0 6px 0;}
    h6 {font-size: 15px;line-height: 19px;margin: 0 0 4px 0;}
}

@media only screen and (max-width: 407px) {

         .microsite .parallax blockquote {
    margin: 0 0 10px 0;
    font-weight: 800;
    font-size: 32px;
    line-height: 36px;
    width: 90%;
}
     .microsite .parallaxcontainer p {
    font-size: 20px;
    line-height: 24px;
}

     .parallaxcontainer{padding-left:26px;padding-right:20px;}
}
@media only screen and  (max-width: 370px){
    body.microsite #topSearch{width:70%;}
    .RadSearchBox{min-width:unset !important;}
}
