div{
	box-sizing: border-box;
}



/*.single-portfolio > #sitecontainer {
    margin-top: 80px;
}*/

.sixteen.columns{
    bottom: 25px!important;   
}

#gallery-2{
	cursor: pointer;
	cursor: hand;

}

.pagetitle{
	display: none!important;
}


#loading {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	z-index: 99;
		background-color:black;

}

#loading-image {
	position: absolute;
	top: 40%;
	left: 45%;
	z-index: 100;

} 


.bx-next, .bx-prev{
	position: absolute!important;
    top: 999999px!important;
    left: 999999px!important;
    opacity: 0!important;
    display: none;
 }


/*CSS para os novos menus do slideshow*/

#singlecontent-id p {
    display: none;
}


.page-template-template-full-php #postcontainer{
    padding-top: 30px;   
}


.page-template-template-home-php #postcontainer, .page-template-template-portfolio-php #postcontainer{
     padding-top: 20px;
}

.info-box-container {
	width: 100%;
	float: left;
	padding-top: 20px;
    position: absolute;
    z-index: 100;
}
.info-texture {
	height: 50px;
	min-width: 300px;
	display: inline;
	float: left;
	position: relative;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;

    left: 16px
}
.info-texture * {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.open{
	height: 100%;
}

.info-texture.right.openRight{
    display: block;
}

.info-texture-left-detail.openLeft{
    display: block;
}

.openRight{
    display: block;
}

.openLeft{
    display: table;
}



.openLeft * {
	opacity: 1;
}

.openRight * {
    opacity: 1;
}

.info-texture.right {
	width: 800px;
    display: none;

}

.info-texture-left-detail {
    padding: 50px 30px 30px 30px;
    background-color: rgba(255,255,255,0.5);
    display: none;
}

@-moz-document url-prefix() {
    .info-texture-left-detail {
        padding: 40px;
        background-color: rgba(255,255,255,0.5);
        display: none;
    }
}


@media only screen and (max-width: 1149px) {
	.info-texture.right {
		width: 57vw;
	}
}
@media only screen and (max-width: 768px) {


    .descritivo-tecnica,.titulo-tecnica,.text-description-right{
        font-size: 12px!important;
    }

    .portfolio-title{
        font-size: 14px!important;
    }

    .single-slideshow.gallery-wrap.info.pager.full{
        margin: 0px 0 55px 0;
    }

    .sixteen.columns{
        position: relative!important;
    }


    .single-slideshow.gallery-wrap.pager {
    margin-bottom: 97px;
}


.bx-wrapper .bx-pager{
    padding: 0 115px 0 115px;
    bottom: -132px;
    display: none;
}


	.info-texture.right {
		width: 100%;
	}
}
.info-text {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
    padding: 22px 50px 0 30px;
	box-sizing: border-box;
    background-color: rgba(255,255,255,0.7);
}
.show-more {
	z-index: 9;
	width: 35px;
	height: 35px;
    background: rgba(255,255,255,0.5);
	position: absolute;
    top: 20px;
	left: 20px;
	opacity: 1;
	cursor: pointer;
	cursor: hand;
}

a.postlink{
    background: transparent!important;
}

.sf-menu a {
    font-family: 'Roboto', sans-serif!important;
}

html, body, input, textarea, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p, .footer ul, .footer ol, .footer.button, .credits p,
.credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p, 
.contactsubmit label, .contactsubmit input[type=text], .contactsubmit textarea, h2 span.date, .articleinner h1,
.articleinner h2, .articleinner h3, .articleinner h4, .articleinner h5, .articleinner h6, .nivo-caption h1,
.nivo-caption h2, .nivo-caption h3, .nivo-caption h4, .nivo-caption h5, .nivo-caption h6, .nivo-caption h1 a,
.nivo-caption h2 a, .nivo-caption h3 a, .nivo-caption h4 a, .nivo-caption h5 a, .nivo-caption h6 a,
#cancel-comment-reply-link {
    font-family: 'Roboto', sans-serif!important;   
}


.plus-sign-right,.plus-sign-left{

	font-size: 32px;
	font-family: 'Roboto', sans-serif;
    padding: 2px 0 0 0;
	width: 100%;
	text-align: center;
	display: block;
	color:black;
}

.minus-sign-right,.minus-sign-left{
	display: none;
	font-size: 32px;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	text-align: center;
	color:black;
	padding: 0 0 0 10px;
}


.show-more *{
	opacity: 1;
}


.show-less {
	background: transparent!important;
}

