@font-face {
	font-family: 'Kapra-Regular';
	src: url('../font/kapra-regular.eot');
	src: url('../font/kapra-regular.eot?#iefix') format('embedded-opentype'),
             url('../font/kapra-regular.woff2') format('woff2'),
	     url('../font/kapra-regular.woff') format('woff'),
	     url('../font/kapra-regular.ttf') format('truetype'),
	     url('../font/kapra-regular.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kapra-Bold';
	src: url('../font/kapra-regularbold.eot');
	src: url('../font/kapra-regularbold.eot?#iefix') format('embedded-opentype'),
             url('../font/kapra-regularbold.woff2') format('woff2'),
	     url('../font/kapra-regularbold.woff') format('woff'),
	     url('../font/kapra-regularbold.ttf') format('truetype'),
	     url('../font/kapra-regularbold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* DEFAULT */
* { margin: 0; padding: 0;  }
body { background-color: #242322 }
a { text-decoration: none; }
li { margin: 0; padding: 0; }

body > header { padding: 30px; height: 45px; position: relative; }
body > header .btn-main-nav { transition: color 0.2s ease; }
body > header .btn-main-nav { cursor: pointer; }
body > header .btn-main-nav:hover { color: #ee6368; }
body > header h1 { text-align: center; }
body > header h1 a { font-size: 0; display: inline-block; }
body > header > i { font-size: 40px !important; color: #fff; position: absolute; right: 35px; top: 35px; }
body > header nav { position: absolute; z-index: 10; display: none; width: 180px; top: 105px; right: 0;  }
body > header nav a { font: 30px/30px 'Kapra-Bold';  color: #fff; height: 30px; display: inline-block; text-transform: uppercase; padding: 10px 0 10px 40px; width: 140px; background-color: rgba(238,84,90,0.9);  }
body > header nav a{ transition: background-color 0.2s ease; transition: color 0.2s ease; }
body > header nav a + a{ border-top: 2px solid #fff;  }
body > header nav .active
, body > header nav a:hover { background-color: rgba(36,35,34,0.8); color: #ee6368; }
body > section + section { border-top: 5px solid #242322;  }

.home-slide-projects { width: 100%; position: relative; display: none; overflow: hidden; }
.slide-protect{ position: absolute; z-index: 5; width: 100%; height: 100%; background-color: #242322;  }
.home-slide-projects ul { display: table; width: 10000px; height: 100%; float: left; }
.home-slide-projects li { float: left; font-size: 0; overflow: hidden; position: relative; }
.home-slide-projects img { width: 100%; }
/*
.home-slide-projects .img-conteiner { width: 2000px; position: relative; left: 50%; margin-left: -1000px; text-align: center; }
*/


.home-slide-projects .img-legend { position: absolute; opacity: 1; top: 50%; left: 15px; margin-top: -61px; padding: 7px 19px 19px 19px; background-color: #242322; z-index: 2; height: 97px; }
.home-slide-projects .img-legend h3 { color: #fff; font: 44px/56px 'Kapra-Bold'; text-transform: uppercase; border-bottom: 2px solid #fff }
.home-slide-projects .img-legend a { color: #fff; font: 36px/56px 'Kapra-Bold'; text-transform: uppercase; }
.home-slide-projects .img-legend a { transition: color 0.2s ease; }
.home-slide-projects .img-legend a:hover { color: #ee6368;  }
.home-slide-projects nav { position: absolute; z-index: 5; bottom: 0; text-align: center; width: 100%; }
.home-slide-projects nav span { background-color: #242322; display: inline-block; padding: 10px 18px 8px 18px; font-size: 0; }
.home-slide-projects nav a { width: 22px; height: 22px; border-radius: 23px; background-color: #fff; display: inline-block; font-size: 0; line-height: 0; }
.home-slide-projects nav a { transition: background-color 0.2s ease; }
.home-slide-projects nav a + a { margin-left: 12px; }
.home-slide-projects nav a:hover 
, .home-slide-projects nav .active { background-color: #dbbd13; }


.content-center { max-width: 790px; padding: 0 10px; margin: 0 auto; }
body > section h2 { color: #fff; font: 60px/50px 'Kapra-Bold'; text-align: center; text-transform: uppercase; }
.title-desc { font: 42px/40px 'Kapra-Bold'; margin: 10px 0 40px 0; text-align: center; display: block; text-transform: uppercase; }

.about-us { min-height: 370px; padding: 55px; background-color: #dbbd13; }
.about-us p { color: #fff; font: 20px/26px 'Raleway', sans-serif; }
.about-us p + p { margin-top: 25px; }
.about-us strong { text-transform: uppercase; }

.projeto-content{ min-height: 370px; padding: 60px; background-color: #242322; }
.projeto-content .content-center { max-width: 710px; }
.projeto-content h2{ margin-bottom: 50px; color: #f04f77; }
.projeto-content p { color: #fff; font: 20px/28px 'Raleway', sans-serif; }
.projeto-content p + p { margin-top: 25px; }
.text-without-br { display: none; }
.text-br { display: block; }

.team {  padding: 55px; background-color: #5e8c9b; }
.team-list { display: table; width: 100%; text-align: center; margin: 40px 0 60px 0; }
.team-list li { width: 215px; display: inline-block;  }
.team-list span { width: 183px; height: 183px; border-radius: 183px; background-color: #fff; display: inline-block; position: absolute; z-index: 1; }
.team-list span {  top: -25px; left: 12px; opacity: 0; }
.team-list span {  transition: opacity 0.2s ease; }
.team-list a:hover span, .team-list .active span { opacity: 1; }
.team-list img { position: relative; z-index: 2; }
.team-list h4 { font: 20px/26px 'Raleway', sans-serif; color: #fff; margin-top: 35px; text-transform: uppercase; }
.team-list a{ position: relative; display: block; }

.team-text li{ list-style: none; color: #fff; font: 20px/28px 'Raleway', sans-serif; display: none; opacity: 0; }
.team-text .visible { display: block; opacity: 1; }

.slide-projeto span{ display: block !important; padding: 13px 18px 8px 18px !important; }
.projeto-redes { text-align: center; margin-top: 56px !important; }
.projeto-redes a{ color: #fff; display: inline-block; margin: 0 17px; }
.projeto-redes a { transition: color 0.2s ease; }
.projeto-redes a:hover{ color: #ee6368;  }
.projeto-redes i { font-size: 42px; }

.project-videos li{ overflow: hidden;  list-style: none; border-bottom: 27px solid #2f2e2d; font-size: 0; position: relative; }
.project-videos img { width: 100%; }
.project-videos i {  font-size: 150px; position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; color: #fff; }
.project-videos a { display: block; }
.project-videos a:hover i { color: #000; }

footer { text-align: center; padding: 25px 0; }
footer a{ color: #fff; font: 200 22px/60px 'Raleway', sans-serif; text-transform: uppercase; }
footer a { transition: color 0.2s ease; }
footer a:hover{  color: #ee6368; }
footer nav { display: inline-block; margin-left: 40px; }
footer .redes { position: relative; top: 6px; }
footer .redes a { font-size: 42px; display: inline-block; }
footer .redes a + a { margin-left: 20px; }
footer .footer-nav { border-left: 2px solid #fff; padding-left: 40px;  }
footer .footer-nav a + a{ margin-left: 40px; }