/**************
MOBILE CSS *************************************/


/* 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) {
  
}


/*****MOBILE
************************************************************/
@media (max-width: 600px) {
  
  
  
  
.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: 0px;
    padding-right: 0px;
    position: relative;

}  
  
/*** use to change module order in rows -- i.e. module UNAI home page ****/  
.row.invertonmobile {
  flex-direction: column-reverse;
}
  
  
  
body #wrap_all{
    font-size: 16px !important;
  line-height: 140% !important;
  color: #555;

}  
  
  
  .stickytop {
    position: inherit !important;
    top: auto !important;
}
  
 
  
  .nopaddingonmobile {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  
  
  
  
/** hide arrows from banner scrollers ***/
.scrollerprevbtn, .scrollernextbtn {
  display:none !important;
}
  
  
  
    /*****
------------------------------------------------------------------------------------------------------------
  
CTA FORM
  
------------------------------------------------------------------------------------------------------------
******/ 
  
  #ctaform {
  padding-right: 15px;
  padding-left: 15px;
}
  
  #ctaform .col-md-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
  
  
  /*****
------------------------------------------------------------------------------------------------------------
  
 K2 - CURSO EM AGENDA
  
------------------------------------------------------------------------------------------------------------
******/  
  
#k2Container.cursosagendados .itemContainer {
  float: left;
  padding: 5px 15px !important;
  display: inline-flex;
  width: 100% !important;
}
  
/*****
------------------------------------------------------------------------------------------------------------
  
 K2 - NEWSROOM
  
------------------------------------------------------------------------------------------------------------
******/  


#k2Container.newsroom {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-top: 60px !important;
  padding-bottom: 60px !important;
}


#k2Container.newsroom #itemListPrimary .itemContainer {
  width: 100% !important;
  margin-bottom: 20px !important;
}


#k2Container.newsroom .newsBody {
  padding: 20px 20px 40px 20px !important;
}


#k2Container.newsroom .loadmorewrapper {
  font-size: 40px;
  padding-top: 20px !important;
  float: left;
  text-align: center;
  width: 100%;
}


/*** destaques ***/

#wrap_all #destaquesnewsroom .destaquewrapper .itemContent {
  padding: 20px 20px 40px 20px !important;
  max-height: 100% !important;
}

#wrap_all #destaquesnewsroom {
  padding: 30px 15px 40px 15px !important;
}  
  
  
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
 K2 - PESQUISA DE NORMAS
  
------------------------------------------------------------------------------------------------------------
******/
  
#k2Container.normas {
  padding-top: 8vh;
  padding-bottom: 8vh;
  padding-left: 10px;
  padding-right: 10px;
}

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


#k2Container.normas .itemContainer .catItemView {
  min-height: auto !important;
}
  
  
  
  
  /*****
------------------------------------------------------------------------------------------------------------
  
STRCUTURE
  
------------------------------------------------------------------------------------------------------------
******/   
  
#wrap_body {
  margin-top: 60px !important;
  }  
  
#wrap_all {
    padding: 0 !important;
}
  
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  TOP BAR
  
------------------------------------------------------------------------------------------------------------
******/    
  
 
/**** TOP BAR
***************************************************************/

  #wrap_head {
  height: 60px !important;
  width: 100% !important;
  padding: 0 15px;
  position: fixed !important;
  top: 0;
  border: 0 !important;
}
  #wrap_head.nav-up {
  top: -60px !important;
}
  
  
/************* NEW TOP BAR FOR NEW LAYOUT ****************************/
  /**** ERASE BELOW AFTER *****/
  
  /** offcanvas menu ***/
#head .offcanvasOpen {
  position: absolute !important;
  right: 5px !important;
  top: 22px !important;
}
#head  #offcanvasMenu {
  width: 90vw;
  border-left: 0 !important;
}
#head #offcanvasMenu .offcanvas-body {
  flex-grow: 1;
  padding: 40px 15px;
  overflow-y: auto;
}
  
#head  #offcanvasMenu .offcanvas-header {
  padding: 15px 20px !important;
}  
#head  #offcanvasMenu .offcanvas-header .closeMenuBot {
  width: 25px !important;
}
  
  
  
/**** MAIN INFO BAR *******/
 /* 
#head .headinfo.desktop {
  display: none !important;
}
  */
  
