/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : BusyNess-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/
  /*---------------------------------------------
Tabela de Conteúdos
-----------------------------------------------
Estilos Gerais
Tipografia
Botões & Links
Barra Superior (Top Bar)
Conteúdo do Cabeçalho
Navegação
Seção de Serviços
Seção Quem Somos
Clientes e Depoimentos
Seção de Dispositivos/Recursos
Lista de Preços
Nosso Processo
Galeria (Removida)
Notícias/Blog
Contato
Media Queries (Responsividade)
Botão Voltar ao Topo
----------------------------------------

[Cores Principais - Altere aqui para mudar o site todo]
#2ecd71 ~ Verde (Cor de destaque dos botões e detalhes)
#1c1c23 ~ Preto/Azul Escuro (Cor do tema escuro/fundo)
#ffffff ~ Branco (Texto e fundos claros)
#f46333 ~ Laranja (Cor de hover dos botões)

[Tipografia]
font-family: 'Raleway', sans-serif; (Títulos)
font-family: 'Open Sans', sans-serif; (Corpo de texto)

----------------------------------------
*/


  body {
      text-rendering: optimizeLegibility !important;
      -webkit-font-smoothing: antialiased !important;
      font-family: 'Open Sans', sans-serif;
      background-color: #fff;
      color: #555555;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.4;
      overflow-x: hidden;
  }

  /* Estilos Gerais */

  .custom-pad {
      padding: 85px 0;
      outline: none;
  }

  /* ----------------------------------
  Seção Banner (Troque a imagem de fundo aqui: url(../images/banner-bg.png))
  ---------------------------------- */
  .bu-banner {
      background: url(../images/banner-bg.png) no-repeat center center;
      background-size: cover;
      height: 700px;
      position: relative;
  }

  /* ----------------------------------
Typography
---------------------------------- */

  .heading {
      color: #1c1c23;
      font-size: 29px;
      font-weight: 800;
      margin: 0;
      margin-bottom: 10px;
      text-align: center;
      font-family: 'Raleway', sans-serif;
  }

  .sub-title {
      font-size: 15px;
      color: #666666;
      font-weight: 400;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      line-height: 28px;
      text-transform: capitalize;
  }

  .title {
      font-family: 'Raleway', sans-serif;
      color: #1c1c23;
      font-size: 16px;
      font-weight: 800;
      text-transform: capitalize;
  }

  p {
      color: #555555;
      font-size: 13px;
      font-weight: 400;
      line-height: 24px;
      font-family: 'Open Sans', sans-serif;
      text-transform: capitalize;
  }

  .headline-service p {
      font-size: 14px;
      color: #666666;
      font-family: 'Open Sans', sans-serif;
  }

  .headline-service.text-center p {
      font-size: 14px;
      color: #666666;
      font-family: 'Open Sans', sans-serif;
  }

  /* ----------------------------------
Buttons & Links
---------------------------------- */

  .btn {
      -webkit-transition: all .25s ease;
      transition: all .25s ease;
      font-size: 13px;
      border-radius: 0;
      font-weight: 700;
      padding: 16px 35px;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
  }

  .btn:hover {
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  .btn-md {
      /* Cor Principal dos Botões (Verde) */
      color: #fff;
      background: #2ecd71;
      border: 1px solid #2ecd71;
      outline: 1px solid transparent;
      margin-bottom: 30px;
  }

  .btn-black {
      color: #fff;
      background: #242c42;
      border: 1px solid #242c42;
      outline: 1px solid transparent;
      margin-bottom: 30px;
  }

  .btn-md:after {
      content: '\f0da';
      font-family: FontAwesome;
      margin-left: 10px;
  }

  .btn-md:hover,
  .btn-md:focus {
      background: #f46333;
      border: 1px solid #f46333;
      color: #ffffff;
      outline: 1px solid transparent;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  .btn-black:after {
      content: '\f0da';
      font-family: FontAwesome;
      margin-left: 10px;
  }

  .btn-black:hover,
  .btn-black:focus {
      background: #f46333;
      border: 1px solid #f46333;
      color: #ffffff;
      outline: 1px solid transparent;
      transition: 0.2s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  a.btn.btn-md.btn-read {
      border: none;
      outline: none;
      margin-top: 16px;
  }

  a.btn.btn-md.btn-read:hover {
      background: #f55b12;
      box-shadow: 0px 0px 16px #1c1c23;
      transition: all 0.3s ease;
      border: none;
      outline: none;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  a.btn.btn-black.btn-price {
      margin-top: 80px;
      color: #f46333;
      background: #fff;
      border: none;
      border-radius: 0;
  }

  a.btn.btn-black.btn-price:hover {
      background-color: #1c1c23;
      color: white;
      box-shadow: 0px 0px 10px #fff;
      transition: all 0.3s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  a.btn.btn-black.btn-og:hover {
      box-shadow: 0px 0px 10px #0c0808;
      border-radius: 0;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  .btn-og {
      margin-top: 50px;
  }

  .center-block {
      display: block;
      margin-right: auto;
      margin-left: auto;
  }

  /* ----------------------------------
Top bar
---------------------------------- */

  .navbar-brand>img {
      display: block;
      margin-top: 20px;
  }

  .navbar-inverse .navbar-nav>li>a {
      color: #666666;
  }

  .nav-top li {
      display: inline-block;
      padding: 49px 0px;
      font-size: 16px;
      color: #666666;
      position: relative;
      margin-left: 30px;
  }

  .nav-top li span {
      font-size: 20px;
      color: #f46333;
      margin-right: 15px;
  }

  .nav-top li a {
      font-size: 16px;
      text-decoration: none;
      font-weight: 600;
  }

  .nav-top li a:hover {
      background: transparent;
      color: #2ecd71;
  }

  .navbar-inverse {
      background-color: #fff;
      border-color: #fff;
      margin: -9px 0px;
      padding: 0;
  }

  .nav-top li+li:before {
      content: '|';
      position: absolute;
      left: -19px;
      font-size: 25px;
      top: 43px;
      color: #9dacca;
      font-weight: 100;
  }

  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover {
      color: #2ecd71;
      background-color: transparent;
  }

  /*

ul.topbar-list li:first-child {
    border-right: 1px solid #ddd;
}
*/
  /* ----------------------------------
Navigation
---------------------------------- */

  .navbar {
      min-height: 60px;
  }

  .navbar-default {
      background-color: #087272;
      border-color: #087272;
      margin-bottom: 0;
      border-radius: 0;
      position: sticky;
      top: 0;
      z-index: 999;
  }

  .navbar-default .navbar-nav>li>a {
      color: #ffffff;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 15px 10px;
      background: transparent;
  }

  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover {
      color: #555;
      background: transparent;
  }

  .navbar-nav {
      margin: 0;
      padding: 0;
  }

  /*serach-bar*/


















  @media (min-width: 768px) {
      .navbar-nav>li>a {
          /* (80px - line-height of 27px) / 2 = 26.5px */
          padding-top: 26.5px;
          padding-bottom: 26.5px;
          line-height: 27px;
      }
  }

  /*toggle*/
  /* ----------------------------------
Header content
---------------------------------- */

  .header-bg {
      background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/banner-bg.png');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      /*    background-attachment: fixed;*/
      background-position: center center;
  }

  .header-content h1 {
      font-size: 44px;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 900;
      line-height: 1.4;
      font-family: 'Raleway', sans-serif;
  }

  .header-content p {
      font-size: 13px;
      color: #ffffff;
      font-weight: 400;
      font-family: 'Open Sans', sans-serif;
  }

  span.sub-clr {
      color: #2ecd71;
  }

  .header-content {
      padding: 200px 0;
  }

  ul.header-btn {
      padding: 0;
      margin-top: 50px;
      margin-bottom: 30px;
  }

  ul.header-btn li {
      display: inline;
      padding-right: 20px;
  }

  /* ----------------------------------
  Seção Download Proposta
  ---------------------------------- */
  .bu-proposal {
      background-color: #0059b3;
      padding: 80px 0;
      color: #fff;
      position: relative;
      z-index: 10;
  }

  .proposal-content h2 {
      color: #fff;
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 25px;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      line-height: 1.2;
  }

  .btn-download-prop {
      border: 2px solid #fff;
      color: #fff;
      background: transparent;
      padding: 12px 35px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 0;
      display: inline-block;
      transition: all 0.3s ease;
      font-size: 14px;
      text-decoration: none;
  }

  .btn-download-prop:hover {
      background: #fff;
      color: #0059b3;
      text-decoration: none;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }

  .proposal-img-col {
      position: relative;
  }

  .proposal-img-wrapper {
      position: absolute;
      top: -120px;
      right: 0;
      z-index: 20;
  }

  .proposal-img-wrapper img {
      max-width: 550px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
      border-radius: 4px;
  }

  @media (max-width: 991px) {
      .proposal-img-wrapper {
          position: relative;
          top: 0;
          right: 0;
          text-align: center;
          margin-top: 40px;
      }

      .proposal-img-wrapper img {
          max-width: 100%;
      }

      .bu-proposal {
          text-align: center;
          padding: 60px 0;
      }

      .proposal-content h2 {
          font-size: 28px;
      }
  }

  /* ----------------------------------
Services- section
---------------------------------- */

  .heading,
  .services {
      color: #1c1c23;
      font-size: 29px;
      font-weight: 800;
      margin: 0;
      /*    margin-bottom: 10px;*/
      text-align: center;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
  }

  .bu-s {
      margin-top: 60px;
      /* padding-top: 60px; */
  }

  ul.icon-services {
      list-style: none;
  }

  ul.icon-services li {
      margin-bottom: 30px;
  }

  .icon-s {
      margin-top: 12px;
  }

  .icon-p {
      padding-left: 22px;
  }

  .icon-p p {
      text-transform: lowercase;
  }

  .icon-s a i {
      font-size: 26px;
      border: 1px solid #2ecd71;
      width: 70px;
      height: 70px;
      padding: 20px;
      background: #2ecd71;
      color: white;
  }

  .icon-s a i:hover {
      background-color: #f46333;
      border: 1px solid #f46333;
      transition: all 0.3s ease;
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }

  .heading-img {
      margin: 20px;
  }

  /* ----------------------------------
  Seção Quem Somos (Troque a imagem de fundo aqui: url(../images/about-img.png))
  ---------------------------------- */
  .about-bg {
      background: url(../images/about-img.png) no-repeat center center;
      background-size: cover;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }

  .about-img .about-img-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 95%;
      width: 96%;
      left: 9px;
      top: 14px;
      right: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }

  .about-img:hover .about-img-overlay {
      opacity: 1;
  }

  .about-img-details {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .about-img:hover .about-img-details {
      top: 50%;
      left: 50%;
      opacity: 1;
  }

  h3.about-img-title {
      font-size: 20px;
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
  }

  p.about-img-text {
      color: #fff;
  }

  h2.heading.about-headline {
      color: #fff;
      text-align: left;
      font-weight: 800;
      font-size: 29px;
      margin-bottom: 20px;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      line-height: 40px;
  }

  .about-text p {
      color: #a2a2a2;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
  }

  .progress {
      margin-bottom: 20px;
      overflow: hidden;
      background-color: transparent;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
      width: 80%;
  }

  .progress-bar.bg-success1 {
      width: 70%;
  }

  .progress-bar.bg-success2 {
      width: 90%;
  }

  .progress-bar.bg-success3 {
      width: 80%;
  }

  .progress-bar.bg-success4 {
      width: 90%;
  }

  .progress-bar {
      float: left;
      width: 0;
      height: 8px;
      font-size: 12px;
      color: #fff;
      border-radius: 37px;
      text-align: center;
      background-color: #2ecd71;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      margin-right: 12px;
      transition: width .6s ease;
  }

  .progress.status {
      width: 90%;
  }

  .progress.status1 {
      width: 80%;
  }

  .progress.status2 {
      width: 98%;
  }

  .text-left.about-progress p {
      text-transform: uppercase;
      color: #fff;
      font-size: 13px;
      font-weight: 900;
  }

  .num {
      /* text-transform: uppercase; */
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      text-align: right;
      margin: -8px -34px;
  }

  .pull-right.persantage {
      margin: -43px -38px;
  }

  /* ----------------------------------
our-customer 
---------------------------------- */

  .icon-link {
      position: relative;
      top: 30px;
      right: -50px;
  }

  /*service-profile*/

  .our-profile img {
      width: 40px !important;
  }

  .our-profile p {
      font-size: 16px;
      margin-bottom: 30px;
  }

  h5.text-center.profile-headline {
      font-size: 13px;
      color: #1c1c23;
      font-weight: 900;
  }

  p.text-center.profile.-p {
      font-size: 13px;
  }

  .author img {
      width: 100px !important;
      height: 100px;
  }

  .ourservices-img {
      position: relative;
      width: 100%;
      overflow: hidden;
  }

  .ourservices-img .ourservices-img-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 26%;
      width: 24%;
      top: 145px;
      right: 210px;
      bottom: 0;
      transition: all 0.2s ease-in-out;
  }

  .ourservices-img:hover .ourservices-img-overlay {
      opacity: 1;
  }

  h3.ourservices-img-title {
      font-size: 20px;
      color: #ffffff;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
  }

  p.ourservices-img-text {
      color: #fff;
  }

  h2.heading.ourservices-headline.text-left {
      color: #fff;
      text-align: left;
      font-weight: bold;
      font-size: 29px;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
  }

  .ourservices-text p {
      color: #a2a2a2;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
  }

  .icon-link a {
      font-size: 30px;
      color: #fff;
      margin: 0 auto;
      text-align: center;
  }

  span.digi-s {
      color: #f46333;
  }

  .owl-carousel.owl-loaded.owl-drag {
      padding-top: 60px;
  }

  .owl-theme .owl-nav {
      position: absolute;
      top: 166px;
      color: #fff;
      font-size: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
      margin-left: 466px;
      outline: none;
  }

  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
      background: 0 0;
      color: inherit;
      background: #1f2729;
      border: none;
      padding: 0 !important;
      font: inherit;
      width: 30px;
      outline: none;
  }

  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #f46333;
  }

  .owl-theme .owl-dots .owl-dot {
      outline: transparent;
      background: transparent;
  }

  .q-.img {
      width: 30px !important;
  }

  /* ----------------------------------
Device-section
---------------------------------- */

  .icon-d {
      margin: 9px;
  }

  .icon-d i {
      font-size: 30px;
      color: #2ecd71;
  }

  /*
    .icon-d i:hover {
        color: orange;
        transition: all 0.3s ease;
    }
    
*/

  ul.device.list {
      list-style: none;
      padding: 20px;
  }

  .d-text p {
      text-transform: lowercase;
  }

  .deice-m {
      padding: 50px;
  }

  .deice-m figure img {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      text-align: center;
  }

  .deice-m figure:hover img {
      -webkit-transform: scale(1.07);
      transform: scale(1.07);
  }

  .bu-device.custom-pad {
      background: #f5f5f5;
  }

  deice-m {
      padding: 10px;
  }

  /* ----------------------------------
Price list
---------------------------------- */

  .price-content {
      padding-top: 60px;
  }

  .price-table {
      border-radius: 0;
      margin-bottom: 30px;
      max-width: 360px;
  }

  .price-table:hover {
      /*    box-shadow: 0px 0px 23px #504a4a;*/
      transition: all 0.2s ease;
      box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
  }

  .price-heading.text-center {
      padding: 46px;
      background: #1c1c23;
  }

  .price-heading.text-center h4 {
      color: #fff;
      font-size: 30px;
      font-weight: 900;
      text-align: center;
      font-family: 'Raleway', sans-serif;
  }

  strong.main-price {
      font-size: 60px;
      color: #fff;
      font-weight: 900;
      font-family: 'Raleway', sans-serif;
  }

  .price-plan {
      font-size: 18px;
      margin: 10px;
      color: #fff;
  }

  ul.list-group.text-center {
      list-style: none;
      padding: 30px;
      border-bottom: 1px solid #1c1c23;
      background: #f5f5f5;
      margin-bottom: 0;
  }

  ul.list-group.text-center li {
      line-height: 26px;
      font-size: 14px;
      color: #666666;
      border-bottom: 1px solid #cccccc;
      font-weight: 400;
      text-transform: capitalize;
      font-family: 'Open Sans', sans-serif;
      padding-bottom: 11px;
      padding: 10px;
  }

  /*
  ul.list-group.text-center li:hover {
       background: #2ecd71; 
      color: #2ecd71;
      font-weight: bold;
      transition: all 0.3s ease;
  }
*/

  ul.list-group.text-center li:last-child {
      border-bottom: none;
  }

  .price-footer.text-center {
      padding-top: 30px;
      background: #f5f5f5;
  }

  .icon-price {
      color: #fff;
      border-radius: 50%;
      background: #333333;
      width: 65px;
      height: 65px;
      margin: 0 auto;
  }

  .icon-price i {
      font-size: 30px;
      color: #fff;
      padding: 16px;
  }

  span.f-style {
      font-size: 55px;
      /* margin: 0px; */
  }

  /* ----------------------------------
our-process
---------------------------------- */

  .bu-ourprocess.custom-pad {
      background-color: #f46333;
  }

  .headline-service.ourprocess-text.text-center h2 {
      color: white;
  }

  .headline-service.ourprocess-text.text-center p {
      color: white;
  }

  /*our-process contentent*/

  .ourprocess.content {
      padding-top: 60px;
  }

  /*
.op-h h5:hover {
    background: #2ecd71;
    box-shadow: 0px 0px 2px #f46333;
    transition: 0.3s ease;
}
*/

  .op-h {
      height: 80px;
      width: 80px;
      /* border: 1px solid #ddd; */
      border-radius: 50%;
      /*    padding: 10px;*/
      padding: 9px 17px;
      background: #f6825c;
  }

  .op-h h5 {
      font-size: 36px;
      /*     border: 1px solid; */
      /*
    padding: 8px;
    width: 90%;
    height: 57px;
    border-radius: 100%;
*/
      font-weight: 900;
      color: white;
      /*    background: #f6825c;*/
      font-family: 'Raleway', sans-serif;
  }

  .media-body.our-proces-text h4 {
      color: white;
      text-transform: uppercase;
      font-weight: 800;
      font-family: 'Raleway', sans-serif;
  }

  .media-body.our-proces-text p {
      font-size: 13px;
      color: white;
      font-family: 'Open Sans', sans-serif;
  }

  span.op-readmore a {
      color: white;
  }

  /* ----------------------------------
ourgalleary
---------------------------------- */

  .gallery-tabs {
      padding-top: 60px;
  }

  /*filter li elements*/

  .gallery-tabs #filters {
      float: left;
  }

  .gallery-tabs #filters {
      margin: 1%;
      list-style: none;
      width: 100%;
      text-align: left;
  }

  .gallery-tabs #filters li {
      display: inline;
  }

  .gallery-tabs #filters li span {
      text-transform: uppercase;
      background: transparent !important;
      color: #1c1c23;
      font-weight: 600;
      padding: 11px 40px;
      padding-left: 0;
      text-decoration: none;
      float: none;
      cursor: pointer;
  }

  .gallery-tabs #filters li span.active {
      background: transparent;
      color: #f6825c;
      border: none;
      cursor: pointer;
      text-decoration: none;
      border-bottom: 2px solid #f6825c;
  }

  .gallery-tabs #filters li span:hover {
      border-bottom: 1px solid black;
      background: transparent;
      border: none;
      color: #f6825c;
      text-decoration: none;
  }

  /*Gallery images*/

  .portfolio-list {
      margin-top: 50px;
  }

  .portfolio {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      width: 31%;
      margin: 1%;
      display: none;
      overflow: hidden;
  }

  /*gallary*/

  ul.g-img {
      list-style: none;
  }

  .og {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      text-align: center;
      cursor: default;
      display: table;
  }

  .og .og-overlay {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      height: 99%;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }

  .og:hover .og-overlay {
      opacity: 1;
  }

  .og-image {
      width: 100%;
  }

  .og-details {
      position: absolute;
      text-align: center;
      padding-left: 1em;
      padding-right: 1em;
      width: 100%;
      top: 50%;
      left: 50%;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .og:hover .og-details {
      top: 50%;
      left: 50%;
      opacity: 1;
  }

  .og-details h3 {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.15em;
      margin-bottom: 0.5em;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
  }

  .og-details p {
      color: #fff;
      font-size: 0.8em;
      font-size: 16px;
  }

  .fadeIn-bottom {
      top: 80%;
  }

  /* ----------------------------------
our-news
---------------------------------- */

  .profile-card {
      padding-top: 60px;
  }

  .news-card {
      max-width: 360px;
      margin: 0 auto;
  }

  .card-body.card-content {
      padding: 15px;
      margin: 15px;
      background: #fff;
      margin-top: -44px;
      z-index: 1;
      position: relative;
  }

  .card-body.card-content:hover {
      box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      cursor: pointer;
      transition: 0.3s ease;
  }

  ul.card-list li {
      position: relative;
  }

  ul.card-list li+li:before {
      position: absolute;
      content: '|';
      left: -8px;
  }

  ul.card-list li a {
      font-size: 13px;
      color: #666666;
      font-style: italic;
      text-decoration: none;
      font-family: 'Open Sans', sans-serif;
  }

  ul.card-list li {
      display: inline;
      margin: 3px;
      margin-right: 10px;
  }

  ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .card-body.card-content h4 {
      font-size: 16px;
      color: #1c1c23;
      font-weight: 600;
      font-family: 'Raleway', sans-serif;
      line-height: 26px;
  }

  .bu-readmore a {
      font-size: 13px;
      font-weight: 500;
      font-family: 'Raleway', sans-serif;
      color: #f46333;
      text-decoration: underline;
  }

  .card-text.text-left p {
      color: #555555;
      padding: 10px 0;
      font-size: 13px;
      font-family: 'Open Sans', sans-serif;
  }

  section.our-news {
      background-color: #f5f5f5;
      padding: 80px 0;
  }

  .read {
      padding: 0 !important;
  }

  /* ----------------------------------
contact-us
---------------------------------- */

  .bg-contactus {
      background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('../images/us-bg.png');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      /*
    background-attachment: fixed;
    background-position: center center;
*/
  }

  .about-bg {
      background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url('../images/about-img.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }

  .about-bg .headline-service h2,
  .about-bg .headline-service p,
  .about-bg .about-text p,
  .about-bg .about-text h3,
  .about-bg .about-text h4 {
      color: #fff !important;
  }

  .about-text.contact-text {
      padding: 120px 0px;
  }

  .about-text.contact-text p {
      color: #fff;
  }

  form.form-group {
      /*    padding: 120px 0;*/
      padding: 100px 0;
  }

  input.form-control.cont-control::placeholder {
      color: #fff;
  }

  input.form-control.cont-control {
      margin-bottom: 30px;
      border: none;
      background: transparent;
      border-bottom: 2px solid #f6825c;
      color: white;
      font-size: 14px;
      outline: none;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
  }

  input::placeholder {
      color: white;
  }

  a.btn.btn-black.btn-price.btn-form {
      margin-top: 0;
  }

  /* ----------------------------------
Footer
---------------------------------- */

  .bu-readmore.f-more {
      margin-left: 0;
  }

  /*istagram*/

  ul.f-istram {
      list-style: none;
  }

  ul.f-istram li {
      display: inline-block;
  }

  /*latest bblogs*/

  ul.f-userlist.text-center {
      list-style: none;
      text-align: left;
  }

  /*catagies*/

  ul.f-Categories li {
      padding: 12px 0;
  }

  ul.f-Categories {
      list-style: none;
  }

  /*headline*/

  .istrgram h4 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 900;
      color: #ffffff;
      /* border-bottom: 2px solid #f6825c; */
  }

  .istrgram {
      border-bottom: 2px solid #f46333;
      margin-bottom: 20px;
  }

  footer.bu-end {
      background-color: #1c1c23;
      padding: 100px 0;
  }

  .ficon-text p {
      font-size: 13px;
      color: #bbbbbb;
      font-family: 'Open Sans', sans-serif;
  }

  ul.f-Categories li a {
      font-size: 13px;
      color: #dfdfdf;
      font-style: italic;
  }

  ul.f-Categories li a:hover {
      color: #f6825c;
      transition: 0.3s ease;
      text-decoration: none;
  }

  p.text-left.media-p a {
      font-size: 13px;
      color: #bbbbbb;
      font-family: 'Open Sans', sans-serif;
      text-decoration: none;
  }

  p.text-left.media-p a:hover {
      color: #d95e33;
      /*      transition: 0.3s ease;*/
  }

  span.f-date p {
      font-size: 12px;
      color: #686868;
      font-weight: 600;
  }

  /*fotter-bottom*/

  .f-copy {
      margin-top: 17px;
  }

  footer.f-bottom {
      background: #2d2d2d;
      padding: 32px;
  }

  .f-copy p {
      font-size: 13px;
      color: #999999;
      font-weight: 400;
  }

  span.f-clr {
      color: #2ecd71;
  }

  .f-icons {
      text-align: center;
      margin-top: 17px;
  }

  ul.s-icons li {
      display: inline-block;
      padding: 0 10px;
  }

  ul.s-icons li a {
      font-size: 16px;
      color: #f5f5f5;
  }

  ul.s-icons li a:hover {
      color: #f44f28;
  }

  /*icon-text*/

  p.f-text {
      text-align: center;
      margin-top: -50px;
      font-size: 34px;
      font-weight: bold;
      margin-left: 40px;
      margin-bottom: 30px;
      color: #fff;
  }

  .ftextclr {
      color: #2ecd71;
  }

  p.f-date:hover {
      color: #f44f28;
  }

  p.f-date {
      font-size: 13px;
      color: #686868;
      font-weight: 600;
  }

  /*
  .media.l-blog:hover {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      transition: all 0.2s ease;
  }
*/
  /* ----------------------------------
Back to top
---------------------------------- */

  .back-to-top {
      position: fixed;
      display: none;
      background: rgba(0, 0, 0, 0.2);
      color: #fff;
      padding: 6px 12px 9px 12px;
      font-size: 16px;
      border-radius: 2px;
      right: 15px;
      bottom: 15px;
      transition: background 0.5s;
  }

  .back-to-top:hover {
      background: #2ecd71;
      color: #fff;
  }

  /* ----------------------------------
media quries
---------------------------------- */
  @media(max-width:991px) {
      .about-img .about-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
      }

      img.about-image.img-responsive {
          margin: 0 auto;
      }

  }

  @media (min-width: 768px) and (max-width:991px) {
      ul.nav.navbar-nav li a {
          padding: 16px 13px;
      }


      p.f-text {
          margin-left: -400px;
      }

      .icon-link {
          position: relative;
          top: 50px;
          right: -70px;
      }

      .f-userlist li {
          margin-bottom: 30px;
      }

      .about-text.contact-text {
          padding: 98px 0px;
      }

      form.form-group {
          padding: 60px;
      }

      .f-icons {
          /* margin: 0 auto; */
          margin: 20px 30px;
      }

      .owl-stage-outer {
          margin-bottom: -107px;
      }

      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 25%;
          width: 24%;
          top: 174px;
          right: 289px;
          bottom: 0;
          transition: all 0.2s ease-in-out;
      }

      br {
          display: none;
      }

      .bu-s {
          margin-top: 30px;
          /* margin: 10px 0; */
          /* padding: 53px 0; */
          /* padding: 30px 0; */
          /* padding-top: 60px; */
      }

      .portfolio {
          width: 47%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }
  }

  @media (max-width:767px) {
      .card-body.card-content {
          padding: 15px;
          margin: 0;
          margin-top: 0;
      }

      .portfolio {
          width: 47%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }

      toggle:focus,
      .navbar-default .navbar-toggle:hover {
          background-color: rgba(0, 0, 0, 0.7);
      }

      /*top-bar*/
      .navbar-toggle.topbar-toggle {
          background: transparent;
          border: none;
      }

      .navbar-toggle.topbar-toggle:hover {
          background-color: transparent;
          border-radius: 50%;
          outline: none;
          transition: 0.3s ease;
      }

      .tog-icon i {
          font-size: 30px;
          color: #087272;
      }

      nav.navbar-inverse {
          margin: 17px 0;
      }

      ul.t-icon li {
          padding: 0px;
      }

      /*top-bar end*/
      /*nav-bar*/
      .navbar-default .navbar-toggle .icon-bar {
          background-color: #fff;
      }

      .nav>li {
          position: relative;
          display: block;
      }

      .navbar-default .navbar-nav>li>a {
          position: relative;
          display: inline-block;
          padding: 6px 10px;
      }

      ul.f-userlist.text-center li {
          margin-bottom: 30px;
      }

      p.f-text {
          margin-left: -400px;
      }



      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 29%;
          width: 19%;
          top: 86px;
          right: 284px;
          bottom: 0;
          transition: all 0.2s ease-in-out;
      }

      .navbar-brand>img {
          display: block;
          margin-top: 0;
          max-height: 50px;
      }

      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border: none;
      }



      .owl-stage-outer {
          margin-bottom: -86px;
      }

      .price-table {
          margin: 0 auto;
          margin-bottom: 31px;
      }

      .icon-link {
          position: absolute;
          top: 24px;
          right: 50px;
      }

      /*ftr*/
      .f-copy {
          text-align: center;
      }

      .f-icons {
          float: left;
          margin-left: 215px;
      }

      .f-userlist li {
          margin-bottom: 30px;
      }

      br {
          display: none;
      }


      .navbar-toggle {
          margin-top: 11px;
          border: none;
      }

      form.form-group {
          padding: 0px
      }

      .bu-s {
          margin-top: 30px;
      }

      img.about-image.img-responsive {

          margin: 0 auto;
      }


      .news-card {
          margin-bottom: 30px;
      }

      .icon-d i {
          margin-top: 7px;
      }

      ul.list-group.text-center {

          border-bottom: none;
      }

      .price-footer.text-center {
          padding-top: 0;
      }

      strong.main-price {
          font-size: 55px;
          display: block;
      }


  }

  /*m-end*/
  @media (max-width:574px) {
      .custom-pad {
          padding: 40px 0;
          outline: none;
      }

      .top-data {
          font-size: 10px;
      }

      .header-content {
          padding: 80px 0;
      }

      .header-content h1 {
          font-size: 26px;
      }

      h2.heading.services {
          font-size: 20px;
      }

      ul.icon-services li {
          margin: 0;
      }

      p.sub-title {
          font-size: 14px;
      }

      h2.heading.about-headline.text-left {
          font-size: 18px;
          font-size: 18px;
          line-height: 28px;
      }

      .qoute-s {
          font-size: 35px;
      }

      .op-h h5 {
          font-size: 16px;
      }

      .op-h {
          height: 40px;
          width: 40px;
          /* border: 1px solid #ddd; */
          border-radius: 50%;
          /* padding: 0px 8px; */
          padding: 1px 7px;
          background: #f6825c;
      }

      .about-text {
          margin-top: 25px;
      }

      .owl-carousel .owl-nav button.owl-next {
          margin-left: 200px;
      }

      .ourservices-img-overlay {
          margin: 0 -93px;
      }

      strong.main-price {
          font-size: 30px;
      }

      p.f-text {
          margin-left: 25px;
      }

      .ourservices-img .ourservices-img-overlay {
          background: rgba(0, 0, 0, 0.7);
          position: absolute;
          height: 27%;
          width: 24%;
          top: 72px;
          right: 196px;
          bottom: 0;
          opacity: 0;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out;
      }

      br {
          display: none;
      }

      .about-img-details.fadeIn-bottom {
          text-align: center;
      }

      .owl-theme .owl-nav {
          position: absolute;
          top: 166px;
          color: #fff;
          margin-top: -102px;
          font-size: 40px;
      }

      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
          border: none;
      }

      ul.navbar-nav.navbar-right.nav-top li {
          padding: 10px;
          display: block;
      }

      .nav-top li+li:before {
          display: none;
      }



      .owl-stage-outer {
          margin-bottom: -86px;
      }

      a.navbar-brand {
          width: 70%;
          margin-top: 16px;
      }

      .navbar-brand {
          max-width: 70%;
          margin-top: 18px;
      }

      .icon-link {
          position: relative;
          top: 7px;
          right: -16px;
      }

      /*social media icons*/
      .f-icons {
          margin: 5px 0px;
          float: left;
      }

      .price-table {
          max-width: 260px;
          margin: 0 auto;
          margin-bottom: 31px;
      }

      br {
          display: none;
      }

      form.form-group {
          padding: 20px
      }

      .about-text.contact-text {
          padding: 60px 0;
      }

      .bu-s {
          margin-top: 30px;
      }

      .price-heading.text-center {
          padding: 13px;
      }

      ul.list-group.text-center li {
          padding: 1px;
          font-size: 13px;
      }

      .gallery-tabs #filters li {
          display: block;

          padding: 1px;
          margin-bottom: 10px;
      }

      .og-details.fadeIn-bottom h3 {
          font-size: 8px;
      }

      .portfolio {
          width: 100%;
          margin: 1%;
          display: none;
          overflow: hidden;
      }

      .ourservices-img-overlay {
          display: none;
      }

      .our-profile img {
          margin: 0 auto;
          margin-bottom: 10px;
      }
  }

  /*media -query end*/
  /*preloader*/

  #preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: none;
      background: #F1F2F2 url(../images/p-icon.gif) no-repeat center center;
  }

  /* ----------------------------------
  Botões de Contato Flutuantes (Desktop)
  ---------------------------------- */
  .floating-contact {
      position: fixed;
      left: 20px;
      bottom: 20px;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .floating-btn {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff !important;
      font-size: 26px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease;
      text-decoration: none !important;
  }

  .floating-btn:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  }

  .floating-whatsapp {
      background-color: #25d366;
  }

  .floating-phone {
      background-color: #0072bc;
  }

  /* ----------------------------------
  Barra de Contato Fixa (Mobile)
  ---------------------------------- */
  .mobile-contact-bar {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10000;
      background: #fff;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  }

  .mobile-contact-bar a {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px 5px;
      text-decoration: none !important;
      color: #fff !important;
      font-weight: 700;
      font-size: 13px;
      gap: 8px;
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
  }

  .mobile-btn-whatsapp {
      background-color: #25d366;
  }

  .mobile-btn-phone {
      background-color: #0072bc;
  }

  /* ----------------------------------
  Seção de FAQ - Perguntas Frequentes
  ---------------------------------- */
  .bu-faq {
      background: linear-gradient(135deg, #f46333 0%, #ff8c42 100%);
      color: #fff;
      position: relative;
  }

  .bu-faq .container {
      position: relative;
      z-index: 1;
  }

  .bu-faq .heading {
      color: #fff;
  }

  .bu-faq .sub-title {
      color: #fff !important;
      font-weight: 500;
  }

  .bu-faq .headline-service p {
      color: #fff !important;
  }

  .faq-content {
      margin-top: 50px;
  }

  .faq-item {
      margin-bottom: 20px;
      border-radius: 8px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
  }

  .faq-item:hover {
      background: rgba(255, 255, 255, 0.08);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  }

  .faq-question {
      padding: 20px 25px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: all 0.3s ease;
      position: relative;
  }

  .faq-question:hover {
      background: rgba(255, 255, 255, 0.05);
  }

  .faq-question h4 {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      font-family: 'Raleway', sans-serif;
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .faq-question h4 i {
      color: #2ecd71;
      font-size: 18px;
      width: 20px;
      text-align: center;
  }

  .faq-icon {
      color: #2ecd71;
      font-size: 18px;
      transition: transform 0.3s ease;
  }

  .faq-item[aria-expanded="true"] .faq-icon,
  .collapse.in .faq-question .faq-icon {
      transform: rotate(45deg);
      color: #f46333;
  }

  .faq-answer {
      padding: 0 25px 20px 57px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(0, 0, 0, 0.2);
  }

  .faq-answer p {
      margin: 0;
      line-height: 1.6;
      color: #ddd;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
  }

  .faq-answer strong {
      color: #2ecd71;
      font-weight: 600;
  }

  .collapse {
      display: none;
  }

  .collapse.in {
      display: block;
  }

  /* Responsividade para FAQ */
  @media (max-width: 768px) {
      .faq-content {
          margin-top: 30px;
      }

      .faq-question {
          padding: 15px 20px;
      }

      .faq-question h4 {
          font-size: 14px;
          line-height: 1.4;
      }

      .faq-answer {
          padding: 0 20px 15px 45px;
      }

      .faq-answer p {
          font-size: 13px;
      }

      .faq-item {
          margin-bottom: 15px;
      }
  }

  @media (max-width: 480px) {
      .faq-question h4 {
          font-size: 13px;
      }

      .faq-question {
          padding: 12px 15px;
      }

      .faq-answer {
          padding: 0 15px 12px 40px;
      }
  }

  @media (max-width: 991px) {
      .floating-contact {
          display: none;
      }

      .mobile-contact-bar {
          display: flex;
      }

      /* Espaço extra no fim para não cobrir conteúdo */
      body {
          margin-bottom: 60px !important;
      }
  }