h1 { display: none; }


/* 	========== HEAD ========== */
.head { width: 100%; height: 100%;}
.head::before { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-image: url("/include/images/images/header-bg.jpg");background-size: cover;background-position: 50% 50%; width: 100%;height: 100%;}
.head::after { position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0; background:rgba(140,188,152, 0.6); background: -webkit-linear-gradient(to bottom right, rgba(9,117,55, 0.8), rgba(140,188,152, 0.7) 100%); background: linear-gradient(to bottom right, rgba(140,188,152, 0.8), rgba(9,117,55, 0.7) 100%); box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);-moz-box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);-webkit-box-shadow: inset 0 -10px 30px -10px rgba(9,117,55,.2);}
.head .header { width: 100%;  padding: 90px 40px; margin: 0 auto; display: table; z-index: 3; }
.head .header h2 { font-size: 2.7rem; font-weight: 600; margin: 15px 0px 15px; text-align: center; color: #ffffff; } 
.head .header h2 span {display: block;font-size: 1.7rem;font-weight: 400; }


/* 	========== QUEST SEARCH ========== */
.quests-search { padding: 7px 0px; }
.quests-search input { display: table; border-radius: 25px; padding: 9px 15px 9px 15px; max-width: 700px; width: 100%; margin: 0 auto; font-size: 1.05rem; text-align: center; border: 0 !important; }


/* 	========== QUEST ========== */
/* result */
.quest-res { padding: 15px 0; font-size: 1rem;font-weight: 400; text-align: center; min-height: 50px; }

/* container */
.quests-con {display: table; width: 100%; height: 500px; }
.quests-con .quests-con-1,.quests-con .quests-con-2  { display: table-cell; vertical-align: top; }
.quests-con .quests-con-1 { min-width: 350px; padding-right: 30px; }
.quests-con .quests-con-2 { width: 100%; }
/* container list */
.quests-con-1 ul { padding: 15px 0px 15px 10px;}
.quests-con-1 ul li a {  padding: 6px 0px; cursor: pointer; display: table; }
.quests-con-1 ul li a i { margin-right: 5px; }  


@media screen and (max-width: 1000px) 
{
	.quests-con .quests-con-1,.quests-con .quests-con-2  { display: block; width: 100%; padding: 0; }
	.quests-con .quests-con-1 { padding-bottom: 40px;min-width: 100%; }
}
@media screen and (max-width: 650px) 
{
	.head .header h2 { font-size: 2.2rem; }
	.head .header h2 span { font-size: 1.7rem; }
}
@media screen and (max-width: 550px) 
{
	.head .header { padding: 90px 15px; }
	.head .header h2 { font-size: 2rem; }
	.head .header h2 span { font-size: 1.5rem; }
}