#head .headinfo {
  top: 16px !important;
  right: 60px !important;
  display: flex !important;
}
  
  
/*** make contact bot same as social bot ***/

  #head .headinfo .contactbtn {
    display:none;
  }  
  
  /** hide mobile version ***/
#head .headinfo .contactbtnMobile {
  display:block !important;
}
  
#head .headinfo .contactbtnMobile a {
  width: 30px;
  height: 30px;
  background-color: var(--blue) !important;
  display: flex;
  border-radius: 50%;
  border: 1px solid var(--blue);
  align-items: center;
  justify-content: center;
  
   -moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}  
  
#head .headinfo .contactbtnMobile svg {
  max-height: 12px;
  filter: invert();
}
  

  /**** SOCIAL BOTS ***/
  
/*** HIDE **/
  #head .headinfo .sociallinks {
  display: none;
}
  
 #head .headinfo .sociallinks .sociallogo {
  width: 28px !important;
  height: 28px !important;

}
  #head .headinfo .sociallinks .sociallogo svg {
  max-height: 12px !important;
  margin-bottom: 5px !important;
}
  
  
/** choose lang in offcanvas ***/
  #head .langswitch .pretext p {
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  margin-bottom: 0px !important;
  margin-top: 2px;
}
  
 
  #head .langswitch .inputbox {
  font-size: 12px !important;
  padding: 5px 15px !important;
  border-radius: 20px !important;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 230px !important;
  min-width: 230px !important;
  margin-left: -12px !important;
  margin-bottom: 30px !important;
}
  
  
  
  /** take out selo ***/
  #head .wraplogo .seloSP {
  display: flex;
  align-items: center;
 display: none !important;
}
  
  /** logo ***/
  #head .wraplogo {
  display: flex;
  align-items: center;
  width: 120px !important;
}
  #head .wraplogo .logo {
  display: flex;
  align-content: center !important;
  width: auto !important;
  height: 60px !important;
  margin-left: 0px !important;
  align-items: center;
  margin-right: 0px !important;
}
#head .wraplogo .logo img {
  height: 35px !important;
  max-height: 35px !important;
  margin-top: 0;
}  
  
  /** search ***/
  
/****** USING SEARCH IMPUT *****/
  

#head .loadsearch {
  position: absolute;
  top: 0 !important;
  right: 40px !important;
  margin: 0 !important;
}
  
#head .loadsearch .mss-search {
  margin: 0 !important;
  padding: 0 !important;
  width: 140px !important;
}
  
  #head .loadsearch .mss-compact-module .mss-search-bar .mss-input {
  height: 30px !important;
  padding: 0px 0px !important;
  font-size: 12px !important;
  border-radius: 0 30px 30px 0 !important;
  outline: none !important;
  border-left: 0 !important;
}
  
  #head .mss-search-bar .input-group .input-group-addon {
  width: 30px !important;
  font-size: 10px !important;
}
 
  
/** results box ***/
  #head .mss-compact-module #mss-search-results {
  border-radius: 4px;
  width: 80vw;
  position: absolute;
  left: -20vw;
}
  
  
  
  
  /** USING SEARCH BOT TO TRIGGER OFFCANVAS ****/
    /*
#head .headinfo.mobile .openSearch {
  width: 28px;
  height: 28px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  background-color: var(--blue) !important;
}
  
 #head .headinfo.mobile .openSearch svg {
  height: 12px;
  filter: invert();
}
   */
  
  
  
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  LOGOS AND GRAPHICS
  
------------------------------------------------------------------------------------------------------------
******/  
  
  
  
 body  .wrapperlogos .logo {
  padding: 0;
  width: 140px;
  height: 70px;
  margin: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}



body .wrapperlogos .logo img {
  max-width: 140px !important;
  max-height: 70px !important;
  filter: saturate(50%);
}
  
  
  
  
  
  
/**** previous code *****/  
  

  
  #logo {
    float: left;
    padding-left: 3px !important;
}

   #logo .logotopo img {
    height: 40px !important;
    max-height: 40px !important;
}
  
