@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(social-icons.css);
@import url(effects.css);

/* ===  TAGS ======================================================================== */
* {
	padding: 0;
	margin: 0;
	}
	
a {
	font: inherit;
	color: inherit;
	text-decoration: underline;
	outline: none;
	}
		
a:hover {
	text-decoration: none;
	}	
	
a img {
	border: none;
	}	

input, textarea {
	font-family: Arimo, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	}	
	
article, aside, figcaption, figure, footer, header, hgroup, nav, section, time {
	display: block;
	}	

body {
	font-family: Arimo, Tahoma, Geneva, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 1.429em;
	color: #FFF;
	background-color: #0084e7;
	}

p {
	padding-bottom: 1em;
	}
	
/* === BEGIN ======================================================================== */
	
.clear {
	clear: both;
	}	
	
#page-auto-height	{
	clear: both;
	position: relative;
	}
	
#content {
	padding: 0 40px 72px;
	}	
	
#logo {
	/*position: absolute;
	vertical-align: right;
	float: right;
	top: 32%;
	left: 68%;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.65);*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	max-width: 250px;
	}	
	
#logo img {
	width: 100%;	
padding-top: -20px;
	}	
	
#main-slogan {	
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
	text-transform: uppercase;
	max-width: 570px;
	color: #fff189;
	/*padding-top: 100px;*/
	padding-bottom: 18px;
	}	
	
#main-description	{
	font-size: 18px;
	line-height: 1.188em;
	max-width: 676px;
	padding-bottom: 23px;
	color: #fff;
	text-shadow: 0 0 0.2em #ff0000;
	}	
	
/* ===  #menu ======================================================================== */

#menu {
	position: relative;
	padding-bottom: 2px
	}
	
#menu ul {
	display: block;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#menu ul li {
	display: block;
	float: left;
	margin: 2px;
	padding: 0;	
	width: 48px;
	height: 48px;
	}
	
#menu a {
	display: block;
	width: 48px;
	height: 48px;
	background: url("../images/icons/menu/clear.png") center center no-repeat;
	}
	
#menu .clock {
	background-image: url("../images/icons/menu/clock.png");
	}
	
#menu .clock:hover {
	background-image: url("../images/icons/menu/clock-hover.png");
	}	
	
#menu .letter {
	background-image: url("../images/icons/menu/letter.png");
	}
	
#menu .letter:hover {
	background-image: url("../images/icons/menu/letter-hover.png");
	}	
	
#menu .twitter {
	background-image: url("../images/icons/menu/twitter.png");
	}
	
#menu .twitter:hover {
	background-image: url("../images/icons/menu/twitter-hover.png");
	}		
	
	
	
	
	
#menu .picture {
	background-image: url("../images/icons/menu/picture.png");
	}
	
#menu .picture:hover {
	background-image: url("../images/icons/menu/picture-hover.png");
	}	
	
#menu .disk {
	background-image: url("../images/icons/menu/disk.png");
	}
	
#menu .disk:hover {
	background-image: url("../images/icons/menu/disk-hover.png");
	}	
	
#menu .settings {
	background-image: url("../images/icons/menu/settings.png");
	}
	
#menu .settings:hover {
	background-image: url("../images/icons/menu/settings-hover.png");
	}	
	
#menu .portfolio {
	background-image: url("../images/icons/menu/portfolio.png");
	}
	
#menu .portfolio:hover {
	background-image: url("../images/icons/menu/portfolio-hover.png");
	}	
	
#menu .map {
	background-image: url("../images/icons/menu/map.png");
	}
	
#menu .map:hover {
	background-image: url("../images/icons/menu/map-hover.png");
	}	
	
#menu .group {
	background-image: url("../images/icons/menu/group.png");
	}
	
#menu .group:hover {
	background-image: url("../images/icons/menu/group-hover.png");
	}	
	
#menu .basket {
	background-image: url("../images/icons/menu/basket.png");
	}
	
