.is-valid {
     border: 1px solid #A0D165;
}
.is-validating{
     border: 1px solid #FFA636;
}
.is-invalid{
     border: 1px solid #FE3C35;
}
.valid-feedback{
     color: #A0D165 !important;
}
.invalid-feedback{
     color: #FE3C35 !important;
}
div.invalid-feedback, div.valid-feedback{
     padding: 2%;
     font-size: .9em;
    font-weight: bold;
}
#newsletter-input-group .btn{
     opacity: 1;
}
#newsletter-input-group .btn:hover{
     background-color: #ffffff;
     border-color: #ffffff;
}
#newsletter-input-group .valid{
     background-color: #FFA636 !important;
}
#newsletter-input-group .valid i{
     color: #ffffff;
}
.containerx{
     max-width: 1250px;
}

 
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}
.btn{
        /* min-height: 42px !important;
         min-width: fit-content !important;*/
}

body{
     font-family: 'Open Sans', sans-serif; 
}
 .navbar {
     position: relative;
     min-height: 20px;
     height: 20px !important;
     border-radius: 0 !important;
}
 .col-md-1{
     width: 4.333%;
}
 .col-md-2 {
     width: 18.667%;
}
 .navbar-nav > li > a {
     padding-top: 11px;
     padding-bottom: 11px;
}
 .nav-verde-top{
     background-color: #012169;
     color: #fff;
     height: 40px;
}

.nav-madera{
     background-image: url('../img/madera.jpg');
     height: 40px !important;
}

.nav-second
{
     position: relative !important;
    max-width: none !important;
    transform: translateX(0%) !important;
    background:#eaeaea;
    height: 30px !important;
    transition: 0s all ease-in-out !important;
}

.akzonoble_logo{
fill: #012169;
font-size: 20px;
height: 30px;
float: right;
width: 72px;
right: -10px;
margin-right: 10px;
}


 .container-fluid2{
     padding-right: 139px !important;
     padding-left: 106px !important;
     margin-right: auto !important;
     margin-left: auto !important;
}

.aplicacion-mobile p{
   font-size: 13px;
  color: rgb(51, 51, 51);
  line-height: 1.923;
}
.pt2{
     padding-top: 1%;
}
.pb2{
     padding-bottom: 2%;
}
 .sucursales-mapa-contenedor{
     height: 482px;
     /*padding: 4%;*/
     overflow-y: scroll;
}

.superficieVacioMobile h2{
  font-size: 25px;
  color: #000;
  font-weight: bold;
}


.superficieVacioMobile h3{
  font-size: 25px !important;
  color: rgb(163, 189, 49) !important;
  font-weight: bold;
}

.superficieVacioMobile h4{
     padding-top: 2% !important; 
       font-size: 20px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 1.35;
}
.promocionesTitle{
  margin-bottom: 3%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #ededed;
}

.proximamente{
  width: 80%;
  margin: auto;
  text-align: center;
  padding-top: 3%;
}

.cotiza{
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #e5e5e5;
}

.calcula{
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #dddddd;
}

.proximamenteTitle h2{
  font-size: 35px;
  font-family: 'Open Sans';
  color: #496cad;
  font-weight: bold;
  line-height: 1.143;
}