#mainmenu {
    float: right;
    display: inline-block;
    position: absolute;
    top: -17px !important;
    right: 0 !important;
}
  /*
.mymenu.isMobile {
    float: inherit;
    width: 60vw !important;
    margin-top: 50px !important;
  box-shadow: -3px 4px 6px -3px #333;
}*/
  .mymenu.isMobile {
    float: inherit;
    width: 100vw !important;
    margin-top: 55px !important;
    margin-right: -15px !important;
    display:none !important;
}
  
  
.responsiveMenu1m.toggleMenu.isMobile {
    padding: 0 !important;
   display: none !important;
}
  
  .sm-btn-221 .menu-icon3 span {
  background: #242F33;
  height: 2px !important;
  border-radius: 0em;
}
  
  /** target parent menus ****/
  #off-menu_221 .level2 .inner .link a {
  font-size: 19px !important;
}
  #off-menu_221.mymobilemenu .level2 {
  padding: 2px 10px 5px 10px !important;
}
  
  
  #topinfo {
    float: right;
    display: inline-block;
    position: absolute;
    right: 65px !important;
    z-index: 99999999 !important;
}
  
#top_bar {
  padding: 6px 0px 5px !important;
}
  #logo .logotopo {
   height: 35px !important;
margin-top: 10px;
}
  
  #lang form::before {
    display:none !important;
  }
#lang {
    position: relative;
    right: 0px !important;
    margin-top: 7px !important;
    padding-top: 2px !important;
    border-right: 0px solid #ddd !important;
    padding-right: 0 !important;
}
  
   
  
  
  /*****
------------------------------------------------------------------------------------------------------------
  
 HEIGHTS
  
------------------------------------------------------------------------------------------------------------
******/
  
.fullheight {
  height: 80vw !important;
  min-height: 650px !important;
}
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  SCROLLERS --- banners, news and stuff
  
------------------------------------------------------------------------------------------------------------
******/
  

  
/** TAKE OUT SCROLL BAR *****/  
  
/* general scroller */
.scroller {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
  overflow-x: scroll;  
}
.scroller::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

  
/* scrolle usign K2 content -- cursos agenda +  normas */
.k2ItemsBlock.scroller ul {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
  overflow-x: scroll;  
}
.k2ItemsBlock.scroller ul::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}  
  
  

/* K2 - news  */
.k2ItemsBlock.newsscroller ul {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-x: scroll; 
}
.k2ItemsBlock.newsscroller ul::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

  
  
/***  scroller banners  ...i.d. Home top banners  ****/  
#scrollerbanners.scroller .scrollerbanner {
  width: 100% !important;
  border-right: 5px solid #fff !important;
}
#scrollerbanners.scroller .custom {
  width: 90% !important;
  padding: 0 !important;
  min-width: 90% !important;
}
  
/** banners cards .... i.e. areas especializadas ***/
.cardFlexWrapper {
  display: flex;
  flex-wrap: nowrap !important;
  overflow: scroll;
  justify-content: flex-start;
}
  
.cardFlexWrapper .cardWrapper {
  position: relative !important;
  margin-bottom: 0px !important;
  padding: 5px !important;
  display: inline-flex;
  min-width: 70% !important;
width: 70% !important;
}
  
/* hide scrollbar but allow scrolling */
.cardFlexWrapper {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
   /* overflow-y: scroll; */
}
.cardFlexWrapper::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}  
  
  
 

  

  
  

/*****

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

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

---------------------------------------------------------------------------------------
***/
  
/*** FOR NEWS SCROLLER --- i.e. home page *****/
  /*
.k2ItemsBlock.newsscroller li {
  display: inline-flex;
  flex-direction: row;
  min-width: 90% !important;
  padding-right: 5% !important;
  padding-left: 0% !important;
}*/
   .k2ItemsBlock.newsscroller li {
    display: inline-flex;
    min-width: 90% !important;
    padding-right: 5% !important;
    padding-left: 0% !important;
  }
  
  
  
  
/** STYLING item in scrollers + grid -- ie. cursos, normas ****/  
  
.k2ItemsBlock.scroller li, .k2ItemsBlock.scroller.grid li {
  width: 70vw !important;
  min-width: 70vw !important;
  /*flex-direction: column;*/
  border: 1px solid #ccc !important;
  margin-right: 5px !important;
  padding: 25px 15px !important;
  min-height: 240px !important;
}
  
  
/********** MAKE GRID AS SCROLLER AGAIN ***************/  
  
.k2ItemsBlock.scroller.grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
}  
.k2ItemsBlock.scroller.grid ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  overflow-y: hidden !important;
  flex-direction: row;
  margin: 0 !important;
}
  

  
/*****
------------------------------------------------------------------------------------------------------------
  
  K2 LIST - i.e. testemunhos home page
  
------------------------------------------------------------------------------------------------------------
******/    
  
