@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: 'Conv_Ultra';

	src: url('fonts/Ultra.eot');

	src: url('fonts/Ultra.svg') format('svg'), url('fonts/Ultra.woff') format('woff'), url('fonts/Ultra.ttf') format('truetype');

	font-weight: 400;

	font-style: normal;

}



body {

    background-color: #fff;

    background-image: url("../images/bgd.png");

    background-position: center top;

    background-repeat: no-repeat;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0;

    overflow-x: hidden;

		position: relative;

}

body#blog_body {

    background: #fff url("../images/swirl2.png") 0 0 repeat;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0;

		float: left;

		width: 100%;

		height: 100%;

		position: relative;

		color: #3b3b3b;

		font-size: 14px;

		line-height: 18px;

}



a {

	color: #e21e26;

	text-decoration: none;

}

a:hover {

	color: #000;

}

p {

	margin-bottom: 10px;

}

h2 {

	font-family: 'Conv_Ultra', serif;

	font-size: 34px;

	line-height: 38px;

	color: #e21e26;

	margin-bottom: 20px;

	font-weight: normal;

}

h3 {

	font-family: 'Conv_Ultra', serif;

	font-size: 18px;

	line-height: 22px;

	color: #e21e26;

	margin-bottom: 15px;

	font-weight: normal;

}

h4 {

	font-family: 'Conv_Ultra', serif;

	font-size: 15px;

	line-height: 20px;

	color: #e21e26;

	margin-bottom: 10px;

	font-weight: normal;

}



ul {

	margin: 0 0 10px 0;

	padding: 0;

	list-style: none;

	list-style-image: url(../images/list_image.png);

	list-style-position:inside;

	

}

li {



}

/*********************************/

/*        BLOG LAYOUT            */

/*********************************/

.holder {

	width: 1020px;

	margin: 0 auto;

	position: relative;

}

.alignleft {

	float: left;

	margin: 0 10px 5px 0;

}

.alignright{

	float: right;

	margin: 0 0 5px 10px;

}

.blog_header {

	float: left;

	width: 100%;

	height: 156px;

	background: url(../images/blog_header.png) 50% 0 no-repeat;

}
.single-post {
		background: url("../images/blog_separator.png") bottom center no-repeat;
    float: left;
    width: 100%;
		padding: 0 0 25px 0;
		margin: 0 0 15px 0;
}

/* SOCIAL SHARE */
.social-ring {
    margin-bottom: 0;
    padding-top: 20px!important;
}
.social-ring-button {
	margin-right: 20px!important;
}
.social-ring-button:first-child {
	margin-right: 0!important;
}

@media (max-width: 1024px) {

.blog_header {

	background: url(../images/blog_header.png) 48% 0 no-repeat;

}

}

	.blog_social {

		position: absolute;

		left: 50%;

		top: 12px;

		width: 22px;

		height: 17px;

	}

	.blog_social:hover {

		top:10px;

	}

	.blog_facebook {margin-left: -504px;}

	.blog_twitter {margin-left: -483px;}

	.blog_linkedin {margin-left: -479px;}



	.blog_hellenic_logo {

		position: absolute;

		width: 113px;

		height: 70px;

		top: 23px;

		left: 50%;

		margin-left: -360px;

	}

	.blog_prijavise {

		position: absolute;

		font-family: 'Conv_Ultra', serif;

		top: 27px;

		left: 50%;

		margin-left: 172px;

		width: 123px;

		height: 122px;

		-webkit-border-radius: 61px 62px 62px 61px/61px;

		-moz-border-radius: 61px 62px 62px 61px/61px;

		border-radius: 61px 62px 62px 61px/61px;

		background-color: #e21e26;

}

	.blog_prijavise a {

		font-size: 24px;

		line-height: 28px;

		text-align: center;

		width: 123px;

		height: 122px;

		color: #fff;

		text-decoration: none;

		display: table-cell;

		vertical-align: middle;

	}

.blog_content {

	float: left;

	width: 100%;

	min-height: 556px;

}

.blog_main {

	float: right;

	width: 740px;

	padding-bottom: 37px;

}

.blog_main a {

	font-style:italic;

}