.proximamenteTitle p{
    font-size: 25px;
  font-family: 'Open Sans';
  color: rgb(102, 102, 102);
  line-height: 1.6;
}
 .pb10{
     padding-bottom: 8%;
}
 .bold{
     font-weight: 600;
}
 .modal-legales p{
     text-align: left;
     font-size: 13px !important;
     line-height: 1.538 !important;
     color: #464749;
}
 .sucursales-modal{
     width: 80%;
}
 .modal-title{
     text-align: left;
}
 .logo{
     width: 175px;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
}
 .agregar-cotizador{
     border-width: 1px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
     background-color: rgb(255, 255, 255);
}
 .surcusales{
     padding-bottom: 3%;
}
 .navbar-default .navbar-nav > li > a{
     color: #fff;
     font-size: 14px;
}
 .logo-footer{
     max-width: 130px;
     /*height: 100px;*/
     padding-top: 22px;
     padding-bottom: 20px;
}
 .container-fluid{
     padding-right: 197px !important;
     padding-left: 163px !important;
     margin-right: auto !important;
     margin-left: auto !important;
}
 .navbar-default .navbar-nav > li > a:hover{
     color: #000 !important;
}
 #custom-search-input{
     padding: 8px;
     border: solid 1px #464749;
     border-radius: 30px;
     background-color: #fff;
     margin-top: 12%;
}
 .nav-bottom a:hover {
     color: #000;
     text-decoration: none;
    /* ' text-align: center; */
}
 #custom-search-input input{
     border: 0;
     box-shadow: none;
}
 #custom-search-input button{
     margin: 2px 0 0 0;
     background: none;
     box-shadow: none;
     border: 0;
     color: #666666;
     padding: 0 8px 0 10px;
     border-left: solid 1px #ccc;
}
 #custom-search-input button:hover{
     border: 0;
     box-shadow: none;
     border-left: solid 1px #ccc;
}
 #custom-search-input .glyphicon-search{
     font-size: 18px;
     padding-right: 2%;
}
 .nav-header{
     width: 100%;
     padding-bottom: 1%;
}
 .nav-bottom{
     background-color: #012169;
     padding-top: 1%;
     height: 40px;
     padding-top: 0.5%;
}
 .nav-bottom a{
     color: #fff;
     text-align: center;
}
/* Carousel Styles */
 .carousel-indicators .active {
     background-color: #2980b9;
}
 .carousel-inner img {
     width: 100%;
}
 .carousel-control {
     width: 0;
}
 .carousel-control.left, .carousel-control.right {
     opacity: 1;
     filter: alpha(opacity=100);
     background-image: none;
     background-repeat: no-repeat;
     text-shadow: none;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
     position: absolute;
     top: 45%;
     z-index: 5;
     display: inline-block;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
     left: 0;
}
 .carousel-control.left span{
     left: 44%;
     font-size: 22px;
}
 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
     right: 40px;
     font-size: 22px;
}
 .carousel-control.left span, .carousel-control.right span {
     right: 47%;
}
 .lata{
     width: 69% !important;
}
 .carousel-control.left span, .carousel-control.right span {
}
 .carousel-control.left span:hover, .carousel-control.right span:hover {
     opacity: .7;
     filter: alpha(opacity=70);
}
 .carousel-control {
     position: absolute;
     top: 49%;
     left: 12%;
     width: 42px;
     height: 40px;
     margin-top: -19px;
     font-size: 60px;
     font-weight: 100;
     line-height: 30px;
     color: #ffffff;
     text-align: center;
     background: #fff;
     border: 3px solid #ffffff;
     -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
     border-radius: 23px;
     opacity: 0.5;
     filter: alpha(opacity=50);
}
 .carousel-control.left, .carousel-control.right{
     opacity: 1;
     color: #9c9c9c;
}
 .carousel-control.right{
     right: 171px;
}
/* Carousel Header Styles */
 .header-text {
     position: absolute;
     top: 20%;
     left: 9.8%;
     right: auto;
     width: 96.66666666666666%;
     color: #fff;
}
 .header-text h2 {
     font-size: 40px;
}
 .header-text p{
     font-size: 15px;
     font-family: 'Open Sans';
     color: rgb(70, 71, 73);
     line-height: 1.2;
     font-weight: 300;
     padding-top: 1%;
}
 .header-text h2 span {
     font-size: 48px;
     font-family: 'Open Sans';
     color: rgb(70, 71, 73);
     font-weight: bold;
     font-style: italic;
     text-transform: uppercase;
}
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
     background: #4a6cad !important;
     color: inherit;
     margin-right: 1%;
     width: 4%;
     border: none;
     padding: 0 !important;
     font: inherit;
}
 .owl-nav span{
     color: #fff;
     font-size: 29px;
}
 .owl-nav{
     padding-left: 6%;
     padding-top: 2%;
}
 .header-text h3 span {
     font-size: 22px;
     font-family: 'Open Sans';
     color: rgb(70, 71, 73);
     line-height: 1.2;
     font-weight: 300;
     text-transform: uppercase;
}
 hr{
     border-width: 5px;
     border-color: rgb(233, 127, 0);
     border-style: solid;
     width: 8%;
     margin-top: 1em !important;
     text-align: left;
     margin: inherit;
     border-radius: 100px 100px 100px 100px;
     -moz-border-radius: 100px 100px 100px 100px;
     -webkit-border-radius: 100px 100px 100px 100px;
}
 .btn-min-block {
     min-width: 170px;
     line-height: 26px;
}
 .btn-theme {
     color: #fff;
     background-color: transparent;
     border: 2px solid transparent;
     margin-right: 15px;
}
 .btn-theme:hover {
     color: transparent;
     background-color: transparent;
     border-color: transparent;
}
 .slider1{
     padding-left: 10%;
}
 .carousel-inner h2, .carousel-inner h3{
     margin-top: 0px;
     margin-bottom: 0px;
}
 .secciones{
     padding-top: 5%;
     padding-bottom: 5%;
}
 .secciones-b{
     position: absolute;
     top: 90%;
     left: 19%;
     margin: auto;
     width: 65%;
     text-align: center;
     background-color: #fff;
     color: #464749;
     padding: 3%;
     -webkit-box-shadow: 10px 19px 17px -1px rgba(0,0,0,0.05);
     -moz-box-shadow: 10px 19px 17px -1px rgba(0,0,0,0.05);
     box-shadow: 10px 19px 17px -1px rgba(0,0,0,0.05);
}
 .secciones-b a{
     font-size: 20px;
     font-family: 'Open Sans';
     color: rgb(70, 71, 73);
     text-transform: uppercase;
     font-weight: 300;
}
 .productos-destacados{
     background-color: #f6f6f6;
     padding-top: 1%;
     padding-bottom: 3%;
}

 .owl-carousel{
     padding-top: 2%;
     padding-right: 7% !important;
}
 .item-owl{
     width: 144%;
     margin-right: 1px;
     height: 285px;
     text-align: center;
     padding: 7%;
}
 .item-owl h3{
     font-size: 8pt;
     color: #666666;
}
 .owl-carousel{
     margin: auto;
     text-align: center;
}
 .owl-item{
     margin-right: 1px !important;
}
 .owl-prev{
     color: #fff;
}
 .productos{
     width: 90%;
     padding-top: 2%;
}
/* search bar*/
 .serch-barra{
     border-right: 1px solid transparent !important;
     border-left: 1px solid #ccc !important;
     border-top: 1px solid #ccc !important;
     border-bottom: 1px solid #ccc !important;
}
 .stylish-input-group .input-group-addon{
     background: white !important;
}
 .stylish-input-group button{
     border:0;
     background:transparent;
}
 .categorias h2, .productos-destacados h2, .calculador h2, .cotizador h2{
     font-size: 30px;
     font-family: 'Open Sans';
     color: #4a6cad;
     text-align: center;
     font-weight: lighter;
     padding-top: 2%;
     font-weight: 600;
}
 .info{
     color: #dc9a0a;
     font-weight: 800;
     font-size: 1.8em;
}
 .promociones h1, .contactobloque h1 {
     font-size: 30px;
     font-family: 'Open Sans';
     color: rgb(45, 91, 171);
     text-align: center;
     font-weight: lighter;
     padding-top: 2%;
     padding-bottom: 2%;
     font-weight: 600;
}
 .margin2{
     margin-bottom: 2.5%;
}
 .categorias{
     padding-bottom: 2%;
}
 .email{
     padding-left: 6%;
     padding-top: 2%;
}
 .newsletter{
     margin-top: 3%;
     padding-bottom: 2%;
     padding-top: 1%;
     background-color: #f4f4f4;
}
 .newsletter p{
     margin-top: 6%;
     font-weight: 300;
     text-align: right;
     font-size: 18px;
     color: #535353;
}
 .btn-success{
     background-color: #fff;
     border-color: #fff;
}
 .btn-success .fa{
     color: #c3c3c3;
}
 .btn-success:hover{
     background-color: #fff;
     border-color: #fff;
}
 .cleaner{
     padding-bottom: 5%;
}
.footer-grande{
     padding-top: 3%;
     padding-bottom: 3%;
     background-color: #282827;
     color: #ffffff;
     border-top: 20px solid #000;
}

