#map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #000;
    display: block;
}

html, body {
    height: 100%;
    color: #989898 !important;
}

#retorno{
	text-align: center;
    font-size: 20px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f76020 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #f76020;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #f76020;
}
:-moz-placeholder { /* Firefox 18- */
  color: #f76020;
}

.header-text{
	z-index: 200;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    top: 300px;
}

.header-text h1{
	font-size: 70px;
	font-weight: 200;
	text-transform: uppercase;
	line-height: 40px;
}

.header-text h1 span{
	font-weight: 600;
	font-size: 40px;
}

.remove-space, .remove-space div{
	padding: 0 !important
}

.row{
	margin: 0 !important;
	padding: 0 !important
}

.bottom{
	bottom: -100% !important;
}

.orange{
	color: #ff7800;
}

.blue{
	color: #28c0d7;
}

.big-text{
	font-size: 30px;
}

.medium-text {
    font-size: 17px;
}

.fill { 
    min-height: 100%;
    height: 100%;
    margin-bottom: 100px;
}

.logo-header {
    z-index: 100;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.logo-image {
    width: 200px;
}

.arrow-box img {
    width: 30px;
}

.arrow-content-box {
    padding: 20px;
}

.close-tab{
	display: none;
}

video {
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;

}

.home-title{
	padding-top: 50px;
}

h1.text-header{
    text-align: center;
    padding: 65px 0px 20px 0px;
    font-size: 30px;
    font-weight: 300;
}

.seta-down-color{
	width: 3%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.menu-call{
	z-index: 400;
	position: absolute;
	right: 20px;
	top: 60px;
}

.navbar-mobile{
	display: none;
	z-index: 400;
    position: absolute;
    right: 20px;
    top: 60px;
    width: 100%;
    background: none;
    border: none;
}

.navbar-collapse{
	border: none;
}

.mobile-list-menu{
	background: #000;
}

/* The side navigation menu */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 300;
	top: 0;
	right: 0;
	overflow-x: hidden;
	padding-top: 30px;
	transition: 0.5s;
    height: 100px;
    overflow: hidden;
    background: rgba(40, 192, 215, 0.62);
    margin-top: 40px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #FFF;
    display: block;
    transition: 0.3s;
    float:left;
    border-right: 1px #FFF solid;
}

.sidenav a:last-child, .sidenav a:first-child{
	border: none;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    margin-left: 50px;
}


/****************
*****************
Portfolio style
*****************
*****************/

.portfolio-box{
	height: 400px;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-size:100% !important;
	background-position: bottom !important;
	/*width: 24%;
	margin-right: 1% !important;
	*/
}

.portfolio-grid{
	margin-top: 2% !important;

}

.portfolio-box:nth-child(3n+1){
	margin-left: 4% !important;
}



#academia-24h{
	background: url('../images/academia24.jpg') no-repeat;
}

#hinode{
	background: url('../images/cliente-hinode.jpg') no-repeat;
}

#cevada{
	background: url('../images/cliente-cevada.jpg') no-repeat;
}

#gd8{
	background: url('../images/cliente-gd8.jpg') no-repeat;
}

#tim{
	background: url('../images/cliente-tim.jpg') no-repeat;
}

#csb{
	background: url('../images/cliente-csb.jpg') no-repeat;
}

#sindpd{
	background: url('../images/cliente-sindpd.jpg') no-repeat;
}

#marisa{
	background: url('../images/cliente-marisa.jpg') no-repeat;
}

.portfolio-head{
	background: rgba(0, 0, 0, 0.69);
	width: 100%;
	height: 90px;
	position: absolute;
}

.portfolio-head p{
    color: #FFF;
    font-size: 20px;
    text-align: left;
    padding: 2% 6%;
}

.portfolio-head-description{
	margin-top: -15px !important;
    margin-left: 20px !important;
}

.portfolio-head-description div img{
	max-width: 120%;
}

p.job-tipo{
	color:#ff7700;
}

.portfolio-content{
    background: rgba(0, 0, 0, 0.72);
	bottom: -100%;
	color: #fff;
    height: 77.6%;
	left: 0%;
	text-align: center;
	position: absolute;
	transition: bottom 0.5s ease;
	width: 100%;
}

.portfolio-box:hover .portfolio-content{
	bottom: 0%;
}

.portfolio-list{
	list-style: none;
	color: #ff7700;
	font-size: 15px;
	text-align: left;
	padding: 20px;
}

.cta-button-box{
	position: absolute;
    bottom: 40px;
}

.small-line {
    height: 10px;
    float: left;
    width: 100%;
    top: -30px;
    display: none;
}

.small-line hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #28c0d7;
	margin: 1em 0;
	padding: 0;
	width: 70%;
	float: left;
}

