body{ background-color: #ffffff !important; font-family: 'Trebuchet', sans-serif; font-size: 24px;}

a{ cursor: pointer;}

a:hover{ text-decoration: none !important;}

header{ background: url('../img/bg-cabecera.jpg') center top no-repeat; background-size: cover;}

button{ outline: none !important;}

h3{ font-size: 2rem; font-weight: 900;}

h2{ font-size: 2.5rem;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #10A6E2;
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #10A6E2;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #10A6E2;
}

input,textarea,select{ background-color: #6E7975 !important;}

.tit-main{font-weight: 900;}

.blue,.blue-hover:hover{ color:#0D1E28 !important;}

.yellow,.yellow-hover:hover,.navbar-bluelogo .navbar-nav .active>.nav-link, .navbar-bluelogo .navbar-nav .nav-link.active, .navbar-bluelogo .navbar-nav .nav-link.show, .navbar-bluelogo .navbar-nav .show>.nav-link,.navbar-nav .nav-link:hover,input,textarea,select{ color:#10A6E2 !important}

.bg-bluelogo{ background-color:#0D1E28 !important ;}

.bg-bluelightlogo{ background-color:#10A6E2 !important ;}

.bg-greylightlogo{ background-color:#6E7975 !important ;}

.navbar-nav .nav-link{ color:#ffffff; font-weight: 600 ;}

.grey,.grey-hover:hover{ color:#6E7975 !important;}

.navbar-toggler-icon{ height: auto !important;}

.transicion{transition:All 1s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.efecto_giratorio:hover{transform: rotate(360deg) ;-webkit-transform: rotate(360deg) ;-moz-transform: rotate(360deg) -o-transform: rotate(360deg) ;-ms-transform: rotate(360deg) ;}

.efecto_escala:hover{transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);}

.info-about{ width: 62%;}

.list-products > li{ background: url('../img/vineta.jpg') left 6px no-repeat; padding-left: 45px; font-weight: bold;}

.list-products-know > li{ background: url('../img/vineta2.png') left 6px no-repeat; padding-left: 45px; font-weight: bold;}

.list-download { background: url('../img/vineta2.png') left 6px no-repeat; padding-left: 45px; font-weight: bold; height: 100%; border-bottom: 5px solid #10A6E2; padding-bottom: 25px; min-height: 90px;}

.list-download a{ font-size: 1.2rem;}

#divisor1{ background: url('../img/bg-separador1.jpg') center top no-repeat; background-size: cover;}

#divisor2{ background-color: #10A6E2;}

#divisor2 p{ font-size: 2rem; font-weight: 900;}

#about-us{ background: url('../img/bg-prosumal.jpg') right top no-repeat; background-size: cover; font-size: 1.1rem; min-height: 450px;}

#about-us h1{ font-size: 3rem; font-weight: 900; }

#products{ background: url('../img/bg-productos.jpg') right top no-repeat; background-size: cover; font-size: 1.3rem;}

#led{ background: url('../img/bg-manuales1.jpg') right top no-repeat; background-size: cover; font-size: 1.3rem;}

#products h2,#led h2,#download h2,#contact h2{ font-size: 2.5rem; font-weight: 900; }

#know{ background-color:#0D1E28; font-size: 1.3rem;}

#visit{ background-color:#10A6E2;}

#contact{ background-color:#6E7975;}

#download{ background: url('../img/bg-zonadedescarga.jpg') top center no-repeat; background-size: cover;}

#footer-bootom{ background: url('../img/bg-piepagina.jpg') top center no-repeat; background-size: cover;}

#contact-landing{ background: url('../img/landing/bg-formulario.jpg') top center no-repeat; background-size: cover;}

#contact-landing h1{ font-size: 2.5rem;}

#btn-whatsapp{ position: fixed; bottom: 10px; right: 5px;}

#logo-main-landing{ position: absolute; top:50px; width: 300px; left: 50%; margin-left: -150px;}

#saintel{ width: 250px; }

#header-download{ background-color: #10A6E2;}

#zone-download{ background: url('../img/bg-zonadescarga.jpg') top center no-repeat; background-size: cover; }

#ufo{ margin-left: 60%; width: 600px;}

#ledinfo{ width: 600px;}

.owl-theme .owl-dots .owl-dot span{ width: 15px !important; height: 15px !important;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #10A6E2 !important;}

@media (max-width: 1400px) {

    
    .navbar-nav .nav-link{font-size: 1rem;}


}
@media (max-width: 1300px) {

    .navbar-nav .nav-link{font-size: 0.8rem;}
    #about-us{ font-size: 1rem;}

}
@media (max-width: 1200px) {

    #about-us{ background-image: url('../img/bg-prosumal-movil.jpg');}
    .info-about{ width: 100%;}
    #ufo{ margin-left: 0%; width: 100%;}
    #ledinfo{ width: 100%;}

}

@media (max-width: 992px) {

    #divisor2 p { font-size: 1.2rem;}

    p.email{ font-size: 1rem;}

    .navbar-nav .nav-link{padding-left: 12px;}

    .list-products li,.list-products-know li{ font-size: 1.2rem; height: 29px; padding-top: 5px;}

    #led h2{ font-size: 2rem;}

}

@media (max-width: 800px) {

    #download h2{ font-size: 2rem;}

    #divisor1 { background: none; padding: 0px !important;}

    #products{ background: #bbbbbb url('../img/bgmovilproductos.jpg') right top no-repeat;}

    #led{ background-image: none; background-color: #ffffff;}

    #logo-main{ width: 250px;}

    #footer-bootom p{ font-size: 0.8rem;}

    #products h3{ font-size: 1.5rem;}

    #know p{ font-size: 1.5rem;}

    #tit-zone{ width: 300px;}
}