/***********************
Big Countdown
Author: Jan Skwara
version: 08.04.2014
***********************/



/***** STYLE RESET *****/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p
{ margin:0; padding:0; border:0; outline: none;  }

img { overflow:hidden; }

a { outline: none; color: #222222; }



/***** CUSTOM FONT *****/



h1, h2, h3, h4, h5, h6 {
 font-family: 'Yanone Kaffeesatz', sans-serif;
}



/***** MAIN LAYOUT *****/



html {
	overflow: hidden;	
}

body {

	background: black;
	background-attachment: fixed;
	font-size: 11px;
	font-family:  Arial,  Helvetica,  sans-serif;
	color: #222222;
	overflow: hidden;
	line-height: 20px;
}

#background {
	z-index:1;
	position:fixed; 
	visibility: hidden;
}

#loader {
	padding:15px;
	position:absolute;
	background: #efefef;
	z-index:10001;
	display:none;
	-moz-border-radius: 10px;
	border-radius:10px;
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#logo {
	width:223px;
	height:115px;
	background: transparent url(../img/logo.jpg) no-repeat;
	position: fixed;
	z-index: 600;
	top: 0px;
	-moz-opacity:0.01;
	opacity:0.01;
	filter:alpha(opacity=1);
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

#logo_shadow {
	width:223px;
	height:19px;
	background: transparent url(../img/logo_shadow.png) no-repeat;
	position: fixed;
	z-index: 600;
	top: 115px;
		-moz-opacity:0.01;
	opacity:0.01;
}

#video-pattern, #img-pattern {
		position:absolute;
		top:0;
		left:0;
		background: transparent url(../img/pattern.png) repeat;
		width:100%;
		height:100%;
		z-index:1;
		visibility:hidden;
}

#vimeovideo, #youtubevideo {
	z-index:1;
	opacity: 0.01;
}

#player_overlay {
	z-index:2; 
	width: 100%; 
	height: 75%; 
	position:absolute; 
	top: 0; 
	left:0;
}

#player_overlay2 {
	z-index:2; 
	width: 100%; 
	height: 100%; 
	position:absolute; 
	top: 0; 
	left:0;
}

#content_wrapper {
		position:absolute;
		width:506px;
		height:400px;
		z-index: 1000;
		top:0;
		left:0;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(249,249, 249);
		/* RGBa with 0.6 opacity */
		background: rgba(239, 239, 239, 0.6);
}

#header {
		width:506px;
		height:47px;
		background: #efefef;
}

#header span {
	display:block;
	margin:auto;
	height: 100%;
	line-height: 47px;
	width:220px;
	color: #222222;
	padding: 0px 29px 0 29px;
	background: #feb518;
	text-align:center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 23px;
	text-transform: uppercase;
}

#footer {
		width:506px;
		height:61px;
		background: #efefef;
		position:absolute;
		bottom:0;
}

#modal_shadow {
			width:506px;
			height: 42px;
			background: transparent url(../img/modal_shadow.png) no-repeat;
					position:absolute;
			z-index: 999;
		top:0;
		left:0;
}

#dots {
	position:absolute;
  z-index: 1001;
	top:0;
	left:0;
	width: 120px;
	height:40px;
	padding-top:20px;
}

#dots div {
		width:20px;
	height:20px;
	margin:10px;
	cursor: pointer;
	float:left;
}

.dot {
	background: transparent url(../img/dot.png) no-repeat;
}

.dot_active {
	background: transparent url(../img/dot_yellow.png) no-repeat !important;
  cursor: default !important;
}

#content {
	width: 502px;
	height: 306px;
	border: 2px solid #efefef;
	border-width: 0 2px 0 2px;
	margin-top:-15px;
	padding-top:15px;
}

.content {
		display:none; 
		width: 458px;
}

#close {
	position: absolute;
		top:11px;
		right:31px;
		background: transparent url(../img/close.png) no-repeat;
		width:25px;
		height: 25px;
		cursor: pointer;
		display:none;
}

.scroll-pane {
		overflow: auto;
			width: 477px;	
			height:235px;
	margin:15px;
	margin-top: 30px;
}

.horizontal-only {
	height: auto;
	max-height: 400px;
}

#subscribe_label {
	width: 443px;
	margin-left:15px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	margin-top:0px;
	margin-bottom: 4px;
}

#subscribe_input {
	width: 425px;
	height: 31px;
	margin-left:15px;
	border: 9px solid #EFEFEF;
	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ?1.6 */
	border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	background: #EFEFEF;

}

#subscribe_input input {
	height: 19px !important;
	width: 311px;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	color: #222222;
	-webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android ?1.6 */
   border-radius: 6px;
}

#subscribe_shadow {
	width: 442px;
	height: 17px;
	margin-left:15px;
  background: transparent url(../img/subscribe_shadow.png) no-repeat;
}	

	
/***** SOCIAL AND STOCK ICON LIST *****/


#social {
	width: 170px; 
	float:right;
	text-align:right;
	margin-right:27px;
	margin-top: 19px;
}


