/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


/****
------------------------------------------------------------------------------------
clean page for iframe in Client Portal
------------------------------------------------------------------------------------
***/

.onlystage #wrap_head {
  display: none !important;
}
.onlystage #wrap_body {
  margin: 0 !important;
}
.bannerlistwrapper .loadbanner {
  margin: 10px 0 !important;
}
.bannerlistwrapper .loadbanner .col-md-6 {
  width: 100%;
}


/****
------------------------------------------------------------------------------------
CHINA VERSION 
------------------------------------------------------------------------------------
***/

.chinaPartnersLogos {
  display: flex;
  flex-wrap: wrap;
}

.chinaPartnersLogos .partnerlogo {
  padding: 10px 25px !important;
  margin: 0 !important;
  max-height: 90px;
}

.footerChinaContacts .flag.centered {
  width: 60px;
  height: 60px;
  mix-blend-mode: multiply;
  margin-bottom: 20px;
}

#footer:lang(zh) {
  display: none;
}

/*
:lang(zh) {
  font-family: Arial, Helvetica, sans-serif !important;
}
*/






/********** SCROLLER BANNERS NAVIGATION *************/

/*
.scrollernav {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  width: 100vw !important;
  top: calc(50% - 45px);
}
*/


.scrollerprevbtn, .scrollernextbtn {
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ase;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #fff;
  width: 40px;
  height: 60px;
  display: flex;
  align-content: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 45px);
  z-index: 9;
}


.scrollernextbtn {
  right: 0px;
}
.scrollernextbtn::before {
  content: "\F138";
  font-family: 'bootstrap-icons';
  font-size: 20px;
  display: flex;
  align-items: center;
  color: var(--black);
}

.scrollerprevbtn {
  left: 0px;
}
.scrollerprevbtn::before {
  content: "\F12F";
  font-family: 'bootstrap-icons';
  font-size: 20px;
  display: flex;
  align-items: center;
  color: var(--black);
}




/*****

---------------------------------------------------------------------------------------

MAIN TEMPLATE

---------------------------------------------------------------------------------------

****/

html {
  overflow:auto;
}


body {

    color: #777 !important; 
    font-family: 'Kumbh Sans', sans-serif !important;

    font-size: 18px !important;
    font-weight: 300 !important;
  line-height: 140% !important;
  
}

/***** FOR TESTING ONLY -- ERASE AFTER *****/

.newpage #top_bar {
  display:none;
}
#top_bar {
  display:none;
}


:root {  
  
  /** text ***/
  --white: #fff !important; 
  --black: #242F33 !important;
  --cream: #B89A7B !important;
  --lightcream: #F3D9B6 !important;
  --yellow: #f2d613 !important;
  --grey: #8b8b8c !important;
   --green: #508C8F !important;
  --lightblue: #82cae6 !important;
  --blue: #297cbb !important;
  
  /** bg **/
  --bluebg: #34434C !important;
  /*--yellowbg: #F5D98B !important;*/
  --yellowbg: #F2D870 !important;
   --greybg: #F6F5F2 !important;
   --greenbg: #508C8F !important;
   --darkgreenbg: #385759 !important;

  /** round border ***/
  --roundborder: 5px;
}



/*****
---------------------------------------------------------------------------------------
GDPR
---------------------------------------------------------------------------------------
****/

/*** prevent body from scrolling ***/
body.gdpr-backdrop-effect {
  overflow: hidden !important;
  height: auto !important;
  position: fixed;
}


.cc-color-override-523191266.cc-window {
  color: #131313 !important;
  background-color: #fff !important;
  border: 1px solid #999;
  box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
}

.cc-btn {
    background-color: #297cbb !important;
    border: 1px solid #297cbb !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    padding: 15px 0 14px !important;
    line-height: 100% !important;
    font-weight: 600 !important;
    color: #fff !important;
}
.cc-btn:hover {
   background-color: #34434C !important;
    color: #fff !important;
}

div.cc-window.cc-floating div.cc-settings-label {
    margin-bottom: 5px;
    display: none;
}
div.cc-floating div.cc-checkboxes-container {
    margin-top: 30px;
}
a.cc-link {
    color: #297cbb !important;
    background: none !important;
    padding: 0 !important;
    font-size: inherit !important;
    margin-bottom: 5px;
}

a.cc-link::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f105";
    margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    font-size: 13px;
}
.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0 0 25px !important;
}




/*****
---------------------------------------------------------------------------------------
SEARCH
---------------------------------------------------------------------------------------
****/


.searchmenu .linker::before { 
  font-family: "Font Awesome 5 Free" !important;  
  content: "\f002"; 
	display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
font-size: 15px !important;
}

.searchmenu .linker {
  font-size:0px;
  
}

.mss-search {
    margin: 0 !important;
    padding: 4vw 7vw;
}
span.highlight {
    background-color: #FFFFCC;
    font-weight: inherit;
    padding: 0;
}


h5 span.highlight {
    margin-bottom: 0 !important;
}
.result-title {
    line-height: 114% !important;
  margin: 0 !important;
}

.autocomplete-suggestions {
    z-index: 999999 !important;
}
#mss-search-results .search-results li {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 10px !important;
    text-align: left;
}

#mss-search-results .search-results li .result-title a {
  /*color: #777 !important;*/
  font-size: 17px;
  font-weight: 400 !important;
}
#mss-search-results .search-results li h6 {
  font-weight: 400 !important;
  color: var(--grey);
}
.autocomplete-suggestions {
    border: 1px solid #ddd !important;
    background: #FFF;
    cursor: default;
    overflow: auto;
    box-shadow: 0px 0px 4px 1px #ddd !important;
}







/*****
---------------------------------------------------------------------------------------
STUFF
---------------------------------------------------------------------------------------
****/

/****** BOOSTRAP 5 -- slider ****/

.carousel-control-next, .carousel-control-prev {
  
  width: 7% !important;
 
}


/***** RESPONSIVE IMAGES ****/
.img-responsive {
    max-width: 100% !important;
    max-height: 100% !important;
    position: relative !important;
}


/*********** MODAL -- POP UP canvas BTS 5 *****/
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0,0,0,.2);
  border-radius: var(--roundborder) !important;
  outline: 0;
  overflow: hidden;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0 !important;
}

.modal-header {
  position: absolute;
  background-color: #fff;
  z-index: 9;
  padding: 10px !important;
  border-radius: 50% !important;
  border: 0 !important;
  float: right;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 5px;
  right: 5px;
}
.modal-header .btn-close {
  padding: 0 !important;
  margin: 0 !important;
  cursor:pointer;
}



/*** SOCIAL ICONS SHARE -- inc.php ****/

.socialShareBot {
  width: 34px;
  float: left;
  margin-right: 5px;
  height: 34px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.socialShareBot a {
  height: 100% !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black) !important;
}
.socialShareBot a:hover {
  opacity: 0.4;
}
.socialShareBot svg {
  padding: 0;
  height: 16px;
  width: auto !important;
}



/************ TABELA AUDIT LETTERS *******/
.tabelaAAL .row {
    border-bottom: 1px solid  #ddd !important;
	padding: 20px !important;
	background-color: #F6F5F26E;
  display:flex;
  align-items: center;
}
.tabelaAAL .row.white {
    background-color: #fff;
}
.tabelaAAL p {
    margin: 0 !important;
  font-size: 15px;
}
.tabelaAAL .row.titles{
    padding-bottom: 5px !important;
    color:  #aaa !important;
  background-color: #fff;
}

.tabelaAAL .row.titles p{
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.tabelaAAL .column {
    padding-right: 30px !important;
}



/*****
------------------------------------------------------------------------------------------------------------
  
COOKIE TABLE
  
------------------------------------------------------------------------------------------------------------
******/  

.cookietable {
  font-size: 0.75em;
  overflow: scroll;
  max-width: 100vw;
  line-height: 140%;
}

.cookietable table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
  min-width: 800px;
}

.cookietable tr:nth-child(even) {
  background-color: #f6f5f2;
}

.cookietable td, .cookietable th {
  text-align: left;
  padding: 10px;
}






/*****
------------------------------------------------------------------------------------------------------------
  
CONTACTOS
  
------------------------------------------------------------------------------------------------------------
******/  


.wrapperoffices {
    border-bottom: 1px solid #ddd;
    margin-bottom: 90px !important;
    float: left;
    width: 100%;
  	display: flex;
	flex-wrap: wrap;
}
.office {
    padding: 0 3% !important;
    margin-bottom: 90px;
}
.office .contacts {
  padding: 0;
  font-size: 0.9em;
  line-height: 140%;
}

.office .flag {
    width: 35px;
    margin-bottom: 12px;
    height: 35px;
}
.office .country {
    font-weight: 600;
    color: var(--black);
    margin-bottom: 20px;
}




/*****
------------------------------------------------------------------------------------------------------------
  
TAG ITEM VIEW --- for newsroom listings
  
------------------------------------------------------------------------------------------------------------
******/  


