/*
	b a s e
*/
	* { outline: none; }
	html, body {
		margin: 0; padding: 0; border: 0;
		height: 100%;
	}
	a { text-decoration: none; cursor: pointer; }
	ul, 
	li {
		list-style-type: none;
		padding: 0;
		margin: 0; 
	}
	.left { float: left; }
	.right { float: right; }
	#container {
		/*height: 100%;*/
		min-height: 100%;
		background: #eaeaea;
		margin-right: 300px;
		/*float: left;*/
		position: relative;
	}
	.content { margin: 0 20px 0 70px; }
	.nav ul li a,
	.panel,
	.content,
	#main,
	.modal,
	.museo_500
	{
		font-family: 'MuseoSans-500';
		font-style: normal;
		font-weight: normal;
	}
	.button {
		padding: 20px 20px;
		border: thin solid #ff3b30;
		border-radius: 5px;
		transition: all .2s ease-in-out;
		display: block;
		text-align: center;
	}
	.button:hover {
		background-color: #ff3b30;
		color: #fff;
	}
	.alert {
		margin: 20px 0;
		font-size: 14px;
	}
	.alert_error { color: red; }
	.alert_success { color: green; }
	.error-log {
		border: 1px solid #ff3b30;
		color: #ff3b30;
		border-radius: 5px;
		padding: 20px;
		margin-top:50px;
		text-align:center;
	}

