/**************
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: 770px) {
  
  .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 !important;
    padding-right: 0px !important;
    position: relative;

}  
  
  

  
  /********** NEWSROOM ****************/
  
.artigos .itemContainer {
    padding: 0 15px 0 !important;
  	margin-bottom: 30px !important;
}
  
  .artigos .newsbody {
    padding: 0 20px;
}
  /** anula o padding-top:40px do STAGE ***/
  .artigos {
    margin-top: -40px !important;
}
  
  
  /**** ITEM ****/
  #k2Container.articlepage {
    margin-top: -40px !important;
}
	.articlepage .newsbody {
    padding: 20px !important;
    float: left;
	}
  
  
  .articlepage span.itemImageCaption {
    padding: 0 10px;
}
  
  div.itemNavigation a.itemNext, div.itemNavigation a.itemPrevious {
    width: 100%;
    padding: 20px;
     border-right: 0px solid #ddd;
     border-left: 0px solid #ddd;
}

  
  
  
  
 
  #under_content {
    background-color: #F5F4F1;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    padding: 0 !important;
    position: relative !important;
}
  
  
 /***** LAST ****/ 
  #last {
    padding: 40px 15px !important;
}
  .logopartner img {
    width: 70%;
    margin: 10px auto 10px;
}
  
  
  
  
  
  
/**** EXPERTISE
***************************************************************/  
  
  .expertise .infoCatItem {
    margin-top: -95vh;
    position: relative;
    padding: 15px;
}
  .expertise .filter {
    height: 100vh !important;
    opacity: 0.5;
    background-color: #000 !important;
    position: absolute;
    width: 100%;
   
}
  .expertise .catitembgimage {
    height: 100vh !important;
}
  
  .expertise div.itemContainer {
    float: left;
    padding: 0 !important;
    min-height: 100vh !important;
    margin-bottom: 5px;
}
  
  
  
  /******** ITEM PAGE ********************/
  .expertisepage .itemTitle {
    margin-bottom: 25px !important;
    padding: 0 15px !important;
}
.expertisepage .leftside .itemIntroText {
    color: #575E5F !important;
    font-size: 21px !important;
    line-height: 150% !important;
    font-weight: 300 !important;
    text-align: left;
    padding: 0 15px;
}
  .itemContactModule {
    float: left;
    margin-bottom: 80px;
    margin-top: -60px;
    display: none;
}
  
.expertisepage .itemFullText {
    margin: 0 auto;
    text-align: left;
    float: left;
    padding: 40px 15px !important;
}
  
  /** tabs ***/
  .expertisepage .expertisetabs {
    background-color: #8BD0D7 !important;
    padding-top: 30px !important;
    padding-bottom: 50px !important;
    margin-top: -15px !important;
}
  
  .expertisetabs.panel-group .panel {
    margin-top: 0 !important;
    padding: 5px 15px !important;
}
  
  .itemExtraFields .tabs {
    padding: 0 !important;
}
  
  
  /** navegação ****/
  .mybtn {
    padding: 15px 20px 20px !important;
    font-size: 17px !important;
    font-weight: 300;
    min-width: 220px !important;
    text-align: left !important;
    width: 100%;
}
  /** inside the box **/
  .mydropdown .dropdown-menu > li > a {
    font-size: 17px !important;
    font-weight: 300 !important;
    color: #333 !important;
}
  .mydropdown .dropdown-menu {
    padding: 11px !important;
    min-width: 220px !important;
}
  
  
  .expertisenav .backbutton {
    margin-top: 18px;
    text-align: center;
    margin-bottom: 30px;
}
  
  
  
  /**************** WORK PAGE ***********************************/
  .workpage .itemTitle {
    margin-bottom: 10px !important;
    padding: 0 15px !important;
}
  
  .workpage div.itemExtraFields {
    margin: 0 !important;
    border-top: 0 !important;
    padding: 15px !important;
}
  .workpage .itemFullText {
    padding: 15px !important;
}
  
  
  /** navigation **/
  .projectfilter .backbutton {
     margin-top: 18px;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .workpage .projectfilter {
    margin-top: 0 !important;
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 40px 15px !important;
}
  
  
  
  
  
  
  /************ Galeria de imagens na pagina do item ****/
  ul.sigProSleek {
    margin: 40px auto !important;
   
}
  /** for birdtrack gallery ***/
  .expertisepage ul.sigProSleek li.sigProThumb {
    width: 50%;
}
  
  /***** BIRDTRACK LOGO ****-- in birdtrack page ****/
  .logobirdtrack img {
    width: 240px !important;
}
  
  .workpage ul.sigProSleek li.sigProThumb {

    width: 50%;

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

#wrap_head {
    float: left;
    padding: 0 15px;
    position: relative;
    width: 100%;
    z-index: 9999;
    height: 80px;
}

 /*** pop up **/
#jcemediabox-popup-content .item-page {
    padding: 10px 10px 10px 10px !important;
}
  

  
/****************** MAIN MENU *************************/
  #mainmenu {
    display:none;
  }
  
  
