* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.menu { max-width: 900px;
    float: right;
    width: 100%;
    float: right;
    margin-top: 3px;
    transition: all .8s;
    position: relative;
    z-index: 9999;
    height: 88px;
	padding-right: 20px;
}
	
.menu-link {
	display: none;
	float: right;
	text-decoration: none;
	padding: 19px 20px;
	
}
.menu > ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-block; float: right;
}

.menu > ul > li {
	float: left; display: inline-block; padding-bottom: 10px;
}

.menu > ul > li { 
	float: left; display: inline-block;line-height: 88px;
}
.menu > ul > li.haschild-menu { 
	padding-left: 50px;
    padding-right: 15px;
}
.menu > ul > li > a { 
	display: block; line-height: 88px; text-transform: uppercase;
    color: #000; font-size: 12px;  text-decoration: none;  font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif; cursor: pointer!important;
}
.menu > ul > li > a:hover { 
	color: #003867;
}

.menu > ul > li > a.button { 
	display: block; line-height: 18px; text-transform: uppercase; margin: 28px 0 0 20px; padding: 6px 15px 5px;
    color: #fff; font-size: 12px;  text-decoration: none;  font-weight: 700;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif; cursor: pointer!important;
}
.menu > ul > li > a.button:hover { 
    color: #fff;
}
.menu > ul > li > a:hover { 
	color: #003867;
}
.menu > ul > li > a.selected { 
	color: #003867;
}
.menu > ul > li > a { 
	min-height:30px;
	padding: 0px 8px;	
}

.menu > ul > li:hover > ul, .menu > ul > li:active > ul {
	display: block;
}

.menu > ul > li > ul {  position: absolute;  top: 83px;  width: 250px;  display: none;  opacity: 0;  background: #f3f3f3;  visibility: hidden;  padding:10px 5px;  
margin: 0; z-index: 9999; }
.menu > ul > li > ul > li { display: block;   color: #000;  padding: 5px 0;  margin: 0; width: 100%!important; line-height: 25px;}
.menu > ul > li > ul > li > a { text-decoration:none; text-transform: uppercase; font-size: 13px; line-height: 20px!important; font-family: 'Open Sans', sans-serif; font-weight:400; color:#333 !important;padding: 0px 10px 5px 10px;  } 

.menu > ul > li > ul > li:hover a{ color: #ef662f!important;  }
.menu > ul > li:hover > ul, .menu > ul > li:active > ul {  display: block;  opacity: 1;  visibility: visible;}
.menu > ul > li > ul li {background: #f3f3f3;}



@media screen and (max-width: 1024px){ /* tablet*/
.menu > ul > li > ul {top: 83px;  left: -40%;  width: 800px;}
}
@media screen and (max-width: 960px) {
	.menu > ul > li > a {line-height: 20px;}
}
@media screen and (max-width: 768px) {
.nav-container { max-width: 100%; position:relative; float:left; width: 100% !important; margin-top: -90px; margin-left: 0px; }  
    a.menu-link {
		display: block;
		color: #4e4e4e;
		/*background-color: #AE5C10;
		background-color: rgba(174, 92,16, 0.9);*/
	}
	.menu {
		width: 100%;
		margin: 100px auto 30px;
		clear: both;
		min-width: inherit;
		float: none;
		position: relative !important;
		margin-bottom: 20px;
		padding-right: 0px;
		/*margin-left: 0px !important;
		border-bottom: 1px solid #808080;*/
	}
	.menu, .menu > ul > ul {
		overflow: visible;
		max-height: 0;
		background-color: #fff;
		display: none;
		transition: all ease-in-out .5s;
	}
	.menu.active, .menu > ul > ul.active {
		max-height: 400px; overflow: visible; height: 300px; display: block;
	}
	.menu > ul {
		display: inline; width: 100%;
	}
	.menu > ul {
		/*border-top: 1px solid #808080; border-bottom: 1px solid #808080 !important;*/
	}
	.menu >ul >li:last-child {
		border-bottom: 1px solid #808080 !important;
	}
	.menu > li, .menu > ul > li {
		display: block; width: 100%; line-height: 30px; text-align: center;
		border-top: 1px solid #808080;
		border-left: 1px solid #808080;
		border-right: 1px solid #808080;
	}
	.menu > ul > li.haschild-menu { 
	padding-left: 0px;
    padding-right: 0px;
	}
	.menu > ul > li > a {
		color: #4e4e4e;
		display: block;
		padding: 10px 10px 0px 10px;
		text-align: center;
		position: relative;
		line-height: 30px!important;
		min-height: 30px;
	}
	.menu >li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.55em 0.5em;
	}
	.menu > li.has-submenu > a.active:after {
		content: "-";
	}
	
	.menu >ul >ul > li a {
		background: #f3f3f3;
		padding: 5px 10px 5px 10px;
		text-align: left;
	}
	.headerSearch {
		display: inline-block;
		margin: 18px auto 10px;
		width: 32%;
	}
	.menu ul li.basket-wrap {
		border-bottom: 1px solid #808080;
		height: 78px;
		width: 100%!important;
		display: block!important;
		vertical-align: middle;
		text-align: center;
		padding-top: 10px;
		padding-left: 0px;
		margin-top: 0px;
		position: relative;
	}
	.menu ul li.basket-wrap .basket-num-item a {
		display: block;
		margin: 0px auto!important;
		background: #ffae00;
		height: 22px;
		width: 22px;
		color: #fff;
		border-radius: 10px;
		font-size: 13px;
		font-weight: 500;
		line-height: 22px!important;
		position: relative;
		padding: 0px!important;
		margin-top: -10px!important;
		white-space: nowrap;
		margin-left: 5px!important;
	}
	
	.menu > ul > li > ul {  position: absolute;  top: 250px;  left: 0%;  width: 100%;  display: none;  opacity: 0;  background: #f3f3f3;  visibility: hidden;  padding:0px;  
margin: 0; z-index: 9999; display: none; }
	.menu > ul > li:hover > ul, .menu > ul > li:active > ul {  display: block;  opacity: 1;  visibility: visible;}
	.columns a { line-height: 20px;}
	
	.menu > ul > li > a { min-height: 30px; padding: 10px 10px 0px 10px;}
	
	.columns {width: 100%!important; margin-right: 25px; float:left!important; text-align: left; position: relative; }
	.by-flower-column {width: 100%!important;float:none!important; }
	.columns a {width: 25%; float: left; margin-right: 2%; }
	.menu > ul > li > a.button { margin: 15px 15px 10px 20px; padding: 6px 15px 5px; }
}


@media screen and (max-device-width:480px), screen and (max-width:480px) {
	.container { margin-top: -60px; }	
	.menu > ul > li > a.button { margin: 15px 15px 10px 20px; padding: 6px 15px 5px; }
}