/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/
*,
*:after,
*:before {
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.wrapper {
	max-width:1222px;
	width:100%;
	margin:0 auto;
	position:relative;
	
	z-index:2;
}
.main {
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	
}



/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
}
.nav-list {
	text-align:left;
	background:url(../image/bg_menu_768.jpg) repeat-x;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float:left;
}

.nav-item{
	float:left;
	zoom:1;
	position:relative;
	width: 25%;
}

.nav-list > li:nth-child(1), 	.nav-list > li:nth-child(2),
	.nav-list > li:nth-child(3),.nav-list > li:nth-child(4), .nav-list > li:last-child{
		/*display: none;*/
	}



.nav-submenu li.nav-submenu-item a{
	display:block;
	color:#3e3e3e;
	padding:15px 10px !important;
	background:#dfdfdf;
	border:1px solid #c5c5c5;
	font-size:14px;
	font-family:'a_futuraroundbold';
	/*height:auto;*/
}




.nav-item-contacts > a:hover,
.nav-item-shares > a:hover,
.nav-item-pay > a:hover,
.nav-item-delivery > a:hover,
.nav-item-about > a:hover,
.nav-item-registration > a:hover,
.nav-item-enter > a:hover,
.nav-item > a:hover {
	background:#fff;
}
.nav-item:hover .nav-submenu {
	display:block;
}
li.nav-item-enter ul li a:hover{
	background:#fff;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
	z-index:10;
}



.nav-submenu-item a{
	background:#dfdfdf;
	border:1px solid #c5c5c5;
	display:block;
	padding:15px 15px 15px 25px !important;
}

.nav-submenu-item a:hover {
	background:#fff;
}

.nav-submenu-item a{
    display:block;
    color:#fff;
    padding:15px 20px 0 20px !important;
    background:url(../image/bg_menu_768_hover.jpg) repeat-x;
    font-size:14px;
    font-family:font-family: 'a_futuraroundbold';
    height:54px;
}


.nav-submenu-item{
	width:100%;
	float:none;
}



	/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	background:url(../image/nav.png) no-repeat ;
	height:48px;
	width:48px;
	float:left;
	margin:-85px 0px 0px 0px;
	z-index:4;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #c5c5c5;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../image/drop.png) no-repeat center center;
}
.nav-click:hover {
	background-color:#fff;
	border-left:1px solid #c5c5c5;
	height:47px;
	border-right:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/




@media only screen and (min-width: 769px) and (max-width: 10000px) {
	.nav-item-enter,
	.nav-item-about,
	.nav-item-delivery,
	.nav-item-pay,
	.nav-item-shares,
	.nav-item-contacts{
		display:none;
	}
	.nav {
		width:100%;
		
	}
	.nav-list ul{
		width:100%;
}
.nav-list li{
    float:left;
    text-align: center;
}

	.nav-item a{
		display:block;
		color:#fff;
		text-align:center !important;
		font-size:14px;
		font-family:'a_futuraroundbold';
		height:54px;
		border:none !important;
		white-space: normal;
		padding:15px 16px 0 16px;
	}
	.nav-item a:hover{
		display:block;
		color:#fff;
		padding:15px 16px 0 16px;
		background:url(../image/bg_menu_768_hover.jpg) repeat-x;
		font-size:14px;
		font-family: 'a_futuraroundbold';
		/*height:54px*/
	}

	.nav-list > li.nav-item:nth-child(4) > a, .nav-list > li.nav-item:nth-child(4) > a:hover{
		padding-left:22px;
	}

	.nav-list > li.nav-item:nth-last-child(1) > a, .nav-list > li.nav-item:nth-last-child(1) > a:hover{
		padding-right:22px;
	}


	ul.nav-submenu{
		border-right:1px solid #fff;
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
		border-radius: 0px 0px 7px 7px;
		box-shadow: 0px 8px 14px -4px #000000
	}




	li.nav-submenu-item a{
		 background:#fff !important;
		display:block;
		padding:10px 15px 15px 15px !important;
		color:#0056d7 !important;
		text-align: center !important;
		height:35px;
	}
	li.nav-submenu-item a:hover{
        background:#eaeaea !important;
		color:#0056d7;
	}
	li.nav-item a:hover{
		box-shadow: 0px 8px 14px -4px #000000;
	}
	
	li.nav-item ul.nav-submenu li.nav-submenu-item{
		border-radius: 0px 0px 0px 0px;
		border:none;
		background:#fff;
	}
	ul.nav-submenu li.nav-submenu-item{
		border-radius: 0px 0px 0px 0px;
	}
	div.nav-item-8 li.nav-item a{
		border-radius: 0px 0px 0px 5px;
	}
	div.nav-item-6 li.nav-item a{
		border-radius: 0px 0px 5px 0px;
	}
	li.nav-submenu-item a:hover{
		box-shadow: 0px 0px 0px 0px #000000;
	}

	.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	/*width:245px !important;*/
	}
	.nav-submenu-item a{
	background:#fff;
	display:block;
	padding:10px 15px 15px 15px !important;
	color:#0056d7;
    text-align: center !important;
	}
	.nav-submenu-item a:hover {
	background:#eaeaea;
	padding:10px 15px 15px 15px !important;
	color:#0056d7;
	}

    ul.nav-submenu:hover + a{
        background:url(../image/bg_menu_768_hover.jpg) repeat-x;
    }



}