.blog_left {

	float: left;

	width: 250px;

	position: relative;

	/*/min-height: 600px;*/

	/*background: url(../images/bottle_way.png) 0 389px no-repeat;*/

	background: url(../images/sidebar_flasica.png) 0 389px no-repeat;

}

	.blog_left_circle {

		position: absolute;

		text-align: center;

	}

	.blog_left_circle:hover, .blog_prijavise:hover, .prijava_row_submit .wpcf7-submit:hover, .ws-file-input .button:hover {

		background-color: #ed1c16;

     -webkit-transition: background-color 500ms linear;

     -moz-transition: background-color 500ms linear;

     -o-transition: background-color 500ms linear;

     -ms-transition: background-color 500ms linear;

     transition: background-color 500ms linear;

	}



	.blog_left_circle a {

		color: #fff;

		text-decoration: none;

		display: table-cell;

		vertical-align: middle;

	}

	.blog_left_circle_mt {

		top: -103px;

		left: 3px;

		width: 122px;

		height: 122px;

		-webkit-border-radius: 61px;

		-moz-border-radius: 61px;

		border-radius: 61px;

		background-color: #e21e26;

		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		box-shadow: 1px 1px 2px rgba(0,0,0,.2);

	}

		.blog_left_circle_mt a {

			zoom: 1;

			font-family: 'Conv_Ultra', serif!important;

			font-weight: 400;

			font-style: normal;

			font-size: 11px;

			line-height: 14px;

			height: 122px;

			width: 122px;

		}

		.blog_left_circle_mt a .blog {

			font-size: 32px;

			line-height: 32px;

		}

	.blog_left_circle_ttl {

		top: 0;

		left: 89px;

		width: 116px;

		height: 117px;

		-webkit-border-radius: 58px/58px 58px 59px 59px;

		-moz-border-radius: 58px/58px 58px 59px 59px;

		border-radius: 58px/58px 58px 59px 59px;

		background-color: #e21e26;

		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		box-shadow: 1px 1px 2px rgba(0,0,0,.2);

	}

		.blog_left_circle_ttl a {

			height: 117px;

			width: 116px;

		}

	.blog_left_circle_bv {

		top: 84px;

		left: 2px;

		width: 109px;

		height: 109px;

		-webkit-border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;

		-moz-border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;

		border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;

		background-color: #e21e26;

		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		box-shadow: 1px 1px 2px rgba(0,0,0,.2);

	}

		.blog_left_circle_bv a {

			height: 109px;

			width: 109px;

		}

	.blog_left_circle_ltl {

		top: 192px;

		left: 52px;

		width: 94px;

		height: 95px;

		-webkit-border-radius: 47px/47px 47px 48px 48px;

		-moz-border-radius: 47px/47px 47px 48px 48px;

		border-radius: 47px/47px 47px 48px 48px;

		background-color: #e21e26;

		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		box-shadow: 1px 1px 2px rgba(0,0,0,.2);

	}

		.blog_left_circle_ltl a {

			height: 94px;

			width: 95px;

		}

	.blog_left_circle_mcc {

		top: 292px;

		left: 22px;

		width: 85px;

		height: 85px;

		-webkit-border-radius: 43px 42px 42px 43px/42px 42px 43px 43px;

		-moz-border-radius: 43px 42px 42px 43px/42px 42px 43px 43px;

		border-radius: 43px 42px 42px 43px/42px 42px 43px 43px;

		background-color: #e21e26;

		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);

		box-shadow: 1px 1px 2px rgba(0,0,0,.2);

	}

		.blog_left_circle_mcc a {

			height: 85px;

			width: 85px;

		}



.blog_footer {

	width: 840px;

	height: 24px;

	padding: 15px 0 0 370px;

	position: absolute;

	bottom: 0;

	left: 50%;

	background:url(../images/footer.png) 0 0 no-repeat;

	color: #fff;

	font-size: 10px;

	line-height: 12px;

}

.blog_footer a {

	color: #fff;

}

.blog_footer a:hover {

	text-decoration: underline;

}



/* Blog category */

h2.blog_title a {

	font-style: normal;

}

.blog_item {

	float: left;

	width: 100%;

	padding: 0;

	margin: 0 0 20px 0;

}



.blog_item:after {

	background: none;

	content:  url("../images/blog_separator.png");

	float: left;

	height: 18px;

	width: 100%;

	text-align: center;

}



/*******************************/

/*      P A R A L L A X        */

/*******************************/

.contenedor {

    height: 8100px;

    position: absolute;

    width: 100%;

}



/************************/

/*        STAGE 1       */

/************************/

.cc_overlay {

    background: #fff;

    display: none;

    height: 100%;

    left: 0;

    opacity: 0.6;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1770;

		cursor: pointer;

}

#social_share {

	display: block;

	top: 306px;

	position: absolute;

	margin-left: -175px;

	z-index: 1;

	left: 50%;

	top: 348px;

	opacity: 0;

	text-align: center;

	color: #fff;

	width: 1px;

	height: 1px;

	padding: 0px;

	-webkit-border-radius: 174px 175px 175px 174px/174px 174px 175px 175px;

	-moz-border-radius: 174px 175px 175px 174px/174px 174px 175px 175px;

	border-radius: 174px 175px 175px 174px/174px 174px 175px 175px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

}

