#top-nav {border-bottom: 0;

    margin-bottom: 0;

    box-shadow: none;

    padding: 0;

    position: fixed;

    top: 0;

    width: 100%;

    border-bottom: 1px solid #3e424b;

    background-color: #fff;

    z-index: 10;

}

.make-me-fixed {

    background-color: #fff;

    box-shadow: 0 1px 2px #ccc !important;

    border-bottom: 0 !important;

}

#top-nav.with-bg-darker {

    background-color: #fff;

    box-shadow: 1px 1px 3px #ccc;

}

.navbar {padding: 13px 0;}

#top-logo.show-logo img {

    width: 200px;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}

#top-logo:not(.show-logo) {

    width: 0;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}

#top-logo.show-logo {

    width: 160px;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}

#top-logo:not(.show-logo) img {

    width: 160px;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

}

.navbar-brand {

    height: auto;

    font-size: inherit;

}

    .navbar-default .navbar-nav {

        float: right;

    }

    .navbar-default .navbar-nav > li {position: relative;}

    .navbar-default .navbar-nav > li.active::before {

        content: "";

        display: block;

        position: absolute;

        bottom: -32px;

        border-bottom: 1px solid #006ea8;

        width: 30px;

        left: calc(50% - 15px);

    }

   .navbar-default .navbar-nav > li.active::after {

        content: "";

        width: 0;

        height: 0; 

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

        border-bottom: 5px solid #006ea8;

        position: absolute;

        bottom: -32px;

        left: calc(50% - 5px);

    }

	.navbar-default .navbar-nav > li > a {

		color: #999;

        font-size: 13px;

        transition: all ease 0.5s;

        padding: 0 8px !important;

        text-transform: uppercase;

        line-height: 33px;

        letter-spacing: 1px;

	}

    .navbar-default .navbar-nav > li ul.submenu {

        position: absolute;

        left: 0;

        top: 49px;

        padding: 0;

        list-style: none;

        min-width: 300px;

        height:0px;

        overflow:hidden;

        -webkit-transition: height 0.3s linear;

        -moz-transition: height 0.3s linear;

        transition: height 0.3s linear;

        z-index: 1;

        border-radius: 3px;

    }

