
@font-face {
  font-family: 'TTNorms-Regular';
  src: url('../fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTNorms-Regular.otf')  format('opentype'),
	     url('../fonts/TTNorms-Regular.woff') format('woff'), url('../fonts/TTNorms-Regular.ttf')  format('truetype'), url('../fonts/TTNorms-Regular.svg#TTNorms-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms-Medium';
  src: url('../fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTNorms-Medium.otf')  format('opentype'),
	     url('../fonts/TTNorms-Medium.woff') format('woff'), url('../fonts/TTNorms-Medium.ttf')  format('truetype'), url('../fonts/TTNorms-Medium.svg#TTNorms-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms-Bold';
  src: url('../fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/TTNorms-Bold.otf')  format('opentype'),
	     url('../fonts/TTNorms-Bold.woff') format('woff'), url('../fonts/TTNorms-Bold.ttf')  format('truetype'), url('../fonts/TTNorms-Bold.svg#TTNorms-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'TTNorms-Regular';
  background: #ffffff;
}

.icon-bar
{
    background: #ffffff;
	height:3px !important;
	width:21px !important;
}
.reset{
	padding-left:0;
	padding-right:0;
}

header
{
    background: #ffffff00;
    padding-bottom: 10px;
}
.navbar 
{
    margin-bottom: 0;
    padding-bottom: 20px;
    border-radius: 0;
	border: none;
	border-top:8px solid #fdcd01;
	border-bottom: 1px solid #fdcd01;
}
.navbar-brand
{
    margin-top: 20px;
	padding: 0;
	height:auto;
}
.navbar-toggle{
	margin-right: -2px;
	padding: 8px 6px;
	background:#c9092f;
	border-radius: 20px;
	margin-bottom: 2px;
}
.navbar-collapse{
	box-shadow:none;
}
.navbar-nav>li>a{
	text-shadow:none;
}
.meu-menu
{
    display: block;
	font-size:27px;
	color:#ffffff;
}


#banner
{
	background: url(../images/BG_banner.jpg);
	background-size: cover;
	background-position: top center;
    min-height: 835px;
	margin-top: -112px;
	padding-top: 100px;
}
#pessoas
{
	background: url(../images/pessoas.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#footer
{
    background: #ffffff;
	padding-top: 35px;
	padding-bottom:40px;
}


.div-whats, .div-whats a{
	font-size: 24px;
	font-weight: bold;
    color: #ffcc00;
	padding-top: 30px;
	max-width: 240px;
    padding-right: 0px;
}
.div-whats a:hover, .div-whats a:focus{
	text-decoration: none;
}
.box-content{
	margin-bottom: 15px;
	float:left;
}
.box-formulario{
	float: right;
    border: 1px solid #fdcd01;
    background: #ffffff;
    max-width: 355px;
    margin-right: 15px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-bottom: 15px;
}
.box-amarelo{
	background:#fdcd01;
	border-radius: 15px;
	border: 1px solid #ffffff;
	padding: 25px;
	margin-bottom: 15px;

}
.box-01{
	margin-top: 20px;
	float: left;
	width: 153px;
	border-right: 1px solid #fff;
	min-height: 110px;
}
.box-02{
	margin-top: 20px;
    float: left;
    width: 154px;
    border-right: 1px solid #fff;
    padding-left: 15px;
	min-height: 110px;
}
.box-03{
	margin-top: 20px;
    float: left;
    width: 158px;
    border-right: 1px solid #fff;
    padding-left: 15px;
	min-height: 110px;
}
.box-04{
	margin-top: 20px;
    float: left;
    width: 240px;
    padding-left: 15px;
	min-height: 110px;
}
.linha-amarela{
	border-bottom: 1px solid #fdcd01;
    padding-top: 8px;
    margin-bottom: 5px;
    max-width: 340px;
    right: -65px;
    position: relative;
}
.faixa-final{
	background-color: #fdcd01;
	height: 6px;
}
/******************
     Fonts
*******************/

.tit-banner{
	font-family: 'TTNorms-Bold';
	font-size:40px;
	line-height: 42px;
	padding-top:60px;
	color:#ffcc00;
}
.txt-banner{
	font-family: 'TTNorms-Regular';
	font-size:18px;
	line-height: 25px;
	padding-top: 30px;
	padding-bottom: 45px;
	color:#ffffff;
}
.tit-box{
	font-family: 'TTNorms-Bold';
	font-size:26px;
	line-height: 22px;
	color:#000099;
}
.txt-icones{
	font-family: 'TTNorms-Regular';
	font-size:16px;
	color:#000099;
	padding-top: 10px;
}
.tit-form{
	font-family: 'TTNorms-Bold';
	font-size:24px;
	line-height: 24px;
	color:#003366;
	padding: 24px 10px 8px 10px;
}
.text-footer{
	font-family: 'TTNorms-Medium';
	font-size:18px;
	line-height: 24px;
	color:#000099;
	text-align: right;
	border-right: 1px solid #fdcd01;
}



.f-left{
	float: left;
}
.txt-consentimento, .txt-consentimento a:hover {
    color: #000000;
    font-weight: 200;
	font-size: 12px;
	padding-bottom: 15px;
}
.txt-consentimento a{
	text-decoration: underline;
	color: #000000;
}

/*********
   Form
*********/
.entry:not(:first-of-type)
{
	margin-top: 10px;
}
.label-form{
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	padding-top:10px;
	margin-bottom:0px;
}		
.glyphicon
{
	font-size: 12px;
}

.none {
    display:none;
}



.form-bg-nome {
	padding-left:0px !important;
	font-size:14px;
	font-family: 'TTNorms-Medium';
	border:none;
	border-bottom:1px solid #003366;
	line-height:normal;
	text-transform: uppercase;
	border-radius:0px;
	height:30px;
	width:100%;
	color:#003366;
}

.form-bg-select {
	padding-left:0px !important;
	font-size:14px;
	font-family: 'TTNorms-Medium';
	line-height: normal;
	background: url(../images/BG-Campo-combo-form.jpg) #fff;
	background-position: 95% 6px;
	background-repeat: no-repeat;
	border:none;
	text-transform: uppercase;
	border-bottom:1px solid #003366;
	border-radius:0px;
	height: 30px;
	width:100%;
	color:#003366;
}

.box-form{
	margin-top:14px;
}

/*hack para select*/
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  appearance: none !important;
  
}
select::-ms-expand{
  display:none;
  background-color:transparent;
}

select option{
	color:#737373 !important;
}
.select-hack{
	width:100%;
	overflow:hidden;
	padding-left: 10px;
    padding-right: 10px;
}
.btn-enviar{
	background-color:#ffcc00;
	border:none;
	border-radius:5px;
	text-transform:uppercase;
	color:#003366 !important;
	text-decoration:none;
	font-family: 'TTNorms-Bold';
	font-size:15px;
	padding:10px 0px;
	width: 100%;
    text-align: center;
	margin-bottom:20px;
	
}
.btn-enviar:hover, .btn-enviar:active {
	color:#ffffff !important;
	text-decoration:none;
	opacity:0.80;
}

/*placeholder color*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #003366;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #003366;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #003366;
}


/******* modal ******/
.texto_modal{
	font-family: 'TTNorms-Medium';
	font-size:18px;
	line-height: 24px;
	color:#000099;
	text-align: center;
}

.modal-open{
	overflow: overlay;
}
.modal-body{
	padding: 60px 50px 55px 50px;
}
.modal-header{
	border-bottom:none;
	padding:0px;
}

.modal-header .close{
    margin-top: 16px;
    position: absolute;
    right: 16px;
    z-index: 9999;
}

.close-mod,.close-mod:hover {
    opacity: 1 !important;
}

/*FIX*/



.margtop-30{
	margin-top:30px;
}
.margtop-40{
	margin-top:40px;
}
.margbott-20{
	margin-bottom:20px;
}
.padtop-form{
	padding-top:1px;
}

.pad-header-whats{
	padding-top:5px;
}

/**************
   note
**************/
@media screen and (max-width: 1200px) {
	#pessoas
	{
	background: url(../images/pessoas-md.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	.linha-amarela {
    right: 0px;
    position: relative;
	}
	.box-01, .box-02, .box-03, .box-04{
		width: 50%;
	}
	.box-02{
		border-right:none;
	}
}
/**************
   mobile
**************/
@media screen and (max-width: 780px) {
	html{scroll-behavior: smooth;}
	body {
  	font: 100%;
	}
	.navbar-brand {
    width: 180px;
	}
	.box-formulario {
    float: right;
    max-width: 100%;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
	}
	#banner {
    min-height: 835px;
    margin-top: -182px;
    padding-top: 100px;
	}
	#pessoas
	{
	background: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	#footer {
    padding-top: 30px;
    padding-bottom: 20px;
	}
	.navbar-header{
	justify-content: center;
    display: flex;
	}
	.div-whats, .div-whats a {
    font-size: 22px;
    font-weight: bold;
    color: #ffcc00;
    padding-top: 16px;
    max-width: 86%;
    padding-right: 0px;
	}
	.box-01, .box-02, .box-03, .box-04{
    margin-top: 20px;
    float: left;
    width: 100%;
    border-right: none;
    min-height: 110px;
	padding-left: 0px;
	min-height: auto;
	}
	.box-amarelo img{
	margin: auto;
	}
	.linha-amarela {
    max-width: 100%;
    right: auto;
    position: relative;
	}
	.logo-footer{
	width: 130px;
    margin: auto;
    padding-top: 15px;
	}
	/***** fonts****/
	.tit-banner {
    font-size: 26px;
    line-height: 32px;
    padding-top: 46px;
	}
	.txt-banner {
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 35px;
	}
	.tit-box {
    font-size: 22px;
    line-height: 22px;
	}
	.txt-icones {
    font-size: 15px;
	}
	.text-footer {
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #ffcc00;
    padding-bottom: 10px;
	padding-left: 0;
    padding-right: 0;
	}
	
	

}

