@import url('assets/css/reset.css');
@import url('assets/css/animations.css');
@import url('assets/css/loaderanimations.css');
@import url('assets/css/admin.css');
@import url('assets/css/buttondesign.css');
@import url('assets/css/animate.css');


/* MAIN STYEL */


@media screen and (min-width: 1440px) {
	nav > p {
		padding-top:10%;
		font-size:0.8vw;
	}
}

@media screen and (max-width: 1439px) {
	nav > p {
		padding-top:15%;
		font-size:1vw;
	}
}

body {
	overflow:hidden;
	width:100%; height:100%
}
header {
	position:relative !important;
	top:0;
	width:100%;
	padding-bottom:1%;
	background-color:#e7e7e7;
	align:center;
	
	        box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.4);	
	   -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.4);
  	-webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.4);	
}
li {
	position:relative !important;
	text-align:center !important;
}
.noshadow {
	 		box-shadow:none;	
	   -moz-box-shadow:none;	
   	-webkit-box-shadow:none;	
}
.mmenu li, .adminmenu li {
	width:8%;
	display:inline-block;
	text-align:center;
	margin: 0 1.5% 0 1.5%;
}
nav > p {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#e7e7e7;
}
.mouse-center-div {
    position: absolute!important;
    top:100%!important;
    left:50%!important;
}

.bg {
	z-index:0;
	position:absolute;
	width:100%; height:100%;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	image-rendering: optimizeSpeed;          
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
.wpimage {
	background-image:url('assets/bg/wpbg.jpg');
}
.mmenu, .adminmenu, .posts-holder {
	position:relative;
	margin:1.5% auto 1.2% auto;
	padding-bottom:.5%;
	text-align:center;
}
.content-holder {
	width:100vw; height:100%;
	background-color:#e7e7e7;
	border-top:0.5vh #c03b3b solid;
	padding-top:2vh; padding-left:10%; padding-right:10%;
	text-align:center;
	
	        box-shadow: -2px -5px 16px 2px rgba(0,0,0,0.8);
	   -moz-box-shadow: -2px -5px 16px 2px rgba(0,0,0,0.8);
	-webkit-box-shadow: -2px -5px 16px 2px rgba(0,0,0,0.8);
}
.login-holder {
	font-family: 'Lato', sans-serif;
	color:#3b3b3b;
	text-transform:uppercase;
	position:absolute;
	bottom:2%;
	left:5%;
	font-weight:bold;
	font-size:0.6vw;
	cursor:pointer;
}
.login-holder:hover .lock{
	background-image:url('assets/img/loginpanel/loginr.png');
}
.login-holder:hover #logintext{
	color:#c03b3b;
}
.lock, .lbtn, .reg {
	display:inline;
	height:150%;
	margin-top:-1%;
	background-image:url('assets/img/loginpanel/login.png');
	background-size:contain;
	background-position:left;
}
.lbtn {
	margin:0;
	top: -50%; left:-25%;
}
.reg {
display:inline-block;
	background-image:url('assets/img/loginpanel/reg.png');
	height:100%;
	margin-top:.5%;
}