body .newslist .moduleItemTitleCont {
  margin-bottom: 20px !important;
  font-size: 15px !important;
  line-height: 120% !important;
  font-weight: 500 !important;
}
  
  
  /*****
------------------------------------------------------------------------------------------------------------
  
 BOX LINK -- i.e. normas title link em certificacao
  
------------------------------------------------------------------------------------------------------------
******/   
  
.boxlink li a {
  border: 1px solid #ddd !important;
  padding: 8px 20px !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--black) !important;
  line-height: 100% !important;
  border-radius: 30px !important;
}
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  PADDINGS
  
------------------------------------------------------------------------------------------------------------
******/  
    
 
#wrap_all .bottomsmallpadding {
  padding-bottom: 3vh;
}

#wrap_all .bottompadding {
  padding-bottom: 6vh;
}

#wrap_all .bottomextrapadding {
  padding-bottom: 8vh;
}


#wrap_all .topsmallpadding {
  padding-top: 3vh;
}

#wrap_all .toppadding {
  padding-top: 6vh;
}

#wrap_all .topextrapadding {
  padding-top: 8vh;
}



#wrap_all .rightsmallpadding {
  padding-right: 25px !important;
}
#wrap_all .rightpadding {
  padding-right: 25px !important;
}
#wrap_all .rightextrapadding {
  padding-right: 50px !important;
}

#wrap_all .leftsmallpadding {
  padding-left: 25px !important;
}

#wrap_all .leftpadding {
  padding-left: 25px !important;
}

#wrap_all .leftextrapadding {
  padding-left: 50px !important;
}  
  
  
 
  
/******* STYLING EXCEPTIONS FOR OVERWALL PADDINGS *********/
  
  #bottombanners {
  padding: 2vh 15px !important;
}
  
  
  
  
  /*****
------------------------------------------------------------------------------------------------------------
  
 BOTS
  
------------------------------------------------------------------------------------------------------------
******/  
.botwrapper {
  margin-top: 15px !important;
}
  
.roundbot {
 
  padding: 0px 25px;
  border-radius: 30px;
  font-size: 13px !important;
  height: 38px !important;
  max-height: 38px !important;
 
}
  

  
/*****
------------------------------------------------------------------------------------------------------------
  
  BANNERS AND HEIGHTS
  
------------------------------------------------------------------------------------------------------------
******/    
  
#bottombanners .bannerwrapper.halfheight {
  height: 200px !important;
  min-height: 200px !important;
  margin-bottom: 5px;
  border-radius: var(--roundborder) !important;
}
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  k2 FILTER --- normas e agenda
  
------------------------------------------------------------------------------------------------------------
******/  
  
body .newfilter form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body .K2FilterBlock.newfilter .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 7px 0;
  font-size: 14px;
  border-radius: 5px !important;
  height: 50px;
  display: flex;
  align-items: center;
}
body .K2FilterBlock.newfilter .k2filter-cell {
  width: 320px !important;
  height: 50px !important;
  margin-left: 0 !important;
  margin-right: 0px;
  padding: 0 !important;
  max-width: 320px !important;
  min-height: 50px;
  margin-bottom: 10px;
}
body .K2FilterBlock.newfilter .k2filter-table {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
  
body .K2FilterBlock.newfilter .buttons {
  float: left;
  height: 50px;
  display: flex;
  align-items: center;
  width: 320px;
}
  
body .K2FilterBlock.newfilter .button.submit {
  height: 40px !important;
  width: 100% !important;
  margin-top: 0px;
  font-size: 16px !important;
  margin-left: 0px;
}  
  
.K2FilterBlock.newfilter .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 20px;
}  
  
  
  
/*****
------------------------------------------------------------------------------------------------------------
  
  OLD CODE -----REVIEW ALL AND GET BEFORE THIS LINE
  
------------------------------------------------------------------------------------------------------------
******/  
  
  
  

  
  
  
/** SELO SUPERBRANDS ****/
  
  #logo .seloSP {
    max-width: 72px;
    position: absolute;
    top: 4px;
    left: 230px;
    display: none;
}
  
/***** PRR **************/
  
/** intro **/
  #PRRintro {
    padding-top: 30px;
}
  
