html, body {
	margin  : 0;
	padding : 0;
}

body {
	padding-left   : 200px;
	padding-bottom : 30px !important;
	position       : relative;
	min-height     : 100vh;
	box-sizing     : border-box;
	font-family    : 'San Francisco', sans-serif;
}

.fancybox-overlay {
	background : rgba(0, 0, 0, .6);
	bottom     : 0;
	position   : fixed !important;
	right      : 0;
}

.fancybox-close {
	background-image : url('/fancybox/fancybox_sprite.png');
}

.fancybox-lock .fancybox-overlay {
	overflow : hidden;
}

.fancybox-lock body {
	/*height : 100vh;*/
}

a, a:focus, a:active, a:hover {
	outline : none;
}

img {
	max-width : 100%;
}

.body--loading {
	display : none;
}

.body--has-loading .body--loading {
	display    : block;
	position   : fixed;
	z-index    : 1999;
	top        : 0;
	right      : 0;
	bottom     : 0;
	left       : 0;
	background : #ffffff;
}

.body--loading__container {
	position   : absolute;
	top        : 50%;
	left       : 0;
	right      : 0;
	margin-top : -50px;
	font-size  : 20px;
	text-align : center;
}

.body--loading__container i {
	margin-bottom : 20px;
}

.visible-xs {
	display : none;
}

.hidden-xs {
	display : block;
}

#toast-container > .toast-warning {
	/*background-image : none !important;*/
	padding-left : 15px;
	background   : #ffa900 !important; /* Old browsers */
	background   : -moz-linear-gradient(top, #ffa900 0%, #ffc93e 100%) !important; /* FF3.6-15 */
	background   : -webkit-linear-gradient(top, #ffa900 0%, #ffc93e 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background   : linear-gradient(to bottom, #ffa900 0%, #ffc93e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa900', endColorstr='#ffc93e', GradientType=0) !important; /* IE6-9 */

}

#toast-container > div {
	opacity            : 1;
	-webkit-box-shadow : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);
	-moz-box-shadow    : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);
	box-shadow         : -3px 6px 30px 0 rgba(103, 63, 16, 0.2);

}

.toast-top-right {
	top : 72px;
}

/**
<div id="toast-container" class="toast-top-right" aria-live="polite" role="alert"><div style="" class="toast toast-warning"><div class="toast-message">123123123123123</div></div></div>
*/

@media (max-width : 768px) {
	.visible-xs {
		display : block;
	}

	.hidden-xs {
		display : none;
	}
}

@viewport {
	user-zoom : fixed;
}

.category_title{
	font: 300 32px 'San Francisco', sans-serif;
	color: rgba(0, 0, 0, .8);
	text-decoration: none;
	text-align: center;
	padding: 5px 30px;
}