/* Sub Sub */

    .navbar-default .navbar-nav > li ul.submenu li ul.subsubmenu {

        position: absolute;

        left: 300px;

        top: 105px;

        padding: 0;

        list-style: none;

        min-width: 300px;

        height:0px;

        overflow:hidden;

        -webkit-transition: height 0.3s linear;

        -moz-transition: height 0.3s linear;

        transition: height 0.3s linear;

        z-index: 10;

        border-radius: 3px;

    }

    .navbar-default .navbar-nav > li.opened ul.submenu, .navbar-default .navbar-nav > li.opened ul.submenu li.opened ul.subsubmenu {

            height: 300px;

            text-align: left;

        }

    .navbar-default .navbar-nav > li.button > a {

        background-color: #990066;

        color: #fff !important;

        padding: 5px 25px !important;

        font-size: 12px;

        margin: 0 30px 0 20px;

    }

    .navbar-default .navbar-nav > li ul.submenu li a, .navbar-default .navbar-nav > li ul.subsubmenu li a {

        background-color: #1d1c1c;

        color: #999;

        font-size: 13px;

        text-transform: uppercase;

        display: block;

        width: 100%;

        padding-top: 10px;

        padding-left: 20px;

        padding-right: 20px;

    }

   /* .navbar-default .navbar-nav > li ul li:first-child:before{

        content:'';

        position:absolute;

        width:1px;

        height:1px;

        border:15px solid transparent;

        border-width: 15px 10px;

        border-bottom-color: #1d1c1c;

        left: 70px;

        top: -15px;

        margin-left: -10px;

    }*/

    .navbar-default .navbar-nav > li ul.submenu li a:hover, .navbar-default .navbar-nav > li ul.submenu li.active a.opensubsub, .navbar-default .navbar-nav > li ul.subsubmenu li a:hover, .navbar-default .navbar-nav > li ul.subsubmenu li.active a {

        color: #006ea8;

        font-weight: 600;

        padding-left: 30px;

    }

    .navbar-default .navbar-nav > li ul.submenu li:first-child, .navbar-default .navbar-nav > li ul.subsubmenu li:first-child {

        padding-top: 15px;

    }

    .navbar-default .navbar-nav > li ul.submenu li:first-child a {

        /*border-radius: 5px 5px 0 0;*/

        padding-top: 15px;

    }

    .navbar-default .navbar-nav > li ul.submenu li ul.subsubmenu li:first-child a {

        /*border-radius: 5px 5px 0 0;*/

        padding-top: 15px;

        padding-bottom: 0;

    }

    .navbar-default .navbar-nav > li ul.submenu li:last-child a {

        /*border-radius: 0 0 5px 5px;*/

        padding-bottom: 15px;

    }

    .navbar-default .navbar-nav > li.button::after, .navbar-default .navbar-nav > li.button::before {display: none !important;}

    .navbar-default .navbar-nav > li.button > a:hover, .navbar-default .navbar-nav > li.button > a:focus {

        background-color: #666;

    }

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

		background-color: transparent;

		color: #006ea8;

	}

    #right-icons {float: right;}

    #right-icons a {

        color: #ccc;

        font-size: 19px;

        display: inline-block;

        line-height: 33px;

        float: left;

        background-repeat: no-repeat;

        background-position: center;

        height: 33px;

        width: 21px;

    }

    #right-icons a::hover,#right-icons a::focus {



    }

    #right-icons a:first-child {

        background-image: url('../images/icons/fb.png');

        /*margin-right: 25px;*/
        margin-right: 10px;
        margin-left: 10px;

    }

    #right-icons a:last-child {

        background-image: url('../images/icons/instagram.png');

    }

    #right-icons a:first-child:hover, #right-icons a:first-child:focus {

        background-image: url('../images/icons/fb-bw.png');

    }

    #right-icons a:last-child:hover, #right-icons a:last-child:focus {

        background-image: url('../images/icons/instagram-bw.png');

    }

    .show-logo + div #right-icons a:first-child {color: #333;}

.menu-toggle-inner, .menu-toggle-inner::before, .menu-toggle-inner::after {

	background-color: #00596d;

}

.menu-toggle:hover .menu-toggle-inner, .menu-toggle:hover .menu-toggle-inner::before, .menu-toggle:hover .menu-toggle-inner::after,

.menu-toggle:focus .menu-toggle-inner, .menu-toggle:focus .menu-toggle-inner::before, .menu-toggle:focus .menu-toggle-inner::after,

.menu-toggle[aria-expanded="true"] .menu-toggle-inner, .menu-toggle[aria-expanded="true"] .menu-toggle-inner::before, .menu-toggle[aria-expanded="true"] .menu-toggle-inner::after {

	background-color: #00596d;

}

.menu-toggle {

  position: absolute;

  right: 0;

  top: 37px;

  cursor: pointer;

  transition-property: opacity, -webkit-filter;

  transition-property: opacity, filter;

  transition-property: opacity, filter, -webkit-filter;

  transition-duration: 0.15s;

  transition-timing-function: linear;

  font: inherit;

  color: inherit;

  text-transform: none;

  border: 0;

  overflow: visible;

}

.menu-toggle-box {

  width: 40px;

  height: 24px;

  display: inline-block;

  position: relative; 

}

.menu-toggle-inner {

  display: block;

  top: 50%;

  margin-top: -2px; 

}

    .menu-toggle-inner, .menu-toggle-inner::before, .menu-toggle-inner::after {

        width: 40px;

        height: 4px;

        background-color: #666;

        border-radius: 4px;

        position: absolute;

        transition-property: -webkit-transform;

        transition-property: transform;

        transition-property: transform, -webkit-transform;

        transition-duration: 0.15s;

        transition-timing-function: ease;

    }

    .menu-toggle-inner::before, .menu-toggle-inner::after {

        content: "";

        display: block;

    }

    .menu-toggle-inner::before {

        top: -10px;

    }

    .menu-toggle-inner::after {

        bottom: -10px; 

    }

    .menu-toggle .menu-toggle-inner {

    top: 2px; 

    }

    .menu-toggle .menu-toggle-inner::before {

        top: 10px;

        transition-property: opacity, -webkit-transform;

        transition-property: transform, opacity;

        transition-property: transform, opacity, -webkit-transform;

        transition-timing-function: ease;

        transition-duration: 0.2s;

    }

    .menu-toggle .menu-toggle-inner::after {

    top: 20px;

    }

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

        -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);

        transform: translate3d(0, 10px, 0) rotate(45deg);

    }

    .menu-toggle[aria-expanded="true"] .menu-toggle-inner::before {

        -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);

        transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);

        opacity: 0;

    }

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

        -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);

        transform: translate3d(0, -20px, 0) rotate(-90deg);

    }

