/******************************************************
*******************************************************
Vecernji.hr main CSS file
author: Trikoder d.o.o.
*******************************************************
*******************************************************/

/* GENERAL TYPOGRAPHY
******************************************************/

@font-face {
	font-family: 'Stag Web';
	src: url('fonts/Stag-Semibold-Web.eot');
	src: url('fonts/Stag-Semibold-Web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Stag-Semibold-Web.woff') format('woff'),
		 url('fonts/Stag-Semibold-Web.ttf') format('truetype'),
		 url('fonts/Stag-Semibold-Web.svg#Stag Web') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'Stag Web';
	src: url('fonts/Stag-Book-Web.eot');
	src: url('fonts/Stag-Book-Web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Stag-Book-Web.woff') format('woff'),
		 url('fonts/Stag-Book-Web.ttf') format('truetype'),
		 url('fonts/Stag-Book-Web.svg#Stag Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'Stag Sans Web';
	src: url('fonts/StagSans-Book-Web.eot');
	src: url('fonts/StagSans-Book-Web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/StagSans-Book-Web.woff') format('woff'),
		 url('fonts/StagSans-Book-Web.ttf') format('truetype'),
		 url('fonts/StagSans-Book-Web.svg#Stag Sans Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Stag Sans Web';
	src: url('fonts/StagSans-Bold-Web.eot');
	src: url('fonts/StagSans-Bold-Web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/StagSans-Bold-Web.woff') format('woff'),
		 url('fonts/StagSans-Bold-Web.ttf') format('truetype'),
		 url('fonts/StagSans-Bold-Web.svg#Stag Sans Web') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

.subtitle { font-size: 0.7em; line-height: 1.1; color: #808080; text-transform: uppercase; font-weight: 400 !important; display: block; margin: 0; letter-spacing: 0.04em; }
.subtitle strong { color: #dc1000; font-weight: 300; }
.subtitle.s_01 { font-size: 0.88em; line-height: 1.3; letter-spacing: 0.01em; }
.subtitle.s_02 { font-size: 1em; line-height: 1.2; color: #555; letter-spacing: 0.02em; }
.subtitle.s_03 { font-size: 1.25em; line-height: 1.2; letter-spacing: 0.04em; }
.subtitle.typ_02 { text-transform: none; }
.title { font-size: 0.88em; line-height: 1.35; font-family: 'Stag Web'; margin: 0; font-weight: 400; letter-spacing: 0.04em; }
.title.s_01 { font-size: 1.15em; line-height: 1.15; }
.title.s_02 { font-size: 0.96em; line-height: 1.15; }
.title.s_03 { font-size: 2.8em; line-height: 1.25; }
.title.s_04 { font-size: 2.1em; line-height: 1.15; }
.title.s_05 { font-size: 1.35em; line-height: 1.15; }
.title_large { font-size: 1.15em; line-height: 1.25; font-family: 'Stag Web'; margin: 0; font-weight: 700; letter-spacing: 0.03em; }
.title_large.s_01 { font-size: 2em; line-height: 1.15;  }
.title_large.s_02 { font-size: 1.5em; line-height: 1.15; }
.title_large.s_03 { font-size: 2.375em; line-height: 1.053; }
.title_large.s_04 { font-size: 1.05em; line-height: 1.25; }
.title_large.s_05 { font-size: 1.878em; line-height: 1.2; }
.title_large.s_06 { font-size: 0.9em; line-height: 1.1; }
.module_title { font-size: 1.15em; line-height: 2.5; font-family: 'Stag Web'; margin: 0; font-weight: 700; letter-spacing: 0.04em; }
.module_title.p_01 { padding: 0.4em 0; }
.module_title_large { font-size: 1.5em; line-height: 1.5; font-family: 'Stag Web'; margin: 0; padding: 0.5em 0; font-weight: 700; letter-spacing: 0.04em; }
.module_title strong,
.module_title_large strong { color: #dc1000; }
.module_title_large.center { text-align: center; }
.lead { font-size: 1.125em; line-height: 1.555; color: #555; font-family: 'Stag Web'; margin: 0; font-weight: 400; letter-spacing: 0.04em; }
.lead.s_01 { font-size: 0.9em; line-height: 1.25; color: #808080; }
.group_title { border: 1px solid #ebebeb; border-top-color: #e0e0e0; background-color: #fafafa; font-family: 'Stag Web'; font-size: 1.3em; font-weight: 700; padding: 0.5em 1.2em; margin: 0; letter-spacing: 0.04em; }

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

	.group_title { font-size: 1em; padding: 10px; }

}

/* GENERAL STYLES
*******************************************************/
html, button, input, select, textarea { color: #333; }
select { color: #333; -webkit-appearance: none; }
html .page_block_03 { color: #fafafa; }
body { overflow-x:hidden; font-size: 100%; line-height: 1.6875; font-family: 'Stag Sans Web', Sans-serif; font-weight: 400; background: #f9f9f9; }

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

a { text-decoration: none; color: #dc1000; }
a:hover { color: #808080; }

body.waiting,
body.waiting * { cursor: wait !important; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

.left { float: left; }
.right { float: right; }

.nbtn { margin:0; padding: 0; border: 0; cursor: pointer; background: none; }
.nbtn::-moz-focus-inner { padding:0; border:0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, time { display: block; }

.no_padd { padding: 0 !important; }

.fill_bg {
	position: relative;
	background: #F9F9F9;
	padding: .01px;
}

.p_20 { padding: 20px; }
.p_top_0 { padding-top: 0px !important; }
.p_top_5 { padding-top: 5px !important; }
.p_top_10 { padding-top: 10px !important; }
.p_top_20 { padding-top: 20px !important; }
.p_top_40 { padding-top: 40px !important; }
.p_right_10 { padding-right: 10px !important; }
.p_right_20 { padding-right: 20px !important; }
.p_bott_5 { padding-bottom: 5px !important; }
.p_bott_10 { padding-bottom: 10px !important; }
.p_bott_20 { padding-bottom: 20px !important; }
.p_bott_10 { padding-bottom: 10px !important; }
.p_bott_35 { padding-bottom: 35px !important; }
.p_left_10 { padding-left: 10px !important; }
.p_left_20 { padding-left: 20px !important; }

.no_marg { margin: 0 !important; }



.m_20 { margin: 20px !important; }
.m_top_0 { margin-top: 0px !important; }
.m_top_10 { margin-top: 10px !important; }
.m_top_20 { margin-top: 20px !important; }
.m_top_30 { margin-top: 30px !important; }
.m_right_10 { margin-right: 10px !important; }
.m_right_20 { margin-right: 20px !important; }
.m_right_170 { margin-right: 170px !important; }
.m_bottom_20 { margin-bottom: 20px !important; }
.m_left_10 { margin-left: 10px !important; }
.m_left_20 { margin-left: 20px !important; }

.inner_p_block.single_box {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1024px;
	padding: 0 25px;
}

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

	.inner_p_block.single_box {
		padding: 0 10px;
	}
}


.no_bord:after {display: none !important;}

.b_top_gray { border-top: 1px solid #e2e2e2; }
.b_bott_gray { border-bottom: 1px solid #e2e2e2; }
.bord_all { border: 1px solid #e2e2e2; }

.sidebar_full_splitter { position: relative; width: 100%; height: 1px; clear: both;}
.sidebar_full_splitter:after { content: " "; display: block; height: 1px;	width: 100%;	border-top: 1px solid #e2e2e2;	border-bottom: 1px solid #ededed;	border-radius: 2px;	background: #f4f4f4;	position: absolute;	top: 0;	left: 0; }
.sidebar_full_splitter_inner { position: relative; width: 100%; height: 1px; clear: both;}
.sidebar_full_splitter_inner:after { content: " "; display: block; height: 1px;	border-top: 1px solid #e2e2e2;	border-bottom: 1px solid #ededed;	border-radius: 2px;	background: #f4f4f4;	position: absolute;	top: 0;	left: 20px; right: 20px; }


.hash_tag { color: #1dc7ff !important; }

.sticky_side.top-fixed		{ position: fixed; top: 45px; width: 338px; }
.sticky_side.bottom-fixed	{ position: fixed; bottom: 0; width: 338px; }

.sticky_side.full_w.top-fixed,
.sticky_side.full_w.top-fixed { width: 340px; }

.white_background { background: #fff; }

.hidden { display: none; }

.fb_iframe_module { margin: 20px 0 10px; }


.std_table { width: 100%; }
.std_table thead { background-color: #f2f2f2; border: 1px solid #ebebeb; border-top-color: #e2e2e2; }
.std_table th { color: #dc1000; text-align: center; font-weight: normal; font-size: 12px; padding: 8px 12px; }
.std_table td { border-top: 1px solid #e6e6e6; text-align: center; font-size: .8em; vertical-align: middle; padding: 6px 12px; }

.top_border {position: relative; padding-top: 20px; }
.top_border:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #ededed;
	border-radius: 2px;
	background: #f4f4f4;
	position: absolute;
	top: 0;
	left: 0;
}

.border_top {
	border-top: 1px solid #e3e3e3;
}

.bottom_border {position: relative; padding-top: 20px; }
.bottom_border:after {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #ededed;
	border-radius: 2px;
	background: #f4f4f4;
	position: relative;
	top: 0;
	left: 0;
}


/* NO BORDER Helpers*/
.no_b_bord { border-bottom: 0 !important; } /* sportm */
.no_t_bord { border-top: 0 !important; }
.no_l_bord { border-left: 0 !important; }
.no_r_bord { border-right: 0 !important; }




/* GENERAL PAGE BLOCKS
*******************************************************/
.inner_p_block	{ max-width: 1024px; margin: 0px auto; position: relative; }
.inner_pad { padding: 20px; }

.inner_p_block.b_bord { padding-bottom: 20px; }
.inner_p_block.b_bord:after { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; bottom: 0; left: 20px; right: 20px; }

.inner_p_block.typ_02 { margin-top: -55px; background-color: #f9f9f9; }

.page_column_01 { float: left; width: 100%; margin-right: -340px; }
.page_column_01_inner { margin-right: 340px; }
.page_column_02 { float: right; width: 340px; }
.page_column_02_highlight { background: #fff; border: 1px solid #ececec; margin-bottom: 25px; }
.page_column_50 { float: left; width: 50%; }
.page_column_33 { width: 33.33%; }

.scroll_sidebar_view { position: relative; }
.sticky_side { margin: 0; position: relative; }

.page_block.b_marg { margin-bottom: 20px; }

.page_block .page_column_01_inner { margin-right: 320px; }
.page_block .page_column_01_inner_01 { margin-right: 340px; } /* sportm */
.page_block .page_column_01_inner_02 { margin-right: 360px; }
.page_block .page_column_01_inner_02_padd { margin-right: 360px; padding: 1em 0 0 1em; }
.page_block .inner_p_block.b_bord:after {  content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; background: #f4f4f4; }
.page_block .inner_p_block { padding-bottom: 0.1px; }

.page_block_02 { position: relative; max-width: 1024px; margin: 0 auto; }
.page_block_02:after,
.page_block_02:before { content: ""; height: 4px; left: 0; right: 0; position: absolute; max-width: 1026px; width: 100%; margin: 0px auto; z-index: 10; }
.page_block_02:after { background: url(../img/shadow_01.png) bottom left repeat-x; top: -4px; }
.page_block_02:before { background: url(../img/shadow_02.png) bottom left repeat-x; bottom: -4px; }
.page_block_02 .inner_p_block { background: #fff; border: 1px solid #e3e3e3; }
.page_block_02 .inner_p_block.bord_bottom { border-bottom: 1px solid #e3e3e3; }
.page_block_02 .page_column_01_inner { border-right: 1px solid #e3e3e3; padding-bottom: 0.1px;  }
.page_block_02 .page_column_02 { border-left: 1px solid #e3e3e3; margin-left: -1px; padding-bottom: 0.1px; }

.page_block_03 { background: #252525 url(../img/noise_01.png); overflow: hidden; position: relative; }
.page_block_03.footer_type { z-index: 102; margin-top: 20px; }
.page_block_03.bord { border-bottom: 3px solid #2f2f2e; }
.page_block_03.bord.set_bellow { margin-bottom: -1px; }
.page_block_03:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; box-shadow: 0 0 160px 80px rgba(0, 0, 0, 0.45); }
.page_block_03:after { content: " "; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; box-shadow: 0 0 160px 80px rgba(0, 0, 0, 0.45); }

.page_block_04 { background-color: #f8de0c; position: relative; overflow: hidden; border-top: 1px solid #aa9b1e;}
.page_block_04:before { content: ""; position: absolute; top: 0; left: 0; right: 0; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15); z-index: 100; }
.page_block_04:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1); z-index: 100; }
.page_block_04 .inner_p_block { background-color: #ffe50d; position: relative; }
.page_block_04 .inner_p_block:before,
.page_block_04 .inner_p_block:after { content: ""; position: absolute; top: 0; left: -18px; width: 18px; height: 60px; background: url(../img/sprites/ribbon.png) no-repeat top left; }
.page_block_04 .inner_p_block:after { background-position: right; left: auto; right: -18px; }

.page_block_05 { background-color: #f8de0c; position: relative; overflow: hidden; border-top: 1px solid #aa9b1e;}
.page_block_05:before { content: ""; position: absolute; top: 0; left: 0; right: 0; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15); z-index: 100; }
.page_block_05:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1); z-index: 100; }
.page_block_05 .inner_p_block { position: relative; }
.page_block_05 .inner_p_block:before{ content: ""; position: absolute; top: 0; left: -76px; width: 80px; height: 90px; background: url(../img/breaking_ticker_02.png) no-repeat top left; }

.banner_bg .page_block_05 {
	max-width: 1024px;
	margin: 0 auto;
}

.two_col_block.bord { border-top: 1px solid #e3e3e3; }
.two_col_block.bord .col_01 { border-right: 1px solid #e3e3e3; margin-right: -1px; }
.two_col_block.bord .col_02 { border-left: 1px solid #e3e3e3; margin-right: -1px; }
.two_col_block .col_01,
.two_col_block .col_02 { float: left; width: 50%; }
.two_col_block .list_block_06 { margin-right: 20px !important; }

.three_col_block .col_01,
.three_col_block .col_02,
.three_col_block .col_03 { float: left; width: 33.33%; }
.three_col_block .list_block_06 { margin-right: 20px; }

.module_block { background-color: #fff; box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.1); }

.inner_column_50 { float: left; width: 50%; }
.shadowed_top { position: relative; overflow: hidden; padding: 2em 0; }
.shadowed_top:after { border-radius: 100%; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15); content: " "; height: 10px; left: 0; position: absolute; right: 0; top: -10px; }

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

	.page_column_01 { float: none; margin-right: 0; }
	.page_block .page_column_01_inner,
	.page_block .page_column_01_inner_01, /* sportm */
	.page_column_01_inner { margin-right: 0; }
	.page_block .page_column_01_inner_02 { margin-right: 10px; }
	.page_block .page_column_01_inner_02_padd { margin: 0 10px; padding: 0; }

	.page_column_02 { float: none; width: auto; overflow: hidden; }
	.page_column_02_highlight { margin-bottom: 10px; }

	.landing_head .page_column_01,
	.non_breaking_column .page_column_01 { float: left; margin-right: -340px; }
	.landing_head .page_column_01_inner,
	.non_breaking_column .page_column_01_inner { margin-right: 320px; }
	.landing_head .page_column_02,
	.non_breaking_column .page_column_02 { float: right; width: 340px; }

	.page_block_02 .page_column_01_inner { border-right: 0; }
	.page_block_02 .page_column_02 { border: 0; border-top: 1px solid #e3e3e3; margin-left: 0; }

	.non_breaking_column .page_column_01_inner_02 { margin-right: 360px; }

	.inner_column_50 { float: none; width: auto; }

	.sticky_side { position: static !important; width: auto !important; }

	.page_block .inner_p_block.p_top_20 { padding-top: 0 !important; }

}

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

	.landing_head .page_column_01,
	.non_breaking_column .page_column_01 { float: none; margin-right: 0; }
	.landing_head .page_column_01_inner,
	.non_breaking_column .page_column_01_inner { margin-right: 0; }
	.landing_head .page_column_02,
	.non_breaking_column .page_column_02 { float: none; width: auto; }

	.two_col_block .col_01,
	.two_col_block .col_02 { float: none; width: auto; border: none; }
	.two_col_block .col_02 { border-top: 1px solid #e3e3e3; }

	.non_breaking_column .page_column_01 .single_block_01 { padding: 10px; }
	.non_breaking_column .page_column_01 .single_block_01 .img_block { margin: -10px -10px 10px; }
	.non_breaking_column .page_column_01 .single_block_01 .subtitle { font-size: 0.8em; }
	.non_breaking_column .page_column_01 .single_block_01 .title_large { font-size: 1.5em; }

}

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

	.page_column_50 { float: none; width: auto; }

	.page_block_03.footer_type { margin-top: 0px; }

}

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

	.inner_pad { padding: 10px; }

	.page_column_02 .list_block_03 li { float: none; width: auto; }

	.detail_extra_content .three_col_block .col_01,
	.detail_extra_content .three_col_block .col_02 { float: none; width: 100%; }
	.detail_extra_content .three_col_block .col_03 { display: none; }

}

/* BANNERS
*******************************************************/
.banner,
.banner img { display: block; }
.banner.w300 { width: 300px; margin: 20px auto; }
.banner.w728 { margin: 20px auto; text-align: center; }
.banner.shadow { box-shadow: 0 2px 4px rgba(0,0,0,.4); }
.banner .banner { margin: 20px auto 0; }
.banner.bord_top .banner { margin: 0 auto; }

.banner img,
.banner object,
.banner embed,
.banner iframe { display: block; }
/*  */
.banner.w728 img,
.banner.w728 object,
.banner.w728 embed,
.banner.w728 iframe { margin: 0 auto; }

.banner.w_full_internal img { width: 100%; }

.banner.w_padd_internal { padding: 0 20px 20px; }
.banner.w_padd_internal img { width: 100%; }

.banner.billboard { margin: 0px auto; max-width: 970px; text-align: center; position: relative; }
.banner.billboard #billBoard { padding-top: 10px; }
.banner.billboard img,
.banner.billboard object,
.banner.billboard embed,
.banner.billboard iframe { margin: 0px auto; }

.banner.bord { position: relative; padding-bottom: 20px; }
.banner.bord:after { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; bottom: 0; left: 0px; right: 0px; }
.banner.bord_top { position: relative; padding: 20px 0; }
.banner.bord_top:after { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; top: 0; left: 0px; right: 0px; }
.banner.bord_01 { border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; }
.banner.bord_02 { border-top: 1px solid #e3e3e3; padding-bottom: 20px; }
.banner.b_marg { margin-bottom: 20px; }
.banner.no_b_marg { margin-bottom: 0; }
.dark_layout .banner.bord { margin-bottom: 0; }
.dark_layout .banner.bord:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; border: 0; border-bottom: 1px solid rgba(255,255,255, 0.04); border-radius: 2px; background: rgba(0,0,0,0.15); }

.detail_content_banner { margin-bottom: 10px; }
.detail_content_banner.left { margin-right: 20px; }
.detail_content_banner.right { margin-left: 20px; }

.page_block_02 .page_column_02 .banner { position: relative; z-index: 99; }

.extruded .banner { float: right; margin: 0 -310px 0 0; position: relative; z-index: 5; }

.wallpaper_zone {}

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

	.list_block_03 .banner.bord:after { display: none; }

	.banner.bord { padding-bottom: 10px; }
	.banner.bord_01 { border: none; padding: 0; }
	.banner.bord_02 { padding: 0; }

	.fifty_wrap.type_03 .banner.w300 { margin-top: 0; padding: 0; }
	.banner.w300:after { display: none; }

	.banner.w300,
	.banner.w728 { margin: 10px auto; }

	.banner.bord .banner.w728 { margin-bottom: 4px; }

	.banner.m_left_20 { margin-left: 10px !important; }
	.banner.m_right_20 { margin-right: 10px !important; }

	.extruded .banner { margin: 0 -300px 0 0; }

}

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

	.non_breaking_column .banner.w300 { margin-top: 0; }
	.banner.w300 .banner.shadow,
	.banner .banner.w300.shadow { margin: 0 auto; width: 300px !important; }

}

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

	.extruded .banner { margin: 0 0 10px 10px; }
	.banner .banner { margin: 10px auto 0; }
	.banner.bord_01 .banner { margin: 0 auto 10px; }
	.banner.bord_02 .banner { margin: 10px auto; }

}

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

	.detail_content_banner { float: none; margin: 0 auto 10px !important; }

}

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

	.extruded .banner { float: none; margin: 0 auto 10px; }

	.banner.w_padd_internal { padding: 0 0px 20px; }

	.fifty_wrap.type_02 .banner { margin: 0; }

}

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

	.banner.w300 { margin: 10px auto; width: 100%; }
	.banner.w300.shadow { width: 300px; }
	.banner.w728 { margin: 10px auto; overflow: hidden; }

	.banner.w300 { text-align: center; }

	.banner.w300 img,
	.banner.w300 object,
	.banner.w300 embed,
	.banner.w728 img,
	.banner.w728 object,
	.banner.w728 embed { margin: 0px auto; }

	.banner.bord,
	.banner.bord_01 { padding-bottom: 10px; }

	.banner.b_marg { margin-bottom: 10px; }
	.detail_content_banner.left { margin-right: 10px; }
	.detail_content_banner.right { margin-left: 10px; }

}

/* IMAGE BLOCK AND PSEUDO ICONS/MARKERS
*******************************************************/
.img_block { display: block; position: relative; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.img_block img { width: 100%; display: block; }

.img_block .video_icon { position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -44px; background: url(../img/icons/play.png); width: 89px; height: 90px; text-indent: -9999px; }
.img_block .video_icon_small { position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -21px; background: url(../img/icons/play_3.png); width: 42px; height: 42px; text-indent: -9999px; }
.img_block .video_icon_play { position: absolute; top: 50%; left: 50%; margin: -39px 0 0 -103px; background: url(../img/icons/play_02.png); width: 196px; height: 78px; text-indent: -9999px; }

.img_block .premium_small,
.img_block .premium_medium,
.img_block .premium_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/premium_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .premium_small {  top: 0; right: 0; background: url(../img/icons/premium_small.png); width: 30px; height: 30px; }
.img_block .premium_medium { background: url(../img/icons/premium_medium.png); width: 40px; height: 40px; }
.img_block .premium_large { background: url(../img/icons/premium_large.png); width: 60px; height: 60px; }

.img_block .barometar_vecernji_hr_small,
.img_block .barometar_vecernji_hr_medium,
.img_block .barometar_vecernji_hr_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/barometar_marker_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .barometar_vecernji_hr_small { background: url(../img/icons/barometar_small.png); width: 30px; height: 30px; }
.img_block .barometar_vecernji_hr_medium { background: url(../img/icons/barometar_medium.png); width: 40px; height: 40px; }
.img_block .barometar_vecernji_hr_large { background: url(../img/icons/barometar_large.png); width: 60px; height: 60px; }

.img_block .inicijative_small,
.img_block .inicijative_medium,
.img_block .inicijative_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/inicijative_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .inicijative_small {  top: 0; right: 0; background: url(../img/icons/inicijative_small.png); width: 30px; height: 30px; }
.img_block .inicijative_medium { background: url(../img/icons/inicijative_medium.png); width: 40px; height: 40px; }
.img_block .inicijative_large { background: url(../img/icons/inicijative_large.png); width: 60px; height: 60px; }

.img_block .domivrt_vecernji_hr_small,
.img_block .domivrt_vecernji_hr_medium,
.img_block .domivrt_vecernji_hr_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/dom_i_vrt_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .domivrt_vecernji_hr_small {  top: 0; right: 0; background: url(../img/icons/dom_i_vrt_small.png); width: 30px; height: 30px; }
.img_block .domivrt_vecernji_hr_medium { background: url(../img/icons/dom_i_vrt_medium.png); width: 40px; height: 40px; }
.img_block .domivrt_vecernji_hr_large { background: url(../img/icons/dom_i_vrt_large.png); width: 60px; height: 60px; }

.img_block .vojnapovijest_vecernji_hr_small,
.img_block .vojnapovijest_vecernji_hr_medium,
.img_block .vojnapovijest_vecernji_hr_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/vojna_povijest_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .vojnapovijest_vecernji_hr_small {  top: 0; right: 0; background: url(../img/icons/vojna_povijest_small.png); width: 30px; height: 30px; }
.img_block .vojnapovijest_vecernji_hr_medium { background: url(../img/icons/vojna_povijest_medium.png); width: 40px; height: 40px; }
.img_block .vojnapovijest_vecernji_hr_large { background: url(../img/icons/vojna_povijest_large.png); width: 60px; height: 60px; }

.img_block .leteci_reporter_small,
.img_block .leteci_reporter_medium,
.img_block .leteci_reporter_large { position: absolute; top: -2px; right: -2px; background: url(../img/icons/leteci_reporter_medium.png); width: 40px; height: 40px; text-indent: -9999px; }
.img_block .leteci_reporter_small {  top: 0; right: 0; background: url(../img/icons/leteci_reporter_small.png); width: 30px; height: 30px; }
.img_block .leteci_reporter_medium { background: url(../img/icons/leteci_reporter_medium.png); width: 40px; height: 40px; }
.img_block .leteci_reporter_large { background: url(../img/icons/leteci_reporter_large.png); width: 60px; height: 60px; }

.img_block.specijal { overflow: hidden; }

.img_block.typ_01 { border-radius: 0.2em; box-shadow: none; overflow: hidden; }
.img_block.typ_01:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 0.2em; box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.45) inset; }

.img_block.typ_02 { border-radius: 50%; box-shadow: none; overflow: hidden; -webkit-transform: rotate(0.000001deg); }
.img_block.typ_02:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.45) inset; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
a.circle_list_item:hover .img_block.typ_02:after { box-shadow: 0 0 2em rgba(0, 0, 0, 0.85) inset; }

.img_block.typ_03 { border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.15); border: 3px solid #fff; overflow: hidden; -webkit-transform: rotate(0.000001deg); transition: border 0.2s ease; -moz-transition: border 0.2s ease; -webkit-transition: border 0.2s ease;  }

.img_block.typ_04 { box-shadow: none; }

.img_block.typ_05 { box-shadow: none; border: 1px solid #ededed; }

.gall_type_wrap { position: relative; padding: 0 6px 6px 0 }
.gall_type_wrap .img_block { position: relative; z-index: 3; background: #fff; padding: 3px; }
.gall_type_wrap:after { position: absolute; z-index: 2; content: " "; top: 3px; left: 3px; right: 3px; bottom: 3px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.2); }
.gall_type_wrap:before { position: absolute; z-index: 1; content: " "; top: 5px; left: 5px; right: 0px; bottom: 0px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.2); }

.profile_img_icon { border-radius: 2px; position: relative; overflow: hidden; float: left; }
.profile_img_icon img { display: block; }
.profile_img_icon:after { border-radius: 10%; bottom: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.45) inset; content: " "; left: 0; position: absolute; right: 0; top: 0; }

.counter { background-color: #da4835; border-radius: 0.2em; padding: 0.3em 0.4em 0.2em; color: #fff; font-weight: 400; margin-left: 0.3em; font-size: 0.9em; line-height: 1; }

.item_marker { display: inline-block; font-family: 'Stag Sans Web'; position: relative; text-transform: uppercase; font-size: 11px; color: #fff; line-height: 1.75; letter-spacing: 0.04em; padding: 0 0.55em; background-color: #DC1000; background-image:linear-gradient(to top, #ad0c00, #cf0e00); text-shadow: 0 0.1em 0.1em rgba(0,0,0,0.3); }
.item_marker:before { content: ""; position: absolute; top: -3px; left: 1px; border: 3px solid transparent; border-bottom-color: #000; transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.item_marker em { float: left; font-style: normal; color: #fff; padding: 0 0.55em; margin: 0 0.5em 0 -0.55em; background-color: #ad0c00; background-image:linear-gradient(to top, #ad0c00, #cf0e00); text-shadow: 0 0.1em 0.1em rgba(0,0,0,0.3); }
.img_block .item_marker { position: absolute; left: -4px; bottom: 0; }
.img_block .item_marker.top { bottom: auto; top: 10px; }
.item_marker.type_2 { background-color: #226da8; background-image:linear-gradient(to top, #226da8, #3882bc); }
.item_marker.type_3 { background-color: #676767; background-image:linear-gradient(to top, #676767, #929292); }
.item_marker.type_4 { background-color: #ea8a02; background-image:linear-gradient(to top, #ea8a02, #ffad37); }
.item_marker.type_5 { background-color: #ffbf01; background-image:linear-gradient(to top, #ffbf01, #ffd83d); color: #000; text-shadow: 0 0.1em 0.1em rgba(255,255,255,0.7); }
.item_marker.graphic { padding-right: 2.3em; }
.item_marker.graphic:after { content: ""; position: absolute; top: 50%; right: 0.15em; margin-top: -10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; }
.item_marker.video:after { background-image: url(../img/icons/item_marker_video.png); }
.item_marker.photo:after { background-image: url(../img/icons/item_marker_photo.png); }
.item_marker.live:after { background-image: url(../img/icons/item_marker_live.png); }
.item_marker.reader:after { background-image: url(../img/icons/item_marker_reader.png); }
.item_marker.s2 { font-size: 0.9em; line-height: 2; }

/* SOCIAL TEASER
*******************************************************/
.social_teaser { display: block; overflow: hidden; font-size: 0.7em; line-height: 1.65; color: #808080; }
.social_teaser .rank,
.social_teaser .comm,
.social_teaser .votes { float: left; margin-right: 10px; }
.social_teaser .rank span,
.social_teaser .comm span,
.social_teaser .votes span { text-indent: -9999px; text-align: left; float: left; height: 15px; margin-right: 5px; }
.social_teaser .rank span { width: 13px; background: url(../img/icons/spark_small.png); }
.social_teaser .comm span { width: 16px; background: url(../img/icons/comm_small.png); margin-top: 2px; }
.social_teaser .votes span { width: 15px; background: url(../img/icons/votes_small.png); }

.social_interactions { margin-top: 10px; height: 25px; }
//.social_interactions .fb-like { //margin-right: 25px; }
.social_interactions a.twitter-share-button { display: none; }

.social_status { overflow: hidden; }
.social_status p { float: left; margin: 0 0 0 14px; color: #808080; font-size: 0.686em; line-height: 38px; text-transform: uppercase; }
.social_status span,
.social_status strong { font-weight: normal; float: left; }
.social_status .views span { padding-left: 30px; margin-left: 5px; background: url(../img/icons/eye.png) left center no-repeat; }
.social_status .votes span { padding-left: 20px; margin-left: 5px; background: url(../img/icons/votes_small.png) left center no-repeat; }
.social_status .score strong { color: #b91111; padding-right: 30px; position: relative; margin-right: 5px; }
.social_status .score span { position: absolute; top: 0; right: 0; width: 24px; height: 31px; background: transparent url(../img/sprites/hotness_sprite.png) no-repeat left bottom; }
.social_status .score b { position: absolute; bottom: 0; left: 0; right: 0; text-indent: -9999px; background: transparent url(../img/sprites/hotness_sprite.png) no-repeat -31px bottom; }
.social_status .votes span { text-indent: -9999em; }

.page_block_03 .social_status p { color: #fff; }
.page_block_03 .social_status p { color: #fff; }
.page_block_03 .social_status .score span { background: #ececec url(../img/icons/score_shape_dark.png) bottom center no-repeat; }
.page_block_03 .social_status .score b { background: #feb432 url(../img/icons/score_shape_dark.png) bottom center no-repeat; }

.social_stat_small .score { color: #b91111; padding-top: 32px; width: 24px; text-align: center; margin: 0; position: relative; font-size: 0.75em; }
.social_stat_small .score span { position: absolute; top: 0; left: 0; width: 24px; height: 31px; background: transparent url(../img/sprites/hotness_sprite.png) no-repeat left bottom; display: block; }
.social_stat_small .score b { position: absolute; bottom: 0; left: 0; right: 0; text-indent: -9999px; background: transparent url(../img/sprites/hotness_sprite.png) no-repeat -31px bottom; }

/* BUTTONS
*******************************************************/
.btn_arrow { cursor: pointer; position: relative; background: none; border: 0; display: inline-block; z-index: 2; font-size: 12px; line-height: 26px; font-weight: normal; text-transform: uppercase; padding: 0 15px 0 0; }
.btn_arrow span { border: 2px solid #de2929; background: #de2929; border-right: 0; position: relative; z-index: 5; padding: 0 4px 0 9px; border-radius: 2px; color: #fff; display: inline-block; text-shadow: 0 1px 2px rgba(0,0,0,0.3);  }
.btn_arrow:before { border: 2px solid #de2929; background: #de2929; position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; border-radius: 2px; transform: rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); content: ""; z-index: 0; }

.btn_arrow.point_left { margin-left: 15px; padding-right: 0; }
.btn_arrow.point_left span { padding: 0 9px 0 4px; }
.btn_arrow.point_left:before { right: auto; left: -11px; }

.btn_arrow.size_01 { font-size: 12px; line-height: 20px; padding-right: 12px; }
.btn_arrow.size_01 span { padding: 0 4px 0 9px; }
.btn_arrow.size_01:before { top: 3px; right: 3px; width: 14px; height: 14px; }

.btn_arrow.typ_01 { opacity: .3; }
.btn_arrow.typ_01 span,
.btn_arrow.typ_01:before { border-color: #dc1000; background: #f0f0f0; color: #666; text-shadow: none; }
.btn_arrow.typ_01:hover { opacity: 1; }

.btn_arrow.typ_01.point_left span { border: 2px solid #de2929; border-left: 0; }

.btn_arrow.typ_02 { opacity: .5; }
.btn_arrow.typ_02 span,
.btn_arrow.typ_02:before { border-color: #000; background: #333; }
.btn_arrow.typ_02:hover { opacity: 1; }

.btn_arrow.typ_02.point_left span { border: 2px solid #000; border-left: 0; }

.btn_arrow.typ_03 span { border-color: #e2e2e2; border-width: 1px; background: #f4f4f4; text-shadow: none; color: #808080; }
.btn_arrow.typ_03:before { border-color: #c0c0c0; background: #f4f4f4; height: 16px; width: 16px; right: 5px; }
.btn_arrow.typ_03:hover { opacity: 1; }

.btn_arrow.typ_03.color_01 span { color: #fff; border-color: #526ca3; background: #526ca3; }
.btn_arrow.typ_03.color_01:before { border-color: #1a2f5a; background: #526ca3; }
.btn_arrow.typ_03.color_02 span { color: #fff; border-color: #dc5746; background: #dc5746; }
.btn_arrow.typ_03.color_02:before { border-color: #d61900; background: #dc5746; }

.btn_arrow.typ_03.point_left span { border: 1px solid #e2e2e2; border-left: 0; }
.btn_arrow.typ_03.point_left:before { left: -10px; }

.btn_arrow.dark span { background-color: #272727; border: 0; }
.btn_arrow.dark:before { border-color: #414141; background-color: #fff; background-color: #272727; top: 3px; }

.btn_arrow.typ_04 { line-height: 22px; }
.btn_arrow.typ_04 span,
.btn_arrow.typ_04:before { border-color: #d1d1d1; border-width: 1px; background: #f0f0f0; color: #666; text-shadow: none; }
.btn_arrow.typ_04:before { right: 6px; top: 3px; width: 16px; height: 16px; }
.btn_arrow.typ_04 span:before { content: ""; position: absolute; left: 0; top: -0.1em; right: 0; height: 0.1em; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }

.btn_arrow.typ_04.point_left { margin-left: 12px; }
.btn_arrow.typ_04.point_left span { border: 1px solid #d1d1d1; border-left: 0; }
.btn_arrow.typ_04.point_left:before { left: -9px; }

.btn_arrow.typ_05 span { border-color: #e2e2e2; border-width: 1px; background: #fff; text-shadow: none; color: #808080; position: relative; padding-right: 1.1em; }
.btn_arrow.typ_05 span:before { content: ""; position: absolute; left: 0; bottom: -1px; right: 0; height: 1px; box-shadow: 0 1px 5px rgba(0,0,0,0.3);}
.btn_arrow.typ_05 span:after { content: ""; position: absolute; right: -0.2em; top: 50%; margin-top: -0.35em; width: 0.5em; height: 0.5em; border-radius: 50%; border: 1px solid #e2e2e2; }
.btn_arrow.typ_05:before { border-color: #c0c0c0; background: #fff; height: 18px; width: 18px; right: 5px; border-width: 1px; border-color: #e2e2e2; }

.btn_arrow.typ_05.point_left span { border: 1px solid #e2e2e2; border-left: 0; padding: 0 8px 0 14px; white-space: nowrap; text-overflow:ellipsis; max-width: 160px; height: 26px; overflow: hidden; }
.btn_arrow.typ_05.point_left:before { left: -9px; }
.btn_arrow.typ_05.point_left span:after { right: auto; left: 0; }
.keyword.btn_arrow.typ_05.point_left:after { content: ""; position: absolute; left: 0; bottom: 9px; right: 0; height: 1px; box-shadow: 0 1px 5px rgba(0,0,0,0.3); }

.button_toggle_view	{ display: inline-block; position: relative; padding: 1px 63px 1px 0; background: url(../img/toggle_02.png) top right no-repeat; border: none; outline: none; font-size: .75em; line-height: 2.1; color: #808080; text-transform: uppercase; cursor: pointer; }
.button_toggle_view span { transition: right .2s ease; -webkit-transition: right .2s ease; background: url(../img/toggle_hand.png); position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; text-indent: -9999px; }
.button_toggle_view.on span { right: 30px; }

.btn_circle_icon { display: inline-block; height: 3em; padding-left: 1.9em; position: relative; }
.btn_circle_icon:before { content: ""; position: absolute; left: 0; top: 0; width: 2.5em; height: 2.5em; border-radius: 50%; background: #a0a0a0 no-repeat center; box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); }
.btn_circle_icon:hover:before  { background-color: #ca1010; }
.btn_circle_icon .btn_arrow { top: 0.5em; opacity: 1; font-size: 11px; line-height: 22px; }
.btn_circle_icon.view:before { background-image: url(../img/icons/eye_white.png); }
.btn_circle_icon.tools:before { background-image: url(../img/icons/tools_white.png); }
.btn_circle_icon.follow:before { background-image: url(../img/icons/star_white.png); }
.btn_circle_icon.following { opacity: 0.5; }
.btn_circle_icon.following:hover:before { background-color: #a0a0a0; }

.btn_edit { cursor: pointer; position: relative; line-height: 1.5; font-size: 0.7em; display: inline-block; border: 1px solid #E4E4E4; padding: 0.4em 3.3em 0.4em 0.8em; border-radius: 0.3em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #fff, #f0f0f0); background-image: -moz-linear-gradient(top, #fff, #f0f0f0); background-image: -o-linear-gradient(top, #fff, #f0f0f0); background-image: linear-gradient(to bottom, #fff, #f0f0f0); box-shadow: 0 1px 2px rgba(0,0,0,0.05); color: #dc1000 !important; text-decoration: none; }
.btn_edit:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 2.3em; border-left: 1px solid #E4E4E4; background: transparent url(../img/icons/pen_gray.png) no-repeat center center; }
.btn_edit.active,
.btn_edit:hover { background: #f3f3f3; text-decoration: none !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); color: #999 !important; }
.btn_edit.point_left { padding: 0.4em 0.8em 0.4em 3.3em; }
.btn_edit.point_left:before { border: 0 none; border-right: 1px solid #E4E4E4; left: 0; right: auto; }

.btn_edit.small { text-indent: -9999px; padding: 0.4em 2.3em 0.4em 0; }
.btn_edit.small:before { border: 0; }

.btn_edit.large { padding: 0.6em 3.8em 0.6em 1.2em; }

.btn_edit.del_icon:before { background: transparent url(../img/icons/icn_smece.png) no-repeat center center; }
.btn_edit.more_icon:before { background: transparent url(../img/icons/icn_plus.png) no-repeat center center; }
.btn_edit.up_icon:before { background: transparent url(../img/icons/arrow_small_up_red.png) no-repeat center center; }
.btn_edit.left_icon:before { background: transparent url(../img/icons/arrow_small_prev_red_03.png) no-repeat center center; }
.btn_edit.cog_icon:before { background: transparent url(../img/icons/icn_cog.png) no-repeat center center; }

.pro_badges { display: inline-block; min-width: 191px; height: 55px; text-indent: -9999px; overflow: hidden; background: transparent url(../img/pro_badges.png) no-repeat 0 center; }
.pro_badges.more { text-indent: 0; }
.pro_badges .btn_hand_point { margin-left: 200px; margin-top: 15px; }

.btn_hand_point { display: inline-block; font-size: 0.7em; color: #808080; padding-left: 2.2em; line-height: 2; text-decoration: none; background: transparent url(../img/icons/hand_left.png) no-repeat 0 center; }

.btn_premium { display: inline-block; cursor: pointer; }
.btn_premium span { display: inline-block; position: relative; font-size: 0.8em; text-transform: uppercase; color: #010101; padding: 0.3em 3.6em 0.3em 1em; border-radius: 0.2em; margin-right: 1.2em; box-shadow: 0 0.12em 0.1em rgba(0,0,0,0.3); background-color: #f2eabb; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2eabb),color-stop(100%, #d4cca1));background-image:-webkit-linear-gradient(top, #f2eabb,#d4cca1);background-image:linear-gradient(to bottom,#f2eabb,#d4cca1); }
.btn_premium span:after { content: ""; position: absolute; right: -1.2em; top: 0; bottom: 0; width: 5em; background:transparent url(../img/icons/premium_arrow.png) no-repeat right center; }
.btn_premium span:hover { background-color: #d4cca1; background-image:none;  }

.btn_action { display: inline-block; cursor: pointer; height: 44px; border-radius: 2px 0 0 6px; background: transparent url(../img/sprites/btn_action_sprite.png) no-repeat right top; text-decoration: none; border: 0; outline: 0; }
.btn_action:hover,
.btn_action:focus { background-position: right -47px; }
.btn_action span { display: inline-block; font-size: 16px; line-height: 43px; padding: 0 55px 0 15px; margin-right: 20px; font-weight: 400; text-shadow: 0 1px 2px rgba(0,0,0,0.4); color: #fff; text-transform: uppercase; }
.btn_action.message span { background: transparent url(../img/icons/pencil_red.png) no-repeat right center; }
.btn_action.checkmark span { background: transparent url(../img/icons/check_red_dark.png) no-repeat right center; }
.btn_action.dots span { background: transparent url(../img/icons/dots_3_yellow.png) no-repeat right center; }
.btn_action.star span { background: transparent url(../img/icons/star_red_2.png) no-repeat right center; }
.btn_action.user_add span { background: transparent url(../img/icons/user_add.png) no-repeat right center; }
.btn_action.archive span { background: transparent url(../img/icons/archive_small.png) no-repeat right center; }

.btn_action.type_02 { background-image: url(../img/sprites/btn_action_sprite_2.png); }
.btn_action	.type_02 span { margin-right: 15px; }

.btn_action.small { height: 34px; background-image: url(../img/sprites/btn_action_sprite_small.png); }
.btn_action.small span { line-height: 32px; font-size: 12px; padding: 0 52px 0 15px; margin-right: 18px; }
.btn_action.small:hover,
.btn_action.small:focus { background-position: right -40px; }
.btn_action.small.green { background-image: url(../img/sprites/btn_action_sprite_small_green.png); }

.btn_view_more { display: inline-block; position: relative; font-size: 0.8em; text-decoration: none; text-transform: uppercase; color: #fff; padding: 0.2em 1em 2.5em;  background: transparent url(../img/sprites/view_more_back.png) no-repeat center bottom; cursor: pointer; }
.btn_view_more_02 { display: block; position: relative; text-align: center; margin-bottom: 20px; font-size: 0.8em; text-decoration: none; text-transform: uppercase; color: #222; padding: 0 0 18px 0; background: transparent url(../img/sprites/view_more_back_02.png) no-repeat center bottom; cursor: pointer; }

.btn_search { display: inline-block; position: relative; width: 1.4em; height: 1.4em; overflow: hidden; text-indent: -9999em; background: transparent url(../img/icons/search_02.png) no-repeat center; }
.btn_search:hover { opacity: 0.5; }

.btn_plus { display: inline-block; width: 40px; height: 39px; overflow: hidden; text-indent: -9999em; background: #dc1000 url(../img/icons/smal_plus_02.png) no-repeat center; border: 0; border-radius: 2px; }
.btn_plus:hover { opacity: 0.5; }

.biography_link { display: inline-block; position: relative; padding-left: 17px; margin-left: 5px; background: transparent url(../img/icons/wiki_book_small.png) no-repeat 0 center; }

.centered_btn_area { text-align: center; margin-bottom: 20px; }

/* SIMPLE CALENDAR
*******************************************************/

.simplecal.picker { position: absolute; width: 20em; z-index: 2400; background-color: #fff; font-size: 0.8em; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.1); font-family: Arial; overflow: au }
.simplecal.picker { -webkit-animation:simplecal_enter 0.3s ease-in;-moz-animation:simplecal_enter 0.3s ease-in;animation:simplecal_enter 0.3s ease-in; }
.simplecal.picker a { cursor: pointer; }
@-webkit-keyframes simplecal_enter{from{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(30deg)}to{opacity:1;-webkit-transform:translateY(0px) perspective(600px) rotateX(0deg)}}@-moz-keyframes simplecal_enter{from{opacity:0;-moz-transform:translateY(-10px) perspective(600px) rotateX(30deg)}to{opacity:1;-moz-transform:translateY(0px) perspective(600px) rotateX(0deg)}}@-o-keyframes simplecal_enter{from{opacity:0;-o-transform:translateY(-10px) perspective(600px) rotateX(30deg)}to{opacity:1;-o-transform:translateY(0px) perspective(600px) rotateX(0deg)}}@keyframes simplecal_enter{from{opacity:0;transform:translateY(-10px) perspective(600px) rotateX(30deg)}to{opacity:1;transform:translateY(0px) perspective(600px) rotateX(0deg)}}@-webkit-keyframes simplecal_title_anim{0%{top:0}50%{top:-100%}100%{top:0}}@-moz-keyframes simplecal_title_anim{0%{top:0}50%{top:-100%}100%{top:0}}@-o-keyframes simplecal_title_anim{0%{top:0}50%{top:-100%}100%{top:0}}@keyframes simplecal_title_anim{0%{top:0}50%{top:-100%}100%{top:0}}@-webkit-keyframes fade_in{from{opacity:0}to{opacity:1}}@-moz-keyframes fade_in{from{opacity:0}to{opacity:1}}@-o-keyframes fade_in{from{opacity:0}to{opacity:1}}@keyframes fade_in{from{opacity:0}to{opacity:1}}
.simplecal.attached a { cursor: pointer; }
.popup3kContent .simplecal { max-width: 25em; font-size: 0.9em; }
.popup3kContent .simplecal a { text-decoration: none; }

.simplecal { overflow: hidden; position: relative; z-index: 10; }
.simplecal .meta { position: relative; text-align: center; border: 1px solid #e4e4e4; border-bottom: 0; }
.simplecal .meta_title { margin: 0; padding: 10px 0; color: #cdc6c6; font-size: 1.05em; line-height: 1.25; text-align: center; text-transform: uppercase; overflow: hidden; white-space: nowrap; }
.simplecal .meta_title span { margin: 0 10px; color: #dc1000; font-size: 0.9em; }
.simplecal .month_control { position: absolute; top: 0; bottom: 0; width: 14%; cursor: pointer; }
.simplecal .month_control.prev { left: 0; border-right: 1px solid #ededed; }
.simplecal .month_control.next { right: 0; border-left: 1px solid #ededed; }
.simplecal .month_control span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: -9999px; }
.simplecal .month_control.prev span { background: url(../img/icons/tick_02_prev.png) no-repeat center; }
.simplecal .month_control.next span { background: url(../img/icons/tick_02_next.png) no-repeat center; }
.simplecal table { width: 100%; table-layout: fixed; font-size: 1em; }
.simplecal table thead { background:none; border: 0; }
.simplecal td,
.simplecal th { padding: 0; text-align: center; border-collapse: collapse; border: 1px solid #ededed; font-weight: normal; letter-spacing: -0.03em; }
.simplecal th { padding: 0.8em 0 0.7em; color: #999; text-transform: uppercase; font-size: 0.7em; }
.simplecal_cell,
.simplecal_disabled { display: block; padding: 0.5em 0; text-align: center; color: #dc1000; text-decoration: none; }
.simplecal_cell.active { cursor: pointer; color: #000; border-bottom: 3px solid #dc1000; padding-bottom: 3px; }
.simplecal_cell.active:hover { background-color: #dc1000; color: #fff; }

.simplecal_disabled { color: #aeaeae; }
.simplecal_cell.selected { background-color: #dc1000; color: #fff; }
.simplecal_cell.today { color: #000; }

.simplecal.dark { background-color: rgba(0,0,0,0.1); }
.simplecal.dark th { color: #666; font-size: 12px; }
.simplecal.dark .simplecal_cell,
.simplecal.dark .simplecal_disabled { color: #fff; }
.simplecal.dark simplecal_disabled { color: #444; }
.simplecal.dark .simplecal_cell.selected { background-color: rgba(0,0,0,0.7); }
.simplecal.dark .simplecal_cell.active { color: #fff; }
.simplecal.dark td, .simplecal.dark th,
.simplecal.dark .month_control.prev,
.simplecal.dark .month_control.next,
.simplecal.dark .meta { border-color: #0f0f0e; }
.simplecal.dark .meta_title span { color: #fff; }
.simplecal.dark .simplecal_cell.active,
.simplecal.dark .simplecal_cell.active:hover { border-bottom-color: #fff; }
.simplecal.dark .simplecal_cell.active:hover { background-color: rgba(0,0,0,0.7); }

.simplecal.pink .simplecal_cell.active,
.simplecal.pink .simplecal_cell.active:hover { border-bottom-color: #cf0479; }
.simplecal.pink .simplecal_cell { color: #cf0479; }

.simplecal.blue .simplecal_cell.active,
.simplecal.blue .simplecal_cell.active:hover { border-bottom-color: #11D0EA; }
.simplecal.blue .simplecal_cell { color: #11D0EA; }

.simplecal.white { background-color: #fff; }
.simplecal.white .meta { background-color: #fff; border-bottom:0; }
.simplecal.white .meta:before { content: ""; position: absolute; left: 0; right: 0; top: 1em; bottom: 0; border-radius: 25%; box-shadow: 0 0 0.30em rgba(0,0,0,0.4); z-index: -2; }
.simplecal.white th { padding-top: 1em; }
.simplecal.white .simplecal_cell { color: #303030; }
.simplecal.white .simplecal_cell.today { color: #999; }
.simplecal.white .simplecal_cell.selected,
.simplecal.white .simplecal_cell.active:hover { color: #fff; box-shadow: inset 0 0 0.2em rgba(0,0,0,0.3); }

.page_column_02 .simplecal { margin-bottom: 1.1em; }
.calendar_standalone_links,
.excahange_standalone_datepicker { position: absolute; left: -9999px; visibility: hidden; }

/* GRADES
*******************************************************/
.grade { font-size: 0.75em; color: #808080; overflow: hidden; opacity: 1; transition: all 0.1s ease-in; }
.grade .lbl { text-transform: uppercase; float: left; margin-right: 5px; }
.grade p { float: left; margin: 1px 2px 0 0; }
.grade p a,
.grade p span { float: left; overflow: hidden; width: 19px; height: 15px; background: url(../img/icons/star_on.png) no-repeat center; text-indent: -9999px; }
.grade p a { cursor: pointer; }
.grade .marked { background: url(../img/icons/star_on_red.png) no-repeat center; }
.grade .marked.half { background: url(../img/icons/star_on_half.png) no-repeat center; }
.grade.active .marked.active,
.grade .active { background: url(../img/icons/star_on_yellow.png) no-repeat center; }
.grade.active .marked { background: url(../img/icons/star_on.png) no-repeat center; }
.grade .score { float: left; color: #222; margin-right: 5px; }
.grade .votes { float: left; }
.grade.waiting { opacity: 0.5; }

.article_quiz_grade.bord { padding-top: 15px; margin-top: 20px; position: relative; }
.article_quiz_grade.bord:before { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; background: #f4f4f4; position: absolute; top: 0; left: 0; right: 0; }
.article_quiz_grade .social_interactions { float: left; margin-top: 5px; }
.article_quiz_grade .grade { float: right !important; }

.wine_grade { overflow: hidden; position: relative; margin-top: 15px; }
.wine_grade p { float: left; position: relative; left: 50%; display: block; }
.wine_grade p span { width: 10px; height: 20px; background: url('../img/dobravina/glass.png') no-repeat center; display: block; float: left; position: relative; right: 50%; margin: 0 4px; }
.wine_grade p .marked { background: url('../img/dobravina/glass_marked.png') no-repeat center; }

.wine_points_marker { position: relative; display: block; height: 1px; width: 100%; }
.wine_points_marker .points { position: absolute; top: 13px; left: 0; display: block; font-family: "Stag Web"; font-size: 14px; line-height: 16px; color: #dc1000; font-weight: 400; }
.wine_points_marker .points span { display: block; font-family: "Stag Sans Web"; font-size: 9px; line-height: 11px; color: #808080; text-transform: uppercase; }
.wine_points_marker .marker { position: absolute; top: 8px; right: 0; display: block; width: 36px; height: 34px; }
.wine_points_marker .gold { background: url('../img/dobravina/zlato_small.png') no-repeat; }
.wine_points_marker .platinum { background: url('../img/dobravina/platinum_small.png') no-repeat; }
.wine_points_marker .silver { background: url('../img/dobravina/srebro_small.png') no-repeat; }
.wine_points_marker .probation { background: url('../img/dobravina/kusanje_small.png') no-repeat; }
.wine_points_marker .tasting { background: url('../img/dobravina/degustacija_small.png') no-repeat; }
.wine_points_marker .bestbuy { background: url('../img/dobravina/best_buy_small.png') no-repeat; }
.wine_points_marker .bronze { background: url('../img/dobravina/bronca_small.png') no-repeat; }

.std_landing_list_item .wine_grade_heading { color: #222; }
.std_landing_list_item.typ_02 .wine_grade_desc { position: relative; display: block; height: 35px; overflow: hidden; text-overflow: ellipsis; margin: -5px 0 0; font-size: 13px; line-height: 17px; color: #555; }

.vl_wines { position: relative; display: block; height: 53px; background: url('../img/dobravina/dobravina_h1.png') 0 0 no-repeat; }

@media screen and (max-width: 900px) {
	.wine_grade { zoom: 0.8; }
	.wine_points_marker { zoom: 0.8; }
	.std_landing_list_item .wine_grade_heading { font-size: 1.2em !important; line-height: 1em !important; }
	.vl_wines { background-size: 100%; max-width: 461px; }
}

@media screen and (max-width: 765px) {
	.std_landing_list_item.wines { width: 50%; }
	.std_landing_list_item.typ_02.wines a { max-width: 210px; margin: 0 auto; }
	.wine_grade { zoom: 1; }
	.wine_points_marker { zoom: 1; }
	.std_landing_list_item .wine_grade_heading { font-size: 1.5em !important; line-height: 1.1em !important; }
}

@media screen and (max-width: 480px) {
	.std_landing_list_item.wines { width: 100%; }
	.wine_grade { zoom: 1; }
	.wine_points_marker { zoom: 1; }
	.std_landing_list_item .wine_grade_heading { font-size: 1.2em !important; line-height: 1em !important; }
	.vl_wines { height: 22px; }
}


/* INCREMENT PAGINATOR
*******************************************************/
.increment { text-align: justify; background: #f7f7f7; border: 1px solid #ececec; overflow: hidden; border-radius: 13px; width: 100%; padding: 0; list-style: none; position: relative; margin: 0; box-shadow: 0 3px 3px rgba(0,0,0,.15) inset; font-size: 0.1px; }
.increment:before { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; top: 12px; left: 10px; right: 10px; z-index: 1; }
.increment:after { content: ''; width: 100%; display: inline-block; }
.increment a { display: inline-block; cursor: pointer; position: relative; z-index: 3; vertical-align: top; line-height: 0; }
.increment span { display: block; margin: 9px; width: 8px; height: 8px; background: #d70093; text-indent: -9999px; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,.3) inset; position: relative; z-index: 10; }
.increment .active:before { background: url(../img/toggle_hand.png); height: 20px; position: absolute; z-index: 2; left: 3px; text-indent: -9999px; top: 4px; width: 20px; content: " "; }
.increment a:hover span { opacity: .8; }

/* TAB NAV
*******************************************************/
.tab_nav { position: relative; padding-bottom: 20px; z-index: 20; overflow: hidden; }
.tab_nav:before { border-radius: 100%; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15); content: " "; height: 10px; left: 0; position: absolute; right: 0; top: -10px; }
.tab_nav:after { content: " "; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; bottom: 20px; left: 0; right: 0; }
.tab_nav ul { list-style: none; margin: 0; padding: 0; position: relative; overflow: hidden; }
.tab_nav li { float: left; font-size: 0.8em; line-height: 2; text-transform: uppercase; }
.tab_nav li a { display: block; text-align: center; color: #aeaeae; padding: 8px 7px; position: relative; cursor: pointer; text-decoration: none; }
.tab_nav li a:hover { color: #000; }
.tab_nav .active a { color: #dc1000; }
.tab_nav .active a:before { content: ""; border: 6px solid transparent; border-top-color: #d01010; position: absolute; left: 50%; bottom: -12px; margin-left: -6px; z-index: 4; }
.tab_nav .active a:after { content: ""; height: 1px; border: 1px solid #bb0e0e; border-bottom-color: #d01010; border-radius: 2px; display: block; background: #dc1000; position: absolute; z-index: 2; bottom: 0; left: 0px; right: 0px; }
.tab_nav .skin_select { position: absolute; right: 0; top: 50%; margin-top: -1.6em; }
.tab_nav.centered { text-align: center; }
.tab_nav.centered li { display: inline-block; float: none; }
.tab_nav.centered li a { display: inline-block; }
.tab_nav.centered nav { display: inline-block; }

.std_t_module_01 .tab_nav { margin-top: -15px; }
.std_t_module_01.no_marg { margin: 0px; }

/* sport */
.tab_nav.two_col { margin-top: 0; }
.tab_nav.two_col li { width: 50%; }
.tab_nav.two_col li a { padding: 15px; }

.tab_nav.three_col { margin-top: 0; }
.tab_nav.three_col li { width: 33.33%; }
.tab_nav.three_col li a { padding: 15px; }

.tab_nav.four_col { margin-top: 0; }
.tab_nav.four_col li { width: 25%; }
.tab_nav.four_col li a { padding: 15px; }
/* end sport */
.dark_layout .tab_nav a { color: #fff; }
.dark_layout .tab_nav .active a,
.dark_layout .tab_nav a:hover { color: #dc1000; }
.dark_layout .tab_nav:before { display: block; }
.dark_layout .tab_nav:after { height: 3px; border: 0; border-bottom: 1px solid rgba(255,255,255, 0.04); border-radius: 2px; background: rgba(0,0,0,0.15); }

.generic_js_tabs .tab_block { display: none; }
.generic_js_tabs .tab_block.active { display: block; }

.tab_nav.fifty_split li { width: 50%; font-size: .9em; }
.tab_nav.fifty_split li a { text-align: center; }

.tab_nav.no_shadow:before { display: none; }

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

	.tab_nav .skin_select { position: relative; top: auto; margin: 10px 0; }

}

/* SPELL CHECK
*******************************************************/
.spell_check { margin: 0; background: url(../img/spell_check_button.png); width: 157px; height: 30px; cursor: pointer; overflow: hidden; text-indent: -9999px; display: block; }

/* PAGINATION
*******************************************************/
.pagination { position: relative; padding: 0.3em 6em 0.3em 6.7em; }
.pagination:after { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; top: 0; left: 0; right: 0; }
.pagination ul { list-style: none; margin: 0; padding: 0; text-align: center;  }
.pagination li { display: inline-block; }
.pagination li a { display: inline-block; position: relative; height: 2em; min-width: 1.4em; padding: 0 0.3em; line-height: 2em; margin: 1em 0.35em 0.7em; font-size: 0.85em; text-decoration: none; border: 1px solid #e2e2e2; background-color: #f3f3f3; color: #9e9e9e; border-radius: 0.2em; box-shadow: inset 0 1px 0.3em rgba(0,0,0,0.05); }
.pagination li span { display: inline-block; position: relative; height: 2em; min-width: 1.4em; padding: 0 0.3em; line-height: 2em; margin: 1em 0 0.7em; font-size: 0.85em; color: #999; }
.pagination li .active,
.pagination li a:hover { box-shadow: inset 0 1px 0.4em rgba(0,0,0,0.1); }
.pagination .active:after { content: ""; position: absolute; left: -3px; right: -3px; top: -1.4em; height: 3px; background-color: #dc1000; z-index: 10; border-radius: 0.3em; }
.pagination .active:before { content: ""; position: absolute; left: 50%; margin-left: -9px; top: -1.3em; width: 0; height: 0; border: 8px solid transparent; border-top-color:#dc1000; z-index: 15; }
.pagination .prev,
.pagination .next { position: absolute; top: 1.5em; left: 0; }
.pagination .next { left: auto; right: 0; }

.page_column_01_inner .pagination { margin: 1em; }

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

	.pagination { padding: 0.3em 3em; }

	.pagination li a,
	.pagination li span { display: none; }

	.pagination li a.one_prev,
	.pagination li a.one_next,
	.pagination li a.active { display: inline-block; }

}

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

	.pagination .prev span,
	.pagination .next span { text-indent: -9999px; }

}

/* TAG CLOSE
*******************************************************/
.tag_close { display: inline-block; color: #222; font-size: 0.85em; text-decoration: none; text-transform: uppercase; padding-right: 1.3em; background: transparent url(../img/icons/circle_close_small.png) no-repeat right center; }
.tag_close:hover { opacity: 0.5; }

/* PARALAX INTRO
*******************************************************/
.paralax_intro { display: block; height: 400px; }
.paralax_intro .p_inner_block { max-width: 100%; position: fixed; left: 0; right: 0; top: 4.7em; }
.paralax_intro_img { position: fixed; left: 0; right: 0; width: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.paralax_intro > .pusher { visibility: hidden; opacity: 0; }

.paralax_intro.small { height: 350px; }
.paralax_intro.small .paralax_intro_img { height: 458px; }

.paralax_content { position: relative; background: #F9F9F9; padding: .01px; }

/* SWIPE HELPERS
*******************************************************/
.swipe_slider { position: relative; }
.swipe {overflow: hidden; position: relative; }
.swipe .slide { float: left; width: 100%; position: relative; }
.swipe-wrap {overflow: hidden; position: relative; }

.slider_arrow { display: inline-block; cursor: pointer; text-indent: -9999em; overflow: hidden; width: 45px; height: 60px; background: transparent url(../img/icons/icon_arrow_next.png) no-repeat center; }
.slider_arrow.prev { background-image: url(../img/icons/icon_arrow_prev.png); }
.slider_arrow:hover { opacity: 0.8; }
.slider_arrow.disabled,
.slider_arrow.disabled:hover { opacity: 0.2; cursor: auto; }

.slider_arrow.white { background-image: url(../img/icons/arrow_next_02.png); width: 94px; height: 94px; }
.slider_arrow.white.prev { background-image: url(../img/icons/arrow_prev_02.png); }

.slider_arrow_02 { display: inline-block; cursor: pointer; text-indent: -9999em; overflow: hidden; width: 25px; height: 65px; background: transparent url(../img/sprites/arrow_02_sprite.png) no-repeat center; }
.slider_arrow_02.next { background-position: 0 0; }
.slider_arrow_02.next.disabled { background-position: -60px 0; }
.slider_arrow_02.prev { background-position: -30px 0; }
.slider_arrow_02.prev.disabled { background-position: -90px 0; }
.slider_arrow_02:hover { opacity: 0.8; }
.slider_arrow_02.disabled { cursor: auto; }
.slider_arrow_02.disabled:hover { opacity: 1; }

.slider_arrow_03 { display: inline-block; cursor: pointer; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; text-indent: -9999em; background: #cccccc url(../img/icons/arrow_white_next.png) no-repeat center; box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
.slider_arrow_03.prev { background-image: url(../img/icons/arrow_white_prev.png); }
.slider_arrow_03:hover { background-color: #acacac; }
.slider_arrow_03.disabled { opacity: 0.3; cursor: auto; }

.slider_arrow_04 { position: absolute; top: 0; right: -50px; bottom: 0; width: 35px; text-indent: -9999px; cursor: pointer; height: auto; background: rgba(255,255,255,0.95) url(../img/icons/arrow_small_next_red.png) no-repeat center; z-index: 20; transition: all 0.2s ease-in; }
.slider_arrow_04.next { right: 0; box-shadow: -3px 0 10px rgba(0,0,0,0.3); }
.slider_arrow_04.prev { left: 0; box-shadow: 3px 0 10px rgba(0,0,0,0.3); background-image: url(../img/icons/arrow_small_prev_red.png); }
.slider_arrow_04.disabled,
.slider_arrow_04.disabled:hover { opacity: 0; cursor: auto; }
.slider_arrow_04:hover { opacity: 0.9; }
.slider_arrow_04:active { opacity: 1; }

.swipe .slider_arrow_04.next,
.rail_slider .slider_arrow_04.next { right: -50px; }
.swipe .slider_arrow_04.prev,
.rail_slider .slider_arrow_04.prev { left: -50px; }
.swipe:hover .slider_arrow_04.next,
.rail_slider:hover .slider_arrow_04.next { right: 0; }
.swipe:hover .slider_arrow_04.prev,
.rail_slider:hover .slider_arrow_04.prev { left: 0; }

.slider_arrow_04.small { box-shadow: none; bottom: auto; width: 30px; height: 60px; top: 50%; margin-top: -30px; border: 1px solid #E4E4E4; }
.slider_arrow_04.small.next { border-right: 0; }
.slider_arrow_04.small.prev { border-left: 0; }

.slider_arrow_05 { position: absolute; top: 0; bottom: 0; width: 48px; text-indent: -9999px; cursor: pointer; height: auto; z-index: 20; transition: all 0.2s ease-in; }
.slider_arrow_05.next { right: -8px; background: url(../img/icons/arrow_small_next_red_02.png) center right no-repeat; }
.slider_arrow_05.prev { left: -8px; background: url(../img/icons/arrow_small_prev_red_02.png) center left no-repeat; }
.slider_arrow_05.disabled { display: none; }
.slider_arrow_05:hover { opacity: 0.9; }
.slider_arrow_05:active { opacity: 1; }

.detail_thumbs .slider_arrow_05.next { right: -1px; }
.detail_thumbs .slider_arrow_05.prev { left: -1px; }
#fs_gallery .detail_thumbs .slider_arrow_05.next { right: -4px; }
#fs_gallery .detail_thumbs .slider_arrow_05.prev { left: -4px; }

.slider_dots { text-align: center; padding: 1em 0 0.2em; }
.slider_dots .dot_wrap { display: inline-block; cursor: pointer; }
.slider_dots .dot { display: inline-block; margin: 7px; width: 8px; height: 8px; background: #ccc; text-indent: -9999px; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,.3) inset; }
.slider_dots .dot_wrap:hover .dot,
.slider_dots .active .dot { background-color: #dc1000; }

/* FOOTER
*******************************************************/
#page_foot { background: #222 url(../img/noise_01.png); border-top: 2px solid #151515; z-index: 102; position: relative; }
#page_foot .inner_p_block { position: relative; }

#page_foot ul { overflow: hidden; margin: 0 10px; padding: 0; list-style: none; }
#page_foot li { float: left; margin: 0 5px; }
#page_foot li a { font-size: 0.75em; text-decoration: none; padding: 5px; }

#page_foot .top { padding: 35px 0 20px; float: left; }
#page_foot .top a { color: #fff; cursor: pointer; }
#page_foot .top a:hover { color: #b9b9b9; }
#page_foot .toggle_responsive { display: none; }

#page_foot .social { float: right; padding: 25px 17px; }
#page_foot .social a { overflow: hidden; text-indent: -9999px; width: 39px; height: 38px; float: left; margin: 0 8px; }
#page_foot .social a:hover { opacity: .7; }
#page_foot .social .fb { background: url(../img/icons/fb.png); }
#page_foot .social .tw { background: url(../img/icons/tw_01.png); }
#page_foot .social .gp { background: url(../img/icons/gp.png); }

#page_foot .partners { clear: both; border: 1px solid #151515; border-bottom-color: #262626; border-width: 1px 0; }
#page_foot .partners .inner { text-align: center; padding: 15px 0 10px; border: 1px solid #262626; border-bottom-color: #151515; border-width: 1px 0; }

.partner_logo { display: inline-block; width: 100px; height: 80px; text-indent: -999em; overflow: hidden; background: transparent url(../img/partners_sprite.png?v=3.0); margin: -12px 8px; }

.pl_24_sata { width: 54px; background-position: -12px 0; }
.pl_24_sata:hover { background-position: -12px -80px; }
.pl_njuskalo { width: 90px; background-position: -83px 0; }
.pl_njuskalo:hover { background-position: -83px -80px; }
.pl_poslovni_dnevnik { width: 140px; background-position: -205px 0; }
.pl_poslovni_dnevnik:hover { background-position: -205px -80px; }
.pl_pixsell { width: 89px; background-position: -360px 0; }
.pl_pixsell:hover { background-position: -360px -80px; }
.pl_mondo { width: 66px; background-position: -452px 0; }
.pl_mondo:hover { background-position: -452px -80px; }
.pl_klokanica { width: 128px; background-position: -521px 0; }
.pl_klokanica:hover { background-position: -521px -80px; }
.pl_zdrava_krava { width: 153px; background-position: -649px 0; }
.pl_zdrava_krava:hover { background-position: -649px -80px; }
.pl_budi_in { width: 125px; background-position: -803px 0; }
.pl_budi_in:hover { background-position: -803px -80px; }
.pl_vrijeme_net { width: 89px; background-position: -929px 0; }
.pl_vrijeme_net:hover { background-position: -929px -80px; }
.pl_gastro { width: 107px; background-position: -1019px 0; }
.pl_gastro:hover { background-position: -1019px -80px; }
.pl_moj_kvart { width: 64px; background-position: -1127px 0; }
.pl_moj_kvart:hover { background-position: -1127px -80px; }
.pl_popustolovac { width:135px; background-position: -1189px 0; }
.pl_popustolovac:hover { background-position: -1189px -80px; }
.pl_jelovnik { width:135px; background-position: -1333px 0; }
.pl_jelovnik:hover { background-position: -1333px -80px; }
.pl_24mobi { width:40px; background-position: -1480px 0; }
.pl_24mobi:hover { background-position: -1480px -80px; }
.pl_goal { width:65px; background-position: -1600px 0; }
.pl_goal:hover { background-position: -1600px -80px; }
.pl_ordinacija { width:125px; background-position: -1750px 0; }
.pl_ordinacija:hover { background-position: -1750px -80px; }

#page_foot .bottom { padding: 25px 0; }
#page_foot .bottom a, #page_foot .copyright a { color: #dc1000; }
#page_foot .bottom a:hover, #page_foot .copyright a:hover { color: #9c0a15; }

#page_foot .scroll_to_top { cursor: pointer; margin: 25px 25px 0 0; float: right; font-size: 0.75em; text-decoration: none; padding: 5px 23px 5px 5px; color: #fff; background: url(../img/icons/to_top.png) center right no-repeat; }
#page_foot .scroll_to_top:hover { opacity: .7; }

#page_foot .copyright { clear: both; width: 100%; color: #919191; font-size: 0.75em; border-top: 1px solid #151515; }
#page_foot .copyright .inner { border-top: 1px solid #262626; padding: 30px 20px;  }
#page_foot .copyright .inner em { font-style: normal; margin: 0px 5px; }

@media screen and (max-width: 800px) {
    #page_foot .toggle_responsive { display: inline; }
}
@media screen and (max-width: 510px) {

	#page_foot .copyright .inner { padding: 17px 20px; }
	#page_foot .copyright .inner em { display: none; }
	#page_foot .copyright .inner span { display: block; width: 100%; margin: 10px 0px; }
}

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

	#page_foot ul,
	#page_foot .partners { display: none; }

	#page_foot .social { padding-left: 7px; float: left; }

	#page_foot .copyright .inner { padding: 8px 20px 10px; }

}

/* STANDARD POPUP
*******************************************************/
.popup3kOverlay { position: absolute; top: 0; left: 0; z-index: 10001; background: #fff; }
.popup3kWrap { position: fixed; top: 0px; left: 0px; z-index: 10002; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: 0 2px 4px rgba(0,0,0,.1); padding: 10px; }
.popup3kClose { display: block; position: absolute; top: 10px; right: 15px; width: 28px; height: 29px; text-indent: -9999px; cursor: pointer; background: url(../img/icons/close.png) center center no-repeat; overflow: hidden; z-index: 10; }
.popup3kTitle { padding: 5px 45px 15px 10px; margin-bottom: 5px; position: relative; }
.popup3kTitle:after { content: ""; height: 1px; border: 1px solid #e2e2e2; border-bottom-color: #ededed; border-radius: 2px; display: block; background: #f4f4f4; position: absolute; bottom: 0; left: 10px; right: 10px; }
.popup3kContent { min-width: 330px; max-width: 800px; min-height: 50px; max-height: 700px; position: relative; overflow: auto; padding: 10px; }
.popup3kBtn { color: #999; font-size: 0.7em; padding: 0.6em; text-transform: uppercase; position: absolute; right: 60px; top: 10px; cursor: pointer; }
.popup3kBtn:hover { color: #222; }

.popup3kWrap.iframe_content,
.iframe_content .popup3kContent { padding: 0; overflow: visible; }
.iframe_content .popup3kClose { top: 5px; right: 5px; }

.popup3kContent iframe { height: 580px; width: 680px; overflow: auto; overflow-x: hidden; margin: 0; display: block; }
.popup3kBtn.refresh { background: url(../img/icons/refresh.png) right center no-repeat; padding-right: 20px; }

.popup_layout_full .popup3kWrap { top: 10px !important; right: 10px !important; bottom: 10px !important; left: 10px !important; padding: 10px 0; }
.popup_layout_full .popup3kContent { min-height: 0; min-width: 0; }
.popup_layout_full .popup3kContent iframe { width: 100%; height: auto; }

/* NANO SCROLLER
*******************************************************/
.flex_scroll_height_module { max-height: 200px; }

.scroll_pane,
.s_scroll_pane { position: relative; overflow: hidden; overflow-x: hidden !important; }
.scroll_pane .s_content,
.s_scroll_pane .s_content { position: absolute; overflow: scroll; overflow-x: hidden !important; top: 0; right: 0; bottom: 0; left: 0; margin-right: -16px; padding-right: 16px; }
.scroll_pane .s_content:focus,
.s_scroll_pane .s_content:focus { outline: thin dotted; }
.scroll_pane .s_content::-webkit-scrollbar,
.s_scroll_pane .s_content::-webkit-scrollbar { visibility: hidden; }
.has-scrollbar .s_content::-webkit-scrollbar { visibility: visible; }
.scroll_pane > .pane,
.s_scroll_pane > .pane { background: rgba(0,0,0,.1); position: absolute; width: 5px; right: 0; top: 0; bottom     : 0; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity    : .01; -webkit-transition    : .2s; -moz-transition       : .2s; -o-transition         : .2s; transition: .2s; }
.scroll_pane > .pane > .slider,
.s_scroll_pane > .pane > .slider { background: #444; background: rgba(0,0,0,.1); position: relative; margin: 0; -moz-border-radius    : 3px; -webkit-border-radius : 3px; border-radius         : 3px; }
.scroll_pane:hover > .pane,
.s_scroll_pane:hover > .pane,
.pane.active,
.pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; }

.scroll_pane .s_content,
.s_scroll_pane .s_content { overflow-scrolling: touch !important; -webkit-overflow-scrolling: touch !important; }

.scroll_pane .s_content ul,
.s_scroll_pane .s_content ul { -webkit-transform: translateZ(0px); }

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

	.s_scroll_pane { overflow: hidden !important; height: auto !important; position: relative; }
	.s_scroll_pane .s_content { position: static; overflow: auto  !important; overflow-x: visible !important; overflow-scrolling: touch !important; -webkit-overflow-scrolling: touch !important; margin-right: 0; padding-right: 0;  }

	.calendar_module .s_scroll_pane:after { display: none; }

}

/* NANO SCROLLER
*******************************************************/
.form_wrapper {
	position: relative;
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

/* SLIDE BANNER (ARTICLE)
******************************************************/
.slide_banner {
	position: fixed;
	bottom: 100px;
	right: -450px;
	display: block;
	width: 400px;
	height: 180px;
	background: #fff;
	z-index: 99999;
	box-shadow: 0 0 38px rgba(0,0,0, 0.2);
}

.slide_banner .heading {
	position: relative;
	width: 100%;
	height: 32px;
	background: #8f0000;
	box-shadow: inset 0 0 3px rgba(58,0,0,.32);
	border-top: 4px solid #b70202;
	cursor: default;
}

.slide_banner .heading span {
	font-size: 0.75em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,.35);
	font-family: sans-serif;
	margin: 0 0 0 20px;3
	cursor: default;
}

.slide_banner .close {
	position: absolute;
	top: 4px;
	right: 0;
	display: block;
	width: 32px;
	height: 32px;
	background: #fff url('../img/close_banner.png') center no-repeat;
	background-size: 16px;
	cursor: pointer;
	transition: 0.15s;
}

.slide_banner .close:hover {
	background: #fff url('../img/close_banner_active.png') center no-repeat;
}

.slide_banner article {
	position: relative;
	margin: 0;
	padding: 20px;
}

.slide_banner article a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.slide_banner article .img_block {
	position: relative;
	display: block;
	width: 105px;
	height: 105px;
	float: left;
	margin: 0 20px 0 0;
	box-shadow: none;
	overflow: hidden;
}

.slide_banner article .subtitle {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.75em;
	text-transform: uppercase;
	color: #808080;
	font-family: sans-serif;
}

.slide_banner article .title {
	font-size: 1.1em;
	color: #000;
	font-weight: 700;
	line-height: 1.3em;
	font-family: 'Stag Web';
	max-height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;

}

@media screen and (max-width: 750px) {
	.slide_banner { display: none; }
}



/* BLOGOSFERA
*******************************************************/

.register_cta { background: #252525 url(../img/noise_01.png); overflow: hidden; position: relative; padding: 2em 0; overflow: hidden; }
.register_cta:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; right: 0; box-shadow: 0 0 160px 80px rgba(0, 0, 0, 0.45); }
.register_cta:after { content: " "; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; box-shadow: 0 0 160px 80px rgba(0, 0, 0, 0.45); }

.register_cta .img_block { z-index: 10; }
.register_cta .info { position: absolute; left: 0; top: 0; padding: 3em; }
@media screen and (max-width: 550px) {
	.register_cta .info {
		padding: 1.5em;
	}
}
.register_cta .info .title_large { color: #fff; font-size: 5em; line-height: 1.1; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
@media screen and (max-width: 800px) {
	.register_cta .info .title_large {
		font-size: 3em;
	}
}

@media screen and (max-width: 550px) {
	.register_cta .info .title_large {
		font-size: 1.3em;
	}
}
.register_cta .info .title_large span { display: block; color: #f7d700; font-size: 1.25em; }
.register_cta .info p { padding: 1em 0; font-size: 1em; color: #e6e6e6; font-family: 'Stag Sans Web'; margin-right: 6em; }
.register_cta .forms { position: absolute; right: 0; left: 60%; top: 0; padding: 4em 4em 1em 1em; }
.register_cta form { margin-bottom: 1em; }
.register_cta input { display: block; width: 100%; border: 1px solid #474646; font-size: 1em; color: #000; font-family: 'Stag Web'; letter-spacing: 0.05em; font-weight: 700; background-color: rgba(255,255,255,0.9); border-radius: 0.2em; padding: 0.7em 0; text-indent: 1em; margin-bottom: 0.2em; }
.register_cta .group input { float: left; width: 49%; border-radius:  0 0.2em 0.2em 0; }
.register_cta .group input:first-child { border-radius: 0.2em 0 0 0.2em; border-right: 0; }
.register_cta .btn_action { float: right; margin: 0.6em 0; }
.register_cta .forms .title { color: #fff; font-size: 1em; font-weight: 700; margin: 1em 0; }

.blogosfera_contact_button {
	margin-top: 50px !important;
	float: none !important;
}
@media screen and (max-width: 550px) {
	.blogosfera_contact_button {
		margin-top: 20px !important;
	}
}

.blogosfera_contact_link {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1.5em;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 550px) {
	.blogosfera_contact_link {
		display: none;
	}
}

/* BREAKING NEWS LABEL */
.breaking_news_label {
	position: absolute;
	left: 20px;
	bottom: 20px;
	display: block;
	width: 333%;
	height: 40px;
	margin: 0;
	padding: 17px 0;
	background: url('../img/sprites/breking_news_circle.png') 0 0 no-repeat;
	font-family: "Stag Web";
	font-size: 1.54em;
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	overflow: hidden;
}

.breaking_news_label .label {
	position: relative;
	display: block;
	float: left;
	width: auto;
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 64px;
	padding: 0 30px 0 15px;
	background: url('../img/sprites/breaking_news_yellow.png') center right no-repeat;
	z-index: 2;
}

.breaking_news_label .label .red {
	color: #dc1000;
}

.breaking_news_label .text {
	position: relative;
	display: block;
	float: left;
	width: auto;
	height: 40px;
	line-height: 40px;
	margin: 0 30px 0 -30px;
	padding: 0 30px 0 45px;
	background: url('../img/sprites/breaking_news_red.png') center right no-repeat;
	z-index: 1;
	font-weight: 300;
	color: #fff;
	opacity: 0.85;
}

@media screen and (max-width: 850px) {
    .breaking_news_label {
    	font-size: 1.3em;
    }
}

@media screen and (max-width: 650px) {
    .breaking_news_label {
    	font-size: 1em;
    	left: 5px;
    	bottom: 5px;
    	padding: 2px 0;
    	background: none;
    }
    .breaking_news_label .label {
    	margin: 0;
    }
}

@media screen and (max-width: 480px) {
    .breaking_news_label {
    	font-size: 0.9em;
    	left: 0;
    }
    .breaking_news_label .label {
    	padding: 0 25px 0 10px;
    }
    .breaking_news_label .text {
    	padding: 0 20px 0 35px;
    }
}

/* HELPERS
*******************************************************/
.kill_z_index { z-index: 0 !important; }
/*.social_interactions .fb_iframe_widget {top: -7px;} */
.social_interactions .fb_iframe_widget > span { vertical-align: baseline !important; }

/* AdTech z-index bug fix
*******************************************************/
.banner.w300 { position: relative; z-index: 1; }

@media screen and (max-width: 1024px) {
    .desktop_only {
		display: none !important;
    }
}

.mobile_only {
	display: none !important;
}

@media screen and (max-width: 1024px) {
    .mobile_only {
		display: block !important;
    }
}

@media screen and (max-width: 650px) {
    .kill_mobile {
		display: none !important;
    }
}

/* MEDIA PRINT
*****************************************************/
@media print {

	/******************************************************
	*******************************************************
	Vecernji.hr CSS file for ARTICLE PRINT
	author: Trikoder d.o.o.
	*******************************************************
	*******************************************************/

	body.printable { background-image: none !important; }

	/* DEFAULT ARTICLES
	******************************************************/
	.printable #page_head,
	.printable #mobile_menu_left,
	.printable .body_inner_wrap > *,
	.printable .detail_view_tabs,
	.printable .social_interactions,
	.printable .social_status,
	.printable .detail_thumbs,
	.printable .detail_content_banner,
	.printable .related_articles,
	.printable .article_poll,
	.printable .doc_list,
	.printable .bottom_meta,
	.printable .detail_extra_content,
	.printable .blog_header,
	.printable .page_column_02 { display: none; }
	.printable .body_inner_wrap > .main_content { display: block; }

	.printable .page_column_01 { float: none; margin-right: 0; }

	.printable .inner_p_block.b_bord { padding-bottom: 0; }

	.printable .page_block .inner_p_block.b_bord:after { border: 0 none; }
	.printable .page_block .page_column_01_inner_02 { margin-right: 0; }

	.printable .detail_view { margin: 0; }

	.printable .swipe-wrap { width: auto !important; }
	.printable .swipe .slide { float: none; position: static; transform: none !important; width: auto !important; }
	.printable .slider_arrows,
	.printable .slider_pages { display: none; }

	.printable .inner_p_block { max-width: none; }

	/* LIVE ARTICLE
	******************************************************/
	.printable .live_article_area { padding: 0; }
	.printable .live_article_area .col_01 { float: none; width: auto; }
	.printable .live_article_area .col_02 { display: none; }

	.printable .live_article_area .top { background: none; }
	.printable .live_article_main .item_list .wrap_item { padding: 25px 95px 0 0; }
	.printable .live_article_main .item_list .info_point { right: 10px; }
	.printable .live_article_main .item_list .block { min-height: 115px; }
	.printable .live_article_main .item_list .block:after { background-image: none; }

	.printable .resolution { border: 1px solid #ebebeb; border-radius: 2px; box-shadow: none; margin: 0; }

	/* SPECIAL
	******************************************************/
	.printable .special_header,
	.printable .special_inner_block.pusher,
	.printable .special_photo_credits,
	.printable .social_teaser,
	.printable .special_gallery,
	.printable #page_foot { display: none; }

	.printable .special_cover { height: auto; margin-bottom: 40px; }
	.printable .special_cover .special_inner_block { position: static; }
	.printable .special_cover_img { position: static;  transform: none !important; }
	.printable .special_cover_content { height: auto; position: static; transform: none !important; }
	.printable .special_lead { position: static; }

	.printable  .special_lead .subtitle,
	.printable  .special_lead h1 { color: #222; }

	.printable .special_fold_01 .special_inner_block { max-width: none; padding: 0; }
	.printable .special_fold_01 .special_inner_block:after { box-shadow: none; }
	.printable .special_fold_01 .detail_content > * { margin-right: 0; }
	.printable .special_fold_01 .detail_content .meta { float: right; margin: 17px 0 20px 20px; position: static; }

}