#social_share a {

	width: 1px;

	height: 1px;

	display: block;

	float: left;

	margin: 4px;

}



.adventure_begins {

	height: 363px;

	position: absolute;

	top: 5935px;

	width: 575px;

	z-index: 64;

	margin-left: -175px;

	left: 50%;

}

.covek_start {

	height: 183px;

	position: absolute;

	top: 6316px;

	width: 111px;

	z-index: 64;

	margin-left: 211px;

	left: 50%;

}

.kofer {

	position: absolute;

	width: 604px;

	height: 429px;

	top: 6779px;

	z-index: 84;

	margin-left: -592px;

	left: 50%;

}

#kofer_slider {

	height: 429px;

	left: 50%;

	margin-left: -539px;

	position: absolute;

	top: 6836px;

	width: 630px;

	z-index: 84;

	background:url(../images/kofer_bgd.png)	0 0 no-repeat;

}

.video_01 {

	height: 372px;

	left: 50%;

	margin-left: 114px;

	position: absolute;

	top: 6857px;

	width: 369px;

	z-index: 84;

}

.text_bubble {

	font-size: 18px;

	line-height: 20px;

}

.text_bubble_1 {

	background: url("../images/text_red_tr.png") no-repeat scroll 0 0 transparent;

	width: 334px;

	height: 303px;

	top: 5965px;

	position: absolute;

	z-index: 64;

	margin-left: -530px;

	left: 50%;

	color: #fff;

	padding: 36px 5px 14px;

	text-align: center;

}