/********************* TOP BAR *******************/
#top_bar {
    padding: 0 !important;   
}
  
  
#logo img {
    width: 110px;
    padding-top: 22px;
}
  
  
/************** MOBILE MENU *****************/
  
.toggleMenu::before {
    content: "\f0c9";
   font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.toggleMenu {
    color: #333 !important;
    padding: 10px 15px !important;
    background: none !important;
    height: 35px !important;
    padding: 7px 20px !important;
    line-height: 40px !important;
    font-size: 30px !important;
}
.toggleMenu span {
    padding-right: 10px;
    display: none;
}
.responsiveMenuTheme4m.isMobile > li > a {
    display: block;
    font-size: 20px !important;
    font-weight: 300 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}
  
  
 .responsiveMenuTheme4m.isMobile li.active > a {

    color: #ffffff;
    color: #333 !important;

}
  
/******************* OVER CONTENT ********************/

  #over_content {
    padding: 15px 15px 60px 15px !important;
}
  
  
/******************* STAGE ********************/
  #stage {
    background-color: #F6F5F2 !important;
    float: left;
    margin: 0 auto;
    width: 100%;
    padding: 40px 0px !important;
}
  
  
  /********** MAPA ***********/
  .map img {
    margin-left: 0 !important;
    margin-bottom: 20px;
}
  
  .mapinfo.col-md-4 {
    padding: 15px !important;
}
  
  
/******************* titles  **************/

  
h1 {
    font-size: 32px !important;
}
  
  h2 {
    font-size: 27px !important;
}
  
  h4 {
    font-size: 18px !important;
    line-height: 150% !important;
}
  
  
  .k2ContentTitle h4 {
    font-size: 25px !important;
    font-weight: 600 !important;
    display: table-cell;
    vertical-align: bottom !important;
    line-height: 100% !important;
}
  
/************************* PADDING ******************************/
  #banner .extrapadding {
    padding: 40px 15px !important;
}
  
  /*** nos blocos de col-md-6 das tabs ****/
  /*.rightsidecontent.col-md-6 {
    padding: 30px 30px 0 30px !important !important;
    margin-top: 30px !important;
}*/
  .rightsidecontent.col-md-6 {
    padding: 15px !important;
}
  
  
  /**************************************** BANNERS *********************************/
  
  /*** TOP BANNER *******/
  .bannerhome .headline {
    width: 100% !important;
    margin-bottom: 20px;
}
  .bannerhome .copy {
    width: 100% !important;
}
  
  /*** banner about ***-- top ***/
  .bannerabout .headline {
    width: 100% !important;
    margin-bottom: 30px;
}
  .bannerabout .copy {
    width: 100% !important;
}
  
  .bannerabout .bannerimg div {
    min-height: 790px;
}
  
  /*** banner team - bottom banner ****/
  .bannerteam .extrapadding {
    padding: 40px 15px !important;
}
  .bannerteam h4 {
    max-width: 100% !important;
    margin: 15px auto 50px !important;
}
  .aboutbgimg {
    min-height: 560px !important;
}
  
  
  
  
  /*** bottom banner - birdtrack ****/
  .birdtrackbanner .bannerbgimg {
    min-height: 500px !important;
}
  .birdtrackbanner .info {
    padding: 120px 15px !important;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 100%;
}
  
  
  
/****************** FOR TABS  -- horizontal navigation *******************************/
  #mytabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px !important;
    width: 100% !important;
    text-align: center !important;
}
  
  /**** HOME MODULES -- IN TABS ***/
  .homemodule .even {
    padding-right: 0 !important;
}
  .homemodule .odd {
    padding-left: 0 !important;
}
  .homemodule .k2ContentIntroText {
    float: left;
    background-color: rgba(0,0,0,0) !important;
    padding: 15px;
    position: relative;
    min-height: 220px !important;
}
  
  
  
  
  
  
  
  /******* footer ************/
  #footer {
    padding: 40px 15px !important;
}
  .footermodule {
    margin-top: 20px;
    margin-bottom: 40px;
}
  
  
  
  
  
  
/****** COPYRIGHT *****************************/
#copyright {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 15px !important;
}
  .copyright .copy {
    float: left;
    width: 100%;
}
  
  #copyright .copycontacts {
    margin-bottom: 20px;
}
  #copyright .zed {
    text-align: center;
width: 100%;
    margin-top:10px;
    margin-bottom:20px;
}
  
  
  
  
  
  
  
  
 /****** END *************/ 
}