.footer-grande img{
     /*width: 60px;
     height: 30px;*/
     margin:0 auto !important; 
}

 .footer-grande ul li{
     text-decoration: none;
     list-style:none;
}
 .contactobloque h2{
     color: #464749;
     font-size: 30px;
     font-weight: lighter;
     font-family: 'Open Sans';
     text-transform: uppercase;
}
 .contactobloque a{
     color: #464749;
     font-size: 20px;
     font-weight: 800;
     line-height: 1;
     font-family: 'Open Sans';
}
 .contactobloque p{
     color: #464749;
     font-size: 20px;
     font-weight: 300;
     line-height: 1;
     font-family: 'Open Sans';
}
 .contactobloque img{
     margin-top: 55%;
}
 .contactodiv{
     margin-right: 0%;
     height: 276px;
     width: 50%;
     border-width: 1px;
     border-color: rgb(218, 218, 218);
     border-style: solid;
     padding-bottom: 2%;
     padding-top: 6%;
     margin-bottom: 5%;
}
 ul{
     padding-left: 0px !important;
}
.footer-grande a{
     color: #ffffff;
}
 footer{
     padding-top: 0.8%;
     color: #fff;
     background-color: #0d0e12;
}
 footer p{
     font-size: 12px;
}
 .descuentobloque{
     text-align: center;
}
 .descuentobloque h5{
     font-size: 16px;
     color: #52af36;
}
 .descuentobloque p{
     font-size: 16px;
     line-height: 1em;
}
 .right{
     text-align: right;
}
 .left{
     text-align: left;
}
 .descuentobloque{
     margin-right: 3%;
     height: 301px;
     width: 30%;
     border-width: 1px;
     border-color: rgb(218, 218, 218);
     border-style: solid;
     padding-bottom: 2%;
     padding-top: 2%;
     margin-bottom: 3%;
}
 .descuento{
     color: #fff;
     font-weight: 800;
     text-align: center;
     font-size: 35px;
     font-family: 'Open Sans';
     padding-bottom: 2%;
     padding-top: 2%;
     background-color: #52af36;
     border-radius: 50%;
     width: 35%;
     border-radius: 98px 98px 98px 98px;
     -moz-border-radius: 98px 98px 98px 98px;
     -webkit-border-radius: 98px 98px 98px 98px;
}
 .descuentobloque a{
     text-align: left !important;
     text-decoration: none;
     font-size: 0.9em;
}
 .footer-grande h4{
     text-transform: uppercase;
}
.surcusales h1{
     font-size: 30px;
     font-family: 'Open Sans';
     color:#666;
     font-weight: bold;
     line-height: 1.2;
     text-align: center;
     /*padding-bottom: 4%;*/
     padding-top: 4%;
     margin-bottom:0;
}


