/*
Name: 
Date: 2-16-2020
Author: Ace_luffy
Autor URI: http://www.creationcrew.com/
*/

@font-face {
font-family: "FuturaBT-Bold";
src: url("../fonts/FUTURAB.eot"); /* IE9 Compat Modes */
src: url("../fonts/FUTURAB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/FUTURAB.otf") format("opentype"), /* Open Type Font */
url("../fonts/FUTURAB.svg") format("svg"), /* Legacy iOS */
url("../fonts/FUTURAB.ttf") format("truetype"), /* Safari, Android, iOS */
url("../fonts/FUTURAB.woff") format("woff"), /* Modern Browsers */
url("../fonts/FUTURAB.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "KomikaAxis";
src: url("../fonts/KOMIKAX.eot"); /* IE9 Compat Modes */
src: url("../fonts/KOMIKAX.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/KOMIKAX.otf") format("opentype"), /* Open Type Font */
url("../fonts/KOMIKAX.svg") format("svg"), /* Legacy iOS */
url("../fonts/KOMIKAX.ttf") format("truetype"), /* Safari, Android, iOS */
url("../fonts/KOMIKAX.woff") format("woff"), /* Modern Browsers */
url("../fonts/KOMIKAX.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
html {
color: #222;
font-size: 1em;
line-height: 1.4; }

::-moz-selection {
background: #b3d4fc;
text-shadow: none; }

::selection {
background: #b3d4fc;
text-shadow: none; }

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }

fieldset {
border: 0;
margin: 0;
padding: 0; }

textarea {
resize: vertical; }

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }

.hidden {
display: none !important; }

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }

.invisible {
visibility: hidden; }

.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }

.clearfix:after {
clear: both; }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */ }
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important; }

a,
a:visited {
text-decoration: underline; }

a[href]:after {
content: " (" attr(href) ")"; }

abbr[title]:after {
content: " (" attr(title) ")"; }

/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }

/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }

tr,
img {
page-break-inside: avoid; }

img {
max-width: 100% !important; }

p,
h2,
h3 {
orphans: 3;
widows: 3; }

h2,
h3 {
page-break-after: avoid; } }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }


body {
background: url('../images/bg_out.jpg') no-repeat center top #b32061; }

.container {
position: relative;
width: 1000px;
margin: 0px auto 0;
border: 0px solid black;
background: white;
box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.75);
}

.containerxx {
position: relative;
width: 1000px;
margin: 0px auto 0;
border: 0px solid black;
box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.75);
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: white; }
#logo img {
max-width: 100%;
height: auto; }

#logo {
position: absolute;
z-index: 10;
left: 105px;
top: 64px; }

#sublogo {
position: absolute;
z-index: 10;
left: 126px;
top: 394px; }

#slider ul {
list-style: none;
padding: 0;
margin: 0; }

nav#main {

border-top: 0px solid black;
text-align:center;
border-bottom: 0px solid black;
background: rgb(220,53,132);
background: linear-gradient(180deg, rgba(220,53,132,1) 0%, rgba(139,0,66,1) 42%, rgba(139,0,66,1) 57%, rgba(220,53,132,1) 100%);
height: 68px;
line-height: 68px; }
nav#main a.toggle {
display: none;
width: 42px;
height: 34px;
margin: 12px;
background: url(../img/icon-nav-toggle.png) no-repeat; }
nav#main ul {
list-style: none;
padding: 0;
margin: 0; }
nav#main ul li {
display: inline-block;
border: 0px solid #fff;
height: 35px;
line-height: 32px;
vertical-align: middle;
}
nav#main ul li a {
padding: 0 30px;
font-family: 'KomikaAxis';
text-transform: uppercase;
font-size: 30px;
text-decoration: none;


}

nav#main .left a{

