@font-face {
    font-family: 'Gravity-Bold'; /*a name to be used later*/
    src: url('Gravity-Bold.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Gravity-Book'; /*a name to be used later*/
    src: url('Gravity-Book.ttf'); /*URL to font*/
}
@font-face {
	
    font-family: 'Gravity-Light'; /*a name to be used later*/
    src: url('Gravity-Light.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Gravity-UltraLight'; /*a name to be used later*/
    src: url('Gravity-UltraLight.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'MyriadPro-Regular'; /*a name to be used later*/
    src: url('MyriadPro-Regular.otf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Bold'; /*a name to be used later*/
    src: url('OpenSans-Bold.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Light'; /*a name to be used later*/
    src: url('OpenSans-Light.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'OpenSans-Semibold'; /*a name to be used later*/
    src: url('OpenSans-Semibold.ttf'); /*URL to font*/
}
.coluna-texto-3{
	padding-left:0!important;
}
.html5-video-player{
	background-color: #0081C5!important;
}
.single-workshop .nav-primary {
    display:none!important;
}
.toggle-menu {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #999 !important;
    padding: 20px;
}
.nav-primary {
    background-color: #333;
    position: fixed!important;
    top: 0!important;
    z-index: 9999!important;
    left: 32%!important;
}
.nav-secondary {
    background-color: #333;
    position: fixed!important;
    top: 0!important;
    z-index: 9999!important;
    left: 32%!important;
}

.genesis-nav-menu {
    clear: both;
    font-size: 16px;
    line-height: 1;
    width: 555px!important;
    background: #fff;
    height: 63px!important;
}
li{
	margin:0!important;
	
}
.logo{
	
	position:fixed;
	top:0;
	left:13.9%;
	background-image:url('http://blek.pt/panorama/wp-content/uploads/2015/11/logo-branco.png');
	background-position: center center;
	background-repeat:no-repeat;
	width:256px;
	height:64px;
	z-index:9999999;
	background-size: 82%;
}
.youtube{
	    float: left;
    margin-right: 3px;
}
.white{
	color:#fff!important;
}
.black{
	color:#fff!important;
}
.grid-containet{
	    max-width: 470px!important;
}
#prev{
	position:fixed;
	top:50%;
	right:5%;
	height:64px;
	width:64px;
	background-image:url('http://blek.pt/panorama/wp-content/uploads/2015/11/r.png');
	z-index: 99999;
	opacity:0;
}

#next{
	position:fixed;
	top:50%;
	left:5%;
	height:64px;
	width:64px;
	background-image:url('http://blek.pt/panorama/wp-content/uploads/2015/11/l.png');
	z-index: 99999;
	opacity:0;
	
}
.genesis-nav-menu a {

    display: block;
    padding: 21px 0px!important;
    font-family: 'OpenSans-Semibold'!important;
    color: #000!important;
}
.single-workshop .site-inner{
	margin-left:17%;
}
.single-workshop .vc_col-sm-3{
	padding-left:0!important;
}
.nav-primary .genesis-nav-menu a:after{
	content: " | ";
}
.nav-secondary .genesis-nav-menu a:after{
	content: " | ";
}
.single-workshop{
	background-color:#4B4A48!important;
}
.single-workshop #menu-secondmenu{
	display:block!important;
}
.single-workshop .nav-primary{
	display:none!important;
}
.single-workshop .entry{
	position:relative!important;
	margin-top:0!important;
	background:#4B4A48!important;
	
}
.single-workshop .title-area{
	display:none!important;
}
.single-workshop #prev{
	display:none!important;
}
.single-workshop #next{
	display:none!important;
}
.single-workshop .site-header{
	background:transparent!important;
}
.single-workshop p{
	color:#ccc!important;
}
.single-workshop .entry-title{
	color:#ccc!important;
}
.single-workshop .entry-meta{
	display:none!important;
}
.genesis-nav-menu li:last-child a:after{
	content: " ";
}
* {
	margin:0;
	padding:0;
}
html {
height:100%;
overflow:hidden;
}
body {
height:100%;

}
#wrap {
min-height:100%;
width:500%;
overflow:hidden;
background:#000!important;
}
.vc_col-sm-12{
	padding-left:0!important;
	padding-right:0!important;
}
.vc_row {
    margin-left: 0!important;
    margin-right: 0!important;
}
#quem-somos, #i9, #workshops, #galeria, #contactos,#one {
float:left;
height:100vh;
	width:20%;
    padding-top: 30vh;
}
#one{
	display:none!important;
}

