.clientes .content,
.content,
.curriculo .segura-form,
.segura-secundarias {
  margin: 0 auto;
  float: none;
}
#portfolio-carousel ul li.destaque a img,
.og-fullimg img {
  max-height: 100%;
}
.secundarias header {
  height: 130px;
}
.clear {
  clear: both;
}
.ativo {
  color: #bcbdc0 !important;
}
.empresa {
  background: url("../media/img/bg-agencia.png") top center no-repeat;
}
.empresa h2 {
  font-size: 50px;
  text-align: center;
  margin-top: 25px;
}
.empresa .texto {
  margin-top: 20px;
  letter-spacing: 1px;
  line-height: 25px;
}
.empresa .texto span {
  font-family: source-bold, sans-serif;
}
#portfolio-carousel h3 span,
.contato .mapa div h3,
.contato h2,
.empresa .div-botoes a {
  font-family: museo300, sans-serif;
}
.empresa .div-botoes {
  float: none;
  margin: 50px auto 0;
  text-align: center;
  display: block;
  clear: both;
  height: 260px;
}
.empresa .div-botoes a {
  background: #007cb2;
  color: #fff;
  font-size: 18px;
  float: left;
  width: 180px;
  padding-top: 15px;
  height: 65px;
  margin-right: 1px;
  transition: color 0.7s;
  -webkit-transition: color 0.7s;
}
.contato .mapa .tel p,
.contato h2 span,
.empresa .div-botoes span,
.solucoes .chamada,
.solucoes .popup .desc strong {
  font-family: museo700, sans-serif;
}
.empresa .div-botoes a:hover,
.empresa .tabs-empresa span#link-historia,
.empresa .tabs-empresa span:hover {
  color: #bcbdc0;
}
.empresa .div-botoes span {
  display: block;
  font-size: 24px;
}
.empresa div.tabs-empresa {
  width: 460px;
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.empresa .tabs-empresa span {
  background-color: #c43251;
  width: 150px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  display: inline-block;
  margin: auto;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  cursor: pointer;
}
#portfolio-carousel ul li .selected .ver-mais p,
.empresa #apresentacao,
.empresa #valores,
.og-details a[href=""],
.portfolio .menu-mobile-select {
  display: none;
}
.empresa #valores ul li {
  list-style-type: circle;
  list-style-position: inside;
}
.portfolio {
  background: url("../media/img/bg-portfolio.png") top center no-repeat;
}
.portfolio .col12 {
  margin: auto;
  float: none;
}
.portfolio h2 {
  text-align: center;
  font-size: 42px;
  margin-top: 36px;
}
.portfolio .descricao {
  margin: 30px 0 63px;
  text-align: center;
}
.portfolio .menu {
  margin-bottom: 40px;
  margin-top: 51px;
}
.portfolio .menu ul,
.solucoes .texto p {
  text-align: center;
}
.portfolio .menu li {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  margin: 0 4px;
  border-radius: 0 0 5px 5px;
}
.portfolio .menu li.ativo,
.portfolio .menu li:hover {
  background: #007cb2;
  border-bottom: 4px solid #005a81;
}
.portfolio nav.menu.fixou {
  position: fixed;
  top: 0;
  background: url("../media/img/bg-menu-portfolio.jpg") repeat-x;
  z-index: 999;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 -5px 15px 0 rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0 -5px 15px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 -5px 25px 0 rgba(50, 50, 50, 0.2);
}
.portfolio nav.menu ul li a span {
  height: 25px !important;
}
.portfolio .menu li a {
  display: block;
  color: #666;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  padding: 15px 10px;
  float: left;
  position: relative;
  z-index: 999999;
}
.portfolio .menu .bt1.ativo a,
.portfolio .menu .bt2.ativo a,
.portfolio .menu .bt3.ativo a,
.portfolio .menu .bt4.ativo a,
.portfolio .menu .bt5.ativo a,
.portfolio .menu .bt6.ativo a,
.portfolio .menu .bt7.ativo a,
.portfolio .menu .bt8.ativo a,
.portfolio .menu .bt9.ativo a,
.portfolio .menu li a:hover {
  color: #fff;
}
.portfolio .menu li span {
  display: block;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  margin: 0 auto 15px;
}
.portfolio .menu .bt1 span {
  background: url("../media/img/sprite.png") -1px -53px no-repeat;
  width: 19px;
  height: 19px;
  display: block;
}
.portfolio .menu .bt2 span {
  background: url("../media/img/sprite.png") -23px -53px no-repeat;
  width: 26px;
  height: 23px;
}
.portfolio .menu .bt3 span {
  background: url("../media/img/sprite.png") -87px -53px no-repeat;
  width: 24px;
  height: 26px;
}
.portfolio .menu .bt4 span {
  background: url("../media/img/sprite-2.png") -85px -53px no-repeat;
  width: 26px;
  height: 23px;
}
.portfolio .menu .bt5 span {
  background: url("../media/img/sprite-2.png") -85px -53px no-repeat;
  width: 24px;
  height: 20px;
}
.portfolio .menu .bt6 span {
  background: url("../media/img/sprite.png") -113px -53px no-repeat;
  width: 20px;
  height: 21px;
}
.portfolio .menu .bt7 span {
  background: url("../media/img/sprite.png") -135px -53px no-repeat;
  width: 18px;
  height: 20px;
}
.portfolio .menu .bt8 span {
  background: url("../media/img/sprite.png") -156px -53px no-repeat;
  width: 20px;
  height: 19px;
}
.portfolio .menu .bt9 span {
  background: url("../media/img/sprite.png") -179px -53px no-repeat;
  width: 23px;
  height: 23px;
}
.portfolio .menu .bt1.ativo span,
.portfolio .menu .bt1:hover span {
  background-position: -1px -25px;
}
.portfolio .menu .bt2.ativo span,
.portfolio .menu .bt2:hover span {
  background-position: -23px -25px;
}
.portfolio .menu .bt3.ativo span,
.portfolio .menu .bt3:hover span {
  background-position: -87px -25px;
}
.portfolio .menu .bt4.ativo span,
.portfolio .menu .bt4:hover span {
  background-position: -85px -25px;
}
.portfolio .menu .bt5.ativo span,
.portfolio .menu .bt5:hover span {
  background-position: -85px -25px;
}
.portfolio .menu .bt6.ativo span,
.portfolio .menu .bt6:hover span {
  background-position: -113px -25px;
}
.portfolio .menu .bt7.ativo span,
.portfolio .menu .bt7:hover span {
  background-position: -135px -25px;
}
.portfolio .menu .bt8.ativo span,
.portfolio .menu .bt8:hover span {
  background-position: -156px -25px;
}
.portfolio .menu .bt9.ativo span,
.portfolio .menu .bt9:hover span {
  background-position: -179px -25px;
}
#portfolio-carousel h3 {
  font-family: museo500, sans-serif;
  font-size: 22px;
  text-align: right;
  margin-top: 15px;
  margin-right: 10px;
  transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
}
#portfolio-carousel .destaque h3 {
  font-size: 30px;
}
#portfolio-carousel h3 span {
  font-size: 24px;
}
#portfolio-carousel ul li a .tipo {
  color: #999;
  font-size: 14px;
  text-align: right;
  display: block;
  margin-right: 10px;
  transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
}
#portfolio-carousel ul {
  display: block;
  float: left;
}
#portfolio-carousel #linha1 {
  margin-bottom: 20px;
}
#portfolio-carousel .linha:last-child {
  margin-bottom: 100px !important;
}
#portfolio-carousel ul li a .segura-img {
  height: 280px;
  overflow: hidden;
}
#portfolio-carousel ul li .galeria {
  border-bottom: 2px solid #d9d9d9;
  display: inline-block;
  background: #fff;
  height: 360px;
  margin-bottom: 30px;
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  overflow: hidden;
  width: 100%;
}
#portfolio-carousel ul li a img {
  max-height: 280px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  width: 100%;
}
#portfolio-carousel .destaque .galeria {
  height: 450px;
}
#portfolio-carousel ul li.destaque a .ver-mais {
  height: 360px;
  width: 100%;
  bottom: 426px;
}
#portfolio-carousel ul li.destaque a .segura-img {
  height: 360px;
}
#portfolio-carousel ul li a .ver-mais {
  background: rgba(195, 47, 78, 0.85);
  width: 280px;
  height: 282px;
  position: relative;
  bottom: 339px;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  opacity: 0;
}
#portfolio-carousel .item img {
  width: 780px;
  height: 490px;
}
#portfolio-carousel .owl-buttons {
  margin-bottom: 150px;
  display: inline-block;
}
#portfolio-carousel .owl-next,
#portfolio-carousel .owl-prev {
  background: url("../media/img/sprite.png") -169px -103px no-repeat;
  width: 80px;
  height: 99px;
  text-indent: -9999px;
  margin-top: 8px;
}
#portfolio-carousel .owl-next {
  background-position: -209px -1px;
  width: 148px;
  position: absolute;
  margin-top: -292px;
  margin-right: -199px;
}
#portfolio-carousel .owl-page,
.portfolio-carousel-inside .owl-page {
  display: inline-block;
  text-align: center;
}
#portfolio-carousel .owl-page span,
.portfolio-carousel-inside .owl-page span {
  display: block;
  background: url("../media/img/sprite.png") -152px -1px no-repeat;
  width: 8px;
  height: 8px;
  margin-right: 10px;
}
#portfolio-carousel .owl-page.active,
.portfolio-carousel-inside .owl-page.active {
  vertical-align: -3px;
}
#portfolio-carousel .owl-page.active span,
.portfolio-carousel-inside .owl-page.active span {
  background-position: -136px -1px;
  width: 14px;
  height: 14px;
}
#portfolio-carousel ul li .galeria.active {
  background: #c32f4e;
  border-bottom: 2px solid #c32f4e;
}
#portfolio-carousel ul li .active .tipo,
#portfolio-carousel ul li .active h3 {
  color: #fff;
  margin-right: 20px;
}
#portfolio-carousel ul li .active .ver-mais,
.solucoes .content ul li.active .txt-menu,
.solucoes .content ul li.selected .txt-menu {
  opacity: 1;
}
#portfolio-carousel ul li .active .ver-mais p {
  width: 64px;
  height: 50px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  top: 50%;
  margin-top: -25px;
  font-size: 14px;
  color: #fff;
}
#portfolio-carousel ul li .active .mais-icon {
  display: block;
  background: url("../media/img/sprite.png") -1px -79px no-repeat;
  width: 31px;
  height: 31px;
  margin-left: 18px;
  margin-bottom: 12px;
}
#portfolio-carousel ul li .active img,
#portfolio-carousel ul li .selected img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#portfolio-carousel ul li .selected,
#portfolio-carousel ul li .selected:hover {
  background: #eee;
  border-bottom: 2px solid #eee;
}
#portfolio-carousel ul li .selected .seta-select {
  position: absolute;
  top: 820px;
  display: block;
  margin-left: 130px;
}
#portfolio-carousel ul .destaque .selected .seta-select {
  margin-left: 280px;
}
#portfolio-carousel ul li .selected .ver-mais {
  background: url("../media/img/bg-portfolio-selected.png");
  opacity: 1;
}
#portfolio-carousel ul li .active h3,
#portfolio-carousel ul li .selected .tipo,
#portfolio-carousel ul li .selected h3 {
  color: #fefefe;
  margin-right: 20px;
}
.portfolio .popup {
  width: 100%;
  height: 560px;
  float: left;
  background: url("../media/img/bg-popup-portfolio.jpg") top center no-repeat;
  position: absolute;
  z-index: 9999;
  left: 0;
  margin-top: 390px;
}
.portfolio .popup .fechar {
  background: url("../media/img/sprite.png") -35px -80px no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  float: right;
  margin-right: 20px;
}
.portfolio .popup .segura-slide .content {
  width: 780px;
  margin-top: 27px;
  height: 490px;
}
#portfolio-carousel-inside .owl-next,
.portfolio-carousel-inside .owl-prev {
  background: url("../media/img/sprite.png") -169px -103px no-repeat;
  width: 80px;
  height: 99px;
  text-indent: -9999px;
  position: absolute;
  top: 195px;
  right: 900px;
}
.portfolio-carousel-inside .owl-next {
  background: url("../media/img/sprite.png") -209px -1px no-repeat;
  width: 148px;
  height: 99px;
  right: 0;
}
.portfolio-carousel-inside .owl-pagination {
  padding: 10px 7px 7px;
  float: left;
  background: url("../media/img/bg-portfolio-inside.png");
  bottom: 65px;
  margin-left: 20px;
  position: relative;
}
.segura-slide .owl-pagination a {
  background: #fff;
  border-radius: 30px;
  text-indent: -9999px;
  color: #fff;
  margin: 0 4px;
  width: 14px;
  height: 15px;
  display: inline-block;
}
.segura-slide .owl-pagination a.activeSlide {
  background: #f7476d;
  color: #f7476d;
}
.portfolio .segura-informacoes {
  width: 780px;
  margin: auto;
}
.portfolio .informacoes {
  position: relative;
  float: right;
  margin-right: 30px;
  margin-top: -160px;
  z-index: 20;
}
.portfolio .informacoes h4 {
  color: #fefefe;
  font-size: 40px;
  background: url("../media/img/bg-portfolio-inside.png");
  padding: 4px 10px;
}
.portfolio .informacoes .tipo {
  display: block;
  background: url("../media/img/bg-portfolio-inside.png");
  color: #fefefe;
  font-size: 18px;
  float: right;
  padding: 3px 7px;
  margin: 1px 0;
}
.portfolio .informacoes .conheca {
  display: block;
  background: #f8476c;
  color: #fefefe;
  font-size: 12px;
  float: right;
  clear: both;
  padding: 10px;
  text-transform: uppercase;
}
.contato {
  background: url("../media/img/contato-image.jpg") top center no-repeat;
}
.contato .mapa {
  width: 436px;
  height: 234px;
  margin-top: 140px;
  float: right;
}
.contato .mapa div {
  width: 370px;
  height: 72px;
  margin: 0 auto;
  clear: both;
}
.contato .mapa div h3 {
  float: left;
  color: #ff5c7e;
  font-size: 24px;
  margin-left: 10px;
}
.contato .mapa .endereco {
  margin-top: 35px;
}
.contato .mapa .endereco span {
  background: url("../media/img/sprite.png") -62px -80px no-repeat;
  width: 20px;
  height: 30px;
  display: inline-block;
  float: left;
}
.contato .mapa .endereco p {
  margin-left: 160px;
  color: #fff;
  font-size: 18px;
}
.contato .mapa .tel {
  margin-top: 30px;
}
.contato .mapa .tel span {
  background: url("../media/img/sprite.png") -86px -79px no-repeat;
  width: 21px;
  height: 28px;
  display: inline-block;
  float: left;
}
.contato .mapa .tel p {
  font-size: 24px;
  margin-left: 160px;
  color: #fff;
}
.contato h2 {
  font-size: 36px;
  text-align: center;
  margin: 40px 0;
}
.contato h2 span {
  display: block;
}
.contato .div-right {
  float: right;
  margin-top: 40px;
}
.contato .div-right .curriculo,
.contato .div-right .orcamento {
  color: #fff;
  text-align: center;
  display: block;
  width: 338px;
  height: 32px;
  background: #007cb2;
  margin-top: 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
  float: right;
  padding-top: 18px;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
}
.contato .div-right a span {
  background: url("../media/img/sprite.png") -251px -103px no-repeat;
  width: 58px;
  height: 50px;
  display: inline-block;
  float: left;
  position: relative;
  bottom: 18px;
}
.contato .div-right .curriculo span {
  background-position: -251px -154px;
}
.contato .div-right .redes-sociais a,
.solucoes .content ul li .icon {
  background: url("../media/img/sprite.png") no-repeat;
  display: inline-block;
}
.contato .div-right .redes-sociais {
  margin-top: 30px;
  float: right;
}
.contato .div-right .redes-sociais a {
  width: 32px;
  height: 32px;
  margin-right: -2px;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
}
.contato .div-right .redes-sociais span {
  font-size: 24px;
  color: #8c8c8c;
  vertical-align: 9px;
  margin-right: 27px;
}
.contato .div-right .redes-sociais .facebook {
  background-position: -310px -103px;
}
.contato .div-right .redes-sociais .twitter {
  background-position: -344px -103px;
}
.contato .div-right .redes-sociais .google-plus {
  background-position: -310px -136px;
}
.contato .div-right .redes-sociais .linkedin {
  background-position: -344px -136px;
}
.contato .div-right a:hover {
  opacity: 0.6;
}
.curriculo {
  background: url("../media/img/bg-curriculo.png") top center no-repeat;
}
.curriculo .content .col12 {
  margin-bottom: 250px;
}
.curriculo h2 {
  font-size: 46px;
  color: #fff;
  text-align: center;
  margin: 30px 0 135px;
}
.curriculo .info {
  width: 335px;
  float: right;
  margin-right: 20px;
}
.curriculo .info p {
  font-size: 18px;
  text-align: right;
}
.clientes {
  background: url("../media/img/bg-clientes.jpg") top center no-repeat;
}
.clientes h2 {
  font-size: 24px;
  color: #c32f4e;
  margin: 30px 0 30px 20px;
}
.clientes .content div {
  background: url("../media/img/bg-div-clientes.png") bottom left no-repeat;
  padding-bottom: 80px;
}
.clientes .content .outros {
  background: 0 0;
}
.clientes .content ul li {
  display: inline-block;
  margin-right: 44px;
  margin-bottom: 30px;
}
.solucoes {
  background: url("../media/img/bg-solucoes.jpg") top center no-repeat;
}
.solucoes h2 {
  text-align: center;
  font-size: 46px;
  margin-bottom: 30px;
}
.solucoes .texto {
  overflow: hidden;
  height: 172px;
  transition: height 1s;
}
.solucoes .bg-top {
  background: url("../media/img/bg-solucoes-content-top.png") top center
    no-repeat;
  width: 100%;
  height: 103px;
  display: block;
}
.solucoes .bg-bot,
.solucoes .bg-mid {
  height: 99px;
  display: block;
  width: 100%;
}
.solucoes .top {
  background: #007fb6;
  transition: height 1s linear;
  -webkit-transition: height 1s linear;
  overflow: hidden;
}
.solucoes .bg-mid {
  background: url("../media/img/bg-solucoes-content-mid.png") top center
    no-repeat;
}
.solucoes .bot {
  background: #006c9b;
  transition: height 1s linear;
  -webkit-transition: height 1s linear;
  overflow: hidden;
}
.solucoes .bg-bot {
  background: url("../media/img/bg-solucoes-content-bot.png") top center
    no-repeat;
}
.solucoes .content {
  width: 100%;
}
.solucoes .content ul {
  float: none;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.solucoes .content ul li {
  width: 190px;
  height: 104px;
  margin: 0 20px;
  display: inline-block;
  font-size: 22px;
  color: #fff;
  line-height: 25px;
  cursor: pointer;
  border-bottom: 4px solid transparent;
  float: left;
  transition: height 0.5s;
}
.solucoes .content ul li a.abre {
  display: block;
  height: 100px;
}
.solucoes .content ul li .icon {
  margin-top: 18px;
  transition: background 0.7s;
  -webkit-transition: background 0.7s;
  float: left;
}
.info-projeto h4,
.info-projeto span,
span.next-project {
  float: right;
  display: inline-block;
}
.solucoes .content ul li .txt-menu {
  display: inline-block;
  float: right;
  text-align: left;
  opacity: 0.5;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
}
.solucoes .content ul li.selected {
  height: 470px;
}
.solucoes .content ul li.sites.selected {
  height: 890px;
}
.solucoes .content ul li.lojas-virtuais.selected {
  height: 1060px;
}
.solucoes .content ul li.intranet.selected {
  height: 590px;
}
.solucoes .content ul li.mobile.selected {
  height: 590px;
}
.solucoes .content ul li.multimidia.selected {
  height: 470px;
}
.solucoes .content ul li.atendimento.selected {
  height: 1020px;
}
.solucoes .content .lista-content {
  text-align: left;
}
.solucoes .content .lista-content li {
  font-size: 16px;
  display: block;
  width: auto;
  margin: 0;
  color: #cbecfb;
  padding-bottom: 10px;
  height: auto;
}
.solucoes .content ul li.selected a.abre {
  border-bottom: 4px solid #5eceff;
}
.solucoes .content ul .sites .icon {
  background-position: -360px -1px;
  width: 50px;
  height: 45px;
}
.solucoes .content ul .sites.active .icon,
.solucoes .content ul .sites.selected .icon {
  background-position: -360px -49px;
}
.solucoes .content ul .sites .txt-menu {
  margin-right: 20px;
  width: 90px;
}
.solucoes .content ul .lojas-virtuais .icon {
  background-position: -413px -1px;
  width: 49px;
  height: 41px;
  margin-top: 5px;
}
.solucoes .content ul .lojas-virtuais.active .icon,
.solucoes .content ul .lojas-virtuais.selected .icon {
  background-position: -413px -45px;
}
.solucoes .content ul .lojas-virtuais .txt-menu {
  margin-right: 20px;
  width: 80px;
}
.solucoes .content ul .mobile {
  font-size: 20px;
  vertical-align: 7px;
}
.solucoes .content ul .aplicativo .menor,
.solucoes .content ul .mobile .menor {
  font-size: 18px;
}
.solucoes .content ul .mobile .icon {
  background-position: -468px -1px;
  width: 28px;
  height: 46px;
  margin-top: 12px;
}
.solucoes .contsent ul .mobile.active .icon,
.solucoes .content ul .mobile.selected .icon {
  background-position: -468px -50px;
}
.solucoes .content ul .mobile .txt-menu {
  margin-right: 15px;
  width: 110px;
}
.solucoes .content ul .aplicativo {
  vertical-align: 8px;
}
.solucoes .content ul .aplicativo .icon {
  background-position: -430px -98px;
  width: 76px;
  height: 54px;
  margin-top: 3px;
  margin-right: 10px;
}
.solucoes .content ul .aplicativo.active .icon,
.solucoes .content ul .aplicativo.selected .icon {
  background-position: -430px -155px;
}
.solucoes .content ul .aplicativo .txt-menu {
  font-size: 20px;
  width: 100px;
}
.solucoes .content ul .facebook {
  vertical-align: 10px;
}
.solucoes .content ul .facebook .icon {
  background-position: -201px -297px;
  width: 47px;
  height: 47px;
  margin-top: 3px;
}
.solucoes .content ul .facebook.active .icon,
.solucoes .content ul .facebook.selected .icon {
  background-position: -201px -347px;
}
.solucoes .content ul .facebook .txt-menu {
  font-size: 24px;
  width: 100px;
}
.solucoes .content ul .intranet .icon {
  background-position: -297px -298px;
  width: 40px;
  height: 38px;
  margin-top: 3px;
}
.solucoes .content ul .intranet.active .icon,
.solucoes .content ul .intranet.selected .icon {
  background-position: -297px -339px;
}
.solucoes .content ul .intranet .txt-menu {
  font-size: 24px;
  margin-right: 15px;
  width: 110px;
}
.solucoes .content ul .blogs .icon {
  background-position: -341px -298px;
  width: 42px;
  height: 42px;
  margin-top: 0;
  margin-left: 30px;
}
.solucoes .content ul .blogs.active .icon,
.solucoes .content ul .blogs.selected .icon {
  background-position: -341px -343px;
}
.solucoes .content ul .blogs .txt-menu,
.solucoes .content ul .ecrm .txt-menu {
  margin-right: 30px;
  font-size: 24px;
  margin-top: 10px;
}
.solucoes .content ul .ecrm .icon {
  background-position: -384px -98px;
  width: 45px;
  height: 51px;
  margin-left: 20px;
  margin-top: 0;
}
.solucoes .content ul .ecrm.active .icon,
.solucoes .content ul .ecrm.selected .icon {
  background-position: -384px -151px;
}
.solucoes .content ul .atendimento .icon {
  background-position: -384px -297px;
  width: 53px;
  height: 28px;
  margin-top: 12px;
}
.solucoes .content ul .atendimento.active .icon,
.solucoes .content ul .atendimento.selected .icon {
  background-position: -384px -328px;
}
.solucoes .content ul .atendimento .txt-menu {
  font-size: 24px;
}
.solucoes .content ul .atendimento .menor {
  font-size: 18px;
  display: block;
}
.solucoes .content ul .multimidia {
  vertical-align: -10px;
}
.solucoes .content ul .multimidia .icon {
  background-position: -249px -297px;
  width: 46px;
  height: 46px;
  margin-top: 5px;
}
.solucoes .content ul .multimidia.active .icon,
.solucoes .content ul .multimidia.selected .icon {
  background-position: -249px -346px;
}
.solucoes .content ul .multimidia .txt-menu {
  font-size: 24px;
  margin-top: 15px;
}
.solucoes .segura-popup {
  position: absolute;
  top: 104px;
  left: 0;
  width: 100%;
  border-top: 1px solid #3399c5;
  margin-top: -5px;
  display: none;
}
.solucoes .popup {
  float: none;
  margin: 30px auto 0;
}
.solucoes .chamada {
  color: #fefefe;
  font-size: 29px;
  margin: 20px 0 30px;
  text-align: left;
}
@media(max-width:500px){
  .solucoes .chamada{
    font-family: museo300, sans-serif;
  }
}

.solucoes .popup .desc {
  text-align: left;
  color: #cbecfb;
  font-size: 16px;
}
.solucoes .popup .veja-mais {
  text-transform: uppercase;
  color: #fefefe;
  font-size: 12px;
  background: #005276;
  text-align: center;
  padding: 14px 19px;
  margin-top: 50px;
  display: inline-block;
}
.solucoes .content .fechar {
  background: url("../media/img/sprite.png") -314px -175px no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 700px;
  cursor: pointer;
}
.og-grid {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.og-grid li.destaque-grid {
  height: 428px;
  width: 1145px;
}
.og-grid li {
  display: inline-block;
  margin: 12px;
  vertical-align: top;
  width: 265px;
  height: 368px;
  overflow: hidden;
}
.og-grid li > a > img {
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
}
span.next-project {
  position: absolute;
  right: 0;
  background-color: #eee;
  width: 100px;
  height: 53px;
  text-align: center;
  color: #999;
  text-transform: uppercase;
  line-height: 23px;
  padding-top: 10px;
  top: 200px;
  cursor: pointer;
}
.og-grid li.og-expanded > a > img {
  opacity: 0.4;
}
.og-grid li .info-projeto {
  height: 76px;
  border-bottom: 2px solid #d9d9d9;
  text-align: right;
}
.info-projeto h4 {
  color: #666;
  font-size: 20px;
  font-family: museo500, source-regular, sans-serif;
  clear: both;
  text-align: right;
  margin: 15px 0 0;
}
.info-projeto span {
  clear: both;
  color: #999;
  font-size: 16px;
}
.og-grid li > a,
.og-grid li > a img {
  border: none;
  outline: 0;
  display: block;
  position: relative;
  width: 100%;
}
.og-grid li.og-expanded > a::after {
  top: auto;
  border: 15px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #c32f4e;
  left: 50%;
  margin: -20px 0 0 -15px;
}
.og-expander {
  position: absolute;
  background: #c32f4e;
  top: auto;
  left: 0;
  width: 100%;
  margin-top: 10px;
  text-align: left;
  height: 0;
  overflow: hidden;
}
.og-expander-inner {
  padding: 50px 30px;
  height: 100%;
  box-sizing: border-box;
}
.og-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.og-close::after,
.og-close::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  height: 5px;
  background: #888;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.og-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.og-close:hover::after,
.og-close:hover::before {
  background: #333;
}
.og-fullimg {
  width: 100%;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.og-fullimg img {
  display: inline-block;
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.og-fullimg img.atual {
  visibility: visible;
  opacity: 1;
}
.og-details a::before {
  content: "\2192";
  display: inline-block;
  margin-right: 10px;
}
.og-details a:hover {
  border-color: #999;
  color: #999;
}
.og-loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation: 0.5s ease-in-out infinite both loader;
  -moz-animation: 0.5s ease-in-out infinite both loader;
  animation: 0.5s ease-in-out infinite both loader;
}
.proximo-projeto,
.voltar-projeto {
  height: 99px;
  text-indent: 9999px;
  cursor: pointer;
}
.slides-controls {
  position: relative;
  z-index: 999;
  top: 38%;
}
.slides-controls div {
  height: 100px;
  background-color: #9b243d;
  position: absolute;
  left: 0;
  width: 100px;
  cursor: pointer;
}
.og-details h3,
.og-details p {
  background-color: rgba(155, 36, 61, 0.9);
  width: auto;
  margin: 1px;
}
.slides-controls div + div {
  right: 0;
  left: initial;
  background-color: #fff;
}
.slides-controls div:after,
.slides-controls div:before {
  content: "";
  height: 3px;
  width: 40px;
  position: absolute;
  background-color: #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 30px;
  top: 60px;
}
.slides-controls div + div:after,
.slides-controls div + div:before {
  background-color: #9b243d;
  left: 30px;
}
.slides-controls div + div:before {
  top: 34px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slides-controls div + div:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
div.slides-controls div:first-child:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slides-controls div:first-child:after {
  top: 33px;
}
.og-details {
  position: absolute;
  width: 780px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: right;
  bottom: 100px;
}
.og-details h3 {
  font-size: 40px;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  float: right;
  clear: both;
}
.og-details a,
.og-details p {
  display: inline-block;
  float: right;
  clear: both;
  color: #fff;
  padding: 10px;
}
.og-details p {
  font-size: 18px;
}
.og-details a {
  background-color: #f8476c;
  font-size: 14px;
  text-transform: uppercase;
}
@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}
@-moz-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}
@keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}
@media screen and (max-width: 830px) {
  .og-expander h3 {
    font-size: 32px;
  }
  .og-expander p {
    font-size: 13px;
  }
  .og-expander a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  .empresa h2 {
    font-size: 36px;
  }
  .empresa .texto {
    margin-left: 0;
    margin-top: 30px;
  }
  .empresa .div-botoes {
    width: 362px;
  }
  .portfolio .col_dk12 {
    width: 960px;
  }
  .portfolio .descricao {
    margin-bottom: 58px;
  }
  .portfolio .menu-mobile-select {
    display: none;
  }
  .solucoes h2 {
    font-size: 42px;
  }
  .solucoes .content ul li {
    width: 175px;
    margin: 0 5px;
  }
  .solucoes .content ul .aplicativo .txt-menu {
    font-size: 18px;
  }
  .solucoes .content ul .facebook .txt-menu {
    font-size: 22px;
  }
  .solucoes .content ul .aplicativo {
    width: 200px;
  }
  .solucoes .content ul .aplicativo .menor {
    font-size: 16px;
  }
  .solucoes .content ul .intranet,
  .solucoes .content ul .sites {
    margin-left: 0;
  }
  .solucoes .content ul .facebook,
  .solucoes .content ul .multimidia {
    margin-right: 0;
  }
  .contato .mapa {
    width: 380px;
    margin-top: 137px;
  }
  .contato .mapa div h3 {
    font-size: 18px;
    margin-top: 5px;
  }
  .contato .mapa .endereco p {
    margin-top: 5px;
  }
  .contato .mapa .icone {
    margin-left: 15px;
  }
  .contato .receber {
    float: right;
  }
  .contato .receber #receber {
    margin-left: 120px;
  }
  #newsletter {
    margin-left: 55px;
  }
  .contato .div-right .curriculo,
  .contato .div-right .orcamento {
    width: 300px;
    margin-top: 27px;
  }
}
@media only screen and (max-width: 940px) {
  .solucoes .bg-bot,
  .solucoes .bg-mid,
  .solucoes .bg-top {
    display: none;
  }
  .solucoes .texto {
    height: 200px;
  }
  .solucoes .content ul {
    min-height: 200px;
  }
  .solucoes .segura-popup {
    top: 194px;
  }
  .solucoes .content ul li {
    text-align: center;
    float: left;
    width: 130px !important;
  }
  .solucoes .content ul li.selected {
    height: 510px;
  }
  .solucoes .content ul li .txt-menu,
  .solucoes .content ul li a span {
    display: block;
  }
  .solucoes .content ul li .icon {
    margin: 50px auto auto !important;
    float: none;
  }
  .solucoes .content ul li .menor,
  .solucoes .content ul li .txt-menu {
    font-size: 16px !important;
    text-align: center;
    width: 100% !important;
    margin: auto !important;
  }
  .solucoes .content .fechar {
    float: right;
    margin-bottom: 20px;
  }
  .solucoes .content ul li.selected a.abre {
    padding-bottom: 90px;
  }
  .solucoes .content ul li.sites.selected {
    height: 880px;
  }
  .solucoes .content ul li.lojas-virtuais.selected {
    height: 1260px;
  }
  .solucoes .content .lista-content li {
    width: 100% !important;
    display: block;
    text-align: left;
  }
  .solucoes .content ul li.intranet.selected {
    height: 610px;
  }
  .solucoes .content ul li.mobile.selected {
    height: 680px;
  }
  .solucoes .content ul li.multimidia.selected {
    height: 570px;
  }
  .solucoes .content ul li.atendimento.selected {
    height: 1130px;
  }
  .solucoes .content ul li.ecrm.selected {
    height: 600px;
  }
  .portfolio .col_dk12 {
    width: 720px;
  }
  .portfolio .descricao {
    margin-bottom: 30px;
  }
  .portfolio .menu li {
    margin: 0;
  }
  .portfolio .menu li a {
    float: none;
    padding: 15px 4px;
  }
  .portfolio ul {
    width: 100%;
  }
  .portfolio .gutter {
    width: 48%;
    margin: 0 10px 0 auto;
  }
  .portfolio .destaque {
    width: 100% !important;
  }
  .portfolio .galeria {
    height: 350px !important;
  }
  .slides-controls {
    top: 25%;
  }
  span.next-project {
    top: 300px;
  }
  .curriculo h2 {
    margin-bottom: 100px;
  }
  .contato .mapa,
  .contato .mapa div {
    width: 260px;
  }
  .contato .mapa h3 {
    display: block;
    margin-bottom: 16px;
  }
  .contato .mapa .endereco {
    margin: 20px 0 50px;
  }
  .contato .mapa .icone {
    margin-right: 10px;
    margin-left: 12%;
  }
  .contato .mapa .endereco p,
  .contato .mapa .tel p {
    margin-top: 0;
    clear: both;
    font-size: 16px;
    margin-left: 15%;
  }
  .contato .div-right .redes-sociais {
    float: none;
    text-align: center;
  }
  .contato .div-right .redes-sociais span {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    float: left;
    margin-top: 5px;
    margin-right: 40px;
  }
  .contato .div-right .curriculo,
  .contato .div-right .orcamento {
    width: 220px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 700px) {
  .portfolio {
    background: url("../media/img/bg-portfolio-sm.png") top center no-repeat;
  }
  .empresa h2 {
    font-size: 28px;
    margin-top: 0;
  }
  .contato h2,
  .curriculo h2 {
    font-size: 26px;
  }
  .empresa .texto {
    font-size: 14px;
    margin: 20px auto 0;
    text-align: justify;
  }
  .empresa .div-botoes {
    margin-top: 0;
  }
  .empresa .div-botoes a {
    display: block;
    float: none;
    margin: 10px auto;
  }
  .empresa .div-botoes,
  .empresa div.tabs-empresa {
    width: 100%;
    height: auto;
  }
  .empresa .tabs-empresa span {
    display: block;
    margin: 0 auto 10px;
    padding: 10px 35px;
  }
  .contato .mapa {
    float: none;
    width: 260px;
    margin: 137px auto 0;
  }
  .contato .mapa .endereco,
  .contato .mapa .tel,
  .og-details,
  .portfolio ul,
  .solucoes .content ul {
    width: 100%;
  }
  .contato .mapa div h3 {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .contato .mapa .endereco p {
    font-size: 14px;
    margin-left: 30px;
    clear: both;
  }
  .contato .mapa .tel p {
    font-size: 18px;
    clear: both;
    margin-left: 30px;
  }
  .contato .mapa .icone {
    margin-left: 20px;
    margin-top: 10px;
  }
  .contato .mapa .tel .icone,
  .contato .mapa .tel h3,
  .solucoes .content .fechar {
    margin-top: 20px;
  }
  .contato {
    background-image: url("../media/img/contato-mobile.jpg");
  }
  .contato .div-right .curriculo,
  .contato .div-right .orcamento {
    float: none;
    margin: 0 auto 10px;
  }
  .contato .div-right {
    float: none;
  }
  .contato .redes-sociais,
  .portfolio .popup .proximo-projeto,
  .portfolio .popup .voltar-projeto {
    display: none;
  }
  .contato #formContato {
    clear: both;
  }
  .contato .div-form {
    margin-bottom: 100px;
  }
  .contato .receber {
    float: left;
    margin-top: 10px;
    margin-left: 15px;
  }
  .curriculo .area-interesse span {
    display: inline-block;
  }
  .curriculo h2 {
    margin-bottom: 110px;
    margin-top: 15px;
  }
  .curriculo .info {
    margin: 0;
  }
  .curriculo .info p {
    font-size: 14px;
    width: 86%;
    float: right;
  }
  .portfolio nav.menu.fixou {
    position: relative;
  }
  .portfolio #portfolio-carousel .linha {
    display: block;
    float: none;
    width: 320px;
    margin: auto;
  }
  .portfolio #portfolio-carousel .destaque {
    margin-left: 20px;
  }
  .portfolio #portfolio-carousel .linha:first-child {
    margin-left: 0;
  }
  .portfolio .col_sm2.linha {
    display: block;
    float: none;
  }
  .portfolio h2 {
    font-size: 28px;
    margin-top: -20px;
  }
  .portfolio .descricao {
    margin-top: 10px;
  }
  .portfolio .styleCombobox,
  .portfolio .styleCombobox select {
    width: 182px;
    height: 62px;
  }
  .portfolio .styleCombobox {
    margin: 44px auto;
  }
  #portfolio-carousel .item img,
  .portfolio .menu-mobile-select {
    display: block;
  }
  .portfolio .menu-mobile-select .styleCombobox span.skin {
    background-position: -2px -297px;
    color: #fff;
    width: 182px !important;
    height: 62px !important;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 60px;
  }
  .portfolio .gutter {
    width: 100%;
    margin: 0 auto;
  }
  .portfolio .destaque {
    width: 100% !important;
  }
  .portfolio .popup .segura-slide {
    width: 320px;
    height: 240px;
    overflow: hidden;
    margin: 20px auto 0;
  }
  .portfolio .popup {
    width: 100%;
    height: 284px;
    left: 0;
    overflow: hidden;
  }
  .popup .item {
    width: 100% !important;
    height: 240px !important;
  }
  .portfolio .popup .segura-slide .content {
    height: 240px;
  }
  .portfolio-carousel-inside .owl-pagination {
    bottom: 287px;
    margin-left: 0;
  }
  .portfolio .segura-informacoes {
    width: 350px;
    bottom: -34px;
    position: relative;
  }
  .portfolio .informacoes h4 {
    font-size: 20px;
  }
  .portfolio .informacoes .tipo {
    font-size: 13px;
  }
  .portfolio .informacoes .conheca {
    font-size: 9px;
  }
  .portfolio .informacoes {
    margin-top: -124px;
  }
  .portfolio .popup .fechar {
    position: relative;
    z-index: 10;
    margin-right: 5px;
  }
  #portfolio-carousel ul li a .ver-mais {
    width: 320px;
  }
  #portfolio-carousel ul li.destaque a .segura-img {
    height: 180px;
  }
  #portfolio-carousel .destaque .galeria {
    height: 290px !important;
  }
  #portfolio-carousel ul li.destaque a .ver-mais {
    bottom: 305px;
    height: 222px;
  }
  .og-grid li.destaque-grid {
    height: 100%;
    width: 100%;
  }
  .og-grid li > a img {
    width: 100%;
    height: 100%;
  }
  .slides-controls {
    top: 68%;
    display: block;
  }
  .slides-controls div + div {
    right: initial;
    left: 70px;
  }
  .slides-controls div + div:after,
  .slides-controls div + div:before {
    left: 15px;
  }
  .slides-controls div + div:before {
    top: 15px;
  }
  .slides-controls div + div:after {
    top: 42px;
  }
  .slides-controls div {
    width: 60px;
    height: 60px;
  }
  .slides-controls div:first-child:after {
    top: 16px;
    left: 4px;
  }
  .slides-controls div:first-child:before {
    left: 5px;
    top: 43px;
  }
  span.next-project {
    top: 80px;
  }
  .og-close {
    top: 0;
  }
  .solucoes .texto {
    height: auto;
    margin-bottom: 20px;
  }
  .solucoes .content ul li {
    clear: both;
    display: block;
    width: 100% !important;
    height: 50px;
    float: left;
    margin: 30px auto 0 !important;
    text-align: left;
    padding: 8px 0 0 !important;
  }
  .solucoes .content ul li .icon {
    margin-top: 0 !important;
    float: left;
  }
  .solucoes .content ul li .txt-menu {
    width: auto !important;
    display: inline-block;
    float: left;
    line-height: 50px;
    text-decoration: underline;
  }
  .solucoes .content ul li .menor {
    display: inline !important;
  }
  .solucoes .content ul li a.abre {
    width: 310px;
    margin: auto;
  }
  .solucoes .bot {
    background: #007fb6;
  }
  .solucoes .segura-popup {
    padding-bottom: 20px;
    background: #005a81;
    top: -60px;
    border: none;
    position: relative;
  }
  .solucoes .content ul li.selected a.abre {
    background: #006c9b;
    margin-bottom: 5px;
    border-bottom: 1px solid #5eceff;
    padding-bottom: 0;
    border: none;
  }
  .solucoes .content ul li.selected {
    height: auto !important;
    background: url("../media/img/bg-li-mobile-solucoes.jpg") top center
      repeat-x;
  }
  .solucoes .content ul .atendimento .icon,
  .solucoes .content ul .facebook .icon,
  .solucoes .content ul .lojas-virtuais .icon,
  .solucoes .content ul .sites .icon {
    margin-right: 30px !important;
  }
  .solucoes .content ul .mobile .icon {
    margin-right: 40px !important;
    margin-left: 10px !important;
  }
  .solucoes .content ul .aplicativo .icon {
    margin-left: -20px !important;
    margin-right: 20px !important;
  }
  .solucoes .content ul .blogs .icon,
  .solucoes .content ul .ecrm .icon,
  .solucoes .content ul .intranet .icon,
  .solucoes .content ul .multimidia .icon {
    margin-right: 40px !important;
  }
  .solucoes .popup .veja-mais {
    width: 80%;
    margin: 10px auto 0;
    float: none;
    display: block;
  }
  .solucoes .content .lista-content li {
    margin: 0 0 5px !important;
    padding: 0 !important;
    height: auto;
  }
}