color: #fff;
text-shadow: #3b001c 0px 0px 15px,   #3b001c 0px 0px 15px,   #3b001c 0px 0px 15px,
 #3b001c 0px 0px 15px,   #3b001c 0px 0px 15px,   #3b001c 0px 0px 15px;
 text-shadow: inset 3px 4px 5px #fbcdff;

}
nav#main ul li.last {
border-right: 0; }
nav#main .right a{ color: #990b4e;}
nav#main .right {
border-right: 0;
background: rgb(253,200,98);
background: linear-gradient(180deg, rgba(253,200,98,1) 0%, rgba(250,210,35,1) 49%, rgba(252,122,88,1) 50%, rgba(250,210,35,1) 99%);
font-family: 'KomikaAxis';
text-transform: uppercase;
font-size: 25px;
height: 57px;
line-height: 50px;
text-transform: uppercase;
border: 0;
border-left: 0px solid black;
text-shadow: 2px 2px #fff;
border-radius: 10px;
color: #990b4e;
}
nav#main ul li.right:hover {
-webkit-box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
-moz-box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
text-shadow: 0 0 10px rgba(255,255,255,0.6), 1px 1px 1px rgba(255,255,255, 0.75), -1px 2px 2px rgba(255,255,255, 0.75), 2px -1px 2px rgba(255,255,255, 0.75), -1px -1px             1px rgba(255,255,255, 0.75);
}
nav#main ul li.right a {
color: #990b4e;
}


#header img {
width: 100%;
height: auto; }





footer {
border-radius: 15px 15px 0px 0px;
color: #a21156;
}
footer a:hover {color: #a21156; }
footer ul {
list-style: none;
padding: 26px 0 10px;
margin: 0;
overflow: hidden;
text-align: center; }
footer ul li {
display: inline-block;
vertical-align: top;
font-family: "FuturaBT-Bold";
color: #a21156;
font-size: 16px; }
footer ul li a {

text-decoration: none;
border-right: 1px solid #a21156;
padding: 0 14px;
color: #a21156;
}
footer ul li a:hover {
	color: #a21156;
}
footer ul li:last-child a {
border-right: 0; }
footer p {
font-family: "FuturaBT-Bold";
color: #a21156;
font-size: 13px;
text-align: center;
margin: 0 25px 0px;
padding-bottom: 20px; }
footer p a {
text-decoration: none;
}
footer p a:hover {
text-decoration: underline;
}





#single {
padding: 13px;
width: 100%;
max-width: 1000px;
margin: 10px  0 auto;
border: 0px solid #dedede;
border-radius: 5px;
margin-bottom: 12px;
}
#single img {
width: 100%;
height: auto; }
#single .big {
max-width: 100%;
position: relative;
display: block;
border: 0px solid #d5d5d5; }
#single .big .bottom {
position: absolute;
bottom: 0;
width: 100%;
/*background: rgba(255, 255, 255, 0.5);*/
background: rgba(255, 255, 255, 0.8);
padding: 5px; }
#single .big .bottom .name {
font-size: 20.4px;
font-family: "FuturaBT-Bold";
color: black;
float: left;
font-weight: bold;
line-height: 1.2;
text-align: center; }
#single .big .bottom .time {
font-size: 20.4px;
font-family: "FuturaBT-Bold";
color: black;
float: right;
font-weight: bold;
line-height: 1.2;
text-align: center; }
#single .list {
overflow: hidden;
margin: 7px 0 0; }
#single .list a {
display: block;
float: left;
margin-right: 4px;
margin-bottom: 4px;
width: 308px;
border: 1px solid #d5d5d5; }
#single .description {
background-color: white;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background:#e2cfdf;
margin: 6px 0 10px; }
#single .description p {
font-size: 16px;
font-family: "FuturaBT-Bold";
color: #000;
line-height: 1.2;
text-align: center;
padding: 20px;
margin: 0; }
#single .click {
background: #fffff;
background: rgb(220,53,132);
background: linear-gradient(180deg, rgba(220,53,132,1) 0%, rgba(139,0,66,1) 42%, rgba(139,0,66,1) 57%, rgba(220,53,132,1) 100%);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

color: #fff;
display: block;
font-family: "FuturaBT-Bold";
font-size: 57px;
height: 70px;
letter-spacing: -1px;
line-height: 70px;
text-align: center;
text-decoration: none;