#sucursales-p{
     text-align: center;
     font-size: 18px;
     color: #666;
     font-weight: bold;
     padding-bottom: 4%;
}

 .primer, .segundo, .tercer{
     border-width: 1px;
     border-color: #ccc;
     border-style: solid;
     border-left: 1px;
     border-top: 1px;
}
 .provincias{
     color: #999 !important;
}
 .tercer{
     padding: 2.6% !important;
     border-right:1px;
     color: #4a6cad;
}
 .input-group{
     margin-top: 2%;
}
 .sucursales-contenedor{
     border-width: 1px;
     border-color: #ccc;
     border-style: solid;
     background-color: rgb(255, 255, 255);
}
 input.form-control,input.form-control:focus {
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -moz-transition: none;
     -webkit-transition: none;
}
 .sucursales-nav .col-md-4{
     padding-right: 0px;
     padding-left: 0px;
     padding: 2%;
}
 .no-border {
     border: 0;
     box-shadow: none;
    /* You may want to include this as bootstrap applies these styles too */
}
 /*.mapa-contenedor{
     padding-top: 3%;
}*/

.btn-warning-trans{
     font-size: 12px;
}
 .sucursales-direccion{
     padding: 1% 5% 2% 6%;
     font-weight: lighter;
     background-color: #012169;
     color: #fff;
     text-align: left;
}
 .sucursales-direccion hr{
     border-width: 0.8px;
     border-color: #fff;
     border-style: solid;
     width: 80%;
     text-align: left;
     margin-bottom: 4%;
     margin-top: 4%;
}
 .sucursales-direccion a{
     color: #fff;
     font-weight: 600;
     font-size: 1.3em;
     text-decoration: none;
}
 .sucursales-direccion-noseleccionado{
     color: #000;
}
 .sucursales-direccion-noseleccionado a{
     color: #012169;
     font-weight: 300;
     font-size: 1.3em;
     text-decoration: none;
}
 .sucursales-direccion-noseleccionado{
     padding: 1% 5% 2% 6%;
     font-weight: lighter;
     color: #b9b8bd;
     /*margin-top: 4%;*/
     text-align: left;
}
 .sucursales-direccion-noseleccionado hr{
     border-width: 0.8px;
     border-color: #b9b8bd;
     border-style: solid;
     width: 80%;
     text-align: left;
     margin-bottom: 4%;
     margin-top: 4%;
}
 .sucursales-direccion-noseleccionado .fa{
     color: #012169;
}
 .redessociales .fa{
     background-color: #000;
     color: #fff;
     margin-top: 17%;
     padding: 5%;
    font-size: 1.5em;
}
 .redessociales{
     text-align: right;
}
 .show2{
     display: none !important;
}
 .breadcrumb{
     background-color: transparent;
}
 .bases h1{
     text-align: center;
}
 .categorias h4{
     font-size: 13pt;
     font-weight: 800;
     padding-top: 4%;
}
 .breadcrumb > li + li:before {
     padding: 0 5px;
     color: #96bf32;
     content: ">";
}
 .breadcrumb-item a, .breadcrumb > .active{
     color: #000;
     font-size: 13px;
}
 .breadcrumb > .active {
     color: #000;
}
 .categorias a{
     color: #000;
     font-size: 13px;
}
 .cantidad-de-productos{
     color: #999999;
}
 ul{
     list-style: none;
}

