/*
==========================================================================
	DEMO by: KUBIK;
==========================================================================
*/

* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
section{min-height:800px;padding:0;}

/* HTML5 ✰ Boilerplate ✰ normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family:'', sans-serif; color: #222; }
::-moz-selection { background: #feda9e; color: #fff; text-shadow: none; }
::selection { background: #feda9e; color: #fff; text-shadow: none; }
a { color: #225472; }
a:visited { color: #488ab2; }
a:hover { color: #225472; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* Text */

h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-family: '', sans-serif;}
h1 {font-size:30px;font-weight:700;}
h2 {font-size:24px;font-weight:700;}
h3 {font-size:18px;font-weight:500;}
a:hover {color: #225472;}
a, a:hover, a:visited {text-decoration: none;}

.back-arrow{position: absolute;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        LAYOUT
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* layout */
.jumbotron{border-radius:0em;}
/* navbar */

/* NAVBAR (MENU) */

#detalle{padding:0;}
.header{height: auto;}
#menu-desarrollos{padding:0;display:block;}
.data-info{height:40px;width:100%;background:#242424;display: inline-block; position: relative;}
.data-info .phone-header{ color: #ababab; font-size: 18px; padding: 5px; text-align: right; line-height: 18px; margin-top: 15px;display: inline-block;position: relative; width: 100%;padding-right: 35%;font-family: 'DM Sans', sans-serif; }
.data-info .phone-header:hover{color: #b50946;}
.data-info .correo{ color: #ababab; font-size: 18px; padding: 5px; border-radius: 0; width: 100%; text-align: center; line-height: 18px; margin-top: 15px;display: inline-block; position: relative; font-family: 'DM Sans', sans-serif;}
.data-info .correo:hover{color: #b50946;}
.data-info .redes-header .flowus{display: flex; justify-content: end;}
.data-info .redes-header .flowus a i { color: #ababab; font-size: 24px; padding: 5px; border-radius: 0; width: 40px; height: 40px; text-align: center; line-height: 18px; margin-top: 15px; }
.data-info .redes-header .flowus a i:hover { color: #b50946; }
.navbar-brand{
    background:url(../images/logo-base-navbar-brand.png)top center no-repeat;
    width:327px;
    height:262px;
    position:absolute;
    top:-99px;
    left:0px;
    transform:scale(0.55);
    transition: ease .422s;
    -webkit-transition: ease .422s;
}
.navbar-brand.off{
    transform:scale(1);
    top:-56px;
    z-index:102;
}
.navbar-brand img{margin: 20px auto;display: block;}
.data-info .redes-header .flowus a i {font-size:18px;padding:0px;width:40px;height:40px;line-height:40px;margin-top:0px;}
.main_menu_bg{margin-top:0;background:#ebeff2;border-bottom: 1px solid #fff;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);height:80px;}
.main_menu_bg .navbar{}
.main_menu_bg .navbar-default {background-color: transparent; border-color: transparent; transition: all .6s;margin: 15px auto;}
.main_menu_bg .container{position: relative;}
.mainMenuBtn {
    position: relative;
    text-decoration: none;
    color: #000;
    font-size:18px;
    font-weight:400;
    padding:0px 12px 0;
    top:0px;
    text-align: center;
    text-shadow:none;
    width:auto;
    height:80px;
    line-height:80px;
    display:block;
    z-index:101 !important;
    transition: ease .168s;
    -webkit-transition: ease .168s;
}
.mainMenuBtn:after {
    content: '';
    position: absolute;
    left:3%;
    bottom:0;
    width:94%;
    height:0;
    background: #b50946;
    font-weight: 600;
    transition: ease .168s;
    -webkit-transition: ease .168s;
    border: 0px;
    margin: 0;
}
.mainMenuBtn.off{height:150px;line-height:150px;}
.mainMenuBtn.off:after {bottom: 50px;}
.mainMenuBtn:hover {
    color:#b50946;
}
.mainMenuBtn:hover:after{/* width:94%;left:3%; */height: 6px;}
.mainMenuBtn.current{color:initial !important;cursor:default;}
.mainMenuBtn.current:after{
        content: '';
        position: absolute;
        left: 3%;
        bottom: 0;
        width: 94%;
        height: 7px;
        background: #fff;
}
.mainMenuBtn:visited{color:initial;}

/* footer */

footer{
    display:block;
    clear:both;
}
footer .jumbotron{
    background:#242424;
    color:#ccc;
    font-size:16px;
}
#footer-logos{}
#footer-logos li{}
#footer-logos li img{
    display:block;
    opacity:0.44;
    transition: ease .168s;
    -webkit-transition: ease .168s;
}
#footer-logos li img:hover{
    opacity:1;
}
.back-btn{color:#666;transition: ease .168s;-webkit-transition: ease .168s;}
.back-btn:hover{color:#fff;}

/* common classes */

.delay150{-moz-animation-delay:150ms;-webkit-animation-delay:150ms;}
.delay300{-moz-animation-delay:300ms;-webkit-animation-delay:300ms;}
.delay450{-moz-animation-delay:450ms;-webkit-animation-delay:450ms;}
.delay600{-moz-animation-delay:600ms;-webkit-animation-delay:600ms;}
.delay750{-moz-animation-delay:750ms;-webkit-animation-delay:750ms;}
.delay900{-moz-animation-delay:900ms;-webkit-animation-delay:900ms;}
.delay1200{-moz-animation-delay:1200ms;-webkit-animation-delay:1200ms;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (max-width: 1200px){}
@media screen and (max-width: 991px){

.main_menu_bg {height:auto;min-height:80px;}
#collapsibleNavbar{
    padding-top:80px;
    padding-bottom:15px;
}



    .navbar-toggler {
            position: absolute;
            z-index:999;
            top:10px;
            /* left: 15px; */
            right:15px;
            bottom: 0;
            margin: 0;
            background:#b50946;
            width: 60px;
            height: 60px;
            cursor: pointer;
            border:0px;
            border-radius:50%;
            padding-top:13px;
        }
        .navbar-toggler:focus, .navbar-toggler.focus {
          outline:0;
          box-shadow:0 0 0 0 rgba(0,0,0,0);
        }
        .hamburger-menu,
        .hamburger-menu:after,
        .hamburger-menu:before {
                width: 35px;
                height: 3px;
        }
        .hamburger-menu {
                position: relative;
                transform: translateY(-3px);
                background:#e4c190;
                transition: all 0ms 300ms;
        }
        .hamburger-menu.animate {
                background: rgba(255, 255, 255, 0);
        }
        .hamburger-menu:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 8px;
                background:#e4c190;
                transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        .hamburger-menu:after {
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                background:#e4c190;
                transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        .hamburger-menu.animate:after {
                top: 0;
                transform: rotate(45deg);
                transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        .hamburger-menu.animate:before {
                bottom: 0;
                transform: rotate(-45deg);
                transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        .mainMenuBtn{border-right:0px;border-left:0px;color:#535353;height:60px;line-height:60px;}
        .mainMenuBtn:hover{color:#7b2782;}



        .mainMenuBtn {
            padding:0px 72px 0;
            text-align: right;
        }
}
@media screen and (max-width: 767px){
    .navbar-brand.off {top: -86px;left: -40px;transform: scale(0.66);}
    .navbar-brand {top: -99px;left: -50px;transform: scale(0.55);}
    .back-arrow{left:-60px;scale:0.88;}
}
@media screen and (max-width: 660px){
    .back-arrow{left:-30px;scale:0.77;}
}
@media screen and (max-width: 600px){
    .back-arrow{display:none;}
}
@media screen and (max-width: 480px){
    .navbar-brand.off {top: -111px;left: -88px;transform: scale(0.46);}
    .navbar-brand {top: -111px;left: -88px;transform: scale(0.46);}
    .mainMenuBtn {padding: 0px 25px 0;text-align: center;}
}
@media screen and (max-width: 360px){}