#header { padding-top: 25px; padding-bottom: 20px;}
#header .row > div {}
#header .mainmenu { text-align: center; position: relative; padding-top: 0px;}
#header .mainmenu ul { padding-left: 0px;}
#header .mainmenu li { display: inline-block; list-style-type: none;}
#header .mainmenu li a { font-weight: bold; color: #0a0a0a; text-decoration: none; border: 1px solid #fff; padding: 8px 14px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
}
#header .mainmenu nav > ul > li > a:hover, #header .mainmenu nav > ul > li.active > a { color: #fff; border-color: #2055a3; background-color: #2055a3;}
#header .login-button { background: #2055a3 url(../img/login-button-bg.png) 80px center no-repeat; display: inline-block; color: #fff !important; font-weight: 700; padding: 8px 34px 8px 18px !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#header .auth { text-align: right; padding-top: 4px;}

h2.header { font-size: 36px; font-family: "Roboto", sans-serif; padding-top: 15px; padding-left: 112px; position: relative; text-align: left; font-weight: bold; margin-top: 0px; margin-bottom: 45px;}
h2.header:before { display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 64px; height: 64px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #2055a3;
}

@media (max-width: 1200px){

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

}
@media (max-width: 768px){
	h2.header { font-size: 24px; padding-top: 0px !important; line-height: 28px !important;}
	h2.header:before { top: 0px !important;}
}
@media (max-width: 576px){
	h2.header { padding-left: 0px;}
	h2.header:before  { display: none;}
}

/*new menu*/
#header .row > div.logo {     max-width: 220px;
	width: 100%;
}
#header .row > div.logo img {padding-top: 0px; max-width: 100%}
.menu .toggle { display: block; padding: 25px 10px 20px 20px; z-index: 1000; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; position: absolute; top:-70px; right: 0;
  -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
  transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.menu .toggle .patty {position: relative; width: 30px; height: 2px; margin: 10px 0; background: #2055a3;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.menu.open .patty {background: none !important;}
.menu .toggle .patty:before {top: -8px;}
.menu .toggle .patty:after, .menu .toggle .patty:before { content: ''; display: block; width: 30px; height: 2px; background: #2055a3; position: absolute; z-index: -1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.menu.open .patty:before { top: 0 !important; background: #2055a3 !important;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu .toggle .patty:after {top: 8px;}
.menu.open .patty:after {top: 0 !important; background: #2055a3 !important;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#header .menu ul ul { position: absolute; background-color: #fff; z-index: 2; padding: 10px 0px; border: 1px solid #2055a3; overflow:  hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#header .menu ul ul li {display: block; text-align: left; background-color: #fff;}
#header .menu ul ul li a {display: block; color: #2055a3;}
#header .menu ul ul li a:hover {text-decoration: underline;}
@media (min-width:768px) {
  .collapse.show-md {display: block !important;}
	.default-toggler2.hide-md {display: none;}
}
@media (max-width:768px) {
  #header .menu {text-align: right; padding-top:  0px;}
  #header .menu li {display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0;

	}
  #header .menu li a {display: inline-block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

  #header .menu ul ul {position: relative; text-align: right; background-color: #fff; border: 1px solid #2055a3; padding:  0px 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
  #header .menu ul ul li {text-align: right;}

	#header .mainmenu nav > ul > li > a:hover, #header .mainmenu nav > ul > li.active > a {

	}
}



.top-panel-wrap {background-color: #5d8dcf;padding-top: 20px;padding-bottom: 20px; margin-bottom: 40px;}
#top-panel {position: relative;}
#top-panel * {color:#fff;}
#top-panel p {margin-bottom: 0;}
#top-panel .row > div:last-child {padding-top: 10px;}
#top-panel .close-button { cursor: pointer; position: absolute; width: 30px; height: 30px; right: 0;top: -20px; background: url(../img/top-panel-close-button.png) center center no-repeat;z-index: 2;}

.search-panel { position: relative;width: 400px;margin-top: 20px;}
.copy-ref-link { border: 1px solid #fff; outline: none; color: #fff !important; padding:8px 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
}
.search-panel input.submit, .search-panel input[type="submit"] { width: 36px; height: 36px; border: none; position: absolute; top: 0px; right: 0;outline: none; background: url(../img/search-icon.png) center center no-repeat; cursor: pointer;}

.scrollup{
	width:40px;
	height:40px;
	opacity:0.3;
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;
	text-indent:-9999px;
	background: url('/templates/navigator4life/header/img/icon_top.png') no-repeat;
	z-index: 999;
}
.scrollup:hover {
	opacity: 0.8;
}
@media (max-width: 992px){
	.search-panel {width: 200px;margin-top: 0;}
	#top-panel .row > div {margin-bottom: 20px;}
}
@media (max-width: 576px){
	.search-panel {width: 100%;}
	#top-panel .row > div { max-width: 280px; margin:  0 auto;margin-bottom: 20px;}
	#top-panel .row > div:last-child {margin-bottom: 0;}
}
.modal-dialog { pointer-events: auto !important;}
/*new menu*/