/** home modules ***/
  #PRRareas .homeblock .content {
    min-height: 440px;
}
  #PRRareas .homeblock .bgimage {
    min-height: 440px;
}
  
  #PRRareas .homeblock .content p {
    line-height: 120%;
}
  #PRRareas .homeblock .content .contentwrapper {
    margin: 0 auto;
    padding: 0 !important;
}
  
  
  
  
  
  
  /*** CLAIM BOOK ****/
  #claimbook {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
}

#claimbook .img-responsive {
    margin: 0 auto !important;
    width: 110px;
}

  
  
  /****** TABELA AAL *****/
  .tabelaAAL .row {  
    display: block !important;
}
  .tabelaAAL .column {
    padding-right: 30px !important;
    margin-bottom: 10px;
}
  .tabelaAAL .row.titles .column {
    margin: 0;
}
  .tabelaAAL.padding {
    padding: 0 !important;
}
  
  
/********* NEW UNEF *******************/
  /** OFERTA FORMATIVA ***/
.ofertaformativa .catItemBody {
    margin-bottom: 5px;
    padding: 25px !important;
    float: left;
}
  .ofertaformativa .catItemTitle {
    font-size: 20px !important;
    font-weight: 600 !important;
}
  
  #k2Container.ofertaformativa.padding.itemListView {
    transform: translate3d(0px, 0px, 0px) !important;
    margin-bottom: 0 !important;
}
  /**** ITEM VIEW ****/
  .ofertaformativaitem .itemBody {
    margin-bottom: 5px;
    padding: 25px !important;
    float: left;
}
  .ofertaformativaitem .itemTitle {
    font-size: 20px !important;
    font-weight: 600 !important;
}
  
  
  
  
  
/*** MENU -- hide on top, but show in mobile menu / sub menu unef **/
.unefmenu {
    display: none;
}

  
  
  .unefpartnerlogo {
    max-width: 125px !important;
    display: inline-block;
    padding: 0 15px 0 0;
    margin-bottom: 15px;
}
  
/*** END NEW UNEF *****/  
  
  
  
  /*** para os conteudos dos banners nao terem o padding que é dado na versao desktop***/
  .bannercontentwrapper {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    padding: 5px !important;
}

  
  
  /*** for small text in banners - home, auditoria, etc...***/
.smallwhitetitle {
    color: #fff !important;
    font-size: 12px !important;
    opacity: 0.7;
    letter-spacing: 2px;
    text-transform: uppercase;
}

  

  
/****** POP UP ******/
  #jcemediabox-popup-body {
    width: 100% !important;
    overflow: auto;
    height: 80% !important;
    top: 10% !important;
}
  #jcemediabox-popup-content #overall {
    padding: 10px !important;
}
  
  
  


  
  /*****
------------------------------------------------------------------------------------------------------------
  
  NEW FOOTER -- delete below after
  
------------------------------------------------------------------------------------------------------------
******/    
  
  #footer {
    padding: 30px 5vw 30px !important;
  }

#newfooter .newfooterblock {
  text-align: center;
  margin-bottom: 30px !important;
}  
  
#newfooter .newfooterblock {
  margin-bottom: 25px !important;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
  
#copyright .zed {
  float: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
}  
  
 /*****
******************** OLD FOOTER --- DELETER AFTER ***************************************/
  

.footerblock {margin-bottom: 25px;}
  
#copyright .copyright {float: inherit !important; margin-right: 0;}
#copyright {text-align: center !important;}
.copyrightlinks a {display: block;}
#copyright .copyrightlinks {float: inherit;}

.bottomblocks {padding-bottom: 40px !important;float: left;}
.bottomblocks .padding {padding-bottom: 30px 15px 0 !important;}
  
  
   
 /*****
******************** GREYBOX ***************************************/ 
.greybox {padding: 30px !important;min-height: 250px !important;}
  
  
  
  
  /******** FILTRO  --- DELETE AFTER ************/