.iframe-assinaturas{
	margin-top:-70px;

}
.texto-coluna-5 img{
	width: 13px;
    margin-right: 10px;
}
#one{
	background:#0081C5;
	
	color:#fff;

}
.face{
	float: left;
    margin-left: 12px;
    margin-right: 3px;
    margin-top: -25px;
}
.youtube{
	margin-top: -25px;
}
.coluna-cover-3{
	    margin-left: -18px;
    margin-top: -90px;
    width: 33.5%!important;
	padding-left:8px!important;
}
.coluna-cover-2 {
    
        margin-left: 16.8%;
        width: 60%!important;
}
.coluna-texto-last{
	margin-left:17%;
	padding-left:0!important;
}
.coluna-texto-2{
	margin-left: -116px;
	width:52%!important;
}
.texto-one{
    margin-left: 32.1%;
	border-left: 2px solid #fff;
	padding-left:5px;
	
}
.texto-one h1{
	font-family: OpenSans-Semibold;
	    color: #fff!important;
    font-size: 22px!important;
}

.first-column{
	width:60%!important;
}
.texto-one p{
	font-family: Gravity-Light;
	color: #fff!important;
}
.texto-two{
    border-left: 2px solid #fff;
	padding-left:10px;
}
.texto-two h1{
	font-family: OpenSans-Semibold;
	    color: #fff!important;
    font-size: 22px!important;
}


.texto-two p{
	font-family: Gravity-Light;
	color: #ccc!important;
}
.texto-three{
    border-left: 2px solid #fff;
	padding-left:10px;
}
.texto-three h1{
	font-family: OpenSans-Semibold;
	    color: #fff!important;
    font-size: 22px!important;
}


.texto-three p{
	font-family: Gravity-Light;
	color: #fff!important;
}
.texto-four{
    border-left: 2px solid #ccc;
	padding-left:10px;
}
.texto-four h1{
	font-family: OpenSans-Semibold;
	    color: #ccc!important;
    font-size: 22px!important;
}

.texto-four p{
	font-family: Gravity-Light;
	color: #ccc!important;
}
.coluna-texto-4{
	    width: 45%!important;
    margin-left: 17%;
	padding-left:0!important;
}
.texto-coluna-5 p{
	color:#fff;
	font-family: Gravity-Light;
}
.texto-coluna-5 h1{
	font-family: OpenSans-Semibold;
	    color: #fff!important;
    font-size: 22px!important;
}
.coluna-imagem-5{
	margin-left:-100px;
}


.post div{
	float:left;
}
.calendario{
	width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 93px;
    width: 93px;
    text-align: center;
    padding-top: 38px;
    color: #ccc;
}
.coluna-cover-1{
	text-align:right;
	width:40%!important;
	    
	
}
.calendario p{
	 ms-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.linha{
	    width: 20%;
    height: 2px;
    background: #93BEE5;
    margin-top: 28px;
    margin-right: 10px;
    margin-left: 15px;
}
body p{
	font-size:17px!important;
}
.pea_cook_wrapper p{
	font-size:11px!important;
}
.post{
	min-height:100px;
}
.info-post{
	width:40%;
}
.texto-two p{
	    margin: 0px 0 15px!important;
}
.info-post h2{
	    font-family: Gravity-Light;
    font-size: 19px;
    color: #ccc;
	display: inline-block;
}
.info-post h1{
	    font-family: OpenSans-Semibold;
    color: #fff!important;
    font-size: 20px!important;
	margin-bottom: 0!important;
}
#quem-somos{
	background:#4B4A48;

}
#i9{
	background:#0081C5;

}
#workshops{
	background:#4B4A48;


}
#galeria{
	background:#0081C5;
	text-align: center;

}
#contactos{
	background:#4B4A48;


}
.coluna-workshops{
	width:35%!important;
	    
    padding: 20px 0px;

	min-height:370px!important;
}

