@charset "utf-8";

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('fonts/bitstream_-_futura_md_bt_medium-webfont.eot');
    src: url('fonts/bitstream_-_futura_md_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitstream_-_futura_md_bt_medium-webfont.woff2') format('woff2'),
         url('fonts/bitstream_-_futura_md_bt_medium-webfont.woff') format('woff'),
         url('fonts/bitstream_-_futura_md_bt_medium-webfont.ttf') format('truetype'),
         url('fonts/bitstream_-_futura_md_bt_medium-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('fonts/bitstream_-_futura_lt_bt_light-webfont.eot');
    src: url('fonts/bitstream_-_futura_lt_bt_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitstream_-_futura_lt_bt_light-webfont.woff2') format('woff2'),
         url('fonts/bitstream_-_futura_lt_bt_light-webfont.woff') format('woff'),
         url('fonts/bitstream_-_futura_lt_bt_light-webfont.ttf') format('truetype'),
         url('fonts/bitstream_-_futura_lt_bt_light-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tantrissans';
    src: url('fonts/tantrissans-regular-webfont.eot');
    src: url('fonts/tantrissans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tantrissans-regular-webfont.woff') format('woff'),
         url('fonts/tantrissans-regular-webfont.ttf') format('truetype'),
         url('fonts/tantrissans-regular-webfont.svg#tantrissans') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GLOBAL STYLES */
html, body { height: 100%; margin: 0; padding: 0; }
body { background: #fff; background-size: cover; color: #cacaca; font-size: 13px; font-family: 'futura_lt_btlight', sans-serif; }
a { color: #333; text-decoration: none; }
img { border: 0; }
.clear { clear: both; display: block; height: 0px; overflow: hidden; }
.left { float: left; }
.right { float: right !important; }
input, select, textarea, button { font-family: 'futura_lt_btlight', sans-serif; }
*:focus { outline: none; }
* { box-sizing: border-box; }

/* HEADER */
header { height: 68px; background: rgba(0, 0, 0, 0.97); padding-left: 138px; padding-right: 22px; position: fixed; left: 0; top: 0; right: 0; z-index: 5; }
	header .logo { width: 85px; height: 85px; display: block; position: absolute; left: 35px; top: 0; z-index: 2; }
	header .facebook-btn { width: 20px; height: 68px; line-height: 68px; display: block; text-align: center; margin-left: 4px; float: right; position: relative; }
		header .facebook-btn img { display: block; position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: -3px; }
	header .right-btn { height: 68px; line-height: 68px; display: block; color: #fff; font-family: 'futura_md_btmedium'; text-transform: uppercase; padding: 0 8px; float: right; position: relative; -ms-transition: background 0.2s ease, color 0.2s ease; -webkit-transition: background 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, color 0.2s ease; transition: background 0.2s ease, color 0.2s ease; }
		header .right-btn i { height: 4px; opacity: 0; background: #d82d33; position: absolute; left: 0; top: 0; right: 0; z-index: 2; -ms-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
		header .right-btn.active i,
		.hover header .right-btn:hover i { opacity: 1; }
	header .languages { width: 26px; height: 68px; background: #958c8d; text-align: center; padding-top: 18px; margin: 0 10px; float: right; }
		header .languages a { display: block; color: #fff; font-size: 14px; font-family: 'futura_md_btmedium'; text-transform: uppercase; }
	header .line { height: 4px; background: rgba(111, 111, 111, 0.59); position: absolute; left: 0; top: 68px; right: 0; z-index: 1; }
		header .line.white { background: rgba(255, 255, 255, 0.59); }
	header .back-cnt { width: 300px; height: 42px; margin-top: 12px; float: left; }
		header .back-cnt .back-btn { margin-right: 20px; margin-top: 2px; float: left; }
		header .back-cnt .category-info { color: #fff; font-size: 14px; }
			header .back-cnt .category-info strong { display: block; font-size: 18px; font-family: 'tantrissans'; font-weight: normal; margin-bottom: 6px; }

.red-btn { height: 40px; line-height: 40px; display: inline-block; background: #d1262b; color: #fff; font-size: 14px; font-family: 'futura_md_btmedium'; padding: 0 26px; -ms-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; }
	.hover a.red-btn:hover { background: #000; }

.section { overflow-y: auto; background: url('../img/login_bg.jpg') repeat left top; padding: 68px 0 40px 0; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }

.login { width: 400px; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%, -50%); }
	.login .label { display: block; color: #fff; font-size: 14px; text-align: center; margin-bottom: 6px; }
	.login .inp { width: 100%; height: 40px; line-height: 40px; background: #fff; color: #333; font-size: 14px; text-align: center; border: 0; padding: 0 10px; margin-bottom: 15px; }
	.login .checkbox-cnt { color: #fff; font-size: 14px; margin-bottom: 15px; }
	.login button { width: 100%; height: 40px; background: #d1262b; color: #fff; font-size: 14px; font-family: 'futura_md_btmedium'; border: 0; text-transform: uppercase; cursor: pointer; -ms-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; }
		.hover .login button:hover { background: #000; }
	.login .message.error { background: #e47c68; color: #8e3625; font-size: 14px; border: 1px solid #d46c57; padding: 15px; margin-bottom: 20px; }

.category-item { width: 25%; padding: 0 4px 7px 3px; float: left; position: relative; }
	.category-item img { width: 100%; display: block; }
	.category-item span { background: rgba(45, 41, 41, 0.85); color: #fff; font-size: 14px; padding: 20px 14px; position: absolute; left: 3px; bottom: 7px; right: 4px; z-index: 2; }
		.category-item span strong { display: block; font-size: 18px; font-family: 'tantrissans'; font-weight: normal; margin-bottom: 6px; }

.picture { width: 49%; margin: 0 0 10px 0; position: relative; float: left; }
	.picture img { width: 100%; display: block; }
	.picture .overlay { display: none; background: rgba(45, 39, 40, 0.91); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
	.picture .info { width: 320px; color: #fff; font-size: 14px; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
		.picture .info h3 { font-size: 18px; font-family: 'tantrissans'; font-weight: normal; margin: 0 0 6px 0; padding: 0; }
		.picture .info .red-btn { display: block; margin-top: 20px; }

.mCSB_inside>.mCSB_container { margin-right: 0; }
.mCSB_scrollTools .mCSB_draggerRail { background: none; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: rgba(0, 0, 0, 0.9); }

.page-popup { background: rgba(45, 39, 40, 0.91); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; }
	.page-popup .close-btn { width: 40px; height: 61px; display: block; text-align: center; padding-top: 29px; position: absolute; right: 20px; top: 0; z-index: 3; -ms-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; }
		.page-popup .close-btn span { width: 22px; height: 22px; display: inline-block; background: url('../img/close_icon.png') no-repeat left top; }
	.page-popup .page-popup-cnt { width: 1040px; height: 560px; overflow: hidden; background: #ececec; color: #000; padding: 32px 40px 32px 40px; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
		.page-popup .page-popup-cnt.mCustomScrollbar { padding-right: 0; }
			.page-popup .page-popup-cnt .mCustomScrollBox { padding-right: 40px; }
			.page-popup .page-popup-cnt .mCSB_scrollTools { right: 10px; }
	.page-popup h3 { font-size: 20px; font-weight: normal; margin: 0 0 22px 0; padding: 0; }
	.page-popup .text { height: 90%; line-height: 150%; font-size: 14px; }

.newsletter-popup { background: rgba(45, 39, 40, 0.91); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; }
	.newsletter-popup .close-btn { width: 40px; height: 61px; display: block; text-align: center; padding-top: 29px; position: absolute; right: 20px; top: 0; z-index: 3; -ms-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; }
		.newsletter-popup .close-btn span { width: 22px; height: 22px; display: inline-block; background: url('../img/close_icon.png') no-repeat left top; }
	.newsletter-popup .newsletter-popup-cnt { width: 550px; /*height: 320px;*/ overflow: hidden; background: #ececec; color: #000; padding: 32px 30px 32px 40px; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
	.newsletter-popup h3 { font-size: 20px; font-weight: normal; margin: 0 0 22px 0; padding: 0; }
	.newsletter-popup .fields-cnt { height: 155px; }
	.newsletter-popup .field { margin-bottom: 12px; }
		.newsletter-popup .field.left,
		.newsletter-popup .field.right { width: 230px; }
	.newsletter-popup .field .label { display: block; color: #454545; font-size: 14px; margin-bottom: 6px; }
	.newsletter-popup .field .input { position: relative; }
	.newsletter-popup .field input { width: 100%; height: 42px; line-height: 40px; color: #454545; font-size: 14px; border: 1px solid #cdcdcd; padding: 0 10px; }
		.newsletter-popup .field input.error { border-color: #ff0000; }
	.newsletter-popup .field .required { width: 21px; height: 20px; display: block; background: url('../img/required_icon.png') no-repeat left top; position: absolute; right: 0; top: 0; z-index: 2; }
	.newsletter-popup button { width: 510px; height: 40px; background: #d1262b; color: #fff; font-size: 14px; font-family: 'futura_md_btmedium'; text-align: left; border: 0; padding-left: 22px; margin-top: 18px; cursor: pointer; -ms-transition: background 0.2s ease; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; }
	.hover .newsletter-popup button:hover { background: #000; }
	.newsletter-popup h4 { font-size: 20px; font-weight: normal; text-align: center; margin: 100px 0 22px 0; padding: 0; }
	.newsletter-popup p { font-size: 14px; font-weight: normal; text-align: center; }
	.newsletter-popup .checkbox-cnt {}
		.newsletter-popup .checkbox-cnt .checkbox { width: 18px; height: 18px; display: block; background: #fff; border: 1px solid #cdcdcd; margin-right: 10px; float: left; }
			.newsletter-popup .checkbox-cnt.error .checkbox { border-color: #ff0000; }
			.newsletter-popup .checkbox-cnt .checkbox input { display: none; }
			.newsletter-popup .checkbox-cnt .checkbox.checked span { width: 12px; height: 12px; display: block; background: #e94031; margin: 2px 0 0 2px; float: left; }
		.newsletter-popup .checkbox-cnt label { width: 440px; font-size: 12px; float: left; cursor: pointer; }
			.newsletter-popup .checkbox-cnt.error label { color: #ff0000; }

/* FOOTER */
footer { height: 40px; background: #312c2b; padding: 0 48px; position: fixed; left: 0; bottom: 0; right: 0; z-index: 3; }
	footer .copy { line-height: 40px; color: #fff; font-size: 12px; float: left; }
		footer .copy a { color: #fff; -ms-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; }
		.hover footer .copy a:hover { color: #d1262b; }
	footer .links { list-style-type: none; margin: 0; padding: 0; float: right; }
		footer .links li { float: left; }
			footer .links li a { line-height: 40px; display: block; color: #fff; font-size: 13px; padding: 0 20px; -ms-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; }
			.hover footer .links li a:hover { color: #d1262b; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.page-popup .close-btn span { background-image: url('../img/close_icon@2x.png'); background-size: 22px 21px; }

	.newsletter-popup .close-btn span { background-image: url('../img/close_icon@2x.png'); background-size: 22px 21px; }
	.newsletter-popup .field .required { background-image: url('../img/required_icon@2x.png'); background-size: 21px 20px; }

}