body {font-family: 'Segoe UI', SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
section {padding: 4em 0;}

/* WhatsApp */
img.btn-whatsapp {display: block !important; position: fixed; z-index: 9999999; bottom: 85px; right: 10px; cursor: pointer; border-radius:100px !important;}
img.btn-whatsapp:hover {border-radius:100px !important; -webkit-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1);  -moz-box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); box-shadow: 0px 0px 15px 0px rgba(7,94,84,1); transition-duration: 1s;} 

/* buttons actions */
.button {width: 100%; max-width: 160px; border-radius: 50px; background: transparent; border: 2px solid #0085c3; color: #0085c3; font-weight: 600; font-size: 1rem;}
.button:hover {background: #0085c3; color: white;}

/* menu navbar */
.logo {width: 130px;}
.navbar {background: white !important; padding: 0.3em;}
.navbar-nav, .navbar-brand {margin: 0px;}
.nav-link {font-weight: 600; padding: 0px 26px !important; text-transform: uppercase; font-size: 14px; font-family: Montserrat, sans-serif; color: #566573 !important;}
.nav-link:hover {color: #243a4b !important;}
i.whatsapp {color: #25D366; font-weight: 600;}

/* social network */
i.fa-icon {padding: 0px 12px; color: #ccc;}
i.fa-icon:hover {color: #243a4b;}

.fixed-top {box-shadow: 0px 3px 2px rgba(0,0,0,.08);}

/* header */
.header {background: url('../img/banner.jpg'); background-size: cover; background-position: center; height: 100vh;}
.header .row {align-items: center;}
.header h1 {font-size: 4.4em; font-weight: bold; margin-bottom: 0; color: #243a4b; text-align: left;}
/*.encabezado {width: 100%; max-width: 800px; margin: 0 auto;}*/
.encabezado p {color: #243a4b; text-align: left; font-size: 1.5em; font-weight: 600;}
.content-button {margin-top: 2em;}
.btn-light {width: 100%; max-width: 180px; background: transparent; color: #243a4b; font-weight: 600; font-size: 1rem; border-radius: 50px; border: 2px solid #243a4b; box-shadow: none !important;}
.btn-light:hover {color: white; background: #243a4b; border: 2px solid #243a4b;}

/* modal */
.modal-body {padding-bottom: 2em; padding-top: 0;}
.modal-body h1 {font-size: 150px; color: #004c98;}
.modal-body h3 {font-weight: 600; color: #0085c3;}
.modal-body p {font-weight: 600;}
.modal-header {border: none; padding: 1rem 1rem 0 1rem}
.close {font-size: 2.5rem; font-weight: 400; opacity: .8;}

/* form modal */
.details {min-height: 120px; max-height: 120px;}
.send {width: 100%; background: #0085c3; border: #0085c3; border-radius: 0; box-shadow: none !important;}
.inputs {justify-content: space-between;}
.length {width: 49%;}
.error {position: relative; padding: .55rem 1.25rem; margin-bottom: 1rem; border: 1px solid red; border-radius: 0; color: red; font-size: 0.9rem;}
.exito {position: relative; padding: .55rem 1.25rem; margin-bottom: 1rem; border-radius: 0; background-color: #d4edda; color: #155724; font-size: 0.9rem;}

.description h2 {color: #0085c3; font-weight: 500; margin-bottom: 0;}

/* posters */
.posters {padding: 0; background: #f2f2f2;}
.nopadding {padding: 0;}
.poster-description {width: 100%; max-width: 400px; margin: 0 auto;}
.vista-poster-dos {display: none;}

/* titles */
.poster-description h2, .security h2, .information h2, 
.testimonials h2, .custom h2, .functions h2, .custom-service h2, .address h2, .accordion h2 {color: #566573; font-weight: 600;}

/* descriptions */
.poster-description p, .security-description p {color: #566573; font-weight: 400;}
.btn-action {margin-top: 8%;}

/* titles */
.security h2, .information h2, .testimonials h2, .functions h2, .custom-service h2, /*.address h2,*/ .accordion h2, .custom h2 {margin-bottom: 20px;}

/* rows */
.posters .row, .security .row {align-items: center;}
.formulario .row, /*.custom .row,*/ .proyects .row {justify-content: center;}

/* security */
.container-security {width: 100%; max-width: 720px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.security-img img {border-radius: 50%; box-shadow: 0px 2px 16px 0px rgba(0,0,0,.15);}
.ver-img-2 {display: none;}

/* information */
.information {background-color: #f2f2f2;}
.container-information {border-radius: 3px; border-left: 10px solid #11c7e6; margin: 15px; padding: 20px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,.15); background-color: white;}
.container-information p {color: #566573;}
.container-information h5 {font-weight: 600; color: #566573;}

/* functions */
.functions {background: #f2f2f2;}
.container-functions {border-radius: 3px; border-left: 10px solid #11c7e6; margin: 15px; padding: 20px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,.15); background-color: white;}
.container-functions p {color: #566573;}
.container-functions h4 {font-weight: 600; color: #566573;}

/* custom-service */
.contenedor-textual p {margin-bottom: 0; margin-top: 1rem; font-weight: 500;}
.marco-service > img {-moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s;}
.marco-service:hover > img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); filter: brightness(0.7);}
.marco-service {position: relative; overflow: hidden; margin: 10px; /*border-radius: 2px;*/}
.contenedor-textual {position: absolute; bottom: 20px; /*left: 25px;*/ z-index: 9000;}
.subtitulo {color: #004c98; margin-top: 1em;}

/* testimonials */
#ratingCarousel {min-height: 240px; padding: 20px; border-radius: 2px; text-align: center;}
#icon-star {color: #ffb944; font-size: 1rem;}
#icon-control {font-size: 4rem; margin: 0; color: #0085c3;}
.carousel-control-next, .carousel-control-prev {color: #fff; opacity: 1; width: 5%;}
.carousel-container {max-width: 800px; margin: 0 auto;}
.testimonial-user {max-width: 240px; margin: 0 auto; text-align: left;}
.testimonial-user img {border-radius: 50%; max-width: 100%; text-align: center;}
.testimonial-name > h6 {margin-bottom: 0px; font-style: italic;}
.testimonial-name {height: 100%;}

.help {background-color: #004c98;}
.help h2 {color: white; font-weight: 600;}
.help p {color: white;}

/* portada encabezados */
.portada { margin-top: 70px; padding: 1.5em 0; background: url('../img/header.jpg'); background-size: cover; background-position: center;}
.portada h1 {font-weight: 600; color: white; text-transform: uppercase;}

/* nosotros */
.headtop p {color: #566573; font-weight: 400;}
.about {background-color: #f2f2f2; padding: 0;}
.about .row {align-items: center;}
.description-about {width: 100%; max-width: 400px; margin: 0 auto;}
.description-about h2 {font-weight: 600; color: #566573;}
.description-about p {color: #566573; font-weight: 400;}
.container-custom {margin: 25px; box-shadow: 0px 2px 16px 0px rgba(0,0,0,.14);}
.accordion {padding-top: 0;}
.card {margin: 1em 0 1em 0;}
.card-header {background-color: white; border: 1px solid #D6EAF8;}
.card-body {color: #566573; font-weight: 400; background-color: #f2f2f2;}
.collapse-accordion {border: 1px solid #D6EAF8;}
#accordion {margin-top: 50px;}
button {text-decoration: none !important;}
button h5 {color: #0085c3;}

/* servicios */
.container-service {margin: 10px; padding: 18px; border: 1px solid #11c7e6; border-left: 10px solid #11c7e6; border-radius: 3px;}
.container-service h5 {font-weight: 600; color: #566573;}
.container-service p {color: #566573;}

/* seguridad */
.header-security {background: url('../img/bg.jpg'); background-size: cover; background-position: center; height: 100vh;}
.header-security .row {align-items: center;}
.contenedor {width: 100%; max-width: 800px; margin: 0 auto;}
.contenedor h1 {font-size: 3em; font-weight: 600; color: white; text-align: center;}
.horizontal h3 {color: #566573; font-weight: 600; text-align: center; line-height: 150%;}
.cam-one .row, .cam-two .row, .captura .row {width: 100%; max-width: 700px; margin: 0 auto; align-items: center;}
.contenedor-img {padding: 15px;}
.contenedor-img img {border-radius: 50%; border: 4px solid #11c7e6;}
.contenedor-txt p, .contenedor-txt ul, .contenedor-txt-captura {color: #566573;}
.horizontal, .captura {background-color: #f4f5f4;}
i.fa-check {color: #11c7e6;}
.slider h3, .shared h3 {color: #566573; font-weight: 600; text-align: center; padding-bottom: 1em;}
.swiper-container {height: 100%;}
.swiper-slide {text-align: center; font-size: 60px;}
.swiper-scrollbar, .swiper-pagination {display: none;}
.form-page-landing {width: 100%; max-width: 600px; margin: 0 auto;}
.form-landing h3 {color: #566573; margin-bottom: 1em; text-align: center;}
.box-input {justify-content: space-between;}
.btn-landing {width: 100%; border-radius: 0px; box-shadow: none !important; transition: none !important;}
.center {text-align: center;}

/* contacto */
.form-contact {width: 600px; padding: 15px;}
.form-control {border-radius: 3px; border-color: #0085c3; transition: none !important; box-shadow: none !important; color: #0085c3 !important;}
.input-flex {justify-content: space-between;}
.size {width: 49%;}
textarea {min-height: 100px; max-height: 130px;}
.btn-send {width: 100%; border-radius: 0px; border: 2px solid #0085c3; background: transparent; color: #0085c3; text-transform: uppercase; font-weight: bold; box-shadow: none !important; transition: none !important;}
.btn-send:hover {background: transparent; border: 2px solid #0085c3; color: #0085c3;}
.alert-danger {background: transparent; color: red; border-color: red; font-weight: 400; font-size: 0.9rem;}
.alert-success, .alert-danger {border-radius: 0px;}
.alert-success {border: none; font-size: 0.9rem;}
.address h2 {margin-bottom: 30px;}

/* footer*/
.footer {background: #004c98; padding-top: 2em; padding-bottom: 0;}
.footer .titulo {font-size: 1.20em; margin-bottom: 18px; text-transform: uppercase; font-weight: 600;}
.footer ul {padding-left: 0;}
.footer li {color: white; font-weight: 400; font-size: 0.9rem;}
.footer a {text-decoration: none; color: white;}
i.icons {font-size: 2em;}
.allrights {padding: 1rem 0; margin-top: 2em; background-color: #0b2a63;}
.pie {color: white; font-size: 0.9rem; margin-bottom: 0;}

/* responsive */
@media screen and (max-width: 768px) {
.navbar-brand {margin-left: 0;}
.nav-item {text-align: center;}
.nav-link {font-size: 1em; padding: 8px 0px !important;}
.app {display: none;}
.navbar-toggler {border: none; font-size: 1.45rem;}
.navbar-toggler:focus {outline: 0px;}
.social-net {display: none;}
.nomargin {padding: 0;}
.vista-poster-uno {display: none;}
.vista-poster-dos {display: block;}
.poster-description {max-width: 100%; padding: 4em; text-align: center;}
.container-custom {max-width: 100%;}
.security-description {padding: 2em; text-align: center;}
.security-img img {width: 100%; border-radius: 0; box-shadow: none;}
.ver-img-1 {display: none;}
.ver-img-2 {display: block;}
.container-testimonial {flex-flow: wrap;}
.testimonial-img {margin: 0 auto;}
.testimonial-details {margin-top: 1rem;}
.form-contact {width: 600px;}
.border {border: none !important;}
.content-img-about img {width: 100%;}
.description-about {max-width: 100%; text-align: center; padding: 4em;}
.custom .row {justify-content: normal;}
.custom-service p {margin-bottom: 1rem;}
}

@media screen and (max-width: 480px) {
.logo {width: 120px;}
.input-flex, .inputs, .box-input {flex-flow: wrap;}
.size, .length {width: 100%;}
.border {border-top: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important;}
.ourvalues {border: none !important;}
.over {border-top: 1px solid #dee2e6 !important;}
.contenedor-txt-captura {margin-top: 2rem;}
.name-proyect {padding: 0 1rem;}
.poster-description {padding: 20px 15px;}
.security-description {padding: 0 15px;}
.form-page-landing {padding: 0 15px;}
}

@media screen and (max-width: 320px) {
.header h1 {font-size: 32px;}
.encabezado {padding-top: 3rem; margin-top: 0 !important;}
.security-description {padding: 0;}
}