.go-button a{
	background: transparent!important;
    border: 1px solid #93BEE5!important;
    margin-left: 49px;
    
    padding: 9px!important;
    
    font-family: Gravity-Light!important;
	font-size: 19px!important;
	color: #ccc!important;
	/*-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);*/
	    margin-top: -25px;
}

.go-button-2 a{
	background: transparent!important;
    border: 1px solid #93BEE5!important;
    margin-left: 5px;
    
    padding: 9px!important;
    
    font-family: Gravity-Light!important;
	font-size: 19px!important;
	color: #ccc!important;
	/*-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);*/
	    margin-top: -25px;
}

#menu-item-177 > a{
	margin-left:8px;
}
#menu-item-21 > a{
	margin-left:8px;
}

.entry{
	margin-bottom: 40px;
    padding: 0!important;
    position: absolute!important;
    margin-top: -54px!important;
    top: 0!important;
    left: 0!important;
    height: 100vh!important;
}
.wpcf7 textarea{
	color: #1E242A!important;
    font-weight: 900!important;
    padding: 3px!important;
}
.wpcf7 h3{
	font-family: 'Gravity-UltraLight';
    color: #fff;
}
.wpcf7 input[type="radio"]{
	float:left;
	margin-top: 10px;
    margin-right: -10px;
}
.wpcf7 input[type="submit"]{
	background: transparent!important;
    color: #fff!important;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
	font-size: 25px!important;
}

.row p{
	display:none;
}
.row{
	width:100%;
	float:left;
	margin-bottom: 18px!important;
}
.duvidas a{
	font-family: 'Gravity-UltraLight'!important;
	-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
	color:#fff!important;
	
}
#menu-secondmenu{
	display:none!important;
}

#youtube{
		display:block;
	}
#youtube2{
	display:none;
}
@media screen and (max-width: 1300px) {
	.logo{
		left:13%!important;
	
	}
	
	body p {
		font-size: 15px!important;
	}
	.coluna-texto-2 {
		margin-left: 0!important;
		
	}
	.coluna-texto-4 {
		margin-left: 16.2%!important;
	}
	
	.coluna-cover-2 {
		margin-left: 16.2%!important;
    }
	.texto-one{
		    margin-left: 23%!important;
	
	}
	/*.coluna-texto-4{
		margin-left:40px!important;
	}*/
	.coluna-workshops {
		width: 35%!important;
	}
	.linha {
		width: 10%!important;
	}
	.info-post {
		width: 45%!important;
	} 
}

