@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 url('../img/blog_background.jpg') no-repeat center; 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 nav { float: left; }
		header nav ul { list-style-type: none; margin: 0; padding: 0; }
			header nav ul li { float: left; }
				header nav ul li a { line-height: 68px; display: block; color: #fff; font-family: 'futura_md_btmedium'; padding: 0 16px; position: relative; }
					header nav ul li a 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 nav ul li a.active i,
					.hover header nav ul li a:hover i { opacity: 1; }
	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'; 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 .right-btn.winebar-btn { padding: 0 14px; }
		header .right-btn.winebar-btn.active,
		.hover header .right-btn.winebar-btn:hover { background: #fff; color: #000; }
	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'; }
	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); }

.transparent-btn { height: 40px; line-height: 40px; display: inline-block; background: none; color: #fff; font-size: 14px; font-family: 'futura_md_btmedium'; border: 1px solid #fff; 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.transparent-btn:hover { background: #fff; color: #000; }

.posts { width: 50%; padding: 70px 0 40px 0; position: fixed; left: 0; top: 0; bottom: 0; z-index: 2; }
	.posts .col-left { width: 49.2%; float: left; }
	.posts .col-right { width: 49.2%; float: right; }
		.posts a { width: 49.2%; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 9px; position: relative; }
			.posts a.small { height: 354px; }
			.posts a.large { height: 704px; }
			.posts a span { background: rgba(45, 41, 41, 0.85); color: #fff; padding: 15px; position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; }
				.posts a span strong { display: block; font-size: 18px; font-family: 'tantrissans'; font-weight: normal; margin-bottom: 6px; }
				.posts a span em { display: block; font-size: 14px; font-style: normal; }
				.posts a span i { display: block; font-style: normal; margin-top: 11px; }
			.posts a ins { display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.94); position: absolute; left: 0; top: 0; z-index: 3; }
				.posts a ins img { width: 162px; max-width: 90%; 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%); }

	.posts .mCSB_scrollTools { right: -6px; }

.post { width: 49.5%; background: rgba(50, 41, 41, 0.9); position: fixed; top: 0; bottom: 0; z-index: 2; }
	.post.post-left { left: -50%; }
	.post.post-right { right: -50%; }
	.post .post-cnt { color: #fff; position: absolute; left: 46px; top: 100px; right: 46px; bottom: 56px; z-index: 2; }
		.post .post-cnt h3 { font-size: 24px; font-family: 'tantrissans'; font-weight: normal; margin: 0 0 14px 0; padding: 0; }
		.post .post-cnt .date { font-size: 16px; margin: 0 0 22px 0; }
		.post .post-cnt .subtitle { font-size: 18px; margin: 0 0 20px 0; }
		.post .post-cnt .img { width: 100%; display: block; margin-bottom: 25px; }
		.post .post-cnt .text { line-height: 150%; font-size: 13px; }
		.post .post-cnt .transparent-btn { text-transform: uppercase; margin-top: 26px; }
			.post .post-cnt .transparent-btn.share-btn { float: left; }
		.post .post-cnt .share-cnt { padding-left: 4px; margin-top: 30px; float: left; }
		.post .post-cnt .gallery { margin-top: 30px; }
			.post .post-cnt .gallery img { margin: 0 10px 10px 0; float: left; }

/* 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; }

.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 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%); }
	.page-popup h3 { font-size: 20px; font-weight: normal; margin: 0 0 22px 0; padding: 0; }
	.page-popup .text { 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; }

@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; }

}