/*
Created by YoHack dev.cmedina[at]gmai....
Project: SIMCA WEB
March 2021.
*/

.vimeo-wrapper {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden;
}

.vimeo-wrapper iframe {
   width: 100vw; height: 56.25vw;  min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.video-overlay{ display: block; min-height: 100vh; width:100%; background-color: rgba(0,0,0,0.45); }

.floating-overlay{ margin: 0 auto; display: block;text-align: center; position: absolute;  left:50%; top:50%; transform: translate(-50%,-50%);}
.floating-bottom{ position: absolute; bottom:50px; text-align: center; left:0px; right:0px;}
.floating-bottom>i{font-size: 50px;}

.logo-at-center{ display:block; margin: 0 auto; max-width: 492px; }

.nav-item{ position: relative;}
.nav-link{ padding: 8px 10px!important;}
.nav-link:before{ display:block; content: ''; transition: 500ms all; border-bottom: solid 2px #FFE816; opacity: 0px; width: 0px; position: absolute; bottom: 0px; left: 50%; }
.nav-item.active>.nav-link:before , .nav-item:hover>.nav-link:before{ width: 100%; opacity: 1; left:0px; }

.fixed-top{ transition: 500ms all; padding: 14px 0px;}
.fixed-top.scrolled{background: rgba(255,255,255,0.85);}
.fixed-top.scrolled .nav-link{ color:#1D1D1B!important;}
.fixed-top.scrolled .nav-item.active>.nav-link, .fixed-top.scrolled .nav-item:hover>.nav-link:before{ color:#1D1D1B!important; font-weight: bold;}

.svg-logo{fill:#FFF;}
.fixed-top.scrolled .svg-logo{fill:#1D1D1B;}

.dropdown-item {  color:#4D4E56; }
.dropdown-item:focus,
.dropdown-item:hover { color:#16181b; text-decoration:none; background-color:#f8f9fa;}
.dropdown-item.active,
.dropdown-item:active { text-decoration:none; background-color:#FFE816; }
.dropdown-item+.dropdown-item{ border-top:solid 1px #E0E0E0;}
.dropdown-menu{padding-top:0px!important; padding-bottom: 0px!important; background-color: rgba(255,255,255,0.85);}

.btn{ padding-left: 35px; padding-right: 35px;}
.nav-fix{ height: 120px; display: block;}

.contact-header{ display: block; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('/assets/contact_header.png');}

.avance-header{ display: block; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('/assets/images/avance-de-obra.jpg');}

.font-40{ font-size: 40px;}
.font-20{ font-size: 20px;}
.font-15{ font-size: 15px;}
.font-12{ font-size: 12px;}
.font-sm{ font-size: 12px; text-align: center; color:#F2EEE8; text-decoration: none;}
.font-sm a { text-decoration: none; color:inherit;}

.mt-fix{ margin-top: 200px; }
.fix-top{ height: 170px;}

h1{ font-size: 90px; line-height: 90px; font-weight: bold;}
h2{ font-size: 60px; line-height: 60px; font-weight: bold;}
h3{ font-size: 44px; line-height: 46px; font-weight: bold;}
h4{ font-size: 20px;}

.montserrat {font-family: 'Montserrat'; font-weight: normal;}
.barlow { font-family: 'Barlow';}
.cereal{ font-family: 'Airbnb Cereal App'!important; font-weight: lighter;}

.bold{ font-weight: bold; }
.light{ font-weight: lighter; }

.yellow-text{ color:#FFE816; }
.white-text{ color:#FFF; }
.darkgray-bg{ background-color: #1D1D1B; }
.yellow-bg{ background-color:#FFE816; }

.yellow-link{color: #FFE816; border-bottom: solid 2px #FFE816; width: 100%; display: block; text-align: center; text-decoration: none;}
.yellow-link:hover{ text-decoration: none!important; color:#af9f0b;}

.social-icons{ list-style: none; padding: 0px; }
.social-icons>li{ display:inline-block; padding: 0px 10px; }
.social-icons>li i{ color: #3C3C3B; }
.social-icons>li i:hover{ color: #B68435; }

.success-items>div>img{display:block; max-width: 90%; }

.n-card{ height: 420px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; display: block; margin: 15px 0px;}
.n-overlay{ background: rgba(0,0,0,0.4 ); display: block; height: 100%;}
.n-card>div>div{ display: block; margin: 0px; text-align: center; padding:0px; position: absolute; top:50%; transform: translate(0,-50%); width: 100%;}
.n-logo{ display: block; max-width: 160px; margin: 0 auto; }
.amount{ color: #FFE816;}

.btn-padding{min-width: 280px; }
.btn-yellow{ background-color: #FFE816; color:#1D1D1B; }

.dev-logo{ height: 90px; display: block;  margin-bottom: 20px; }
.dev-title{ font-size: 100px; text-transform: uppercase; line-height: 100px; font-weight: 300;}
.dev-title b { font-weight: 800;}
.dev-title strong {font-weight: 800;}

.sinble-map{display: block;}
.contact-float{ display:block; position: absolute; z-index: 999; top:50%; transform: translateY(-50%); }

.floating{ position: absolute; top:0px; bottom:0px; left:0px; right:0px; }


@media (max-width: 820px) { 
    .logo-at-center{ max-width: 390px; } 
    .floating-bottom{ bottom:35px;}
    .dev-title{ font-size: 80px; line-height: 80px; }
    .fix-top {height: 120px;}
    .mt-fix{ margin-top: 170px; }
}

@media (max-width: 768px) {
    h2{
        font-size: 50px;
        line-height: 50px;
    }
    h1{ font-size: 80px; line-height: 80px; }
     .dev-title{ font-size: 76px; line-height: 76px; }
    .navbar-brand{ margin-left: 20px!important;}
    
    .navbar{ display: block!important;}
   
    .fixed-top{ transition: 500ms all; padding: 14px 10px; }
    .navbar .nav-link{ color:#1D1D1B!important;}
    .fixed-top .nav-item.active>.nav-link, .scrolled .nav-item:hover>.nav-link:before{ color:#1D1D1B!important; font-weight: bold;}

    .fixed-top.h-100  .svg-logo{fill:#1D1D1B!important;}
    
    .dropdown-menu {
        background-color:transparent;
        border:none!important;
    }
    

    .navbar-dark .navbar-nav .nav-link{
        color:#000000 !important;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        padding: 8px 30px !important;
    }
    
    .nav-item {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        padding: auto
    }
    
    .navbar-dark .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
    }
    
    .navbar-dark.h-100 .navbar-toggler-icon,  .navbar-dark.scrolled   .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
     .w-bg{ background: rgba(255,255,255,1)!important; }
}

@media (max-width: 576px) { 
    .logo-at-center{ max-width: 290px; } 
    .floating-bottom{ bottom:25px;} 
     h2{ font-size: 28px; line-height: 29px; }
     h1{ font-size: 50px; line-height: 50px; }
    .dev-title{ font-size: 50px; line-height: 50px; }
    .contact-float{ text-align: center;}
    
}