/*
Theme Name: Semeca
Theme URI: http://gfn.pt
Author: ninjaMike developing for GFN
*/
body, p{
	margin:0;
}
*{
	font-family: 'Roboto', sans-serif;
}
p, h1, h2, h3, h4, h5, h6, a, li{
	font-family: 'Roboto', sans-serif;
	color:#fff;	
	text-decoration:none;
}
.menu li{
	list-style:none;
}
.menu a {
    font-size: 15px;
    padding: 20px 5%;
    float: right;
    text-transform: uppercase;
    width: 95%;
    text-align: right;
	letter-spacing:5px;
	transition:background 0.5s;
}
.menu a:hover{
	background:#80080d;
}
.menu {
    float: left;
    width: 100%;
    padding: 0;
}
.current-menu-item a{
	color:#fff;
	font-weight:900;
	border-top:1px solid #80080d;
	border-bottom:1px solid #80080d;
}
.header{
	width:28.5%;
	height:900px;
	float:left;	
	background:#1a1a1a url('/wp-content/themes/semeca/img/fake_brick.png');
}
.main{
	background:#1a1a1a;	
	width:51%;
	float:left;
	padding:0 10%;
}
.logo{
	max-width:100%;
	float:right;
	margin-right:-20%;	
	top:-500px;
	transition:top 1s;
}
.logo.active{
	top:0;	
}
.home{
	width:71%;
	float:left;
	background:#113333;
	overflow:hidden;
}
.desktop{
	float:right;	
	width:100%;
}
	

.mobile{
	display:none;
    float: left;
    width: 100%;
}
.menu li {
    list-style: none;
    width: 100%;
    display: block;
    float: left;
}
.mobile .menu {
    position: relative;
    z-index: 400;
    background: #000;
    float: left;
    width: 100%;
    margin-top: 2px;
}
.mobile .menu a{
	margin:0;
	padding:20px 0;
	width:100%;
	float:left;
	text-align:center;	
}
.logo {
    max-width: 100%;
    float: right;
    margin-right: -20%;
}
.logo, .desktop .current-menu-item{
	z-index: 10;
    position: relative;	
}
.content{
	width:100%;
	float:left;
	margin-top:230px;	
}
.megaTitle{
	font-size:50px;
	text-transform:uppercase;	
	letter-spacing:20px;
}
.post {
    margin: 1%;
    width: 48%;
    float: left;
	overflow:hidden;
}
.image{
	padding: 2.5%;
	width:95%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	transition:transform 0.3s;
}
.post:hover .image{ 
	transform:scale(1.1);
}
.ttlWrap {
    float: left;
    width: 100%;
}
.post h3{
	margin:2.5%;
	padding:2.5%;
	max-width:90%;
	float:left;
	border:1px solid #80080d;
	position:relative;
	z-index:10;
	font-size:15px;
	text-transform:uppercase;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	transition:background 0.3s;
}
.post:hover h3{
	background:#80080d;	
}
.content p {
    margin-bottom: 16px;
}
.desktop.line{
	width:0.5%;
	float:left;
	background:#80080d;
	padding-bottom:100px;
}
.mark-wrap{
	display:none;	
}
/* Ninja gallery Style
------------------------------------------ */
.gallery {
	margin-left: -0.5%;
	margin-right: -0.5%;
}
.gallery:after {
	display: table;
	content: "";
	clear: both;
}
.gallery-item {
	margin: 0 !important;
	float: left;
	padding: 0.5%;
}
.gallery-item img {
	width: 100%;
	height:auto;
	border:0 !important;
	float:left;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 48% !important;
}
.gallery-columns-3 .gallery-item {
    width: 32.333% !important;
}
.gallery-columns-4 .gallery-item {
    width: 24% !important;
}
.gallery-columns-5 .gallery-item {
    width: 19% !important;
}
.gallery-columns-6 .gallery-item {
    width: 15.6667% !important;
}
.gallery-columns-7 .gallery-item {
    width: 13.2857% !important;
}
.gallery-columns-8 .gallery-item {
    width: 11.5% !important;
}
.gallery-columns-9 .gallery-item {
    width: 10.1111% !important;
}

