/*
	m a i n
*/
	#main {
		padding-top: 75px !important;
		/*position: relative;*/
		/*float: left;*/
	}
	.main_content {
		margin: 0px 160px 0 70px;
		/*float: left;*/
	}
	.section_name {
		width: 100%;
		font-size: 24px;
		color: #5d5d5d;
		padding: 40px 0 35px 0;
		float: left;
	}
	.recommended {
		width: 100%;
		height: auto;
		background-color: #e1e1e1;
		padding-bottom: 40px;
		float: left;
	}

	/* picture thumbnail */

	.pic {
		width: 32%; min-width: 325px;
		height: 250px;
		background-color: #000;
		margin-right: 2%; margin-bottom: 2%;
		overflow: hidden;
		float: left;
		position: relative;
	}
	.pic:nth-child(3n+4) { margin-right: 0; }
	/*.pic:nth-child(n+11) { margin-bottom: 0; }*/
	.pic img {
		max-width: 100%;
		// min-height: 100%;
		transition: opacity 0.2s ease-out;
		object-fit: cover;
		height: calc(100% - 50px);
		width: 100%;
	}
	/* pic hover */
	.pic:hover img {
		opacity: 0.6;
	}
	.pic_hover {
		color: #fff;
		position: absolute;
		top:0; right: 0; left: 0;
		margin: 80px auto;
		text-align: center;
		opacity: 0;
	}
	.pic_hover a {
		width: 50px;
		height: 50px;
		border: 2px solid #fff;
		border-radius: 50%;
		margin-right: 10px;
		text-align: center;
		transition: all 0.2s ease;
		display: inline-block;
		color: #fff;
	}
	.pic_hover a i { margin-top: 18px; }
	.pic_hover a:hover {
		background-color: #fff;
		color: #000;
	}
	.pic_hover a:last-of-type { margin-right: 0px; }
	.pic:hover .pic_hover { opacity: 1; }
	.pic:hover div { transition: all 0.2s ease-out; }
	
	/* vote hover */
	.pic_hover button {
		background: none;
		border: 2px solid #ffffff;
		border-radius: 50px;
		padding: 15px 30px;
		font-family: MuseoSans-500;
		font-size: 14px;
		/*text-transform: uppercase;*/
		color: #ffffff;
		cursor: pointer;
		transition: all 0.1s ease-in-out;
	}
	.pic_hover button:hover {
		background-color: #ffffff;
		color: #ff3b30;
	}

	/* pic footer */
	.pic_footer {
		background-color: #fff;
		width: 100%;
		height: 17px;
		padding: 20px 0;
		border-bottom: solid 1px #fff;
		position: absolute;
		bottom: 0;
	}
	.pic_footer a {
		padding: 0 5%;
		color: #8a8a8a;
		font-size: 14px;
	}
	.pic_footer a:hover { color: #ff3b30; }
	.pic_footer a em {
		color: #424242;
		font-size: 14px;
	}

	/* pagination */

	.pages {
		width: 100%;
		margin: 37px auto 60px;
	}
	.pages ul {
		height: 40px;
		margin: 0; padding: 0; border: 0;
		text-align: center;
		/*overflow: hidden;*/
		list-style-type: none;
		line-height: 20px;
	}
	.pages ul li {
		min-width: 40px;
		height: 40px;
		display: inline-block;
		transition: all 0.1s ease;
		vertical-align: top;
		font-size: 14px;
		color: #fff;
	}
	.pages a {
		height: 28px;
		padding: 0 16px;
		padding-top: 12px;
		color: #fff;
		display: block;
		text-align: center;
	}

	.page_btn1, .pages .disabled1:hover {background-color: #000000;}
	.page_btn2, .pages .disabled2:hover {background-color: #141414;}
	.page_btn3, .pages .disabled3:hover {background-color: #292929;}
	.page_btn4, .pages .disabled4:hover {background-color: #3d3d3d;}
	.page_btn5, .pages .disabled5:hover {background-color: #525252;}
	.page_btn6, .pages .disabled6:hover {background-color: #666666;}
	.page_btn7, .pages .disabled7:hover {background-color: #7a7a7a;}
	.page_btn8, .pages .disabled8:hover {background-color: #8e8e8e;}
	.page_btn9, .pages .disabled9:hover {background-color: #a3a3a3;}
	.page_btn10, .pages .disabled10:hover {background-color: #b7b7b7;}
	.page_btn11, .pages .disabled11:hover {background-color: #cccccc;}
	.pages ul li:hover , .page_select { background-color: #fff; }
	.pages ul li:hover  a, .page_select a { color: #000; }

	.pages .disabled a:hover { color: #fff; } /* disable hover color */
	.pages .no-link {
		height:28px; 
		padding-top: 12px;
	}
	.pages .rounded-left {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.pages .rounded-right {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

/*
	s i n g l e
*/
	.single-pic {
		width: 48%;
		float: left;
		overflow: hidden;
		margin-bottom: 40px;
	}

		.single-pic img {
			max-width: 100%;
		}

	.single-info {
		width: 48%;
		float: left;
		margin-left: 4%;
	}
		/* author */	
		.single-author {
			background-color: #ffffff;
			height: 125px;
		}
		.single-author img {
			max-height: 100%;
			float: left;
		}
		.author-info {
			padding: 20px;
			float: left;
			overflow: hidden;
		}
		.author-info h3 {
			font-size: 20px;
			color: #1a1a1a;
		}
		.author-info p {
			font-size: 14px;
			color: #727272;
			padding: 32px 0 5px;
		}
		.author-info a {
			font-size: 14px;
			color: #ff3b30;
			margin-top: 20px;
		}

		/* actions */
		.single-action {
			margin: 20px 0;
		}
			.single-vote p {
				font-size: 20px;
				line-height: 25px;
				color: rgb(46, 44, 44);
			}
			.single-vote .stars {
				margin-left: 10px;
			}
			.single-vote a {
				font-size: 20px;
				color: #afafaf;
			}
			/* tags */
			.tags_box {
				background-color: #ffffff;
				padding: 25px 20px;
				margin-bottom: 1px;
			}
			.tags_box a {
				color: #ff3b30;
				margin-right: 5px;
			}
			/* stars */
			.stars a {
			    color: #ff3b30;
			    margin: 0;
			    padding: 0 4px;
			    float: left;
			}
			.stars a.selected ~ a{
			    color: #afafaf;
			}
			.stars:hover a{
			    color: #ff3b30;
			}
			.stars:hover a.selected ~ a{
			    color: #ff3b30;
			}
			.stars:hover a:hover ~ a{
			    color: #afafaf;
			}
			/* btns */
			.single-buttons {
				margin-top: 15px;
			}
			.single-buttons a {
				width: 50px;
				height: 50px;
				border: 2px solid #3e3e3e;
				border-radius: 50%;
				margin-right: 10px;
				text-align: center;
				transition: all 0.1s ease;
				display: inline-block;
				color: #3e3e3e;
			}
			.single-buttons a i { margin-top: 18px; }
			.single-buttons a:hover {
				background-color: #fff;
				border-color: #fff;
			}

		/* comments */
		.single-comments {
			background-color: #ffffff;
			padding: 20px;
			margin-bottom: 20px;
			margin-top: 15px;
		}

	/* horizontal */
	.horizontal {
		width: 100%;
		float: none;
		margin: 0px 0px 30px 0px;
	}

	/* edit debut */
	.edit {
		width: 400px;
		font-size: 14px;
		margin: 0 auto;

	}
	.edit h1 {
		font-size: 32px;
		margin:80px 0px 40px 0px;
		color: #000;
	}
	.label {
		color: #737373;
		margin: 1em 0;
	}
	.edit input, textarea {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		font-size: 14px;
	}
	.edit input[type="submit"] {
		height: 60px;
		background-color: rgba(0, 0, 0, 0.2);
		color: #000;
		border: none;
		border-radius: 5px;
		transition: all 0.1s ease-in;
		margin: 20px 0;
	}
	.edit input[type="submit"]:hover {
		background-color: #ff3b30;
		color: #fff;
	}
	.delete-button {
		border: 1px solid #ff3b30;
		color: #ff3b30;
		border-radius: 5px;
		padding: 20px;
		margin-bottom: 80px;
		text-align: center;
	}
	.delete-button:hover {
		background-color: #ff3b30;
		color: #fff;
	}

	/* intreview */
	.interview {
		background-color: #fff;
		padding: 60px;
		width:400px;
		margin: 10% auto;
		border-radius: 5px;
		width: auto;
		text-align: left;
	}
	.interview p {
		font-size: 14px;
		color: #737373;
		line-height: 23px;
		margin-top: 20px;
	}
	.interview .pic_desc {
		font-size: 14px;
		font-style: italic;
		line-height: 23px;
		text-align: center;
		color: #737373;
	}
	.interview blockquote {
		padding: 10px 30px;
		margin-left: 20px;
		border-left: solid 4px #ff3b30;
		font-style: italic;
		font-size: 16px;
		color: #3d3d3d;
	}

/*
	m e d i a
*/
	@media (max-width: 1244px) {
		.pic {
			width: 48%;
			margin-right: 2%;
		}
		.pic:nth-child(3n+4) { margin-right: 2%; }
		.pic:nth-child(2n+3) { margin-right: 0; }
		.pic:nth-child(n+11) { margin-bottom: 2%; }
	}