@font-face {
font-family: 'PDFinTextPro';
src:url(//electroingenios.com.pe/wp-content/themes/Electroingenios/fonts/PFDinTextPro-Regular.woff);
}
html {
font-size: 10px;
}
:focus,
button.navbar-toggler:focus {
outline: none;
}
body {
font-family: "Montserrat", sans-serif;
color: #666;
letter-spacing: 1px;
font-size: 1.4rem;
font-size: 14px;
padding: 0;
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
.alignleft {
float: left;
text-align: left;
}
a.alignleft, img.alignleft, .wp-caption.alignleft {
margin: 0 24px 24px 0;
}
a.alignright, img.alignright, .wp-caption.alignright {
margin: 0 0 24px 24px;
}
.alignright {
float: right;
text-align: right;
}
p {
line-height: 24px;
margin-bottom: 24px;
}
::-webkit-input-placeholder { color: #666;
}
::-moz-placeholder { color: #666;
}
:-ms-input-placeholder { color: #666;
}
:-moz-placeholder { color: #666;
} .redes {
background: #5ca04f;
}
.redes .dropdown-toggle::after {
display: none;
}
.redes .nav-link {
color: #fff;
font-size: 1.6rem;
}
.dropdown-menu {
left: -100%;
}
.redes .dropdown-menu {
-webkit-transform: translateX(-100%) translateY(-119%);
transform: translateX(-100%) translateY(-119%);
left:0;
}
.navbar-light .navbar-nav .nav-link {
color: #5ca04f !important;
font-size: 1.4rem;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.navbar-light .navbar-toggler {
border: none;
}
.navbar-light .navbar-toggler-icon {
background: none;
}
span.navbar-toggler-icon {
font-size: 2rem;
color: #5ca04f;
}
form.form-inline.menu-search input {
height: 35px;
border: solid 1px #5ca04f;
}
li.menu-item {
padding: 0 5px;
}
a.dropdown-item {
font-size: 1.4rem;
} .banner-portada {
height: calc(100vh - 140.25px);
}
.banner-portada:after {
content: "";
position: absolute;
top: 140.25px;
height: calc(100vh - 140.25px);
left: 0;
right: 0;
z-index: -1;
background-position: center;
background-size: cover;
}
.banner-texto {
color: #fff;
font-size: 4.6rem; opacity: 0;
position: absolute;
font-family: "PDFinTextPro";
}
.b-1 {
opacity: 1;
-webkit-animation-name: b-uno;
animation-name: b-uno;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
@-webkit-keyframes b-uno {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
35% {
opacity: 0;
}
95% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes b-uno {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
35% {
opacity: 0;
}
95% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.b-2 {
opacity: 0;
-webkit-animation-name: b-dos;
animation-name: b-dos;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
@-webkit-keyframes b-dos {
30% {
opacity: 0;
}
35% {
opacity: 1;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
}
@keyframes b-dos {
30% {
opacity: 0;
}
35% {
opacity: 1;
}
65% {
opacity: 1;
}
70% {
opacity: 0;
}
}
.b-3 {
opacity: 0;
-webkit-animation-name: b-tres;
animation-name: b-tres;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
@-webkit-keyframes b-tres {
65% {
opacity: 0;
}
75% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes b-tres {
65% {
opacity: 0;
}
75% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.camaras-portada {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/camaras-bg.png) center center no-repeat;
background-size: 102% 102%;
}
.alarmas-portada {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/alarmas-bg.png) center center no-repeat;
background-size: 102% 102%;
}
.incendios-portada {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/incendios-bg.png) center center no-repeat;
background-size: 102% 102%;
}
.cercos-portada {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/cercos-bg.png) center center no-repeat;
background-size: 102% 102%;
}
.servicios-portada h3 {
font-size: 2rem;
line-height: 32px;
}
.servicios-portada h3 a {
color: #fff;
}
.servicios-portada h3 a:hover {
color: #fff;
text-decoration: none;
}
.camaras-portada img,
.alarmas-portada img,
.incendios-portada img,
.cercos-portada img {
-webkit-transition: 0.4s;
transition: 0.4s;
max-height: 93px;
}
.camaras-portada h3,
.alarmas-portada h3,
.incendios-portada h3,
.cercos-portada h3 {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.camaras-portada:hover img,
.alarmas-portada:hover img,
.incendios-portada:hover img,
.cercos-portada:hover img {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.camaras-portada:hover h3,
.alarmas-portada:hover h3,
.incendios-portada:hover h3,
.cercos-portada:hover h3 {
font-size: 2.2rem;
}
.foto-block-portada {
background:  center no-repeat;
background-size: cover;
}
ol.m-0 {
padding-left: 18px;
}
.texto-servicio-portada h2 {
font-size: 2.6rem;
}
.texto-servicio-portada h2::after {
content: " ";
display: block;
background: #3e6c8f;
height: 2px;
width: 90px;
margin: 5px 0 18px;
}
.serv-portada .row:nth-child(odd) .foto-block-portada {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
ol.m-0 li {
padding-left: 20px;
}
.nosotros-portada {
background:  no-repeat center center;
background-size: 100% 100%;
}
.nosotros-texto {
background: rgba(255, 255, 255, 0.5);
}
.nosotros-texto h3 {
font-size: 2.6rem;
}
.nosotros-texto p.text-center {
height: 31px;
}
.nosotros-texto a {
border: solid 1px #3e6c8f;
background: #3e6c8f;
color: #fff;
padding: 10px 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
display: inline-block;
width: 50%;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.nosotros-texto a:hover {
background: none;
color: #3e6c8f;
text-decoration: none;
}
.marcas img {
margin: 15px 0;
}
.marcas {
font-size: 2.6rem;
}
.video-portada {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/video-portada-bg.png) repeat-x top left #fff;
}
.video {
background: url(//electroingenios.com.pe/wp-content/themes/Electroingenios/imagenes/iphone-bg.png) no-repeat left top ;
background-size: 100%;
padding-left: 64px;
padding-top: 16px;
padding-bottom: 17px;
padding-right: 65px;
}
.video-portada h3 {
font-size: 2.6rem;
}
.pre-footer a {
color: #fff;
font-size: 2rem;
-webkit-transition: .4s;
transition: .4s;
}
.pre-footer a:hover {
color: #fff;
text-decoration: none;
}
.pre-footer .fas {
margin-right: 20px;
}
.bg-blue {
background: #3e6c8f;
-webkit-transition: .4s;
transition: .4s;
}
.bg-green {
background: #5ca04f;
-webkit-transition: .4s;
transition: .4s;
}
.bg-blue:hover, .bg-green:hover {
background: #333;
}
footer {
background: #333;
font-size: 1.3rem;
color: #6b6a6a;
}
footer .fas, footer .fab {
font-size: 3rem;
color: #5ca04f;
}
.line .fas, .line .fab {
margin-right: 30px;
}
.line a {
color: #6b6a6a;
-webkit-transition: .4s;
transition: .4s;
}
.line a:hover {
color: #fff;
text-decoration: none;
}
.redes-footer a .fab, .redes-footer a .fas {
margin: 0 15px;
color: #5ca04f;
-webkit-transition: .4s;
transition: .4s;
}
.redes-footer a .fab:hover, .redes-footer a .fas:hover {
color: #fff;  
}
footer input {
width: 100%;
height: 35px;
margin-bottom: 15px;
padding: 0 10px;
}
footer textarea {
width: 100%;
height: 105px;
margin-bottom: 15px;
padding: 10px;
} 
input.wpcf7-form-control.wpcf7-submit {
background: #3e6c8f;
border: solid 1px #3e6c8f;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
-webkit-transition: .4s;
transition: .4s;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: #333;
color: #3e6c8f;
} .banner-pagina {
height: 277px;
}
.banner-pagina {
height: 277px;
background: no-repeat right top;
background-size: 100% 100%;
}
.pagina-titulo {
color: #fff;
font-size: 4.6rem;
font-family: "PDFinTextPro"; }
.serv-interno .row:first-child .texto-servicio-portada p {
font-size: 1.8rem;
padding: 0 35px;
margin: 15px 0;
}
.videos-servicios h2 {
font-size: 2.6rem;
}
.videos-servicios h2::after {
content: " ";
display: block;
background: #3e6c8f;
height: 2px;
width: 90px;
margin: 5px 0 18px;
}
.form-cotiza input, .form-cotiza select {
border: solid 1px #3e6c8f;
margin-bottom: 20px;
width: 100%;
padding: 0 10px;
height: 30px;
}
.form-cotiza input {
padding: 10px;
}
.form-cotiza p {
margin: 0;
}
.form-cotiza textarea {
border: solid 1px #3e6c8f;
margin-bottom: 20px;
width: 100%;
padding: 5px 10px;
height: 231px;
}
.form-cotiza input.wpcf7-form-control.wpcf7-submit {
height: auto;
}
.buscar  h2 {
font-size: 2.6rem;
}
.buscar h2::after {
content: " ";
display: block;
background: #3e6c8f;
height: 2px;
width: 90px;
margin: 5px 0 18px;
}
.buscar h2 a {
color: #666;
}
.buscar h2 a {
color: #3e6c8f;
text-decoration: none;
} @media only screen and (max-width: 1199px) {
.video {
padding-left: 55px;
padding-top: 14px;
padding-bottom: 18px;
padding-right: 55px;
}
}
@media only screen and (max-width: 991px) {
.banner-portada {
height: calc(100vh - 96.25px);
}
.banner-portada:after {
top: 96.25px;
height: calc(100vh - 96.25px);
}
.video {
padding-left: 40px;
padding-top: 10px;
padding-bottom: 18px;
padding-right: 39px;
}
}
@media only screen and (max-width: 767px) {
.video {
padding-left: 29px;
padding-top: 7px;
padding-bottom: 18px;
padding-right: 29px;
}
.banner-portada {
height: calc(80vh - 96.25px);
}
.banner-portada:after {
top: 96.25px;
height: calc(80vh - 96.25px);
}
}
@media only screen and (max-width: 575px) {
a.navbar-brand {
max-width: 196px;
}
.banner-portada {
height: calc(50vh - 78.47px);
}
.banner-portada:after {
top: 78.47px;
height: calc(50vh - 78.47px);
}
.foto-block-portada {
min-height: 33vh;
}
.video {
padding-left: 63px;
padding-top: 15px;
padding-bottom: 18px;
padding-right: 64px;
}
.serv-portada .row:nth-child(odd) .foto-block-portada, .serv-portada .row:nth-child(even) .foto-block-portada {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 515px) {
.video {
padding-left: 56px;
padding-top: 14px;
padding-bottom: 18px;
padding-right: 56px;
}
}
@media only screen and (max-width: 473px) {
.video {
padding-left: 51px;
padding-top: 12px;
padding-bottom: 18px;
padding-right: 51px;
}
.banner-portada {
height: calc(40vh - 78.47px);
}
.banner-portada:after {
top: 78.47px;
height: calc(40vh - 78.47px);
}
}
@media only screen and (max-width: 405px) {
.video {
padding-left: 42px !important;
padding-top: 11px !important;
padding-bottom: 18px;
padding-right: 43px !important;
}
}
.screen-reader-response, .wpcf7-response-output.wpcf7-validation-errors {
display: none;
}
span.wpcf7-not-valid-tip {
color: #5ca04f;
position: absolute;
right: 20px;
top: 9px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
padding-top: 10px;
text-align: center;
color: #fff;
}