#plus-sign-right,#plus-sign-left{
    font-size: 20px;
    color: black;
    position: relative;
    margin: 0 auto;
    font-weight: normal;
    left: 10px;
    top: 6px;
}

.portfolio-title{
	padding: 8px 0 0px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: black;
}

.text-description-right{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
    line-height: 1.6;
	color:black;
}

.titulo-tecnica{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color:black;
	display: block;
    line-height: 1.5;
}

.descritivo-tecnica{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	display: block;
	color:black;
    line-height: 1.3;
}

.detail-sign{
    height: 30px;
    width: 30px;

}

.titulo-tecnica-divider{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color:black;
	display: inline;
    line-height: 1.2;

}

#fullscreen{
    z-index: 3;
    color: white;
    position: absolute;
    right: 103px;
    bottom: 1px;
    font-size: 24px;
    cursor: pointer;
    cursor: hand;
}
/* Media Queries slideshow*/

@media only screen and (max-width: 1115px) {
	.show-more.left{
		left: 0;
	}

	.show-more.right{
		left: 0;
	}

}

@media only screen and (max-width: 768px) {

    .page-template-template-home-php #postcontainer, .page-template-template-portfolio-php #postcontainer{
         padding-top: 10px;
    }



}


@media only screen and (max-width: 438px) {
    .show-more{
    	left: 0;
	    padding-left: 13px;
    }

    .info-texture{
    	left: 0;
    }
}


/*
*****
Animação Home page
*****
*/

.postphoto{
	width: 0;
	min-height: 0;
}


/*
*****
LANDING PAGE CSS
*****
*/

.landing-page{
    background-color: white;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    overflow: hidden;
    box-sizing: border-box;
}

.button-landing-page {
	border: none;
    color: gray;
    text-align: center;
    font-size: 34px;
    cursor: pointer;
    position: relative;
    float: right;	
    top: 0;
}

.button-landing-page:hover {
   color:#c3c3c3;
}

.landing-page {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index:999;
}
.video-container,
.landing-page iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}