@media only screen and (max-width: 1299px) and (min-width:951x) {
	#quem-somos, #i9, #workshops, #galeria, #contactos,#one {
float:left;
height:100vh;
	width:20%;
    padding-top: 30vh;
}
.single .nav-primary-mobile{
		display:none!important;
	}
	.single-workshop .site-inner{
		padding-left:5%!important;
	}
	.single-workshop .site-header{
		min-height:50px!important;
	}
	.single-workshop .entry-title{
		font-size: 18px!important;
	}
	.single-workshop .vc_column_container{
		float:left!important;
		width: 25%!important;
	}
	
	.logo{
		z-index:1!important;
		left: 3%!important;

	}
	body p{
		font-size:12px!important;
	}
	.texto-one{
		margin-left:10px!important;
	}
	.coluna-cover-1 {
		display:none!important;
	}
	.coluna-cover-2 {
	    position: absolute!important;
    left: 0;
    margin-left: 265px!important;
    width: 5%!important;
    margin-top: 0!important;
	}
	.coluna-texto-2{
		margin-left:0!important;
		    width: 90%!important;
	} 
	.go-button a{
		    margin-top: -70px!important;
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.go-button-2 a{
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	
	.coluna-texto-3{
		    width: 90%!important;
			
	}
	.coluna-texto-4{
		    margin-top: -65px!important;
    width: 97%!important;
	margin-left:0!important;
	}
	.coluna-texto-4 p{
		margin:0!important;
	}
	.coluna-workshops {
    width: auto!important;
    padding: 0px 0px!important;
    
    min-height: 257px!important;
    margin-left: 14px!important;
    margin-top: 10px!important;
}
.post {
    min-height: 65px!important;
}
.calendario p{
	font-size:10px!important;
}
.calendario {
    width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
    height: 40px!important;
    /*width: 40px!important;*/
    text-align: center!important;
    padding-top: 14px!important;
    color: #ccc;
}
.info-post h1 {
	    font-size: 12px!important;
    margin-bottom: 0!important;
    margin-top: 11px;
}
.info-post{
	width:25%!important;
}
.texto-two p{
	margin: 0 0 8px!important;
}
.info-post h2 {
    font-family: Gravity-Light;
    font-size: 11px!important;
}

#galeria {
    background: #F7F6F5;
        width: 20%!important;
    overflow: hidden!important;
}
#contactos {
    background: #0081C5;
    width: 14%!important;
}
.coluna-texto-last {
       margin-left: 0!important;
    margin-top: -35px!important;
    text-align: right!important;
    margin-right: -15px!important;
}
.texto-coluna-5{
	margin-right: 15px!important;
}
.iframe-assinaturas{
	margin-left:0!important;
}
body{
	    overflow-y: hidden;
}

#quem-somos, #i9, #workshops, #galeria, #contactos,#one {


    padding-top: 23vh!important;
}
#menu-item-21 > a{
	margin-left:0!important;
}
.genesis-mobile-menu nav{
	    margin-top: 95px!important;
}
.toggle-menu{
	position:fixed!important;
}
.info-post p {
	margin: 0 0 8px!important;
}
.mapa{
    position: absolute!important;
    top: 60px;
    right: 0;
    width: 6%;
}

}
@media only screen and (max-width: 950px) and (min-width:751x) {
#youtube{
		display:none;
	}
	#youtube2{
	display:block;
}
.single-workshop .site-inner {
    margin-left: 11%!important;
}
	.coluna-texto-4{
		margin-left:40px!important;
	}
	.coluna-workshops {
		width: 49%!important;
	}
	.linha {
		width: 10%!important;
	}
	.info-post {
		width: 45%!important;
	} 
	.single .nav-primary-mobile{
		display:none!important;
	}
	.single-workshop .site-inner{
		padding-left:5%!important;
		    
	}
	.single-workshop .site-header{
		min-height:50px!important;
	}
	.single-workshop .entry-title{
		font-size: 18px!important;
	}
	.single-workshop .vc_column_container{
		float:left!important;
		width: 25%!important;
	}
	
	.logo{
		z-index:1!important;
		left: 3%!important;

	}
	body p{
		font-size:12px!important;
	}
	.texto-one{
		margin-left:10px!important;
	}
	.coluna-cover-1 {
		display:none!important;
	}
	.coluna-cover-2 {
	    position: absolute!important;
    left: 0;
    margin-left: 265px!important;
    width: 5%!important;
    margin-top: 0!important;
	}
	.coluna-texto-2{
		margin-left:0!important;
		    width: 90%!important;
	} 
	.go-button a{
		    margin-top: -70px!important;
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.go-button-2 a{
		    
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.coluna-cover-3{
		display:none!important;
	}
	.coluna-texto-3{
		    width: 90%!important;
	}
	.coluna-texto-4{
		    margin-top: -65px!important;
    width: 97%!important;
	margin-left:0!important;
	}
	.coluna-texto-4 p{
		margin:0!important;
	}
	.coluna-workshops {
    width: auto!important;
    padding: 0px 0px!important;
    
    min-height: 257px!important;
    margin-left: 14px!important;
    margin-top: 10px!important;
}
.post {
    min-height: 65px!important;
}
.calendario p{
	font-size:10px!important;
}
.calendario {
    width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
    height: 40px!important;
    /*width: 40px!important;*/
    text-align: center!important;
    padding-top: 14px!important;
    color: #ccc;
}
.info-post h1 {
	    font-size: 12px!important;
    margin-bottom: 0!important;
    margin-top: 11px;
}
.info-post{
	width:25%!important;
}
.texto-two p{
	margin: 0 0 8px!important;
}
.info-post h2 {
    font-family: Gravity-Light;
    font-size: 11px!important;
}

#galeria {
    background: #F7F6F5;
        width: 20%!important;
    overflow: hidden!important;
}
#contactos {
    background: #0081C5;
    width: 14%!important;
}
.coluna-texto-last {
       margin-left: 0!important;
    margin-top: -35px!important;
    text-align: right!important;
    margin-right: -15px!important;
}
.texto-coluna-5{
	margin-right: 15px!important;
}
.iframe-assinaturas{
	
}
body{
	    overflow-y: hidden;
}

