/* Setting things up */
/*html, body, #page {
	height: 100%;
}*/

.closemenu {
	background-color: #eeeeee;
	height: 67px;
	position: relative;
	width: 100%;
}

.closemenu i {
	line-height: 80px;
}

.closemenu a.open-panel.close span {
    color: #e74b83;
    position: absolute;
    top: 20px;
    left: 75px;
}

#navigation img {
	display: none;
}

#navigation #mainmenu ul {
	margin: 20px 0 10px;
}

#navigation #mainmenu ul li {
	display: block;
	list-style: none;
}

#navigation #mainmenu ul li a {
    color: #707173;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 8px 40px;
    text-align: left;
    text-decoration: none;
}

#navigation #mainmenu ul li.shoplink i.fa {
    position: absolute;
    right: 40px;
    margin: 5px 0 0;
}


#navigation #mainmenu ul li.active a,
#navigation #mainmenu ul li a:hover {
	color: #fff;

}

#navigation #mainmenu ul li.active a,
#navigation #mainmenu ul li a:hover,
#navigation #mainmenu ul li.shoplink a:hover i.fa {
	color: #e74b83;
}

#navigation #mainmenu ul li.shoplink a {
	font-weight: bold;
	color: #cbdb2a;
}

#navigation #mainmenu ul li.shoplink a i.fa {
	color: #cbdb2a;	
}

#navigation #mainmenu ul.second {
	margin-top: 0;
}

#navigation #mainmenu ul.second .last{
	padding-bottom: 5px;
}

#navigation #mainmenu ul li ul {
	display: none;
}

#navigation #mainmenu ul li.active ul {
	display: block;
}

#navigation #mainmenu ul li ul li {
	background-color: #fff;
}

#navigation #mainmenu ul li ul li a {
	padding-left: 30px;
}

#navigation #mainmenu ul li ul li ul li a:before {
	font-size: 6px;
}

#navigation #mainmenu ul li ul li ul li a {
	font-size: 12px;
	line-height: 15px;
}

#navigation #mainmenu ul li.active ul li a {
	background-color: #676d6a;
	color: #fff;
}

#navigation #mainmenu ul li.active ul li.active a {
	background-color: #fff;
	color: #676d6a;
}

#navigation #mainmenu ul li ul li ul {
		padding: 15px 0;
}

#navigation #mainmenu ul li ul li ul li a {
	border: medium none;
	font-weight: 600;
	padding: 5px 20px 2px 40px;
	position: relative;
}

#navigation #mainmenu ul li.active ul li ul li a,
#navigation #mainmenu ul li.active ul li.active ul li a {
	color: #676d6a;
}

#navigation #mainmenu ul li.active ul li.active ul li.active a,
#navigation #mainmenu ul li.active ul li.active ul li a:hover {
	color: #e74b83;
}

#navigation #mainmenu ul li ul li ul li a:before {
	content: "\e825";
	font-family: "wt";
    font-size: 6px;
    left: 31px;
    margin: 0 8px 0 0;
    position: absolute;
    top: 4px;
}

#navigation #mainmenu ul li ul li ul li a:before {
	color: #e74b83;
}

#topLine {
	padding: 20px;
    position: fixed;
    text-align: right;
    z-index: 2;
    top: 0;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#topLine .shoplinkSmart {
    display: none;
}

#logo {
    display: inline-block;
    top: 0;
    position: relative;
    margin: 0 0 0 80px;
}

#logo img {
	background: #fff;
    margin: 0px 30px 0 0;
    padding: 10px;
    width: 230px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.stick #topLine {
    background: #fff;
}

.stick #logo img {
    background: #fff;
    margin: -10px 0 -18px 0;
    padding: 0;
    width: 140px;
}

@media (max-width: 767px) {
	#logo img {
	    margin: -10px 0 -18px 0;
	    width: 140px;
	}
}

.bars {
}

.bars:before {
	content: "";
	top: -10px;
}

.bars:after {
	content: "";
	bottom: -7px;
}

