/*----Mobile----*/
@media only screen and (max-width : 959px){
	.header-trigger{display:inline-block; width:24px; height:24px; cursor:pointer; margin-left:10px; line-height:1; background:url(../images/menu.png) no-repeat; background-size:100%;}
	.header-home a{display:block; background:url("../images/home.png") no-repeat; width:21px; height:21px; overflow:hidden;}
	.header-top .mobile-container{position: fixed;left: -265px; top: 0px;bottom: 0; width: 100%; z-index: 50000;color: #fff;transition: all 0.45s;-webkit-transition: all 0.45s;visibility: hidden; background: rgba(10,72,122,0.95); }
	.admin-bar .header-top .mobile-container{top:46px;}
	.header-top .mobile-container.opened {left: 0;visibility: visible;}
	.header-top .container-inner{height:calc(100vh - 48px); overflow:scroll; }
	.header-top .menu a {color:#FFFFFF;  display: block; font-size: 18px; font-weight: 200; line-height: 50px; position: relative}
	.header-top #menu-header {font-size: 26px; line-height: 48px;font-weight: 700;text-transform: uppercase;padding: 13px 25px;position: relative;}
	#mobile-menu-close {position: absolute;display: block;width: 39px;height: 39px;top: 10px;right: 2px;background-image: url('../images/close.png');background-position: 0 0;background-repeat: no-repeat;background-color: transparent; background-size:100%;}
	body.logged-in #mobile-menu {margin-top: 32px;}
	
	/* Mobile Menu */
	.header-top .menu{list-style:none; padding:0px; margin:0px;}
	.header-top .menu li a {display: block;}
	.header-top .menu > li > a {padding-left: 23px;line-height: 54px;background-color: transparent;border-top: 1px solid rgba(255, 255, 255, 0.07);}
	.header-top .menu > li.menu-item-has-children > a:before{content:"\203A"; margin-right:10px;}
	.header-top .menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:before{content:"\203A"; margin-right:10px;}
	.header-top .menu ul {padding:0;}
	.header-top .menu > li.menu-item-has-children:hover > ul,
	.header-top .menu > li.menu-item-has-children:focus > ul{display:block;}
	.header-top .menu ul ul {margin: 8px 0;padding: 8px 0;}
	.header-top .menu > li.menu-item-has-children > ul > li.menu-item-has-children:hover > ul,
	.header-top .menu > li.menu-item-has-children > ul > li.menu-item-has-children:focus > ul{display:block;}
	.header-top .menu ul ul ul {background-color: #555;}
	.header-top .menu li li a {padding-left: 41px; line-height: 34px;}
	.header-top .menu li li li a {padding-left: 55px;}
	.header-top .menu li li a {color: #FFF;}
	.header-top .menu li li a:hover,.header-top .menu li li a:focus,.header-top a:hover,.header-top a:focus {color: #FFFFFF;}
	.header-top .menu li a:hover {background-color: rgba(41, 171, 225, 0.8);}
}
/* iPhone3/4/5, Samsung Galaxy S2/S3/S4, HTC one*/
@media only screen and (min-width: 320px) and (max-width: 478px),
(min-device-width: 320px) and (max-device-height: 480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 320px) and (max-device-height: 534px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 3){
	.header-top .mobile-container{top: 90px;}
}

/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 480px) and (max-width: 599px),
(min-device-width: 320px) and (max-device-height: 480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 320px) and (max-device-height: 534px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 320px) and (max-device-height: 640px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3) {
	.header-top .mobile-container{top: 90px;}
}


@media only screen and (min-width : 960px){
	.header-trigger, .header-home{display:none;}
	.header-top #menu-header {display:none;}
	
	.header-top ul.menu li.top-home a{background:url("../images/home.png") no-repeat; width:21px; height:21px; padding-left:21px; overflow:hidden;}

	.header-top ul.menu{list-style:none; padding:0px; margin:0px; 
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  		display: -ms-flexbox;      /* TWEENER - IE 10 */
  		display: -webkit-flex;     /* NEW - Chrome */
  		display: flex; 
		-webkit-box-pack: justify;
  		-moz-box-pack: justify;
  		-ms-flex-pack: justify;
  		-webkit-justify-content: space-between;
  		justify-content: space-between;}
	.header-top ul.menu li{}
	.header-top ul.menu li a{color:#6c6d6f; display: block; font-size: 1em; font-weight:300; line-height: 1; text-transform:uppercase;}
	.header-top ul.menu > li.current-menu-item > a{color:#0a487a;}
	.header-top ul.menu li a:hover{color:#0a487a;}
	.header-top ul.menu li.header-home a{background:url("../images/home.png") no-repeat; width:21px; height:21px; padding-left:21px; overflow:hidden;}
	.header-top ul.menu li ul.sub-menu{ list-style:none;  margin:0px;	position: absolute; top: 100%; border-top: 10px solid #f8d43e; z-index: 8888; opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px); background: rgba(10,72,122,0.90); width:auto; padding:10px;}

	.header-top ul.menu li:hover ul.sub-menu{opacity: 1; visibility: visible; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0);}
	.header-top ul.menu li ul.sub-menu li{}
	.header-top ul.menu li ul.sub-menu li a{line-height: 1; padding:0.5em 0px; color:#FFFFFF; display:block; white-space:nowrap;}
	.header-top ul.menu li ul.sub-menu > li.menu-item-has-children > a:after{content:"\203A"; margin-left:10px;display: inline-block;}
	.header-top ul.menu li ul.sub-menu li a:hover{color:#ffcd16;}
	.header-top ul.menu li ul.sub-menu > li .sub-menu{left:100%; top:0px; opacity: 0; visibility: hidden; transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px);}
	.header-top ul.menu li ul.sub-menu > li:hover .sub-menu{opacity: 1; visibility: visible; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0);}
	
	.header-menu-right ul.menu{width:100%;}
	.header-menu-right ul.menu li{width:100%;}
	.header-menu-right ul.menu > li > a{background-color:#29abe1; color:#FFFFFF; line-height:3em; background-image:url("../images/service-menu.png"); background-repeat:no-repeat; background-position: top 1em right 2em; padding-left:2em;}
	.header-menu-right ul.menu > li:hover > a{background-image:url("../images/service-menu-hover.png");}
	.header-menu-right ul.menu li ul.sub-menu{ border-top: none;  background: rgba(41,171,225,0.75); width:100%; padding:0px 2em;}
	.header-menu-right ul.menu li ul.sub-menu li{border-top:1px dashed #FFFFFF; padding:0.5em 0px;}
	.header-menu-right ul.menu li ul.sub-menu li:first-child{border-top:0px;}
	.header-menu-right ul.menu li a:hover, .header-menu-right ul.menu li ul.sub-menu li a:hover{color:#0a487a;}
}

@media only screen and (min-width: 1025px){
	
}

@media only screen and (min-width: 1500px){
	
}