@media (min-aspect-ratio: 16/9) {
  .video-container { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-container { width: 300%; left: -100%; }
}


.image-responsive {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  .image-responsive {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}



@media only screen and (max-width: 736px) {

    @media (min-aspect-ratio: 16/9) {
      .video-container { height: 400%; top: -150%; }
    }
    @media (max-aspect-ratio: 16/9) {
      .video-container { width: 400%; left: -150%; }
    }


}


/*
*****
ABOUT PAGE CSS
*****
*/



/*Obrigar o firefox e ie a assumir o strong como bold*/

strong, b {
font-weight: bold;
}


/*END Obrigar o firefox e ie a assumir o strong como bold*/



/* Fotografias dos membros*/

.info-image-0,.info-image-1,.info-image-2,.info-image-3,.info-image-4,.info-image-5,.info-image-6,.info-image-7,.info-image-8,
.info-image-9,.info-image-10,.info-image-11,.info-image-12,.info-image-13,.info-image-14,.info-image-15{
    width: 70%;
	max-width: 70%;
}


/* End Fotografias dos membros*/

/* Email e Telemóvel e Descrição*/

.small-info{
	width: 200px;
    font-size: 10px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
	height: 1px;
	color:black;
	font-weight: bold;
}

.description-info ~ p{
    width: 200px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.4;
    color:black;
    padding-top: 5px;
}



/* End Email e Telemóvel  e Descrição*/

.contact-info{
    position: absolute;
    left: 0;
    padding-left: 40px;

}

.attachment-fullslideshownc.size-fullslideshownc.horizontalAlign{
    max-height: 80%;
    max-height: -webkit-calc(100vh - 190px);
    max-height: -moz-calc(100vh - 190px);
    max-height: calc(100vh - 190px);
    margin: 0 auto;
    width: auto;
}


#container-info{
    background-image: url('../gridstack-child/images/team_bg.jpg');
    background-size: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    width: 100%;
    padding-top: 128px;
    background-position: 0px 128px;
    background-repeat: no-repeat;
}

.image-form0{
    position: absolute;
    right: 17.01vw;
    width: 5.8vw;
    top: calc(5.13vw + 128px);
    opacity: 0.8;
}

.image-form1{
    position: absolute;
    right: 3.99vw;
    width: 5.95vw;
    top: calc(3.3vw + 128px);
    opacity: 0.7;
}

.image-form2{
    position: absolute;
    right: 27.99vw;
    width: 5.19vw;
    top: calc(3.7vw + 128px);

}

.image-form3{
    position: absolute;
    right: 32.99vw;
    width: 5.1vw;
    top: calc(14.7vw + 128px);
}

.image-form4{
    position: absolute;
    right: 43.99vw;
    width: 5.1vw;
    top: calc(26.7vw + 128px);
}

.image-form5{
    position: absolute;
    right: 3.99vw;
    width: 5.1vw;
    top: calc(20.7vw + 128px);
}


.image-form6{
    position: absolute;
    right: 20.99vw;
    width: 5.1vw;
    top: calc(34.7vw + 128px);
}

.image-form7{
    position: absolute;
    right: 39.99vw; 
    width: 5.1vw;
    top: calc(20.7vw + 128px);
}

.image-form8{
    position: absolute;
    right: 17.99vw;
    width: 5.1vw;
    top: calc(14.7vw + 128px);
}

.image-form9{
    position: absolute;
    right: 4.99vw;
    width: 5.1vw;
    top: calc(13.7vw + 128px);
}

.image-form10{
    position: absolute;
    right: 9.99vw;
    width: 5.1vw;
    top: calc(23.7vw + 128px);
}

.image-form11{
    position: absolute;
    right: 12.99vw;
    width: 5.1vw;
    top: calc(35.7vw + 128px);
}

.image-form12{
    position: absolute;
    right: 28.99vw;
    width: 5.1vw;
    top: calc(27.7vw + 128px);
}

.image-form13{
    position: absolute;
    right: 19.99vw;
    width: 5.1vw;
    top: calc(27.7vw + 128px);
}

.image-form14{
    position: absolute;
    right: 31.99vw;
    width: 5.1vw;
    top: calc(22.7vw + 128px);
}

.image-form15{
    position: absolute;
    right: 7.99vw;
    width: 5.1vw;
    top: calc(30.7vw + 128px);
}

.address-info{
    width: 49vh;
    padding-left: 40px;
    font-weight: 300;
    line-height: 1.4;
    /*bottom: 85px;    */
    position: absolute;
}

.address-info >p {
    font-size: 13px;
    line-height: 2em;
    color:black;
}

.image-form0-bland,.image-form1-bland,.image-form2-bland,.image-form3-bland,.image-form4-bland,.image-form5-bland,.image-form6-bland,
.image-form7-bland,.image-form8-bland,.image-form9-bland,.image-form10-bland,.image-form10-bland,.image-form11-bland,.image-form12-bland,
.image-form13-bland,.image-form14-bland, .image-form15-bland
{
    opacity: 0.4;
}

.image-form0-bland{
    position: absolute;
    right: 17.01vw;
    width: 5.1vw;
    top: calc(5.13vw + 128px);
}

.image-form1-bland{
    position: absolute;
    right: 3.99vw;
    width: 5.1vw;
    top: calc(3.3vw + 128px);
}

.image-form2-bland{
    position: absolute;
    right: 27.99vw;
    width: 5.1vw;
    top: calc(3.7vw + 128px);
}

.image-form3-bland{
    position: absolute;
    right: 32.99vw;
    width: 5.1vw;
    top: calc(14.7vw + 128px);
}

.image-form4-bland{
    position: absolute;
    right: 43.99vw;
    width: 5.1vw;
    top: calc(26.7vw + 128px);
}

.image-form5-bland{
    position: absolute;
    right: 3.99vw;
    width: 5.1vw;
    top: calc(20.7vw + 128px);
}


.image-form6-bland{
    position: absolute;
    right: 20.99vw;
    width: 5.1vw;
    top: calc(34.7vw + 128px);
}

.image-form7-bland{
    position: absolute;
    right: 39.99vw; 
    width: 5.1vw;
    top: calc(20.7vw + 128px);
}

.image-form8-bland{
    position: absolute;
    right: 17.99vw;
    width: 5.1vw;
    top: calc(14.7vw + 128px);
}

.image-form9-bland{
    position: absolute;
    right: 4.99vw;
    width: 5.1vw;
    top: calc(13.7vw + 128px);
}

.image-form10-bland{
    position: absolute;
    right: 9.99vw;
    width: 5.1vw;
    top: calc(23.7vw + 128px);
}

.image-form11-bland{
    position: absolute;
    right: 12.99vw;
    width: 5.1vw;
    top: calc(35.7vw + 128px);
}

.image-form12-bland{
    position: absolute;
    right: 28.99vw;
    width: 5.1vw;
    top: calc(27.7vw + 128px);
}

.image-form13-bland{
    position: absolute;
    right: 19.99vw;
    width: 5.1vw;
    top: calc(27.7vw + 128px);
}

.image-form14-bland{
    position: absolute;
    right: 31.99vw;
    width: 5.1vw;
    top: calc(22.7vw + 128px);
}

.image-form15-bland{
    position: absolute;
    right: 7.99vw;
    width: 5.1vw;
    top: calc(30.7vw + 128px);
}



.image-form0, .image-form1, .image-form2, .image-form3, .image-form4, .image-form5, .image-form6, .image-form7,
.image-form8, .image-form9, .image-form10, .image-form11, .image-form12, .image-form13, .image-form14, .image-form15
 {
    -webkit-animation: fade 5s;
    -webkit-animation-iteration-count: infinite;
    -ms-animation: fade 5s;
    -ms-animation-iteration-count: infinite;
    -moz-animation: fade 5s;
    -moz-animation-iteration-count: infinite;
    -o-animation: fade 5s;
    -o-animation-iteration-count: infinite; 
    opacity: 0.7;
    animation: fade 5s  infinite;
    -o-animation-iteration-count: infinite;

}

.image-form0:hover, .image-form1:hover, .image-form2:hover, .image-form3:hover, .image-form4:hover, .image-form4:hover, .image-form5:hover, 
.image-form6:hover, .image-form7:hover, .image-form8:hover, .image-form9:hover, .image-form10:hover, .image-form11:hover ,.image-form12:hover,
.image-form13:hover, .image-form14:hover ,.image-form15:hover{
    opacity: 1;
	cursor: pointer;
}




@keyframes fade {
  5% {
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  15% {
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
}


.image-form0.active,.image-form1.active,.image-form2.active,.image-form3.active,.image-form4.active,.image-form5.active,.image-form6.active,
.image-form7.active,.image-form8.active,.image-form9.active,.image-form10.active,.image-form11.active,.image-form12.active,.image-form13.active,
.image-form14.active,.image-form15.active {
    -webkit-animation: none;
    -webkit-animation-iteration-count: none;
    opacity: 1;
}



.team-members{
	display: none;
    padding-right: 10px;
}





/* Info Page media queries*/

@media only screen and (max-width: 1024px) {

/*    .contact-info{
        bottom: -32vh;
    }
*/
    .address-info{
        padding-top: 7vh;
    }

    .contact-info {
        top: 26vh;    
    }
}





@media only screen and (max-width: 768px) {


    .info-box-container{
        padding-top: 0px;
    }


    .info-texture {
        width: 100%;
    }

    .info-texture {
       -webkit-transition: height 0.1s;
       transition: height 0.1s;
    }

    .info-texture * {
       -webkit-transition: opacity 0.1s;
       transition: opacity 0.1s;
    }


    .address-info{
        display: block;
    }


    .top-nav .container{
        padding: 0;
    }



    .verticalcenter .cell.menucell{
        display: block!important;
        height: 0px!important;
    }

    .mobilenavcontainer{
        display: none;
    }

    .image-form0-bland,.image-form1-bland,.image-form2-bland,.image-form3-bland,.image-form4-bland,.image-form5-bland,.image-form6-bland,
    .image-form7-bland,.image-form8-bland,.image-form9-bland,.image-form10-bland,.image-form10-bland,.image-form11-bland,.image-form12-bland,
    .image-form13-bland,.image-form14-bland, .image-form15-bland
    {
        display: none;
    }


    #container-info{
	    background: none;
    }

    .images{
        text-align: center;
    }

    .address-info{
        width: 100%;
        padding: 0 20px;
    }

    .contact-info{
        padding-top: 0;
        top: 250px;
        padding-top: 0;
    }

	.image-form0, .image-form1, .image-form2,.image-form3, .image-form4, .image-form5, .image-form6, .image-form7,
.image-form8, .image-form9, .image-form10, .image-form11, .image-form12, .image-form13, .image-form14, .image-form15{
        width: 11vw;
        opacity: 0.5;
        animation: initial;
        padding: 0 4vw;
        position: initial;
	}

    .small-info{
    	width: 100%;
    }
    .description-info + p {
    	width: 100%;
    }

    ul.filter li a, ul.filter li a:visited{
        letter-spacing: 0px;
        padding: 0 2px 0 2px;
    }

    .info-image-0,.info-image-1,.info-image-2,.info-image-3,.info-image-4,.info-image-5,.info-image-6,.info-image-7,.info-image-8,
    .info-image-9,.info-image-10,.info-image-11,.info-image-12,.info-image-13,.info-image-14,.info-image-15{
        width: 35%;
        max-width: 35%;
    }


}

#postcontainer .isotopeliquid {
    max-width: 100vw;
}

.single-slideshow.gallery-wrap.info.pager.full{
        margin: 0;
}
