body, div, h1, h2, h3, h4, h5, h6, ul, li, p, ol, dd, dt, dl, a, footer {
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
  font-family: "Montserrat";
  font-style:normal;
  text-decoration:none;
  line-height:170%;
}

@media {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat'), local('sans-serif');
}

body{
	background-size: cover;
	background-origin:content-box;
	z-index: -1;
 }

/*LOGO BAR*/
.content {display:inline-block; width: 100%; height:auto;text-align: center;}

.menucontainer{
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;
	text-align: center;	
}

/*MENU*/
.menulist{width: 100%; text-align: center;}

.menulist li{margin-left:1%; text-align: center; display: inline-block;}

.menulist a{display:inline-block; padding-top:26px;padding-bottom:26px; padding-left: 7px; padding-right: 7px;}

header, .contact, .social {padding-left: 10%;}
.cont {text-align:center;}
.social {padding-bottom: 1.5%; }

header {
	display:block;
	width: auto;
	height: 80px;
	text-align: left;
}

.social, .contact{
  display:block;
  width: auto;
  height: auto;
  text-align: left;
}

#stillspres {width:100%; height:auto; display:block;}

.stillscontainer {
height:180px;
width:226px;
overflow: hidden;
}

.projpres3 a:hover>.stillscontainer>#stillspres{
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: ease;
-webkit-animation-name:myfirst;
-webkit-animation-delay:0.5s;
animation-name:myfirst;
animation-duration: 2s;
animation-timing-function: ease ;
animation-delay:0.2s;
position: relative;
}

/*firefox*/
@-moz-keyframes myfirst {
    0%   {transform: translate(0px,0px);}
    50%  {transform: translate(0px,-33%);}
    100% {transform: translate(0px,-67%);} 
    }
/*chrome*/
@-webkit-keyframes myfirst {
0%  {top:0px;}
50% {top:-100%; }
100% {top:-200%;}
    }

@keyframes myfirst {
    0%   {transform: translate(0px,0px);}
    50%  {transform: translate(0px,-33%);}
    100% {transform: translate(0px,-67%);}    
}

.projpres3{
	width:226px;
	height:auto;
	display:inline-block;
	margin-top: 3%;
	text-align: left;
	vertical-align:top;

}

.titlestart2 {
  padding-left:1.5%;
  margin-right: 0.8%;
  display:inline-block;
  text-align: left;
  vertical-align:center;
  width: 100%;
  max-width: 285px;
padding-bottom: 40px;
}

.titlestart3 {
  padding-left:1.5%;
  margin-right: 0.8%;
  display:inline-block;
  text-align: left;
  vertical-align:center;
  width: 78.5%;
}

.titlestart {
	padding-left:1.5%;
	margin-right: 0.8%;
	width:226px;
	display:inline-block;
	text-align: left;
	vertical-align:top;

  -webkit-transition: height 40s;
  -moz-transition:height 40s;
  transition: height 40s;

  -webkit-transition: margin-right  1s;
  -moz-transition: margin-right 1s;
  transition: margin-right 1s;
}

.titlestart:hover {
	margin-right: 2%;
}

.reelpres{
	width:100%;
	display:block;
	padding-top: 4%;
	padding-bottom: 4%;
	text-align: center;
}

.titlepres, .category { display:block;}
.titlepres { margin-top:4%;padding-left:3%;}
.category { margin-top:1.5%;}
.projinfo {display:block; text-align:left; margin-top: 2%; padding:1.6%;}

.rbox{
	margin-top:5%;
	margin-bottom:2%;
	text-align: center;
	display:block;
	width: 98%;
}

.nextproj{margin-left:2%; display:inline-block;}

.prevproj{margin-right:2%;display:inline-block;}

.projind{
	padding-left:5%;
	padding-right:5%;
	display:inline-block;
}

iframe{display:block; max-width:649px; min-width: 230px; max-height: 364px; width: 100%; }
img {width:100%}

/*typecolor*/
.titlestart, .titlestart2, .titlestart3, #cont, .projinfo a, .contact, .slideshow-container a, .cortitl{color:#62e6ad;}
.rtop, .prevproj, .projind, .menulist a, #actlink, #actlink:active, #actlink:hover,  .titlepres, .projinfo, .titlestart2>p:first-child, .titlestart3>p:first-child, 
.titlestart>p:first-child, .rtop:hover, .rtop:active, .prevproj, .projind, .nextproj, .titlestart2 a, .contact a,.social a, .rbox a:active{color:#191919;}
header, .reelpres, #mail, .rtop, .category, .name a, .menulist a:hover, #nome, .rtop:hover, .rtop:active, .numbertext, .text{color:#FFF;}

/*backcolor*/

header, .contact {background-color:#191919;}
.menulist a:hover, .menulist a:active, #actlink:active, #actlink:hover, .reelpres, .projpres3, .projpres2, #actlink, .prevproj:hover, .projind:hover, .nextproj:hover, #social:hover, 
.dot:hover, .active-slide, .active {background-color:#62e6ad;}
body{background-color: #FFF;}
.projinfo {background-color: #F2F2F2;}

/*borders*/
.dot {border: 1px solid #191919;} 
.titlestart, .titlestart2, .titlestart3 {border-left: 5px solid #62e6ad;} 
.nextproj, .prevproj, .projind, .titlestart, .titlestart2, .titlestart3, .ocup {border-top: 1px solid #62e6ad;}
#cont:hover, #mail:hover, .titlestart3 a:hover {border-bottom: 1px solid #62e6ad; }

/* TEXTOS */
.menulist, #cont, .name{font-weight:900;}
.titlestart2 a, .titlestart3 a, .contact a, #mail,.projinfo a, .titlestart>p:nth-of-type(2),.titlestart3>p:nth-of-type(2) { font-weight:600;}
.titlestart>p:first-child,.titlestart2, .titlestart3, .titlepres, .titlepres, .projinfo, .contact, .ocup, #social, .titlepres, .category, .slideshow-container a, .prev, .next{ font-weight:300;}

.name, .slideshow-container a{font-size:27px;}
.titlestart>p:first-child,.titlestart2, .titlestart3{font-size:24px;}
.menulist,.contact{font-size:17px;}
.titlepres, .titlestart>p:nth-of-type(2), #mail, .ocup ,  .slideshow-container{font-size:15.3px;}
#social, .category, .projinfo, .prevproj, .projind, .nextproj{font-size:13.5px;}

/* imagensSlide */
 /* Slideshow container */
.slideshow-container {
  max-width: 649px;
  position: relative;
  margin: auto;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  margin-left: -6%;
  margin-right: -6%;
  transition: 0.6s ease;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* Caption text */
.text {
  padding: 8px 12px;
  position: absolute;
 bottom: 1%;
  width: 100%;
  text-align: center;
}
.mySlides {
  display:none;
}
.active-slide {
  display:block;
}
/* Number text (1/3 etc) */
.numbertext {
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 11px;
  width: 11px;
  margin: 0 2px;
  vertical-align: top;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}