.proximamenteTitle{
  background-color: #f6f6f6;
  padding-top: 5%;
  padding-bottom: 5%;
}


 .cotizar-boton a{
     color: #dfa21e;
     text-transform: uppercase;
}

 .glyphicon {
     position: relative;
     top: 0.8px;
}
 .resultado-ganado h3, .superficieVacioMobile h3{
     font-size: 25px !important;
     color: rgb(163, 189, 49) !important;
     font-weight: bold !important;
     padding-top: 8%;
     text-align: center;
}
 .resultado-ganado h4, .superficieVacioMobile h4{
     text-align: center;
     font-size: 40px;
     padding-top: 14%;
     font-family: 'Open Sans';
     color: rgb(51, 51, 51);
     font-weight: bold;
}
 .resultado-ganado h5, .superficieVacioMobile h5{
     font-size: 14px;
     font-family: 'Open Sans';
     color: rgb(51, 51, 51);
}
 .resultado-ganado p, .superficieVacioMobile p{
     font-size: 13px;
     font-family: 'Open Sans';
     text-align: center;
     color: rgb(153, 153, 153);
     line-height: 1.538;
     font-weight: 300;
     padding-top: 17%;
}

.aplicacion-mobile{
     padding-right: 15px;
     padding-left: 15px;
     padding-top: 6%;
    padding-bottom: 6%;     
}

.aplicacion-mobile h5{
     font-size: 20px;
     font-weight: 600;
}
.mobile-contenedor-producto hr{
     border: 0.5px solid #ccc;
     width: 100%;
}
.superficieVacio{
     text-align: center;
}
.superficieVacioMobile a{
     color: #dc9a0a;
     margin-top: 2% !important;
     margin-bottom: 2% !important;
     text-decoration: none;

     text-align: center !important;
     text-transform: uppercase;
}
 .numbers{
     font-size: 20px;
     font-weight: 800;
}
 .resultado-ganado{
     border: 1px solid #a3bd31;
     padding-right: 3%;
     padding-left: 3%;
}
 .boton-calcular-nuevamente{
     width: 70% !important;
}
 .producto-cotizador a{
     color: #dfa21e;
     font-size: 12px;
     text-transform: uppercase;
}
 .btn-primary {
     color: #fff;
     background-color: #96bf32;
     border-color: #96bf32;
}
 .btn-primary {
     display: inline-block;
     padding: 3px 12px;
     margin-bottom: 0;
     border-radius: 2px;
     font-size: 11px;
}
 .producto-cotizador{
     text-align: center;
     padding: 2%;
     margin: 2%;
     border-width: 1px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
     background-color: rgb(255, 255, 255);
}
 .cotizador-modal{
     margin-top: 5%;
     margin-bottom: 5%;
     border-width: 1px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
}
 .cotizador-modal hr, .cotizador-formulario hr, .producto-cotizador hr{
     border-width: 0.5px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
     width: 100%;
}
 .pt5{
     padding-top: 5%;
     color: #999999;
}

