.transition {transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.outerTable { width: 100%; height: 100%; display: table; vertical-align: middle; }
.innerTable { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
html, body { font-family: 'Open Sans', sans-serif;  }

/** Header **/
.headerWrapper { height: auto; overflow: hidden; width: 100%; padding-top: 15px; padding-bottom: 15px; background-color: #030303; font-size: 14px; font-weight: bold; color: #999999; font-family: 'Abel', sans-serif; }
.headerContainer { margin: 0 auto; width: 100%; max-width: 1000px; }
.headerWelcome { float: left; height: auto; overflow: hidden; }
.headerWelcome img { vertical-align: baseline; margin-right: 5px; }
.haderRight { float: right; height: auto; overflow: hidden; }
.haderRight i { margin-right: 5px; }
.headerPhone { display: inline-block; }
.headerMail { margin-left: 40px; text-transform: uppercase; display: inline-block; }

/** Logo **/
.logo { width: 100%; text-align: center; height: auto; overflow: hidden; margin-bottom: 50px; margin-top: 50px; }

/** Menu **/
.menu { width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; text-align: center; font-family: 'Abel', sans-serif; }
.menu ul {}
.menu ul li { display: inline-block; margin-right: 50px; }
.menu ul li:last-child { margin-right: 0px;}
.menu ul li a { text-decoration: none; color: #000; text-transform: uppercase; font-size: 18px; font-weight: bold;  }

/** Banner **/
.banner { width: 100%; min-height: 535px;  text-align: center; }
.slideTitle { color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 64px; text-align: center; margin-bottom: 35px; }
.slideSubTitle { color: #FFF; font-size: 22px; text-align: center; margin: 0 auto; max-width: 65%; margin-bottom: 35px; }
.slideBts { height: auto; overflow: hidden; }
.slideBts a { text-decoration: none; display: inline-block; width: auto; color: #000; text-transform: uppercase; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; background-color: #FFF; font-weight: bold; font-size: 18px; }
.slideBts a:hover { color:#FFF; background-color: #000; }
.banner .container { width: 100%; height: 100%; display: block; }

/** Chefes Profissionais **/
.chefProfContainer { width: 100%; margin-top: 55px; margin-bottom: 55px; height: auto; overflow: hidden; }
.chefProfTitle { font-size: 33px; color: #000; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; width: 100%; text-align: center; }
.chefProfSubTitle { font-size: 16px; color: #777777; margin-bottom: 50px; width: 100%; text-align: center; }
.chefProfIContainer { height: auto; overflow: hidden; margin: 0 auto; width: 100%; max-width: 1000px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.chefProfItem { height: auto; overflow: hidden; width: 30%; display: inline-block; text-align: center; }
.chefProfImagem {}
.chefProfImagem img { width: 100%;  }
.chefProfItemTitle { text-align: center; font-size: 14px; font-weight: bold; margin-top: 5px; color: #2a2d34;  margin-bottom: 5px;}
.chefProfItemDescricao { text-align: center; font-size: 12px; color: #7e7f84;  }

/* Precisa Ajuda */
.precisaContainer { text-align: center; color: #FFF;  height: auto; overflow: hidden; width: 100%; background-color:#cccccc; padding-bottom: 80px; padding-top: 80px; }
.precisaTitle { font-weight: bold; font-size: 36px; margin-bottom: 15px; }
.precisaSubTitle { font-size: 17px; color: #777777; margin-bottom: 50px; }
.precisaContactenos {}
.precisaContactenos a { border: 2px solid #FFF; text-transform: uppercase;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  font-weight: bold; font-size: 13px; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; color: #FFF; text-decoration: none; }
.precisaContactenos a:hover { border: 2px solid #ccc; color: #ccc; background-color: #FFF; }

/** Noticas **/
.noticiasContainer { width: 100%; margin-top: 55px; margin-bottom: 55px; height: auto; overflow: hidden; }
.noticiasTitle { font-size: 33px; color: #000; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; width: 100%; text-align: center; }
.noticiasSubTitle { font-size: 16px; color: #777777; margin-bottom: 50px; width: 100%; text-align: center; }
.noticasIContainer { height: auto; overflow: hidden; margin: 0 auto; width: 100%; max-width: 1000px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.noticiasItem { height: auto; overflow: hidden; width: 30%; display: inline-block; }
.noticiasImagem {}
.noticiasImagem img { width: 100%;  }
.noticiaItemTitle { font-size: 14px; font-weight: bold; margin-top: 5px; color: #2a2d34; text-align: left; margin-bottom: 5px;}
.noticiaItemTitle a { text-decoration: none; color: #2a2d34; text-align: left; margin-bottom: 5px;}
.noticiaItemTitle a:hover { text-decoration: underline;}
.noticiaItemDescricao { font-size: 14px; color: #7e7f84; text-align: left; }

/** Footer **/
.footerWrapper { width: 100%; height: auto; overflow: hidden; background-color: #252525; }
.footerContainer { margin: 0 auto;  margin-top: 55px; width: 100%; text-align: center; }
.footerTop { width: 100%; text-align: center; height: auto; overflow: hidden; color: #848484; font-size: 16px; margin-bottom: 55px; }
.footerTitle { text-transform: uppercase; margin-bottom: 15px; font-weight: bold; font-size: 40px; }
.footerTitle img { width: 100%; max-width: 544px; }
.footerFrase { margin-bottom: 35px; }
.footerSocial { font-size: 26px; }
.footerSocial a { text-decoration: none; display: inline-block; color: #000; margin-right: 5px; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.footerSocial i { width: 22px; height: 22px; padding: 10px; display: inline; }
.footerBottom { position: relative; font-family: 'Abel', sans-serif; color: #999999; font-size: 14px; margin: 0 auto; padding-bottom: 20px; font-weight: bold; padding-top: 20px; padding-left: 2.5%; padding-right: 2.5%; background-color: #000; width: 100%; text-align: center;}
.footerBottom a { color:#FFF; text-decoration: none;  }
#scrollMeToTop { color: #999999; right: 25px; top: 25px; position: absolute; z-index: 1; }
.form-messages { height: auto; overflow: hidden; margin-bottom: 10px; margin-top: 10px; font-weight: bold; }

/** Pages **/
.quemSomosWrapper { width: 100%; height: auto; overflow: hidden; margin-bottom: 55px; }
.quemSomosContainer { height: auto; overflow: hidden; margin: 0 auto; width: 100%; max-width: 1000px; }
.quemSomosBanner { margin-bottom:60px;  }
.quemSomosTitulo {  font-size: 33px; color: #000; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; width: 100%; text-align: center; }
.quemSomosSubtitulo {font-size: 18px; color: #777777; margin-bottom: 50px; width: 100%; text-align: center; }
.quemSomosDescricao { font-size: 14px; line-height: 26px; color: #7e7f84; text-align: left; }
.quemSomosDescricao strong {font-weight: bold; }
.quemSomosBanner img { width: 100%; }
.qsSpacer { padding-top: 60px; }
.clientesList { width: 100%; height: auto; overflow: hidden; margin-top: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.clienteItem { width: 22.5%; margin-bottom: 30px; display:inline-block; }
.clienteItem img { width: 100%; }
.galeriaWrapper { height: auto; overflow: hidden; width: 100%; max-width: 1000px; }
.juniorItems { width: 100%; height: auto; overflow: hidden; margin-top: 65px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.jiItem { height: auto; overflow: hidden; margin-bottom: 30px; width: 22.5%; text-align: center;  }
.jiItemImg { height: auto; overflow: hidden; width: 100%;  }
.jiItemImg img { width: 100%; border-radius: 50%; }
.jiItemTitle { color: #000; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-size:13px;  }
.jiItemTitle a { color: #000; font-weight: bold; text-decoration: none; font-size:13px;  }
.jiItemDescricao {font-size:13px; color:#777777; }
.gmapa { width:100%; height: auto; overflow: hidden; margin-bottom: 20px; }

.contactsLeft { float: left; width: 100%; max-width: 400px; height: auto; overflow: hidden; }
.contactosLeftIcon { float: left; width: 80px; height: 80px; margin-right: 20px; background-color: #cccccc; }
.contactosLeftIcon i { font-size: 40px; padding-left: 26px;  padding-top: 18px; }
.contactosLeftCts { float: left; height: auto; overflow: hidden; width: 300px; }
.contactsTitle { font-size: 16px; color: #000; font-weight: bold; margin-bottom: 15px; }
.contactsInfo { font-size: 15px; color:#777;  }
.tLefter { text-align: left; }
.contactsForm { float: right; height: auto; overflow: hidden; width: 600px; }
.contactsForm label { font-size: 14px; color:#777; font-weight: bold; margin-bottom: 5px; }
.contactsForm label em { color:#F00; }
.contactsForm input[type=text] { border:0px none; outline:none; background-color: #f0f0f0; color:#000; font-size: 15px; margin-bottom: 15px; height: 40px; padding-left: 15px; width:100%; clear: both; }
.contactsForm textarea { border:0px none; outline:none; background-color: #f0f0f0; color:#000; font-size: 15px; margin-bottom: 15px; height: 100px; padding-left: 15px; padding-top: 15px; width:100%; clear: both; }
.ipLeft { float: left; height: auto; overflow: hidden; width: 47.5%; }
.ipRight { float: right; height: auto; overflow: hidden; width: 47.5%; }
.clearer { clear: both; }
.btSbs { border:0px none; outline:none; color:#000; font-size: 14px; font-weight: bold; background-color: #f0f0f0; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; }

/** Responsive **/
.mobileMenuTrigger{height:45px;padding: 10px 0;background-color:#000;display:none;}
.mobileMenuTrigger a#toggle{display:block;width:25px;height:25px;background:url(/public/images/menu.png) 0 0;float: left;margin-left: 10px;}
.mobileMenuTrigger a#toggle.active, .mobileMenuTrigger a#toggle:hover{}
.mobileMenu {width:100%;height:auto;background:#000;border-top:1px solid #808080;position: absolute;top: 45px;display:none;z-index:5;}
.mobileMenu .navMenu{}
.mobileMenu .navMenu li {text-align:left;border-bottom:1px solid #808080;padding:10px}
.mobileMenu .navMenu li.last{border-bottom:0;}
.mobileMenu .navMenu li a{color:#FFF; text-transform:uppercase; font-size:14px; text-decoration:none;}
.mobileMenu .navMenu li a.active, .mobileMenu .navMenu li a:hover{color:#a7a7a7;}
#responsiveHeader { display:none; z-index:4; position:relative; }
.grid-item { max-width: 100%; }
.grid-item img { max-width: 100%; }

@media screen and (max-width: 1280px) {
    .menu ul li {  margin-right: 30px;  }
}
@media screen and (max-width: 1100px) {
    .menu ul li a { font-size: 18px; }
}

@media screen and (max-width: 1080px) {
    .gmapa { width: 95%; margin-left: auto; margin-right: auto; }
    .contactosLeftIcon { display: none; }
    .contactsLeft { max-width: 95%; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 50px; float: none; }
    .contactsForm { max-width: 95%; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 50px; float: none; }
    .contactosLeftCts { width: 100%; }
    .menu ul li {  margin-right: 15px;  }
}
@media screen and (max-width: 1000px) {
    .headerContainer { width: 95%; margin: 0 auto; }
    .noticiasItem { width: 45%; margin-bottom: 50px;  }
    .chefProfItem { width: 45%; margin-bottom: 50px;  }
    .menu ul li a { font-size: 18px; }
    .quemSomosContainer { width: 95%; margin-left: auto; margin-right: auto; }

}
@media screen and (max-width: 985px) {
    .grid { max-width: 620px !important; width: 100% !important; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 930px) {
    #responsiveHeader { display: block; }
    .menu { display: none; }
    .mobileMenuTrigger { display:block; }
    .clienteItem { width: 30%; }
    .jiItem { width: 30%; }
}
@media screen and (max-width: 640px) {
    .noticiasItem { width: 95%; margin-bottom: 50px;  }
    .chefProfItem { width: 95%; margin-bottom: 50px;  }
    .slideTitle { font-size: 40px; }
    .slideSubTitle { font-size: 16px; }
    .slideBts a { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
    .clienteItem { width: 45%; }
    .jiItem { width: 45%; }
}
@media screen and (max-width: 600px) {
    .headerWelcome { display: none; }
    .haderRight { float: none; width: 100%; text-align: center; }
}
@media screen and (max-width: 500px) {
  /*  .jiItem { width: 100%; } */
    .clienteItem { width: 100%; }
}