#k2Container.tagView {
  float: initial;
  position: relative;
  display: flex;
  flex-direction: column;
}

#k2Container.tagView .tagpagetitlewrapper {
  padding: 0;
}

#k2Container.tagView .tagpagetitle {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px !important;
  padding-bottom: 30px;
  font-size: max(2vw, 25px) !important;
  color: #ddd !important;
   font-weight: 500;
  text-transform: capitalize;
}
#k2Container.tagView .tagpagetitle::before {
    content: "#";
    font-weight: 500;
  margin-right: 10px;
}

#k2Container.tagView .tagItemList {
  padding: 0 !important;
}

/**** block ***/
#k2Container.tagView .tagItemView {
    margin-bottom: 35px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-top: 35px !important;
}

/* category */
#k2Container.tagView .tagItemCategory a {
   color: var(--cream) !important;
	font-size: 12px;
	text-transform: uppercase !important;
}
#k2Container.tagView .tagItemCategory span {
  color: var(--grey);
  margin-right: 3px;
  text-transform: uppercase;
  font-size: 12px;
}

/* title */
#k2Container.tagView .tagItemTitle {
  margin-top: 10px;
  margin-bottom: 10px !important;
  line-height: 100% !important;
}

#k2Container.tagView .tagItemTitle a {
  color: var(--black) !important;
  font-size: max(1.6vw, 20px) !important;
}

#k2Container.tagView .tagItemTitle a:hover {
  text-decoration: underline !important;
}

/* date */
#k2Container.tagView .tagItemDateCreated {
  display:none !important;
}







/*****
------------------------------------------------------------------------------------------------------------
  
AGENDA DE CURSOS --- category listing
  
------------------------------------------------------------------------------------------------------------
******/  


#k2Container.cursosagendados {
  padding-top: 8vh;
  padding-bottom: 8vh;
}

#k2Container.cursosagendados .itemContainer {
  float: left;
  padding: 5px !important;
  display: inline-flex;
}


#k2Container.cursosagendados .catItemView {
  margin-bottom: 0 !important;
  background-color: #fff;
  padding: 40px 20px;
  border: 1px solid #ddd;
  border-radius: var(--roundborder);
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

#k2Container.cursosagendados .catItemView:hover {
  border: 1px solid #111;
}

#k2Container.cursosagendados #itemListPrimary {
  display: flex;
  flex-wrap: wrap;
}




/** overlink **/
#k2Container.cursosagendados .linkinscricao.botbox {
  position: absolute;
  bottom: 0;
  width: 100% !important;
  z-index: 3;
  width: 100%;
  left: 0;
  padding: 0px;
  border: none !important;
  top: 0;
  margin: 0 !important;
  background-color: transparent;
}
#k2Container.cursosagendados .linkinscricao a {
  padding: 0;
  display: block;
  font-size: 0;
  background-color: transparent;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

#k2Container.cursosagendados .linkinscricao a:hover {
  border: 0 !important;
  background-color: transparent;
  color: inherit !important;
}


/** title ***/
#k2Container.cursosagendados .itemDateCreated {
  text-transform: capitalize;
  font-size: max(1.8vw, 30px) !important;
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 0 !important;
  color: var(--cream) !important;
  font-weight: 200;
  line-height: 40px;
}

/** info date **/
#k2Container.cursosagendados .cursoinfo {
  border-top: 0 !important;
  border-bottom: 0 !important;
  font-size: 13px;
  text-align: center;
  margin-bottom: 0px;
  color: var(--grey) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#k2Container.cursosagendados .cursoinfo .separator {
  margin-left: 10px;
  margin-right: 10px;
}

/** title **/
#k2Container.cursosagendados .catItemTitle {
  text-align: center;
  min-height: auto !important;
  padding: 0;
  margin-top: 25px;
  position: relative;
  width: 100% !important;
  margin-bottom: 40px;
}
#k2Container.cursosagendados .catItemTitle h4 {
  color: var(--black) !important;
  font-size: max(1.1em, 16px) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  line-height: 140% !important;
}

/** breadcrumbs on top of page results ****/
#k2Container.cursosagendados .filterbreadcrumbs {
  padding: 0px 20px 30px 20px;
  font-size: 15px;
  width: calc(100vw / 12 * 10);
  margin: 0 auto;
}



/*****
------------------------------------------------------------------------------------------------------------
  
CURSO AGENDADO --- item view
  
------------------------------------------------------------------------------------------------------------
******/  

#k2Container.cursoagendado .itemImage img {
  object-fit: cover !important;
  width: 100% !important;
  height: auto;
}

#k2Container.cursoagendado .itemCategory {
  margin-bottom: 30px;
  margin-left: 4px;
}

#k2Container.cursoagendado .itemCategory a {
  color: var(--cream) !important;
  font-size: 12px !important;
  text-transform: uppercase;
}


#k2Container.cursoagendado .infocurso {
  border-top: 1px solid #ddd;
  margin-top: 40px !important;
  padding-top: 40px;
}

#k2Container.cursoagendado .itemDateCreated {
  text-transform: capitalize;
  font-size: max(1.8vw, 30px) !important;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
  padding: 0 !important;
  color: var(--cream) !important;
  font-weight: 200;
  line-height: 40px;
}

/** extrafields  ***/
#k2Container.cursoagendado .extra {
  margin-bottom: 10px;
  margin-top: 10px;
}

#k2Container.cursoagendado .extra .name {
  color: var(--grey) !important;
  font-size: 1.1em;
  margin-bottom: 30px;
  margin-top: 4px;
  font-weight: 200 !important;
}

#k2Container.cursoagendado .extra .name::after {
  content: ":";
  margin-left: -3px;
  color: var(--grey) !important;
}

#k2Container.cursoagendado .extra .value {
  color: var(--black) !important;
  font-size: 1.1em;
  margin-bottom: 30px;
  margin-top: 4px;
  font-weight: 200 !important;
}



/** bot ***/
#k2Container.cursoagendado .extra.linkinscricao {
  margin-top: 30px;
  margin-bottom: 0 !important;
}

#k2Container.cursoagendado .extra.linkinscricao p {
  margin: 0 !important;
}
#k2Container.cursoagendado .extra.linkinscricao a {
  color: inherit !important;
}
#k2Container.cursoagendado .extra.linkinscricao p::first-letter {
  text-transform: uppercase;
}

#k2Container.cursoagendado .itemSocialBlock {
  margin-top: 45px;
  display: flex;
}


/*****
------------------------------------------------------------------------------------------------------------
  
NEW NEWSROOM --- category listing
  
------------------------------------------------------------------------------------------------------------
******/  

/*
#k2Container.newsroom {
  background-color: #fff !important;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0 !important;
  margin-top: 10vh;
  border-bottom: 1px solid #555;
  padding-bottom: 10vh;
}
*/
#k2Container.newsroom {
  background-color: #fff !important;
  margin-bottom: 0 !important;
  margin-top: 10vh;
  border-bottom: 1px solid #ddd;
  padding: 0 15px 10vh !important;
}


#k2Container.newsroom .itemList {
  padding: 0 !important;
  float: left;
 /* width: 100%;*/
}

#k2Container.newsroom #itemListPrimary {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#k2Container.newsroom #itemListPrimary .itemContainer {
  border-radius: var(--roundborder);
  background-color: var(--greybg);
  margin-bottom: 40px;
}



#k2Container.newsroom div.catItemBody {
  padding: 0 !important;
  margin: 0px 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#k2Container.newsroom .itemContainer .catItemView {
  height: 100%;
}


/** when item is featured ***/
#k2Container.newsroom .itemContainer .catItemIsFeatured {
  background-color: var(--bluebg) !important;
  height: 100%;
  border-radius: var(--roundborder);
}
#k2Container.newsroom .itemContainer .catItemIsFeatured .catItemTitle h4 a {
  color: #fff !important;
}
#k2Container.newsroom .itemContainer .catItemIsFeatured .catItemIntroText {
  color: #fff;
  opacity: 0.7;
}


/**** image ***/

#k2Container.newsroom .catItemImageBlock {
  display: block !important;;
}

#k2Container.newsroom .newsImage {
  border-radius: var(--roundborder) !important;
  overflow: hidden;
}
#k2Container.newsroom .newsImage img {
  object-fit: cover !important;
	max-width: 100% !important;
}


/*** news body ***/

#k2Container.newsroom .newsBody {
  padding: 35px 50px 70px 50px;
}

/********* news TAGS ***********/

#k2Container.newsroom .newsBody .catItemTagsBlock span {
  display: none;
}
#k2Container.newsroom .newsBody .catItemTags {
  list-style: none;
  padding: 0 !important;
  margin-bottom: 0px !important;
}

#k2Container.newsroom .newsBody .catItemTags li {
  display: inline-block;
  margin-right: 10px;
}

#k2Container.newsroom .newsBody .catItemTags a {
  color: var(--cream) !important;
  font-size: 12px;
  text-transform: uppercase !important;
}
#k2Container.newsroom .newsBody .catItemTags a::before {
  content: "#";
  margin-right: 2px;
}
#k2Container.newsroom .newsBody .catItemTags a:hover {
  opacity: 0.5;
}