text-transform: uppercase;
width: 100%; }
#single .click:hover {
-webkit-box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
-moz-box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
box-shadow: 0 0 9px rgba(239,203,104,0.4) inset;
text-shadow: 0 0 10px rgba(255,255,255,0.6), 1px 1px 1px rgba(255,255,255, 0.75), -1px 1px 1px rgba(255,255,255, 0.75), 1px -1px 1px rgba(255,255,255, 0.75), -1px -1px 1px rgba(255,255,255, 0.75);
}
#single .click i {
font-style: normal; }

@media only screen and (min-width: 1300px) {


#single .list a:nth-child(3n) {
margin-right: 0; } }
@media only screen and (min-width: 1050px) and (max-width: 1299px) {


#logo {
position: absolute;
z-index: 10;
left: 105px;
top: 60px;
width: 300px; }



.container {
width: 966px; }

#latest .entries .entry:nth-child(3n) {
margin-right: 0; }

#single .list a:nth-child(3n) {
margin-right: 0; }

nav#main {
height: 60px;
line-height: 56px; }

nav#main ul li.right {
height: 56px;
line-height: 60px; }

nav#main ul li a {
font-size: 24px; }

}

#latest .entries .entry {
width: 304px; }

#join .video {
float: none;
margin: 0 auto 20px; }

}
@media only screen and (max-width: 1049px) {


nav#main {
height: auto;
line-height: 40px;
position: relative; }

nav#main a.toggle {
display: block; }

nav#main ul {
display: block; }

nav#main ul li {
display: none;
width: 100%;
float: none !important;
text-align: center;
border: 0; }

nav#main ul li.show {
display: inline-block !important; }

nav#main ul li.last {
margin-bottom: 10px; }

nav#main ul li.right {

}

nav#main ul li a {
font-size: 28px; } 

}
@media only screen and (min-width: 881px) and (max-width: 1049px) {
#logo {
position: absolute;
z-index: 10;
left: 105px;
top: 70px;
width: 200px; }



.container {
width: 811px; }

#latest .entries .entry:nth-child(2n) {
margin-right: 0; }

#single .list a:nth-child(3n) {
margin-right: 0; }

#single .click {
font-size: 46.6px; }


#single .list a {
width: 256px; }




}
@media only screen and (min-width: 721px) and (max-width: 880px) {
#logo {
position: absolute;
z-index: 10;
left: 85px;
top: 20px;
width: 200px; }


.container {
width: 655px; }


#single .list a:nth-child(2n) {
margin-right: 0; }

#single .click {
font-size: 42.6px; }


}
@media only screen and (max-width: 720px) {
#logo {
position: absolute;
z-index: 10;
left: 85px;
top: 20px;
width: 200px; }



.container {
width: auto;
margin: 0 !important;
border: 0;
box-shadow: none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; }



#single .description {
padding: 35px;
position: relative;
}
#single .description::after {
color: #750101;
content: "Read more";
cursor: pointer;
display: block;
font-weight: bold;
float: left;
margin: 0.4em 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}	
}
@media (max-width:767px){
#single .description {
padding: 25px;
position: relative;
}
#single .description::after {
color: #50101;
content: "Read more";
cursor: pointer;
display: block;
font-weight: bold;
float: left;
margin: 0.2em 0 0 ;
text-align: center;
text-transform: uppercase;
width: 100%;

}
#single .description:hover::after {
text-decoration: underline;
}
#single .description.opened::after {
content: "Read less";
}
#single .description p {
cursor: pointer;
max-height: 4.5em;
margin-bottom: 0.5em;
padding: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-in;
-moz-transition: max-height 0.2s ease-in;
-ms-transition: max-height 0.2s ease-in;
-o-transition: max-height 0.2s ease-in;
transition: max-height 0.2s ease-in;
}
#single .description.opened p {
max-height: none;
overflow: visible;
}
}
@media only screen and (max-width: 670px) {
#logo {
position: absolute;
z-index: 10;
left: 55px;
top: 10px;
width: 140px; }


body {
min-width: 450px; }



#single .click {
font-size: 14.6px;
height: 42px;
line-height: 44px; }

#single .list a {
width: 100%; }
#single .list a img {
width: 100%; } }


