/**

 * @copyright	Copyright (c) 2013 Skyline (http://extstore.com). All rights reserved.

 * @license		GNU General Public License version 2 or later; see LICENSE.txt

 */



@import "https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic";

@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700";



ul.dropdown_css3 {

	border-radius: 3px;

	width: 100%;

	margin: 0; /* all lists */

}



.dropdown_css3 ul {

	margin: 0; /* all lists */

	padding: 0;

}



.dropdown_css3 > li:first-child {

	margin-left: 10px;

}



.dropdown_css3 li {

	margin: 0; /* all list items */

	float: left;

	display: block;

	cursor: pointer;

	list-style: none;

	position: relative;

	text-align: left;

}



.dropdown_css3-container .menubar,

.dropdown_css3 li a {

	



	display: block;

	text-decoration: none;

	/*font-size: 16px;*/

	padding: 12px 25px;

	/*text-transform: none;*/

	text-transform:uppercase;



	transition: background-color 200ms linear;

	-moz-transition: background-color 200ms linear;

	-o-transition: background-color 200ms linear;

	-webkit-transition: background-color 200ms linear;

}



.dropdown_css3 > li > a:hover,

.dropdown_css3 > li:hover > a,

.dropdown_css3 > li.active > a {

	/*box-shadow: 2px 0 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0 10px -5px rgba(0, 0, 0, 0.6) inset;*/

}



.dropdown_css3 li ul li.deeper > a > span {

	display: block;

	/*background: url(../images/arrow.gif) no-repeat right;*/

}



.dropdown_css3 li ul li.deeper > a:hover > span,

.dropdown_css3 li ul li.active.deeper > a > span,

.dropdown_css3 li ul li.sfhover.deeper > a > span {

	background: url(../images/arrow_hover.gif) no-repeat right;

}



.dropdown_css3 li ul ul {

	top: 0;

	left: 0;

	margin: 0;

}



/* 2nd level and above */



.dropdown_css3 li ul {

	background: #FFFFFF;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);

	width: 16.4em;

	position: absolute; /* second-level lists */

	z-index: 99;

	padding: 10px 0;

	-webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;

	-moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;

	-o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;

	transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;

	visibility: hidden;

	opacity: 0;

	margin: 0;

	top: 130%;

}



.dropdown_css3 li ul li {

	float: none;

    margin: 0 0 1px;

    min-width: 204px;

    padding: 0;

	height: auto;

	border-collapse: collapse;

}



.dropdown_css3 li ul li:first-child {

	border: none;

}



.dropdown_css3 li ul li a {

	font-family: Tahoma, Verdana, sans-serif;

	font-size: 13px;

	color: #666666;

	white-space: normal;

	background: none;

	text-shadow: none;

	padding: 8px 8px 8px 15px;



	transition: background-color 50ms linear;

	-moz-transition: background-color 50ms linear;

	-o-transition: background-color 50ms linear;

	-webkit-transition: background-color 50ms linear;

}



.dropdown_css3 li:hover > ul,

.dropdown_css3 li.sfhover > ul {

	opacity: 1;

    visibility: visible;

	top: 100%;

}



.dropdown_css3 li > ul > li:hover > ul {

	left: 0;

	opacity: 1;

	visibility: visible;

	    top: auto;

       margin-left: -95%;

    margin-top: -27px;

}



}



.dropdown_css3 li ul li.active a,

.dropdown_css3 li ul li.active li.active a,

.dropdown_css3 li ul li.active li.active li.active a,

.dropdown_css3 li ul li.active li.active li.active li.active a {

	font-weight: normal !important;

}



.dropdown_css3-container .menubar,

.dropdown_css3-container .menubar-check {

	display: none;

}



/****************** RESPONSIVE *******************/

@media screen and (max-width: 767px) {

	.dropdown_css3 > li:first-child {

		margin-left: 0;

	}



	.dropdown_css3 li {

		float: none;

	}



	.dropdown_css3 li ul li {

		min-width: 0;

	}



	.dropdown_css3 li a {

		padding: 12px 12px 12px 20px;

	}



	.dropdown_css3 li ul li a {

		padding: 8px 8px 8px 20px;

	}



	.dropdown_css3 li ul li {

		background: #fafafa;

	}



	.dropdown_css3 li.deeper > a span,

	.dropdown_css3 li.deeper > a:hover span,

	.dropdown_css3 li.active.deeper > a span,

	.dropdown_css3 li.sfhover.deeper > a span {

		background-image: url("../images/sprites_hover.png");

		background-position: right center;

		background-repeat: no-repeat;

		background-color: transparent;

		display: block;

	}



	.dropdown_css3 li ul li.deeper > a > span,

	.dropdown_css3 li ul li.active.deeper > a > span {

		background: url("../images/sprites.png") no-repeat scroll right center rgba(0, 0, 0, 0);

	}



	.dropdown_css3 li ul li.deeper > a:hover > span,

	.dropdown_css3 li ul li.sfhover.deeper > a > span {

		background: url("../images/sprites_hover.png") no-repeat scroll right center rgba(0, 0, 0, 0);

	}



	.dropdown_css3 li ul {

		box-shadow: none;

		width: 100%!important;

		position: static;

		overflow: hidden;

		max-height: 0;

		margin: 0;

		padding: 0;

		border-left: 1px solid #f2f2f2;

		border-right: 1px solid #f2f2f2;



		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

		-moz-box-sizing: border-box;    /* Firefox, other Gecko */

		box-sizing: border-box;         /* IE 8+ */





		transition: all .2s linear;

		-webkit-transition: all .2s linear;

		-moz-transition: all .2s linear;

		-ms-transition: all .2s linear;

		-o-transition: all .2s linear;

	}



	.dropdown_css3 li:hover > ul,

	.dropdown_css3 li.sfhover > ul {

		max-height: 99999em;

	}



	.dropdown_css3 li ul ul {

		margin: 0;

		height: auto;

		width: 100%;

		border: none;

	}



	.dropdown_css3 li ul li ul li a {

		padding-left: 30px;

	}



	.dropdown_css3 li ul li ul li ul li a {

		padding-left: 50px;

	}



	.dropdown_css3-container .menubar {

		display: block;

		color: #fff;

		margin-bottom: 0;

	}



	.dropdown_css3-container .menubar:before {

		/*content: "\2261";

		display: block;

		float: left;

		font-size: 30px;

		margin: -1px 8px 0 0;*/

	}



	.dropdown_css3-container .menubar-check + ul {

		display: none;

	}



	.dropdown_css3-container .menubar-check:checked + ul {

		display: block;

	}

}



.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

	line-height: 0;

}



.clearfix:after {

	clear: both;

}