@charset "utf-8";
/* CSS Document */

.hotsite * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hotsite, .hotsite *, .hotsite *:after, .hotsite *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hotsite {
position: relative;
overflow: hidden;
}

.hotsite section {
	padding:72px 0;
	position:relative;
	overflow:hidden;
}

.hotsite-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .hotsite-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .hotsite-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .hotsite-container {
    width: 1040px;
  }
}
.hotsite .clearfix:before,
.hotsite .clearfix:after,
.hotsite .hotsite-container:before,
.hotsite .hotsite-container:after,
.hotsite .container-fluid:before,
.hotsite .container-fluid:after,
.hotsite .row:before,
.hotsite .row:after {
  content: " ";
  display: table;
}
.hotsite .clearfix:after,
.hotsite .hotsite-container:after,
.hotsite .hotsite-container-fluid:after,
.hotsite .row:after {
  clear: both;
}

.hotsite-col-1, .hotsite-col-2, .hotsite-col-3, .hotsite-col-4, .hotsite-col-5, .hotsite-col-6, .hotsite-col-7, .hotsite-col-8, .hotsite-col-9, .hotsite-col-10, .hotsite-col-11, .hotsite-col-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
.hotsite-col-1, .hotsite-col-2, .hotsite-col-3, .hotsite-col-4, .hotsite-col-5, .hotsite-col-6, .hotsite-col-7, .hotsite-col-8, .hotsite-col-9, .hotsite-col-10, .hotsite-col-11, .hotsite-col-12 {
    float: left;
  }
  .hotsite-col-12 {
    width: 100%;
  }
  .hotsite-col-11 {
    width: 91.66666667%;
  }
  .hotsite-col-10 {
    width: 83.33333333%;
  }
  .hotsite-col-9 {
    width: 75%;
  }
  .hotsite-col-8 {
    width: 66.66666667%;
  }
  .hotsite-col-7 {
    width: 58.33333333%;
  }
  .hotsite-col-6 {
    width: 50%;
  }
  .hotsite-col-5 {
    width: 41.66666667%;
  }
  .hotsite-col-4 {
    width: 33.33333333%;
  }
  .hotsite-col-3 {
    width: 25%;
  }
  .hotsite-col-2 {
    width: 16.66666667%;
  }
  .hotsite-col-1 {
    width: 8.33333333%;
  }
  .hotsite-col-offset-12 {
    margin-left: 100%;
  }
  .hotsite-col-offset-11 {
    margin-left: 91.66666667%;
  }
  .hotsite-col-offset-10 {
    margin-left: 83.33333333%;
  }
  .hotsite-col-offset-9 {
    margin-left: 75%;
  }
  .hotsite-col-offset-8 {
    margin-left: 66.66666667%;
  }
  .hotsite-col-offset-7 {
    margin-left: 58.33333333%;
  }
  .hotsite-col-offset-6 {
    margin-left: 50%;
  }
  .hotsite-col-offset-5 {
    margin-left: 41.66666667%;
  }
  .hotsite-col-offset-4 {
    margin-left: 33.33333333%;
  }
  .hotsite-col-offset-3 {
    margin-left: 25%;
  }
  .hotsite-col-offset-2 {
    margin-left: 16.66666667%;
  }
  .hotsite-col-offset-1 {
    margin-left: 8.33333333%;
  }
  .hotsite-col-offset-0 {
    margin-left: 0%;
  }
}

figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

.img-circle {
  /* border-radius: 50%; */
  /* border:1px solid #888;  */
  margin:20px 0; 
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

.responsive-video {
height:0;
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hotsite h1, .hotsite h2, .hotsite h3, .hotsite h4 {
color: #1381ce;
font-size: 2.3vw;
font-weight:bold;
line-height:100%;
font-family: Futura-Light;
letter-spacing:-1px;
text-align:center;
text-transform:uppercase;
}

.hotsite h1 small, .hotsite h2  small, .hotsite h3  small, .hotsite h4  small {
color: #002343;
font-size:20px;
font-weight:normal;
line-height:100%;
font-family: Futura-Light;
display:block;
padding:10px 0;
margin-bottom:25px;
text-transform: none;
}

.hotsite p {
	color: #666666;
	font-size:20px;
	line-height:120%;
	margin:30px 0;
	font-family: Futura-Light;
	text-align: left;
}

/* SEÃ‡Ã•ES HOTSITE */
.icones {position:absolute; opacity:0.2; height:auto;}

section.hero {
padding-top:5vh;
}

#hotsite-area-0 {
min-height:340px;
background:#002343;
}

#hotsite-area-0 img {
	margin:0 auto;
}

#hotsite-area-0 img.logo {
	width:510px;
	height:auto;
}

#hotsite-area-0 img.icon {
	width:600px;
	height:auto;
}

#hotsite-area-0 .hotsite-container { position:relative;}

#hotsite-area-0 .hotsite-container img.bahianinho {
	position: absolute;
	top: 20px;
	right:-200px;
}

#hotsite-area-0 h1 {
	color:#FFF;
	font-size:20px;
	width:80%;
	margin: 35px auto 50px;
	text-transform:none;
	font-weight:normal;
}
#hotsite-area-0 h1 span {
  color:#1381ce;
}
#hotsite-area-0 p {
	color:#FFF;
	font-size:20px;
	width:60%;
	margin: 20px auto 0;
	text-align:center;
	text-transform:none;
	font-weight:normal;
}
#hotsite-area-1{
  display: none;
  background:#eef4f8;
}
#hotsite-area-1 h2{
  font-family: Futura-Bold;
  font-size: 38px;
  text-transform: none;
}
#hotsite-area-3{
  background:#fff;
}
#hotsite-area-3 h2{
  font-family: Futura-Bold;
  font-size: 38px;
  text-transform: none;
}
#hotsite-area-4{
  background:#eef4f8;
}
#hotsite-area-4 h2{
  font-family: Futura-Bold;
  font-size: 38px;
  text-transform: none;
  text-align: left;
}
#hotsite-area-5{
  background:#fff;
}
#hotsite-area-5 h2{
  font-family: Futura-Bold;
  font-size: 38px;
  text-transform: none;
}

