/**
 * 
 * Тема : 
 * 
 *
 * 
 */


.navbar {
    
}

/*
 * -----------------------------------------------------------------------------
 *
 * ...
 *
 * -----------------------------------------------------------------------------
 */

.navbar-main {
    position: relative; z-index: 100;
    min-width: 360px;
    
    background: #fff;
}

.navbar-main .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    -ms-flex-align: center;
    align-items: center;
    
    justify-content: space-between;
}

.navbar-main .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    -ms-flex-align: center;
    align-items: center;
    
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

.navbar-main .logo {
    display: block;
    
    position: absolute;
    left: 50%;

    top: 2px;
    width: 68px;
    transform: translateX(-34px);
    
    /*
    top: 5px;
    width: 80px;
    transform: translateX(-40px);
    */
}

.navbar-main .logo img {
    width: 100%;
    height: auto;
}

.navbar-main .contacts {
    display: none;
    position: relative;
}

.navbar-main .contacts .link {
    display: block;
    
    white-space: nowrap;
    text-decoration: none;
    color: inherit;    
}

.navbar-main .contacts .phone {
    font-family: 'Bitter', serif;
    font-weight: 800;
    font-size: 26px;
}

.navbar-main .contacts .map {
    position: absolute;
    left: 0; bottom: -12px;
    font-size: 14px;
}

.navbar-main .socials {
    display: none;
    
    margin-right: 3px;
    white-space: nowrap;
}

.navbar-main .btn-menu {
    margin-left: 6px;
}

.navbar-main .btn-booking,
.navbar-main .btn-call {
    display: none;
}

@media (min-width: 768px) {
    .navbar-main .btn-icon {
        display: none;
    }
    .navbar-main .btn-booking,
    .navbar-main .btn-call  {
        display: flex;
    }
    .navbar-main .contacts {
        display: block;
    }
}

@media (min-width: 992px) {
    .navbar-main .logo {
        
        top: 5px;
        width: 104px;
        transform: translateX(-52px);
        
        /*
        top: 15px;
        width: 120px;
        transform: translateX(-60px);
        */
    }
    .navbar-main .socials {
        display: block;
    }
}

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

.navbar-main .item-1 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.navbar-main .item-2 {

}


/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

#navbar-main .container {
    height: 60px;
}

@media (min-width: 992px) {
    #navbar-main .container {
        height: 100px;
    }  
}

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

#navbar-fixed {
    position: fixed; z-index: 200;
    top: -90px; left: 0; right: 0;
    
    box-shadow: 0 4px 4px rgba(0,0,0,.15);
    
    transition: top .3s ease;
}

.scrolled #navbar-fixed {
    top: 0px;
}


#navbar-fixed .container {
    height: 60px;
}

#navbar-fixed .logo {
    top: 5px;
    width: 80px;
    transform: translateX(-40px);
}

/*
@media (min-width: 992px) {
    #navbar-fixed {
        top: -120px;
    }
    #navbar-fixed .container {
        height: 100px;
    }  
}
*/

/*
 * -----------------------------------------------------------------------------
 *
 * .
 *
 * -----------------------------------------------------------------------------
 */

#navbar-panel {
    position: fixed; z-index: 200;
    bottom: 0px; left: 0; right: 0;
    
    box-shadow: 0 -4px 4px rgba(0,0,0,.15);
    
    transition: bottom .3s ease;
}

#navbar-panel .container {
    height: 60px;
}

#navbar-panel .btn-booking {
    display: flex;
}

#navbar-panel .socials {
    display: block;
}

/*

#navbar-panel .socials .btn-social-vk {
    display: none;
}

*/

@media (min-width: 412px) {
    #navbar-panel .socials .btn-social-vk {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    #navbar-panel {
        bottom: -90px;
    }
}