.mod-logo {
    text-align: center;
    font-size: 25px;
    color: #b0b0b0;
}

body{
	background: linear-gradient(rgba(94, 144, 202, 0.45),rgba(11, 11, 12, 0.82)),url(../png/mcbackground-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

#nav {
    position: absolute;
    top: 0px;
    z-index: 10;
    width: 100%;
}

.content{
	max-width: 1110px;
}

.no-mods-found{
	text-align: center;
	color: yellow;
	font-size: 20px;
	padding: 10px;
	margin-top: 10px;
}

#popular{
	margin-top: 15px;
}

#mods .table-responsive{
	margin-top: 9px;
}


#carousel-home{
	-moz-box-shadow: 0px 11px 18px -8px #000000;
    -webkit-box-shadow: 0px 11px 18px -8px #000000;
    box-shadow: 0px 11px 18px -8px #000000;
}

#popular .mc-text-white{
    font-size: 19px;
    margin-left: 7px;
	margin-top: 40px;
}

#search-title{
	text-align: center;
	margin-top: 50px;
}

#search-title h1{
	font-size: 30px;
	text-shadow: none !important;
}

#search-title p{
	font-size: 20px;
}

#faqs .question{
	font-size: 16px;
	color: #fffda4;
	font-weight: bold;
	margin: 0 0 7px;
}

#faqs .answer{
	font-size: 15px;
	color: white;
}

#faqs .faq{
	padding: 12px 0px;
}

#faqs{
    padding: 10px 20px 20px 20px;
    background: rgba(0, 0, 0, 0.18);
    margin: 0px 5px
}

#faqs .fa{
	color: #1662b8;
    margin-right: 5px;
}

#faqs a{
	text-align: center;
    display: block;
    font-size: 15px;
	margin-top: 10px;
}

.modpack-category span{
	padding-top: 102px;
    display: block;
 	text-align: center;
}

.modpack-category-wrapper a:hover{
	text-decoration: none;
}

.modpack-category-wrapper .installer-box:hover {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

#modpack-categories{
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}

#popular-mods{
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}

.modpack-category-wrapper{
    padding: 10px 8px;
    width: 33.33%;
    float: left;
}

.modpack-category{
	height: 140px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	margin: 0 auto;
	-moz-box-shadow: 0px 0px 8px 0px #000000;
    -webkit-box-shadow: 0px 0px 8px 0px #000000;
    box-shadow: 0px 0px 8px 0px #000000
}

.mc-input{
	font-size: 18px;
    height: 42px;
    border: solid 1px #9C9C9C;
}

#search-modpacks{
	padding: 7px;
	margin-top: 10px;
}

.mod-logo{
	width: 62px;
}

.mod-name{
	width: 170px
}

#mod-table{
	color: white;
}

.dirt-backing{
	border: solid 1px #000000;
}

.transparent-blue{
background-color: rgba(9, 27, 52, 0.72);
}

#pages li{
	cursor: pointer;
	text-align: center;
}

.waiting-ajax{
	font-size: 80px !important;
    color: white;
    padding: 34px;
}

#pages{
	text-align: center;
}

#mod-table .yellow-button{
	font-size: 15px;
    padding: 8px 10px 8px 10px;
    min-width: 110px;
}

.mod-description{
	color: #d6d6d6;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td{
	border-top: 1px solid #4c4c4c !important;
}

.top-content{
    background-color: rgba(0, 33, 93, 0.38);
    border: solid 1px black;
    padding: 27px 27px 60px 27px;
}

.mod-heading{
    color: yellow;
    margin-top: 0px;
    font-weight: 600;
    font-size: 29px;
}

.mod-desc{
	color: white;
	font-size: 16px;
}

.top-content ul{
	color: #fffca4;
	font-size: 16px;
}

.video{
	border: solid 1px #393939;
    box-shadow: 0px 1px 6px 0px #000000;
}

#mod-filter{
	padding: 40px 20px 40px 20px;
}

.yellow-button{
	-moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;
}

.pagination>li>a, .pagination>li>span{
	background-color: #000;
    border: 1px solid #666;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	background-color: #000;
    border: 1px solid #666;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 780px){
	th[name=mod-name-header]{
		min-width: 200px !important;
	}

	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
	    white-space: normal !important;
	}

	.pagination-lg>li>a, .pagination-lg>li>span {
	    padding: 10px 11px;
	    font-size: 14px;
	}

	#mods{
		padding: 0px;
	}
}

@media (max-width: 600px){
	.mobile-hide-desc{
		display: none;
	}
}

@media (max-width: 700px){
	.modpack-category-wrapper{
		width: 50%;
	}
}

@media (max-width: 550px){
	.modpack-category-wrapper{
		width: 100%;
	}
}

@media (max-width: 870px){
	#search-title h1 {
	    font-size: 22px;
	}

	#search-title p {
	    font-size: 17px;
	}
}


@media (min-width: 1501px) and (max-width: 1600px){
	#carousel-home .carousel-inner{
		max-height: 340px;
	}

	#carousel-home .carousel-inner a{
		display: inline-block;
	}
}

@media (min-width: 1401px) and (max-width: 1500px){

	#carousel-home .carousel-inner{
		max-height: 320px;
	}

	#carousel-home .carousel-inner a{
		display: inline-block;
	}

}

@media (min-width: 1200px) and (max-width: 1300px){

	#carousel-home .carousel-inner{
		max-height: 310px;
	}

	#carousel-home .carousel-inner a{
		display: inline-block;
	}

}

@media (min-width: 871px) and (max-width: 1199px){
	#carousel-home{
		margin-top: 76px;
	}
}

@media (max-width: 870px){
	#carousel-home {
		margin-top: 93px;
	}

	#search-title {
	    margin-top: 30px;
	}
}

@media (max-width: 400px){
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 16px;
	}
	::-moz-placeholder { /* Firefox 19+ */
		font-size: 16px;
	}
	:-ms-input-placeholder { /* IE 10+ */
		font-size: 16px;
	}
	:-moz-placeholder { /* Firefox 18- */
		font-size: 16px;
	}
}