/*
	h e a d e r
*/

	#header {
		width: 100%;
		height: 75px;
		background-color: #ffffff;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.16);
		   -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.16);
				box-shadow:	0px 1px 1px 0px rgba(50, 50, 50, 0.16);
		position: fixed;
		z-index: 10;
		float: left;
	}

	/* logo */

	.logo {
		width: 32px;
		height: 30px;
		margin: 22px 40px 22px 70px;
		transition: background-image 0.2s ease-in-out;
		background-image: url('../../img/logo@2x.png');
		background-repeat: none;
		background-size: 32px 30px;
		float: left;
	}
	.logo:hover { background-image: url('../../img/logo_red@2x.png'); }

	/* menu */

	.nav {
		padding-top: 28px;
		float: left;
	}
	.nav ul li { display: inline; }
	.nav ul li a {
		color: #727272;
		font-size: 14px;
		padding-right: 18px;
	}
	.nav ul li a:hover { color: #ff3b30; }
	.nav ul li:last-child a { margin-right: 0;}
	.add_btn { color: #ff3b30 !important; }
	.add_btn:hover { color: #000 !important; }

	/* user panel */

	.panel {
		height: 75px;
		margin-right: 300px;
		float: right;
	}
	.panel .info {
		font-size: 14px;
		padding-top: 28px;
		margin-right: 20px;
		float: left;
	}
	.panel .info a { color: #ff3b30; }
	.panel p {
		color: #727272;
		font-size: 12px;
		margin: 24px 20px;
		float: left;
	}
	.panel p a {
		color: #383838;
		font-size: 14px;
		font-style: normal;
	}
	.panel p a:hover { color: #ff3b30; }
	.avatar { 
		-webkit-transition: opacity 0.5s ease-out;
		   -moz-transition: opacity 0.5s ease-out;
			 -o-transition: opacity 0.5s ease-out;
				transition: opacity 0.5s ease-out;
	}
	.avatar:hover { 
		opacity: 0.7;
	}
	@-webkit-keyframes pulsate { 0% {color: #fff;} 50% {color: #ff3b30;} 100% {color: #fff;} }
       @-moz-keyframes pulsate { 0% {color: #fff;} 50% {color: #ff3b30;} 100% {color: #fff;} }
		 @-o-keyframes pulsate { 0% {color: #fff;} 50% {color: #ff3b30;} 100% {color: #fff;} }
			@keyframes pulsate { 0% {color: #fff;} 50% {color: #ff3b30;} 100% {color: #fff;} }
	.icon ul li {
		display: inline;
	}
	.icon a {
		color: #000;
	}
	.panel_icon {
		width: 55px;
		height: 46px;
		text-align: center;
		padding-top: 29px;
		transition: background-color 0.05s ease-in;
		cursor: pointer;
		float: left;
	}
	.panel_icon {
		color: #000000;
	}
	.new_message {
		-webkit-animation: pulsate 1.6s infinite;
		   -moz-animation: pulsate 1.6s infinite;
		     -o-animation: pulsate 1.6s infinite;
		        animation: pulsate 1.6s infinite;
	}
	.panel_icon:hover {
		background-color: #ff3b30;
		color: #fff;
	}
	#sidebarBtn { display: none; }

	/* sliding menu */

	.minimenu {
		width: 322px;
		height: 200px;
		/*height: 150px;*/
		background-color: #141414;
		position: fixed;
		display: block;
    	top:-125px; right: 356px;
    	transition: top 0.2s ease-in;
    	z-index: 1;
	}
	.minimenu ul li, .langmenu ul li {
		display: block;
		font-size: 14px;
		height: 31px;
		color: #909090;
		padding-top: 19px; padding-left: 25px;
		cursor: pointer;
	}
	.minimenu ul li:hover, .langmenu ul li:hover {
		background-color: #3c3c3c;
		color: #fff;
	}
	.langmenu {
		width: 56px;
		background-color: #141414;
		position: fixed;
		display: block;
    	top:-75px; right: 300px;
    	transition: top 0.2s ease-in;
    	z-index: 1;
	}
	.langmenu ul li {
		padding-left: 0;
		text-align: center;
	}

	/* cookies */

	.cookies {
		background-color: #c5c5c5;
		width: 100%;
		height: 40px;
		float: left;
	}
	.cookies div {
		padding: 12.5px 0px;
		font-size: 13px;
		color: #fff;
	}
	.cookies a { 
		color: #fff;
		text-decoration: underline;
	}
	.cookies button {
		margin: 0; padding: 0; border: 0;
		color:#fff; 
		background: none;
	}
	.cookies button:hover { color: #000; }

/*
	i n f o
*/
.info_log {
	text-align: center;
	background-color: #fff;
	padding: 60px;
	width:400px;
	margin: 10% auto;
	border-radius: 5px;
}
.info_btns {
	margin-top: 40px;
}
.info_btns a {
	display:block;
	background-color: #ff3b30;
	color:#fff;
	width: 48%;
	border-radius: 5px;
	padding: 20px 0;
	float: left;
}

/*
	f o o t e r
*/

	#footer {
		width: 100%;
		height: 44px;
		bottom: 0;
		background-color: #fff;
		padding-top: 31px;
		font-size: 14px;
		color: #727272;
		/*float: left;*/
		/*position: absolute;*/
	}
	#footer ul li {
		display: inline;
		padding-left:20px;
	}
	#footer a {
		color: #727272;
	}
	#footer a:hover {
		color: #000;
	}
	#footer ul li:last-child a {
		color: #ff3b30;
		padding-left: 0;
	}
	#footer ul li:last-child a:hover {
		color: #000;
	}

/*
	v e r t i c a l  a d
*/

	.vertical_ad {
		position: fixed;
		top: 50%; right: 320px;
		margin-top: -300px;
	}

/*
	h o r i z o n t a l  a d
*/

	.horizontal-top_ad {
		text-align: center;
		margin-top: 20px;
		margin-bottom: -20px;
	}

/*
	m o d a l s
*/

	.modal-open { overflow:hidden; }
	.modal {
		width:100%;
		height:100%;
		position: fixed; top: 0;
		background-color: rgba(0,0,0,0.8);
		z-index: 10;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.modal_content {
		width:60%;
		margin:50px auto; padding: 50px;
		background-color: #ffffff;
		position:relative;
	}
	.modal_content h2 { font-size:30px; }
	.modal_content p, .modal_content form {
		font-size:14px;
		color:#737373;
		line-height: 23px;
		margin-top:20px;
	}
	.modal_content a {
		color: #ff3b30;
	}
	.modal_close {
		position:absolute;
		top:25px;
		right:25px;
		cursor:pointer;
	}
	.modal .contact_form textarea {
		width: 100%;
		height: 145px;
		resize: none;
	}
	#modalAdd .modal_content, 
	#modalLogin .modal_content, 
	#modalInfo .modal_content, 
	#modalBuy .modal_content, 
	#modalMessage .modal_content, 
	#modalReport .modal_content,
	#modalPayment .modal_content,
	#modalPayment2 .modal_content
	{ 
		max-width: 350px; 
	}
	#modalAdd input, #modalLogin input, #modalAdd textarea, #modalLogin textarea { width: 100%; }
	/*#modalInfo { text-align: center; }*/
	#modalInfo h2 { text-align: left; }

/*
	f o r m s
*/

	input, textarea { transition: all .2s ease-in-out; border: none; }
	textarea { resize: none; }
	.modal input:focus, textarea:focus {
		border-color: #ff3b30;
		transition: all .4s ease-in-out;
	}
	.modal input[type=submit], .modal_btn {
		width: 100px;
		height: 43px;
		color: #ff3b30;
		background-color: #eaeaea;
		border-color: #eaeaea;
		color: #000;
		border-radius: 3px;
		border: none;
		font-size: 14px;
		transition: all .2s ease-in-out;
		margin-top: 0px;
		cursor: pointer;
	}
	.modal input[type=submit]:hover, .modal_btn:hover {
		background-color: #FF3B30;
		border-color: #FF3B30;
		color: #fff;
	}
	/* ajax */
	.alert {
		padding: 20px 0px 0px 0px;
		text-align: center;
		display: none;
	}
	.error {
		color: red;
		display: block;
	}
	.success {
		color: green;
		display: block;
	}

/*
	t a b s
*/

	.tabs {
		width:100%;
		display:inline-block;
	}
	/* Clearfix */
	.tab-links:after {
		display:block;
		clear:both;
		content:'';
	}
	.tab-links { 
		width: 100%;
		padding-top: 20px;
	}
	.tab-links li {
		width: 25%;
		font-size: 16px;
		text-align: center;
		float: left;
	}
	.tab-links li:last-child { margin-right: 0; }
	.tab-links li a { color: #000; transition: all .1s ease-in-out; }	
	.tab-links li a:hover { color: #ff3b30; }
	li.active, li.active a, li.active a:hover { color: #ff3b30; }
	.tab { display:none; }
	.tab.active { display:block; }

	/* mobile RWD info */
	#mobile-info {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		text-align: center;
		z-index: 10000;
		padding-top: 20%;
		color: #8C8C8C;
		font-family: 'MuseoSans-500';
		visibility: hidden;
	}
	#mobile-info p {
		margin-top: 20px;
	}

	@media (max-width: 1024px) {
		body {
			overflow: hidden;
		}
		#mobile-info {
			visibility: visible;
		}
	}

/*
	m e d i a
*/

	@media (max-width: 1600px) {
		#container, #header .panel {
			margin-right: 0;
		}
		#sidebar { display: none; opacity: 0; }
		#sidebarBtn { display: block; }
		.popular { display: none; }
		.minimenu { right: 112px; }
		.langmenu { right: 56px; }
		.vertical_ad { right: 20px; }
	}
	@media (min-width: 1600px) {
		#sidebar { 
			display: block;
			top: 0;
		}
	}
	@media (max-width: 1330px) {
		.panel .info {
			display: none;
		}
	}