.confira-button{
	width: 29%;
	background: #28c0d7;
	border-radius: 20px;
    padding: 4px 3px;
	float: left;
	color: #FFF;
}

.cta-button{
	width: 43%;
	background: #28c0d7;
	border-radius: 20px;
    padding: 6px 10px;
    color: #FFF;
    float: right;
    right: 20px;
    position: absolute;
}

/****************
*****************
News home style
*****************
*****************/

.news-home-box{
	float: left;
	width: 100%;
}

.news-home-container{
	background: #28c0d7;
	height: 220px;
	margin-top: 100px;
    margin-bottom: 110px;
}


.news-home-image{
	height: 300px;
    border-radius: 10px;
}

.news-home-text{
	color: #FFF;
	font-size: 23px;
    padding: 5% 2% 0% 2%;
    font-weight: 200;
}

.out-box-content{
	margin-top: -40px;
}

.download-guia{
	color: #FFF;
	margin-top: -20px;
	font-size: 15px;
}

.download-guia-box{
	float: left;
	margin-top: -34px;
	cursor: pointer;
}

.download-guia-box img{
	max-width: 85%;
    margin-top: 25px;
}


/****************
*****************
Clientes style
*****************
*****************/


.cliente-text{
	font-size: 20px;
	text-align:center;
	color: #28c0d7;
	padding-bottom: 70px;
}

.cliente-logo{
	height: 100px;
}

#clientes-first-line{
	margin-top: -60px;
    float: left;
}


.logo-footer{
    margin-left: -17px;
    margin-bottom: 20px;
}

.footer {
    width: 100%;
    float: left;
    background: #f76020;
    height: 390px;
    margin-top: 50px;
    color: #FFF;
}

.footer-personagem img{
    z-index: 100;
    position: absolute;
    left: 30px;
}

.footer-text-first {
    margin-top: 80px;
}

.footer-text {
    padding-top: 55px;
}

.form-footer {
    background: #ee7f51;
    padding: 18px !important;
    border-radius: 10px;
}

.form-footer button {
    float: right;
    border-radius: 10px;
    width: 40%;
    background: #FFF;
    color: #f76020;
    border: 2px solid #28c0d7;
}

.sidebar-tab {
    background: #FACADA;
    width: 20px;
    height: 200px;
    right: 0;
    position: absolute;
    top: 1030px;
}


.fixed-top {
    position: fixed;
    top: 0;
    z-index: 100;
    background: url(../images/cabecalho.jpg) no-repeat;
    height: 180px;
    background-size: 115%;
}

.fixed-top .logo-box {
    margin-top: 40px;
}


@media (min-width: 1465px) and (max-width: 1551px){
	.new-menu{
		top: 170px !important;
	}	
}

@media (min-width: 1377px) and (max-width: 1464px){
	.new-menu{
		top: 159px !important;
	}	
}

@media (min-width: 1277px) and (max-width: 1376px){
	.new-menu{
		top: 149px !important;
	}	
}

@media (min-width: 1177px) and (max-width: 1277px){
	.new-menu{
		top: 140px !important;
	}	
}


@media (min-width: 1000px) and (max-width: 1276px){
	.new-menu{
		top: 138px !important;
	}	
}


@media (max-width: 1110px){
	.home-video{
		display: none;
	}

	.header-text{
		display: none;
	}

	.fill{
		background: url('../images/header-mobile.png') no-repeat;
		background-color: #000;
		background-size: 100%;
	}

	.small-line{
		display: block;
	}

	.sidenav a{
		float: unset;
	}

	.sidenav{
		height: 200px;
	}

	.cta-button-box{
		bottom: 80px;
	}

	.form-contato-footer p a img{
		margin-top: 5px !important;
	}

	.fixed-top{
		background-size: cover;
		background-position: center;
	}
}

@media (max-width: 767px){
	.portfolio-head{
		height: 120px;
	}

	.portfolio-content{
		height: 69.9%;
	}

	.fixed-top .logo-box {
	    margin-top: 45px;
	}

	.fill{
		margin-bottom: 50px;
	}

	.navbar-mobile{
		bottom: 0;
		right: 0;
	}

	button.navbar-toggle{
		position: absolute;
    	bottom: 0;
    	right: 0;	
	}

	div.navbar-collapse {
		margin-top: 100px;
	}
	
	.footer-text{
		padding-top: 10px;
	}

}

