@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
	outline: none;
}
body {
	font-family: 'gotham';
	font-size: 22px;
	color: #000;
}
header {
	margin-top: 30px;
}
header .container {
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}
footer .container {
	padding-top: 30px;
	border-top: 1px solid #000;
	text-align: center;
	font-family: 'sw';
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #900;
	color: #C90;
}
.container {
	width: 1200px;
	position: relative;
	margin: 50px auto;
}
.menuHeader {
	float: right;
}
.menuHeader li {
	float: left;
	list-style: none;
	margin-right: 30px;
}
.menuHeader li:last-child {
	margin-right: 0;
}
.container p {
	text-align: center;
	width: 1060px;
	margin: 0 auto 30px auto;
}

.presenteList {
	width: 100%;
	height: 460px;
}
.presenteList li {
	float: left;
	height: 200px;
	margin-right: 40px;
	width: 230px;
	text-align: center;
	font-size: 54px;
	background: #000;
	list-style: none;
	padding: 20px;
}
.presenteList li div {
	background: #fff;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-weight: 700;
}
.presenteList li div sup {
	font-size: 16px;
}
.presenteList li:nth-child(4n+0) {
	margin-right: 0;
}
.presenteList li p {
	font-size: 16px;
	color: #fff;
	float: left;
	width: 100%;
	margin-top: 40px;
	font-weight: 300;
	cursor: pointer;
}
.presenteList li:last-child {
	width: 540px;
	margin-left: 310px;
	margin-top: 40px;
	height: 140px;
}
.presenteList li:last-child p {
	margin-top: 20px;
}
.presenteList li:last-child div {
	font-size: 32px;
	line-height: 50px;
}
.presenteList li:last-child div form {
	width: 200px;
	margin: auto;
}
input[type="number"] {
	float: left;
	height: 40px;
	font-family: 'gotham';
	font-size: 30px;
	text-align: center;
	width: 140px;
}
input[type="submit"] {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 20px;
	float: right;
	background: #000;
	color: #fff;
	cursor: pointer;
	font-family: 'gotham';
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.dstq {
	font-weight: 700;
	color: #900;
	color: #C90;
}
#counter {
	position: absolute;
	bottom: 10px;
	right: 0;
	font-size: 12px;
	font-family: 'gotham';
	font-weight: 100;
}

#counterDays {
	position: absolute;
	top: -45px;
	left: 565px;
	width: 65px;
	height: 100px;
	background: url(../images/counter_days.png) no-repeat center center;
}
#daysLeft {
	position: absolute;
	color: #fff;
	font-size: 24px;
	font-family: 'sw';
	top: 45px;
	left: 17px;
	width: 32px;
	height: 34px;
	text-align: center;
}

.describeRoute {
	width: 400px;
	float: left;
	position: relative;
}
.describeRoute p {
	width: 100%;
	margin: 0;
	text-align: left;
	font-weight: 300;
	font-size: 16px;
}
.describeRoute p.title {
	font-weight: 700;
}

.breakLine {
	width: 100%;
	margin: 20px 0;
	border: 0px solid #646464;
	background: #646464;
	height: 1px;
}