.producto-cotizador p{
     font-weight: 800;
}
 .col-lg-8{
     padding-right: 0px;
     padding-left: 0px;
}
 select{
     color: #666666;
     padding-left: 3% !important;
}
 .form-control{
     color: #999;
}
 .codigo{
     padding-top: 2%;
     color: #666666;
}
 .pt1{
     padding-top: 1%;
}
 .pt2{
     padding-top: 1.5%;
     color: #bf0811;
}
 .form-control::-webkit-input-placeholder {
     color: #666666;
}
/* WebKit, Blink, Edge */
 .form-control:-moz-placeholder {
     color: #666666;
}
/* Mozilla Firefox 4 to 18 */
 .form-control::-moz-placeholder {
     color: #666666;
}
/* Mozilla Firefox 19+ */
 .form-control:-ms-input-placeholder {
     color: #666666;
}
/* Internet Explorer 10-11 */
 .form-control::-ms-input-placeholder {
     color: #666666;
}
/* Microsoft Edge */
 .primeraColumna, .segundaColumna{
     padding-bottom: 2%;
     padding-top: 2%;
     padding-left: 2%;
     padding-right: 2%;
}
 .cotizador-modal h2{
     font-size: 25px;
     font-weight: 800;
}
 .btn-warning{
     margin-top: 2%;
     border-radius: 2px;
     width: 38%;
     text-transform: uppercase;
     font-weight: 600;
}
 .btn-warning-trans{
     margin-top: 2%;
     color: #eea236;
     background-color: transparent;
     border-color: #eea236;
     margin-right: 3%;
     border-radius: 2px;
     width: 50%;
     text-transform: uppercase;
     font-weight: 500;
}
 .btn-warning-trans:hover{
     background-color: #ec971e;
     color: #fff;
}
 .col-lg-4 {
     width: 29.333333%;
}
 .container-fluid-cotizador {
     padding-right: 108px !important;
     padding-left: 162px !important;
     margin-right: auto !important;
     margin-left: auto !important;
}
 .cotizador-formulario{
     margin-top: 5%;
     margin-bottom: 10%;
     border-width: 1px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
}
 .formulario-cotizador-group{
     /*border-left: 1px solid #cccccc;*/
}
 select:not([multiple]){
     /*-webkit-appearance:none;
     -moz-appearance:none;*/
     background-position:right 50%;
     background-repeat:no-repeat;
     background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
     padding: .5em;
     background-color: #fff;
     width: 100%;
     padding-right:1.5em;
}
 .formulario-cotizador-group h2{
     text-align: center;
     padding-top: 8%;
     padding-bottom: 13%;
}
 .cotizador-formulario h2{
     font-size: 25px;
     font-weight: 800;
}
 #mySelect {
     border-radius:0;
     padding-left: 4%;
}
 .btn-enviar{
     font-size: 13px;
     background-color: #dc9a0a;
     border-color: #dc9a0a;
     width: 100%;
     font-weight: 300 !important;
}
 .formulario-cotizador-group{
     height: 511px;
     padding-left: 5%;
     padding-right: 5%;
     text-align: center;
}
 .latas-vertical{
     padding: 2%;
}
 .signo{
     width: 30%;
     text-align: center;
}
 .valido{
     color: #a3bd31;
     border-radius: 50%;
     font-size: 4em;
     border: 1px solid;
     padding: 5%;
}
 .invalido{
     color: #bf0811;
     border-radius: 50%;
     font-size: 4em;
     border: 1px solid;
     padding: 5%;
}
 .hecho{
     color: #a3bd31;
     font-weight: 800;
}
 .error{
     color: #bf0811;
     font-weight: 800;
     text-align: center;
}
 .transparente{
     border: 1px solid transparent !important;
}
 .hidden2{
     display: none;
}
 .calculadorContenedor{
     margin-top: 5%;
     margin-bottom: 10%;
     border-width: 1px;
     border-color: rgb(204, 204, 204);
     border-style: solid;
}
 .calculadorContenedor h2{
     text-align: center;
     font-size: 25px;
     font-weight: 800;
     color: #000;
}
 .calculadorDeLitros{
     margin: 5%;
}
 .superficie{
     border: 1px solid #ccc;
     padding-top: 2%;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
}
 .superficieVacio{
     border-right: 0px !important;
}
 .sinbordes{
     border-top: 0px !important;
     border-bottom: 0px !important;
}
 .superficie, .resultado, .resultado-ganado{
     font-size: 25px;
     font-family: 'Open Sans';
     color: #cccccc;
     text-align: center;
     height: 470px;
     line-height: 54%;
     font-weight: bold;
}
.superficie .small{
      font-size: 65%;
    line-height: 120%;
    text-align: left;
}
 .superficie h3, .resultado h3{
     font-size: 100px;
     padding-top: 25%;
     font-family: 'Open Sans';
     color: #f6f6f6;
     text-align: center;
     font-weight: bold;
}
.superficie p,.resultado p{
     color: #f6f6f6;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label{
         font-weight: 300 !important;
    font-size: 12px  !important;
}
 .resultado h3{
     padding-top: 31%;
}
 .superficie h4{
     text-align: center;
     font-size: 20px;
     padding-top: 15%;
     font-weight: 800;
     color: #000;
}
 .calculador-btn{
     font-weight: 300;
     font-size: 12px;
     width: 100%;
}
 .litrosVacio{
     border-right: 0px !important;
     height: 470px;
     border: 1px solid #cccccc;
}
 .form-control{
     font-weight: 300;
     border: 1px solid #cccccc;
     border-radius: 2px;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
     background: #f0ad4e !important;
}
 .litros{
     padding-top: 2%;
     padding-right: 4%;
}
 .calculadorVacio{
     border-width: 0px;
}

.interna-productos-info{
     padding-left: 6%;
     padding-bottom: 2%;
}

.interna-productos-aplicacion{
     padding-left: 25%;
}

