#header {
	background: #0063b1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjMDA2M2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMDAyODQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #0063b1 30%, #002848 98%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%,#0063b1), color-stop(98%,#002848)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #0063b1 30%,#002848 98%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #0063b1 30%,#002848 98%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #0063b1 30%,#002848 98%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #0063b1 30%,#002848 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063b1', endColorstr='#002848',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	color: #fff;
	width: 100%;
}

#header a {
	color: #fff;
}

.header-container {
	margin: 0 auto;
	max-width: 1597px;
	width: 100%;
}

/** begin leaderboard menu styles **/

.leaderboard-menu {
	padding: 15px 60px 10px 0;
	text-align: right;
}

#menu-leaderboard {
	line-height: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#menu-leaderboard li {
	display: inline;
	font-size: 16px;
	font-weight: 300;
	margin-left: 23px;
}

#menu-leaderboard li:first-child {
	margin-left: 0;
}

/** end leaderboard menu styles **/

.logo {
	display: block;
    float: left;
	font-size: 0;
	padding: 0 0 15px 0;
    width: 35%;
}

.logo img {
	height: 100%;
    max-height: 152px;
    /*max-width: 529px;*/
	max-width: 400px;
	padding-left: 60px;
    width: 100%;
}

.header-column-two {
    display: inline-block;
	margin-top: 4%;
    text-align: right;
    width: 65%;
}

.social-media-block {
	display: inline-block;
	margin-right: 27px;
	vertical-align: middle;
}

.social-media-block .social-icon {
    background-image: url( 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="39px" height="39px" viewBox="0 0 500 500"><linearGradient id="top_bg" gradientUnits="userSpaceOnUse" x1="306" y1="00" x2="306" y2="240"><stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0.0"/><stop offset="0.75" style="stop-color:#ffffff;stop-opacity:0.1"/><stop offset="1" style="stop-color:#ffffff;stop-opacity:0.7"/></linearGradient><linearGradient id="bottom_bg" gradientUnits="userSpaceOnUse" x1="306" y1="-145" x2="306" y2="50" gradientTransform="matrix(1 0 0 -1 -56 355)"><stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0.3"/><stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/></linearGradient><linearGradient id="borders" gradientUnits="userSpaceOnUse" x1="250.0005" y1="500" x2="250.0005" y2="4.882813e-004"><stop  offset="0" style="stop-color:#ffffff;stop-opacity:0"/><stop  offset="0.5" style="stop-color:#ffffff"/><stop  offset="1" style="stop-color:#ffffff;stop-opacity:0"/></linearGradient><path fill="url(#top_bg)" d="M400,0H100C45,0,0,45,0,100v69.999c73.97,25.998,159.232,40.816,250,40.816s176.03-14.818,250-40.816 V100C500,45,455,0,400,0z"/><path opacity="0.1" fill="#FFFFFF" stroke="#fff"  d="M400,0H100C45,0,0,45,0,100v69.999 c73.97,25.998,159.232,40.816,250,40.816s176.03-14.818,250-40.816V100C500,45,455,0,400,0z"/><path fill="url(#bottom_bg)" d="M0,169.999V400c0,55,45,100,100,100h300c55,0,100-45,100-100V169.999 c-73.97,25.998-159.232,40.816-250,40.816S73.97,195.997,0,169.999z"/><path fill="url(#borders)" d="M50,0C22.5,0,0,22.5,0,50v400c0,27.5,22.5,50,50,50h400c27.5,0,50-22.5,50-50V50 c0-27.5-22.5-50-50-50H50z M490,440c0,27.5-22.5,50-50,50H60c-27.5,0-50-22.5-50-50V60c0-27.5,22.5-50,50-50h380 c27.5,0,50,22.5,50,50V440z"/></svg>' );
    background-repeat: no-repeat;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 8px;
    box-sizing: border-box;
    color: #d8e3ee;
    display: inline-block;
    font-size: 20px;
    height: 39px;
    line-height: 20px;
    padding-top: 8px;
    text-align: center;
    width: 39px;
}

.social-media-block a {
	margin-left: 5px;
}

.social-media-block a:hover {
	opacity: 0.7;
}

.mobile-phone {
    display: none;
}

.search-block {
	display: inline-block;
	margin-right: 60px;
	vertical-align: top;
}

#searchform {
	background-color: #fff;
    border-radius: 35px;
	box-shadow: inset 0 1px 5px #d9d9d9;
	line-height: none;
    padding: 4px 15px;
}

#searchform input {
	border: none;
	color: #00457c;
	font-size: 17px;
	font-weight: 300;
	font-style: italic;
}

#searchform ::-webkit-input-placeholder {
   color: #00457c;
}

#searchform :-moz-placeholder { /* Firefox 18- */
   color: #00457c !important;
   opacity: 1;
}

#searchform ::-moz-placeholder {  /* Firefox 19+ */
   color: #00457c !important;
   opacity: 1;
}

#searchform :-ms-input-placeholder {
   color: #00457c;
}

/*** begin main menu styles ***/

