header {
	position: fixed;
	width: 100%;
	top: 0px;
	background: #004d58;
	z-index: 3;
}
	
	header div.frame {
		max-width: 1200px;
		width: 98%;
		margin: 0 auto;
		box-sizing: border-box;
		display: table;
	}
	
	header div.logo, header nav, header div.phone, header div.menubut   {
		vertical-align: middle;
		display: table-cell;
	}
	
	header nav {
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	header div.phone, header div.menubut {
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
		
	
		header div.logo {
			font-family: "Pacifico", cursive;
			font-weight: 400;
			font-style: normal;
			color: #ffffff;
			font-size: 36px;
		}
			header div.logo span {
				font-size: 24px;
				color: #15dde9;
			}
			header div.logo a {
				color: inherit;
				text-decoration: none;
			}
			header div.logo a:hover {
				text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
			}
			
		header nav div.close{
			display: none;
		}
			
			header nav div.el {
				display: inline-block;
			}
				header nav div.el a {
					font-size: 20px;
					margin: 0px 10px 0px 10px;
					padding: 2px 0px 2px 0px;
					color: #ffffff;
					font-weight: 300;
					text-decoration: none;
					border-bottom: 1px solid rgba(255,255,255,0.8);
				}
				header nav div.el:hover a {
					color: #15dde9;
					border-bottom: 1px solid #ff4200;
					transition : border 200ms ease-out;
				}
				
			
			header nav div.el div.um {
				position: absolute;
				display: none;
				padding: 10px 30px 10px 30px;
				background: rgba(255,255,255,0.95);
				margin: 0px 0px 0px 0px;
				box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
				text-align: left;
			}
				
				header nav div.el a.um {
					padding: 2px 0px 2px 0px;
					background-position: 1px center;
					background-repeat: no-repeat;
					font-weight: 500;
					
				}
				
				
				header nav div.el div.um a {
					font-size: 16px;
					padding: 0px 1px 0px 1px; 
					color: #000000;
					border-bottom: 1px solid rgba(0,0,0,0.5);
					transition : border 200ms ease-out;
					font-weight: 400;
				}
				header nav div.el div.um a:hover {
					color: #004d58;
					border-bottom: 1px solid #ff4200;
				}
				header nav div.el div.um span {
					font-size: 14px; 
					font-weight: 300;
				}
				header nav div.el:hover div.um {
					display: block;
				}
				header nav div.el a.act, header nav div.el div.um a.act {
					border-bottom: 1px solid #ff4200;
				}
				
				
				
		header div.menubut {
			display: none;
		}

			header div.button div {
				display: inline-block;
				width: 60px;
				height: 64px;
				margin: 0px 0px 0px 10px;
				cursor: pointer;
				transition: background 0.2s ease;
				text-align: center;
			}
				header div.button div img {
					width: 40px;
					margin: 12px 0px 0px 0px;
					
				}
				header div.button div:hover {
					background-color: #15dde9;
				}
			
			
						
		header  div.flowphone button {
			color: #000000;
		}
			
			header div.button div.flowphone {
				position: absolute;
				display: none;
				padding: 40px 20px 20px 20px;
				min-width: 200px;
				min-height: 120px;
				margin: -60px 0px 0px -150px;
				opacity: 0;
				cursor: default;
				animation: ani 0.6s ease;
				border-radius: 0px;
				color: #000000;				
				background: rgba(255,255,255,0.95);
				box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
				width: auto;
				height: auto;
				font-size: 1vw;
				font-weight: 300;
			}
			header div.search div.flowphone {
				height: auto;
				min-height: auto;
				margin: -60px 0px 0px -48vw;
				padding: 25px 20px 20px 20px;
			}
				header div.search td {
					vertical-align: middle;
				}
				
				
				header div.search div.flowphone input {
					width: 42vw;
					font-weight: 400;
					font-size: 2.4vw;
					font-family: 'Bitter', sans-serif;
				}
					
						
						
				header div.button:hover div.flowphone {
					display: block;
					opacity: 1;			
					white-space: nowrap;
				}
				
				header div.button:hover div.flowphone a.phone {
					font-size: 1.6vw;
					font-weight: 700;
					color: #000000;
					text-decoration: none;
					border-bottom: 1px dotted #303030;
				}
					header div.button:hover div.flowphone a.min {
						font-size: 1.4vw;
						font-weight: 500;
					}
					
				header div.button:hover div.flowphone a.phone:hover {
					color: #004d58;
					border-bottom: 1px dotted #15dde9;
				}
				
					header div.button:hover div.flowphone span {
						display: inline-block;
						font-weight: 300;
						padding: 5px 0px 0px 0px;
					}
					
				header div.button:hover div.flowphone button {
					font-size: 1.2vw;
					margin: 15px 0px 0px 0px;
					font-family: 'Bitter', sans-serif;
					border: 1px solid #606066;
					background: #f0f0f6;
					cursor: pointer;
					padding: 0.25vw 0.4vw 0.2vw 0.4vw;
					text-shadow: 0px 1px 0px #ffffff;
					box-shadow: 0px 0px 2px rgba(255,255,255,0.3);
					text-transform: uppercase;
					font-weight: 600;
				}
				header div.button:hover div.flowphone button:hover {
					background: #e0e0e6;
					color: #000000;
				}
				
			#bigsearch {
				margin: 0px;
				font-size: 1.4vw;
				padding: 0.9vw 10px 0.8vw 10px;
			}
					
				
@keyframes ani {  0% {opacity: 0;} 100% {opacity: 1;} }			

@media screen and (max-width: 1350px) {
	header div.button div.flowphone {
		right: 10px;
	}
	header div.search div.flowphone {
		right: 80px;
		padding: 25px 20px 20px 20px;
	}
	header div.search div.flowphone input {
		font-size: 28px;
		font-weight: 500;
	}
	#bigsearch {
		font-size: 18px;
		padding: 6px 10px 5px 10px;
	}
}

