/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

strong {
	font-weight:700;
}

::-moz-selection { 
	background: #010101;
	color:#ffffff;
}
::selection {
    background: #010101;
	color:#ffffff;
}

body {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition:all 0.4s ease;
}

body.redirect {
	visibility:hidden;
	background-color:#FFFFFF !important;
}

.col1 {
	background-color:#b4cfad;
/*	background-color:rgba(180,207,173,0.9);*/
}

.col2 {
	background-color:#f4e2a7;
/*	background-color:rgba(244,226,167,0.9);*/
}

.col3 {
	background-color:#ceb8d1;
/*	background-color:rgba(206,184,209,0.9);*/
}

.col4 {
	background-color:#e9cbb4;
/*	background-color:rgba(233,203,180,0.9);*/
}

.col5 {
	background-color:#a4c7d7;
/*	background-color:rgba(164,199,215,0.9);*/
}

#header {
	position:relative;
	max-width:360px;
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0px 0px 12px 0px;
	/*border-top:30px solid #65887a;*/
}

#header h1 {
	font-family:"Adelle";
	font-weight:700;
	font-size:33px;
	line-height:42px;
	color:#000000;
	margin:0px;
	padding:0px 9px;
}

#buttons {
	position:relative;
	width:100%;
	height:93px;
	max-width:360px;
	margin:0 auto;
	color:#000000;
}

#buttons:before {
	content:" ";
	display:block;
	border-top:50px solid #65887a;;
}

#buttons a {
	color:#FFFFFF;
	font-family:"Tenso";
	font-size:16px;
	line-height:32px;
	width:80px;
	height:32px;
	text-align:center;
	background-color:#000000;
	display:block;
	position:absolute;
	top:34px;
	margin:0 15px;
	z-index:2;
}

#buttons a.passive {
	pointer-events:none;
	background-color:#808080;
}

#buttons a:nth-child(1){
	left:15px;
}

#buttons a:nth-child(2){
	left:125px;
}

#buttons a:nth-child(3){
	left:235px;
}

#buttons a:hover {
	background-color:#65887a;
} 

#buttons:after{
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	top:55px;
	left:0px;
	height:3px;
	background-color:#65887a;
	z-index:1;
}


#content {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	min-height:200px;
	padding:0px;
	margin:0px;
}

.swiper-slide {
	text-align:center;
}

#number-holder {
	position:absolute;
	display:block;
	color:#000000;
	font-family:"Tenso";
	font-size:95px;
	line-height:142px;
	width:142px;
	height:142px;
	border:3px solid #65887a;
	border-radius:72px;
	margin:0 auto;
	text-align:center;
	left:calc(50% - 71px);
	pointer-events:none;
}

#number-holder:before {
	content:" ";
	display:block;
	position:absolute;
	top:66px;
	left:-112px;
	width:110px;
	height:3px;
	background-color:#65887a;
}

#number-holder:after {
	content:" ";
	display:block;
	position:absolute;
	top:66px;
	left:138px;
	width:110px;
	height:3px;
	background-color:#65887a;
}

.question .no {
	position:relative;
	display:block;
	color:#000000;
	font-family:"Tenso";
	font-size:95px;
	line-height:142px;
	width:142px;
	height:142px;
	border:3px solid transparent;
	border-radius:71px;
	margin:0 auto;
	text-align:center;
}

.question .no:before {
	content:" ";
	display:block;
	position:absolute;
	top:66px;
	left:-112px;
	width:110px;
	height:3px;
	background-color:transparent;
}

.question .no:after {
	content:" ";
	display:block;
	position:absolute;
	top:66px;
	left:138px;
	width:110px;
	height:3px;
	background-color:transparent;
}

.question h2 {
	position:relative;
	display:block;
	font-family:"Tenso";
	font-size:60px;
	line-height:70px;
	width: 100%;
	max-width: 1344px;
	margin: 9px auto;
	padding:0 42px;
}

.question .post {
	color:#000000;
	text-decoration:none;
	display:block;
	width: 100%;
	max-width: 360px;
	margin: 0 auto 17px auto;
	padding:11px 0;
}

.question .authors {
	margin-bottom:11px;
	font-size:0px;
}
.question .authors .author {
	font-family:"Tenso";
	font-size:16px;
	line-height:20px;
	font-weight:700;
	display:inline-block;
}

.question .authors .author-separator {
	font-family:"Tenso";
	font-size:16px;
	line-height:20px;
	font-weight:700;
	display:inline-block;
	margin-left:1px;
	margin-right:3px;
}

.question .head_title {
	font-family:"Adelle";
	font-size:17px;
	line-height:23px;
	font-weight:700;
	margin-bottom:5px;
}

.question .title {
	font-family:"Adelle";
	font-size:23px;
	line-height:29px;
	font-weight:700;
	margin-bottom:5px;
	text-decoration:underline;
	color:#000000;
	display:block;
}