#single .list {
margin: 7px -3px 0;
overflow: hidden;
}
#single .list img {
float: left;
padding: 3px;
width: 33.3333%;
}

}



@media (max-width:720px){
#single .click {
font-size: 37px;
}
}
@media (max-width:670px){
#single .click {
font-size: 75px;
height: 3em;
line-height: 1em;
padding: .5em;
}
}
@media (max-width:579px){
#single .click {
font-size: 50px;
}
}
@media (max-width:479px){
#single .click {
font-size: 30px;
}
}
@media (max-width:379px){
#single .click {
font-size: 38px;
}
}




@media only screen and (max-width: 1049px) {

}


@media only screen and (min-width: 881px) and (max-width: 1049px) {


}
@media only screen and (max-width: 880px) {

}


@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 479px) {

}



/* Responsive Fixes from Designer */
#slider ul {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}

#slider ul li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

#slider ul li:first-child {
position: relative;
display: block;
float: left;
}

#slider ul img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

nav#main a.toggle {
visibility: hidden;
}

@media (max-width:1049px){
nav#main a.toggle {
display: none;
}
nav#main ul li {
display: inline-block;
width: auto;
}
nav#main ul li.last {
margin-bottom: 0;
}
nav#main ul li a {
font-size: 25px;
padding: 0 25px;
}
nav#main ul li.right {
height: 47px;
line-height: 42px; margin:2px;

}
} 
@media only screen and (max-width: 760px) {
nav#main { border-radius:1px;}

nav#main ul li a {
font-size: 20px; }

} 

@media only screen and (max-width: 660px) {

nav#main ul li a {
font-size: 20px;
padding: 0 15px; }

nav#main .right { 
font-size: 6px;
height: 27px;
line-height: 20px;
}

nav#main .left a{

color: #fff;
text-shadow: #3b001c 0px 0px 5px,   #3b001c 0px 0px 5px,   #3b001c 0px 0px 5px,
 #3b001c 0px 0px 5px,   #3b001c 0px 0px 5px,   #3b001c 0px 0px 5px;
 text-shadow: inset 3px 4px 5px #fbcdff;

}

}

}


/* CUSTOM */
@media only screen and (max-width: 640px) {
#single .list a {
width: 185px;
}
#single .list a img {
width: 185px;
}

#single .list img {
width: 185px;
}
}


footer p a{
color: #FFF;
}


#single .featured_update_banner{
width: 100%;
color: #000;
background-color: #f7ec9e;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
}

#single .featured_update_banner h2{
padding: 0;
margin: 0;
}

/* Joinpage */
.jointext {
font-family: 'KomikaAxis'; font-size: 40px;
color:#fff;
text-shadow: #3b001c 0px 0px 10px,   #3b001c 0px 0px 10px,   #3b001c 0px 0px 10px,
 #3b001c 0px 0px 10px,   #3b001c 0px 0px 10px,   #3b001c 0px 0px 15px;
 text-shadow: inset 3px 4px 5px #fbcdff;
}

nav#main ul li {
display: inline-block;
border: 0px solid #fff;
height: 45px;
line-height: 32px;
vertical-align: middle;
}


/* Joinpage */

#joinbox {
width:98%; float:left;
margin:1%;
}

#joinbox .joinleft{
float:left; 
width: 50%;
color:#fff;

}



#joinbox .joinleft .box{
display: inline-block;

width: 100%;
vertical-align: top;
background: #99044b;
border: 1px solid #454545;
margin-top: 20px;
padding: 25px;
border-radius: 10px;
}


#joinbox .joinright{
float:left;
width: 50%;

}


ul{list-style:none}
ul.joinright{

vertical-align: top;
width: 100%;
margin:20px 0 0 ;
}

#joinbox .joinright li{margin-bottom: 15px;}
#joinbox .joinright li img{border: 1px solid #d0d0d0;}

#joinbox .joinright li img{
width: 100%;
height: auto
}
@media screen and (max-width:720px) {
#joinbox .joinleft{ width: 98%; margin: 1%; }
#joinbox .joinright{ width: 90%; }

.jointext {
font-family: 'KomikaAxis'; font-size: 30px;
}


}