/*HEADER BEGIN*/

/*--------------------------------------------------------------------------*/

/*HEADER*/

.header-mobile {
  padding: 10px 0;
}

.header,
.navbar-collapse.collapse,
.navbar-collapse.collapsing {
  overflow: hidden;
}

.header.in {
  overflow: visible;
}

.header-logo + .header-logo {
  margin-left: 10px;
}

.logo {
    height: 52px;
}

.header, .navbar-collapse.collapse {
    padding: 15px;
}

.header-mobile-container {
  background-color: #353837;
  color: #fff;
  position: relative;
}

/*NAV-MAIN*/
.navbar-toggle {
  display: block;
  width: 45px;
  margin: 0;
  border: none;
  border-radius: 0;
}

.navbar-toggle span {
  display: block;
  height: 2px;
  margin: 4px 0;
  background-color: #fff;
}

.nav-main-col {
  text-align: right;
}

/*reset ul in menu*/
.nav-main,
.nav-main ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav-main {
  display: inline-block;
  vertical-align: top;
}

.nav-main > li {
  float: left;
}

.nav-main > li > a {
  display: block;
  padding: 15px 23px;
  font-size: 18px;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
}

.nav-main > li > a:hover, .nav-main > li > a:focus {
  text-decoration: none;
}

.nav-main > li + li {
  position: relative;
}

.nav-main > li + li:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 12px;
  width: 1px;
  margin-top: -6px;
  background-color: #a4a297;
}

.login-btn-column {
  text-align: right;
}

.btn-outline-success {
    color: #3d78ab;
    background-image: none;
    background-color: transparent;
    border-color: #3d78ab;
    border-radius: 40px;
    padding: 13px 43px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: "Titillium Web", sans-serif;
    display: inline-block;
    border-width: 2px;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #366792;
    border-color: #366792;
    text-decoration: none;
}


/*HEADER RESPONSIVE BEGIN*/

/*--------------------------------------------------------------------------*/

/*DESKTOP BEGIN*/

/*DESKTOP END*/

/*DESKTOP BEGIN*/

@media screen and (min-width: 992px)
{
    .header
    {
        height: auto !important;
        display: block;
    }
    .nav-secondary
    {
        float: right;
    }
.navbar-main li.active a:after {
	  top: 0px;
	  height: 50px;
	
	  width: 2px;
	  right: -1px;
	  z-index:1001;
	}
.navbar-main li.active a:before {
	  top: 0px;
	  height: 50px;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a577d+0,171717+100 */
background: rgb(58,87,125); /* Old browsers */
background: -moz-linear-gradient(top, rgb(58,87,125) 0%, rgb(23,23,23) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(58,87,125) 0%,rgb(23,23,23) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(58,87,125) 0%,rgb(23,23,23) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a577d', endColorstr='#171717',GradientType=0 ); /* IE6-9 */
	  width: 2px;
	  left: -1px;
	}
    .navbar-main a:before, .navbar-main a:after
    {
        top: 17px;
        height: 16px;
        /*background: #3a577d;*/
        z-index: 1000;
    }
}

/*DESKTOP END*/

/*TABLET AND DESKTOP BEGIN*/

/*TABLET AND DESKTOP END*/

/*DESKTOP SMALL BEGIN*/

/*DESKTOP SMALL END*/

/*TABLET BEGIN*/

@media screen and (max-width: 991px)
{
    .header-top
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-toggler
    {
        background: 0 0;
        border: 1px solid transparent;
        margin-top: 9px;
    }
    .line
    {
        display: block;
        width: 28px;
        height: 5px;
        margin: 2px 0;
        border-radius: 4px;
        background: #3e7dc6;
    }
    .navbar-nav
    {
        display: block;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        width: auto;
    }
    .navbar-nav a
    {
        color: #fff;
        font-size: 1.11111rem;
        padding-left: 0;
        padding-top: 9px;
        padding-bottom: 8px;
        display: block;
    }
   /* .navbar-nav a:before
    {
        width: 100%;
        top: auto;
        bottom: 0;
        height: 1px;
        left: 0;
        background: #cfd1d4;
    }*/
    .navbar-nav a:hover, .navbar-nav a:focus
    {
        background: #eef5fb;
        text-decoration: none;
    }
    .navbar-nav li
    {
        display: block;
        text-align: left;
        float: none;
        margin-left: 0;
    }
    .navbar-nav li:first-child a:before
    {
        display: block;
    }
    .navbar-main li.active a
    {
        background: #e7f1fa;
    }
    .navbar-main
    {
        background: #fff;
        width: 100%;
    }
    .nav-additional
    {
        position: absolute;
        width: auto;
        z-index: 4;
        top: 100%;
        left: 0;
        right: 0;
        float: none;
        background: #fff;
        padding-bottom: 16px;
    }
    .nav-secondary
    {
        display: block;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .nav-secondary.navbar-nav li a
    {
        padding: 9px 0 8px 0;
    }
    .nav-secondary.navbar-nav li:last-child a:before
    {
        display: none;
    }
	
	#nav > nav > div > div > div > ul > li > ul > li > a { background: #24374f; color: white; }
	#nav > nav > div > div > div {     
    padding: 0;
    text-indent: 20px; }
	
}

/*TABLET END*/

/*PHONE BEGIN*/

@media screen and (max-width: 767px)
{
    .navbar-toggler
    {
        display: block;
		margin-top: 3px;
        padding: 0;
    }
    .navbar-nav a
    {
        font-size: 1.44444rem;
    }
    .login-btn-column {
      text-align: center;
    }
    .header, .navbar-collapse.collapse {
      padding: 0;
  }
  .nav-main-col {
    text-align: center;
  }
  .header-mobile {
    margin-top: 10px;
  }
}

@media screen and (max-width: 410px){
  .logo-img {
    margin-top: 5px;
  }
}

@media screen and (max-width: 360px){
    .navbar-toggler {
        margin-top: 0px;
    }
    .nav-main > li > a { 
        font-size: 16px;
    }
}

/*PHONE END*/

/*--------------------------------------------------------------------------*/

/*HEADER RESPONSIVE END*/

/*--------------------------------------------------------------------------*/

/*HEADER END*/