/*** news date ***/
#k2Container.newsroom .newsBody .itemDateCreated {
  margin-bottom: 6px !important;
  display: block;
  font-size: 14px;
  color: var(--grey) !important;
  text-transform: capitalize;
}

/*** news title ***/

#k2Container.newsroom .newsBody .catItemTitle h4 {
  font-size: max(1.6vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 130% !important;
  margin-bottom: 20px !important;
}

#k2Container.newsroom .newsBody .catItemTitle h4 a {
 color:var(--black) !important;
}
#k2Container.newsroom .newsBody .catItemTitle h4 a:hover {
  text-decoration: underline !important;
}

/*** news credits ***/
#k2Container.newsitem .itemImageCredits {
  font-size: 11px;
  margin-top: 5px;
  display: inline-block;
}

/*****
------------------------------------------------------------------------------------------------------------
  
NEW NEWSROOM --- item view
  
------------------------------------------------------------------------------------------------------------
******/  


#k2Container.newsitem {
  /*
  width: 60% !important;
  margin: 0 auto !important;
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 70px;
  */
}

#k2Container.newsitem .itemDateCreated {
  font-size: 14px !important;
  color: var(--grey);
  margin-bottom: 15px !important;
  display: inline-block !important;
  margin-top: 0;
}

/** tags ***/
#k2Container.newsitem .itemTags {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
#k2Container.newsitem .itemTagsBlock span {
  display: none;
}

#k2Container.newsitem .itemTags li {
  display: inline-block;
  margin-right: 5px;
}

#k2Container.newsitem div.itemTagsBlock ul.itemTags li a {
color: var(--cream) !important;
font-size: 12px;
text-transform: uppercase !important;

}

#k2Container.newsitem div.itemTagsBlock ul.itemTags li a::before {
  content: "#";
  margin-right: 2px;
}


/** social ***/
#k2Container.newsitem .itemSocialBlock {
  border-top: 1px solid #ddd;
  border-bottom: 0px solid #ddd;
  padding: 15px 0;
  display: flex;
}
#k2Container.newsitem .itemSocialBlock  .socialShareBotsWrapper {
  display: none;
}



#k2Container.newsitem .itemImageBlock {
  padding: 0 !important;
  margin: 40px 0 0 0 !important;
  display: inline-block;
}

#k2Container.newsitem .itemFullText {
  padding: 0;
  margin-top: 50px !important;
  margin-bottom: 50px;
}
/** images for full width and auto height -- fix mobile ***/
#k2Container.newsitem .itemFullText img {
  height: auto !important;
  width: 100% !important;
}
#k2Container.newsitem .itemIntroText {
  padding: 0 !important;
  margin-top: 50px !important;
  display: inline-block;
}


/**** for logos ******/

#k2Container.newsitem .itemFullText .logonoticia {
  max-width: 300px !important;
  margin: 30px auto !important;
  text-align: center !important;
  display: block;
  max-height: 300px !important;
  object-fit: contain;
}



/*****
------------------------------------------------------------------------------------------------------------
  
NEWSROOM ---- DESTAQUES -- k2 items module
  
------------------------------------------------------------------------------------------------------------
******/  


#destaquesnewsroom .destaques.k2ItemsBlock ul {
  padding: 0 !important;
  list-style: none;
  margin-bottom: 10px !important;
}

#destaquesnewsroom .destaquewrapper .itembgimage {
  min-height: 400px;
  height: 50vh !important;
}
#destaquesnewsroom .destaquewrapper .itemCategoria {
  margin-bottom: 10px;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--grey) !important;
  margin-left: 4px;
}

#destaquesnewsroom .destaquewrapper h3 {
  font-size: max(2vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 130% !important;
  margin-bottom: 20px !important;
}
#destaquesnewsroom .destaquewrapper h3 a {
  color: var(--blacktext) !important;
}
#destaquesnewsroom .destaquewrapper h3 a:hover {
  text-decoration:underline !important;
}

#destaquesnewsroom .destaquewrapper {
  background-color: #fff;
  border-radius: var(--roundborder) !important;
  overflow: hidden;
}

#destaquesnewsroom .destaquewrapper .itemContent {
  padding: 8vh 6vw 12vh 6vw !important;
  max-height: 100% !important;
}

/*** using img not background ***/

/** old code **/
.destaques .itemImage img {
 	object-fit: cover !important;
	height: 100%;
	width: 100%;
}

/** new code ***/
#destaquesnewsroom .destaquewrapper img {
  object-fit: cover !important;
  height: 100%;
  width: 100%;
  max-height: 600px !important;
}




/*****
------------------------------------------------------------------------------------------------------------
  
LOAD MORE BUTTON
  
------------------------------------------------------------------------------------------------------------
******/  


.loadmorewrapper {
  font-size: 40px;
  padding-top: 50px;
  float: left;
  text-align: center;
  width: 100%;
}
.loadmorewrapper #btn-show-more {
  width: 50px !important;
  height: 50px !important;
  display: inline-flex;
  border: 1px solid #000;
  border-radius: 50% !important;
  justify-content: center;
}
.loadmorewrapper #btn-show-more .icone {
  padding: 0;
  color: #333;
  font-weight: 200 !important;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  line-height: 100%;
}


#btn-show-more:hover,  #btn-show-more:focus{
  opacity:0.5;
  text-decoration:none !important;
}


#btn-show-more_white:hover,  #btn-show-more_white:focus{
  opacity:0.5;
  text-decoration:none !important;
}

#btn-show-more_white .icone {
    color: #fff !important;
}






/*****
------------------------------------------------------------------------------------------------------------
  
LAYOUT
  
------------------------------------------------------------------------------------------------------------
******/    

div#wrap_all {
    margin: 0 auto;
    max-width: 100%;
    float: left;
    width:100%;
    background-color: #fff;
   padding:0 15px;
}

/*
#wrap_head {
    float: left;
    width: calc(100% - 30px);
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: fixed;
 	z-index: 999 !important;
    background-color: #fff;
  	top:0;
  
   -moz-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    -webkit-transition: top .2s ease-out;
    transition: top .2s ease-out;
}
*/



/**** FOR NEW HOME ---- CHANGE CODE AFTER APROVAL *******/

.newpage #wrap_head, #wrap_head {
  float: left;
  width: 100vw;
  height: 80px;
  background-color: #fff;
  border-bottom: 0px solid #ddd !important;
  position: fixed;
  z-index: 999 !important;
  background-color: #fff;
  top: 0;
  left: 0;
  padding: 0 15px;
  
  /** for animation **/
  -moz-transition: top .2s ease-out;
  -o-transition: top .2s ease-out;
  -webkit-transition: top .2s ease-out;
  transition: top .2s ease-out;
  
}



/** ADD CLASS FOR SHOW HIDE WRAP HEAD AND STICKY FILTER ***/
.nav-up {
    top: -80px !important;
}



/*
#wrap_body {
    background-color: #fff;
    float: left;
    width: 100%;
    z-index: 99;
  margin-top: 95px;
}*/

/*** update after approval ***/

.newpage #wrap_body, #wrap_body {
    background-color: #fff;
    float: left;
    width: 100%;
    z-index: 99;
  margin-top: 80px;
}





/**** *********FOR NEW HEAD *****************/
#head {
  position: relative;
  width: 100%;
}

#head .wraplogo {
  display: flex;
  align-items: center;
  position: absolute;
}

#head .wraplogo .logo {
  display: flex;
  align-content: center !important;
  width: auto !important;
  height: 80px;
  margin-left: 20px;
  align-items: center;
  margin-right: 15px;
} 
#head .wraplogo .logo img {
  height: 55px;
  max-height: 55px !important;
  margin-top: 2px;
}
/*
#head .wraplogo {
  display: flex;
  align-content: center !important;
  width: auto !important;
  height: 80px;
  margin-left: 20px;
}*/

#head .wraplogo .seloSP {
  display: flex;
  align-items: center;
}


/******* OFFCANVAS MENU ***********/
#offcanvasMenu {
  width: 75vw;
}


#head .offcanvasOpen {
  position: absolute;
  right: 20px;
  top: 30px;
}

#head .offcanvasOpen .burguerMenu span {
  width: 30px;
  height: 1px;
  display: flex;
  background-color: #111;
  margin-bottom: 7px;
  font-size: 0 !important;
}

#offcanvasMenu .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 25px 35px;
  width: auto;
  position: absolute;
  right: 0;
  z-index: 9;
}

#offcanvasMenu .offcanvas-header .closeMenuBot {
  width: 30px;
  position: relative;
  right: 0;
}
#offcanvasMenu .offcanvas-header .closeMenuBot:hover {
  transform: rotate(180deg);
}

#offcanvasMenu .offcanvas-body {
  flex-grow: 1;
  padding: 50px 15px;
  overflow-y: auto;
}