#main-menu-wrapper {
	background-color: rgba(248,247,247,0.85);
	box-shadow: 0 1px 10px rgba(65,65,65,0.4);
	position: absolute;
	z-index: 9999;
	width: 100%;
}

.main-menu-container {
	line-height: 0;
	margin: 0 auto;
	max-width: 1597px;
	text-align: right;
	width: 100%;
}

.main-menu,
.main-menu ul,
.main-menu li,
.main-menu a {
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.main-menu {
  display: inline-block;
  padding: 0;
  margin: 0 120px 0 0;
  width: auto;
}
.main-menu > ul > li > ul > li a:hover {
  text-decoration: underline;
}

.main-menu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
.main-menu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
.main-menu > ul > li > a {
	color: #00457c;
	font-size: 21px;
    /*letter-spacing: -0.5px;*/
	font-weight: 300;
	margin-left: 30px;
	text-transform: uppercase;
	outline: none;
	display: block;
	padding: 25px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.main-menu > ul > li > a:hover {
  	color: #0195d5;
	text-decoration: none;
}

.main-menu > ul > li:first-child > a {
}
.main-menu > ul > li > a:after {
  	z-index: 99;
}
.main-menu ul li.menu-item-has-children:hover > a:after {
  top: 0;
  bottom: 0;

}
.main-menu > ul > li.menu-item-has-children > a:after {
  	font-family: 'FontAwesome';
	content: " \f107";
}
.main-menu > ul > li.menu-item-has-children:hover > a:before {
	color: #0195d5;
}
.main-menu ul li.menu-item-has-children:hover > a {
	z-index: 999;
	color: #0195d5;
}
.main-menu ul li.menu-item-has-children:hover > ul,
.main-menu ul li.menu-item-has-children:hover > div {
  display: block;
}
.main-menu ul li.menu-item-has-children > a:hover {
	  color: #0195d5;
}
.main-menu ul li > ul,
.main-menu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 71px;
  padding: 40px 0;
  background-color: rgba(255,255,255,0.85);
  z-index: 98;
}
.main-menu ul li > ul {
  width: 255px;
}
.main-menu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
.main-menu ul li > ul li a {
  outline: none;
  display: block;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  position: relative;
  margin: 0;
  padding: 8px 30px;
  color: #00457c;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
.main-menu ul ul a:hover {
  text-decoration: underline;
}
.main-menu > ul > li.menu-item-has-children > a:hover:before {
	color: #0195d5;
}

/*** end main menu styles ***/

/* Tablets - General */

@media (min-width: 768px) and (max-width: 1024px) {
	body {
		padding-top: 90px;
	}

	#header {
		height: 90px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		display: inline-block;
		font-size: 0;
		padding: 10px 0 0 70px;
		vertical-align: middle;
		width: 40%;
	}

	.logo img {
		max-height: 71px;
		max-width: 247px;
		height: 100%;
		width: 100%;
		padding: 0;
	}

	.header-column-two {
		display: inline-block;
		margin-top: 10px;
		text-align: right;
		width: 50%;
	}

	.search-block {
		display: none;
	}

	.mobile-phone {
		display: inline-block;
		font-size: 0;
		padding-right: 2%;
		vertical-align: top;
	}

	.mobile-phone .fa-phone-square::before {
		color: #2f70a9;
		font-size: 43px;
	}
}

/* Smartphones - General */

@media (max-width: 736px) {
	body {
		padding-top: 80px;
	}

	#header {
		height: 80px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 40%;
	}

	.header-column-two {
		display: inline-block;
		margin-top: 10px;
		text-align: right;
		width: 58%;
	}
	  .social-media-block {
		  display: none;
	}

	.search-block {
		display: none;
	}

	.mobile-phone {
		display: inline-block;
		font-size: 0;
		padding-right: 2%;
		vertical-align: top;
	}

	.mobile-phone .fa-phone-square::before {
		color: #2f70a9;
		font-size: 43px;
	}

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
  body {
		padding-top: 70px;
	}

	#header {
		height: 70px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 40%;
	}

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  body {
		padding-top: 70px;
	}

	#header {
		height: 70px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 40%;
	}

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  body {
		padding-top: 90px;
	}

	#header {
		height: 90px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 35%;
	}

}


/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
	  body {
		padding-top: 70px;
	}

	#header {
		height: 70px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 40%;
	}

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
	  body {
		padding-top: 70px;
	}

	#header {
		height: 70px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 40%;
	}

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
  body {
		padding-top: 90px;
	}

	#header {
		height: 90px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 35%;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	body {
		padding-top: 70px;
	}

	#header {
		height: 70px;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.logo {
		padding-top:10px;
		width: 50%;
	}
	  .header-column-two {
		display: inline-block;
		margin-top: 10px;
		text-align: right;
		width: 50%;
	}
	  .social-media-block {
		  display: none;
	}

	.search-block {
		display: none;
	}

	.mobile-phone {
		display: inline-block;
		font-size: 0;
		padding-right: 2%;
		vertical-align: top;
	}

	.mobile-phone .fa-phone-square::before {
		color: #2f70a9;
		font-size: 43px;
	}
}


/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	.main-menu .mobile {
		  display: none;
	}
}