@font-face {
font-family: Gin;
src: url('images/gin.ttf');
}
@font-face {
font-family: Myriad;
src: url('images/myriad.ttf');
}
html, body {
height: 100%;
}
body {
background: #141314 url('images/bg.jpg');
background-attachment: fixed;
font-family: Myriad;
margin: 0;
padding: 0;
text-align: center;
}
body::-webkit-scrollbar {
background: #565656;
}
body::-webkit-scrollbar-thumb {
background: #d82e37;
}
p {
margin: 0;
}
img {
border: 0;
}
a {
color: #d82e37;
text-decoration: none;
}
a:hover {
color: #28b51e;
text-decoration: none;
filter: brightness(120%);
}
h1, h2, h3 {
font-family: Gin;
font-size: 36px;
color: #fff;
font-weight: normal;
margin: 15px 0;
}
input, textarea {
background: #fff;
border-radius: 13px;
color: #000;
font-family: Myriad;
font-size: 16px;
height: 31px;
padding: 0 0 0 10px;
border: none;
}

#top {
width: 100%;
height: 80px;
border-bottom: 1px solid #999999;
background: url('images/bgtop.jpg') #5a5a5a;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
#top form {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
#top form .find {
width: 170px; height: 34px;
border: 2px solid #000;
font-size: 18px;
}
#top form .findbut {
background: none;
position: relative;
left: -45px;
margin-right: -30px;
}
#logo {
display: block;
width: 274px; height: 59px;
background: url('images/logo.png') no-repeat;
margin: 0 0 0 10px;
}
#main {
text-align: center;
padding: 0 2% 3% 2%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}

.walls {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
margin: 0 10px;
}
.walls a {
display: block;
background: #1b1b1b;
border: 1px solid #565656;
margin: 0 5px 15px 5px;
color: #999;
}
.walls a img {
width: 200px; height: 120px;
margin: 3px 3px 2px 3px;
border: 1px solid #565656;
}
.walls a p {
width: 200px; height: 19px;
overflow: hidden;
font-size: 14px;
margin: 0 0 3px 0;
}
.pgrey {
color: #666;
}
.walls a:hover {
background: #fff;
color: #000;
}

#info {
	min-width: 400px;
background: #fff;
border-radius: 15px;
max-width: 750px;
padding: 20px;
margin: 0 0 20px 0;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.inf1 {
	width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
}
.inf1 img {
width: 360px; height: auto;
border-radius: 15px;
}
.inf1 p {
color: #9a9a9a;
font-size: 12px;
text-transform: uppercase;
}
.inf1 span {
display: none;
}
.adv336 {

width: 336px;
height: 280px;
}
.adv728 {
max-width: 728px;
max-height: 90px;
width: 728px;
height: 90px;
margin: 0 0 10px 0;
}
.tags {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
margin: 10px 0 5px 0;
}
.tags p {
font-size: 22px;
color: #000;
margin-right: 15px;
}
.tags a {
display: block;
border-radius: 15px;
background: #565656;
color: #fff;
padding: 5px 15px;
margin: 2px 5px;
}
.tags a:hover {
background: #d82e37;
}
.tagstop {
max-height: 130px;
overflow-y: scroll;
}
.tagstop::-webkit-scrollbar {
background: #565656;
}
.tagstop::-webkit-scrollbar-thumb {
background: #d82e37;
}


.infos {
background: #e4e4e4;
border-radius: 15px;
padding: 10px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin: 10px 0;
line-height: 170%;
font-size: 18px;
width: 98%;
}
.infos div:nth-child(1) {
text-align: right;
border-right: 1px solid #c0c0c0;
padding-right: 15px;
overflow: hidden;
width: 45%;
}
.infos div:nth-child(2) {
text-align: left;
padding-left: 15px;
overflow: hidden;
width: 45%;
}
.infos div:nth-child(1) font {
font-size: 21px;
}
.infos div:nth-child(2) font {
font-size: 18px;
}
.pred {
color: #d82e37;
}
.pblue {
color: #3c96e5;
}
.pgreen {
color: #28b51e;
}
#rating {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
position: absolute;
margin: 202px 0 0 0;
width: 340px;
padding: 5px 10px;
background: rgba(0, 0, 0, 0.6);
border-radius: 0 0 15px 15px;
}
#rating a:nth-child(1) {
display: block;
width: 58px; height: 58px;
background: url('images/rat_yes.png') no-repeat;
}
#rating a:nth-child(2) {
display: block;
width: 58px; height: 58px;
background: url('images/rat_no.png') no-repeat;
}
#rating p:nth-child(3) {
color: #fff;
font-size: 20px;
text-transform: uppercase;
margin: 0 10px 0 93px;
}
#rating div:nth-child(4) {
display: block;
width: 58px; height: 58px;
background: url('images/rat.png') no-repeat;
color: #fff;
font-size: 28px;
}
#rating #prat {
position: relative;
top: 13px;
color: #fff;
font-size: 25px;
}
#rating .prjs {
color: #d82e37;
font-size: 15px;
margin: 0 0 0 10px;
}
.padv {
font-size: 12px;
text-transform: uppercase;
color: #9a9a9a;
}
.hl1 {
font-size: 22px;
color: #000;
}
.hl2 {
font-size: 20px;
color: #222;
}
.hl3 {
font-size: 18px;
color: #444;
font-weight: bold;
}


#bottom {
position: fixed;
bottom: 0;
width: 100%;
background: #3d3d3d;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
color: #fff;
font-size: 14px;
}
#bottom a {
color: #fff;
margin: 0 5px;
}
#bottom a:hover {
color: #d82e37;
}
.li {
width: 1px;
height: 1px;
overflow: hidden;
}
#bottom div:nth-child(1) {
margin: 7px 0 7px 15px;
text-align: left;
}
#bottom div:nth-child(2) {
margin: 7px 15px 7px 0;
text-align: right;
}
.pwhite {
	color: #fff;
}

.sizes {
text-align: left;
font-size: 13px;
}
.sizes a {
font-size: 16px;
margin: 0 0 0 10px;
}
.bigwhite {
font-size: 200%;
color: #fff;
}
.finwall {
width: 30%; height: 30%;
}
.finwall img {
width: 100%; height: auto;
}
.downframe {
display: none;
}
#three {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-start;
}
#three1 {
max-width: 210px;
overflow: hidden;
}
#three2 {
padding: 0 10px;
}
#three3 {
max-width: 210px;
overflow: hidden;
}
#overlay {
display: none;
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000;
}
#overwhite {
width: 380px;
background: #fff;
border-radius: 15px;
font-size: 18px;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
z-index: 1001;
position: fixed;
padding: 20px;
left: 50%;
top: -500px;
margin-left: -200px;
}
#skip2 {
display: none;
}
#sec {

}
.but {
display: block;
padding: 10px 30px;
margin: 10px 0;
font-size: 20px;
color: #fff;
text-transform: capitalize;
background: #1ba324;
border-radius: 12px;
}


@media (max-width:1230px) {
	#three3 {
		display: none;
	}
}
@media (max-width:1020px) {
	#three1 {
		display: none;
	}
}

@media (max-width:780px) {
	.adv728 {
		max-width: 336px;
		max-height: 280px;
		width: 336px;
		height: 280px;
	}
	#three1, #three3 {
		display: none;
	}
}