@media only screen and (min-width: 768px) and (max-width: 1214px) {

	.nav-item a{
		display:block;
		color:#fff;
		text-align:center !important;
		font-size:13px;
		font-family:'a_futuraroundbold';
		height:54px;
		border:none !important;
		white-space: normal;
		padding:15px 7px 0 7px;
	}

}
@media only screen and (min-width: 900px) and (max-width: 1920px) {
	.nav-item-6 .nav-submenu{
		left:-125px; 
	}
	.nav-item-8 .nav-item a{
		padding:10px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:10px 0px 0px 0px !important;
	}
	.nav-item-5 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-5 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-5 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 11%;
	}
	.nav-item-2{
		width: 12%;
	}
	.nav-item-3{
		width: 12%;
	}
	.nav-item-4{ 
		width: 13%;
	}
	.nav-item-5{
		width: 23%;
	}
	.nav-item-6{
		width: 13%;
	}
	.nav-item-7{
		width: 12%;
	}
	.nav-item-8{
		width: 16%;
	}
}
@media only screen and (min-width: 939px) and (max-width: 1920px) {

	.nav-list > li:nth-child(1), 	.nav-list > li:nth-child(2),
	.nav-list > li:nth-child(3),.nav-list > li:nth-child(4), .nav-list > li:last-child{
		display: none;
	}


	.nav-item-8 .nav-submenu{
		left:-0px; 
	}
	.nav-item-6 .nav-submenu{
		left:-135px; 
	}
	
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-4 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-4 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-4 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 11%;
	}
	.nav-item-2{
		width: 11%;
	}
	.nav-item-3{
		width: 11%;
	}
	.nav-item-4{
		width: 16%;
	}
	.nav-item-5{
		width: 21%;
	}
	.nav-item-6{
		width: 11%;
	}
	.nav-item-7{
		width: 11%;
	}
	.nav-item-8{
		width: 19%;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
	.nav-item-6 .nav-submenu{
		left:-105px;
	}
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 11%;
	}
	.nav-item-2{
		width: 10%;
	}
	.nav-item-3{
		width: 11%;
	}
	.nav-item-4{
		width: 16%;
	}
	.nav-item-5{
		width: 20%;
	}
	.nav-item-6{
		width: 13%;
	}
	.nav-item-7{
		width: 11%;
	}
	.nav-item-8{
		width: 19%;
	}
}
@media only screen and (min-width: 1082px) and (max-width: 1920px) {
	.nav-item-6 .nav-submenu{
		left:-90px;
	}
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-7 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-7 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-7 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 11%;
	}
	.nav-item-2{
		width: 10%;
	}
	.nav-item-3{
		width: 11%;
	}
	.nav-item-4{
		width: 16%;
	}
	.nav-item-5{
		width: 19%;
	}
	.nav-item-6{
		width: 14%;
	}
	.nav-item-7{
		width: 13%;
	}
	.nav-item-8{
		width: 19%; 
	}
}
@media only screen and (min-width: 1128px) and (max-width: 1920px) {
	.nav-item-6 .nav-submenu{
		left:-50px;
	}
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-3 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-3 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-3 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 11%;
	}
	.nav-item-2{
		width: 10%;
	}
	.nav-item-3{
		width: 14%;
	}
	.nav-item-4{ 
		width: 15%;
	}
	.nav-item-5{
		width: 19%;
	}
	.nav-item-6{
		width: 13%;
	}
	.nav-item-7{
		width: 13%;
	}
	.nav-item-8{
		width: 18%;
	}
}
@media only screen and (min-width: 1146px) and (max-width: 1920px) {
	.nav-item-8 .nav-submenu{
		left:0px;
	}
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-6 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-1 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-1 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-1 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-6 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 14%;
	}
	.nav-item-2{
		width: 10%;
	}
	.nav-item-3{
		width: 13%;
	}
	.nav-item-4{
		width: 13%;
	}
	.nav-item-5{
		width: 17%;
	}
	.nav-item-6{
		width: 16%;
	}
	.nav-item-7{
		width: 13%;
	}
	.nav-item-8{ 
		width: 17%; 
	}
}

