.megamenu{margin-bottom:10px;padding:0;width:100%;list-style:none;display:inline-block;position:relative;font-family: 'Open Sans', sans-serif;font-size:15px}
.megamenu li{margin-bottom:0px;display:inline;}
.megamenu>li>a{float: left;
padding: 0.6em 4.98em;
text-decoration: none;
background:#f83cb8;
color: #fff !important;
text-transform: capitalize;
font-size: 1em;border-radius:10px 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: 400;
text-transform: uppercase;
}
.men{position:relative;}
.men-pic{
	position: absolute;
	bottom: -24em;
	border: none;
	right: -28em;
}
.women{position:relative;}
.women-pic{
	position: absolute;
	bottom: -26em;
	border: none;
	right: -3em;
}
.kids{position:relative;}
.kids-pic{
	position: absolute;
	bottom: -25em;
	border: none;
	right: -39em;
}
.sports{position:relative;}
.sports-pic{
	position: absolute;
	bottom: -28em;
	border: none;
	right: -27em;
}
.nike{position:relative;}
.nike-pic{
	position: absolute;
	bottom: -26em;
	border: none;
	right: -16em;
}
.megamenu>li.active>a{color:#08080B;}
.megamenu>li.right{float:right}
.megamenu .dropdown,.megamenu .dropdown li .dropdown{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:999;width:160px;border:solid 1px rgba(0,0,0,0.1);background:#fff}
.megamenu .dropdown{top:59px}
.megamenu .dropdown li .dropdown{left:160px;top:inherit}
.megamenu .dropdown li{clear:both;width:100%;border-bottom:solid 1px rgba(0,0,0,0.1)}
.megamenu .dropdown li:last-child{border-bottom:0}
.megamenu .dropdown li a{float:left;width:100%;padding:10px 25px;text-decoration:none;display:block;border:0 none;font-size:14px;color:#444;background:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out}
.megamenu .dropdown li:hover>a{background:#dbdbdb}
.megamenu>li>.megapanel{position: absolute;
display: none;
border: 1px solid #eee;
background: rgba(253, 253, 253, 1);
width: 100.2%;
top: 39px;
left: -1px;
z-index: 99;
padding: 20px 30px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.megamenu .megapanel ul{margin:0;padding:0}
.megamenu .megapanel img{cursor:pointer;-webkit-transition:border .3s linear;-moz-transition:border .3s linear;-o-transition:border .3s linear;transition:border .3s linear}
.megamenu .megapanel img:hover{}
.megamenu form.contact input,.megamenu form.contact textarea{font-family: 'Open Sans', sans-serif;font-size:16px;color:#444;outline:0}
.megapanel .row{width:100%;margin-top:15px}
.megapanel .row:first-child{margin-top:0}
.megapanel .row:before,.megapanel .row:after{display:table;content:"";line-height:0}
.megapanel .row:after{clear:both}
.megapanel .row .col1,.megapanel .row .col2,.megapanel .row .col3,.megapanel .row .col4,.megapanel .row .col5,.megapanel .row .col6{display:block;width:100%;min-height:20px;float:left;margin-left:2.127659574468085%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.megapanel .row [class*="col"]:first-child{margin-left:0}
.megapanel .row .col1{width:auto;}
.megapanel .row .col2{width:31.914893617021278%}
.megapanel .row .col3{width:48.93617021276595%}
.megapanel .row .col4{width:65.95744680851064%}
.megapanel .row .col5{width:82.97872340425532%}
.megapanel .row .col6{width:100%}

.megamenu>li.showhide span.title{margin:15px 0 0 25px;float:left}.megamenu>li.showhide span.icon1:after{position:absolute;content:"";right:25px;top:15px;height:3px;width:25px;font-size:50px;border-top:3px solid #333;border-bottom:3px solid #333;z-index:1}
.megamenu>li.showhide span.icon2:after{position:absolute;content:"";right:25px;top:27px;height:3px;width:25px;font-size:50px;border-top:3px solid #333;border-bottom:3px solid #333;z-index:1}
.skyblue,.skyblue>li.showhide{
}
	
.skyblue li>a,.skyblue>li.showhide span{color: #08080B;}
.skyblue>li:hover>a,.skyblue .dropdown li:hover>a{color:#555; background:#5fc146;}.
skyblue .megapanel img:hover,.skyblue form.contact input[type="text"]:focus,.skyblue form.contact textarea:focus{}
.skyblue form.contact input[type="submit"]{background:#00405d;text-transform:uppercase;}
@media(max-width:1024px){
	.megamenu>li>a {
		padding: 8px 43px;
	}
}
@media(max-width:800px){
	.megamenu>li>a {
		font-size: 1em;
		padding: 8px 20px;
	}
}
@media(max-width:768px){
	.megamenu>li{display:block;width:100%;border-bottom:solid 1px rgba(0,0,0,0.1);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu>li:hover,.megamenu>li.active{border-top:0}
	.megamenu>li>a{padding: 10px 20px;}
	.megamenu>li:hover>a,.megamenu>li.active>a{padding: 10px 15px;}
	.megamenu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu .dropdown,.megamenu .dropdown li .dropdown{width:100%;display:none;left:0;border-left:0;position:static;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu .dropdown li{background:#fff!important;border:0}
	.megamenu .dropdown>li>a{}
	.megamenu>li>.megapanel{position:static;margin-top:50px}
	.megapanel .row [class*="col"]{float:none;display:block;width:100%;margin-left:0;margin-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.megapanel .row:first-child [class*="col"]:first-child{margin-top:0}
	.megapanel .row{margin-top:0}.black{background:#222}
	}
/* start megamenu colors */
.skyblue li a.color1:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color2:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color3:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color4:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color5:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color6:hover{
	background:#00689B;
	color: #ffffff;
}
.skyblue li a.color7:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color8:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color9:hover{
	background:#5fc146;
	color: #ffffff;
}
.skyblue li a.color10:hover{
	background:#5fc146;
	color: #ffffff;
}	
/* start menu */
.h_nav h4{
	border-bottom: 1px solid rgb(236, 236, 236);
	font-size: 0.9em;
	color: #08080B;
	line-height: 1.8em;
	text-transform: capitalize;
	margin-bottom: 4%;
	text-transform: uppercase;
}
.h_nav h4.top{
	margin-top: 12%;
}
.h_nav ul li{
	display: block;
}
.h_nav ul li a{
	display: block;
	font-size: 0.875em;
	color: #A5A5A5;
	text-transform: capitalize;
	line-height: 1.8em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: 100;
}
.h_nav ul li a:hover{
	color:#F06B6B;
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.men-pic {
		right: -25em;
	}
	.kids-pic {
		right: -35em;
	}
	.sports-pic {
		right: -25em;
	}
	.nike-pic {
		right: -15em;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.men-pic {
		right: -20em;
	}
	.kids-pic {
		right: -29em;
	}
	.sports-pic {
		right: -20em;
	}
	.nike-pic {
		right: -12em;
	}
}
@media only screen and (max-width: 768px) and (min-width: 640px) {
	.men-pic {
		display:none;
	}
	.kids-pic {
		display:none;
	}
	.sports-pic {
		display:none;
	}
	.nike-pic {
		display:none;
	}
	.megamenu>li>.megapanel {
		margin-top: 0px !important;
	}
}
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.men-pic {
		display:none;
	}
	.kids-pic {
		display:none;
	}
	.sports-pic {
		display:none;
	}
	.nike-pic {
		display:none;
	}
	.megamenu>li>.megapanel {
		margin-top: 0px !important;
	}
	
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
	.men-pic {
		display:none;
	}
	.kids-pic {
		display:none;
	}
	.sports-pic {
		display:none;
	}
	.nike-pic {
		display:none;
	}
	.megamenu>li.showhide {
		height: 40px;
	}
	.megamenu>li.showhide span.title {
		margin: 11px 0 0 13px;
	}
	.megamenu>li.showhide span.icon1:after {
		right: 15px;
		top: 11px;
	}
	.megamenu>li.showhide span.icon2:after{
		top: 23px;
		right: 15px;
	}
	.megamenu>li>.megapanel {
		margin-top: 0px !important;
	}
}
@media only screen and (max-width: 320px) and (min-width: 240px) {
	.men-pic {
		display:none;
	}
	.kids-pic {
		display:none;
	}
	.sports-pic {
		display:none;
	}
	.nike-pic {
		display:none;
	}
	.megamenu>li.showhide {
		height: 40px;
	}
	.megamenu>li.showhide span.title {
		margin: 11px 0 0 13px;
	}
	.megamenu>li.showhide span.icon1:after {
		right: 15px;
		top: 11px;
	}
	.megamenu>li.showhide span.icon2:after{
		top: 23px;
		right: 15px;
	}
	.megamenu>li>.megapanel {
		margin-top: 0px !important;
	}
}