#quem-somos, #i9, #workshops, #galeria, #contactos,#one {


    padding-top: 23vh!important;
}
#menu-item-21 > a{
	margin-left:0!important;
}
.genesis-mobile-menu nav{
	    margin-top: 95px!important;
}
.toggle-menu{
	position:fixed!important;
}
.info-post p {
	margin: 0 0 8px!important;
}
.mapa{
    position: absolute!important;
    top: 60px;
    right: 0;
    width: 6%;
}
}

@media screen and (min-height: 650px) and (min-width: 700px){

}
@media screen and (max-height: 620px){
	#youtube2{
	display:block;
}
	#youtube{
		display:none;
	}
	.nav-primary {
		left: 37%!important;
	}
	.nav-secondary {
		left: 37%!important;
	}
	.logo {
	    background-size: 65%!important;
		    left: 11%!important;
	}
	body p {
		font-size: 13px!important;
	}
	.coluna-cover-3{
		    width: 23%!important;
    margin-top: 0!important;
	}
	.go-button a {
    background: transparent!important;
    border: 1px solid #93BEE5!important;
    margin-left: 11px!important;
    padding: 4px!important;
    font-family: Gravity-Light!important;
    font-size: 14px!important;
    color: #ccc!important;
    margin-top: -55px!important;
    width: 100%!important;
	}
	.go-button-2 a {
    background: transparent!important;
    border: 1px solid #93BEE5!important;
    margin-left: 11px!important;
    padding: 4px!important;
    font-family: Gravity-Light!important;
    font-size: 14px!important;
    color: #ccc!important;
   
    width: 100%!important;
	}
	.coluna-workshops {
    width: 35%!important;
    padding: 20px 0px;
   
    min-height: 270px!important;
		
	}
	.calendario {
		width: 25%;
		background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
		background-repeat: no-repeat;
		background-position: center center;
		height: 55px!important;
		width: 55px!important;
		text-align: center;
		padding-top: 22px!important;
		color: #ccc;
		background-size: contain!important;
	}
	.info-post h1{
		font-size: 15px!important;
	}
	.post {
    min-height: 84px!important;
	}
	.coluna-texto-4 {
		margin-left: 15%!important;
	}
}
@media only screen and (max-height: 350px){
		#youtube2{
	display:block;
}
#youtube{
	display:none;
}
		body p{
			font-size:9px!important;
		}
		.post {
			min-height: 65px!important;
	}
}
@media screen and (max-width: 750px) and (min-width:501px) {
#youtube2{
	display:block;
}
	
	#prev{
		display:block;
	}
	#next{
		display:block;
	}


}
@media only screen and (max-width: 750px) and (min-width:501px) {
	#youtube{
		display:none;
	}
	.iframe-assinaturas {
    margin-top: -89px!important;
    
}
	.first-column{
		width:50%!important;
	}
	#galeria{
		overflow:scroll!important;
	}
	

	.single .nav-primary-mobile{
		display:none!important;
	}
	.single-workshop .site-inner{
		padding-left:5%!important;
		margin-left: 9%!important;
	}
	.single-workshop .site-header{
		min-height:50px!important;
	}
	.single-workshop .entry-title{
		font-size: 18px!important;
	}
	.single-workshop .vc_column_container{
		float:left!important;
		width: 25%!important;
	}
	.logo{
		z-index:1!important;
		left: 8%!important;
		width: 177px!important;

	}
	body p{
		font-size:11px!important;
	}
	.texto-one{
		margin-left:10px!important;
	}
	.coluna-cover-1 {
		display:none!important;
	}
	
	.coluna-texto-2{
			margin-left:0!important;
		    width: 90%!important;
	} 
	.go-button a{
		        margin-top: -102px!important;
    margin-left: 0!important;
    padding: 2px!important;
    font-size: 15px!important;
	}
	.go-button-2 a{
		       margin-top: -102px!important;
    margin-left: 0!important;
    padding: 2px!important;
    font-size: 15px!important;
	}
	.coluna-cover-3 img{
		display:none!important;
	}
	.coluna-cover-3{
	position: absolute!important;
    z-index: 99999999;
    margin-top: 73vh!important;
    margin-left: 12px;
	}
	.coluna-texto-3{
		    width: 90%!important;
			padding-left:10px!important;
	}
	.coluna-texto-4{
		    margin-top: -65px!important;
    width: 97%!important;
	margin-left:0!important;
	padding-left:10px!important;
	}
	.coluna-texto-4 p{
		margin:0!important;
	}
	.coluna-workshops {
    width: auto!important;
    padding: 0px 0px!important;
   
    min-height: 257px!important;
    margin-left: 14px!important;
    margin-top: 10px!important;
}
.post {
    min-height: 70px!important;
}
.calendario p{
	font-size:10px!important;
}
.calendario {
    width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
    height: 40px!important;
    /*width: 40px!important;*/
    text-align: center!important;
    padding-top: 14px!important;
    color: #ccc;
}
.info-post h1 {
	    font-size: 12px!important;
    margin-bottom: 0!important;
    margin-top: 11px;
}
.info-post{
	width:45%!important;
}
.texto-two p{
	margin: 0 0 8px!important;
}
.info-post h2 {
    font-family: Gravity-Light;
    font-size: 11px!important;
}
#galeria {
    
    
    overflow: hidden!important;
}
#contactos {
    
    /*width: 9%!important*/;
}
.coluna-texto-last {
        margin-left: 0!important;
    margin-top: 0px!important;
    text-align: left!important;
	padding-left:15px!important;
}
.texto-coluna-5{
	margin-right: 15px!important;
}*/
.iframe-assinaturas{
	
}
body{
	    overflow-y: hidden;
}