.interna-productos-contenedor{
     margin-top: 5%;
     width: 98%;
    margin: auto;
     margin-bottom: 2%;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-style: solid;
}

.litros-producto{
     margin-top: 5%;
     width: 98%;
    margin: auto;
     padding-top: 3%;
    padding-bottom: 3%;    
     margin-bottom: 5%;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-style: solid;
}
.col-lg-8{
     padding-right: 0px !important;
     padding-left: 0px !important;
}

.calculador-productos-btn{
     width: 95%;
     font-size: 12px;
     margin-top: 0px;
     font-weight: 300;
}

.boton-producto-cotizar{
    width: 47%;
    font-size: 12px;
    font-weight: 300;
}
.calcular-litros-productos{
     margin-top: 3%;
}
.interna-productos-detalle{
     padding-top: 3%;
}

.btn-filtros{
     background-color: #dd9c0e;
     border-color: #dd9c0e;
     font-size: 12px;
}

.producto-agregado{
     border-width: 1px;
     width: 75%;
     border-color: rgb(204, 204, 204);
     border-style: solid;
}

.pagination > li > a, .pagination > li > span{
     color: #dd9c0e;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
     color: #b68212;
}
.productos-cotizador-container p{
       font-size: 16px;
  color: rgb(102, 102, 102);
  font-weight: bold;
  padding-bottom: 8%;
}

.cotizador-leyenda{
     font-size: 13px;
  color: rgb(153, 153, 153);
  line-height: 1.538;
  padding-top: 1%;
}
.producto-agregado a{
    color: #dd9c0e;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 5%;
    font-size: 12px;
}


.btn-filtros:hover{
     background-color: #b68212;
     border-color: #b68212;
     font-size: 12px;
}


.btn-filtros:active{
     background-color: #dd9c0e !important;
     border-color: #dd9c0e !important;
     font-size: 12px;
}
.filtro-texto{
       font-size: 12px;
  font-family: 'Open Sans';
  color: rgb(221, 156, 14);
  margin-top: 15%;
}

.filtro-icono{
font-size: 9px;
}
.lataProducto{
     height: 455px;
      padding-bottom: 3%;
display: flex;

justify-content: center;

align-items: center;
     padding-top: 5%;
     border-right:1px solid #ccc;
}
.columnaFlecha{
     width: 6.333%;
}

.iconos{
     padding-top: 2%;
}
.interna-productos-detalle h5, .interna-productos-detalle-mobile h5{
     font-weight: 800;
     font-size: 20px;
}

.interna-productos-detalle-mobile p{
     font-size: 12px;
}

.icono-calculador{
      padding-top: 70%;
}
.aplicacion{

      padding-left: 10%;
    padding-top: 3%;
    padding-right: 31%;
    padding-bottom: 2%;
     border-top: 1px solid #cccccc;
}

.icono-flecha{

      padding-top: 100%;
    color: #dc9a0a;
    font-size: 1.5em;
}
.interna-productos-detalle p{
     font-size: 12px;
}

.litros-producto h2{
       font-size: 30px;
  font-family: 'Open Sans';
  color: rgb(51, 51, 51);
  font-weight: bold;
}

.litros-producto h5{
       font-size: 20px;
  font-family: 'Open Sans';
  color: rgb(51, 51, 51);
  font-weight: bold;
}

.resultado-calculador-desk h3{

      font-size: 25px !important;
    color: rgb(163, 189, 49) !important;
    font-weight: bold !important;
}