#menu .basket:hover {
	background-image: url("../images/icons/menu/basket-hover.png");
	}	
	
#menu .brush {
	background-image: url("../images/icons/menu/brush.png");
	}
	
#menu .brush:hover {
	background-image: url("../images/icons/menu/brush-hover.png");
	}	
	
#menu .comment {
	background-image: url("../images/icons/menu/comment.png");
	}
	
#menu .comment:hover {
	background-image: url("../images/icons/menu/comment-hover.png");
	}	
	
#menu .location {
	background-image: url("../images/icons/menu/location.png");
	}
	
#menu .location:hover {
	background-image: url("../images/icons/menu/location-hover.png");
	}	
	
#menu .book {
	background-image: url("../images/icons/menu/book.png");
	}
	
#menu .book:hover {
	background-image: url("../images/icons/menu/book-hover.png");
	}	
	
#menu .info {
	background-image: url("../images/icons/menu/info.png");
	}
	
#menu .info:hover {
	background-image: url("../images/icons/menu/info-hover.png");
	}	
	
#menu .video {
	background-image: url("../images/icons/menu/video.png");
	}
	
#menu .video:hover {
	background-image: url("../images/icons/menu/video-hover.png");
	}	
	
#menu .camera {
	background-image: url("../images/icons/menu/camera.png");
	}
	
#menu .camera:hover {
	background-image: url("../images/icons/menu/camera-hover.png");
	}	
	
#menu .user {
	background-image: url("../images/icons/menu/user.png");
	}
	
#menu .user:hover {
	background-image: url("../images/icons/menu/user-hover.png");
	}	
	
#menu .card {
	background-image: url("../images/icons/menu/card.png");
	}
	
#menu .card:hover {
	background-image: url("../images/icons/menu/card-hover.png");
	}	
	
#menu .support {
	background-image: url("../images/icons/menu/support.png");
	}
	
#menu .support:hover {
	background-image: url("../images/icons/menu/support-hover.png");
	}	
	
#menu .id {
	background-image: url("../images/icons/menu/id.png");
	}
	
#menu .id:hover {
	background-image: url("../images/icons/menu/id-hover.png");
	}		

/* ===  #pages ======================================================================== */

#pages {
	max-width: 624px;
	margin: 0 2px 0px 54px;
	}
	
#page-arrow {
	float: left;
	margin: 0 2px 2px 2px;
	width: 48px;
	height: 48px;
	background: url("../images/icons/menu/arrow.png");
	}	

.page {
	position: relative;
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	background-color: #000;
	}

.page-title {
	overflow: hidden;
	display: block;	
	padding: 0 17px;
	height: 48px;
	background-color: #000;
	}
	
.page-title h1 {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	font-weight: normal;
	font-size: 21px;
	line-height: 21px;
	padding: 13px 34px 14px 0;
	text-transform: uppercase;
	}	
	
.page-title .button-close {
	display: none;
	position: absolute;
	top: 14px;
	right: 14px;
	width: 20px;
	height: 20px;
	background: url(../images/icon-cross.png) center center no-repeat;
	}	
	
.page-content	{
	visibility: visible;
	position: relative;
	display: block;
	min-height: 48px;
	padding: 0 17px;	
	}
	
.page .padding-bottom {
	padding-bottom: 12px;
	}		
	
/* ===  #countdown ======================================================================== */

#countdown {
	float: left;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
#countdown:after {
	content: ' ';
	clear: both;
	}	

#countdown li {
	display: block;	
	float: left;
	margin: 0 0 7px 0;
	padding: 0 48px 0 0;
	}
	
#countdown li > div {
	float: left;
	padding: 0 7px 0 0;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	}	
	
#countdown li > span {
	display: block;
	float: right;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	}	

/* ===  #location ======================================================================== */

#location {
	display: block;
	position: relative;
	width: 100%;
	height: 210px;
	padding: 0;
	margin: 0 0 24px 0;
	}