.follow  {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 10px;
	padding-bottom: 6px;
	color: #A0A0A0;
}

.follow li {
	padding:0 3px 0 3px;
}

.follow ul {
	list-style:		none;
	margin:0;
	padding:0;
	float:right;
}

.follow ul li{
	display:inline;
	padding:0px;
}

.follow li a{
	display: inline-block;
	height:20px;
	width:20px;
	overflow:hidden;
	margin:2px 1px 2px 6px;
	float:left;
}

.follow img {
	-moz-opacity:0.30;
	opacity:0.30;
	filter:alpha(opacity=30);
	overflow:hidden;
}

.follow img:hover {
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}



/***** COUNTER *****/



.one_four {
	float:left;
	text-align:center;
	width: 88px;
	height: 110px;
	padding: 0 15px;
	margin-top:0px;
}

.one_four_last {
	float:left;
	text-align:center;
	width: 88px;
	height: 110px;
	padding: 0 0 15px 15px;
	margin-top:0px;
}

.one_four div {
	width: 88px;
	height: 88px;
}


#counter {
	position: absolute;
	top: 50px;
	left:0;
	z-index: 1000;
	height: 100px;
}

#counter div {
	height: 100px;
}

#circles {
	margin-top: 70px;
}

#days_num img, #hours_num img, #minutes_num img, #seconds_num img {
	-webkit-transform: translateZ(0);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden; 
	display:block;
	position: relative;
	z-index:20;
	top:0; 
	left:0;
}

p.digit {

	color: black;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-top: 34px;
}

.clear {
	clear:both;
}



/***** MAIN CAROUSEL *****/



.slider {
	margin: 0 auto;
	position:relative;
	display:block;
	overflow: hidden;
	height:100%;
}

.slider div {
	overflow: hidden;
	position:relative;
}

#slider div.caroufredsel_wrapper {
 overflow: hidden;
}

#left, #right {
	width:80px;
	height:209px;
	background: white;
	position: absolute;
	z-index:501;
	visibility:hidden;
}

#left {
	background: transparent url(../img/left_arr.png) no-repeat;
}
#right {
	background: transparent url(../img/right_arr.png) no-repeat;
}

#arrow_left {
	background: transparent url(../img/arrow_left.png) no-repeat;
	width:25px;
	height:25px;
	position: relative;
	top: 91px;
	left: 30px;
	z-index:502;
}

#arrow_right {
	background: transparent url(../img/arrow_right.png) no-repeat;
	width:25px;
	height:25px;
	position: relative;
	top: 91px;
	left: 25px;
	z-index:502;
}

#scroll_left, #scroll_right {
	display:block;
	position:relative;
	width:80px;
	height:209px;
	z-index:503;
	top:-25px;
} 

#gallery {
	height: 100%;
	overflow:hidden;
}
#gallery div {
	overflow: hidden;
}

#gallery img {	
	float: left;
	display: inline;	
	position: relative;
	-moz-opacity:0.10;
	opacity:0.10;
	filter:alpha(opacity=10);
	z-index: 1;
	overflow: hidden;
	visibility:hidden;
}



/***** TOP ICONS *****/



#desc_info {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:37px;
	height:45px;
}

#desc_info_icon {
	background: transparent url(../img/show_info.png) no-repeat;
	width:25px;
	height:25px;
	position:relative;
	top:5px;
	left:6px;
}

#fullscreen {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:37px;
	height:45px;
}

.full_on {
			background: transparent url(../img/fullscreen_on.png) no-repeat;
}
.full_off {
			background: transparent url(../img/fullscreen_off.png) no-repeat;
}

#fullscreen_icon {
	width:25px;
	height:25px;
	position:relative;
	top:5px;
	left:6px;
}

#play, #video_play {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:37px;
	height:45px;
}

.play_on {
		background: transparent url(../img/pause.png) no-repeat;
}

.play_off {
		background: transparent url(../img/play.png) no-repeat;
}

#play_icon {

	width:25px;
	height:25px;
	position:relative;
	top:5px;
	left:6px;
}

#sound, #video_sound {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:37px;
	height:45px;
}

.sound_on {
			background: transparent url(../img/sound_on.png) no-repeat;
}
.sound_off {
			background: transparent url(../img/sound_off.png) no-repeat;
}


#sound_icon {
	width:25px;
	height:25px;
	position:relative;
	top:5px;
	left:6px;
}


#contact {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:37px;
	height:45px;
}

#contact_icon {
	background: transparent url(../img/contact.png) no-repeat;
	width:25px;
	height:25px;
	position:relative;
	top:5px;
	left:6px;
}



/***** TYPOGRAPHY *****/



h1, h2, h3, h4, h5, h6 {
	text-transform: arial; 
	color: #222222;

}

h1 { 
	font-size: 20px;
	line-height:20px;
	font-weight: normal;
	
}

h2 { 
  font-size: 18px; 
  line-height: 18px;
	font-weight: normal;
}

h3 { 
  font-size: 16px; 
  line-height: 20px; 
	font-weight: normal;
}

