/*
	Site Developer : Karoline Dassie

	Main Colors
	- Red: #b9201e
	- Dark Red: #840c08
	- White: #fff
	- Blue: #313961
	- Gray: #e6e6e6
    - Dark Gray: #333333
*/

/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}
ol, ul {
	list-style: none;
}

ul.lista li{list-style:disc; margin-left: 5%}
.goog-te-gadget img{display:inline-block}
.clear{clear:both;}	

/***** ESSENTIALS *****/

html, body{
	background:#fff;
	font-family: 'PT Sans', sans-serif!important;
	-webkit-text-size-adjust: none; 
}

::-moz-selection {
    background: #b9201e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #b9201e;
    color: #fff;
    text-shadow: none;
}

.column1 {width:100%;}
.column2 {width:50%; float:left;  box-sizing: border-box;}
.column3 {width:32%; margin-right:2%; margin-top:10px; margin-bottom:10px; float:left;  box-sizing: border-box;}
.column4 {width:25%; *width: 25%; float:left; box-sizing: border-box;}
.column5 {width:20%; *width: 17%; float:left; padding-right: 20px; box-sizing: border-box;}
.column6 {width:16.66666%; float:left; padding-right: 20px; box-sizing: border-box;}

.onethird {width:25%; float:left; box-sizing: border-box;}
.twothird {width:75%; float:left; padding-right: 20px; box-sizing: border-box;}
.third {width:33.33%; margin:0; float:left;  box-sizing: border-box;}
.half {width:50%; float:left; padding-right: 30px; box-sizing: border-box;}

.ultimo{padding-right:0;}
.last{margin-right:0;}

/***** FRAMELESS *****/