.tunel_1 {

	background: url("../images/tunel_1.png") no-repeat scroll 0 0 transparent;

	height: 377px;

	position: absolute;

	top: 6930px;

	width: 1920px;

	z-index: 70;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_11 {

	background: url("../images/traka_krugovi_1-1.png") no-repeat scroll 0 0 transparent;

	height: 221px;

	position: absolute;

	top: 7240px;

	width: 1920px;

	z-index: 71;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_12 {

	background: url("../images/traka_krugovi_2-2.png") no-repeat scroll 0 0 transparent;

	height: 182px;

	position: absolute;

	top: 7266px;

	width: 1763px;

	z-index: 71;

	margin-left: -868px;

	left: 50%;

}

.oblaci_11 {

    background: url("../images/traka-oblaci1.png") no-repeat scroll 0 0 transparent;

    height: 369px;

    position: absolute;

    top: 6836px;

    width: 1920px;

    z-index: 75;

		margin-left: -960px;

		left: 50%;

}

.oblaci_12 {

    background: url("../images/traka-oblaci2.png") no-repeat scroll 0 0 transparent;

    height: 198px;

    position: absolute;

    top: 6803px;

    width: 1920px;

    z-index: 76;

		margin-left: -960px;

		left: 50%;

}

.oblaci_13 {

    background: url("../images/traka-oblaci3.png") no-repeat scroll 0 0 transparent;

    height: 126px;

    position: absolute;

    top: 6758px;

    width: 1660px;

    z-index: 76;

		margin-left: -856px;

		left: 50%;

}



.cocacola_truck {

    height: 144px;

    position: absolute;

    top: 5854px;

    width: 306px;

    z-index: 55;

		margin-left: 697px;

		left: 50%;

}

/************************/

/*        STAGE 2       */

/************************/

.zgrade_1 {

	background: url("../images/traka-zgrade1.png") no-repeat scroll 0 0 transparent;

	height: 133px;

	position: absolute;

	top: 5026px;

	width: 1920px;

	z-index: 86;

	margin-left: -960px;

	left: 50%;

}

.zgrade_2 {

	background: url("../images/traka-zgrade2.png") no-repeat scroll 0 0 transparent;

	height: 94px;

	position: absolute;

	top: 5042px;

	width: 1920px;

	z-index: 88;

	margin-left: -960px;

	left: 50%;

}

.zgrade_3 {

	background: url("../images/traka-zgrade3.png") no-repeat scroll 0 0 transparent;

	height: 103px;

	position: absolute;

	top: 5059px;

	width: 1920px;

	z-index: 90;

	margin-left: -960px;

	left: 50%;

}

.tunel_2 {

	background: url("../images/tunel_2.png") no-repeat scroll 0 0 transparent;

	height: 377px;

	position: absolute;

	top: 5129px;

	width: 1920px;

	z-index: 89;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_21 {

	background: url("../images/traka_krugovi_2-1.png") no-repeat scroll 0 0 transparent;

	height: 221px;

	position: absolute;

	top: 5438px;

	width: 1920px;

	z-index: 71;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_22 {

	background: url("../images/traka_krugovi_1-2.png") no-repeat scroll 0 0 transparent;

	height: 182px;

	position: absolute;

	top: 5465px;

	width: 1763px;

	z-index: 71;

	margin-left: -894px;

	left: 50%;

}



.text_bubble_3 {

	background: url("../images/text_circle_white.png") no-repeat scroll 0 0 transparent;

	width: 330px;

	height: 310px;

	top: 5101px;

	position: absolute;

	z-index: 196;

	margin-left: -470px;

	left: 50%;

	color: #3b3b3b;

	padding: 35px 46px 0 5px;

	text-align: center;

}

.video_02 {

	position: absolute;

	width: 369px;

	height: 372px;

	top: 5084px;

	z-index: 194;

	margin-left: 110px;

	left: 50%;

}

.hellenic_krug {

	width: 170px;

	height: 170px;

	top: 5198px;

	position: absolute;

	z-index: 199;

	margin-left: -85px;

	left: 50%;

	text-align: center;

}



/************************/

/*        STAGE 3       */

/************************/

.take_the_lead_man {

	width: 57px;

	height: 165px;

	position: absolute;

	left: 50%;

	top: 3222px;

	z-index: 70;

	display: none;

}

.take_the_lead_man_1 {margin-left: 204px;}

.take_the_lead_man_2 {margin-left: 280px;}

.take_the_lead_man_3 {margin-left: 350px;}



.planine_1 {

	background: url("../images/traka-planine1.png") no-repeat scroll 0 0 transparent;

	height: 188px;

	position: absolute;

	top: 3488px;

	width: 1920px;

	z-index: 70;

	margin-left: -960px;

	left: 50%;

}

.planine_2 {

	background: url("../images/traka-planine2.png") no-repeat scroll 0 0 transparent;

	height: 73px;

	position: absolute;

	top: 3403px;

	width: 1920px;

	z-index: 72;

	margin-left: -960px;

	left: 50%;

}

.planine_3 {

	background: url("../images/traka-planine3.png") no-repeat scroll 0 0 transparent;

	height: 129px;

	position: absolute;

	top: 3406px;

	width: 1802px;

	z-index: 75;

	margin-left: -841px;

	left: 50%;

}

.planine_4 {

	background: url("../images/traka-planine4.png") no-repeat scroll 0 0 transparent;

	height: 92px;

	position: absolute;

	top: 3420px;

	width: 1512px;

	z-index: 76;

	margin-left: -698px;

	left: 50%;

}

.tunel_3 {

	background: url("../images/tunel_3.png") no-repeat scroll 0 0 transparent;

	height: 377px;

	position: absolute;

	top: 3504px;

	width: 1920px;

	z-index: 67;

	margin-left: -960px;

	left: 50%;

}



.traka_krugovi_31 {

	background: url("../images/traka_krugovi_1-1.png") no-repeat scroll 0 0 transparent;

	height: 221px;

	position: absolute;

	top: 3810px;

	width: 1920px;

	z-index: 71;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_32 {

	background: url("../images/traka_krugovi_2-2.png") no-repeat scroll 0 0 transparent;

	height: 182px;

	position: absolute;

	top: 3841px;

	width: 1763px;

	z-index: 71;

	margin-left: -861px;

	left: 50%;

}

.text_bubble_4 {

	background: url("../images/text_circle_white.png") no-repeat scroll 0 0 transparent;

	width: 330px;

	height: 323px;

	top: 3467px;

	position: absolute;

	z-index: 86;

	margin-left: -464px;

	left: 50%;

	color: #3b3b3b;

	padding: 15px 46px 7px 5px;

	text-align: center;

}

.video_03 {

	position: absolute;

	width: 369px;

	height: 372px;

	top: 3455px;

	z-index: 94;

	margin-left: 115px;

	left: 50%;

}

.hellenic_krug_2 {

	width: 170px;

	height: 170px;

	top: 3572px;

	position: absolute;

	z-index: 99;

	margin-left: -85px;

	left: 50%;

	text-align: center;

}



.tabla_prioni_na_posao {

	height: 363px;

	left: 50%;

	margin-left: 104px;

	position: absolute;

	top: 4647px;

	width: 443px;

	z-index: 74;

}

.video_pokazi_sta_znas {

	height: 372px;

	left: 50%;

	margin-left: -493px;

	position: absolute;

	top: 4439px;

	width: 369px;

	z-index: 94;

}

.tabla_pokazi_sta_znas {

	height: 363px;

	left: 50%;

	margin-left: -404px;

	position: absolute;

	top: 3834px;

	width: 443px;

	z-index: 78;

}

.brod_prioni_na_posao {

	height: 372px;

	left: 50%;

	margin-left: -733px;

	position: absolute;

	top: 4330px;

	width: 369px;

	z-index: 34;

}

.mostic_pokazi_sta_znas {

	height: 443px;

	left: 50%;

	margin-left: -203px;

	position: absolute;

	top: 4256px;

	width: 440px;

	z-index: 57;

}

.text_bubble_pokazi_sta_znas {

	background: url("../images/text_red_tr.png") no-repeat scroll 0 0 transparent;

	width: 334px;

	height: 303px;

	top: 4224px;

	position: absolute;

	z-index: 64;

	margin-left: 163px;

	left: 50%;

	color: #fff;

	padding: 36px 5px 14px;

	text-align: center;

}

/************************/

/*        STAGE 4       */

/************************/

#start {

	position: absolute;

	left: 50%;

	bottom: 0px;

	/*width: 1px;

	height: 1px;*/

}

#cc_mask_logo {

	height: 340px;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 987px;

	width: 1920px;

	z-index: 123;

	opacity: 0;

}



.tunel_4 {

	background: url("../images/tunel_4.png") no-repeat scroll 0 0 transparent;

	height: 377px;

	position: absolute;

	top: 2115px;

	width: 1920px;

	z-index: 75;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_41 {

	background: url("../images/traka_krugovi_2-1.png") no-repeat scroll 0 0 transparent;

	height: 221px;

	position: absolute;

	top: 2421px;

	width: 1920px;

	z-index: 71;

	margin-left: -960px;

	left: 50%;

}

.traka_krugovi_42 {

	background: url("../images/traka_krugovi_1-2.png") no-repeat scroll 0 0 transparent;

	height: 182px;

	position: absolute;

	top: 2451px;

	width: 1763px;

	z-index: 71;

	margin-left: -894px;

	left: 50%;

}



.talasi_1 {

	background: url("../images/traka-talasi1.png") no-repeat scroll 0 0 transparent;

	height: 105px;

	position: absolute;

	top: 2029px;

	width: 1920px;

	z-index: 70;

	margin-left: -960px;

	left: 50%;

}

.talasi_2 {

	background: url("../images/traka-talasi2.png") no-repeat scroll 0 0 transparent;

	height: 64px;

	position: absolute;

	top: 2008px;

	width: 1920px;

	z-index: 69;

	margin-left: -960px;

	left: 50%;

}

.talasi_3 {

	background: url("../images/traka-talasi3.png") no-repeat scroll 0 0 transparent;

	height: 105px;

	position: absolute;

	top: 1988px;

	width: 1920px;

	z-index: 68;

	margin-left: -960px;

	left: 50%;

}

.cocacola_bedz_3 {

	height: 310px;

	left: 50%;

	margin-left: -432px;

	position: absolute;

	top: 2261px;

	width: 348px;

	z-index: 86;

}

.text_bubble_6 {

	background: url("../images/text_circle_white.png") no-repeat scroll 0 0 transparent;

	width: 330px;

	height: 310px;

	top: 2080px;

	position: absolute;

	z-index: 86;

	margin-left: 142px;

	left: 50%;

	color: #3b3b3b;

	padding: 35px 46px 0 5px;

	text-align: center;

}

.text_bubble_7 {

	top: 1855px;

	position: absolute;

	z-index: 96;

	margin-left: -460px;

	left: 50%;

	color: #3b3b3b;

	text-align: center;

}

.video_04 {

	position: absolute;

	width: 369px;

	height: 372px;

	top: 2063px;

	z-index:92;

	margin-left: -488px;

	left: 50%;

}

.hellenic_krug_3 {

	width: 170px;

	height: 170px;

	top: 2159px;

	position: absolute;

	z-index: 99;

	margin-left: -85px;

	left: 50%;

	text-align: center;

}



.ready_for_adventure {

	height: 374px;

	position: absolute;

	top: 1545px;

	width: 672px;

	z-index: 64;

	margin-left: -363px;

	left: 50%;

}

.ready_for_adventure_text_1 {

	height: 110px;

	position: absolute;

	top: 1552px;

	width: 322px;

	z-index: 68;

	margin-left: -166px;

	left: 50%;

	opacity: 1;

}

.ready_for_adventure_text_2 {

	height: 126px;

	position: absolute;

	top: 1545px;

	width: 347px;

	z-index: 68;

	margin-left: -178px;

	left: 50%;

	display: none;

}



/*    QUIZ    */

.answers {

	text-align: left;

	margin-top: 30px;

	margin-left: 60px;

}

.answer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height: 30px;

	margin-bottom: 5px;

	color: #fff;

	float: left;

	width: 100%;

}

.prettycheckbox, .prettyradio {

	float: left;

}

.quiz_bubble {

	font-family: 'Conv_Ultra', serif;

	top: 6177px;

	position: absolute;

	z-index: 99;

	margin-left: -230px;

	left: 50%;

	text-align: center;

	font-size: 56px;

	line-height: 56px;

	color: #fff;

	padding: 90px 20px 20px 20px;

	width: 401px;

	height: 331px;

	-webkit-border-radius: 220px 221px 221px 220px/220px 220px 221px 221px;

	-moz-border-radius: 220px 221px 221px 220px/220px 220px 221px 221px;

	border-radius: 220px 221px 221px 220px/220px 220px 221px 221px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

.quiz_bubble_2 {

	top: 6660px;

	position: absolute;

	z-index: 99;

	margin-left: -127px;

	left: 50%;

	width: 22px;

	height: 22px;

	-webkit-border-radius: 11px;

	-moz-border-radius: 11px;

	border-radius: 11px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

.quiz_bubble_1 {

	top: 6621px;

	position: absolute;

	z-index: 99;

	margin-left: -105px;

	left: 50%;

	width: 41px;

	height: 41px;

	-webkit-border-radius: 21px 20px 20px 21px/20px 20px 21px 21px;

	-moz-border-radius: 21px 20px 20px 21px/20px 20px 21px 21px;

	border-radius: 21px 20px 20px 21px/20px 20px 21px 21px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

.raindrop{

	top: 6669px;

	position: absolute;

	z-index: 99;

	margin-left: -166px;

	left: 50%;

	background: #e21e26;

	width:28px;

	height:22px;

	border-radius: 100px;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-top-right-radius: 0;

	-webkit-border-top-right-radius: 0;

	-moz-border-radius-topright: 0;

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}



/**************************/

/*      STAGE PRIJAVA     */

/**************************/

.krug_finish {

	font-family: 'Conv_Ultra', serif;

	position: relative;

}

.krug_finish a, .krug_finish a:hover {

	color: #fff;

	text-decoration: none;

}

.krug_prijava {

	top: 720px;

	position: absolute;

	margin-left: -218px;

	padding: 120px 0 0 0;

	left: 50%;

	text-align: center;

	color: #fff;

	width: 394px;

	height: 274px;

	-webkit-border-radius: 197px;

	-moz-border-radius: 197px;

	border-radius: 197px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

}

	.krug_prijava .prijavi-se {

		font-size: 75px;

		line-height: 85px;

	}

.krug_blog {

	top: 480px;

	position: absolute;

	margin-left: 0px;

	left: 50%;

	text-align: center;

	color: #fff;

	width: 242px;

	height: 242px;

	-webkit-border-radius: 121px;

	-moz-border-radius: 121px;

	border-radius: 121px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

}



.krug_blog a {

	display: table-cell;

	font-size: 23px;

	height: 242px;

	line-height: 28px;

	vertical-align: middle;

	width: 242px;

}

.krug_blog a .blog {

    font-size: 67px;

    line-height: 70px;

}

.krug_radost {

	top: 306px;

	position: absolute;

	margin-left: -175px;

	left: 50%;

	text-align: center;

	color: #fff;

	width: 175px;

	height: 175px;

	-webkit-border-radius: 87px 88px 88px 87px/87px 87px 88px 88px;

	-moz-border-radius: 87px 88px 88px 87px/87px 87px 88px 88px;

	border-radius: 87px 88px 88px 87px/87px 87px 88px 88px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	z-index: 57;

}

	.krug_radost a {

		display: table-cell;

		font-size: 32px;

		height: 175px;

		line-height: 34px;

		vertical-align: middle;

		width: 175px;

	}

.krug_flasa_1 {

	top: 167px;

	position: absolute;

	margin-left: 0px;

	left: 50%;

	text-align: center;

	color: #fff;

	width: 112px;

	height: 112px;

	-webkit-border-radius: 56px;

	-moz-border-radius: 56px;

	border-radius: 56px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

}

	.krug_flasa_1 div {

		display: table-cell;

		height: 112px;

		vertical-align: middle;

		width: 112px;

	}

.krug_flasa_2 {

	top: 45px;

	position: absolute;

	margin-left: -117px;

	left: 50%;

	text-align: center;

	color: #fff;

	width: 76px;

	height: 76px;

	-webkit-border-radius: 38px;

	-moz-border-radius: 38px;

	border-radius: 38px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

}

	.krug_flasa_2 div {

		display: table-cell;

		height: 76px;

		vertical-align: middle;

		width: 76px;

	}

	

/* HM's */

.hm_1 {

	top: 7577px;

	position: absolute;

	margin-left: -178px;

	left: 50%;

	text-align: center;

	width: 34px;

	height: 34px;

	-webkit-border-radius: 17px;

	-moz-border-radius: 17px;

	border-radius: 17px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

.hm_2 {

	top: 7527px;

	position: absolute;

	margin-left: -126px;

	left: 50%;

	text-align: center;

	width: 68px;

	height: 68px;

	-webkit-border-radius: 34px;

	-moz-border-radius: 34px;

	border-radius: 34px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

.hm_3 {

	font-family: 'Conv_Ultra', serif;

	top: 7407px;

	position: absolute;

	margin-left: -66px;

	left: 50%;

	text-align: center;

	font-size: 136px;

	line-height: 136px;

	color: #fff;

	width: 160px;

	height: 160px;

	-webkit-border-radius: 80px;

	-moz-border-radius: 80px;

	border-radius: 80px;

	background-color: #e21e26;

	-webkit-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	-moz-box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	box-shadow: 2px -3px 3px rgba(0,0,0,.2);

	opacity: 0;

}

	.hm_3 span {

		display: table-cell;

		vertical-align: middle;

		height: 160px;

		width: 160px;

	}

	

.scroll_top_helper {

	top: 7600px;

	position: absolute;

	margin-left: -77px;

	left: 50%;

	width: 154px;

	height: 228px;

	opacity: 0.8;

}



.mainmenu_area {

	width: 1920px;

	height: 82px;

	position: fixed;

	bottom: 0;

	left: 50%;

	margin-left: -960px;

	background: url(../images/menu_bgd.png) 0 0 no-repeat;

	z-index: 1200;

}

.social {

	position: absolute;

	left: 50%;

	top: 34px;

	width: 15px;

	height: 13px;

}

.social:hover {

	top: 32px;

}

.facebook {margin-left: -459px;}

.twitter {margin-left: -445px;}

.linkedin {margin-left: -438px;}



#menu_start_trigger {

	position: absolute;

	left: 50%;

	top: 7300px;

	width: 1px;

	height: 1px;

	z-index: 888;

}

#menu_upoznaj_trigger {

	position: absolute;

	left: 50%;

	top: 6295px;

	width: 1px;

	height: 1px;

	z-index: 888;

}

#menu_prioni_trigger {

	position: absolute;

	left: 50%;

	top: 4542px;

	width: 1px;

	height: 1px;

	z-index: 888;

}

#menu_pokazi_trigger {

	position: absolute;

	left: 50%;

	top: 3576px;

	width: 1px;

	height: 1px;

	z-index: 888;

}

#menu_povedi_trigger {

	position: absolute;

	left: 50%;

	top: 2765px;

	width: 1px;

	height: 11px;

	z-index: 888;

}

#menu_avantura_trigger {

	position: absolute;

	left: 50%;

	top: 1340px;

	width: 10px;

	height: 10px;;

	z-index: 888;

}



.menu_flag {

	position: absolute;

	left: 50%;

	top: 24px;

	width: 23px;

	height: 28px;

	/*margin-left: -329px;*/

	margin-left: 312px;

	z-index: 345;

}

.mainmenu {

	font-family: 'Conv_Ultra', serif;

	font-size: 10px;

	line-height: 12px;

	color: #fff;

	width: 768px;

	height: 82px;

	position: absolute;

	top 0;

	left: 50%;

	margin-left: -384px;

	list-style: none;

	text-align: center;

}

.mainmenu li {

	float: left;

	width: 128px;

	height: 82px;

	list-style: none;

}

.mainmenu a {

    color: #FFFFFF;

    float: left;

    height: 82px;

    padding-top: 0;

    text-decoration: none;

    width: 100%;

		/*background: url("../images/mainmenu_item.png") no-repeat scroll 56px 24px transparent;*/

}

/*.mainmenu a:hover, .mainmenu a.active {

	background: url("../images/mainmenu_active.png") no-repeat scroll 56px 24px transparent;

}*/



/************************/

/*     GLAVNI AUTIĆ     */

/************************/

#cc_vozilo {

	height: 285px;

	position: absolute;

	top: 1660px;

	z-index: 60;

	width: 100%;

	display: none;

}

.kombi {

    height: 285px;

    position: absolute;

	 	top: 0;

		left: 50%;

		margin-left: -58px;

		/*margin-top: 20%;*/

    width: 137px;

    z-index: 61;

		opacity: 1;

}

#cc_failed_autic {

	height: 114px;

	position: absolute;

	width: 219px;

	top: 6330px;

	z-index: 44;

	left: 50%;

	margin-left: -109px;

	opacity: 0;

}