@media screen and (max-width: 1000px) {
	header div.menubut {
		display: table-cell;
		width: 100px;
	}
	header div.phone {
		width: 100px;
	}
	
	header nav {
		display: none;
		animation: ani 0.5s forwards;
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 10;
		top: 0px;
		left: 0px;
		padding: 0px;
		overflow: auto;
		text-align: left;
	}
	
	header nav div.menu {
		display: table;
		width: 100%;
		height: 100%;
	}
	
		header nav div.el {
			display: block;
			margin: 20px 0px 20px 20%;
		}
			header nav div.el a {
				font-size: 18px;
				margin: 0px 4px 0px 4px;
				color: #000000;
				border-bottom: 1px solid rgba(0,0,0,0.5);
			}
				header nav div.el a:hover {
					color: #004d58;
				}
				header nav div.el:hover a {
					color: #004d58;
				}
				
			header nav div.el div.um {
				position: relative;
				display: block;
				padding: 10px 0px 0px 20px;
				box-shadow: none;
				background: none;
			}
				header nav div.el div.um a {
					margin: 0px 0px 10px 0px;
					display: inline-block;
				}
				
		header nav div.close {
			display: table-cell;
			width: 20%;
			background: rgba(0,0,0,0.5);
		}
		
		header nav div.links  div.close {
			text-align: right;
			background: none;
			display: block;
			width: 100%;
			box-sizing: border-box;
			
		}
		header nav div.links  div.close div {
			text-align: center;
			background-color: #aa3014;
		}
			
			header nav div.links  div.close div:hover {
				background-color: #992510;
			
			}
			
			
		header nav div.links {
			display: table-cell;
			background: rgba(255,255,255,0.95);
			box-shadow: -10px 0px 10px rgba(0,0,0,0.3);
			padding: 0px 10px 0px 0px;
		}
		
		header div.button div.flowphone {
			font-size: 12px;
			padding: 40px 10px 20px 10px; 
			text-align: center;
		}
		
		header div.search div.flowphone {
			padding: 25px 20px 20px 20px;
		}
		header div.button:hover div.flowphone a.phone {
			font-size: 20px;
		}
		header div.button:hover div.flowphone button {
			font-size: 14px;
			padding: 2px 10px 2px 10px;
		}
		
		
		
}



@media screen and (max-width: 821px) {
	
	header div.logo {
		font-size: 24px;
	}
		header div.logo span {
			font-size: 18px;
		}
	
	header div.menubut {
		width: 70px;
	}
	header div.phone {
		width: 70px;
	}
	header nav div.links div.close {
	}
	header div.button div {
		display: inline-block;
		width: 40px;
		height: 42px;
		margin: 0px 0px 0px 0px;
	}
		header div.button div img {
			width: 30px;
			margin: 6px 0px 0px 0px;
			
		}
	header div.search div.flowphone {
		right: 10vw;
		padding: 35px 10px 15px 10px;
	}
	header div.search div.flowphone input {
		font-size: 22px;
	}
	#bigsearch {
		font-size: 16px;
		padding: 6px 10px 5px 10px;
	}

		
}