@media only screen and (min-width: 1170px) and (max-width: 1920px) {

	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-2 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-2 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-2 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-8 li.nav-item ul.nav-submenu li.nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 13%;
	}
	.nav-item-2{
		width: 12%;
	}
	.nav-item-3{
		width: 13%;
	}
	.nav-item-4{
		width: 13%;
	}
	.nav-item-5{
		width: 17%;
	}
	.nav-item-6{
		width: 16%;
	}
	.nav-item-7{
		width: 12%;
	}
	.nav-item-8{
		width: 16%;
	}
}

@media only screen and (min-width: 1239px) and (max-width: 1920px) {
	.nav-item-7 .nav-submenu{
		left:-13px;
	}
	
	.nav-item-8 .nav-submenu{
		left:0px;
	}
	.nav-item-8 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-8 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-6 .nav-item a{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-6 .nav-item a:hover{
		padding:16px 0px 0px 0px !important;
	}
	.nav-item-6 .nav-item .nav-submenu-item a{
		padding:10px 15px 15px 15px !important;
	}
	.nav-item-1{
		width: 13%;
	}
	.nav-item-2{
		width: 12%;
	}
	.nav-item-3{
		width: 13%;
	}
	.nav-item-4{
		width: 13%;
	}
	.nav-item-5{
		width: 17%;
	}
	.nav-item-6{
		width: 16%;
	}
	.nav-item-7{
		width: 12%;
	}
	.nav-item-8{
		width: 16%;
	}
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
	.nav-mobile {
		display:block;
		float:left;
		z-index:99;
		position:absolute; 
	}

	.nav-list{
		float:none;
	}

	.nav-item-contacts a,
	.nav-item-shares a,
	.nav-item-pay a,
	.nav-item-delivery a,
	.nav-item-about a,
	.nav-item-registration a,
	.nav-item-enter a,
	.nav-item a{
		display:block;
		color:#3e3e3e;
		padding:15px 10px !important;
		background:#f2f2f2;
		border:1px solid #c5c5c5;
		font-size:14px;
		/*! font-family:font-family: 'a_futuraroundbold'; */
		height:48px;
	}
	.nav {
		width:100%;
		padding:0px 0px 0px 0px;
		margin:16px 0px 0px 0px;
		
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}

	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}
@media screen and (min-width:769px) {

.nav-list {

display: block !important;
width: 100%;
}

}