/** style the menu --- using joomla menu  ***/

#offcanvasMenu .offcanvasMenuList li {
   width: 100%;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0 0 20px 0;
}


#offcanvasMenu .offcanvasMenuList .nav-child li {
  margin-bottom: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}
#offcanvasMenu .offcanvasMenuList .nav-child {
  padding: 0 0 0px 15px;
  list-style: none;
}


#offcanvasMenu .offcanvasMenuList li a {
  font-weight: 500 !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--black) !important;
}
#offcanvasMenu .offcanvasMenuList li a:hover {
  color: var(--blue) !important;
  opacity: 1 !important;
}

#offcanvasMenu .offcanvasMenuList .nav-child li a {
  font-weight: 300 !important;
  opacity:0.7 !important;
}

#offcanvasMenu .offcanvasMenuList .nav-child li a:hover {
  color: var(--blue) !important;
  opacity: 1 !important;
}


#offcanvasMenu a:hover {
  opacity:1;
}



/**** style the menu links --- NOT LOADING THE MENU *****/
#offcanvasMenu .menunav .menunavblock {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}

#offcanvasMenu .menunavblock p {
  margin-bottom: 0;
}

#offcanvasMenu p.smalltitle {
  margin-bottom: 20px !important;
}
#offcanvasMenu .menunav a {
  color: var(--black) !important;
  font-size: max(1.3em, 18px) !important;
  line-height: 160%;
  margin-bottom: 5px;
  font-weight: 400;
}
#offcanvasMenu .menunav a:hover {
 opacity:0.5;
}





/************* HEAD INFO -- searchbar + bot contactos + social ***********/

/*
#head .headinfo.mobile {
  display: none;
}
*/

#head .headinfo {
  position: absolute;
  top: 22px;
  right: 120px;
  display: flex;
  flex-direction: row;
}


/*** bot contactos ***/
#head .headinfo .contactbtn {
  margin-right: 15px;
}

#head .headinfo .contactbtn .roundbot {
height: 34px !important;
  font-size: 13px;
}

/** hide mobile version ***/
#head .headinfo .contactbtnMobile {
  display:none;
}

/** social links ***/
.sociallinks {
  /*margin-right: 2vw;*/
}

.sociallinks .sociallogo {
  width: 34px;
  float: left;
  margin-right: 5px;
  height: 34px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  
  /** for animation **/
   -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.sociallinks .sociallogo:hover {
  opacity: 0.4;
}

.sociallinks .sociallogo a {
  height: 100% !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sociallinks .sociallogo svg, .sociallinks .sociallogo img {
  padding: 0;
  height: 16px;
  width: auto !important;
}



/************* SEARCH BAR *********/

/*
#head .loadsearch {
  position: absolute;
  top: 18px;
  right: 120px;
}
*/
#head .headinfo .loadsearch {
  margin-right: 15px;
}

#head .loadsearch .mss-search {
  margin: 0;
  padding: 0;
  width: 20vw;
}

#head .loadsearch .mss-compact-module .mss-search-bar .mss-input {
  height: 34px;
  padding: 5px 0px;
  font-size: 13px;
  border-radius: 0 30px 30px 0 !important;
  outline: none !important;
  border-left: 0;
}

#head .loadsearch .mss-search-bar .input-group .input-group-addon {
  background-color: #fff !important;
  border-radius: 30px 0 0 30px;
}

#head .loadsearch .mss-search-results-box .search-results h6 {
  color: var(--grey) !important;
  font-size: 11px;
  font-weight: 400;
  display: none;
}
#head  .search-results li .result-title {
  line-height: 100% !important;
  margin-bottom: 7px !important;
}
#head .search-results li .result-title a {
  color: var(--black) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 100% !important;
}

#head .loadsearch .mss-search-bar ::placeholder {
  font-weight: 300 !important;
  font-style: oblique;
  color: var(--grey) !important;
  opacity: 0.5 !important;
}


/******* LANG SWITCH -- NEW ************/

/** ONLY WHEN IN HEAD
#head .langswitch {
  position: absolute;
  top: 26px;
  left: 280px;
}
*/


#head .langswitch .pretext p {
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 10px !important;
  margin-top: 2px;
  opacity: 0.7;
}


/** using drop down ***/
#head .langswitch .inputbox {
  font-size: 12px !important;
  padding: 5px 20px;
  border-radius: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 100% !important;
  min-width:200px;
  margin-left: -10px;
}

/** USING LIST ****/
#head .langswitch li a {
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--black) !important;
  font-weight:300;
  opacity:0.7;
}

#head .langswitch .lang-active a {
  color: var(--blue) !important;
  opacity: 1 !important;
}





/****** END NEW HEAD *************/




div#stage {
    padding-top: 0px;
}




#top_bar {
    width: 100%;
    z-index: 9999999;
    padding: 25px 25px 5px;
    float:left;
}

#logo {
    float: left;
    padding-left: 20px;
    margin-top: -6px;
}


#mainmenu {
    float: right;
    display: inline-block;
    padding-top: 21px;
}
/******* lang + top bots ****/
#topinfo {
    float: right;
    display: inline-block;
    position: absolute;
    right: 0;
  z-index: 99999999 !important;
}

#lang {
    float: left;
}
#topsearch {
    float: right !important;
    display: inline-block;
}



#over_content {
    background-color: #fff;
    float: left;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}


#over_content .moduletable {
    float: left;
    margin: 0 !important;
    width: 100%;

}

#stage {
    background-color: #fff;
    float: left;
    margin: 0 auto;
    width: 100%;
}


#stage .maincontent {
    margin: 0 auto !important;
    max-width: 100%;
}



#under_content {  
    float: left;
    width: 100%;
}


#under_content .moduletable {
    float: left;
    margin: 0 !important;
    width: 100%;
}

#bottom {
    float: left;
    width: 100%;

}
#bottom .bottomblocks {
  border-top: 1px solid #ddd;
}

#footer {
    float: left;
    width: 100%;
  background-color: #FFF;
    padding: 70px 8vw 100px;
  border-top:1px solid #ddd;
  border-bottom: 1px solid #ddd;
}


#copyright {
   /* background-color: #242F33;*/
    float: left;
    width: 100%;
}


/******** NEW FOOTER --- erase below after ****************/

#newfooter a {
  color: var(--grey) !important;
}
#newfooter a:hover {
  opacity:0.7;
}

#newfooter .newfooterblock p {
  margin-bottom: 3px !important;
}

#newfooter h5 {
  margin-bottom: 15px !important;
}


/******* FOOTER *****************/
.footerblock .setasmall {
  float: left;
  margin-top: 10px !important;
  margin-right: 10px;
  width: 12px;
  height: 10px;
}

/*.footerblock {float: left;}*/
.footerblockcontent {
  display: inline-block;
}
.footerblock .footertitle {
  font-size: 14px;
  font-weight: 600 !important;
}
.footerblock a {
  font-size: 14px;
  margin-bottom: 0 !important;
  color: #777 !important;
}
.footerblock a:hover, .footerblock a:focus {
  opacity:1;
  color: #242F33 !important
}
.footerblock .links p {
  margin-bottom: 0 !important;
}
.footerblock .sociallogo {
  width: 40px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
}
.footerblock .sociallogo img {
  border-radius: var(--roundborder) !important;
}






/*****
------------------------------------------------------------------------------------------------------------
  
STUFF
  
------------------------------------------------------------------------------------------------------------
******/    


.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.centered {
  margin-left: auto !important;
  margin-right: auto !important;
}


.roundborder {
  border-radius: var(--roundborder) !important;
  overflow: hidden;
}



/******** acreditaçoes e reconhecimento *******/
.partnerblock {
  padding-top: 6vh;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10vh !important;
}

.partnerlogo {
  text-align: center;
  height: 120px;
  width: 230px;
  margin: 0px auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  mix-blend-mode: darken;
}

.partnerlogo img {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}



/** on topbanner / HOME *** check out function on index.php **/
.scrolldown {
  color: #fff;
  text-align: center;
  margin: 0 auto !important;
  position: absolute !important;
  width: 100%;
  bottom: 0;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  z-index: 9;
 opacity: 0.6;
  height: 70px;
}

.scrolldown::before {
  position: absolute;
  background-color: #fff;
  width: 1px;
  height: 40px !important;
  content: "";
  top: 20px;
  margin-top: 10px;
}


/*****  bundle de logos -- i.e. Formacao ****/

