@import url('https://fonts.googleapis.com/css?family=Quicksand');

*{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration: none;
}
body {
background-image: url("/css/g.png");
font-family: 'Quicksand', sans-serif;
	margin-left: auto;
	margin-right: auto;
	width:960px;
}

#BackToTop{border:none;font-size:140px;color:rgba(172,0,230,.5);z-index:2;position:fixed;bottom:140px;right:50px;display:none;animation:fadein 2s;background:0 0}@keyframes fadein{from{opacity:0}to{opacity:1}}

.StripChat{object-fit:cover}

.hd{margin:20px 0 0 0;padding-top:15px;border-radius:10px;}
.hd li {width:456px;padding-top:18.3%;margin:0 0 15px 15px;position:relative;float:left;list-style-type:none;background:#262626;height:276px;border-radius:0 0 10px 10px;}
.hd img {position:absolute;top:0;left:0;width:456px;float:left;border-radius:10px 10px 0 0;height:348px;margin:0;}
.hd b {font-size:34px;position:absolute;top:383px;left:0;height:30px;z-index:10;color:#FFF;padding:20px 10px;font-weight:bold;text-shadow: 1px 1px 1px #000;overflow:hidden;text-overflow:ellipsis;}
.hd p {font-size:34px;position:absolute;top:338px;left:0;height:30px;z-index:10;color:#FFF;padding:20px 10px;overflow:hidden;text-overflow:ellipsis;font-weight:bold;text-shadow: 1px 1px 1px #000;width:450px;}
.hd b a {color:#fff;}
.hd p a {color:#6699ff;;}
.hd b a:hover, .hd p a:hover {color:rgba(255,255,255,1);}
.hd span{position:absolute;top:5px;right:0;height:30px;z-index:10;color:#FFF;padding:0px 10px;font-weight:bold;text-shadow: 1px 1px 1px #000;animation:blinkingText2 3s infinite}


.go {
	background:linear-gradient(to bottom,rgba(27,27,28,0.7) 0%,rgba(74,75,76,0.7) 50%,rgba(27,27,28,0.7) 100%);
	color:#fff;
	height:85px;
	line-height:60px;
	width:940px;
	border-radius: 0 0 15px 15px;
	padding:15px 0 0 0;
	margin:0 10px;
}

input {
width:200px;
float:right;
border-radius: 10px;
background-color: #fff;
margin: 6px 0 0 0;
padding: 7px;
}

input[type="checkbox"] {
    position: absolute;
    display: block;
    top: -99999px;
    left: -99999px;
}
label {
    position: relative;
    float:left;
}

label:after {
    content: 'Links';
        font-size:44px;
		font-weight:bold;
        padding-top:5px;
        text-shadow:3px 3px 6px #012;
        float:left;
}
.hide-show {
        display: none;
        width: 800px;
        height: auto;
	background:linear-gradient(to bottom,rgba(27,27,28,0.7) 0%,rgba(74,75,76,0.7) 50%,rgba(27,27,28,0.7) 100%);
        border-radius: 15px;
        float:left;
        padding:30px;
        margin:50px 30px 10px 30px;;
        position: relative;
	z-index: 100;
}



.hide-show a {
width:800px;
height:80px;
float:left;
}

.hide-show label {
        position: absolute;
        bottom:30px;
        right:30px;
}

input[type="checkbox"]:checked ~ label {
}
input[type="checkbox"]:checked ~ label:after {
   content: 'Close';
}
input[type="checkbox"]:checked ~ .hide-show {
    display: block;
}

input[type="checkbox"]:checked ~ .hide-show label:after {
    content:'';
}

#cb{margin:10px 0 0 10px;border-radius:5px;-moz-border-radius:5px;float:left;width:906px;height:540px}

#sc{margin:10px 0 0 10px;border-radius:5px;-moz-border-radius:5px;float:left;width:906px;height:670px}

.go a,.pag4 a {
	color:#dce3e8;
}
.go b {
	font-size:44px;
	padding-top:5px;
	text-shadow:3px 3px 6px #012;
	float:left;
}

.go img {
	width:64px;
	height:64px;
	margin-left:30px;
	
}

.go form {
	float:right;
}

form button {
background: none !important;
float:right;
cursor: pointer;
}

.go i{
float:left;
font-size: 56px;
color :#0099ff;
margin: 0px 10px;
padding:5px 0 0 0;
}

.pag4 i{
font-size: 30px;
color :#0099ff;
margin:0 20px 0 0;

}

.cc{clear:both;}

.pag2
{
float:left;width:940px;margin:0 0 10px 10px;background-color:#222;opacity:0.8;border-radius:10px;padding:20px 0 0 0;height:auto;
}

.pag4,.pag9
{
float:left;width:920px;margin:0 0 10px 10px;background-color:#222;opacity:0.8;border-radius:10px;padding:20px 10px;height:auto;
}

.pag5
{
float:left;width:930px;margin:0 0 10px 10px;background-color:#222;opacity:0.8;border-radius:10px;padding:10px 0 10px 0;font-size:40px;color:#6699ff;overflow: auto;white-space: nowrap;
}

.pag8
{
float:left;width:930px;margin:0 0 10px 10px;background-color:#222;opacity:0.8;border-radius:10px;padding:10px 0 10px 0;font-size:40px;color:#6699ff;
}

.pag9 h2{color:#999;}

.pag5 a,.pag8 a
{
background:linear-gradient(to top,#000 0%,#333 100%); 
color:#ccc;
font-size:40px;
font-weight:bold;
border-radius:15px;
padding:0 15px 3px 15px;
margin:0 0 0 10px;
line-height:70px;
}

.pag4 b
{color:#3399ff;}

.pag4 p
{color:#999;text-align:justify;padding:0 5px 0 0;font-size:30px;margin:0 0 20px 0;}

.pag5 h1,.pag8 h1
{
background:linear-gradient(to top,#000 0%,#333 100%); 
display:inline;
color:#6699ff;
font-weight:bold;
font-size:40px;
margin:0 0 0 10px;
line-height:60px;
padding:0 10px 10px 10px;
border-radius:15px;
}

ol li{color:#e6e6e6;margin-left:40px;margin-bottom:5px;padding:10px 0;}


.pag2 a:link,.pag2 a:visited
{
background:linear-gradient(to top,#000 0%,#333 100%); 
color:#ccc;
font-size:40px;
font-weight:bold;
border-radius:10px;
padding:8px 10px 3px 10px;
margin:20px 0 0 10px;
line-height:70px;
}

.pag4 h6,.pag4 h3,.join
{
background:linear-gradient(to top,#000 0%,#333 100%); 
font-size:20px;
font-weight:normal;
border-radius:10px;
padding:20px 10px 13px 10px;
margin:20px 0 0 10px;
line-height:60px;
display:inline;
line-height:70px;
}

.pag4 h1,.pag4 h2,.pag4 h4
{
background:linear-gradient(to top,#000 0%,#333 100%); 
color:#3399ff;
font-size:20px;
font-weight:normal;
border-radius:10px;
padding:10px 10px 13px 10px; 
line-height:70px;
display:inline;
}



.relativetop,
.relativebottom
{
        position: relative;
        float:left;
		width:306px;height:427px;
		margin:0 0 10px 10px;

}


.relativetop img,
.relativebottom img
{width:306px;height:427px;border-radius:10px;}

.overlaytop,
.overlaybottom
{
	color:#fff;
	padding: 0 5px;
    position: absolute;
	border-radius: 0 5px 5px 0;
    bottom: 10px;
    left: 0;
    
	font-size:30px;
}

.overlaytop{background:linear-gradient(to bottom,rgba(125,0,0,0.7) 0%,rgba(175,0,0,0.7) 50%,rgba(125,0,0,0.7) 100%);}
.overlaybottom{background:linear-gradient(to bottom,rgba(0,125,0,0.7) 0%,rgba(0,175,0,0.7) 50%,rgba(0,125,0,0.7) 100%);}


.my-gallery img {float:left;border-radius:15px;margin:0 0 10px 10px;}

.main
{
width:306px;
margin:0 0 1% 1%;
padding:0 0 0 0;
float:left;
background:#222;
text-align:center;

-moz-border-radius:10px;-webkit-border-radius:10px;
white-space: nowrap;overflow: hidden;
}

.main a:link img
{	
width:100%;display:block;margin:0;
}

.main a:link,.main a:visited
{font-size:30px;color:#ccc;text-decoration:none;}

.mc
{
width:306px;
margin:0 0 1% 1%;
padding:0 0 0 0;
float:left;
background:#222;
text-align:center;
-moz-border-radius:10px;-webkit-border-radius:10px;
white-space: nowrap;overflow: hidden;
}

.mc a:link img
{	
width:306px;height:230px;display:block;margin:0;
}

.mc a:link,.mc a:visited
{font-size:30px;color:#ccc;text-decoration:none;}



.StripChat {object-fit: cover;}

.pag3
{
float:left;width:915px;margin:0 0 10px 10px;background-color:#222;opacity:0.8;border-radius:10px;padding:15px 10px;
}

.pag3 a{margin:0 5x 0 0;}

.input,#add {	font-size: 100px;font-family: "Quicksand";width:900px;}

.search{text-align:center;width:940px;}

.exonew{margin:0 0 0 10px;}

.x1{font-size:40px;color:#ff33ff;}
.x2{font-size:40px;color:#3399f;}


.search p
{
margin:0.2vw 0;
}

input[type="submit"]
{
padding:5px 15px; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
width:360px;
height:60px;
font-family: 'quicksand';
font-size:40px;
color:#fff;
font-weight:bold;
}

input[type="text"]
{
padding:5px 15px; border:2px #ccc solid;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
width:400px;
height:50px;
font-family: 'quicksand';
font-size:60px;
}

.pag5 p{float:left;margin:0 0 10px 20px;}

#free_sign_up {margin:10px 0 10px 10px;border-radius: 1vw;-moz-border-radius: 1vw;float:left;width:905px;height:600px;}