#workshops, #galeria {
float:left;
height:100vh;
	width:20%;
    padding-top: 30vh;
	overflow: scroll!important;
}
#quem-somos, #i9, #contactos,#one{
	float:left;
height:100vh;
	width:20%;
	 padding-top: 20vh;
}
#menu-item-21 > a{
	margin-left:0!important;
}
.genesis-mobile-menu nav{
	    margin-top: 95px!important;
}
.toggle-menu{
	position:fixed!important;
}
.info-post p {
	margin: 0 0 8px!important;
}
.mapa{
        position: absolute!important;
    top: 110px;
    right: 0;
    width: 8%;
}
	
}
@media only screen and (max-width: 500px) and (min-width:451px){
	#youtube2{
	display:block;
}
	#youtube{
		display:none;
	}
	.iframe-assinaturas {
    margin-top: -89px!important;
    
}
.coluna-cover-2 {
    margin-left: 7%!important;
    width: 90%!important;
}
	.first-column{
		width:50%!important;
	}
	#galeria{
		overflow:scroll!important;
	}
	#prev{
		display:none;
	}
	#next{
		display:none;
	}
	.single .nav-primary-mobile{
		display:none!important;
	}
	.single-workshop .site-inner{
		padding-left:5%!important;
	}
	.single-workshop .site-header{
		min-height:50px!important;
	}
	.single-workshop .entry-title{
		font-size: 18px!important;
	}
	.single-workshop .vc_column_container{
		float:left!important;
		width: 25%!important;
	}
	.logo{
		z-index:1!important;
		left: 65%!important;
		width: 177px!important;

	}
	body p{
		font-size:9px!important;
	}
	.texto-one{
		margin-left:10px!important;
	}
	.coluna-cover-1 {
		display:none!important;
	}
	
	.coluna-texto-2{
			margin-left:0!important;
		    width: 90%!important;
	} 
	.go-button a{
		    margin-top: -115px!important;
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.go-button-2 a{
			    margin-top: -115px!important;
    margin-left: 0!important;
    padding: 2px!important;
    font-size: 15px!important;
	}
	.coluna-cover-3 img{
		display:none!important;
	}
	.coluna-cover-3{
	position: absolute!important;
    z-index: 99999999;
    margin-top: 73vh!important;
    margin-left: 12px;
	}
	.coluna-texto-3{
		    width: 90%!important;
			padding-left:15px!important;
	}
	.coluna-texto-4{
		        /* margin-top: -65px!important; */
		    width: 45%!important;
		margin-left: 15px!important;
		float: left;
	}
	.coluna-texto-4 p{
		margin:0!important;
	}
	.coluna-workshops {
      width: 47%!important;
    padding: 0px 0px!important;
    
    min-height: 147px!important;
    margin-left: 14px!important;
    margin-top: 10px!important;
	float:left;
}
.post {
    min-height: 66px!important;
}
.calendario p{
	font-size:10px!important;
}
.calendario {
    width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
    height: 40px!important;
    /*width: 40px!important;*/
    text-align: center!important;
    padding-top: 14px!important;
    color: #ccc;
}
.info-post h1 {
	    font-size: 12px!important;
    margin-bottom: 0!important;
    margin-top: 11px;
}
.info-post{
	width:45%!important;
}
.texto-two p{
	margin: 0 0 8px!important;
}
.info-post h2 {
    font-family: Gravity-Light;
    font-size: 11px!important;
}
#galeria,#workshops {
    
    
    overflow: scroll!important;
}
#contactos {
    
    /*width: 9%!important*/;
}
.coluna-texto-last {
        

    text-align: left!important;
}
.texto-coluna-5{
	margin-right: 15px!important;
}*/
.iframe-assinaturas{
	
}
body{
	    overflow-y: hidden;
}