.wrapperlogos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.wrapperlogos .logo {
  padding: 0;
  width: 160px;
  height: 90px;
  margin: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapperlogos .logo img, .wrapperlogos .logo a {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/************ MODULE TABLE ***** WHERE MODULES ARE SET ********/
.moduletable {
    float: left;
    width: 100%;
}


/** BOOTSTRAP COLUMNS ****/


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

min-height: 1px;
    padding-left: 0 !important;
    padding-right: 0 !important;
   
    position: relative;
}



/** erase after ****/
/*

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-xl-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20% !important;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20% !important;
        float: left;
    }
}



@media (min-width: 1490px) {
    .col-xl-5ths {
        width: 20% !important;
        float: left;
    }
}

*/

/*****

---------------------------------------------------------------------------------------

TEXT AND HEADLINES

---------------------------------------------------------------------------------------

****/

b, strong {
  font-weight: 500 !important;
}

.smalltext {
  font-size: 14px !important;
}

.uppercase {
  text-transform: uppercase;
}


.bigtext {
  font-size: max(4vw, 35px) !important;
}



p { 
  margin: 0 0 10px; 
}


.centertext { 
  text-align:center; 
}


.smalltitle {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 120%;
  margin-bottom: 25px;
}

/** to use under images or videos ***/
.legenda {
  margin-top: 10px;
  font-size: 12px;
  line-height: 160%;
}


/********* SPECIAL BULLETS WITH ICONE **********/
.specialbullets {
  margin-top: 30px;
}

.specialbullets p::before { 
  font-family: "Font Awesome 5 Free"; 
  /*content: "\f058"; */
  content: "\f30b";
  vertical-align: middle; 
  display: inline-block; 
  font-size: 12px; 
  margin-right: 10px; 
  margin-bottom: 0px; 
  opacity: 1;
  font-weight:600;
}

.specialbullets p {
  margin-bottom: 5px !important;
  line-height: 120%;
  display: inline-flex;
  opacity: 1 !important;
  width: 100%;
}

.specialbullets h5 { 
  margin-bottom: 20px !important;
}
.specialbullets h6 {
  margin-top: 0 !important;
  color: #aaa; 
  margin-bottom: 20px; 
  font-size: 14px; 
  line-height: 150%; 
  font-weight: 400;
  padding-left: 23px;
}





/************ SECTION TITLE  ********/

/** OLD  title with icon and bottom border ----- DELETE AFTER ----- ***/
.sectiontitle { border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; padding-bottom: 15px; margin-bottom: 20px; /*float: left; width: 100%;*/}


/** NEW ***/

/*
h2.sectionTitle {
  margin-bottom: 15px !important;
}
.sectionTitle {
  position: relative;
  text-transform: uppercase;
  font-size: 1.2em !important;
  letter-spacing: 0.1em;
  font-weight: 700 !important;
}

.sectionTitle::after {
  content: "";
  width: 50px !important;
  height: 1px !important;
  background-color: var(--black);
  display: block;
  margin: 15px auto 0 !important;
}

.sectionTitle.whitetext::after {
  background-color:#fff !important;
}
*/




/*** TEXT COLOR SCHEME *****/

.yellowtext {
  color: var(--yellow) !important;
}
.blacktext, .darktext {
  color: var(--black) !important;
}

.greytext {
  color: var(--grey) !important;
}

.whitetext, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4 {
  color: #fff !important;
}

.creamtext {
   color: var(--cream) !important;
}

.lightcreamtext {
   color: var(--lightcream) !important;
}

.yellowtitle {
  color:#FFF1C8 !important;
}
.whitetitle{
  color:#FFF !important;
}

.lightbluetext{
  color: var(--lightblue) !important;
} 

.bluetext{
  color: var(--blue) !important;
} 




/***** weights ****/
.extrathin {
  font-weight: 200 !important;
}
.thin {
  font-weight: 300 !important;
}
.normal {
  font-weight: 400 !important;
}
.medium {
  font-weight: 500 !important;
}
.bold {
  font-weight: 600 !important;
}
.extrabold {
  font-weight: 700 !important;
}




h1, h2, h3, h4, h5, h6 { 
  font-family: inherit; 
  line-height: 1; 
  text-rendering: optimizelegibility;
}

h1 {
  color: #242F33 !important;
 font-size: max(3vw, 30px) !important;
  font-weight: 500 !important; 
  margin-bottom: 30px !important; 
  line-height: 110% !important;
}

h2 {
  color: #242F33 !important; 
  font-size: max(2vw, 25px) !important;
  font-weight: 500 !important; 
  margin-bottom: 20px !important; 
  line-height: 120% !important;
}

h3 {
  color: #242F33 !important;
  font-size: max(1.3vw, 18px) !important;
  font-weight: 500 !important; 
  margin-bottom: 10px !important; 
  line-height: 1.2em !important;
}

h4 {
  color: #242F33 !important; 
  font-size: max(1.3vw, 18px) !important;
  font-weight: 500 !important; 
 margin-bottom: 10px !important; 
  line-height: 1.4em !important;
}

h5 {
  color: #242F33 !important; 
  font-size: max(1.1vw, 18px) !important;
  font-weight: 600; 
 margin-bottom: 10px !important; 
  line-height: 1.4em !important;
}


/*****

---------------------------------------------------------------------------------------

LINKS & BOTS

---------------------------------------------------------------------------------------

****/


/** general link **/

a{
  	color: #297cbb !important;
	text-decoration: none !important;
   	outline: 0 !important;
  /** for animation **/
   -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


a:hover, a:focus { 
  text-decoration: none !important; 
  opacity:0.7;
}

/** link ***/
.link {
  font-size: 1em !important;
  font-weight: 400 !important;
  display: inline-block;
  width: auto;
  margin-right: 30px;
}

.link::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f105";
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    font-size: 13px;
   
}


.link:hover {
  opacity: 0.7 !important;
  text-decoration:none !important;
}
.link.whitetext:hover {
  color: #fff !important;
}
.link.lightbluetext:hover {
  color: var(--lightblue) !important;
}

/** when titles have link in banners ***/
.scrollerbanner h1 a {
  color: inherit !important;
}
.scrollerbanner h1 a {
  color: inherit !important;
  display: block;
  margin-bottom: 40px !important;
}


/** bot ***/
.botwrapper {
  z-index: 9 !important;
  position: relative;
  margin-top: 30px;
  /*display: inherit;*/
  display: inline-block;
}
.roundbot {
  background-color: var(--blue) !important;
  color: #fff !important;
  width: auto !important;
  font-weight: 400;
  padding: 0px 25px;
   border-radius: 30px;
  font-size: 15px;
  line-height: 100%;
  height: 44px;
  display: inline-flex;
  align-items: center;
  max-height: 44px;
  border: 1px solid var(--blue) !important;
  cursor: pointer;
  
  /** for animation **/
   -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}


.roundbot:hover {
  opacity:0.8;
  color: #fff !important;
}

.roundbot.white {
  border: 1px solid var(--white) !important;
  background-color: var(--white) !important;
  color: var(--black) !important;
}

.roundbot.white :hover {
  opacity:0.8;
  color: var(--black) !important;
}





/*****

---------------------------------------------------------------------------------------

 BANNERS WITH INFO ON TOP

---------------------------------------------------------------------------------------

****/

.bannerwrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
   
}

.bannerwrapper .bannerover {
  position: absolute !important;
  z-index: 2;
  width: 100% ;
  height: auto !important;
  min-height: 100% !important;

}
.bannerwrapper .bannerunder {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  
   -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.bannerwrapper .bannerunder .blackfilter {
  background-color: rgba(0,0,0,0.5);
  float: left;
  width: 100%;
  position: absolute;
  z-index: 2 !important;
  height: 100%;
}


.bannerwrapper .bannerunder img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: saturate(100%);
}

/** USING FIXED IMAGE ON BANNER UNDER ****/


.bannerwrapper .bannerunder.fixed {
  clip-path: inset(0 0 0 round 5px) !important;
  position: relative;
}
.bannerwrapper .bannerunder.fixed img {
  position: fixed !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}



.bannerwrapper a.bannerlink {
  font-size: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  display:none;
}


.bannerover .smalltitle {
  /*margin-bottom: 20px !important;*/
 margin-left: 3px;
opacity:0.8;
}

.bannerover .smalltitle a {
  color: var(--lightblue) !important;
}

/*
.bannerwrapper .bannerover:hover + .bannerunder {
  opacity: 0.35 !important;
}
.bannerwrapper .bannerover:hover + .bannerunder img {
 filter: saturate(100%);
}
*/
.bannerwrapper .bannerover h1 {
  margin-bottom: 15px !important;
}








/*****
------------------------------------------------------------------------------------------------------------
  
SCROLLER
  
------------------------------------------------------------------------------------------------------------
******/    
.scroller {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap !important;
 overflow-x: auto;
   padding-bottom: 15px;
  position: relative;
}

/** for top scroller banners - i.e. home page ***/
#scrollerbanners.scroller .scrollerbanner {
  width: 100%;
  border-right: 10px solid #fff;
}
#scrollerbanners.scroller .custom {
  width: 70%;
 padding:0 !important;
  min-width:70%;
}


/*********** STYLING SCROLL BAR *************/
.scroller::-webkit-scrollbar {
    width: 100% !important;
    height: 11px;
}

.scroller::-webkit-scrollbar-track {
    background-color: #ccc;
    border: 5px solid #fff;
}

.scroller::-webkit-scrollbar-thumb {
    background-color: var(--bluebg);
    border-radius: 5px;
  border: 3px solid #fff;
    cursor: pointer;
}

