@font-face {
    font-family: 'ars_maquette_probold';
    src: url('../fonts/arsmaquettepro-bold-webfont-webfont.eot');
    src: url('../fonts/arsmaquettepro-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arsmaquettepro-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/arsmaquettepro-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/arsmaquettepro-bold-webfont-webfont.svg#ars_maquette_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ars_maquette_prolight';
    src: url('../fonts/arsmaquettepro-light-webfont-webfont.eot');
    src: url('../fonts/arsmaquettepro-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arsmaquettepro-light-webfont-webfont.woff') format('woff'),
         url('../fonts/arsmaquettepro-light-webfont-webfont.ttf') format('truetype'),
         url('../fonts/arsmaquettepro-light-webfont-webfont.svg#ars_maquette_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ars_maquette_promedium';
    src: url('../fonts/arsmaquettepro-medium-webfont-webfont.eot');
    src: url('../fonts/arsmaquettepro-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arsmaquettepro-medium-webfont-webfont.woff') format('woff'),
         url('../fonts/arsmaquettepro-medium-webfont-webfont.ttf') format('truetype'),
         url('../fonts/arsmaquettepro-medium-webfont-webfont.svg#ars_maquette_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
  font-family: 'ars_maquette_promedium',Helvetica,Arial,sans-serif;
  font-size: 16px;
  padding:0;
}
.light{
    font-family: 'ars_maquette_prolight',Helvetica,Arial,sans-serif;
    font-weight: normal !important;
}
.regular{
    font-family: 'ars_maquette_promedium',Helvetica,Arial,sans-serif;
}
.bold, strong, b{
    font-family: 'ars_maquette_probold',Helvetica,Arial,sans-serif;
}
.center{
  text-align: center;
}
.right{
	text-align: right;
}
.white{
	color:#fff;
}
a.white{
	text-decoration: underline;
}
a.white:hover{
	color:#000;
}
a{
	color:#000;
}
a:hover{
	color:#000;
}
.muted{
	color:#93A6B9;
}
.size7500{
	font-size:75%;
	line-height: 220%;
}
.size8750{
	font-size: 87.5%;
	line-height: 110%;
}
.size11250{
	font-size: 112.5%;
	line-height: 110%;
}
.size11875{
	font-size: 118.75%;
	line-height: 130%;
}
.size12500{
	font-size: 125%;
	line-height: 130%;
}
.size16250{
	font-size: 162.50%;
	line-height: 110%;
}
.size18125{
	font-size: 181.25%;
	line-height: 110%;
}
.well-small{
  background-color: #EEF3F6;
  border:none;
  position:relative;
}
.navbar-fixed-top{
	margin:0;
}
.navbar-fixed-top .navbar-inner{
	box-shadow:none;
	background-image:none;
	background-color:#000;
	color:#FFF;
	padding-top:10px;
	padding-bottom: 10px;
	min-height: 0;
	border:none;
}
#top-bar .btn{
	margin-left:10px;
	margin-top:0;
}
#intro, .container{
	position:relative;
}
#intro .container{
	height:100%;
}
.btn{
	border-color:transparent;
	border:none;
	background-image:none;
	box-shadow:none;
	color:#fff;
	text-shadow:none;
	position:relative;
	z-index: 1000;
}
.btn-small{
	padding:2px 20px;
}
.btn-medium{
	padding:11px 23px;
}
.btn-large{
	margin-top:15px;
	padding:20px 36px;
}
.btn-blue{
	background-color:#67A2C5;
}
.btn-pink{
	background-color:#E45144;
}
.btn-inverse{
	background-color: #000;
}
.table-center{
	display:table;
	vertical-align: middle;
}
.cell-center{
	display:table-cell;
	vertical-align: middle;
}
.table-bottom{
	position:absolute;
	right:0;
	bottom:0;
}
.cell-bottom{
	position:absolute;
	bottom:0;
	width:100%;
}
#intro{
	background:#E45144;
	min-height:542px;
}
#intro .container .row{
	height:100%;
}
#intro .container .row > [class*="span"]{
	height:100%;
}
#menu-bar, #options1, #options2{
	padding-top:45px;
}
#extras{
	background:#000;
	color:#fff;
}
h2{
	color:#231F20;
	font-size: 231.75%;
}
.downarrow{
	position:absolute;
	bottom:10px;
	right:0;
	left:0;
	width:100%;
	height:32px;
	background:url(../img/downarrow.png) no-repeat center center transparent;
}
.nav{
	margin-bottom: 0;
	padding:20px;
}
.brand{
	padding:20px 0;
}
.nav li{
	text-transform: uppercase;
}
.nav a{
	margin-left:20px;
	display:inline-block;
	color:#000;
	padding:15px 0;
}
.nav a:hover, .nav li a:hover{
	background:none;
	text-decoration: underline;
}
.popular{
	position:absolute;
	top:-12px;
	right:-12px;
	height:60px;
	width:60px;
	background:url(../img/popular.png) no-repeat center center transparent;
	text-indent: -9999px;
}
.options img{
	margin-bottom:10px;
}
.options .btn{
	margin-top:10px;
	margin-bottom: 5px;
}
.options{
	padding-bottom: 40px;
}
#extras ul{
	color:#E45144;
	width:100%;
	height:270px;
	background:url(../img/extras-h.png) no-repeat center center transparent;
	margin:0;
	list-style-type: none;
	position:relative;
	padding:80px 0;
}
#extras ul li{
	position:absolute;
}
#extras ul .li1{
	top:85px;
	left:312px;
}
#extras ul .li2{
	top:95px;
	left:512px;
}
#extras ul .li3{
	top:143px;
	left:756px;
}
#extras ul .li4{
	top:138px;
	left:88px;
}
#extras ul .li5{
	top:311px;
	left:16px;
}
#extras ul .li6{
	top:311px;
	left:378px;
}
#extras ul .li7{
	top:311px;
	left:724px;
}
#japan{
	padding:40px 0;
}
#reddot{
	padding:46px 0 56px;
}
.dudes{
	background:#eef3f6;
	padding:43px 0 110px;
}
.dudes h2{
	padding-bottom:30px; 
}
.dudes h5{
	font-size:24px;
	line-height: 130%;
}
#charcoal{
	padding:40px 0;
	background: #000;
}
#charcoal ul{
	color:#E45144;
	width:100%;
	height:346px;
	background:url(../img/charcoal-h.png) no-repeat center center transparent;
	margin:0;
	list-style-type: none;
	position:relative;
	padding:50px 0 40px;
}
#charcoal ul li{
	position:absolute;
}
#charcoal ul .li1{
	top:60px;
	left:51px;
}
#charcoal ul .li2{
	top:61px;
	left:583px;
}
#charcoal ul .li3{
	top:134px;
	left:9px;
}
#charcoal ul .li4{
	top:134px;
	left:768px;
}
#charcoal ul .li5{
	top:285px;
	left:24px;
}
#charcoal ul .li6{
	top:285px;
	left:763px;
}
#regulars{
	padding:40px 0;
}
.byline{
	display:block;
	color:#334a5c;
	position: absolute;
	bottom: 0;
}
#regulars .span6{
	margin-top:35px;
	margin-bottom: 35px;
}
#regulars .span6 .span9{
	position:relative;
	padding-bottom: 25px;
}
#follow{
	background:#67a2c5;
	padding:40px 0 0;
}
#grinning{
	height:473px;
}
#grinning .table-center{
	height:100%;	
}
#faq h1, #faq h2, #faq h3, #faq h4, #faq h5, #faq h6{
	margin:0;
}
#faq h5{
	cursor:pointer;
}
#faq .accordion-content{
	padding-top:20px;
	display:none;
}
#faq .underline .span6{
	padding-top:10px;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
}
#faq .row:last-child .span6:last-child{
	border-bottom:none;
}
#footer{
	background:#000;
	padding:40px 0;
}
#footer a{
	text-decoration: none;
}
#footer a:hover{
	color:#FFF;
	text-decoration: underline;
}
.modal{
	width:448px;
	margin-left:-224px;
}
.modal-body{
	padding:0 15px;
	margin:15px 0;
}
.modal-header{
	border:none;
	padding:9px 15px 0;
}
@media (min-width: 1200px) {
	#extras ul .li1{
		left:426px;
	}
	#extras ul .li2{
		left:626px;
	}
	#extras ul .li3{
		left:870px;
	}
	#extras ul .li4{
		left:202px;
	}
	#extras ul .li5{
		left:130px;
	}
	#extras ul .li6{
		left:492px;
	}
	#extras ul .li7{
		left:838px;
	}
	#charcoal ul .li1{
		left:167px;
	}
	#charcoal ul .li2{
		left:699px;
	}
	#charcoal ul .li3{
		left:125px;
	}
	#charcoal ul .li4{
		left:884px;
	}
	#charcoal ul .li5{
		left:140px;
	}
	#charcoal ul .li6{
		left:878px;
	}
}
@media (min-width: 768px) and (max-width: 979px) { 
	.navbar-fixed-top{
		position:fixed;
	}
	.brand{
		text-align:center;
	}
	.popular{
		top:-30px;
	}
	#extras ul{
		width:100%;
		height:800px;
		background:url(../img/extras-v.png) no-repeat center center transparent;
		margin:0;
		list-style-type: none;
		position:relative;
	}
	#extras ul .li1{
		top:570px;
		left:244px;
	}
	#extras ul .li2{
		top:191px;
		left:223px;
	}
	#extras ul .li3{
		top:105px;
		left:292px;
	}
	#extras ul .li4{
		top:700px;
		left:239px;
	}
	#extras ul .li5{
		top:822px;
		left:239px;
	}
	#extras ul .li6{
		top:436px;
		left:226px;
	}
	#extras ul .li7{
		top:303px;
		left:246px;
	}
	.dudes h5{
		font-size:18px;
	}
	#charcoal ul{
		width:350px;
		height:280px;
		background:url(../img/charcoal-v.png) no-repeat center center transparent;
		margin:0 auto;
		padding:50px 0 40px;
	}
	#charcoal ul li{
		position:absolute;
	}
	#charcoal ul .li1{
		top:56px;
		left:30px;
	}
	#charcoal ul .li2{
		top:116px;
		left:0px;
	}
	#charcoal ul .li3{
		top:302px;
		left:48px;
	}
	#charcoal ul .li4{
		top:116px;
		left:214px;
	}
	#charcoal ul .li5{
		top:256px;
		left:0px;
	}
	#charcoal ul .li6{
		top:256px;
		left:210px;
	}
}
@media (max-width: 767px) { 
	.container{
		padding:0 20px;
	}
	.brand{
		text-align:center;
	}
	.options .span4{
		margin-bottom:20px;
	}
	#top-bar .btn{
		margin-left:0;
		margin-top:10px;
	}
	#top-bar span{
		display:block;
	}
	#menu-bar{
		padding-top:85px;
	}
	.navbar-fixed-top{
		position:fixed;
	}
	.navbar-fixed-top .container{
		width:auto;
	}
	#extras ul{
		width:350px;
		height:800px;
		background:url(../img/extras-v.png) no-repeat center center transparent;
		margin:0 auto;
		list-style-type: none;
		position:relative;
	}
	#extras ul .li1{
		top:570px;
		left:58px;
	}
	#extras ul .li2{
		top:191px;
		left:37px;
	}
	#extras ul .li3{
		top:105px;
		left:106px;
	}
	#extras ul .li4{
		top:700px;
		left:53px;
	}
	#extras ul .li5{
		top:822px;
		left:53px;
	}
	#extras ul .li6{
		top:436px;
		left:40px;
	}
	#extras ul .li7{
		top:303px;
		left:60px;
	}
	#charcoal ul{
		width:350px;
		height:280px;
		background:url(../img/charcoal-v.png) no-repeat center center transparent;
		margin:0 auto;
		padding:50px 0 40px;
	}
	#charcoal ul li{
		position:absolute;
	}
	#charcoal ul .li1{
		top:56px;
		left:30px;
	}
	#charcoal ul .li2{
		top:116px;
		left:0px;
	}
	#charcoal ul .li3{
		top:302px;
		left:48px;
	}
	#charcoal ul .li4{
		top:116px;
		left:214px;
	}
	#charcoal ul .li5{
		top:256px;
		left:0px;
	}
	#charcoal ul .li6{
		top:256px;
		left:210px;
	}
	#regulars img{
		margin-bottom:20px;
	}
	#regulars .span6{
		border-bottom:1px solid #EEF3F6;
		padding-bottom:35px;
	}
	#regulars .span6:last-child{
		border-bottom:none;
	}
	#grinning{
		height:273px;
	}
	#faq .underline{
		display:none;
	}
	#faq .span6{
		margin-bottom: 10px;
		padding-bottom:10px;
		border-bottom:1px solid #FFF;
	}
}