#cc_autic_full {

	height: 219px;

	position: absolute;

	top: 3484px;

	z-index: 60;

	width: 100%;

	display: block;

	opacity: 0;

}

#cc_autic {

	height: 219px;

	position: absolute;

	/*top: 6614px; ORIGINAL */

	/*top: 3600px; CEO PUT */

	top: 6314px;

	z-index: 60;

	width: 100%;

}

.autic {

    height: 219px;

    position: absolute;

    top: 0;

		left: 50%;

		margin-left: -50px;

    width: 114px;

    z-index: 60;

		opacity: 1;

}

.autic_full {

    height: 219px;

    position: absolute;

    top: 0;

		left: 50%;

		margin-left: -50px;

    width: 114px;

    z-index: 63;

		opacity: 1;

}



/* meni graničnici */

#avantura_pocinje {

	position: absolute;

	left: 50%;

	top: 6518px;

}

#prioni_na_posao {

	position: absolute;

	left: 50%;

	top: 4912px;

}

#pokazi_sta_znas {

	position: absolute;

	left: 50%;

	top: 4117px;

}

#povedi_tim {

	position: absolute;

	left: 50%;

	top: 2690px;

}

#tvoja_avantura {

	position: absolute;

	left: 50%;

	top: 1100px;

	/*width: 10px;

	height: 10px;

	z-index: 777;

	background: #000;*/

}



