.start-header {
     opacity: 1;
     transform: translateY(0);
     padding: 15px 0;
     -webkit-transition: all 0.3s ease-out;
     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;
     background: #fff;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .start-header.scroll-on .navbar-brand img {
     width: 111px;
     height: 50px;
     display: block;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .start-header.scroll-on .nav-link {
     color: #0f2252 !important;
 }

 .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 {
     position: relative;
     padding: 0px;
     width: 100%;
     max-width: 189px;
 }

 .navbar-brand img {
     width: 111px;
     height: 50px;
     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: #fff !important;
     font-weight: 500;
     font-size: 15px;
     line-height: 26px;
     text-transform: uppercase;
     position: relative;
     transition: all 200ms linear;
 }

 .nav-item:hover .nav-link {
     color: #606060 !important;
 }

 .nav-item.active .nav-link {
     color: #f3f3f3 !important;
 }

 .nav-item.show .nav-link {
     color: #606060 !important;
 }

 .nav-link {
     position: relative;
     padding: 5px 0 !important;
     display: inline-block;
     letter-spacing: 1px;
 }

 .nav-link.dropdown-toggle::before {
     content: "\f107";
     position: absolute;
     top: 50%;
     right: -2px;
     transform: translate(0, -50%);
     font-family: 'FontAwesome';
     color: #ffffff;
     font-size: 20px;
     transition: 0.3s;
 }

 .start-header.scroll-on .nav-link.dropdown-toggle::before {
     color: #606060;
 }

 .nav-link.dropdown-toggle {
     padding-right: 14px !important;
 }

 .nav-item.show .nav-link.dropdown-toggle::before {
     transform: translate(0, -50%) rotate(-180deg);
     color: #606060;
 }

 .start-header.scroll-on .nav-link .dropdown-menu .down-arrow:before {
     color: #606060;
 }

 .nav-item {
     position: relative;
     transition: all 200ms linear;
     margin-right: 40px;
 }

 .dropdown-menu::before {
     border-left: 0px solid transparent;
     border-right: 0px solid transparent;
     border-bottom: 0px solid #fff;
     content: "";
     display: block !important;
     height: 11px;
     left: 0;
     position: absolute;
     top: -11px;
     width: 19px;
     z-index: 1;
     right: 19px;
     margin: auto;
 }

 .start-header.scroll-on .navbar-brand img {
     opacity: 0;
 }

 .start-header.scroll-on .navbar-brand img.sticky-logo {
     opacity: 1;
 }

 .navbar-brand img.sticky-logo {
     position: absolute;
     top: 0;
     left: 0;
     width: 111px;
     opacity: 0;
 }

 #switch,
 #circle {
     cursor: pointer;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
 }

 #switch {
     width: 60px;
     height: 8px;
     border: 2px solid #0f2252;
     border-radius: 27px;
     background: #000;
     position: relative;
     display: block;
     margin: 0 auto;
     text-align: center;
     opacity: 1;
     transform: translate(0);
     transition: all 300ms linear;
     transition-delay: 1900ms;
 }

 #circle {
     position: absolute;
     top: -11px;
     left: -13px;
     width: 26px;
     height: 26px;
     border-radius: 50%;
     background: #000;
 }

 .switched {
     border-color: #000 !important;
     background: #0f2252 !important;
 }

 .switched #circle {
     left: 43px;
     box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
     background: #fff;
 }

 .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);
     padding: 0px;
     box-shadow: 0 5px 10px 0 rgb(0 0 0 / 35%);
 }

 .dropdown-menu {
     margin: 0;
     font-size: 13px;
     letter-spacing: 1px;
     color: #212121;
     background: #fff;
     border: none;
     border-radius: 5px;
     box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
     transition: all 200ms linear;
     top: 110%;
     left: -20px;
     border-radius: 5px;
 }

 .dropdown-toggle::after {
     display: none;
 }

 .dropdown-item {
     padding: 7px 20px 4px;
     color: #FFF;
     font-weight: 500;
     text-transform: uppercase;
     transition: all 200ms linear;
     background: linear-gradient(to right, #f3f3f3 50%, #606060 50%);
     background-size: 200% 100%;
     background-position: right bottom;
     border-radius: 0px;
     font-size: 14px;
     line-height: 26px;
 }

 .dropdown-item:first-child {
     padding-top: 8px;
 }

 .dropdown-item:last-child {
     padding-bottom: 5px;
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
     color: #606060;
     background-position: left bottom;
 }

 @media (max-width:1200px) {
     .nav__btn {
         display: none;
     }
 }

 @media (max-width: 1024px) {
     .nav-item {
         margin-right: 25px;
     }
 }

 @media (max-width: 991px) {
     .nav-link.dropdown-toggle::before {
         display: none;
     }

     .nav-link {
         font-size: 15px;
     }

     .nav-item {
         margin-right: 25px;
     }

     .navbar-expand-md .navbar-toggler {
         display: block;
     }

     .collapse:not(.show) {
         display: none !important;
     }

     .navbar-collapse {
         -ms-flex-preferred-size: 100%;
         flex-basis: 100% !important;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -ms-flex-align: baseline;
         align-items: baseline;
     }

     .navbar-expand-md {
         justify-content: space-between;
     }

     .navbar {
         position: relative;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: justify;
         justify-content: space-between;
     }

     .navbar-nav {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column !important;
         padding-left: 0;
         margin-bottom: 0;
         list-style: none;
     }

     .navbar-nav.ml-auto {
         margin-left: none;
         width: 100%;
         padding-top: 60px !important;
     }

     .nav-item::before {
         position: absolute;
         display: block;
         top: 15px;
         left: 0;
         width: 13px;
         height: 3px;
         content: "";
         border: none;
         background-color: #000;
         vertical-align: 0;
     }

     .dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 10px;
         left: -19px;
         width: 3px;
         height: 13px;
         content: "";
         border: none;
         background-color: #000;
         vertical-align: 0;
         transition: all 200ms linear;
         margin-left: 0;
     }

     .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;
     }

     .nav-item {
         padding-left: 1.5rem !important;
         margin-bottom: 20px;
     }

     .navigation-wrap {
         background: #ffffff;
         padding: 10px 0;
         box-shadow: 0 0 20px rgb(0 0 0 / 10%);
         display: flex;
         align-items: center;
     }

     .navbar-brand img.sticky-logo {
         opacity: 1;
     }

     .navbar-brand img {
         opacity: 0;
     }

     .navbar-brand {
         padding-top: 0;
         padding-bottom: 0;
     }

     .nav-link {
         color: #FFA500 !important;
     }

     .navbar-brand {
         margin-right: 0;
     }

     .navbar-expand-md .navbar-collapse {
         height: 100vh;
     }

     .navbar-light .navbar-toggler-icon {
         border-bottom: 3px solid #0f2252;
     }

     .navbar-light .navbar-toggler-icon:after,
     .navbar-light .navbar-toggler-icon:before {
         background-color: #0f2252;
         width: 30px;
         height: 3px;
     }

     .navbar-light .navbar-toggler-icon {
         width: 30px;
         height: 19px;
     }

     .navbar-nav.ml-auto.py-4.py-md-0 {
         padding-top: 2.5rem !important;
     }

     .navbar-nav .dropdown-menu {
         position: static !important;
     }

     .contact-form .col-md-6,
     .col-12 {
         padding-bottom: 0;
     }
 }

 @media (max-width: 767px) {
     .navbar-brand {
         max-width: 111px;
     }

     .nav-item:after {
         display: none;
     }

     .nav-item::before {
         position: absolute;
         display: block;
         top: 15px;
         left: 0;
         width: 13px;
         height: 3px;
         content: "";
         border: none;
         background-color: #000;
         vertical-align: 0;
     }

     .dropdown-toggle::after {
         position: absolute;
         display: block;
         top: 10px;
         left: -19px;
         width: 3px;
         height: 13px;
         content: "";
         border: none;
         background-color: #000;
         vertical-align: 0;
         transition: all 200ms linear;
         margin-left: 0;
     }

     .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;
     }
 }

 @media (max-width: 375px) {}