body {

    /*font-family: 'Work Sans', sans-serif !important;*/
 font-family: "upgrade",sans-serif !important;


}

:root {

    --main-black-color: #000;

    --main-white-color: #fff;

    --main-blue-color:#68a2b9;

    

}

/* #Navigation

================================================== */



.start-header {
position: relative;
    opacity: 1;

    transform: translateY(0);

    padding: 20px 0;

    box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);

    -webkit-transition: all 0.3s ease-out;
z-index: 99;
    transition: all 0.3s ease-out;

}



.start-header.scroll-on {

    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);

    padding: 10px 0;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.start-header.scroll-on .navbar-brand img {

    height: 24px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navigation-wrap {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1000;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar {

    padding: 0;

}



.navbar-brand img {

    

    width: auto;

    display: block;



    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar-toggler {

    float: right;

    border: none;

    padding-right: 0;

}



.navbar-toggler:active,

.navbar-toggler:focus {

    outline: none;

}



.navbar-light .navbar-toggler-icon {

    width: 24px;

    height: 17px;

    background-image: none;

    position: relative;

    border-bottom: 1px solid #000;

    transition: all 300ms linear;

}



.navbar-light .navbar-toggler-icon:after,

.navbar-light .navbar-toggler-icon:before {

    width: 24px;

    position: absolute;

    height: 1px;

    background-color: #000;

    top: 0;

    left: 0;

    content: '';

    z-index: 2;

    transition: all 300ms linear;

}



.navbar-light .navbar-toggler-icon:after {

    top: 8px;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {

    transform: rotate(45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {

    transform: translateY(8px) rotate(-45deg);

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

    border-color: transparent;

}



.nav-link {

    color:var(--main) !important;

    font-weight: 500;

    transition: all 200ms linear;

}



.nav-item:hover .nav-link {

    color: var(--main-blue-color) !important;

}



.nav-item.active .nav-link {

    color:  var(--main-blue-color) !important;

}



.nav-link {

    position: relative;

    padding: 5px 0 !important;

    display: inline-block;

}



.nav-item:after {

    position: absolute;

    bottom: -5px;

    left: 0;

    width: 100%;

    height: 2px;

    content: '';

    background-color:var(--main-blue-color);

    opacity: 0;

    transition: all 200ms linear;

}



.nav-item:hover:after {

    bottom: 0;

    opacity: 1;

}



.nav-item.active:after {

    opacity: 1;

    bottom: 0   

}



.nav-item {

    position: relative;

    transition: all 200ms linear;

}







.nav-item .dropdown-menu {

    transform: translate3d(0, 10px, 0);

    visibility: hidden;

    opacity: 0;

    max-height: 0;

    display: block;

    padding: 0;

    margin: 0;

    transition: all 200ms linear;

}



.nav-item.show .dropdown-menu {

    opacity: 1;

    visibility: visible;

    max-height: 999px;

    transform: translate3d(0, 0px, 0);

}



.dropdown-menu {

    padding: 10px !important;

    margin: 0;

    font-size: 13px;

    letter-spacing: 1px;

    color: #212121;

    background-color: #fcfaff;

    border: none;

    border-radius: 3px;

    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);

    transition: all 200ms linear;

}



.dropdown-toggle::after {

    display: none;

}



.dropdown-item {

    padding: 3px 15px;

    color: #212121;

    border-radius: 2px;

    transition: all 200ms linear;

}



.dropdown-item:hover,

.dropdown-item:focus {

    color: #fff;

    background-color: rgba(129, 103, 169, .6);

}





.menu-head{padding: 0 !important}

.menu-head ul li a{font-size: 14px; color:color: #000 !important;}



/* #Media

================================================== */



@media (max-width: 767px) {

    h1 {

        font-size: 38px;

    }



    .nav-item:after {

        display: none;

    }



    .nav-item::before {

        position: absolute;

        display: block;

        top: 15px;

        left: 0;

        width: 11px;

        height: 1px;

        content: "";

        border: none;

        background-color: #000;

        vertical-align: 0;

    }



    .dropdown-toggle::after {

        position: absolute;

        display: block;

        top: 10px;

        left: -23px;

        width: 1px;

        height: 11px;

        content: "";

        border: none;

        background-color: #000;

        vertical-align: 0;

        transition: all 200ms linear;

    }



    .dropdown-toggle[aria-expanded="true"]::after {

        transform: rotate(90deg);

        opacity: 0;

    }



    .dropdown-menu {

        padding: 0 !important;

        background-color: transparent;

        box-shadow: none;

        transition: all 200ms linear;

    }



    .dropdown-toggle[aria-expanded="true"]+.dropdown-menu {

        margin-top: 10px !important;

        margin-bottom: 20px !important;

    }



}