/*parcerias*/
.hotsite #hotsite-area-2 {
	background:#eef4f8;
}
.hotsite #hotsite-area-2 h2{
  font-family: Futura-Bold;
  font-size: 38px;
  text-transform: none;
}
.hotsite #hotsite-area-2 h2 small {
	color:#002343;
}
.hotsite #hotsite-area-2 p {
	color:#002343;
	text-align:center;
}
.hotsite #hotsite-area-4 {
	padding-bottom:0;
	background:#eef4f8;
	min-height: 493px;
}
.hotsite #hotsite-area-4 .contato {
 margin-top:12vh
}
.hotsite #hotsite-area-4 .contato p{
  font-size: 18px;
  color: #56565b;
}
.hotsite #hotsite-area-4 .contato p span{
  font-family: Futura-Bold;
  font-size: 24px;
  color: #56565b;
}
.hotsite #hotsite-area-4 .contato a{
  font-family: Futura-Light;
}
.hotsite #hotsite-area-4 a .fa-facebook-official {
	font-size:30px;
	color:#517abc;
}

.hotsite #hotsite-area-4 a .fa-twitter-square {
	font-size:30px;
	color:#76cbf1;
	margin-left:8px;
}
.hotsite #hotsite-area-4 p {
	margin:12px 0;
}
.hotsite #hotsite-area-4 span {
	color:#002343;
	font-size:28px;
}
.hotsite #hotsite-area-6 {
	background:#002343;
  padding: 40px 0;
	min-height:230px;
}

.hotsite #hotsite-area-6 img {
	width:146px;
	height:auto;
}

.hotsite #hotsite-area-6 img, .hotsite #hotsite-area-6 p {
	color:#FFF;
	text-align:center;
	margin:0 auto;
	padding-bottom:10px;
}

/*ACCORDION*/
.accordion {
  width: 100%;
  margin-top:20px;
  transition: all 0.3s ease 0s;
}

.accordion .ui-accordion-content p {
  width: 100%;
  color: #56565b;
  font-size: 14px;
  line-height: 120% !important;
  letter-spacing:0;
  text-align:justify;
  margin:0;
  padding:15px 15px !important;
  font-weight:normal;
  font-family: Arial;
}

.accordion .ui-accordion-content p + p {
	padding-top:0;
}

.accordion .ui-accordion-content {
  margin:0 !important;
  padding:20px !important;
  background:#eef4f8 !important;
  border:1px solid #d6e5f2;
  border-radius: 10px;
}

.accordion .ui-accordion-header {
  margin:0;
  padding:20px !important;
  background:none !important;
  border-bottom:1px solid #d6e5f2 !important;
}
.accordion .ui-accordion-header.ui-accordion-header-active{border-bottom:0 !important;}

.accordion .ui-accordion-header a {
  color: #56565b !important;
  line-height:100%;
  font-size: 18px !important;
  width: 100%;
  font-weight: bold;
  letter-spacing:0;
  font-family: Futura-Light !important;
}

.accordion h3 {font-size:inherit; position:relative; text-align:left; font-weight:bold; padding:20px 0; text-transform:none;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{left: 0.5em;margin-top: -8px;position: absolute;top: 50%;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: auto !important;right:10px;}

.ui-icon-triangle-1-e, .ui-icon-triangle-1-s {display:none;font-size:14px !important; color:#f7931d; text-align:center; font-weight:bold; font-family: FontAwesome;}
.ui-icon-triangle-1-e:before {content: "\f106";}
.ui-icon-triangle-1-s:before {content: "\f107";}

/*Accordion reset*/
.ui-icon {text-indent:0 !important;overflow: visible !important;}
.ui-state-default .ui-icon, .ui-icon, .ui-widget-content .ui-icon {background-image:none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:0 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-right, .ui-corner-tr { }

/*Media Queries*/

@media(max-width:1440px) {
}

@media(max-width:1192px) {
  .hotsite-col-6 {
    width: 50%;
  }
}

@media(max-width:1024px) {
  .hotsite-col-6 {
    width: 50%;
  }
}

@media(max-width:992px) {

	.hotsite h2 {
		font-size: 26px;
	}
	.hotsite h3 {
		font-size: 24px;
	}
}
@media(max-width:991px) {
.hotsite #hotsite-area-3 img {
	float:none !important;
	display:block;
	margin:20px auto;
}
#hotsite-area-0 .icones {display:none;}
}
@media only screen and (max-width : 320px) {}
@media only screen and (max-width : 375px) {}
@media all and (max-width: 500px) {
.hotsite-container {
	min-width: 0;
	padding: 0 .390625%;
}
#hotsite-area-0 .icones {display:none;}
#hotsite-area-0 img.bahianinho {
	display:none;
}
.icones {display:none !important;}
.hotsite-col-6 {
	width: 100%;
}
#hotsite-area-0 .page-header {
    height: 30vh;
}
.hotsite section {
	padding:72px 3%;
}
.hotsite #hotsite-area-4 {
	padding-bottom:72px;
}
.hotsite #hotsite-area-4 .contato {
 margin-top:5vh
}
.hotsite #hotsite-area-4 .contato a {
    font-family: Futura-Light;
    font-size: 18px;
}
.hotsite #hotsite-area-4 p {
	text-align:left;
}
.hotsite #hotsite-area-4 span {
	font-size:20px;
}
}