/**FILE INPUT**/

.ws-file-input .button{

    background: none repeat scroll 0 0 #E21E26;

    border-left: 1px solid #FFFFFF;

    border-radius: 0 10px 10px 0;

    color: #FFFFFF;

    display: block;

    font-family: 'Conv_Ultra',serif;

    left: 217px;

    overflow: hidden;

    padding: 9px 7px;

    position: absolute;

    width: 98px;

		bottom: 1px;

}



.ws-file-input .new-input{

    float: left; 

}



.ws-file-input .file-trigger{

    display: block;

    width:20px;

    height:20px;

    overflow:hidden;

    position:absolute;

    filter:alpha(opacity=0);

    opacity: 0;

    top:0;

    left:0;

    cursor:pointer;

}



.ws-file-input .button .file-trigger input[type="file"]{

    cursor:pointer;

}

/***************************/

/*     CONTACT FORM        */

/***************************/

div.wpcf7 {

    float: left;

    margin: 20px 0 0;

    padding: 0;

    width: 497px;

}

.wpcf7-form {

	float: left;

	width: 100%;	

}

.prijava_row {

	float: left;

	width: 100%;

	margin-bottom: 15px;

}

.prijava_row_submit {

	float: left;

	width: 100%;

	margin-bottom: 10px;

	height: 100%;

	text-align: center;

}
.prijava_row p {margin: 0;}
.prijava_checkbox p {float: right!important; width: 80px!important;}

