/* A. Hacks and fixes */

/* A.1 HTML5 Fix */
section, article, header, footer, nav, aside, hgroup { display: block; }

/* A.2 Clear fix */

.clearfix:after, .row:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, .row { display: inline-block; }

/* A.2.1 Hides from IE5/Mac \*/
* html .clearfix, * html .row { height: 1px; }

.clearfix, .row  { display: block; }
/* End hide from IE5/Mac */

/* 1. Generic */

html, body { min-height: 100%; }

body {
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 15px;
	font-family: 'proxima_nova_regular', Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	/* letter-spacing: -1px; */
	color: #000;
	background-color: #fff;
}

body.fx-map-white {
	background-image: url(../img/map-white.png);
	background-repeat: no-repeat;
	background-position: center center;
}

body.fx-map-black {
	background-image: url(../img/map-black.png);
	background-repeat: no-repeat;
	background-position: center center;
}

body.fx-gradient {
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: top center;
}

a {
	color: #888;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;
}

a:hover {
	color: #000;
}

a img { border: 0; }

img { max-width: 100%; }

form { margin: 0; padding: 0; }

form input, form button { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; margin: 1.4em 0 1em 0; }

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

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.mt0 { margin-top: 0; }

/* 2. Structure styles */

header, #header, section, footer, #footer { margin: 0 auto; }

.container {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

.column {
	float: left;
	padding: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(assets/htc/boxsizing.htc);
}

.full-width { width: 100%; }
.half-width { width: 50%; }
.one-third { width: 33.33333%; }
.two-thirds { width: 66.66666%; }
.one-fourth { width: 25%; }
.three-fourths { width: 75%; }
.one-fifth { width: 20%; }
.two-fifths { width: 40%; }
.three-fifths { width: 60%; }
.one-sixth { width: 16.66666% }

.separator {
	padding-top: 25px;
	margin-top: 55px;
	background-image: url(../img/sep-black.png);
	background-repeat: no-repeat;
	background-position: 15px 0;
}

.hide {
	display: none;
}

/* 3. Header */

#header { margin-top: 70px; }

#header h1 {
	font-size: 3.750em;
	font-weight: 800;
	font-family: 'proxima_nova_bold';
	color: #888;
	letter-spacing: -3px;
	margin: 0 0 20px 0;
	padding: 0;
}

#header h1 span { color: #000; }

#header .intro {
	font-weight: normal;
	font-size: 2.250em;
	line-height: 1.167em;
	letter-spacing: -2px;
	max-width: 600px;
}

/* 4. Main */

.side-list {
	font-size: 1.125em;
	font-weight: bold;
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}

/* 4.1 Counter */

#counter {
	width: 100%;
}

.counter-days {
	float: left;
	font-weight: 800;
	font-size: 7.500em;
	line-height: 0.78em;
	padding-right: 15px;
}

.counter-more {
	font-size: 1.500em;
	color: #888;
	line-height: 1em;
	float: left;
}

.counter-extra {
	font-size: 0.583em;
	line-height: 2em;
}

.counter-extra span {
	font-size: 1.714em;
	font-weight: bold;
	color: #000;
}

/* 4.2 Bid info */

#minimum-bid {
	font-weight: 800;
	font-size: 7.500em;
	line-height: 0.78em;
}

#minimum-bid p {
	font-size: 0.200em;
	line-height: 1.4em;
	font-weight: normal;
	color: #888;
}

/* 4.3 Form */

input[type="text"], textarea {
	font-family: inherit;
	font-size: 1em;
	font-style: italic;
	width: 96%;
	padding: 0 2%;
	height: 38px;
	line-height: 38px;
	margin: 0 0 10px 0;
	font-size: 1em;
	background-color: transparent;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
}

textarea {
	height: auto;
	line-height: 1.4em;
	padding: 2%;
}

.button {
	display: inline-block;
	color: #ffffff;
	background-color: #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.button:hover { color: #ffffff; background-color: #000; }
.button-small { padding: 5px 10px; font-size: 0.875em; }
.button-medium { padding: 10px 25px; font-size: 1em; }
.button-large { padding: 15px 20px; font-size: 1.125em; }

label.error { display: block; font-size: 0.875em; padding: 0 0 10px 0; color: #FF0000;}

.form-message-success, .form-message-error {
	display: block;
	padding-bottom: 10px;
}

input[type="text"]:focus, textarea:focus {
	outline: none !important;
	box-shadow: 0 0 10px #FFCC00;
}

/* 5. Social */

.social-links { margin: 0; padding: 0; list-style-type: none; }
.social-links li { float: left; margin: 0 8px 8px 0; }
.social-links li a { display: inline-block; }
.social-links li i { font-size: 1.5em; }


/* B. Color themes */

.theme-bit { background-color: #292422; color: #fff; }
.theme-bit a { color: #9E9890; }
.theme-bit a:hover { color: #FFF; }
.theme-bit #header h1 { color: #FFCC00; }
.theme-bit #header h1 span { color: #fff; }
.theme-bit .counter-more, .theme-bit #minimum-bid p { color: #894eb3; }
.theme-bit .counter-extra span { color: #fff; }
.theme-bit input[type="text"], .theme-bit textarea { color: #fff; border-color: #fff; }
.theme-bit .button { color: #DDD; background-color: #443E3C; font-family: 'proxima_nova_semibold'; text-shadow: 0 1px 1px rgba(3, 2, 2, 0.42);}
.theme-bit .button:hover { background-color: #9E9890; }
.theme-bit .separator { background-image: url(../img/sep-white.png); }

/* C. Media queries */
@media screen and (max-width: 1024px) {
	.container { width: 960px; }
	.column { padding: 15px; }
	#header { margin-top: 40px; }
	#header .intro { font-size: 1.875em; }
	.social-links li i { font-size: 2em; }
}

@media screen and (max-width: 800px) {
	.container { width: 780px; }
	.column { padding: 10px; }
	.counter-days, .counter-more { float: none; margin-bottom: 10px; }
	.counter-extra { display: inline; margin-left: 10px; }
	.counter-extra:first-child { margin-left: 0; }
	#minimum-bid { font-size: 5.625em; }
}

@media screen and (max-width: 768px) {
	.container { width: 720px; }
}

@media screen and (max-width: 640px) {
	.container { width: 90%; }
	.column { padding: 10px 0; }
	.separator { background-position: 0 0; }
	.column { float: none; width: 100%; }
	.counter-days { font-size: 9.375em; }
	.text-right { text-align: left; }
}

@media screen and (max-device-width: 540px) {
	.container { width: 90%; padding: 0 5%;}
	.column { padding: 10px 0; }
	.column { float: none; width: 100%; }
	.separator { background-position: 5% 0; }
}

@media screen and (max-width: 320px) {
	.container { width: 90%; padding: 0 5%; }
}

@media screen and (max-device-width: 320px) {
	.container { width: 90%; padding: 0 5%; }
}

em {
	font-style: normal;
	font-family: 'proxima_nova_light';
	color: #9E9890;
}

ul#lang-selector {
    float: right;
}

ul#lang-selector li {
    display: inline-block;
    list-style: none;
    text-transform: lowercase;
}

ul#lang-selector li:after {
    content: ' /';
}

ul#lang-selector li:last-child:after {
    content: '';
}