/*MENU STYLING*/
.menu-1
{
    background-color: #ffffff;
}
.navigation, .navbar {
    height: auto;
    z-index: 30;}
.navigation {
    position: relative;
    width: 100%;
    z-index: 10;
    top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.navigation.fixed.sticky, .navigation.menu-1.menu-open {
    position: fixed;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    border-bottom: 1px solid #444;}
.navigation.fixed-header,
.navigation.hovered {
    background: white;}
.navigation.fixed-header a.nav-link,
.navigation.hovered a.nav-link {
    text-shadow: none!important;}
.navbar {
    padding: 0;}
.navbar-collapse, .navbar-nav {
    height: 100%;}
.navbar-collapse .footer-link,
.navbar-collapse .footer-link-sub{
    display: none;}
.navbar-brand {
    height: 100%;
    z-index: 1;
    padding: 0px 0;}
.menu-1 img.logo {
    width: auto;
    height: 55px;}
li.nav-item {margin: 0 22px;}
li.nav-item:nth-child(1) {animation-delay: .25s}
li.nav-item:nth-child(2) {animation-delay: .25s}
li.nav-item:nth-child(3) {animation-delay: .25s}
li.nav-item:nth-child(4) {animation-delay: .25s}
li.nav-item:nth-child(5) {animation-delay: .25s}
li.nav-item:nth-child(6) {animation-delay: .25s}
li.nav-item:nth-child(7) {animation-delay: .25s}
li.nav-item:nth-child(8) {animation-delay: .25s}
.dropdown-item:nth-child(1) {animation-delay: .0s}
.dropdown-item:nth-child(2) {animation-delay: .06s}
.dropdown-item:nth-child(3) {animation-delay: .12s}
.dropdown-item:nth-child(4) {animation-delay: .18s}
.dropdown-item:nth-child(5) {animation-delay: .24s}
.dropdown-item:nth-child(6) {animation-delay: .30s}
.dropdown-item:nth-child(7) {animation-delay: .36s}
.dropdown-item:nth-child(8) {animation-delay: .42s}
.navbar-collapse.pushed li.nav-item,
.navbar-collapse.pushed li.footer-link {
    -webkit-animation-delay: unset;
    -moz-animation-delay: unset;
    -o-animation-delay: unset;
    animation-delay: unset;}
a.nav-link {
    position: relative;
    height: 55px;
    padding: 0!important;
    color: #312d2f;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.white-nav a.nav-link {
    text-shadow: 0 2px 30px rgba(0,0,0,0.26);}
/*a.nav-link:after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    margin-top: 20px;
    right: 0;
    background: #312d2f;
    -webkit-transition: width .35s ease;
    -moz-transition: width .35s ease;
    -ms-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;}
a.nav-link:hover:after{
    width: 100%;
    left: 0;
    background: #312d2f;}*/
.navigation.fixed-header a.nav-link,
.navigation.hovered a.nav-link {
    color: black;}
.navigation.fixed-header a.nav-link:after,
.navigation.hovered a.nav-link:after {
    background: black;}
.navigation.fixed-header a.nav-link:hover:after {
    background: black;}
.black-nav a.nav-link {
    color: black;}
.black-nav a.nav-link:after {
    background: black;}
.progress-container {
    position: relative;
    width: calc(100%);
    height: 0px;
    right: 0;
    margin-top: 0px;
    background: transparent;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.progress-container {
    opacity: 1;}
.progress-bar {
    height: 10px;
    background: #b8b8b8;
    background-image: linear-gradient(to right, #000 , #312D2F);
    width: 0;}
.navbar-toggler {
    display: block;
    z-index: 5;
    position: relative;
    top: 0;
    padding: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 32px;}
.navbar-toggler:focus {
    outline: none;}
.navbar-toggler .bars {
    display: inline-block;
    vertical-align: middle;}
.navbar-toggler .bar {
    width: 30px;
    height: 2px;
    border-radius: 3px;
    margin-bottom: 6px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-color: #312D2F;}
.fixed-header .navbar-toggler .bar {
    background-color: #312D2F;}
.navbar-toggler .bar-3 {
    margin-bottom: 0;}
.navigation.menu-open .bars {
    margin-top: 0;
    position: relative;}
.navigation.menu-open .bar-1 {
    transform: rotate(45deg);}
.navigation.menu-open .bar-3 {
    transform: rotate(-45deg);
    margin-top: -16px;}
.navigation.menu-open .bar-2 {
    opacity: 0;}

.dropdown-menu {
    position: absolute;
    top: 50px;
    left: unset;
    margin: 0;
    border: 0;
    min-width: auto;
    right: 0;
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: -1px 1px 6px #09090912;
    text-align: center;}
.menu-1 .social_media{
    display: flex;
    flex-flow: row wrap;}
.menu-1 .social_media a:before {
    color: #000000;
    margin: 0px 11px;
    width: 26px;
    height: 26px;
    line-height: 55px;}
.menu-1 .social_media a:first-child:before{
    margin: 0px 11px 0 44px;
}
.menu-1 .social_media a:last-child:before {
    margin: 0px 0px 0 11px;}
li.nav-item:hover .dropdown-menu{
    display: block;}


.dropdown-item:focus, .dropdown-item:hover {
    color: black;
    background-color: transparent;}
.dropdown-item {
    display: inline;
    padding: 0;
    margin: 0 8px;
    font-size: 15px;}
.dropdown-menu svg, .nav-item.dropdown svg {
    display: none;}
.svg-flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";}
.navbar-nav li.nav-item:nth-last-child(2){
    margin-right: 0;}

.nav-item h3{
    margin-bottom: 0px;
}
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
@media only screen and (max-width: 1200px) {
    li.nav-item {
        margin: 0 5px;}
    a.nav-link {
        padding: 10px 8px!important;}
}
@media only screen and (max-width: 989px) {
    .nav-item.dropdown .submenu-open svg{
        transform: rotate(180deg);
        margin-left: 20px;}
    .nav-item.dropdown svg {
        margin-left: 0px;
        margin-bottom: 38px;
        background: rgb(0, 0, 0);
        padding: 6px;
        border-radius: 50%;
        height: 35px;
        fill: white;
        position: absolute;

        right: 30px;
        /*border: 1px solid #000000;*/
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;}
    .nav-item.dropdown:hover svg.dropdownsvg{
        background: rgba(255, 255, 255, 0.31);
        fill: black;}
    .nav-item.dropdown .dropdown-menu svg:hover{
        background: rgba(255, 255, 255, 0.31);
        fill: black;}
    .menu-1 .social_media a:before {
        color: #000000;
        margin: 5px 5px 0 5px;
        width: 26px;
        height: 26px;
    }
    .menu-1 .social_media a:last-child:before {
        margin: 5px 0 0 5px;}
    .menu-1 .social_media a:first-child:before {
        margin: 5px 5px 0 0;}

    .progress-container {
        display: none;}
    .navigation, .navbar {
        height: 80px;}
    #navbarResponsive {
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        right: 0;
        background: white;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        top: 101px;
        padding-top: 30px;
        padding-left: 30px;
       /* box-shadow: -6px 10px 10px 2px #0000000d;*/}
    .menu-open #navbarResponsive {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);}
    .menu-open #navbarResponsive.pushed {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);}
    .menu-open .navbar-toggler .bar {
        background-color: black;}
    a.nav-link,
    .dropdown-item {
        height: auto;
        font-size: 45px;
        line-height: 50px;
        font-weight: bold;
        padding: 0!important;
        padding-left: 15px!important;}
    a.nav-link {
        padding-left: 0!important;}
    .menu-open a.nav-link {
        color: black;}
    .menu-open a.nav-link:after {
        display: none;}
    .main-content-wrapper {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;}
    .main-content-wrapper.pushed {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);}
    li.nav-item {
        margin: 0;
        display: flex;
        align-items: center;}
    .navbar-collapse .footer-link,
    .navbar-collapse .footer-link-sub {
        display: block;
        padding-left: 2px;}
    .navbar-collapse .footer-link:hover a,
    .navbar-collapse .footer-link-sub:hover a,
    .navbar-collapse .footer-link:visited a,
    .navbar-collapse .footer-link-sub:visited a {
        color: black;}
    .navbar-collapse .footer-link.first,
    .navbar-collapse .footer-link-sub.first {
        margin-top: 15px;}
    .dropdown-menu {
        position: fixed!important;
        top: 0;
        left: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        width: 100%;
        height: 100vh;
        display: block;
        visibility: hidden;
        padding-top: 120px;
        border: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        background-color: white;
        text-align: left;}
    .dropdown-menu.submenu-open {
        visibility: visible;
        padding-left: 30px;
        padding-right: 30px;}
    .dropdown-menu .dropdown-item {
        padding: 0!important;
        display: block;
        margin: 0;}
    .dropdown-menu svg.fa-arrow-left {
        height: 30px;
        margin-bottom: 20px!important;
        margin-left: 0!important;
        cursor: pointer;
        display: inline-block;}
    .nav-item.dropdown svg {
       /* margin-bottom: 3px;
        margin-left: 30px;
        height: 30px;*/
        cursor: pointer;
        display: inline-block;}
    .navigation.fixed-header {
        background: white;}
    .navigation.hovered {
        background: transparent;}
}

@media only screen and (max-width: 680px){
    .navigation.fixed.sticky{
        position: fixed;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        border-bottom: 1px solid #444;}
}