/*********** STYLING SCROLL BAR -- k2 CONTENT *************/
.k2ItemsBlock.scroller ul::-webkit-scrollbar {
    width: 100% !important;
    height: 11px;
}

.k2ItemsBlock.scroller ul::-webkit-scrollbar-track {
    background-color: #ccc;
    border: 5px solid #fff;
}

.k2ItemsBlock.scroller ul::-webkit-scrollbar-thumb {
    background-color: var(--bluebg);
    border-radius: 5px;
  border: 3px solid #fff;
    cursor: pointer;
}

/*********** STYLING SCROLL BAR -- k2 CONTENT on GREY BG *************/
.greybg .k2ItemsBlock.scroller ul::-webkit-scrollbar {
    width: 100% !important;
    height: 11px;
}

.greybg .k2ItemsBlock.scroller ul::-webkit-scrollbar-track {
    background-color: #ccc;
    border: 5px solid var(--greybg);
}

.greybg .k2ItemsBlock.scroller ul::-webkit-scrollbar-thumb {
    background-color: var(--bluebg);
    border-radius: 5px;
  border: 3px solid var(--greybg);
    cursor: pointer;
}



/*****
------------------------------------------------------------------------------------------------------------
  
 K2 news list --i.e. FSC related news, New Home Testemunhos
  
------------------------------------------------------------------------------------------------------------
******/  


.newslist ul {
  padding: 0 !important;
}
.newslist li {
  list-style: none;
}
.newslist li.clearList {
  display: none !important;
}

.newslist .moduleItemTitleCont {
  margin-bottom: 20px !important;
  font-size: 17px !important;
  line-height: 120% !important;
  font-weight: 500 !important;
}

.newslist .moduleItemTitleCont a {
  color: var(--black) !important;
  text-decoration: none !important;
}
.newslist .moduleItemTitleCont a:hover {
  text-decoration: underline !important;
}





/*****
------------------------------------------------------------------------------------------------------------
  
 IMAGE BANNER -- for single images without text
  
------------------------------------------------------------------------------------------------------------
******/    



.imagebanner {
  position: relative;
  height: 100%;
  overflow: hidden;
  
}

.imagebanner img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}


.imagebanner .blackfilter {
  background-color: rgba(0,0,0,0.2);
  float: left;
  width: 100%;
  position: absolute;
  z-index: 2 !important;
  height: 100%;
}




/*****
------------------------------------------------------------------------------------------------------------
  
FOR SMALL CARDS -- ex: home page areas especializadas
  
------------------------------------------------------------------------------------------------------------
******/ 


.cardFlexWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cardFlexWrapper.col5 .cardWrapper {
   width: 20% !important;
}
.cardFlexWrapper.col4 .cardWrapper {
   width: 25% !important;
}
.cardFlexWrapper.col3 .cardWrapper {
   width: 33.33333% !important;
}
.cardFlexWrapper.col2 .cardWrapper {
   width: 50% !important;
}


.cardWrapper {
  position: relative;
  width: auto;
  margin-bottom: 0px;
 padding: 5px !important;
}

/*
#areasespecializadas .cardWrapper {
   width: 25% !important;
}
*/

.cardImage {
  height: 260px;
  border-radius: var(--roundborder);
  overflow: hidden;
  position: relative;
  background-color: #000;
}

.cardImage img {
  object-fit: cover !important;
  height: 100%;
  width: 100%;
   -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  opacity: 0.6;
}

/**** all card titles are over the image ****/
.cardTitle {
  padding: 15px !important;
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
}

.cardTitle h5 {
  line-height: 100% !important;
}


/** when subtitle exists -- i.e. Auditoria ***/
.cardTitle span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  opacity: 0.8;
  line-height: 120%;
  margin-top: 8px !important;
  display: inline-flex;
  text-align: center !important;
}

/***** card link ***/
.cardWrapper .cardLink {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  font-size: 0;
}

/** cardlink on image ***/
.cardWrapper .cardLink:hover ~ img  {
  transform: scale(1.05) !important;
}



/** using link on image ***/
/*
.cardImage a:hover img {
transform: scale(1.03);
}

.cardImage a:hover img {
  transform: scale(1.05) !important;
}
*/


/*** when card behaves like banner ***/

/*
.cardTitle.overfoto {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
}
*/

/*** BADGE over foto ***/

.cardWrapper .overbadge{
  background-color: #ff6000;
  color: #fff;
  position: absolute;
  z-index: 9;
  padding: 0px 15px;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  top: 10px;
  right: 0px;
  border: 0 !important;
}




/*****
------------------------------------------------------------------------------------------------------------
  
HEIGHTS
  
------------------------------------------------------------------------------------------------------------
******/ 

.fullwidth {
  width:100%;
}

.fullheight {
  height: calc(100vh - 95px);
  min-height: 750px;
}

.twothirdsheight {
  height:75vh !important;
  min-height: 750px;
}

.halfheight {
  height: 55vh !important;
  min-height: 450px;
}
.onethirdheight {
  height:37.5vh !important;
  min-height: 350px;
}

.quarterheight {
  height:25vh;
   min-height: 350px;
}


/*****
------------------------------------------------------------------------------------------------------------
  
FLEXBOX
  
------------------------------------------------------------------------------------------------------------
******/ 


.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flexbox.horizontalcentered {
    justify-content: center;
  align-items: center;
}
/*
.flexbox.verticalcentered {
    align-items: center;
}*/
.flexbox.verticalcentered {
    flex-flow: column;
    justify-content: center;
}
.flexbox.row.verticalcentered {
    align-items: center;
}
.flexbox.right {
    justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flexbox.left {
    justify-content: flex-start;
  -webkit-justify-content: flex-start;
}


.flexbox.bottom {
    flex-direction: column;
    justify-content: flex-end;
}
.flexbox.top {
    flex-direction: column;
    justify-content: flex-start;
}

.flexbox.column {
    flex-direction: column;
}
.flexbox.row {
    flex-direction: row;
}






/*****

---------------------------------------------------------------------------------------

BACKGROUNDS

---------------------------------------------------------------------------------------

****/



.bluebg {
 /* background-color:#34434C;*/
  background-color: var(--bluebg);
}
.greybg {
   /* background-color: #F6F5F2;*/
  background-color: var(--greybg);
}

.yellowbg {
 /* background-color:#F5D98B;*/
   background-color: var(--yellowbg);
}


.greenbg {
  background-color:#508C8F;
}

.darkgreenbg {
  background-color:#385759;
}

.whitebg {
  background-color:#fff;
}






/*****
------------------------------------------------------------------------------------------------------------
  
PADDINGS
  
------------------------------------------------------------------------------------------------------------
******/ 

.padding { padding: 5vw 7vw !important; float: left; width: 100%;}
.extrapadding {padding:0 20vw; float: left; width: 100%;}


.leftsmallpadding {
  padding-left:3vw !important;
}

.leftpadding {
  padding-left:6vw !important;
}

.leftextrapadding {
  padding-left:9vw !important;
}

.rightsmallpadding {
  padding-right:3vw !important;
}

.rightpadding {
  padding-right:6vw !important;
}

.rightextrapadding {
  padding-right:9vw !important;
}

.noleftpadding {
  padding-left:0 !important;
}
.norightpadding {
  padding-right:0 !important;
}


.topsmallpadding {
  padding-top:5vh;
}
.toppadding {
  padding-top:10vh;
}
.topextrapadding {
  padding-top:15vh;
}
.bottomsmallpadding {
  padding-bottom:5vh;
}
.bottompadding {
  padding-bottom:10vh;
}
.bottomextrapadding {
  padding-bottom:15vh;
}





/*****

---------------------------------------------------------------------------------------

BOX LINK ---- k2 ITEMS with title only --- i.e. normas new home page

---------------------------------------------------------------------------------------

****/

.boxlink ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.centered .boxlink ul {
  justify-content: center;
}

.boxlink li {
  list-style: none;
  display: inline-flex;
  margin: 3px 3px 3px 0;
}
.boxlink li h4 {
  margin: 0 !important;
}


/** rounded = bot ***/
.boxlink li a {
 border: 1px solid #ddd !important;
  padding: 15px 25px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--black) !important;
  line-height: 100%;
  border-radius: 30px;
}

.boxlink li a:hover {
  background-color: var(--blue) !important;
  color: #fff !important;
  border: 1px solid var(--blue) !important;
}



/********** BOX LINK FOR TAG CLOUD *****/


