body{font-family:'Roboto Condensed', sans-serif;padding-top:54px;color:#868e96;}
@media (min-width:992px){body{padding-top:0;padding-left:14rem;}
}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:700;color:#343a40;}
h1{font-size:2.8rem;line-height:3.3rem;}
button:focus{outline:none;}
button{cursor:pointer;}
.subheading{text-transform:uppercase;font-weight:500;font-size:1.35rem;}
.list-social-icons a{color:#495057;}
.list-social-icons a:hover{color:#BD5D38;}
.list-social-icons a .fa-lg{font-size:1.75rem;}
.list-icons{font-size:3rem;}
.list-icons .list-inline-item i:hover{color:#BD5D38;}
#servicios, #contacto{margin-top:1px;}
#sideNav .navbar-nav .nav-item .nav-link{font-weight:600;text-transform:uppercase;display:inline-block;}
.nav-link .fa-2x{font-size:1.7em;}
#sideNav .navbar-nav .nav-item .instagram{padding-left:1rem!important;}
#sideNav .navbar-nav .nav-item .nav-link:hover{color:white;}
.social{margin-top:25px;}
.logo_h{max-height:40px;}
@media (min-width:992px){#sideNav{text-align:left;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:14rem;height:100vh;}
#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:0.5rem;padding-bottom:2rem;}
#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;}
#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto;}
#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%;}
#sideNav .navbar-collapse .navbar-nav .nav-item{display:block;}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:inline-block;padding-left:3.5rem;}
}
header{position:relative;min-height:100vh;}
header.resume-section{background-image:url(../img/ejemplo_portada.jpg);background-size:cover;}
header .titulo{max-width:40rem;z-index:2;}
header .overlay{height:100%;width:100%;background-color:rgba(13, 71, 161, .4);position:absolute;top:0;left:0;}
header h1{margin-bottom:2.8rem;color:white;}
.boton_inicio a,.boton_inicio a:focus{background-color:rgba(13, 71, 161, .4);padding:11px 15px 9px;font-size:1.15rem;text-transform:uppercase;font-weight:100;color:white;}
.boton_inicio a:hover, .boton_inicio a:active{text-decoration:none;color:white;background-color:rgba(13, 71, 161, 1);}
#nosotros{background-color:rgb(13,71, 161);min-height:100vh;}
.nosotros{max-width:800px;}
.nosotros img{margin-bottom:30px;width:60px;}
#nosotros p{color:white;font-size:1.7rem;font-weight:100;}
#nosotros span{font-weight:700;}
.fotos-servicios{padding:0;}
.fotos-servicios .row{margin:0;}
.fotos-servicios img{width:100%;height:auto;}
.fotos-servicios .col-sm-6{padding:0;}
#servicios{background-color:white;}
#servicios h6{margin:auto;max-width:47rem;padding-bottom:8rem;padding-top:4rem;color:rgb(13,71, 161);font-size:1.8rem;font-weight:700;letter-spacing:-0.01rem;line-height:2.5rem;}
#servicios h2{color:rgb(13,71, 161);}
#servicios p{color:rgb(13,71, 161);font-size:1.13rem;font-weight:300;}
figure{padding:4rem 1rem 0rem;}
#servicios figure img{width:4.5rem;padding-bottom:1rem;}
.frase-servicios{width:100%;background-color:white;height:270px;}
.frase-servicios h6{font-size:1.7rem;color:rgb(13,71, 161);max-width:700px;font-weight:700;letter-spacing:-0.01rem;line-height:2.5rem;}
.card-title{font-size:1.5rem;margin-bottom:0.5rem;}
.texto-portafolio .card-title p{padding-right:3rem;}
.card-body.texto-portafolio p{font-size:1.13rem;font-weight:100;}
.card-body{background-size:cover;text-align:center;margin:0 0 2rem;background-position:center;padding:0;min-height:300px;}
.card-body.texto-portafolio{text-align:left;color:rgb(13,71, 161);padding-left:7rem;padding-right:3rem;}
.card-body h5{color:white;cursor:pointer;}
.texto-portafolio h4{color:rgb(13,71, 161);font-size:2rem;}
.bodega{background-image:url(../img/1_RCPORT_BODEGA.jpg);}
.kaya{background-image:url(../img/2_RCPORT_KAYA.jpg);}
.primmo{background-image:url(../img/3_RCPORT_PRIMMO2.jpg);}
.irma{background-image:url(../img/4_RCPORT_IRMA2.jpg);}
.saenz{background-image:url(../img/5_RCPORT_RESSAENZ.jpg);}
.libertalia{background-image:url(../img/6_RCPORT_LIBERTALIA.jpg);}
.chefellas{background-image:url(../img/7_RCPORT_CHEFELLAS.jpg);}
.pineda{background-image:url(../img/8_RCPORT_PINEDA.jpg);}
#portafolio .overlay{opacity:0;height:100%;background-color:rgba(13,71, 161, .8);min-height:300px;}
.texto-portafolio .overlay{opacity:1!important;background-color:white!important;}
.card-body:hover .overlay{opacity:1!important;transition:opacity 0.5s ease;}
.card-img-top{display:none;}
#portafolio h6{font-size:0.8rem;text-transform:uppercase;color:rgb(76,77,76);}
#portafolio .card-text:last-child{margin-bottom:0;font-size:1.13rem;font-weight:300;line-height:1.5rem;color:white;}
section.resume-section, header.resume-section{padding-top:5rem !important;padding-bottom:5rem !important;}
section.resume-section .resume-item .resume-date{min-width:none;}
@media (min-width:768px){section.resume-section, header.resume-section{min-height:100vh;}
section.resume-section .resume-item .resume-date, header.resume-section{min-width:18rem;}
}
@media (min-width:992px){section.resume-section, header.resume-section{padding-top:3rem !important;padding-bottom:3rem !important;}
}
.bg-primary{background-color:rgba(13, 71, 161, 1) !important;}
.text-primary{color:#BD5D38 !important;}
a{color:#BD5D38;}
a:hover, a:focus, a:active{color:#824027;}
.carousel-inner{background-color:rgb(13,71, 161);color:white;width:100%;height:300px;}
.carousel-caption h3{color:white;font-weight:300;font-size:1.4rem;line-height:2rem;}
.carousel-caption h5{color:white;text-transform:uppercase;padding-top:13px;font-size:1.1rem;}
.carousel-caption h6{color:white;font-style:italic;}
.carousel-caption{position:relative;right:inherit;left:inherit;color:white;padding-top:80px;padding-left:1rem;padding-right:1rem;}
.carousel-indicators li{background-color:rgb(158,159,158);}
.carousel-indicators .active{background-color:white;}
.card{border:none;}
.card-title{color:white;}
.card-body h5{font-weight:100;}
#contacto h2{color:rgb(13,71, 161);margin-bottom:60px;}
#contacto h4{font-weight:100;color:rgb(13,71, 161);}
#contacto h5{color:rgb(13,71, 161);}
#contacto .redes{color:rgb(13,71, 161);}
.contactanos{margin-bottom:60px;}
.contactanos a{color:rgb(13,71, 161);}
.contactanos a:hover{opacity:0.7;text-decoration:none;}
.cuentanos{margin-bottom:60px;}
.cuentanos h5{margin-top:20px;}
.cuentanos a{padding:5px 10px;border:solid 1px rgb(13,71, 161);color:rgb(13,71, 161);}
.cuentanos a:hover{opacity:0.7;text-decoration:none;}
.redes a{color:rgb(13,71, 161);}
.redes a:hover{opacity:0.7;}
.redes i{padding:20px;}
.direccion div{margin-top:40px;}
.direccion a{color:rgb(13,71,161);}
.direccion a:hover{color:rgb(13,71,161);opacity:0.7;text-decoration:none;}
footer{height:50px;background-color:rgb(13,71,161);color:white;text-align:center;font-size:0.7rem;padding:16px;}
.direccion i{display:none;}
footer a, footer a:hover, footer a:active, footer a:focus{color:white;}
.modal{padding-right:0 !important;}
.modal-backdrop.show{opacity:1;background-color:white;}
.fade.in{transition:opacity 1.15s ease-in-out;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transform:none;}
.modal-dialog{margin:0;}
.modal-lg{width:100%;max-width:100%;}
.modal-content{-webkit-box-shadow:0;box-shadow:0;background-color:white;-webkit-background-clip:padding-box;background-clip:padding-box;border:0;border-radius:0;color:rgb(13,71, 161);}
.modal-header{background-color:rgb(13,71, 161);border:none;border-top-left-radius:0rem;border-top-right-radius:0rem;}
.modal-header img{width:35px;cursor:pointer;}
.modal-header .close{color:white;}
.modal-header .close img{width:25px;}
.modal-body{padding:0;}
.portada-modal{width:100%;height:400px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.modal-text{margin:auto;max-width:700px;padding-top:30px;padding-bottom:30px;}
.modal-text h2{color:rgb(13,71, 161);font-size:2.8rem;}
.modal-text h5{color:rgb(76,77,76);font-size:1rem;}
.modal-text p{font-size:1.13rem;font-weight:100;margin-bottom:2rem;}
.modal-text img{max-width:700px;width:100%;height:auto;margin-bottom:70px;}
#modalBodega .portada-modal{background-image:url(../img/RCMODAL_1BODEGA.jpg);}
#modalKaya .portada-modal{background-image:url(../img/RCMODAL_2KAYA.jpg);}
#modalPrimmo .portada-modal{background-image:url(../img/RCMODAL_3PRIMMO.jpg);}
#modalIrma .portada-modal{background-image:url(../img/RCMODAL_4IRMA.jpg);}
#modalSaenz .portada-modal{background-image:url(../img/RCMODAL_5SAENZ.jpg);}
#modalLibertalia .portada-modal{background-image:url(../img/RCMODAL_6LIBERTALIA.jpg);}
#modalChefellas .portada-modal{background-image:url(../img/RCMODAL_7CHEFELLAS.jpg);}
#modalPineda .portada-modal{background-image:url(../img/RCMODAL_8PINEDA.jpg);}
.modal-footer{border:none;}
.modal-footer button{color:rgb(13,71, 161);background-color:white;border-radius:0;border-color:rgb(13,71, 161);}
.modal-footer button:hover, .modal-footer button:active,.modal-footer button:focus{background-color:white!important;color:rgb(13,71, 161)!important;box-shadow:none!important;}
@media (min-width:992px){.carousel-caption{padding:100px 10% 0;}
}
@media (max-width:991px){.navbar-nav{text-align:center;}
.modal-text{padding-left:10%;padding-right:10%;}
.carousel-caption h3{color:white;font-weight:300;font-size:1.15rem;line-height:1.5rem;}
.carousel-caption h5{font-size:1rem;padding-top:8px;}
header h1{font-size:2.6rem;}
#nosotros p{font-size:1.2rem;padding:0 1rem;}
.frase-servicios h6{padding:0 1rem;}
.card-body.texto-portafolio{text-align:center;color:rgb(13,71, 161);padding-left:3rem;padding-right:3rem;}
#portafolio{padding-top:100px!important;}
header.resume-section{padding-top:5rem !important;padding-bottom:5rem !important;margin-top:-54px;}
}