@media (max-width: 992px){
	.clientes{
		float: left;
	}

	.portfolio-head-description{
		float: left;
		margin-top: -25px;
		width: 100%;
	}

	.portfolio-head-description div:first-child{
		width: 10%;
		float: left;
	}

	.portfolio-head-description div:first-child img{
		max-width: 93%;
	}

	.portfolio-head-description div:last-child{
		width: 87%;
		float: left;
	}

	.cta-button-box {
	    position: absolute;
	    bottom: 50px;
	    width: 100%;
	}
}

@media (max-width: 1000px){
	.new-menu ul{
		margin-top: -11px;
	}

	.form-contato-row{
		width: 100%;	
	    float: left;
	}

	.contato-box{
		padding-left: 15px;
    	padding-right: 14px;
	}
    
}


@media (max-width: 750px){
	.navbar-mobile{
		display: block;
	}

	.menu-call{
		display: none !important;
	}

	.new-menu ul{
		padding: 0px;
	}

	.new-menu{
		display: none !important;
	}

	.footer{
		height: 590px;
	}

	.cliente-text{
		padding-top: 25px;
	}

	.close-tab{
		display: block;
		position: absolute;
    	right: 19px;
	}
}


@media (min-width: 1199px) and (max-width: 1380px){
	.cta-button-box{
		bottom: 65px;
		width: 100%;
	}
}

@media (min-width: 1199px) and (max-width: 1500px){
	.download-guia-box{
		margin-top: -20px;
	}
}


@media (min-width: 999px) and (max-width: 1200px){
	.download-guia-box{
		margin-top: -20px;
	}

	.download-guia img{
		max-width: 80%;
	    margin-top: 3px;
	}


}
 
@media (max-width: 1100px){
	.news-home-container{
		height: auto;
	}

	.out-box-content{
		margin-top: -25px;
	}
}

.new-menu{
	width: 100%;
	background: #28c0d7;
	height: 50px;
	bottom: 0;
    position: fixed;
    top: 180px;
    z-index: 600;
}

.new-menu ul{
	list-style: none;
}


.new-menu ul li a{
	float: left;
	padding: 10px;
	color: #FFF;
	font-size: 17px;
}

.pollSlider{
    height: 35%;
    background: #f26927;
    width: 300px;
    right: 0px;
    margin-right: -300px;
    z-index: 200;
    position: fixed;
    bottom: 10px;
    top: 251px;
    color: #FFF;
    font-size: 16px;
}
#pollSlider-button{
    position:fixed;
    width:100px;
    height:50px;
    right:-2px;
    top:250px;
    z-index: 200;
}

.tab-job{
	padding: 2px;
}

.tab-job:first-child{
	padding-top: 30px;
}

.tab-job-description p{
	padding: 20px 0px;
	margin-top: 17px;
	margin-left: -18px;
}

.tab-job-description p a{
	color: #FFF;
}

.tab-job-description p:first-child {
    padding-top: 0px;
}


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}



.assine-bar:hover {
    right: 0;
    width: 320px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.assine-bar {
	width: 165px;
    display: block;
    position: fixed;
    top: 240px;
    right: -165px;
    background: transparent;
    color: #FFF;
    /*height: 278px;*/
    z-index: 999;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    background: #f26927;
    height: 415px;
}

.assine-bar .urlassine {
    position: absolute;
    top: 0;
    left: -48px;
    display: block;
    width: 50px;
    height: 250px;
    background: url(../images/o-que-fazemos.png) no-repeat;
    text-indent: -999px;
    overflow: hidden;
    background-size: 100%;
}

.quem-somos-title h1, h2 {
    font-size: 30px;
    color: #777474;
}

.quem-somos-title p {
    font-size: 20px;
    color: #777474;
}

.contato-title h1{
	text-transform: uppercase;
	color: #ff7800;
}

.orange-line{
	border: 1px #ff7800 solid;
}

.form-contato textarea, .form-contato select, .form-contato input, .form-control:focus{
	border: 1px #ff7800 solid;
}

.form-contato select{
	background: #ff7800;
	color: #FFF;
}

.form-contato-row{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

.form-contato-row div{
	padding: 0px;
	margin: 0px;
}

.form-contato-row label{
	background: #ff7800;
	padding: 7px;
	color: #FFF;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	font-weight: 500;
}

.form-contato-row input{
	border-radius: 0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.send-form-contato{
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background: #ff7800;
    border: none;
    color: #FFF;
    margin-bottom: 10px;
}

.form-contato-footer{
	margin-top: 1px;
	color: #ff7800;
}

.form-contato-footer p a{
	margin-left: 15px;
}

.form-contato-footer p a img{
	margin-top: -15px;
}

.form-contato-footer p a:first-child{
	margin-left: 20px;
}

.contato-box{
	padding-left: 0px;
	padding-left: 0px;
}

@media (max-height: 700px){
	.portfolio-box{
		background-size: cover !important;
	}
}