.K2FilterBlock.myfilter.k2filter-responsive .k2filter-cell {
    width: 100% !important;
    min-height: 48px;
    margin-left: 0 !important;
    margin-right: 0;
}
  .K2FilterBlock.myfilter {
    padding: 15px 7vw 25px !important;
}
  
  .K2FilterBlock.myfilter .button.submit {
    
    margin-left: 0 !important;
}
  
  
  
  /*** FILTER STICKY NOT FIXED !! ****/
  .K2FilterBlock.myfilter.sticky {
    /*padding: 65px 7vw 50px !important;
    position: absolute !important;
    top: 26px;*/
    position: inherit;
    padding: 15px 7vw 25px !important;
}
  
  
/*** fixed nav bar in UNEF and CERTIF HOME PAGES ***/
.fixednav {

    position: inherit;
    top: inherit;
    width: 100% !important;
    margin-bottom: -60px;

}
  
 
  /** correct vertical position when NOT fixed search bar ****/
  #k2Container.certificacao {
    transform: translate3d(0px, 0px, 0px) !important;
    margin-bottom: 0 !important;
  }
   #k2Container.agenda{
    transform: translate3d(0px, 0px, 0px) !important;
     margin-bottom: 0 !important;
  }
  
  
  
  
  /*** GERAL
****************************************/
  

.padding {padding: 30px 5vw !important;}
.extrapadding {padding:0 7vw !important;}
.padding.bluebg { padding: 50px 5vw !important; padding-bottom: 50px;}

.borderright {border-right: 0px solid #ddd !important; border-bottom: 1px solid #ddd;}
.borderleft {border-left: 0px solid #ddd !important;}

  
.topbanner .bannercontent {padding:15px !important;width:100% !important;}
  
.borderblock {padding: 30px 5px !important;}
  
  
  /***** HOME BLOCK *****/
.homeblock .content {padding: 0 15px !important; height:300px;}
.homeblock .bgimage {height: 300px;}
  
  
  
  
   /*** PAGES
****************************************/
  
  /** contactos ****/
.office {margin-bottom: 40px !important;}
.wrapperoffices {margin-bottom: 30px !important;}
  
  
  
  /**** APCER *****/
.homeblock.undervideo .bgimage {height: 300px !important;}
.homeblock.undervideo .content {height: 300px !important;}
.horizontewrapper .padding {padding-left: 2vw !important;}
.horizontewrapper .bgimage {height: 250px;float: left;width: 100%;margin-top: -60px;}
  
  
  /************** TEXTOS ************************/
h1 {font-size: 36px !important;}
h2 {font-size: 24px !important;}
h3 {font-size: 21px !important; }
h4 {font-size: 18px !important;}
h5 { font-size: 16px !important; }
  
.topbanner .bannercontent p {font-size: 18px;}
  
    .bigtitle {
    font-size: 50px !important;
}
  
  

  
  
  
  /***
  CERTIFICAÇÃO
****************************************************************/

.promobgimage {height: 300px !important;min-height: 300px !important;margin-top: 0px;}
  
.rsck2-light .rsck2-details {padding: 0 !important;}
.newsslider {padding: 0 !important;}
  
  /**** tamanho dos blocos sliders ****/
.certifblock .bgimage {
    min-height: 600px !important;
    height: 600px !important;
}
  .certifblock .modulecarousel {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}
  
/******** PAGINA NORMA ********************/
  
  
  
body .normaidwrapper.active {
  position: relative !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
body .normaidwrapper {
  position: relative !important;
  transform: translate3d(0px, 0px, 0px) !important;
  }
body #k2Container.norma .normaid {
  padding-left: 0 !important;
  line-height: 120% !important;
  padding-top: 60px;
}
  
body #k2Container.norma .itembody {
  padding: 0 !important;
}
  /*
body .norma .normaguia .download .info {
  padding: 40px 0 0px 0px !important;
  text-align: left;
  }
  */
  
body #k2Container.norma .itemFullText h4 {
  margin-bottom: 30px !important;
  font-size: 18px !important;
}  

  
body #k2Container.norma .itemTitle {
  text-align: center;
  margin-bottom: 30px !important;
  font-size: 48px !important;
}
body .norma .itemHeader {
  margin-bottom: 30px !important;
  padding: 0;
  }  
body .norma .extra.descricao {
  padding: 15px 0 !important;
  font-size: 18px !important;
}
  
 div.itemRelated ul li {
   float: inherit !important;
  }
  
/** news slider ***/  
.newsslider .rsck2-title a{font-size: 21px !important;}
  
  
  
  
  /***
   UNEF
*******************************************************/
  