.resultado-calculador-desk h4{
    font-size: 40px;
    font-family: 'Open Sans';
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.email .input-group .form-control{
     border-color: #fff !important;
}

.container-fluid-cotizador{
padding-right: 100px !important;  padding-left: 131px !important;
}




@media (min-width: 992px){
     .productos-destacados .owl-stage-outer{
          max-width: 1060px;
         margin: auto;
     }
}


 @media (max-width: 900px){
     #custom-search-input{
         margin-bottom: 14%;
    }
.navbar-default .navbar-toggle .icon-bar{
     background-color: #fff;
}

.container-fluid-cotizador{
         padding-right: 0px !important;
    padding-left: 0px !important;
}

.producto-agregado{
     width: 100%;
     margin-top: 10%;
}
     .cotizador-mobile{
         /*margin: 2%;*/
         margin-left: 2%;
        margin-right: 2%;
    }
    .cotizador-formulario{
     margin: 0;
    }
     .logo-nav{
         width: 20%;
    }
     .cruz{
         color: #bf0811;
    }
     .col-xs-1{
         padding-top: 3%;
    }
     .primeraColumna{
         padding-left: 10%;
    }
     .PrimerProductoMobile, .botonesMobile{
         padding-top: 4%;
         padding-bottom: 4%;
    }
     .hidden2{
         display: block;
    }
     .btn-warning-trans, .btn-warning{
         width: 100%;
         margin-right: 0%;
    }
     .col-lg-4 {
         width: 96%;
    }
     .carousel-inner img {
         width: auto;
         max-height: 518px;
    }
     .col-md-2 {
         width: 100%;
    }
     .owl-nav {
         padding-left: 0%;
    }
     .col-xs-3 {
         width: 100%;
    }
     .cotizar:hover:before{
         content: 'cotizar + ';
         background-color: #96bf32;
         border-color: #96bf32;
         color: #fff;
         padding: 2%;
    }
     .cotizar:active:before{
         content: 'cotizar √ ';
         background-color: #8ab85f;
         border-color: #8ab85f;
         color: #fff;
         padding: 2%;
    }
     .nav-verde-top {
         background-color: #012169;
         color: #fff;
         height: auto;
    }
     .show2{
         display: inherit !important;
    }
     .hidden2{
         display: none;
    }
     .item-owl {
         width: 116%;
              margin: 0 58%;
    }
     .nav-bottom a {
         color: #fff;
         padding-top: 3%;
         text-align: center;
         padding-bottom: 3%;
    }
     .input-group {
         margin-top: 2%;
         margin-bottom: 3%;
    }
     .sucursales-modal{
         width: 100%;
    }
     .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
         width: 12%;
    }
     .carousel-inner > .item > img, .carousel-inner > .item > a > img {
         line-height: 1;
    }
     .contactobloque a{
         font-size: 17px;
    }
     .left, .right {
         text-align: center;
    }
     .contactodiv img{
         width: 20%;
    }
     .container-fluid2{
         padding-right: 0px !important;
         padding-left: 0px !important;
         margin-right: auto !important;
         margin-left: auto !important;
    }
     .container-fluid-cotizador{
         padding-right: 0px !important;
         padding-left: 0px !important;
         margin-right: auto !important;
         margin-left: auto !important;
    }
     .contactobloque img{
         width: 12%;
    }
     .col-xs-2{
         width: 100%;
    }
     .contactodiv{
         width: 100%;
    }
     .contactobloque img {
         margin-top: 0%;
    }
     .secciones-b{
         position: initial !important;
    }
     .descuentobloque{
         width: 100%;
    }
     .container-fluid{
         padding-right: 0px !important;
         padding-left: 0px !important;
         margin-right: auto !important;
         margin-left: auto !important;
    }
     .nav-bottom {
         height: auto;
    }
     .header-text h2 span{
         font-size: 30px;
    }
     .slider1{
         padding-top: 5%;
         padding-left: 0px;
    }
     .header-text{
         top: 3%;
    }
     .primerproducto{
         margin-bottom: 3%;
    }
     .newsletter p{
         text-align: center !important;
    }
     .newsletter {
         padding-bottom: 10%;
    }
}
 .col-xs-8r, .col-sm-8r, .col-md-8r, .col-lg-8r {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 .col-xs-8r {
     width: 12.5%;
     float: left;
}
 @media (min-width: 768px) {
     .col-sm-8r {
         width: 12.5%;
         float: left;
    }
}
 @media (max-width: 992px) {
     .col-md-8r {
         width: 12.5%;
         float: left;
    }
     .formulario-cotizador-group {
         height: auto !important;
         padding-bottom: 5%;
    }
}
 @media (min-width: 1200px) {
     .col-lg-8r {
         width: 12.5%;
         float: left;
    }
}
 @media (max-width: 767px) {
     select{
             margin-left: 0 !important;
     }
     .lataproduct{
          max-width: 66%;
          margin-bottom: 6%;
     }
     .pl-mb-0{
          padding-left: 0;
     }
     .p-mb-0{
          padding: 0;
     }
     .resultado, .paso1{
          display: none;
     }

     .footer-grande ul{
          display: block !important;
          text-align: center !important;
     }

     .footer-grande ul li{
          margin: 0 !important;
     }

     .footer-grande .separator{
          display: none !important;
     }

     .akzonoble_logo_footer{
          float: none !important;
     }

     .nav-header h2{
          text-align: center !important;
     }

 }

 @media (min-width:768px) {
     .nav-pills {
          display: inline-block;
          margin: 0 auto;
     }
 }
 @media (max-width:767px) {
     .nav-pills > li {
          float: none;
     }

     .nav > li > a {
          padding: 4px 15px;
      }     
}

 .nav > li > a:hover, .nav > li > a:focus {
     text-decoration: none;
     background-color: transparent;
 }