﻿#mobile-logo {display:none;}
@media screen and (max-width: 900px) {
	.mobile-only, #navigation ul li.mobile-only, #mobile-nav { display:block; }
	.not-mobile { display:none !important; }
	#mobile-logo {display:block;}
	#mobile-signup {
		background:#FFF;
		padding:10px;
		text-align:right;
	}
	#mobile-signup img {
		margin:0 10px 0 0;
		position:relative;
		top:2px;		
	}
	#mobile-signup a {
		color:#375b75;
		font-size:18px;
		text-transform:uppercase;
		font-family:'nexa_boldregular'
	}
	#logo {
		float:none;
		margin:15px auto;
	}
	#navigation-container { height:0px; }
	
	/* NAVIGATION */
  #mobile-logo {
    position: fixed;
    top: 0;
    width: 100%;
    height: 72px;
    background: white;
    z-index: 9;
  }
  #mobile-logo .nav-logo { 
    display: block !important;
    width: 42px;
    height: auto;
    padding: 13px;
  }
	#mobile-nav { 
		display:block; 
		cursor:pointer; 
	  right:0; 
		top:15px; 
		position:fixed; 
		z-index:2222; 
		background:#FFF; 
		padding:4px; 
		width:auto;
		height:auto;
	}
	#mobile-navigation {
		clear:both;
		float:none;
		width: 275px;
		text-align: center;
		position: fixed;
		z-index: 2222;
		top: 72px;
		height: 100%;
    left: -275px;
		background:#FFF;
	}
	#mobile-navigation ul {
		margin:0px;
		padding:0px;
		list-style: none;
	}
	#mobile-navigation ul li {
		margin:0 5%;
		border-bottom:1px solid #375b75;
		display: block; 
		text-align: left;
		font-size:14px;
		font-weight:400;
		float:none;
		text-transform:uppercase;
		position:relative;
	}
	#mobile-navigation ul li a {
		padding:10px 0px;
		color:#375b75;
		display:block;
		cursor:pointer;
		position:relative;
		font-family:Helvetica, Arial, sans-serif;
		font-weight:bold;
	}
	#mobile-navigation ul li a:hover, #mobile-navigation ul li.active a {
		color:#e6692a;
	}
	
	#mobile-navigation ul li a:hover::after,
	#mobile-navigation ul li a:focus::after {
		opacity: 0;
	}	
	#mobile-navigation .sub-dropdown {
		position: relative;
		top:0px;
		padding:0px;
		width:100%;
		display:none;
  		z-index: 1000;
		left:-10px;
		text-align:left;
	}
	#mobile-navigation .sub-dropdown .container {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
	#mobile-navigation .sub-dropdown ul.sub, #navigation .sub-dropdown ul.subsub {
		text-align:left;
		margin-top:0;
	}
	#mobile-navigation .sub-dropdown ul.sub li {
		display:block;
		text-align:left;
		width:100% !important;
		font-size:13px;
		padding:2px 0 10px 0;
		border-bottom: none;
		margin: 0 15px;
		float:none;
	}
	#mobile-navigation .sub-dropdown ul.sub li.separator {
		display:none;
	}
	#mobile-navigation .sub-dropdown ul.sub li a {
		display:block;
		padding:2px 10px;
		font-size:14px;
		color:#375b75 !important;
	}
	#mobile-navigation .sub-dropdown ul.sub li ul.subsub li a { padding:0px 10px; }
	#mobile-navigation .sub-dropdown ul.sub li#dd-map { display:none }
	#mobile-navigation .sub-dropdown ul.sub li ul.subsub li {
		padding:6px 10px 0 10px; 
	}
	#mobile-navigation ul li a:hover::after,
	#mobile-navigation ul li a:focus::after {
		opacity: 0;
	}
	#mobile-navigation ul li a::after {
		position: relative;
		display:none;
	}
	.nav {		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		background:url(../jpg/img_mobile_arrow_downtzfi.jpg) no-repeat right 15px;
	}
	.nav.dd-active {
		background:url(../jpg/img_mobile_arrow_upmory.jpg) no-repeat right 15px;
	}	
}