#logo {
	display:block;
	width:17vw;
	margin:auto;
	padding-top:1%;
}
#quote {
	padding-top:.7%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2vw;
	color:#c03b3b;
	text-align:center;
	
	-webkit-transform:scale(1.1,1);
        -ms-transform:scale(1.1,1);
            transform:scale(1.1,1);
}
#footer-menu {
	position:absolute;
	bottom:2%;
	width:80%;
	font-family: 'Open Sans', sans-serif;
	font-size:.6vw;
	font-weight:600;
	color:#3b3b3b;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;

}
#footer-menu ul{
    margin: 0;
    padding: 0;
}
#footer-menu a{
	color:#3b3b3b;
    text-decoration:none;
}
#footer-menu a:hover{
    color:#c03b3b;
}
#footer-menu ul li{
    list-style-type: none;
    display: inline;
}
#footer-menu li:before {
	content: " | ";
}
#footer-menu li:first-child:before{
	content: "";
}
#login {
    position: absolute;
    top: 50%; left: 50%;
 	display:none;
	width:20%;
	background-image:url('assets/img/loginpanel/loginbg.png');
	background-size:contain;
	opacity:0;
	
	-webkit-transform: translate(-50%,-25%);
		-ms-transform: translate(-50%,-25%);
			transform: translate(-50%,-25%);
}
#login img {
	position:relative;
	display:block;
	margin:2% auto 0 auto;
}
#logintitle {
	position:relative;
	margin:10% auto 0 auto;
	font-family: 'Lato', sans-serif;
	color:#3b3b3b;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8vw;
	text-align:center;
}
#loginptext {
	position:relative;
	display:inline;
	margin-left:10%;
}
#loginclose {
	z-index:999;
	position:absolute !important;
	margin-top:9% !important;
	right:12.5%;
	cursor:pointer;
}
#logbuttons {
	width:80%;
	margin:auto;
	text-align:center;
}
#loginform {
	width:100%;
	margin-top:10%; margin-bottom:10%;
	font-family: 'Lato', sans-serif;
	color:#3b3b3b;
	text-transform:uppercase;
	font-weight:700;
	font-size:1vw;
	text-align:center;
}
#loginform label {
	width:60%;
	display:block;
	margin:auto; margin-bottom:5%;
	padding-bottom:1%;
	border-bottom: 1px solid #3b3b3b;
}
#loginform input[type=text], #loginform input[type=password] {
	width:60%;
	font-size:.8vw;
	margin-bottom:5%;
	padding:1% 0 1% 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	border: 3px solid #959494;
	border-radius: 5px;
	outline:none;
}
#loginform button[type=button], #loginform input[type=submit] {
	position:relative;
	display:inline-block;
	width:auto;
	text-align:left;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:0.8vw;
	color:#3b3b3b;
	text-transform:uppercase;
	text-align:center;
	background:none;
	border:none;
	outline:none;
	white-space:normal;
	cursor:pointer;
}
#loginform button[type=button] p{
	position:relative;
	display:inline;
	padding-left:20%;
}
#loginform input[type=submit]{
	background-image:url('assets/img/loginpanel/log.png');
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:7%;
}
#loginform input[type=submit]:hover{
	background-image:url('assets/img/loginpanel/logh.png');
	color:#c03b3b;
}
#submit{
	margin-left:15%;
}
#loginform button[type=button]:hover div {
	background-image:url('assets/img/loginpanel/regh.png');
}
#loginform button[type=button]:hover p {
	color:#c03b3b;
}
#login img {
	cursor:pointer;
}
.post {
 	background: #3b3b3b;
  	border: 3px solid #f5f5f5; border-radius: 5px;
  	display: inline-block;
  	width: 25%; height: 15vh;
  	margin:2.5%;
   	padding:5px;
  	position: relative;
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:.7vw;
	color:#e7e7e7;
	letter-spacing:1px;
	vertical-align:top;

}
.post:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.post h1 {
	margin-bottom:1.5%;
	font-size:1.2vw;
	text-align:left;
	font-weight:700;
}
.pstdt {
	margin-top:1%;
	font-size:0.7vw;
	text-align:left;
	opacity:0.8;
}
.pstdsc {
	margin-top:2%;
	text-align:justify;
	font-size:0.8vw;
	font-weight:400;
}
.pstrd {
	position:absolute;
	bottom:5px; right:5px;
	margin-top:2%;
	text-align:right;
	text-transform:uppercase;
}
.pstrd a {
	color:#fff;
	text-decoration:none;
}
.pstrd a:hover {
	color:#c03b3b;
}
.postsep {
	height:1px;
	width:90%;
	background-color:#e7e7e7;
}
.readpost{
	overflow:auto;
	background:#e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2vw;
	margin:auto;
}
.seventier {
	width:80%;
	margin:auto
}
.readpost img {
	max-width:100%;
	height:auto;
}
.titlecon{
	font-size:2vw;
	font-weight:400;
	text-transform:uppercase;
	text-align:left;
	margin: 2% 0 2% 0;
}
.postbck {
		margin-bottom:5%;
}
.postbck a, .postbck a:visited, .postbck a:active{
	text-decoration:none;
	text-transform:uppercase;
	font-size:1vw;
	color:#c03b3b;
}
.postbck a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold !important;
}
em {
	font-style:italic !important;
}
li nav {
	position:relative !important;
	display:inline-block !important;
	width:100% !important;
	margin:0 auto 0 auto !important;
}