.certifblock p {width: 100% !important; margin: 0 auto !important;}
.uneflogosmall { height: 60px;}
.unefintroblock {border-right: 0px solid #ddd;margin-bottom: 30px;}
.cursoagendado .rightside {
    padding: 10vw 4vw 10vw !important;
    border-top: 1px solid #ddd;
    border-left: 0 !important;
}
  .cursoagendado .fullbody .leftside {
    padding: 10vw 4vw 10vw !important;
    border-right: 0px solid #ddd;
    margin-right: 0 !important;
}
  
  .cursoagendado .itemDateCreated{
    font-size:50px !important;
  }
  .cursoagendado .extra.local{
    font-size:35px !important;
  }
  
  
  /******************* FOR RELATED ********************/
  div.itemRelCat {
    margin-right: 5px;
    color: #aaa;
    opacity: 1;
    line-height: 140%;
    display: inline-block;
    float: none !important;
}
  
  
  
  
/***
   NEWSROOM
*******************************************************/
  
#k2Container.article {padding: 30px 0vw 70px !important;}
.home .destaquewrapper .itembgimage {min-height: 200px;max-height: 200px;}
.destaquewrapper .itembgimage { min-height: 200px;}
  .destaquewrapper .itemContent {
    padding: 40px 5vw 70px !important;
    max-height: 500px;
    float: left;
    background-color: #fff !important;
}
.home .destaquewrapper .itemContent {
    max-height: 500px !important;
    float: left;
}  
.news div.catItemBody {padding: 30px 20px 20px !important;}
.news .catItemHeader {left: 28px !important;top: 16px !important;width: auto;float: left;}
.news div.itemList {padding: 0 0vw 0 !important;}
  
  /*** destaques newsroom in HOME page ***/
.odd .destaquewrapper .itemImage {float: inherit !important;}

  /** tage page ****/
.tagpagetitlewrapper {padding: 0px 5vw;}
.tagpagetitle {font-size: 42px !important;}
  
  div.tagItemView {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px !important;
    margin-top: 20px !important;
}
  
#k2Container.padding.itemListView {padding-bottom: 100px !important;}
  
  
.article .itemSocialBlock { padding: 10px 0 !important;}
.article .itemTitle {
    margin-bottom: 35px !important;
    margin-top: 20px !important;
} 
  .article div.itemFullText {
    margin-top: 20px !important;
}
  
.article div.itemImageGallery { margin: 40px 0 0 !important;padding: 10px 0 !important;}
.article div.itemVideoBlock {margin: 0 !important;padding: 30px 0 0 !important;} 
.article div.itemBody {padding: 0 0 0px !important;margin: 0 !important;border-bottom: 0px solid #ddd !important;}  
.article div.itemHeader {padding: 0 10%;}
  
  
  
/*****
  AUDITORIA 
***********************************************/
  /* images middle page **/
  .topbanner.extrasmaller .bgimage {
    height: 8vh;
    min-height: 150px;
}
  .unai .homeblock .bgimage {
    height: 300px;
}
  .unai .homeblock .content {
    height: 300px;
}
  .unai.padding {
    padding: 5vw !important;

}
 
    
/**** 
  DOWNLOAD CENTER 
***********************************/

.loadmodule { 
  padding: 40px 5vw !important;
}
    
#wrap_all .download .info {
  padding: 0 20px !important;
  text-align: left;
  font-size: 14px !important;
}  
  
#wrap_all .download .cover {
  border: 0px solid #ddd !important;
}
  
#wrap_all .download .cover img {
  max-width: 120px !important;
  border: 1px solid #ddd;
}
  
  
  
  
  
  /*****
 SMALL BANNERS
***********************************************/
  .topbanner.smaller .bgimage {
    height: 30vh !important;
    min-height: 340px !important;
}
  
  
  
  
  
/************************************ GALERIA K2  ****************************************/

/** imagens **/
/** LI ***/
ul.sigProSleek li.sigProThumb {
    float: left;
    background: none !important;
    margin: 0 !important;
    padding: 2px;
    width: 50%;
    display: table;
}

/** img container ***/
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;
  width: 100% !important;
 min-height: 70px !important;
max-height: 150px !important;
  /*max-height:50vh !important;*/
}
  
  
  
  
  
  /**** STUFF
  ***************************************/
  
  /* inprocesso de certificação ***/
.bignumbers {
    font-size: 50px !important;
    margin-left: -20px !important;
    float: left;
    color: #ddd;
    margin-right: 19px !important;
    font-weight: 300;
    line-height: 100%;
}
  
  
  
 /****** END *************/ 
}