.k2TagCloudBlock.boxlink {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.k2TagCloudBlock.boxlink a {
  border: 1px solid #ddd !important;
  padding: 15px 25px;
  display: block;
  font-size: 16px !important;
  font-weight: 400;
  color: var(--black) !important;
  line-height: 100%;
  border-radius: 30px;
  margin: 5px;
}

.k2TagCloudBlock.boxlink a:hover {
  background-color: var(--blue) !important;
  color: #fff !important;
  border: 1px solid var(--blue) !important;
}



/*****

---------------------------------------------------------------------------------------

k2 scroller --- using k2 CONTENT ----- i.e. Cursos em Agenda, Normas

---------------------------------------------------------------------------------------

****/


.k2ItemsBlock.scroller ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
  flex-direction: row;
  padding: 0 0 20px 0;
  margin: 0 !important;
}
.k2ItemsBlock.scroller li {
  position: relative;
  list-style: none;
  width: 23% !important;
  display: inline-flex;
  float: inherit;
  min-width: 23%;
  flex-direction: column;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: var(--roundborder);
  margin: 0 5px;
  padding: 40px 15px;
  min-height: 290px;
  
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  
}

.k2ItemsBlock.scroller li:hover {
  border: 1px solid #111 !important;
}


.k2ItemsBlock.scroller ul .clearList {
  display: none;
}


/*** styling CURSOS block *****/

.k2ItemsBlock.cursos.scroller .cursoinfo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: var(--grey) !important;
}
.k2ItemsBlock.cursos.scroller .moduleItemDateCreated {
  text-transform: capitalize;
  font-size: max(1.8vw, 30px);
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 0;
  color: var(--cream) !important;
  font-weight: 200 !important;
  line-height: 40px;
  margin-bottom: 5px !important;
}
.k2ItemsBlock.cursos.scroller .cursoinfo .separator {
  margin-right: 10px;
  margin-left: 10px;
}
.k2ItemsBlock.cursos.scroller .moduleItemTitleCont {
  font-size: max(1.1em, 16px) !important;
  margin-top: 25px;
  margin-bottom: 40px !important;
}

.k2ItemsBlock.cursos.scroller .moduleItemTitleCont a {
  color:var(--black) !important;
}

.k2ItemsBlock.cursos.scroller .linkinscricao.botbox {
  position: absolute !important;
  padding: 0px;
  border: 0 !important;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
}


.k2ItemsBlock.cursos.scroller .linkinscricao.botbox a {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}


/**** STYLING NORMAS BLOC ****/

.k2ItemsBlock.normas.scroller .itemLink {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}
.k2ItemsBlock.normas.scroller .area {
  position: relative;
  border-top: 0 !important;
  border-bottom: 0 !important;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
  color: #B89A7B;
  padding-bottom: 15px;
  margin-top: 5px;
  line-height: 160%;
}


.k2ItemsBlock.normas.scroller .area::after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: var(--grey);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}


.k2ItemsBlock.normas.scroller .normadesc {
  margin-bottom: 20px;
  /* font-size: 0.85em !important;*/
  font-size: 13px !important;
  line-height: 140%;
}

.k2ItemsBlock.normas.scroller .moduleItemTitleCont {
  font-size: max(1.2vw, 22px) !important;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 0px !important;
}




/*****

---------------------------------------------------------------------------------------

k2 scroller -- grid layout for desktop

---------------------------------------------------------------------------------------

****/

.k2ItemsBlock.scroller.grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

.k2ItemsBlock.scroller.grid ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  /*justify-content: flex-start;*/
  justify-content: center;
  width: 100%;
}
/*
.k2ItemsBlock.scroller.grid li {
  margin: 5px;
  width: calc(25% - 10px);
  min-width: calc(25% - 10px);
}
*/
.k2ItemsBlock.scroller.grid li {
  margin: 5px;
  width: calc(25% - 10px) !important;
 /* min-width: 330px;
  max-width: 330px;*/
}


/*** limit number of items ***/
.k2ItemsBlock.normas.grid li:nth-of-type(n+9) {
  display: none !important;
}
/*** limit number of items ***/
.k2ItemsBlock.cursos.grid li:nth-of-type(n+9) {
  display: none !important;
}



/*****

---------------------------------------------------------------------------------------

NEWS ITEMS SCROLLER  ---- k2 Content as scroller ---  news feed

---------------------------------------------------------------------------------------

****/


/*** styling the scroll bar ***/

.k2ItemsBlock.newsscroller ul::-webkit-scrollbar {
 width: 100% !important;
    height: 11px;
}

.k2ItemsBlock.newsscroller ul::-webkit-scrollbar-track {
    background-color: #ccc;
    border: 5px solid #fff;
}

.k2ItemsBlock.newsscroller ul::-webkit-scrollbar-thumb {
    background-color: var(--bluebg);
    border-radius: 5px;
  border: 3px solid #fff;
    cursor: pointer;
}


.k2ItemsBlock.newsscroller {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd;
 padding: 30px 0 0 0;
}

.k2ItemsBlock.newsscroller ul {
  display: flex;
  align-items: flex-start;
  padding: 0 !important;
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  margin-bottom: -1px;
  padding-bottom: 60px !important;
}

.k2ItemsBlock.newsscroller li {
  display: inline-flex;
  flex-direction: column-reverse;
  min-width: 40%;
	padding-right: 4%;
	padding-left: 0;
}

.k2ItemsBlock.newsscroller li.clearList {
  display: none;
}
.k2ItemsBlock.newsscroller .moduleItemDateCreated {
  font-size: 13px !important;
  margin-bottom: 10px;
  color: #aaa;
  font-weight: 300;
  text-transform: capitalize !important;
}

.k2ItemsBlock.newsscroller h4 a {
  color: var(--black) !important;
  font-size: max(1.3vw, 18px) !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  display: block;
  line-height: 130%;
}
.k2ItemsBlock.newsscroller h4 a:hover {
  text-decoration: underline !important;
  opacity: 1 !important;
}











/*****

---------------------------------------------------------------------------------------

k2 -- filter module -- delete all css from "myfiler class" and remove javascript sticky top stuff

---------------------------------------------------------------------------------------

****/

.K2FilterBlock.newfilter form {
  display: flex;
  align-content: center;
  justify-content: center;
}

.K2FilterBlock.newfilter h3 {
  display: none;
}
.K2FilterBlock.newfilter .k2filter-table {
  display: flex;
}
.K2FilterBlock.newfilter .dynoloader {
  display: none !important;
}


.K2FilterBlock.newfilter .button.submit {
  height: 60px;
  width: 60px;
  margin-top: 0px;
  font-size: 18px;
  margin-left: 0px;
  border-radius: var(--roundborder);
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
}


.K2FilterBlock.newfilter .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 7px 0;
  font-size: 16px;
  border-radius: 5px !important;
  height: 60px;
  display: flex;
  align-items: center;
}


.K2FilterBlock.newfilter .k2filter-cell {
  width: 320px;
  height: 60px;
  margin-left: 0 !important;
  margin-right: 5px;
  padding: 0 !important;
  max-width: 320px !important;
}

.K2FilterBlock.newfilter .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
}


.K2FilterBlock.newfilter .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 60px;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 20px;
}

.K2FilterBlock.newfilter .buttons {
  float: left;
  height: 60px;
  display: flex;
  align-items: center;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7 !important;
    color: white;
}
.select2-results__option {
    padding: 6px 6px !important;
    user-select: none;
    -webkit-user-select: none;
    font-size: 13px !important;
  line-height:120%;
}






/*****

---------------------------------------------------------------------------------------

DOWNLOAD MODULES

---------------------------------------------------------------------------------------

****/


/***** in download module *******/
.download .cover {
  max-width: 200px !important;
  border: 1px solid #ddd;
}
.download .info {
  padding:40px 0 40px 40px !important;
  text-align: left;
}
/*
.download h3 {
  font-size: 25px !important;
}*/
.download .info a {
  margin-top: 15px;
}
.download {
  display: flex;
  flex-direction: row;
}

/**** in load module in article - category blog Download Center ***/
.loadguiamodule {
    padding: 40px 12vw !important;
    border-bottom: 1px solid #ddd;
    /*float: left;*/
    width: 100%;
}

/**** in load module in article - FORM DOWNLOAD ***/
.loadguiamoduledownload {
    border-bottom: 1px solid #ddd;
    max-width: 661px;
    margin: 0 auto !important;
    min-height: 370px;
}
.loadguiamoduledownload .bot {
    display: none;
}

.loadguiamoduledownload .botbluebox {
    display: none;
}

.loadguiamoduledownload .download .cover {
    max-width: 210px !important;
    border: 1px solid #ddd;
}











/************************************ VIDEO  ****************************************/


/*** NEW WAY *****/


.videowrapper {
  height: auto;
  position: relative;
  width: 100%;
 overflow: hidden !important;
  
}

/*
.videowrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*/
/** hack to take out small margin bottom ---????? **/
.videowrapper video {
  width: 100%;
  height: auto !important;
  object-fit: cover !important;
  /*padding-bottom: 100% !important;
  margin-bottom: calc(-100% - 6px) !important;*/
}



