/* Add here all your CSS customizations */

.mb-xxlg {
	margin-bottom: 60px !important;
}

.pt-xxlg {
	padding-top: 60px !important;
}

.pb-xxlg {
	padding-bottom: 60px !important;
}

html #header {
  background-color: #000;
}

html #header .header-body  {
	background: transparent url("../img/layout/header-bg.png") top left repeat !important;
}

html #header.header-semi-transparent .header-body:before {
    opacity: 0.3;
}

html #header.header-semi-transparent .header-body:before,
html #header.header-semi-transparent-light .header-body:before,
html #header .header-body:before
{
  background: none;
}

html #header.header-semi-transparent .header-body,
html #header.header-semi-transparent-light .header-body
{
  background: transparent url("../img/layout/header-bg.png") top left repeat !important;
}

@media (min-width: 992px) {

	html #header .header-nav-main nav > ul > li:not(.active) > a {
		color: #fff;
	}

	html #header .header-nav-main nav > ul > li:not(.active) > a:hover,
	html #header .header-nav-main nav > ul > li:not(.active) > a:focus{
		color: #0099e6;
	}

	html #header .header-nav-main nav > ul > li:not(.active) > a:active {
		color: #0077b3;
	}
}

#header .header-logo img {
	margin: 0;
}

#footer .footer-logo img {
  display: inline;
}

.page-header {
    background-color: #58595B;
    border-bottom: 4px solid #CCC;
    border-top: 4px solid #CCC;
    margin: 0;
    min-height: 35px;
    padding: 10px 0;
}

.page-header h1 {
    border-bottom: 4px solid #CCC;
    color: #FFF;
    display: inline-block;
    font-weight: 200;
    margin: 0 0 -25px;
    min-height: 27px;
    font-size: 2.6em;
    line-height: 46px;
    padding: 0 0 7px;
    position: relative;
}

@media (min-width: 480px) {
  .home p,
  .home ul {
    font-size: 1.4em;
    font-weight: 300;
  	padding-top: 5px;
  }
}

.home-bg-a {
  background: transparent url("../img/home/HOMEPAGE_02_RECT-AMARELO.png") top left no-repeat;
  background-size: cover;
}

.home-bg-b {
  background: transparent url("../img/home/HOMEPAGE_01_RECT-CINZA.png") top left no-repeat;
	background-size: 100% 100%;
}

.home-bg-c {
  background: transparent url("../img/home/HOMEPAGE_03_CUBOS.png") top right no-repeat;
}

.home-who-we-are {
  background: none;
}

.home-who-we-are .row.tall {
  margin-bottom: 50px;
}

.home-latest-work {
}

.home-what-we-do {
  background: transparent url("../img/home/HOMEPAGE_04_RECT-CINZA.png") top left no-repeat;
  background-size: cover;
}

.home-what-we-do .feature-box-icon img {
  width: 50px;
  height: 50px;
}

.home-bg-green {
  background: transparent url("../img/home/HOMEPAGE_07_RECT-VERDE.png") top left no-repeat;
  background-size: cover;
  height: 687px;
}

.home-key-technologies {
}

.home-key-technologies .content {
  margin-top: 30px;
}

.home-how-we-work {
}

.home-how-we-work .content {
	padding-top: 210px;
}

@media (min-width: 550px) {
  .img-wop-panda {
    background: transparent url("../img/home/HOMEPAGE_05_PANDA.png") top right no-repeat;
    background-size: auto 100%;
    height: 741px;
  }

  .img-ed-lever {
    background: transparent url("../img/home/HOMEPAGE_06_ALAVANCA.png") top left no-repeat;
    background-size: auto 100%;
    margin-top: -130px;
    padding-top: 130px;
    padding-left: 350px;
  }
}

.text-title-md {
  font-size: 3rem !important;
  font-weight: bold;
}

.text-title-l {
  font-size: 4rem !important;
  font-weight: bold;
}

.text-title-ll {
  font-size: 50px !important;
  font-weight: bold;
}

.text-title-xl {
  font-size: 5rem !important;
  font-weight: bold;
}

.text-title-xxl {
  font-size: 8rem !important;
  font-weight: bold;
}

.text-dark-blue {
  color: #2D84C6 !important;
}
.text-light-blue {
  color: #33BCEE !important;
}

.text-dark-green {
  color: #2D8C43 !important;
}
.text-light-green {
  color: #98CB51 !important;
}

.text-red {
  color: #EC2027 !important;
}
.text-yellow {
  color: #F2BE1A !important;
}

.text-white {
  color: #FFF !important;
}

.text-dark-grey {
  color: #231F20 !important;
}
.text-medium-grey {
  color: #58595B !important;
}
.text-light-grey {
  color: #B8BABC !important;
}

.bg-darker-grey {
  background-color: #0F0F0F !important;
}

.bg-dark-grey {
  background-color: #231F20 !important;
}

.bg-medium-grey {
  background-color: #58595B !important;
}

ul.arrows {
  list-style: none;
  padding: 0;
}
ul.arrows li {
  padding-left: 1.3em;
}

ul.arrows li:before {
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 5px 0 -15px;
	color: #2D84C6;
}

.portfolio-item-img {
  max-height: 450px;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.sort-destination.full-width .isotope-item.w25 {
	width: 25%;
}

.sort-destination.full-width .isotope-item.w50 {
	width: 50%;
}

.sort-destination.full-width .isotope-item.w100 {
	width: 100%;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.img-responsive-vertical {
  display: block;
  max-height: 100%;
  width: auto;
}