.bars,
.bars:before,
.bars:after {
	background-color: #e74b83;
	display: block;
	height: 3px;
	width: 43px;
	position: relative;
}

a.open-panel, a.close-panel {
	/*display: none;*/
	z-index: 99999999999999;
}


a.open-panel.open {
    margin-left: 17px;
}

a.open-panel {
    position: absolute;
    left: 0;
    height: 100%;
    width: 153px;
    color: #fff;
    text-align: center;
}

a.open-panel.close {
    width: 100%;
    padding: 0;
}

a.open-panel.close i {
    margin: 30px 0 0 17px;
}

a.open-panel i {
    font-size: 47px;
    margin-top: 10px;
}

a.open-panel.open i,
a.open-panel.open span {
    color: #e74b83;
}

a.open-panel.close i,
a.open-panel.close span {
    color: #fff;
}

a.open-panel span {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    /*text-transform: uppercase;*/
    top: -14px;
    position: relative;
}

ul#info li a:before {
    padding-right: 5px;
    font-size: 15px;
    width: 20px;
    display: inline-block;
    text-align: left;
}
/*@media only screen and (max-width: 55em) {*/
/*@media only screen and (min-width: 501px) {*/
	html {
		/*background-color: #e8eae9;*/
	}

	#headerWrap,
	#contentWrap,
	#borderlineWrap,
	# {
		border-left: 1px solid #ddd;
	}
	#content {
		padding-top: 0;
	}
		
	 /* Move nav off screen, setup transitions */
	nav#navigation {
	    width: 380px;
	    position: fixed;
	    left: -380px;
	    top: 0;
	    height: 100%;
	    background: #fff;
	    box-shadow: 0 0 20px rgba(0,0,0,0.5);
	    z-index: 3;
	}
		
	/* Display nav items vertically */
	ul.menu {
		border-top: 1px solid #888;
		
		li {
			float: none;
			width: 100%;
			text-align: left;
			padding: .5em 1em;
			box-sizing: border-box;
			border-bottom: 1px solid #888;
		}
	}
		
	/* Reveal open/close buttons */
	a.open-panel, a.close-panel {
		display: inline;
		z-index: 3;
		text-align: center;
	}

	#mainmenu, #infomenu {
		/*display: none;*/
	}

	.close-panel {
		position: relative;
		top: .5em;
		left: 1em;
	}

	.openNav #navigation {
		left: -380px;
		-webkit-transform: translate3d(380px, 0, 0);
		-moz-transform: translate3d(380px, 0, 0);
		-ms-transform: translate3d(380px, 0, 0);
		-o-transform: translate3d(380px, 0, 0);
		transform: translate3d(380px, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	div#mainmenu {
		display: none;
	}

	.openNav div#mainmenu {
	    display: block;
	    padding: 30px 0 0;
	}

	/* When the panel is closed, transition the page back to the left */
	#page {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
/*}*/




@media(max-width: 500px) {

	nav#navigation {
	    width: 70%;
	    left: -70%;
	}

	.openNav #navigation {
		left: -70%;
		-webkit-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

}

@media(max-width: 500px) {
	/*nav#navigation {
	    left: -70%;
	    width: 70%;
	    position: fixed;
	    height: 100%;
	}
	.openNav #page {
		-webkit-transform: translate3d(70%, 0, 0);
		-moz-transform: translate3d(70%, 0, 0);
		-ms-transform: translate3d(70%, 0, 0);
		-o-transform: translate3d(70%, 0, 0);
		transform: translate3d(70%, 0, 0);
	}*/
}

#footerOffMenu {
    bottom: 18px;
    left: 0;
    position: absolute;
    right: 0;
}

#footerOffMenu ul {
    position: relative;
    text-align: center;
}

#footerOffMenu ul li {
    display: inline-block;
    font-size: 0.8em;
}

#footerOffMenu ul li a {
	color: #e74b83;
	padding: 0 10px;
}

#footerOffMenu ul li:first-child a {
	padding-left: 0;
}