.question .title i,
.question .title em {
	font-style:italic;
}

.question .title br {
	display:none;
}

.question .subtitle {
	font-family:"Adelle";
	font-size:17px;
	line-height:23px;
	font-weight:700;
	margin-bottom:5px;
}

.question .date {
	font-family:"Tenso";
	font-size:13px;
	line-height:16px;
	padding-top:6px;
}

.question a.title:hover {
	color:#65887a;
}


#manifold {
	width:100%;
	max-width:150px;
	position:relative;
	display:block;
	margin:0 auto 15px auto;
	text-decoration:none;
}

#manifold svg {
	width:100%;
	height:auto;
}

#manifold:hover svg path {
	fill:#65887a;
}


#notice {
	position:relative;
	width:100%;
	max-width:600px;
	margin:0 auto 12px auto;
	padding:13px;
	text-align:center;
	font-family:"Tenso";
	font-size:19px;
	line-height:28px;
	color:#000000;
}

#notice a {
	color:#ff0000;
}

#notice a:hover {
	text-decoration:underline;
} 

#notice:after{
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	max-width:360px;
	bottom:0px;
	left:120px;
	height:3px;
	background-color:#65887a;
}

#notice:before{
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	max-width:360px;
	top:0px;
	left:120px;
	height:3px;
	background-color:#65887a;
}



#pagination {
	width:100%;
	max-width:1344px;
	margin:0 auto;
}

#pagination a {
	position:relative;
	display:block;
	float:left;
	margin:22px;
	width:40px;
	height:40px;
	background-color:#000000;
	border-radius:20px;
	color:#FFFFFF;
	font-family:"Tenso";
	font-size:23px;
	line-height:40px;
	font-weight:400;
	text-align:center;
}

#pagination a:hover {
	background-color:#65887a;
}
#pagination a.passive{
	background-color:#808080;
	pointer-events:none;
	cursor:default;
}

#pagination a.current {
	background-color:#65887a;
}

#pagination:after {
	content:" ";
	display:block;
	clear:both;
}
#footer {
	position:relative;
	max-width:360px;
	width:100%;
	margin:42px auto 0 auto;
	background-color:#65887a;
	color:#FFFFFF;
	font-family:"Tenso";
	font-weight:400;
	font-size:16px;
	line-height:21px;
	text-align:center;
	padding:18px;
}

#footer a {
	color:#FFFFFF;
	font-weight:700;
	text-decoration:underline;
}

#footer a:hover {
	color:#000000;
}

@media (max-width:720px){
	.question h2 {
		font-size:45px;
		line-height:53px;
		margin:11px auto 9px auto;
	}
}

@media (max-width:600px){
	#notice:after,
	#notice:before {
		left:calc(50% - 180px);
	}
}

@media (max-width:480px){
	#header h1 {
		font-size:29px;
	}
	
	#buttons {
		height:80px;
	}
	.question h2 {
		font-size:35px;
		line-height:40px;
		padding: 0 22px;
		margin:11px auto 17px auto;
	}
	.question .no {
		font-size:75px;
		line-height:112px;
		width:112px;
		height:112px;
		border-radius:56px;
	}
	
	#number-holder {
		font-size:75px;
		line-height:112px;
		width:112px;
		height:112px;
		border-radius:56px;
		left:calc(50% - 56px);
		pointer-events:none;
	}
	
	#number-holder:before,
	.question .no:before {
		top:51px;
		left:-127px;
		width:125px;
	}

	#number-holder:after, 
	.question .no:after {
		top:51px;
		left:108px;
		width:125px;
	}
	
	#header {
		padding-bottom:3px;
	}
	
	#notice {
		font-size:16px;
		line-height:21px;
	}
	#notice a {
		display:block;
	}
	
}


@media (max-width:1360px){
	#pagination {
		max-width:1260px;
	}
}

@media (max-width:1276px){
	#pagination {
		max-width:1176px;
	}
}

@media (max-width:1192px){
	#pagination {
		max-width:1092px;
	}
}

@media (max-width:1108px){
	#pagination {
		max-width:1008px;
	}
}

@media (max-width:1024px){
	#pagination {
		max-width:924px;
	}
}

@media (max-width:940px){
	#pagination {
		max-width:840px;
	}
}

@media (max-width:856px){
	#pagination {
		max-width:756px;
	}
}

@media (max-width:772px){
	#pagination {
		max-width:672px;
	}
}

@media (max-width:688px){
	#pagination {
		max-width:588px;
	}
}

@media (max-width:604px){
	#pagination {
		max-width:504px;
	}
}

@media (max-width:520px){
	#pagination {
		max-width:420px;
	}
}

@media (max-width:436px){
	#pagination {
		max-width:336px;
	}
}

@media (max-width:352px){
	#pagination {
		max-width:252px;
	}
}