/* Smartphone and Tablet view */

@media (min-width: 1620px) {

    .navbar-default .navbar-nav > li > a {font-size: 15px;}

}

@media (max-width: 1199px) { /* 1200px large */	



}

@media (max-width: 1199px) and (min-width: 1100px){

.navbar-default .navbar-nav > li > a {padding: 0 8px !important;}

}





@media (max-width: 1199px) {

    #top-nav > .container {width: 100%;}

}

@media (min-width: 1100px) {

    #top-logo.show-logo + div {
/*
        float: right;

        width: calc(100% - 160px);*/
        width: 100%;

    }

    #top-logo:not(.show-logo) + div {

        margin-right: 15px;

    }

}

@media (min-width: 992px) {

    .navbar-default .navbar-nav > li:hover ul.submenu, .navbar-default .navbar-nav > li:focus ul.submenu {

        height: 300px;

    }

    .navbar-default .navbar-nav > li ul.submenu li:hover ul.subsubmenu, .navbar-default .navbar-nav > li ul.submenu li:focus ul.subsubmenu {

        height: 95px;

    }



}

@media (max-width: 1147px) and (min-width: 992px) {

    .navbar-toggleable-md .navbar-collapse {display: block !important;}

    #top-logo {width: 100% !important;display: block;}

    #top-logo + div {width: 100%;max-width: 975px;margin: 0 auto;}

    .navbar-brand {

        margin: 0 auto !important;

        display: block;

        width: 160px;

    }

    #top-logo img {

        width: 160px !important;

    }

    #top-logo:not(.show-logo) {

        height: 0;

        overflow: hidden;

        transition: all ease 0.3s;

    }

    #top-logo.show-logo {

        height: 75px;

        transition: all ease 0.3s;

    }

    .navbar-default .navbar-nav > li.active::before, .navbar-default .navbar-nav > li.active::after {bottom: -14px;}

    .navbar-default .navbar-nav > li > a {padding: 0 8px !important;}

    .navbar-default .navbar-nav > li ul.submenu { top: 32px;}

}

@media (max-width: 991px) {

    .navbar-default .navbar-nav > li ul.submenu li ul.subsubmenu {

        left: 0;

        top: 155px;

        width: 100%;

    }

    .navbar-default .navbar-nav > li ul.submenu {

      top: 30px;

      left: 50%;

      transform: translateX(-50%);

  }

    #top-nav {background-color: #fff !important;}

    .navbar-default .navbar-nav > li ul.submenu {top: 30px;}

    .navbar-brand img {width: 160px;opacity: 0;}

    #top-logo {display: none;}

    .navbar-default .navbar-nav {

        margin-left: 0;

        margin-top: 8px;

        padding-top: 5px;

        margin-right: 0;

    }

    .navbar-default .navbar-nav {

        width: 100%;

        text-align: center;

    }

    #top-nav {background-color: #fff;}

    .navbar-default .navbar-nav .nav-item, #right-icons {

        padding: 5px 0;

        text-align: center;

    }

    .navbar-default .navbar-nav > li.active::after, .navbar-default .navbar-nav > li.active::before {display: none;}

    .navbar-default .navbar-nav > li > a {padding: 0 !important}

    #right-icons {

        width: 70px;

        margin: 0 auto;

        float: none;

        display: block;

    }

        #right-icons a {margin-top: 10px;}

}

@media (max-width: 767px) {



}

@media (max-width: 575px) {



}