@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Medium';src:url(../fonts/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Bold';src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Italic';src:url(../fonts/Montserrat-Italic.woff2) format("woff2"),url(../fonts/Montserrat-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat Semi';src:url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
*{padding:0;margin:0}
html{-webkit-font-smoothing:antialiased;height:100%;scroll-behavior:smooth}
body{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:16px;color:#222;background-color:#fff;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;transition:background-color .5s;height:100%}
h1,h2,h3,h4,h5{font-family:"Montserrat Semi"}
.red{color:#b20838}
a{text-decoration:none;color:#222}
a:hover{text-decoration:none;color:#dc3545}
.montserrat{font-family:"Montserrat"}
.montserrat-medium{font-family:"Montserrat Medium"}
.montserrat-bold{font-family:"Montserrat Bold"}
.montserrat-italic{font-family:"Montserrat Italic"}
.montserrat-semi{font-family:"Montserrat Semi"}
header{-webkit-box-shadow:rgba(0,0,0,.25) 0 1px 2px;-moz-box-shadow:rgba(0,0,0,.25) 0 1px 2px;box-shadow:rgba(0,0,0,.25) 0 1px 2px}
header .top-bar{background-color:#fafafa;border-top:spx solid #b20838}
header .top-bar a{color:#222}
header .navbar-light .navbar-nav .nav-link{color:#222;font-size: 14px;}
header .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:none;width:10px;height:6px;border:none}
header .dropdown-menu{background-color:#fafafa;left:-25px;margin:1.39rem 0 0;border:none;border-radius:0;box-shadow:5px 5px 10px #d8d9da}
header .dropdown-menu a{padding:1.25rem 1.5rem}
header .dropdown-menu a:hover{color:#b20838;background:transparent}
header .navbar .navbar-brand img{height:70px}
.carousel-control-next-icon{background-image:url(../img/iconos/next.png)}
.carousel-control-prev-icon{background-image:url(../img/iconos/prev.png)}
.carousel-control-next-icon,.carousel-control-prev-icon{height:40px}
.carousel-caption{text-align:left;right:40%;max-width:500px;left:auto;top:50%;transform:translateY(-50%);bottom:initial}
.carousel-caption h5{font-size:70px;font-weight:700;line-height:70px}
.carousel-caption p{font-size:22px}
.carousel-overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.10) url(../img/media/overlay.png) repeat;z-index:1}
.scroll-down{display:none;position:absolute;left:10%;right:10%;bottom:6%;text-align:center;z-index:999}
.scroll-down span{display:block;font-size:13px;text-transform:uppercase;line-height:1.2;color:#fff;padding-bottom:20px}
.scroll-down a{display:inline-block;width:40px;height:40px}
.scroll-down a img{width:40px;-webkit-animation:sd 2s infinite;animation:sd 2s infinite}
@-webkit-keyframes sd {
0%{-webkit-transform:translate(0,0);opacity:.2}
50%{opacity:1}
100%{-webkit-transform:translate(0,15px);opacity:0}
}
@keyframes sd {
0%{transform:translate(0,0);opacity:.2}
50%{opacity:1}
100%{transform:translate(0,15px);opacity:0}
}

@-webkit-keyframes sds {
	0%{-webkit-transform:translate(0,0);}
	25%{-webkit-transform:translate(0,7px);}
	50%{-webkit-transform:translate(0,15px);}
	75%{transform:translate(0,7px);}
	100%{transform:translate(0,0);}
}
@keyframes sds {
	25%{-webkit-transform:translate(0,7px);}
	50%{-webkit-transform:translate(0,15px);}
	75%{transform:translate(0,7px);}
	100%{transform:translate(0,0);}
}
.bg-nosotros{background:#000 url(../img/media/nosotros.jpg);background-position-x:0;background-position-y:0;background-repeat:repeat;background-attachment:scroll;background-size:auto;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0}
.bg-contacto{background:#000 url(../img/media/contacto.jpg);background-position-x:0;background-position-y:0;background-repeat:repeat;background-attachment:scroll;background-size:auto;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0}
.bg-creditos{background:#000 url(../img/media/creditos.jpg);background-position-x:0;background-position-y:0;background-repeat:repeat;background-attachment:scroll;background-size:auto;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0}
.bg-blog{background:#000 url(../img/media/blog.jpg);background-position-x:0;background-position-y:0;background-repeat:repeat;background-attachment:scroll;background-size:auto;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0}
.p-overlay{padding-top:80px;padding-bottom:80px;background:rgba(0,0,0,0.12) url(../img/media/overlay.png) repeat}
.bg-nosotros h2,.bg-contacto h2,.bg-creditos h2{font-size:3rem}
.social{position:fixed;left:0;top:200px;z-index:2000}
.social ul{list-style:none;margin-bottom:0}
.social ul li a{font-size:20px;display:inline-block;color:#fff;background:#000;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.social ul li .fa-facebook{background:#3b5998;padding-left:22px}
.social ul li .fa-facebook-square{background:#3b5998}
.social ul li .fa-twitter-square{background:#00abf0}
.social ul li .fa-twitter{background:#00abf0}
.social ul li .fa-instagram{background:#bb31a1}
.social ul li .fa-envelope-o{background:#666;font-size:17px}
.social ul li .fa-user{background:#ff7841;font-size:22px}
.social ul li .fa-phone{background:#dc4e41;font-size:22px}
.social ul li .fa-youtube{background:red;font-size:20px}
.social ul li .fa-linkedin{background-color:#007bb5;font-size:20px}
.social ul li a:hover{background:#b20838;padding:10px 30px}
.fa{font-size:18px;color:#dc3545;margin-right:5px}
.title-bar{width:10%;border-top:5px solid #b20838;margin:auto;padding:0}
#services a{color:#b20838}
#about{background:url(../img/home-service-back.jpg) no-repeat top center;background-size:cover}
#about a{color:#FFF}
.credit-row{line-height:30px}
.contact-form input,.contact-form textarea,.contact-form select{background-color:#fafafa;font-family:"Montserrat"}
.contact-text{font-size:14px;line-height:30px}
.contact-text a{color:#444}
.modal-header{border:none}
.modal-header .close{padding:.5rem}
.modal-header .close span{font-size:40px;color:#b20838}
.modal p,.modal label,.modal input,.modal select{font-size:14px}
.modal-footer{border:none}
.burbuja-contact{  position: fixed; bottom: 0; z-index: 999; right: 3px; }
.burbuja-contact { bottom: 12px; right: 12px; -webkit-animation:sds 4s infinite;animation:sds 4s infinite  }
.formContact label span {color:red}

.modal button.close { position: absolute; top: -16px; right: -10px; width: 32px; height: 32px; font-size: 24px; text-shadow: none; line-height: 32px; color: #fff; background-color: #dc3545; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 1; z-index: 1000; cursor: pointer; }
.modal .modal-content { border-radius: 0; }

#faq .btn-link {
    font-weight: 400;
    color: #dc3545;
    text-decoration: none;
	text-align: left;

}

#faq .btn-link:hover {
    color: #000;
    text-decoration: underline;
}

#faq .btn.focus, .btn:focus {
    outline: 0;
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5);
}
	
footer{background-color:#fafafa}
footer h3{font-size:18px}
footer p{font-size:14px;line-height:25px}
footer p a{color:#444}
footer .bottom-bar{background-color:#f0f0f0}


@media (min-width:992px) {
.scroll-down{display:block}
}
@media screen and (max-width:768px) {
header .top-bar p{width:100%;text-align:center;font-size:10px}
footer{text-align:center}
footer .bottom-bar p{text-align:center;width:100%}
}

@media (min-width: 1200px) {
	.carousel-caption{ right: 55% }
}