/*ROOT STYLES*/
.navbar {
    background: var(--main-color);
}
.navbar-nav .nav-link {
    color: var(--text-color-light);
    font-size: 1.15em;
}

.navbar-nav .nav-link .tel{
    color: var(--text-color-light);
    font-size: 1.15em;
    font-weight: bold;
}

.navbar-nav .nav-link:hover {
    background: var(--light-color-sec);
    color: var(--text-color-dark);
    border-radius: 3px;
}

/* Navbar */

.lang_icon {
    width: 30px;
    height: auto;
}

.lang_icon_nav {
    margin: -5px 0 0 0;
    width: 30px;
    height: auto;
}



a .navbar-brand {

}

.navbar-default {
    border-color : transparent;
    background   : transparent;
}

.top-nav {
    padding            : 0;
    background         : #fff;
    -moz-box-shadow    : -1px 10px 40px -10px rgba(184,184,184,1);
    -webkit-box-shadow : -1px 10px 40px -10px rgba(184,184,184,1);
    box-shadow         : -1px 10px 40px -10px rgba(184,184,184,1);
}

/* Navbar Brand */

.navbar-brand {
    /* height : auto; */
}

.navbar-brand img {
    /* height: 40px; */
}

/* Nav */


.navbar-dark .navbar-nav .nav-link {
    color: var(--text-color-light);
    font-size: 1.4em;
    /* text-transform: uppercase; */
}

.navbar-dark .navbar-nav .nav-link.tel{
    font-size:1.3em;
    margin: -3px;
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link.active{
    color:var(--text-color-dark);
    background:var(--light-color-sec);
    border-radius: 3px;
    font-weight: bold;
   
}
.navbar-dark .navbar-nav .nav-link:hover{
    color:var(--main-color);
    background:var(--light-color-sec);
    border-radius: 3px;
   
}



/* Dropdown Menu */

    .dropdown-menu {
        top        : 45px;
        background : var(--sec-color);
        color : var(--text-color-light);
    }

    .dropdown-item {
        color : var(--text-color-light);
    }

    .dropdown-menu > li > a {
        padding            : 8px 20px;
        color              : #fff;
        text-transform     : uppercase;
        line-height        : 1.5;
        -o-transition      : all .5s ease-in-out;
        -webkit-transition : all .5s ease-in-out;
        transition         : all .5s ease-in-out;
    }

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        color            : var(--main-color);
        background-color : transparent;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
        .dropdown-menu > .active > a:hover {
        color            : #fff;
        background-color : transparent;
    }

    /* Navbar Toggle */

    .navbar-toggle {
        margin-right     : 5px;
        border           : transparent;
        background-color : transparent;
    }

    .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
        background-color : transparent;
    }

    .bar1,
    .bar2,
    .bar3 {
        width              : 35px;
        height             : 4px;
        margin             : 6px 0;
        border-radius      : 25px;
        background-color   : #000;
        -moz-transition    : .4s;
        -o-transition      : .4s;
        -webkit-transition : .4s;
        transition         : .4s;
    }

    .navbar-toggle:hover .bar1,
        .navbar-toggle:hover .bar2,
        .navbar-toggle:hover .bar3 {
        background-color : var(--main-color);
    }

    /* Rotate first bar */

    .change .bar1 {
        background-color  : var(--main-color);
        -moz-transform    : rotate(-55deg) translate(-7px, 4px);
        -o-transform      : rotate(-55deg) translate(-7px, 4px);
        -webkit-transform : rotate(-55deg) translate(-7px, 4px);
        transform         : rotate(-55deg) translate(-7px, 4px);
    }

    /* Fade out the second bar */

    .change .bar2 {
        opacity : 0;
    }

    /* Rotate last bar */

    .change .bar3 {
        background-color  : var(--main-color);
        -moz-transform    : rotate(55deg) translate(-10px, -6px);
        -o-transform      : rotate(55deg) translate(-10px, -6px);
        -webkit-transform : rotate(55deg) translate(-10px, -6px);
        transform         : rotate(55deg) translate(-10px, -6px);
    }

.social-icon {
    margin: -3px;    
    height: 40px;
    width: auto;
    padding: 0 10px 0 5px;
}

/* Large Devices, Wide Screens */

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

}

/* Medium Devices, Desktops */

@media
only screen
and (max-width : 992px) {

}

/* Small Devices, Tablets */

@media (min-width: 768px) {
    
}

@media
only screen
and (max-width   : 768px)
and (orientation : portrait) {
    .navbar-dark .navbar-nav .nav-link {
        color: var(--text-color-light);
        font-size: 1.0em;
    }

    /* @media
    only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation      : portrait) {
 
    } */

}

/* iPad in Portrait */
@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation      : portrait) {
 
}

/* iPad in Landscape */

@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation      : landscape) {

}

@media
only screen
and (max-width   : 768px)
and (orientation : landscape) {

}

/* Extra Small Devices, Phones */

@media
only screen
and (max-width : 480px) {
    

}

/* Custom, iPhone Retina */

@media
only screen
and (max-width : 320px) {

}