/*** OLD WAY ****/
.videoWrapper { 
  height: 0; 
  padding-bottom: 100%;
  padding-top: 0; 
  position: relative; 
  float: left; 
  width: 100%;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper #myvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*** youtube responsive ***/
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/********************* COPYRIGHT ****************************************************/

#copyright { 
  font-size: 12px;  
  padding: 10px 10px 15px; 
}
#copyright .copyright { 
  float: left; 
  margin-right: 14px;
}
#copyright .copyrightlinks {
  float: left;
}
#copyright .copyrightlinks a { 
  margin-left: 10px; 
  margin-right: 10px;
}
#copyright .zed { 
  text-align: right; 
  float: right;
}
#copyright .zed a {
  color: #242F33 !important;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: -1px;
}
/*
#copyright .zed svg {
  color: #F9C900; 
  margin-right: 5px; 
  font-size: 10px;
}
*/








/*****

---------------------------------------------------------------------------------------

K2 - CERTIFICAÇÃO

---------------------------------------------------------------------------------------

****/



/***
//
//
CATEGORY VIEW
//
//
**/


/** main container ***/

#k2Container.normas {
  padding-top: 8vh;
  padding-bottom: 8vh;
}
#k2Container.normas .itemList {
  position: relative;
}

#k2Container.normas .filterbreadcrumbs {
  padding: 0px 20px 30px 20px;
  font-size: 15px;
  width: calc(100vw / 12 * 10);
  margin: 0 auto;
}

/** main container ***/
#k2Container.normas .itemContainer {
  min-width: 25%;
  height: 100% !important;
  float: left;
  padding: 0 !important;
  border: 0 !important;
}


/** main block view ***/
#k2Container.normas .itemContainer .catItemView {
  border: 1px solid #ddd !important;
  background-color: #fff;
  border-radius: var(--roundborder);
  position: relative;
  padding: 40px 15px !important;
  margin: 5px !important;
  min-height: 290px;
 /* height: calc(100% - 10px);*/
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

/*** hover ***/
#k2Container.normas .itemContainer:hover .linkblock .catItemView {
  border: 1px solid #333 !important;
}

/** overall link ***/
#k2Container.normas .linkblock {
  border: 0 !important;
  position: relative;
  width: 100%;
  height: 100% !important;
  float: left;
  text-decoration: none !important;
}


#k2Container.normas .catItemTitle .setasmall {
  display: none;
}

/** title ***/
#k2Container.normas .catItemTitle {
  text-align: center;
  margin: 0 !important;
  position: relative;
  width: 100% !important;
  padding-bottom: 5px;
}

#k2Container.normas .catItemTitle h4 {
  color: var(--black) !important;
  font-size: max(1.2vw, 22px) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  position: relative;
}


/*** area ***/

#k2Container.normas .area {
  border-top: 0 !important;
  border-bottom: 0 !important;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
  color: #B89A7B;
  padding-bottom: 10px;
  position: relative;
  line-height: 160% !important;
  margin-top: 5px;
}

#k2Container.normas .area::after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: var(--grey);
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  right: 0;
}


/*** descricao ***/

#k2Container.normas .normadesc {
  padding: 0;
  text-align: center;
  /* font-size: 0.85em !important;*/
  font-size: 13px !important;
  line-height: 140%;
  margin-bottom: 20px;
  color: #777 !important;
}



/***
//
//
ITEM VIEW . CLASS "NORMA"
//
//
**/

#k2Container.norma {
 /* margin-bottom: 0 !important;
  padding-bottom: 90px !important;*/
}
#k2Container.norma.itemIsFeatured::before {
  display: none !important;
}
#k2Container.norma .itemBody {
  padding: 0 !important;
  margin: 0 !important;
  float: left; 
  width: 100%;
}


/*** left side -- norma info ***/
#k2Container.norma .itembody { 
  padding:0 5vw 70px 15vw !important;
}

/** right side - norma ID ***/
#k2Container.norma .normaidwrapper {
  position: relative;
}

#k2Container.norma .normaid {
    padding-left: 100px !important;
    line-height: 100% !important;
}
#k2Container.norma .normaid .idblock {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

#k2Container.norma .normaid .idblock .name {
  width: 100% !important;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 12px;
}

#k2Container.norma  .normaid .idblock .result {
  font-size: 14px;
  color: #aaa;
}


#k2Container.norma .normaid .idblock a {
  font-size: 14px !important;
  display: flex;
}

#k2Container.norma .normaid .idblock a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 600;
  display: inline-block;
  font-size: 11px;
  margin-right: 5px;
  opacity: 1;
}

#k2Container.norma .normaid .idblock a.roundbot::before {
  display: none !important;
}


/**** title and description ***/
#k2Container.norma .itemHeader {
  margin-bottom: 70px;
}
#k2Container.norma .itemTitle {
  text-align: center;
  margin-bottom: 30px !important;
  font-size: max(4vw, 40px) !important;
  padding: 20px 50px;
}
#k2Container.norma .extra.descricao {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 21px;
    padding: 15px 20vw;
    color: #999;
}
/** content ***/
#k2Container.norma .itemFullText h4 {
    margin-bottom: 30px !important;
}
#k2Container.norma .itemFullText {
    margin-bottom: 30px;
}
#k2Container.norma .itemFullText h5 {
    margin-bottom: 20px !important;
}

#k2Container.norma .extra.marca {
  display: none;
}

/*** beneficios ***/
#k2Container.norma .extra.beneficios {
  margin-bottom: 60px;
  margin-top: 60px;
}

/** links ***/
/*
.norma .extra.links {
  margin-top: 0px;
}
.norma .extra.links p {
  margin-bottom: 8px !important;
  line-height: 130%; 
  display: flex;
}
.norma .extra.links h5 {
  margin-bottom: 20px !important;
}
.norma .extra.links p::before {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    vertical-align: middle;
  	font-weight:600;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0px;
    opacity: 0.5;
}
*/



/** guias ***/
#k2Container.norma .normaguia h5 {
  margin-bottom: 35px !important;
}

#k2Container.norma .normaguia .download {
  margin-bottom: 30px;
}
#k2Container.norma .normaguia p::before {
  display: none !important;
}  



/**** BACK TO TOP --comum a todos os templates ******/
/*
.itemBackToTop .icone {margin-right: 10px; font-size: 30px !important;}
div.itemBackToTop {text-align: right;float: right;padding: 0 30px 30px;font-size:16px !important;}
*/




/*****
---------------------------------------------------------------------------------------
GALERIA K2 
---------------------------------------------------------------------------------------
****/


ul.sigProSleek li.sigProThumb {
    float: left;
    background: none !important;
    margin: 0 !important;
    padding: 5px;
    display: table;
}

#k2Container ul.sigProSleek li.sigProThumb {
   width: 100% !important;
}

ul.sigProSleek li.sigProThumb span.sigProLinkOuterWrapper {
    display: table-cell;
}

.sigProLink.fresco {
    display: inherit !important;
}
ul.sigProSleek li.sigProThumb a.sigProLink img.sigProImg {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    background-size: cover!important;

}

#k2Container ul.sigProSleek li.sigProThumb a.sigProLink img.sigProImg {
 	width: 100% !important;
 	min-height: 100px !important;
	max-height: 500px !important;

}

ul.sigProSleek li.sigProThumb a.sigProLink {
    color: #fff;
    border: 0 !important;
}

ul.sigProSleek .sigProCaption {
    position: relative !important;
    bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: left;
    text-align: left !important;
    left: 0 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    color: #777;
}


ul.sigProSleek span.sigProPseudoCaption {
    display: none;
}

.fr-info-outside .fr-info-background {
    background: transparent !important;
    filter: none;
    opacity: 1;
    border: 0 !important;
}

.fr-info-padder {
    padding: 5px;
    font-size: 11px !important;
}





/**
-------------------------------------------------------------------------
::::::::  ACCORDION
-------------------------------------------------------------------------
**/

.accordionWrapper .accordiontab {
  cursor: pointer;
  width: 100% !important;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  background-color: transparent !important;
  opacity: 1 !important;
  margin-bottom: 0px;
  padding-bottom: 25px !important;
  display: flex;
 align-items: center;
  font-size: inherit !important;
  font-weight: 400;
}

.accordionWrapper .active, .accordiontab:hover {
  background-color: transparent;
  color: var(--black) !important;
}

.accordionWrapper .panel {
  padding: 0 !important;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  box-shadow: 0 .5px 0 #000;
  margin-bottom: 25px;
  padding-bottom: 1px !important;
}

.accordionWrapper .panel .content {
  padding: 0px 35px 35px 35px;
}


/** icon **/
.accordionWrapper .panelicon {
  width: 15px;
  position: relative;
  height: 15px;
  margin-right: 20px;
  margin-top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15px !important;
  min-height: 15px !important;
}


.accordionWrapper .panelicon::after {
  content: "";
  width: 1px;
  height: 100%;
  box-shadow: 1px 1px 0 #000;
  display: block;
  left: 0;
  right: 0;
  margin-left: auto;
  position: absolute;
  margin-right: auto;
  
    -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.accordionWrapper .panelicon::before {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  box-shadow: 1px 1px 0 #000;
  left: 0;
}

.accordionWrapper .accordiontab.active .panelicon::after {
  height: 1px !important;
}