p {
	padding: 0px; 
	margin:0;
}



/***** PAGE COLUMNS *****/



.one-half, .one-third, .two-third, .one-fourth,  .three-fourth {
	margin:0 15px 0 15px;
	float:left;
}

.one-half {
	width:206px;

}

.one-third {
	width:138px;

}

.two-third {
	width:275px;

}

.one-fourth {
	width:142px;
}

.three-fourth {
	width:489px;
}

.column_cont {
	margin: 0 -15px 0 0px;
	clear:both;
}

.clear {clear:both;}


#page a, #page a:visited {
	text-decoration:underline;
	color: #A0A0A0;
}

#page a:hover, #page a:active {
	text-decoration:none;
	color: #feb518;
}



/***** MARGINS *****/



.margin_1line {
	margin-top:10px !important;
}

.margin_2line {
	margin-top:40px !important;
}

.margin_3line {
	margin-top:60px !important;
}

.margin_1_2line {
	margin-top:10px !important;
}

.margin_3_2line {
	margin-top:30px !important;
}

.margin_5_2line {
	margin-top:50px !important;
}

.margin_bottom_1line {
	margin-bottom:20px !important;
}

.margin_bottom_2line {
	margin-bottom:40px !important;
}

.margin_bottom_3line {
	margin-bottom:60px !important;
}

.margin_bottom_1_2line {
	margin-bottom:10px !important;
}

.margin_bottom_1_3line {
	margin-bottom:7px !important;
}

.margin_bottom_3_2line {
	margin-bottom:30px !important;
}

.margin_bottom_5_2line {
	margin-bottom:50px !important;
}



/***** TWEETS *****/



#tweet {
width: 25px;
float:left;
margin: 19px 10px 0 27px;
 
}

#ticker {
	width: 240px;
	font-size:11px;
	line-height: 16px;
	float: left;
	margin-top:9px;
}

#ticker ul {
        height:4em;
        overflow-y:hidden;
		overflow-x:hidden;
		list-style-type:none;
}

#ticker  li {
        height: 4em;
		overflow:hidden;
}

	
			
/**** FORM STYLES ****/


input, textarea {
	width: 194px;
	float: left;
	color: #222222;
	margin: 0;
	padding: 5px;
	background: #ffffff;
	border: 1px solid white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	font-family: arial, sans-serif;
	font-size: 12px;
}

#contactForm input {
	margin-bottom: 30px;
}

input {
  height: 25px;
}

input:focus,  textarea:focus {
	background: #ffffff;
	border: 1px solid #efefef;
}

textarea {
	height: 223px;
	resize:none;
	overflow: auto;
}

.butt {
	display:inline-block;
	text-decoration:none !important;
	width: 95px !important;
	height: 29px;
	font-size:12px;
	line-height:30px;
	text-align:left;
	text-transform: uppercase; 
	padding-left: 15px;
	margin-bottom:0px;
	font-family: "PT Sans", sans-serif;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	}

.butt  , .butt:focus {
   	border: 1px solid white;
		background: #efefef;
		background-image: url(../img/button_arrow.png);
		background-position: right center;
		background-repeat:no-repeat;
    background-image: url(../img/button_arrow.png), -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
    background-image: url(../img/button_arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background-image: url(../img/button_arrow.png), -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
}

.butt:hover, .butt:active {
		color: black !important;
		background-image: url(../img/button_arrow_hover.png);
		background-position: right center;
		background-repeat:no-repeat;
    background-image: url(../img/button_arrow_hover.png), -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background-image: url(../img/button_arrow_hover.png), -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), linear-gradient(top,  #ffffff 0%,#eeeeee 100%);

}

a.butt {
	padding-bottom:2px;
}


.subscribe {
	position:absolute;
	margin-top:-1px;
	margin-left:-10px;
}

span.red {
	color:red;
	font-size:10px;
}

#comment img, #comment2 img {
	vertical-align: middle;
	padding-right: 6px;
}

input[type='text'].invalid, input[type='number'].invalid, input[type='email'].invalid, textarea.invalid, select.invalid {
				border-color: red;
}
		
		
::-webkit-input-placeholder  { color:#222222; }
		
/**** INFO BLOCKS ****/


.success {
	background: #efefef url(../img/yes.png) no-repeat;
	border: 1px solid white;
}

.error {
	background: #efefef url(../img/no.png) no-repeat;
	border: 1px solid white;
}

.success, .error {
	display:block;
	background-position: 12px 11px;
	font-style:normal;
	padding: 9px 40px 9px 40px;
	text-align:center;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:360px;
	margin-left:15px;
}

.success p, .error p {
 padding:0;
 margin:0;
}


/***** QTip *****/


.qtip {
	font-size:10px;
	font-weight:bold;
}

a.qtip {
font-size:12px;
font-weight:normal;
}


/***** PARALLAX *****/



.parallax-viewport {
	width: 100%;
	height:100%;
	background-color: #aebcc9;
}
    
.diagram {
		margin-top: -0.75em;
}
    
small {
		text-transform: uppercase;
}