/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
body{
   background: rgb(66,41,52);   
}

.oj-image-padding {
   padding-top: 10%;
   padding-bottom: 10%;
}
 
.header-top,
.header-image,
.oj-circle,
.oj-countdown,
.oj-wishlist {
   border-bottom-color: white;
   border-bottom-style: solid;
}

.oj-wishlist {
	height: 198px;
}

.oj-countdown,
.oj-whishlist {
	padding-bottom: 5%;
}  

.header-image{
   width: 100%;
}

.header-image > img {
   width: 100%;
}

.oj-circle{
   
}

.oj-bg {
   background-image: url(../img/oj-background.png);
   
}

/*---------------------------*/
/* 5-3. COUNTDOWN 	 */
/*---------------------------*/	
.countdown_section {
	font-family: 'Clicker Script', cursive;
}

span.countdown_amount{
	font-family: 'Open Sans', sans-serif;
}

.countdown_container{
	width:100%;
	height:auto;
	padding:20px 0 20px 0;
}
.countdown_container h2{
	text-align:center;
	color:#FFFFFF;
	padding:60px 0 0 0;
	font-size:24px;
}
.hasCountdown{
	width:100%;
	text-align:center;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding:0px;
	text-align: center;
}
.countdown_section {
	display:inline-block;
	text-align: center;
	width:148px;
	height:150px;
	padding:20px 0 0 0;
	margin:0 12px;
	background:url(../img/countdown_frame.png) no-repeat center;
	text-align:center;
	font-size:36px;
	color:#FFFFFF;
	text-transform:lowercase;
}
span.countdown_amount {
	font-size:80px;
	color:#FFFFFF;
	font-weight:700;
	letter-spacing:-0.5px;
}
.countdown_descr {
	display: block;
	width: 100%;
}


@media screen and (max-width: 680px) {
	.countdown_container h2{
	text-align:center;
	color:#FFFFFF;
	padding:60px 0 0 0;
	font-size:16px;
	line-height:30px
	}
	.hasCountdown {
	width:100%;
	text-align:center
	}
	.countdown_section {
	display:inline-block;
	text-align: center;
	width:50px;
	height:60px;
	padding:10px 0 0 0;
	margin:0 5px;
	background:url(../img//countdown_frame_small.png) no-repeat center;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	text-transform:lowercase
	}
	span.countdown_amount {
	font-size:22px;
	
	}
	
}