#manulogos img{display:inline-block!important}
.container .hosted-content {background:#fff}
.container  {background:#fff}
.hosted-content .listings-wrapper .listings-list .listing-banner{background:#840c08!important}
.hosted-content h2{font-size: 20px!important;font-family: 'Oswald', sans-serif!important; }
.hosted-content .red{background: #fff!important; padding: 0!important}
.p-top-8 p{color: #000!important}
#main-search p{color: #000!important; margin-bottom: 20px}


/***** TYPOGRAPHY *****/

h1{ font-size: 33px; font-weight: 900; color: #313961; text-transform: uppercase; font-family: 'Oswald', sans-serif; margin-top:10px; }
	h1 a{color:#313961}
h2{ font-size: 30px; font-weight: 900; color: #fff; font-family: 'Oswald', sans-serif; margin-bottom:15px}
h3{ font-size: 22px; font-weight: 900; color: #323a62; text-transform: uppercase;  }
h4{ font-size: 30px; font-weight: 900; color: #b9201e; }
h5{ font-size: 18px; font-weight: 900; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif;}
    h5 span{ font-size: 16px; font-weight: 900; color: #ccc;  font-style: italic}

p {
	font-size: 14px; 
	line-height: 22px;
	color: #000;
}
.main p{color: #fff!important}
.red p{color: #fff!important}


a{
	color: #8f8f8f;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

a:hover{}

/***** HEADER *****/
#bandeira{
	background: url("../siteart/header.jpg") no-repeat top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100px;
	position:relative;
	border-bottom:1px solid #fff;
	box-shadow: 0 0 5px #5F5F5F;
}
#bandeira-mobile{
	display:none; 
	position:relative;
	border-bottom:1px solid #fff;
	box-shadow: 0 0 5px #5F5F5F;
}
#bandeira-mobile img{width:100%; height:auto;display:block;}

.header{
	background:#fff;
	padding: 1em 0;
	width:100%;
}



#logo{
	float:left;
}
#logo img{
	max-width:300px;
	width:100%;
	display:block
}

#head-right{
	float:right;
}
#google_translate_element{text-align:right; position:relative;}

/***** NAV *****/

#navicon {
	font-size: 22px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	color: #fff;
	background: #313961;
	padding: 10px;
}

.nav{
	width: 100%;
	background: #313961;
	color: #fff;
}

.nav ul{
	list-style:none;
	position:relative;
	width: 100%;
	margin: 0 auto;
	z-index: 9999;
	text-align: center;
	display: flex;
	justify-content: center;
}

.nav ul a{
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
	font-size:15px;
	padding: 15px 21px;
}

.nav ul a:hover{
	background: #b9201e;
	color: #fff;
}

.nav ul li{
	position:relative;
    display: inline-block;
	text-align:left;
    float:left;
}

.nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left: 0;
	padding:0;
	background: #313961;
	color: #FFF;
	width: 220px;
    text-align: left;
}

.nav ul ul li{
	float:none;
    width: 100%;
}

.nav ul ul a{
	font-size: 14px;
	text-transform: none;
	color: #FFF;
	padding:10px 0 10px 5%;
	border-bottom: 1px #202640 solid;
    text-align:left;
    width: 95%;
}

.nav ul ul a:hover{background:#b9201e; color:#fff}
.nav ul li:hover > ul{display:block}



/***** STYLES *****/

.wrapper{
	max-width: 1100px;
	margin: 0 auto;
}
.main{background: #840c08; padding: 3em 0}
.red{background: #b9201e; padding: 3em 0}
.darkgray{background: #333333; padding: 0; text-align:center;}
.gray{
    padding: 1em 0;
    background: rgba(233,233,233,1);
    background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,233,233,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=1 ); 
    text-align:center;
}
.gray img{display:inline-block}
.gray h4{display:inline-block; vertical-align:top; margin-top:5px; margin-left:10px}

#titulo{background: #b9201e; padding:10px 0; text-align: center; margin:0 auto 2em auto;}
#titulo h2{margin:0 auto!important; text-transform:uppercase}
    
.decright{display:inline-block; height:120px; width: 5%; float: right;} 
.decleft{display:inline-block; height:120px;  width: 5%; float: left;}
.column-count {column-count: 2; column-gap: 20px;}

/***** HOME PAGE *****/

#manulogos{display:inline-block; padding:1em 0; text-align:center; width: 90%; vertical-align:bottom}
#manulogos a{max-width:100%; 
    margin: 1% 0.5%;
    display: inline-block;}


#mainphotos .third img{width:100%}

.esqimg {text-align:center;}

#ceo{
    background:#b9201e; 
    padding:20px 30px; 
    border:1px solid #fff; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0 auto 2em auto;
    max-width:100px;
    text-align:center;
}
#ceo p{font-size:15px; font-weight:900; font-family: 'Oswald', sans-serif;}
#ceo img {max-width:100px}

#video{
	background: #333333;
	padding:3em 0;
	text-align: center
}
#video iframe{width:100%; margin:0 1%; height:305px}
.lastvid{margin-left:5% !important; width:95% !important}
/******* STAFF PAGE *****/
.staff {
  float: left;
  width: 30%;
  padding: 10px;
  
}
img#teammember {
	    width: 100%;
    max-width: 210px;
    display: block;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
.staff img {
	width: 100%;
	border: 5px #202640 solid; 
}
.staff h2 {
	font-size: 20px!important;
}
.bio {width:65%; padding: 10px;  float:left; margin-left: 15px;}
/***** CONTACT US PAGE *****/

iframe.mapa{border:0; width:100%; height:480px}
.main a{color:#fff}
.main a:hover{color:#ccc}


/***** BOARD OF DIRECTORS PAGE *****/

.quintoquinto{ width:80%; margin: 0 0 3em  5%; float:left; }
.umquinto{ width:19%;  float:left; }

/***** STAFF PAGE *****/

.quintoquinto_2{
	width:95%; 
	margin: 0 0 3em  0%; 
	float:left; 
}


.tablink button {
    padding: 20px 5px;
    width: 100%;
    max-width: 220px;
	background: #b9201e;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	outline:none;
	border:none !important;
}

a.tablink {
	margin-right: 18px;
}

img#teammember {	    
	width: 100%;
	max-width: 190px;
    display: block;}

.board.wrapper {padding-bottom: 60px;}

.board-flex {    
	display: flex;
    align-items: flex-start;}

div#board-buttons {padding: 0 0 50px;}
#directors {display:none;}




/***** VIDEOS PAGE *****/

.vidstle{
    padding:20px 0; 
    text-align: center; 
    min-height: 165px; 
    border: 2px solid #b9201e;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
    font-size: 18px
}

#vid1{background:url('/siteart/videos/video_01.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#vid2{background:url('/siteart/videos/video_02.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid5{background:url('/siteart/videos/video_05.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid6{background:url('/siteart/videos/video_06.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid8{background:url('/siteart/videos/video_08.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid9{background:url('/siteart/videos/video_09.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid10{background:url('/siteart/videos/video_10.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid11{background:url('/siteart/videos/video_11.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid12{background:url('/siteart/videos/video_12.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid13{background:url('/siteart/videos/video_13.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid14{background:url('/siteart/videos/video_14.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid15{background:url('/siteart/videos/video_15.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid16{background:url('/siteart/videos/video_16.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid17{background:url('/siteart/videos/video_17.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid18{background:url('/siteart/videos/video_18.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid19{background:url('/siteart/videos/video_19.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid20{background:url('/siteart/videos/video_20.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid21{background:url('/siteart/videos/video_21.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid22{background:url('/siteart/videos/video_22.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
#vid23{background:url('/siteart/videos/video_23.png') no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }


/***** ABOUT US PAGE *****/
.flex-container {display: flex; flex-direction: row; align-items: stretch;}
    .news{
        width: 23%;
        float: left;
        margin:  2em 1%;
        display: block;
        
        }
    .news img{width: 100%; max-width: 320px; display: block; margin: 0 auto; transition: .2s ease; }
#slideabout{width:50%;  margin-top:2em;margin-right: 1%;}
.news img:hover {/* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;}


.inv-page {
	background: #fff !important;
	padding: 20px !important;
}
/***** FORM *****/

#formpage {font-size: 16px;
	margin: 15px 0;
}

.form-input {
	width: 100%;
	margin: 0 0 3px;
}

.form-checkbox-input {
	width: 100%;
	margin: 0 0 3px;
	display: flex; justify-content: flex-start; align-items: center; color: #fff; 
}
.form-checkbox-input input { width: unset!important; }
.form-checkbox-input label { padding-left: 12px; }
.force-margb-20 { margin-bottom: 20px!important; }

#formpage input {
	padding:7px;
	border:1px solid #ccc;
	color:#8e8d8d;
	font-size:14px;
    width: 100%;
	box-sizing: border-box;
	font-family: 'PT Sans', sans-serif;
}

#formpage textarea {
	padding: 10px;
	border:1px solid #ccc;
	color:#8e8d8d;
	font-size:14px;
    width: 100%;
	height: 80px;
	box-sizing: border-box;
	font-family: 'PT Sans', sans-serif;
}

#formpage select {
	padding:10px 5px;
	border:1px solid #ccc;
	color:#8e8d8d;
	font-size:12px;
    width: 100%;
	box-sizing: border-box;
}

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	color:#8e8d8d;
	border:1px solid #b9201e;
	outline-style:none;
}
 
#formpage input.botao,
#formpage input.botao:focus {
	cursor: pointer;
    width:100%;
    max-width: 250px;
    margin: 10px auto;
    padding: 13px 0;
    background:#b9201e;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:16px;
    color:#fff;
	text-transform: uppercase;
	font-weight: 700;
}
#formpage input.botao:hover {
    background: #313961;
}

/*control the Captcha */

.CaptchaPanel {
    margin:20px 0 0 0 !important;
    padding:0 0 0 0 !important;
    text-align: center;
    line-height:normal !important;
}

.CaptchaPanel input{
    width: 250px !important;
}

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

.CaptchaMessagePanel {
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
    font-weight:normal !important;
    font-size:12px;
    line-height:14px;
    color: #fff;
}

.CaptchaAnswerPanel {
    margin:0 0 0 0;
    padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height:0;
    margin:0 0 0 0;
    padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  

/***** FOOTER STYLES *****/

.foot{padding:2em 0; background: #fff }
.foot p, .foot a{ color:#323a62; font-size:12px}
.foot a:hover{ color:#848484}

.divfooter {max-width:500px; text-align:right; margin:0; color:#848484; float:right}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:11px; color:#848484;}
a.footerlink:hover {text-decoration:none; font-size:11px;}

.footertext{font-size:11px; color:#848484;}
.smallfootertext{font-size:11px; color:#848484;}

.data-value p{color:#000!important;}




/***** RESPONSIVE STYLES *****/

.show-menu-for-mobile {display:none;}  


@media screen and (max-width:1220px){
	.wrapper{width:90%;}
    #nav ul a{font-size:13px;padding: 90px 0 10px 25px;}

    .decright{display:none} 
    .decleft{display:none}
    #manulogos{width:100%; float:none; display:block; vertical-align:auto}
    #manulogos a{
        margin:2%; 
        max-width:16%;
        display:inline-block;
    }
    #manulogos a img{max-width:100%}
    .nav ul a{padding: 15px 13px;font-size: 14px;}
	.bio {width: 55%;}
}

@media screen and (max-width:800px){
	.umquinto {    
	width: 49%;
    float: left;}
	
	.board-flex {    
	display: flex;
    align-items: flex-start;}
    
}

@media screen and (max-width:1024px){
	#bandeira{display:none}
	#bandeira-mobile{display:block}
    
    .show-menu-for-mobile {display: block;}
    .hide-for-mobile {display:none;}
	#nav  {display:none;}
	.nav  {display:none;}
	.mobile-center{ text-align: center;}
	.fa-caret-down{display:none!important}
	#nav ul a{font-size:11px;padding: 90px 0 10px 20px;}
    
    .vidstle{min-height:193px}
    .half {width:100%; float:none; padding: 0; box-sizing: border-box;}
    
}

@media screen and (max-width: 800px){
	h1{font-size:28px; margin-top:0}
    h2{font-size:23px; margin:0 auto;}
    h4{font-size:23px; margin:0 auto;}
    p{font-size:15px}
	.column-count {column-count: 1;}
    .header{padding:10px 0}
    #head-right{float:none; text-align:center; margin:0 auto}
    #head-left{float:none}
    #logo{float: none;margin: 0 auto;}
    #logo img{display:block;margin: 0 auto;}
    #google_translate_element{text-align:center; position:relative;}
    
    .gray img{display:block; margin:0 auto}
    .gray h4{display:block;}
    .gray{padding:10px 0}
    
    .red{padding:1em 0}
    .main{padding:1em 0}
    #video{padding:1em 0}
    #titulo{margin:0 auto 1em auto;}

    .flex-container {display: block;}
    #slideabout {width: 100%; margin-top:50px;}
    .news {width: 48%; display: inline-block; vertical-align: middle; margin: 2% .5%;}
    
    #video iframe{margin:0 auto; min-height:280px}
    .lastvid{margin:10px auto 0 auto!important; width:100%!important}
    
    .last{margin:1%}
    .column3{width:48%; margin:1%}
    .column2{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
    .twothird{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
    .onethird{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
    
    #ceo{margin:10px auto}
    .divfooter{max-width:100%; text-align:center; margin:20px auto 0 auto}
    .foot p, .foot a{font-size:13px}
    
    #manulogos a img{max-width:75%}
    .staff {width: 90%;}
	.bio {width:90%;}
	
	.tablink button {
	}
}

@media screen and (max-width:800px){
	.tablink button    {padding: 20px 5px;
    width: 100%;
		max-width:unset;
    margin: 30px auto -16px;
    background: #b9201e;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    outline: none;
    border: none !important;
	}
}

@media screen and (max-width: 600px){
    #manulogos a{max-width:30%}
	.board-flex {flex-direction:column;justify-content: center;margin:0 auto;}
    .quintoquinto{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
	 .quintoquinto_2{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
    .umquinto{width:100%; float:none; text-align:center; margin:0 auto; padding:0}
    img#teammember {margin:0 auto}
    
    .last{margin:1% auto}
    .column3{width:100%; float:none; text-align:center; margin:1% auto; padding:10px 0}
    .vidstle{min-height:140px}
    
    #slideabout{width:100%; float: none; margin-top:50px;}
    .news {
        width: 100%;
        float: none;
        display: block;
		margin-top:25px;
    }
    .news img {max-width: 600px;}
	img#teammember {   
    max-width: 230px;
    display: block;
    padding: 60px 0 20px;}
}

@media screen and (max-width: 400px){
	.hide {display:none;}

}