@media(max-width:425px){
  .contato {
    background-image: url("../media/img/contato-mobile.jpg");
  }
}

.voltar-projeto {
  width: 203px;
  float: left;
  margin-top: 231px;
}
.proximo-projeto {
  width: 271px;
  float: right;
  margin-top: -292px;
}
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
  }
  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0);
  }
}
@keyframes perspectiveRightRetourn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg);
  }
  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0);
  }
}
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes openUpRightRetourn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform-origin: top right;
    transform: rotate(0);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes giraEntrada {
  0% {
    -webkit-perspective: 400px;
    -webkit-transform: rotateY(0);
    perspective: 400px;
    transform: rotateY(0);
    opacity: 0;
  }
  100% {
    -webkit-perspective: 400px;
    -webkit-transform: rotateY(360deg);
    perspective: 400px;
    transform: rotateY(360deg);
    opacity: 1;
  }
}
@keyframes giraEntrada {
  0% {
    perspective: 400px;
    transform: rotateY(0);
    opacity: 0;
  }
  100% {
    perspective: 400px;
    transform: rotateY(360deg);
    opacity: 1;
  }
}
.contato .segura-secundarias {
  margin: 555px auto;
}
@media (max-width: 450px) {
  .contato .segura-secundarias {
    margin: 598px auto;
  }
}
select#departamento {
  width: 370px;
  height: 40px;
  border-radius: 5px;
  border: none;
  border-bottom: 2px solid #ccc;
  padding-left: 10px;
  font-family: "museo300";
  color: #666;
  font-size: 16px;
}
.instagram-logo-contato {
  background: url(../media/img/pngwing.com.png) no-repeat center !important;
  width: 32px;
  height: 32px;
}