@font-face{font-family:'montserratbold';src:url(../fonts/montserrat-bold-webfont.woff2) format("woff2"),url(../fonts/montserrat-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'montserratextra_bold';src:url(../fonts/montserrat-extrabold-webfont.woff2) format("woff2"),url(../fonts/montserrat-extrabold-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'montserrathairline';src:url(../fonts/montserrat-hairline-webfont.woff2) format("woff2"),url(../fonts/montserrat-hairline-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'montserratlight';src:url(../fonts/montserrat-light-webfont.woff2) format("woff2"),url(../fonts/montserrat-light-webfont.woff) format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'montserratregular';src:url(../fonts/montserrat-regular-webfont.woff2) format("woff2"),url(../fonts/montserrat-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'montserratsemi_bold';src:url(../fonts/montserrat-semibold-webfont.woff2) format("woff2"),url(../fonts/montserrat-semibold-webfont.woff) format("woff");font-weight:600;font-style:normal}
@font-face{font-family:'montserratultra_light';src:url(../fonts/montserrat-ultralight-webfont.woff2) format("woff2"),url(../fonts/montserrat-ultralight-webfont.woff) format("woff");font-weight:200;font-style:normal}
html,body{height:100%!important}
body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:12px;color:#222;background:#fff;margin:0;padding:0;width:100%;height:100%;position:relative}
section{padding:30px 0}
header#header{z-index:9999999!important}
#header-sticky-wrapper header#header{z-index:9999!important}
p{font-size:14px;/*color:#333*/}
p a{color:#f60;text-decoration:none}
p a:hover{color:#900}
#perfil{background:#fa7268}
.navbar-inverse .navbar-toggle {border-color: #fff}
.container-nombre{text-align:center;margin:5% auto;width:400px}
img.foto-perfil{margin:0 auto;display:block;border-radius:50%;width:300px;border: 3px solid #fff}
.portafolio{padding:100px 0}
.portafolio p{text-align: center;margin: 0;padding: 0;color: #5e5e5e}
.portafolio h2{text-align:center;margin:20px 0 10px 0;font-size:35px}
.portafolio p.subtitle{text-align:center;font-size:22px;color:#222;margin-bottom:30px}
.box-portafolio{margin:20px 0 10px 0}
.box-portafolio a{height:200px;overflow:hidden;display:inline-block}
.contacto{padding:20px 0;background:#fa7268}
.contacto h2{text-align:center;margin-bottom:10px;font-size:30px}
.contacto p.subtitle{text-align:center;font-size:22px;color:#222;margin-bottom:30px}
.contacto h3{text-align:center;margin-top:20px;font-size:40px}
.portafolio p.subtitle a.admsys{color:#77933C}
.container-nombre img{width:150px;margin:0 auto}
.container-nombre{color: #fff}
.navbar-inverse{background-color:#fa7268;border:none;border-bottom:1px solid #fff}
.navbar-nav li a{color:#000!important;font-size:16px;padding:15px;display:inline-block}
nav.navbar .logo{display:inline-block;float:left;color:#222;font-size:20px}
.navbar-nav{height:auto}
nav.navbar .logo a{color:#222;display:inline-block;padding:10px}
a.navbar-brand{color:#fff}
.contacto{color: #fff}
.contacto .main-login{width:400px;display:inline-block;margin:0 auto;display:inherit}
#respuesta{padding:30px 0;text-align:center;font-size:18px}
#respuesta p{font-size:20px}
.contacto .main-login form .form-group{margin-bottom:30px}
.contacto .main-login form label{font-size:20px}
.contacto label{font-weight: inherit;letter-spacing: .4px}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#000;background-color:#fff}
.container-descripcion{background:transparent;width:80%;margin:0 auto;text-align:center;font-weight:300;padding:40px}
.container-descripcion p{color:#222;font-size:20px;font-weight:300}
footer{background:#fff;padding:10px 0;color:#fff}
footer p{color:#222}
footer ul{padding:0}
footer ul li{color:#fff;list-style:none;text-align:center}
footer ul li i.fa{font-size:20px}
div#fancybox-container-2 {
    z-index: 999999999!important;}


@media (max-width: 995px) {
section{height:auto!important;padding:50px 0 10px}
.contacto{padding:100px 0 50px}
}
@media (max-width: 767px) {
.contacto .main-login{width:100%;padding:0 30px}
.portafolio .box-portafolio{margin-bottom:30px}
.navbar-nav li a{width:100%}
}
@media (max-width: 500px) {
.container-nombre{width: 95%}
.container-nombre h3{font-size:20px}
.contacto h3{font-size:20px}
.container-descripcion{background:transparent;width:100%;margin:0 auto;text-align:center;font-weight:300;padding:40px 10px}
}
@media only screen and (max-width: 41.250em) {
#container{width:100%}
#imagelightbox-close{top:1.25em;right:1.25em}
#imagelightbox-nav{bottom:1.25em}
.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-2.75em}
.imagelightbox-arrow-left{left:1.25em}
.imagelightbox-arrow-right{right:1.25em}
}
@media only screen and (max-width: 20em) {
.imagelightbox-arrow-left{left:0}
.imagelightbox-arrow-right{right:0}
}