#quem-somos, #i9, #workshops, #galeria, #contactos,#one {
float:left;
height:100vh;
	width:20%;
    padding-top: 20vh;
}
#galeria{
	padding-top:30vh!important;
}
#menu-item-21 > a{
	margin-left:0!important;
}
.genesis-mobile-menu nav{
	    margin-top: 95px!important;
}
.toggle-menu{
	position:fixed!important;
}
.info-post p {
	margin: 0 0 8px!important;
}
.mapa{
        position: absolute!important;
    top: 110px;
    right: 0;
    width: 8%;
}
.single-workshop .site-inner{
	margin-left:0!important;
}
}
@media only screen and (max-width:1200px) {
		
		.nav-primary {
    background-color: #333;
    position: fixed!important;
    top: 0!important;
    z-index: 9999!important;
    left: 37%!important;
}
	.nav-secondary {
    background-color: #333;
    position: fixed!important;
    top: 0!important;
    z-index: 9999!important;
    left: 37%!important;
}
}
@media only screen and (max-height:500px) and (max-width:1200px) {
	#youtube{
		display:none;
	}
	#youtube2{
	display:block;
}
	body p {
    font-size: 9px!important;
}

.coluna-workshops {
    padding: 20px 0px;
    
    min-height: 298px!important;
    
}
}
@media only screen and (max-width: 450px) {
	#youtube2{
	display:block;
}
	#youtube{
		display:none;
	}
	.single-workshop .site-inner{
	margin-left:0!important;
}
	.texto-coluna-5 p {
    margin: 0 0 0px!important;
	}
	#prev{
		display:none;
	}
	#next{
		display:none;
	}
	.logo{
		z-index: 1!important;
    left: 55%!important;
    width: 145px;
	    top: -13px;


	}
	.first-column {
    width: 100%!important;
	}
	.single .nav-primary-mobile{
		display:none!important;
	}
	.single-workshop .site-inner{
		padding-left:5%!important;
	}
	.single-workshop .site-header{
		min-height:50px!important;
	}
	.single-workshop .entry-title{
		font-size: 18px!important;
	}
	.single-workshop .vc_column_container{
		float:left!important;
		width: 50%!important;
	}
	body p{
		font-size:12px!important;
	}
	.texto-one{
		margin-left:10px!important;
	}
	.coluna-cover-1 {
		display:none!important;
	}
	.coluna-cover-2 {
    margin-left: 14%!important;
    width: 78%!important;
	}
	.coluna-texto-2{
		margin-left:0!important;
		    width: 90%!important;
	} 
	.go-button a{
		    margin-top: -25px!important;
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.go-button-2 a{
		    
			margin-left:0!important;
			padding:2px!important;
			font-size:15px!important;
	}
	.coluna-cover-3 img{
		display:none!important;
	}
	.coluna-cover-3{
	position: absolute!important;
    z-index: 99999999;
    margin-top: 73vh!important;
    margin-left: 12px;
	}
	.coluna-texto-3{
			padding-left:10px!important;
		    width: 90%!important;
	}
	.coluna-texto-4{
		    margin-top: -65px!important;
    width: 97%!important;
	margin-left:0!important;
	padding-left:10px!important;
	}
	.coluna-workshops {
    width: 85%!important;
    padding: 22px 0px!important;
    
    min-height: 257px!important;
    margin-left: 14px!important;
    margin-top: 10px!important;
}
.post {
    min-height: 66px!important;
}
.calendario {
    width: 25%;
    background-image: url('http://blek.pt/panorama/wp-content/uploads/2015/11/calendario.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain!important;
    height: 40px!important;
   
    text-align: center!important;
    padding-top: 14px!important;
    color: #ccc;
}
.calendario p{
	font-size:10px!important;
}
.info-post h1 {
	    font-size: 12px!important;
    margin-bottom: 0!important;
    margin-top: 11px;
}
.info-post p {
	margin: 0 0 8px!important;
}
.texto-two p{
	margin: 0 0 8px!important;
	    font-size: 10px!important;
}
.info-post h2 {
    font-family: Gravity-Light;
    font-size: 11px!important;
}
#galeria {
 
        width: 20%!important;
    overflow: scroll!important;
}
#workshops{
	overflow:scroll!important;
}
#contactos {
    
    width: 20%!important;
}
.mapa-img{
	    margin-bottom: 6px!important;
    margin-top: -30px;
}

.coluna-texto-last {
   
    margin-left: 20px!important;
    margin-top: -30px!important;
    text-align: left!important;
    margin-right: -15px!important;
    font-size: 10px!important;
}
.texto-coluna-5{
	margin-right: 15px!important;
}
.iframe-assinaturas{
	
}
body{
	    overflow-y: hidden;
}

#quem-somos, #i9, #workshops, #galeria, #contactos,#one {


    padding-top: 15vh!important;
}
#menu-item-21 > a{
	margin-left:0!important;
}
.genesis-mobile-menu nav{
	    margin-top: 95px!important;
}
.toggle-menu{
	position:fixed!important;
}
}