.prijava_row p, .prijava_row p .wpcf7-form-control-wrap {
	float: right;
	width: auto;
	position: relative;
}
.vec-testiran {float: right;}
.vec-testiran-checkbox .wpcf7-list-item {
	float: right;
	width: 64px;
}
.vec-testiran-checkbox .wpcf7-list-item-label{
	font-family: 'Conv_Ultra',serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	color: #E21E26;
}

.prijava_label, .prijava_label_full {
	float: left;
	width: 146px;
	font-family: 'Conv_Ultra', serif;
	font-size: 16px;
	color: #E21E26;
	font-weight: normal;
	line-height: 18px;
	padding: 8px 10px;
}
.prijava_label_full {
	width: 60%;
}

input.wpcf7-text, .new-input {

	border: none;

	border: none;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	color: #fff;

	background: #E21E26;

	font-family: Arial, Helvetica, sans-serif;

	padding: 8px 10px;

	font-size: 14px;

	line-height: 18px;

	width: 310px;

	height: 21px;

	margin: 0;

}

input.wpcf7-submit {

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px;

	width: 100px;

	height: 100px;

	color: #fff;

	background: #E21E26;

	font-family: 'Conv_Ultra', serif;

	font-size: 20px;

	line-height: 24px;

	text-align: center;

	border: none;

	padding: 0;

	cursor: pointer;

}

div.wpcf7-validation-errors {

    border: none;

		float: left;

		width: 100%;

		color: #E21E26;

}

div.wpcf7-response-output {

    margin: 0;

    padding: 0.2em 1em;

		text-align: center;

}

span.wpcf7-not-valid-tip {

	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #E21E26;

	border-radius: 10px 10px 10px 10px;

	color: #E21E26;

	font-size: 12px;

	left: 0;

	line-height: 18px;

	padding: 7px 10px;

	position: absolute;

	top: 0;

	width: 310px;

	z-index: 100;

}

div.wpcf7-mail-sent-ok {

	border: none;

	float: left;

	width: 100%

}



/* PRELOADER CUSTOMIZATION */

#qLbar {

	background-image: url("../images/preloader-mask.png");

	background-repeat: no-repeat;

	background-position: 50% bottom;

	width: 100%!important;

}

#qLoverlay {

	background-image: url("../images/preloader-flasica-vertical.png");

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: auto 85%;

}