/*=============================================*/
/* ============= MERAKI SOFTWARE ==============*/
/*=============================================*/

/* =============FUENTES============= */
@font-face {
    font-family: 'ralewaybold';
    src: url('font/raleway-bold-webfont.woff2') format('woff2'),
        url('font/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('font/raleway-light-webfont.woff2') format('woff2'),
        url('font/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('font/raleway-regular-webfont.woff2') format('woff2'),
        url('font/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('font/raleway-semibold-webfont.woff2') format('woff2'),
        url('font/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsbold';
    src: url('font/poppins-bold-webfont.woff2') format('woff2'),
        url('font/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('font/poppins-light-webfont.woff2') format('woff2'),
        url('font/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('font/poppins-regular-webfont.woff2') format('woff2'),
        url('font/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('font/poppins-semibold-webfont.woff2') format('woff2'),
        url('font/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'great_vibesregular';
    src: url('font/greatvibes-regular-webfont.woff2') format('woff2'),
        url('font/greatvibes-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dk_crayon_crumbleregular';
    src: url('font/dk_crayon_crumble-webfont.woff2') format('woff2'),
        url('font/dk_crayon_crumble-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*-------------------------------------------*/
.font-raleway_bold{
    font-family: 'ralewaybold';
}
.font-raleway_semibold{
    font-family: 'ralewaysemibold';
}
.font-raleway_regular{
    font-family: 'ralewayregular';
}
.font-raleway_light{
    font-family: 'ralewaylight';
}
.font-poppins_light{
    font-family: 'poppinslight';
}
.font-poppins_regular{
    font-family: 'poppinsregular';
}
.font-poppins_semibold{
    font-family: 'poppinssemibold';
}
.font-poppins_bold{
    font-family: 'poppinsbold';
}
.font-great_vibes{
    font-family: 'great_vibesregular';
}
.font-DKCrayon{
    font-family: 'dk_crayon_crumbleregular';
}
/* =============FIN FUENTES============= */

/*==================CONTAINER-HEADER=============================*/
.container-header{
    border-bottom: 0px;
    position: absolute;
    z-index: 99;
    width: 100%;
    background: none;
}
/*=====================FIN CONTAINER-HEADER======================*/
/*===================NAVEGADOR UNO======================*/
.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}
.navbar-1 ul{
    list-style: none;
    padding-left: 0;
}
.navbar-1 ul li.li-tel{
    margin-left: 1rem;
    margin-right: 1rem;
}
.navbar-1 ul li.li-fb{
    margin-left: .5rem;
    margin-right: .5rem;
}
.navbar-1 ul li.li-inst{
    margin-left: .5rem;
    margin-right: 1rem;
}
.img-logo-menu{
    width: 200px;
}
/*===================FIN NAVEGADOR UNO======================*/

/*===================NAVEGADOR DOS======================*/
.navbar-2 ul li a{
    font-family: 'poppinssemibold';
}
.navbar-2 ul li{
    margin-left: .5rem;
    margin-right: .5rem;
}
.bg-marron-cp{
    background-color: rgba(255, 255, 255, 0.83) !important;
}
.navbar-dark.bg-marron-cp .navbar-brand {
    color: #492a15;
}
.navbar-dark.bg-marron-cp .navbar-brand:focus, .navbar-dark.bg-marron-cp .navbar-brand:hover {
    color: rgba(73, 42, 21, 0.69);
}
.navbar.navbar-dark.bg-marron-cp .navbar-nav .nav-item .nav-link {
    color: #492a15;
}
.navbar.navbar-dark.bg-marron-cp .navbar-nav .nav-item .nav-link:hover {
    color: rgba(73, 42, 21, 0.69);
}
.navbar.bg-marron-cp{
    border-radius: 3px;
}
.mt-header-menu{
    margin-top: 10%;
}
.cd-headline.type i {
    color: #fff;
    font-size: 4.4rem;
    font-family: 'poppinssemibold';
    font-style: normal;
}
.navbar.navbar-dark.bg-marron-cp .navbar-toggler {
    color: rgba(73, 42, 21, 0.8);
}
/*Navegador fixed scroll*/

.head-right-bottom.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    width: 100%;
    margin: 0;
    border-radius: 0;
    z-index: 999;
    animation: slide-down 0.7s;
}
.fixed nav.pd-top-fixed{
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.fixed nav .d-block-fixed{
    display: block;
    width: 3rem;
}
.fixed nav .navbar-brand i{
    display: none;
}
nav .d-block-fixed{
    display: none;
}
nav .navbar-brand i{
    display: block;
}
@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    } 
    100% {
        transform: translateY(0);
    } 
}
/*Fin navegador fixed scroll*/
.head-right-bottom.fixed .img-fixed-top-logo{
    width: 104px;
}
.head-right-bottom.fixed .img-fixed-top-logo a img{
    position: absolute;
    top: 0px;
    width: 104px;
}
.fixed .navbar.navbar-dark.bg-marron-cp .navbar-nav .nav-item .nav-link {
    color: #510b0b;
}
.fixed .navbar.navbar-dark.bg-marron-cp .navbar-nav .nav-item .nav-link:hover {
    color: rgba(73, 42, 21, 0.69);
}
.head-right-bottom .navbar .nav-flex-icons{
    display: none;
}
.head-right-bottom.fixed .navbar .nav-flex-icons{
    display: flex;
}
.head-right-bottom.fixed .navbar.navbar-2 ul li a.nav-link span.hidden-xs-cp{
    font-family: 'poppinslight' !important;
}
/*===================FIN NAVEGADOR DOS======================*/

/*==========================NOSOTROS==========================*/
.pd-section{
    padding-top: 8rem;
    padding-bottom: 0rem;
}
.pd-descrip{
    padding: 5rem 0rem 0rem 0rem;
}
.img-fondo-descrip {
    background-image: url('../img/fondo1.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.rgba-black-slight-cp, .rgba-black-slight-cp::after {
    background-color: rgba(0,0,0,.2);
}
.pxy-porcent{
    padding: 10% 10%;
}
.pxy-porcent p{
    font-size: 1.7rem;
    margin-bottom: 0;
}
.pd-descrip .card{
    border-radius: 0 !important; 
}
/*Vista*/
.vista{
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.vista img{
    width: 100%;
}
.vista .mascara{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}
.vista a{
    cursor: default;
}
.vista a.designe-border.mascara::before, .vista a.designe-border.mascara::after{
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1;
}
a.designe-border:before{
    display: block;
}
.vista a.designe-border::before {
    border-bottom: 1px solid #51270b;
    border-top: 1px solid #51270b;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}
.vista a.designe-border::after {
    border-left: 1px solid #51270b;
    border-right: 1px solid #51270b;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.vista:hover a.designe-border::before, .vista:hover a.designe-border::after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/*Fin Vista*/

/*ALMUERZO*/
.img-fondo-descrip-almuerzo {
    background-image: url('../img/almuerzo.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pxy-porcent-alm{
    padding: 12% 2%;
}
.marron-text{
    color : #52270b;
}
.text-personalizados h1, .text-personalizados h2, .text-personalizados h4{
    text-shadow: 1px 1px 2px #626262;
}
/*ALMUERZO*/
/*==========================FIN NOSOTROS==========================*/
/*============================PROMOCIONES==============================*/
.pd-section-pro{
    padding-top: 4rem;
    padding-bottom: 7rem;
}
.pro-designe{
    display: block;
    font-size: 3rem;
    margin-bottom: 40px;
    position: relative;
    text-transform: capitalize;
}
.pro-designe::before{
    content: "";
    background: #c7c6c2 none repeat scroll 0 0;
    height: 1px;
    width: 100px;
    bottom: -10px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
}

.pro-designe::after{
    background: rgba(0, 0, 0, 0) url("../img/designe.png") no-repeat scroll center center;
    content: "";
    height: 28px;
    left: 50%;
    margin-left: -2.16rem;
    margin-top: 7px;
    position: absolute;
    top: 83%;
    width: 70px;
}
.pro-designe::after{
    background-color: #fff;
}
.section-img-1{
    background: #fff url("../img/section-img-1.png") no-repeat scroll right top;
}
.section-img-2{
    background: url("../img/section-img-2.png") no-repeat scroll left bottom;
}
.img-fondo-descrip-promo1 {
    background-image: url('../img/promo1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
}
.img-fondo-descrip-promo1 .pxy-porcent-promo1{
    height: 480px;
}
.img-fondo-descrip-promo2 {
    background-image: url('../img/promo2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
}
.img-fondo-descrip-promo2 .pxy-porcent-promo2{
    height: 480px;
}
.img-fondo-descrip-promo3 {
    background-image: url('../img/promo3.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
}
.img-fondo-descrip-promo3 .pxy-porcent-promo3{
    height: 480px;
}
.img-fondo-descrip-promo4 {
    background-image: url('../img/promo4.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
}
.img-fondo-descrip-promo4 .pxy-porcent-promo4{
    height: 480px;
}
.pxy-porcent-promo1 h4{
    font-size: 1.70rem;
}
.pxy-porcent-promo1 h3{
    font-size: 1.75rem;
}
.pxy-porcent-promo1 h1{
    font-size: 3.3rem;
    margin-bottom: .4rem !important;
}
.pxy-porcent-promo1 h1, .pxy-porcent-promo1 h3,.pxy-porcent-promo1 h4, .pxy-porcent-promo1 h5{
    text-shadow: 1px 1px 3px #333;
}
.pxy-porcent-promo2 h1, .pxy-porcent-promo2 h3,.pxy-porcent-promo2 h4, .pxy-porcent-promo2 h5{
    text-shadow: 1px 1px 3px #333;
}
.pxy-porcent-promo3 h1, .pxy-porcent-promo3 h3,.pxy-porcent-promo3 h4, .pxy-porcent-promo3 h5{
    text-shadow: 1px 1px 3px #333;
}
.pxy-porcent-promo4 h1, .pxy-porcent-promo4 h3,.pxy-porcent-promo4 h4, .pxy-porcent-promo4 h5{
    text-shadow: 1px 1px 3px #333;
}
/*============================FIN PROMOCIONES==============================*/
/*==================================GALERIA============================*/
.pd-section-gal{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.bg-galeria{
    background: #f1f1f1;
}
.bg-galeria .pro-designe{
    margin-bottom: 75px;
}
.bg-galeria .pro-designe::after{
    background-color: #f1f1f1;
}
.bg-galeria .pills-galeria ul li a{
    font-family: 'ralewaysemibold';
    color: #9b9991;
}
.bg-galeria .pills-galeria ul li a:hover, .bg-galeria .pills-galeria ul li a:active, .bg-galeria .pills-galeria ul li a:focus{
    color: #510b0b;
}
.nav-pills .nav-link.active{
    background: transparent;
    color: #510b0b !important;
}
/*GALERIA*/
.lightgallery .col-6 {
    padding-top: 15px;
    padding-bottom: 15px
}
.lightgallery img {
    cursor: pointer;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
        rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
        rgba(0, 0, 0, .15);
}
.lightgallery > div > div:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.lightgallery > div > div > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.lightgallery > div > div {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.lightgallery > div > div .demo-gallery-poster {
    /* background-color: rgba(0, 0, 0, 0.1); */
    cursor: pointer;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.lightgallery > div > div .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.lightgallery > div > div:hover .demo-gallery-poster > img {
    opacity: 1;
}
.lightgallery > div > div:hover .demo-gallery-poster {
    background-color: rgba(64, 64, 64, 0.5);
}
/*GALERIA*/
/*==================================FIN GALERIA============================*/
/*==================================UBICANOS==============================*/
.tam-height-map{
    height: 450px;
    border: 1px solid #e3e3e3;
}
.contacto-inner{
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    position: relative;
    padding: 1rem;
}
.contacto-inner .contacto-img {
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
.contacto-inner .contacto-img {
    background: #fff url("../img/contact.png") no-repeat scroll right bottom;
    bottom: 0;
    right: 20px;
}
textArea{
    resize: none;
}
.contacto-inner .form-group input {
    border: 1px solid #ddd;
    margin-bottom: 18px;
    text-transform: capitalize;
    color: #919191;
    border-radius: 0;
    font-family: 'poppinslight';
}
.contacto-inner .form-group textArea {
    border: 1px solid #ddd;
    margin-bottom: 18px;
    text-transform: capitalize;
    color: #919191;
    border-radius: 0;
    font-family: 'poppinslight';
}
.form-control:focus {
    box-shadow: none;
    border: 1px solid #acacac !important;
}
.btn-cp-marron {
    background-color: #fff !important;
    color: #492a15;
    border: 2px solid #492a15;
    border-radius: 0;
}
.btn-capilla-marron:hover, .btn-cp-marron:active, .btn-cp-marron:focus {
    background-color: #fff !important;
    color: #492a15;
    border: 2px solid #492a15;
    border-radius: 0;
}
/*==================================FIN UBICANOS==============================*/
.text-shadow{
    text-shadow: 1px 1px 3px #fff;
}
.text-personalizados h2.ms-tsh{
    text-shadow: 1px 1px 3px #fff;
}
.font-weigth-bold{
    font-weight: 600;
}
.img-fondo-descrip-promo1 h5.ms-title-promo{
    font-size: 1.75rem;
    font-weight: 600;
}
.img-fondo-descrip-promo1 h5.ms-subtitle-promo{
    font-size: 1.5rem;
    font-weight: 600;
}
.img-fondo-descrip-promo2 h5.ms-subtitle-promo{
    font-size: 1.5rem;
    font-weight: 600;
}
/*=======================================FOOTER==================================*/
/*===========================MAPA=================================*/
.img-mapa{
    width: 90px;
}
.ms-media-body h5{
    font-size: 1rem;
}
.rating {
    color: #ffd700;
    list-style-type: none;
    padding: 0;
}
.rating li {
    display: inline-block;
}
.ms-heigth{
    height: 600px;
}
/*===========================MAPA=================================*/
.footer-img{
    margin-top: 0px;
    color: #b2b2b2;
    position: relative;
    background: #140a08 url(../img/bg-footer.jpg) no-repeat fixed center bottom;
}
.footer-img h5{
    margin-bottom: .6rem;
    color: #d0ab75;
}
.footer-img ul{
    list-style: none;
    padding-left: 0;
}
.footer-img ul li{
    margin-bottom: .6rem;
}
.footer-img ul li a{
    color: #ccc8c8;
    font-family: 'poppinslight';
}
.nav-footer-ms ul{
    display: inline-flex;
    list-style: none;
    padding-left: 0px;
}
.nav-footer-ms ul li{
}
.nav-footer-ms ul li a{
    font-family: 'poppinsbold';
    font-size: 1rem;
    padding: 0 18px;
    color: #cc7d24;
}
ul.line-paral li a:hover, ul.line-paral li a:active, ul.line-paral li a:focus{
    color: #cc7d24;
}
.line-paral li:first-child a {
    padding-left: 0;
}
ul.line-paral li:last-child::after {
    border-right: 0;
}
ul.line-paral li::after {
    position: absolute;
    top: 8px;
    content: '';
    border-right: 1px solid #999;
    height: 9px;
}
.footer-img hr{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-img .footer-copyright a{
    color: #cc7d24;
}
/*=======================================FIN FOOTER==================================*/
/*======================================BANNER==================================*/
.ms-banner{
    position: absolute;
    bottom: 0;
    background: rgba(255, 186, 0, .85);
    width: 100%;
    padding: 3rem .5rem;
    text-align: center;
}
.ms-banner h1{
    color: #2f0707 !important;
    /*font-weight: bolder;*/
    font-family: 'poppinsregular';
    margin-bottom: 0px;
}
.ms-banner h1 a{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: .9em;
}
.btn-marron{
    background: #2f0707;
    color: #fff;
    border-radius: 0 !important;
}
.btn-marron:hover, .btn-marron:active, .btn-marron:focus{
    background: #2f0707;
    color: #fff;
    border-radius: 0 !important;
}
.ms-bn-moviles {
    background: rgb(255, 186, 0);
    width: 100%;
    padding: 4.5rem 2rem;
}
.ms-bn-moviles h1{
    color: #2f0707 !important;
    font-family: 'poppinsregular';
    margin-bottom: 2rem;
}
.ms-bn-moviles h2{
    color: #fff !important;
    font-family: 'poppinsregular';
    margin-bottom: 0rem;
}
.ms-bn-moviles h2 a{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7rem;
    padding: .7rem 3rem;
}
.ms-bn-moviles h2 span i{
    font-size: 3rem;
    line-height: 0.6;
}
.animated.ms-delay-5{
    -webkit-animation-duration: 1s;
    animation-duration: 5s;
}
/*======================================BANNER==================================*/
/* WHATSAPP */
.whatsapp{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 23px;
    left: 25px;
    z-index: 16000160;
    font-size: 28px;
}
.btn-floating-whstp {
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4) !important;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4) !important;
    border-radius: 50%;
}
.btn-floating-whstp i {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
    line-height: 58px;
    font-size: 1.68em !important;
}
.btn-floating-whstp i.fa-2x {
    font-size: 1.68em !important;
}
.bg-whtsp{
    background: #4dc247 !important;
}
.btn-floating:hover{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}
.ms-leyends{
    margin-bottom: 2rem;
}
.ms-leyends a{
    font-family: 'poppinsbold';
    font-size: 1rem;
    color: #cc7d24;
    padding-right: 1rem;
    padding-left: 1rem;
    border-right: 1px solid #955b1b;
}
.ms-leyends a:last-child{
    border: none;
}
#certificados{
    background: rgba(244, 244, 244, 0.32);
}
#certificados .pro-designe::after {
    background-color: #fbfbfb;
}
#certificados img.ms-img1{
    width: 8rem;
}
#certificados img.ms-img2{
    width: 7rem;
}
/*========================================================= @QUERIES =====================================================*/

@media (max-width: 1299px){
    .img-logo-menu {
        width: 120px;
    }
    .mt-header-menu {
        margin-top: 15%;
    }
    .ms-dpy{
        display: inline-block;
    }
}
@media (max-width: 1200px){
    .ms-banner{
        padding: 2rem .5rem;
    }
    .ms-banner h1{
        font-size: 2rem;
    }
}
@media (min-width: 992px) {
    .head-right-bottom.fixed a.tam-logo-top-xs{
        display: none;
    }
    .visible-redes-cell {
        display: none !important;
    }
    .ms-bn-moviles{
        /*display: none;*/
    }
}
@media (max-width: 991px) {
    .img-logo-menu{
        width: 85px;
    }
    .container-header{
        position: static;
        min-height: auto;
        background: #140a08;
        padding-bottom: 20px;
        padding-top: 1px;
        background: url(../img/body.jpg) repeat 50% 0%;
    }
    .cd-headline.type i {
        font-size: 3.4rem;
    }
    .mt-header-menu {
        margin-top: 0%;
    }
    .cd-intro {
        margin: 0em auto;
    }
    .fixed nav.pd-top-fixed {
        padding-left: 1%;
        padding-right: 1%;
    }
    .head-right-bottom.fixed .img-fixed-top-logo{
        width: 90px;
    }
    .head-right-bottom.fixed .img-fixed-top-logo a img{
        width: 90px;
    }
    .head-right-bottom.fixed a.tam-logo-top-xs{
        display: block;
        margin-left: .5rem;
    }
    .head-right-bottom.fixed .img-fixed-top-logo{
        display: none;
    }
    .head-right-bottom.fixed a.tam-logo-top-xs img{
        width: 50px;
    }
    .fixed nav.pd-top-fixed {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .head-right-bottom.fixed .navbar .nav-flex-icons {
        display: none;
    }
    .visible-redes-cell {
        position: absolute;
        top: 18px;
        right: 50px;
        vertical-align: middle;
    }
    .head-right-bottom .visible-redes-cell li {
        list-style: none;
    }
    .head-right-bottom .visible-redes-cell li {
        display: none;
    }
    .head-right-bottom.fixed .visible-redes-cell li {
        display: flex;
    }
    .navbar .visible-redes-cell .nav-item .nav-link {
        padding-right: 6px;
        padding-left: 6px;
        color: #492a15;
    }
    .navbar .visible-redes-cell .nav-item .nav-link:hover {
        color: rgba(73, 42, 21, 0.69);
    }
    .head-right-bottom.fixed .navbar-collapse-bdr{
        border-top: 1px solid #f7f7f7;
    }
    .navbar-relative{
        position: relative;
        top: 0;
    }
    .navbar-abst-xs{
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 999;
    }
    .container-header{
        padding-bottom: 4rem;
    }
    .head-right-bottom .bg-marron-cp{
        background-color: rgba(255, 255, 255, 0.85) !important;
    }
    .head-right-bottom.fixed .bg-marron-cp{
        background-color: rgba(255, 255, 255, 0.99) !important;
        border-radius: 0px;
    }
    .pd-section {
        padding-top: 4rem;
        padding-bottom: 0rem;
    }
    .pd-section-pro {
        padding-top: 3.5rem;
        padding-bottom: 0rem;
    }
    .pd-descrip {
        padding: 3rem 0rem 1rem 0rem;
    }
    .section-img-1{
        background: none;
    }
    .section-img-2{
        background: none;
    }
    .ms-banner {
        padding: 1rem .5rem;
    }
    .ms-banner h1{
        font-size: 1.5rem;
    }
    .ms-banner h1 a {
        font-size: 1.4rem;
        line-height: .8em;
        margin-top: .2rem;
    }
    .ms-bn-pc{
        display: none;
    }
    #certificados.pd-section-pro {
        padding-bottom: 3rem;
    }
}
@media(min-width: 768px){

}

@media(max-width: 767px){
    .hidden-xs-cp{
        display: none;
    }
    .img-logo-menu {
        width: 70px;
    }
    .mt-header-menu {
        margin-top: 0%;
    }
    .cd-intro {
        margin: 0em auto;
    }
    .cd-headline.type i {
        font-size: 2.8rem;
    }
    .fixed nav.pd-top-fixed {
        padding-left: 1%;
        padding-right: 1%;
    }
    .number-none-sm {
        display: none;
    }
    #nosotros p.text-justify{
        text-align: justify !important;
    }
    .pxy-porcent p {
        font-size: 1.5rem;
    }
    .pxy-porcent{
        padding: 9% 9%;
    }
    /*    .container-header{
            height: 160px;
        }*/
    .text-personalizados h1{
        font-size: 2rem;
        text-shadow: 1px 1px 2px #626262;
    }
    .text-personalizados h2{
        font-size: 1.4rem;
        text-shadow: 1px 1px 2px #626262;
    }
    .text-personalizados h4{
        font-size: 1.1rem;
        text-shadow: 1px 1px 2px #626262;
    }
    .pxy-porcent-alm {
        padding: 10% 0%;
    }
    .img-fondo-descrip-promo1 {
        height: 400px;
    }
    .img-fondo-descrip-promo1 .pxy-porcent-promo1{
        height: 400px;
    }
    .img-fondo-descrip-promo2 {
        height: 400px;
    }
    .img-fondo-descrip-promo2 .pxy-porcent-promo2{
        height: 400px;
    }
    .pxy-porcent-promo1 h3 {
        font-size: 1.5rem;
    }
    .pd-section-gal{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .tam-height-map{
        height: 350px;
    }
    .fondo-contacto-xs{
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        padding: 0;
        position: relative;
    }
    .contacto-inner input.form-control{
        background-color: rgba(255, 255, 255, 0.54);
    }
    .contacto-inner textArea.form-control{
        background-color: rgba(255, 255, 255, 0.54);
    }
    .nav-footer-ms ul li a {
        font-size: .75rem;
        padding: 0 7px;
    }
    .footer-img .text-center-xs{
        text-align: center !important;
    }
    .ms-bn-moviles h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    .ms-bn-moviles h2 {
        font-size: 1.5rem;
        line-height: 2;
        margin-bottom: 2rem;
        text-align: center;
    }
    .ms-bn-moviles h2 a{
        font-size: 1.5rem;
    }
    .ms-dpy {
        /*display: initial;*/
    }
    .ms-bn-moviles h2 span i {
        margin-right: .5rem;
        line-height: 1.1;
    }
}
@media (min-width: 576px){

}
@media(max-width: 576px){
    .cd-headline.type i {
        font-size: 1.75rem;
    }
    .cd-intro {
        margin: 1em auto;
    }
    .cd-headline {
        margin-bottom: 2rem;
    }
    .container-header {
        padding-bottom: 3.6rem;
    }
    .navbar-1 ul {
        margin-bottom: 0;
    }
    .pxy-porcent p {
        font-size: 1rem;
    }
    .pxy-porcent{
        padding: 5% 8%;
    }
    .cd-headline.type .cd-words-wrapper::after {
        top: 65%;
        height: 50%;
    }
    .ms-heigth{
        height: 400px !important;
    }
    .img-mapa{
        width: 70px;
    }
    .ms-media-body h5{
        font-size: .75rem;
    }
    .ms-bn-moviles{
        padding: 1.5rem .5rem;
    }
    .ms-bn-moviles h1{
        font-size: 1.4rem;
    }
    .ms-bn-moviles h1 a{
        line-height: .8em;
        padding: 1rem 4rem;
        margin-top: .7rem;
    }
    .ms-leyends{
        margin-bottom: 1rem;
    }
    .ms-leyends a{
        font-size: .9rem;
        padding-right: .5rem;
        padding-left: 0;
    }
}