/* ===  #address ======================================================================== */

#address {
	display: block;
	float: right;
	width: 270px;	
	}
	
#address ul {
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0;
	}	
	
#address ul li {
	padding: 0 0 20px 34px;
	margin: 0;
	font-size: 14px;
	line-height: 20px;	
	}	
	
#address .address {
	background: url('../images/icon-address.png') 0 0 no-repeat;
	}	
	
#address .tel {
	background: url('../images/icon-tel.png') 0 0 no-repeat;
	}	

#address .email {
	background: url('../images/icon-letter.png') 0 0 no-repeat;
	}

/* ===  #contact-from ======================================================================== */

#contact-from	{
	display: block;
	float: left;
	width: 300px;
	padding-bottom: 12px;
	}	
	
#contact-from label {
	display: block;
	position: relative;
	width: 290px;
	height: 30px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 30px;
	color: #fff189;
	background-color: #333333;
	}
	
#contact-from input[type=text] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 235px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background: none;
	border: none;
	}	
	
#contact-from input[type=submit] {
	color: #000;
	}
	
#contact-from label.textarea {
	height: 140px;
	}	
	
#contact-from  textarea {
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	overflow: hidden;
	width: 280px;
	height: 95px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;	
	border: none;	
	background: none;
	}		
	
#jf_cf_submit	{
	display: none;
	width: 88px;
	height: 29px;
	margin: 0 auto;
	background: url('../images/button-send.png') top left no-repeat;
	text-align: center;
	font-size: 13px;
	line-height: 27px;
	color: #202020;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#jf_cf_submit:hover {
	background: url('../images/button-send-hover.png') top left no-repeat;
	text-decoration: none;
	}	
	
#contact-from span.message {
	display: none;
	position: relative;
	top: -10px;
	width: 280px;
	height: 30px;
	padding: 10px 10px 0 10px;
	font-size: 15px;
	line-height: 30px;
	background: url('../images/form-message.png') bottom left no-repeat;
	color: #669933;
	}
	
#jf_cf_information {
	font-size: 16px;
	color: #fff189;
	}
	
#contact-from .error {
	display: block !important;
	color: #d80036 !important;
	}	
	
#form-preloader {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 28px;
	height: 28px;
	background-color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}	
	
#form-preloader span {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/loader-slider.gif') center center no-repeat;
	}	
	
.error {
	display: block;
	color: #d80036 !important;
	}	

/* ===  twitter ======================================================================== */

.tweet {
	height: 40px; 
	overflow-y: hidden;
	}	
	
.tweet,
.query {
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
	
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 14px;
	line-height: 20px;
}
		
.tweet_list li a {
	color: #fff189;
}
		
.tweet_list .tweet_even {
}
		
.tweet_list .tweet_avatar {
	padding-right: .5em; 
	float: left;
}
		
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

.twitter-bottons {
	position: absolute;
	bottom: -32px;
	right: 0;
	width: 100px;
	height: 30px;
	}	
	
.twitter-botton {
	display: block;
	float: left;
	width: 48px;
	height: 30px;
	background-color: #000;
	margin-left: 2px;
	}
	
.twitter-button-icon-up {
	display: block;
	width: 38px;
	height: 20px;
	padding: 5px;
	background: #000 url(../images/icon-arrow-up.png) center center no-repeat;
	}	
	
.twitter-button-icon-down {
	display: block;
	width: 38px;
	height: 20px;
	padding: 5px;
	background: #000 url(../images/icon-arrow-down.png) center center no-repeat;
	}
	
/* ===  #footer ======================================================================== */
	
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	}	
	
#footer-inner {
	margin: 0 40px;
	}	
	
#copyrights {
	margin: 26px 0 26px 2px;
	padding: 0 2px;
	font-size: 12px;
	line-height: 16px;
	float: right;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.65);
	color: #000;
	}