/********************************/
.ppt{
	display:none !important;	
}
.innerWindowH{
	float:left;
	width:100%;	
}
.credits{
	width:100%;
	float:left;
	background:#000 url('/wp-content/themes/semeca/img/gfn.png') no-repeat center;
	height:150px;	
}

.toggle {
    background: #80080d;
    float: left;
    width: 100%;
    padding: 25px 0;
    text-align: center;
	cursor:pointer;
	font-weight:900;
	color:#fff;
}
.header, .main{
	padding-bottom:100px;
}
.home .innerWindowH{
	height:900px;
}
.caption-wrap h4::after {
    content: 'contacte-nos';
    width: 175px !important;
    display: block;
    font-weight: 300;
    font-size: 20px;
    margin: 6px auto 0;
    border: 1px solid #fff;
    padding: 10px;
	cursor:pointer;
}
.caption-wrap{
	cursor:pointer;	
}
.fixedContact {
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 999;
}
.fixedContact a{
	margin:0 0 0 50px;	
}
.baloon{
	width:100%;
	foat:left;
	position:fixed;
	left:0;
	transition:top 1s;
	z-index:99999;
	background:url('/wp-content/themes/semeca/img/pat.png');
	top:-9000px;
}
.baloon.active{
	top:0;		
}
.center {
    width: 90%;
    background: #000;
    border: 5px #80080d solid;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}
.wpcf7{
	width:90%;
	padding:5% !important;
}
input, textarea {
    width: 100%;
    margin: 2.5% 0;
}
textarea{
	height:100px;	
}
.center p{
	text-align:center;	
}
.wpcf7-submit{
	cursor:pointer;
	border:1px #80080d solid;
	color:#fff;
	padding:5px 0;
	transition:all 0.3s;
	background:#000;
}
.wpcf7-submit:hover{
	background:#80080d;		
}
.wpcf7-response-output{
	color:#fff;	
}
.closer {
    width: 50px;
    float: right;
    margin: -20%;
    cursor: pointer;
}
@media (max-width:1110px){
	.menu a {
		font-size: 15px;
		padding: 20px 5%;
		float: right;
		text-transform: uppercase;
		width: 90%;
	}
	.megaTitle {
		font-size: 40px;
		text-transform: uppercase;
		letter-spacing: 12px;
	}
	.content{
		margin-top: 130px;
	}
}
@media (max-width:940px){
	.post{
		width:98%;	
	}
}
@media (max-width:770px){
	.home .innerWindowH{
		height:500px !important;	
	}
	.sl-legend{
		height:100px;	
	}
	.fixedContact{
		display:none;	
	}
	.header{
		width:100%;	
		padding-bottom:0;
	}
	.logo {
		margin: 10px auto;
		float: unset;
		padding: 0;
		text-align: center;
		display: block;
	}
	.desktop{
		display:none;	
	}
	.mobile{
		display:block;	
	}
	.logo {
    	width: 385px;
	}
	.header {
		height: 400px !important;
	}
	.main{
		width:95%;
		padding:0 2.5%;	
		margin-bottom:50px;
	}
	.home{
		width:100%;	
	}
	.main p, .main h3, .main h4, .main h5, .main h6, .main h1, .main h2{
		text-align:center;	
	}
	.post h3{
		text-align:left;	
	}
	ul li p {
		text-align: left !important;
	}
	.home{
		height: 500px !important;
		background-size:150%;	
	}
	.home .innerWindowH{
		height:700px;	
	}
	.closer{
		margin:-20% 0;	
	}
}
@media (max-width:500px){
	.home{
		height:400px !important;	
	}
	.baloon{
		position:absolute;
		height:	1000px !important;
	}
	.center{
		margin-top:325.5px !important;	
	}
}
@media (max-width:450px){
	.megaTitle {
		font-size: 30px;
		letter-spacing: 7px;
	}
	.content {
		margin-top: 5%;
	}
	.home .content{
		margin-top:130px;	
	}
	.home{
		background-size:200% !important;	
		height:300px;
	}
}
@media (max-width:400px){
	.home .innerWindowH {
		height: 400px !important;
	}
	.logo{
		width:250px;
		margin:50px auto;	
	}
	.header {
		height: 372px !important;
	}
	.post h3{
		font-size:15px;	
	}
}