/*--------------------------------------------------------------
  #header-style-1
  --------------------------------------------------------------*/

  .header-style-3 .topbar {background-color: #fff; padding: 10px 0;}
  
  @media (max-width: 767px) {
   .header-style-3 .topbar {padding: 20px 0;}
  }
  
  @media (max-width: 767px) {
  .header-style-3 .topbar {text-align: center;}
  }
  
  @media screen and (min-width: 992px) {
    .header-style-3 {width: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
    .header-style-3 .navigation {background-color: transparent;}
    .header-style-3 #navbar {margin-right: 130px;}
    .header-style-3 #navbar > ul > li > a {font-size: 14px; font-size: 0.978rem; font-weight: 500; color: #fff; padding: 40px 12px; }
    .header-style-3 .navigation .container {position: relative;}
    .header-style-3 .navigation .container .separator {background-color: rgba(255, 255, 255, 0.1); width: calc(100% - 30px); height: 1px; position: absolute; bottom: 0; left: 15px;}
  }
  
  @media screen and (min-width: 1200px) {
  .header-style-3 #navbar > ul > .menu-item-has-children > a:before { font-family: "themify"; content: "\e64b"; font-size: 8px; font-size: 0.5rem; position: absolute; right: 4px; top: 41%; }
    .header-style-3 #navbar > ul > li > a { padding: 40px 20px; }
  }
  
  .header-style-3 .navbar-brand { margin-top: 4px; position: relative; top: 0px;}
  
  @media (max-width: 991px) {
    .header-style-3 .navbar-brand {margin-top: 0; padding-top: 0; margin-bottom: 10px;}
  }
  
  .header-style-3 .navbar-brand img { max-width: 170px;}
  
  @media (max-width: 991px) {
  .header-style-3 .navigation {background-color: #102541; padding: 5px 0; }
  }
  
  .header-style-3 .criar-conta-entrar { position: absolute; right: 15px; top: 31px;}
  
  @media (max-width: 991px) {
    .header-style-3 .criar-conta-entrar {right: 75px; top: 16px;}
  }

  .contato-responsivo{ display: none !important; }

  @media (max-width: 450px) {
    .header-style-3 .criar-conta-entrar {display: none;}
    .contato-responsivo{ display: inline-block; width: 100%; margin: 0;  border-bottom: 1px solid #eee;}
    .contato-responsivo img{ width: 180px; padding-bottom: 10px; }
  }
  
  .header-style-3 .criar-conta-entrar > div {display: inline-block;}

  
  .header-style-3 .criar-conta-entrar .open-btn { background-color: transparent; color: #fff; padding: 0; border: 0; margin-right: 22px; position: relative; top: -4px;}
  
  @media (max-width: 1199px) {
    .header-style-3 .criar-conta-entrar .open-btn {margin-right: 20px; }
  }
  
  @media (max-width: 991px) {
    .header-style-3 .criar-conta-entrar .open-btn {margin-right: 10px; }
  }
  
  .header-style-3 .criar-conta-entrar .open-btn:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
  
  .header-style-3 .criar-conta-entrar .contact { position: relative; top: -5px;}
  

  /*--------------------------------------------------------------
  #PÁGINA INICIAL
  --------------------------------------------------------------*/
  .hero-slider {width: 100%; height: 700px; display: -webkit-box; display: -ms-flexbox;  display: flex; position: relative; z-index: 0;}
  
  @media (max-width: 991px) {
    .hero-slider {height: 600px; }
  }
  
  @media (max-width: 767px) {
    .hero-slider {height: 500px; }
  }
  
  .hero-slider .swiper-slide { overflow: hidden; color: #fff;}
  
  .hero-slider .swiper-container { width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;}
  
  .hero-slider .slide-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 1; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left;}
  
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next { background: rgba(255, 255, 255, 0.2); width: 60px; height: 60px; line-height: 60px; margin-top: -30px; text-align: center; border-radius: 60px;}
  
  @media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {display: none;}
  }
  
  .hero-slider .swiper-button-prev { left: 25px;}
  
  @media (max-width: 991px) {
    .hero-slider .swiper-button-prev {display: none;}
  }
  
  .hero-slider .swiper-button-prev:before { font-family: "Flaticon"; content: "\f103"; font-size: 20px; color: #fff;}
  
  .hero-slider .swiper-button-next { right: 25px;}
  
  @media (max-width: 991px) {
    .hero-slider .swiper-button-next {display: none;}
  }
  
  .hero-slider .swiper-button-next:before { font-family: "Flaticon"; content: "\f104"; font-size: 20px; color: #fff;}
  
  .hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; text-align: center; line-height: 12px; font-size: 12px; color: #000; opacity: 1; background: rgba(255, 255, 255, 0.2);}
  
  .hero-slider .swiper-pagination-bullet-active { color: #fff; background: #ffc107;}
  
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {bottom: 10px;}
  
  @media screen and (min-width: 992px) {
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
    .hero-slider .swiper-pagination-custom,
    .hero-slider .swiper-pagination-fraction {display: none;}
  }
  
  /*--------------------------------------------------------------
    #hero-style-1
  --------------------------------------------------------------*/

  @media screen and (min-width: 992px) {
    .hero-style-1 .container, .hero-style-2 .container, .hero-style-3 .container {padding-top: 90px; }
  }
  
  .hero-style-1 .slide-title, .hero-style-2 .slide-title, .hero-style-3 .slide-title { max-width: 550px;}
  
  .hero-style-1 .slide-title h1, .hero-style-2 .slide-title h1,  .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h1 { font-size: 50px; font-size: 2.5rem; font-weight: 600; color: #fff; letter-spacing:1px; margin: 0 0 0.45em;}
  
  @media (max-width: 991px) {
    .hero-style-1 .slide-title h1, .hero-style-2 .slide-title h1, .hero-style-3 .slide-title h21 {font-size: 45px; font-size: 2.8125rem;}
  }
  
  @media (max-width: 767px) {
  .hero-style-2 .slide-title h1{font-size: 35px; font-size: 1.8rem; }
  }
  @media (max-width: 480px) {
    .hero-style-2 .slide-title h1{font-size: 30px; font-size: 1.5rem; }
  }  
  .hero-style-2 .slide-text p{ max-width: 600px;}
  
  .hero-style-2 .slide-text p{ font-size: 20px; font-size: 0.9rem; color: #fff; margin: 0 0 0.75em;}
  
  @media (max-width: 991px) {
  .hero-style-2 .slide-text p{font-size: 18px; font-size: 1.125rem;}
  }
  
  @media (max-width: 767px) {
  .hero-style-2 .slide-text p{font-size: 16px; font-size: 0.8rem; text-transform: capitalize; padding:0 5% 0 0}
  }
  @media (max-width: 480px) {
  .hero-style-2 .slide-text p span{display: none}
  }
  
  .hero-style-2 .slide-btns > a:first-child{ margin-right: 15px;}
  
  
  /*--------------------------------------------------------------
    #hero-style-2
  --------------------------------------------------------------*/
  
  .hero-style-2, .hero-style-3 { height: 570px;}
  
  @media (max-width: 991px) {
    .hero-style-2, .hero-style-3 {height: 500px; }
  }
  
  @media (max-width: 767px) {
    .hero-style-2, .hero-style-3 {height: 390px; }
  }
  
  @media screen and (min-width: 992px) {
    .hero-style-2 .container, .hero-style-3 .container {padding-top: 0; margin-top: 0px; }
  }
  
  
  
  
  /*--------------------------------------------------------------
  #0.3  header
  --------------------------------------------------------------*/
  .site-header {}
  
  .site-header .navigation { background-color: #fff;  margin-bottom: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}
  
  .site-header .navigation > .container { position: relative;}
  
  .site-header #navbar { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} 
  .site-header #navbar > ul li a:hover,
  .site-header #navbar > ul li a:focus { text-decoration: none;color: #ffc107 ;}
  
  .site-header #navbar  > ul .sub-menu li a:hover { text-decoration: none; background:#FFF4D2 !important;}
  .header-style-3 {
    /*** search-social ***/
  }
  
  @media screen and (min-width: 992px) {
    .header-style-3 {position: relative; }
    .header-style-3 .navigation {background-color: #fff;border-top:4px solid #11437E }
    .header-style-3 #navbar > ul > li > a {color: #11437E; padding: 40px 12px;}
    .header-style-3 .navigation .container {position: relative; }
    .header-style-3 .navigation .container .separator {background-color: #ececec; top: 2px; }
  }
  
  @media screen and (min-width: 1200px) {
    .header-style-3 #navbar > ul > li > a {padding: 32px 15px; }
  }
  
  @media (max-width: 991px) {
    .header-style-3 .navigation {background-color: #fff; padding: 5px 0;border-top: 1px solid #eaeaea; z-index: 1038;}
    .header-style-3 .navbar-brand {margin-top: 5px; position: relative;  margin-bottom: 2px; top: 0px;}
  }
    
  @media screen and (min-width: 992px) {
    .site-header #navbar {/*** hover effect ***/}
    .site-header #navbar li {position: relative;}
    .site-header #navbar > ul > li > a {font-size: 16px; font-size: 0.9rem;}
    
    .site-header #navbar > ul .sub-menu { background-color: #fff; width: 220px; position: absolute; left: 0; top: 100%; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
    .site-header #navbar > ul .sub-menu li span{display:block; font-size:16px; color:#11437E; font-weight: 600; padding: 6px 20px; background:#ffc107; }
    .site-header #navbar > ul .sub-menu a i{ font-size:9px; position:relative; top:-2px}
    .site-header #navbar > ul .sub-menu a i:nth-child(2){ font-size:12px;}
    .site-header #navbar > ul .sub-menu li span:nth-child(2), .site-header #navbar > ul .sub-menu li span:nth-child(3), .site-header #navbar > ul .sub-menu li span:nth-child(4), .site-header #navbar > ul .sub-menu li span:nth-child(5){ font-size:11px; line-height:13px; color: #102541; padding:5px 0 0 0; background:none; font-weight:normal}
    .site-header #navbar > ul .sub-menu a b{ font-size:10px; color:#FFF; padding:3px 5px; background:#4aba58; position:relative; border-radius:5px; left:5px;  top:0px}
    .site-header #navbar > ul .sub-menu a span b{top:-8px}
    .site-header #navbar > ul .sub-menu2 { left: 220px;}
    .site-header #navbar > ul .sub-menu3 { left: 440px;}
    .site-header #navbar > ul .sub-menu4 { left: 660px;}  
    
    .site-header #navbar > ul > li .sub-menu li {border-bottom: 1px solid #efefef;}
    .site-header #navbar > ul > li .sub-menu a {font-size: 14px; font-size: 0.875rem; font-weight:500; color: #11437E; display: block; padding: 13px 20px;}
    .site-header #navbar > ul > li > .sub-menu .sub-menu {left: 100%; top: 0;
    }
    .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {position: relative;}
    .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {font-family: "themify"; content: "\e649"; font-size: 11px; font-size: 0.6875rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    .site-header #navbar > ul > li:hover > .sub-menu {top: 100%; visibility: visible; opacity: 1;}
    .site-header #navbar .sub-menu > li:hover > .sub-menu {left: 100%; visibility: visible; opacity: 1; }
  }
  
  @media (max-width: 991px) {
    .site-header #navbar > ul > li a { display: block; font-size: 16px; }
    .site-header #navbar > ul .sub-menu li span { display: block; font-size: 16px; color: #11437E; font-weight: 600; padding: 6px 40px; background: #ffc107;}
     .site-header #navbar > ul > li .sub-menu li { font-size:15px; color:#003263; background:#fff; border:0}
      .site-header #navbar > ul .sub-menu li span:nth-child(2) {font-size: 11px; line-height: 13px; color: #11437E; padding: 0;background: none; font-weight: normal; padding:0 15px 0 0}
        .site-header #navbar > ul .sub-menu a i{ font-size:9px; position:relative; top:-1px}
        .site-header #navbar > ul .sub-menu a i:nth-child(2){ font-size:12px;}
        .site-header #navbar > ul .sub-menu a b { font-size: 10px; color: #fff; padding: 3px 5px; background: #4aba58; position: relative; border-radius: 5px;  left: 10px; bottom: 0px;}
    .site-header #navbar > ul .sub-menu > li:last-child {border-bottom: 0; }
      .site-header #navbar > .ultimo-menu { padding:0 0 20px 0; }
    .site-header #navbar > ul > li > .sub-menu a { font-size:14px; color:#003263; font-weight:500; padding: 8px 15px 8px 45px; border:none; background: #f1f1f1;}
    .site-header #navbar > ul > li > .sub-menu .sub-menu a { padding: 8px 15px 8px 65px;}
    .site-header #navbar > ul .menu-item-has-children > a {position: relative;}
    .site-header #navbar > ul .menu-item-has-children > a:before {font-family: "themify"; content: "\e61a"; font-size: 11px; font-size: 0.6875rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    .site-header #navbar > ul li a:focus {}
  }
  
  @media screen and (min-width: 992px) {
    .site-header #navbar {
    /*** hover effect ***/
    }
    .site-header #navbar .has-mega-menu {position: static;}
    .site-header #navbar .mega-menu,
    .site-header #navbar .half-mega-menu {background-color: #fff; padding: 20px;border-top: 2px solid #ffc107; position: absolute; right: 0; top: 100%; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
    .site-header #navbar .mega-menu {width: 1140px; right: 15px;}
    .site-header #navbar .half-mega-menu {width: 585px;}
    .site-header #navbar .mega-menu-box-title { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: bold; display: block; padding-bottom: 7px; margin-bottom: 7px;}
    .site-header #navbar .mega-menu-list-holder li a {font-size: 14px; font-size: 0.875rem; display: block; padding: 7px 8px; margin-left: -8px;}
    .site-header #navbar .has-mega-menu:hover > ul { top: 100%; visibility: visible; opacity: 1;}
  }
  
  @media (max-width: 1199px) {
    .site-header #navbar > ul .mega-menu { width: 950px; right: 15px;}
    .site-header #navbar > ul .half-mega-menu { width: 485px;}
  }
  
  @media (max-width: 991px) {
    .site-header #navbar > ul .mega-menu,
      .site-header #navbar > ul .half-mega-menu { width: auto;}
      .site-header #navbar > ul .mega-menu .row,
      .site-header #navbar > ul .half-mega-menu .row {margin: 0;}
     .site-header #navbar .mega-menu-content > .row > .col {margin-bottom: 25px;}
  }
  
  @media (max-width: 991px) {
    .site-header #navbar .mega-menu .mega-menu-list-holder a {padding: 5px 15px 5px 40px;}
    .site-header #navbar .mega-menu .mega-menu-box-title {font-size: 14px; font-size: 0.875rem; text-transform: uppercase; display: block; padding: 0 0 4px 5px; margin: 0 25px 8px 25px;}
  }
  
  @media screen and (min-width: 992px) {
    .site-header .navbar-header .open-btn {display: none;}
    .site-header #navbar .close-navbar { display: none;}
  }
  
  @media (max-width: 991px) {
    .site-header {
    /* class for show hide navigation */
    }
    .site-header .container { width: 100%;}
      .site-header .navbar-header button { width: 45px; height: 35px; border: 0; padding: 5px 10px; outline: 0; position: absolute; right: 15px; top: 12px; z-index: 20; }
     .site-header .navbar-header button span { background-color: #11437E; display: block; height: 4px; margin-bottom: 4px;}
     .site-header .navbar-header button span:last-child {margin: 0;}
    .site-header #navbar {background: #fff; display: block !important; width: 280px; height: 100% !important; margin: 0; padding: 0; position: fixed; right: -330px; top: 0; -webkit-box-shadow: 5px 4px 69px -3px rgba(0,0,0,0.75); -moz-box-shadow: 5px 4px 69px -3px rgba(0,0,0,0.75); box-shadow: 5px 4px 69px -3px rgba(0,0,0,0.75); z-index: 100;}
     .site-header #navbar ul a { font-size: 16px; color:#003263; font-weight: 700; padding: 7px 0 3px 0;}
       .site-header #navbar ul .contato-responsivo{ display: inline-block; background: #f1f1f1; text-align: center; font-size: 17px; color: #11437E;}
        .site-header #navbar ul .contato-responsivo i {font-size: 22px; color: #5cb85c; margin-top: 5px}
        .site-header #navbar ul .contato-responsivo p{ font-size: 11px; font-weight: 500}
       .site-header #navbar .sub-menu a {color:#003263}
      .site-header #navbar ul a:hover,
     .site-header #navbar ul li.current a { color: #ffc107;}
     .site-header #navbar .navbar-nav { height: 100%;overflow: auto;}
     .site-header #navbar .close-navbar {background-color: #ffc107; width: 40px; height: 40px; font-size: 20px; color: #11437E; border: 0; outline: none; position: absolute; left: -40px; top: 90px; z-index: 20;}
      .site-header #navbar .close-navbar .ti-close { position: relative; top: 1px;}
     .site-header #navbar > ul > li { border-bottom: 1px solid #f2f2f2;}
      .site-header #navbar .link-responsivo-criar-conta a{ display: inline-block; width: 100%; background: #06519e !important; color:#ffc107 !important; padding:13px 15px 10px 35px; }
        
      .site-header #navbar .link-responsivo-criar-entar a{display: inline-block; width: 100%; padding:13px 15px 10px 35px;}
     .site-header #navbar > ul > li > a { padding: 13px 15px 10px 35px;}
     .site-header .slideInn { right: 0 !important;}
  }
  
  @media (max-width: 767px) {
    .site-header .navbar-header .navbar-brand {font-size: 24px;}
    .site-header #navbar .navbar-nav {margin: 0; background: #FFF}
  }
  
  @media (max-width: 991px) {
    .site-header .navbar-collapse.collapse { display: none;}
    .site-header .navbar-collapse.collapse.in { display: block;}
    .site-header .navbar-header .collapse,
      .site-header .navbar-toggle { display: block;}
      .site-header .navbar-header { float: none;}
      .site-header .navbar-right { float: none;}
    .site-header .navbar-nav {float: none;}
      .site-header .navbar-nav > li {float: none;}
    
    .body-overlay:before { content: ""; width: 100%; height: 100%; background: rgba(0, 50, 99, 0.99); position: absolute; left: 0; top: 0; z-index: 10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} 
  }
  
  .telefone-contato{ color: #385a7b; font-weight: bold; margin-right: 15px }
  .telefone-contato span { font-size: 12px; margin-bottom: 23px; }
    .telefone-contato i{color: #4cae4c;}
  .criar-conta-topo a{color: #fff; font-weight: 600; padding: 5px 15px; border-radius: 3px; border: 2px solid #06519e; background: #06519e; margin-right:15px}
  .criar-conta-topo a:hover,.entrar-topo a:hover{ color:#ffc107; }

  .entrar-topo a{font-size: 14px; font-size: 0.978rem; font-weight: 600; color: #11437E; padding: 40px 12px;}
  .link-responsivo-criar-conta, .link-responsivo-criar-entar{ display: none !important }
  
  @media (max-width: 767px) {
    .link-responsivo-criar-conta, .link-responsivo-criar-entar{ display: inline !important }
    .link-responsivo-criar-conta{ background-color: #5cb85c !important; color: #FFF}
  }

  .funcionalidades { background:#f0fbff; padding:50px 0 30px 0}
    .funcionalidades .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
    .funcionalidades .titulo h3 { font-size:36px; font-weight:300; margin-bottom:60px}
      .funcionalidades .titulo h3 span{ display:inline-block; width:100%}
    
    .funcionalidades .funcionalidades-detalhes h1{ font-weight:600; margin-bottom:25px}
    .funcionalidades-menu ul{}
      .funcionalidades-menu li{font-size: 16px; color: #06519e; font-weight: 600; text-align: right; border: solid 1px #1989EA; background-color:#FFF; border-radius: 3px; margin-bottom: 10px; padding-right:10px; position:relative}
        .funcionalidades li a{width: 100%; height: 40px; padding: 11px; display:inline-block; position:relative}
    .funcionalidades-menu li.active{background:#06519e}
    .funcionalidades-menu li a{ text-decoration:none}
      .funcionalidades-menu li b {font-size: 8px; color: #FFF; padding: 3px 5px; background: #4aba58; position: relative; border-radius: 5px; right: -18px; top: -7px; position:absolute; z-index:1}
    .funcionalidades-menu li.active a{ color:#ffc107 !important;}
    .funcionalidades-menu li.active a:after { content: ''; position: absolute; background: #06519e; border-bottom: 1px solid #06519e; border-right: 1px solid #06519e; right:-18px; top: 50%; margin-top: -8px; width: 15px; height: 15px; z-index: 1; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); z-index:1}
    
    .funcionalidades-detalhes{ position:relative; min-height:520px}
      .funcionalidades-detalhes h3{ font-size:18px; font-weight:600; color:#06519e; padding:0; margin:0 0 20px 0}
      .funcionalidades-detalhes ul{ list-style: disc; padding:0 0 0 30px}
        .funcionalidades-detalhes ul li{ font-size:15px; color:#11437E; font-weight:600; margin:8px 0}
          .funcionalidades-detalhes ul li span{ display:inline-block; width:100%; font-size:13px; font-weight:normal}
      .funcionalidades-detalhes figure{ position:absolute; width:530px; left:80px; right:-150px}
      .list-none{list-style: none}
    .download-do-plugin{ width: auto !important; padding:5px 10px !important; height: auto !important; margin-top: 10px}
    .funcionalidades-detalhes .theme-btn-s2{ margin:10px 0 0 30px}
  @media (max-width: 767px) {
    .funcionalidades{ padding:50px 5%}
      .funcionalidades .titulo h2 {margin-bottom:25px}
        .funcionalidades .titulo h3 span{ display:inline; width:auto;}
    
    .funcionalidades-menu { width:35%; float:left; margin:0; margin-top: 15px; padding:0}
      .funcionalidades-menu li{font-size: 15px; margin-left: -5px}
          .funcionalidades-menu li a span{ display:none}
    .funcionalidades-detalhes{width:60%;float:left;  margin:0; margin-top: 15px; padding:0}
      .funcionalidades-detalhes ul{padding:0 0 0 10px}
        .funcionalidades-detalhes ul li{ font-size:14px; line-height: 17px; color:#11437E; font-weight:600; margin:0 0 12px 0}
          .funcionalidades-detalhes ul li span{ margin-top: 5px}
    .funcionalidades-detalhes .col-md-6{ padding:0}
    .funcionalidades-detalhes .col-lg-12{ padding:0 0 0 10% }

      .funcionalidades-detalhes .theme-btn-s2 {margin: 20px 0 0 10px;} 
  }
  /*--------------------------------------------------------------
# Economia de Tempo em Reais
--------------------------------------------------------------*/
.economia{ background: url(../images/bg-escolha.jpg) no-repeat #11437E; background-size: cover; padding: 50px 0 50px 0;}
  .economia .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
    .economia .titulo h3 { font-size: 36px; font-weight: 300; color: #FFF; margin-top: 20px; margin-bottom: 30px;}
      .economia .titulo h3 span{ display:inline-block; width:100%;}

  .economia .col-lg-4 { padding: 0 40px;}
    .economia img{ width:106px}
    .economia h4,.economia h5{display:inline-block; width:100%; font-size:25px; color:#fff; font-weight:700;}
      .economia h4 span, .economia h5 span{ font-size:15px; font-weight:500;}
    .economia h5{ font-size:20px; color:#043363; background:#ffc107; padding:5px 0; margin:5px 0 0 0}
    
  .economia .estudo-de-caso{ margin:30px 0 0 0;}
    .sombra{-webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.8); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.8);}
        .economia .estudo-de-caso .titulo{ font-size:21px; color:#043363; font-weight:500;  background:#ffc107; padding:7px 0;}
    .economia .conteudo{ background:#FFF; padding:35px 0;}
      .economia .conteudo .estudo-de-caso-pessoa { margin-top: 15px }
        .economia .conteudo .estudo-de-caso-pessoa img{ width:150px}
        .economia .conteudo .estudo-de-caso-pessoa h2{ font-size:14px; color:#043363; font-weight:bold; padding:0; margin:17px 0 0 0}
        .economia .conteudo .estudo-de-caso-pessoa h3{ font-size:13px; color:#A3A3A3; font-weight:500; margin-top: 0}  
    
    .economia .orcamentos{ padding:0 100px 0 0}
    .economia .orcamentos .por-mes{width:100%; font-size:18px; color:#043363; font-weight:bold; margin-bottom: 15px }
    .economia .com-orca-fascio{ display: inline-block; width: 100%; background:#033363; font-size:17px; color:#FFF; font-weight:bold; padding:10px 0 }
    .economia .orcamentos .tempo{ width:55%; font-size:15px; color:#043363; text-align:right; border:1px solid #CCC; border-right:0; padding: 10px 15px 10px 0; margin-top:-1px; float:left; }
    .economia .orcamentos .dias{width:45%; font-size:17px; color:#043363; font-weight:bold; text-align:left; border:1px solid #CCC; padding:9px 0 8px 15px; margin-top:-1px; float:left;}
    .economia .orcamentos .economia_ano{display: inline-block; width: 100%; background:#6FA13B; font-size:16px; color:#FFF; font-weight:bold; padding:10px 0;}
    
    .economia .btn{color:#fff; font-weight: 600; background:#033363; border: 2px solid #033363; text-transform:uppercase; border-radius: 30px; padding: 10px 40px; margin:45px 0 0 0}
      .economia .btn:hover { background:#11437E; }

  @media (max-width: 767px) {
  .economia{  padding: 45px 0 35px 0;}
      .economia h1 span{ display:inline-block; width:100%;}
      .economia h2{margin:0 0 25px 0}
      .economia .col-lg-4 { padding:0 20% 5px 20%;}
        .economia h3,.economia h4{display:inline-block; width:100%; font-size:20px; color:#fff;}
        .economia h4{ font-size:18px; color:#043363; background:#ffc107; margin:0 0 0 0}

      .economia .estudo-de-caso{ margin:40px 0 40px 0}
        .sombra{-webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.1);  -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.1); box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.1); }
        .economia .conteudo .estudo-de-caso-pessoa img{ width:120px}  
        .economia .orcamentos{ padding:0 15%}
        .economia .estudo-de-caso .titulo{ font-size:15px; line-height:17px; font-weight:500; padding:12px 0;}
        .economia .estudo-de-caso .titulo b{ display:inline-block; width:100%; font-size:20px;}
        .economia .orcamentos .economia_ano{ font-size:17px; line-height:20px; padding:7px 0 }
        .economia .orcamentos .economia_ano span{ display:inline-block; width:100%; font-size:20px}   
  }
  @media (max-width: 480px) {
        .economia .conteudo{padding: 10px  0 27px 0;}
        .economia .btn { padding: 10px 40px; margin: 0;}
  }
  .portifolio { background:#fff; padding:50px 0 50px 0}
    .portifolio .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
    .portifolio .titulo h3 { font-size:36px; font-weight:300; margin-bottom:20px}
      .portifolio .titulo h3 span{ display:inline-block; width:100%}
    .portifolio .portifolio-grids .item { width: 100%; float: left; text-align: center; padding: 45px 35px;}  
    
    .portifolio .portifolio-grids .item h3 { font-size:16px; font-weight:600;} 
    .portifolio .portifolio-grids .item{ width:160px; padding:10px;}
    .portifolio .portifolio-grids { padding:10px 0}
    .portifolio .services-slider{ padding:10px 0 30px 0}
    .portifolio .owl-theme .owl-dots .owl-dot.active span { background: #ffc107;}
    
    .portifolio .ver-mais{font-size:18px; color:#11437E; margin:20px 0 20px 0;}
    
  .parceiros { background:#fff; padding:35px 0 20px 0}
    .parceiros .midia img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s}
      .parceiros .midia img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }
    .parceiros .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #888888; text-transform: uppercase; display: block; margin: -0.2em 0 10px 0; }
    .parceiros .titulo h3 {font-size: 13px; font-weight: 500; color: #888888; margin: -0.2em 0 25px 0;}
   
  @media (max-width: 767px) {
    .portifolio .empresas-que-confiam {padding: 0 0 5px 0;}
    .portifolio .portifolio-grids .item h5 { font-size:14px; margin-top: 0 } 
  }
  @media (max-width: 320px) { 
    .portifolio .portifolio-grids .item{ width:130px;}
}    

  .camada-amarela{padding:50px 0 50px 0; min-height:360px; background: url(../images/bg-ideal.jpg) no-repeat; background-size:cover; }
    .camada-amarela .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold;  text-transform: uppercase; display: block; margin: -0.2em 0 10px 0;}
    .camada-amarela .titulo h3 { font-size:36px;  font-weight:300; margin-bottom:50px}
    .camada-amarela .titulo span{ margin-bottom:40px}
    .camada-amarela .titulo h2, .camada-amarela .titulo h3, .camada-amarela .titulo span{color:#337ab7}
  
  .ideal{padding:0 0 50px 0; margin-top:-145px}
    .ideal .grid { background-color: #fff; width: calc(33.33% - 30px); min-height: 310px; margin: 0 15px 30px; float: left; text-align: center; padding: 32px 20px; -webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); border-radius: 0;}
      .ideal .grid figure img{ width:80px}
      .ideal .grid h3{display: inline-block; width: 100%; font-size: 18px; font-weight: 600; height: 40px}
        .ideal .grid h3 b{ display: inline-block; width: 100%; font-size: 12px; font-weight: 600;}
      .ideal .grid p{font-size: 14px; font-weight: 400;}
    .ideal .btn{color: #fff; background:#ffc107; font-weight: 600; border: 2px solid #ffc107; text-transform:uppercase; border-radius: 30px; padding: 10px 40px; margin:25px 0 0 0}
    .ideal .btn:hover {background:none; color: #ffc107;}
  
  
  @media (max-width: 480px) {
  .camada-amarela{padding:50px 0 50px 0; min-height:260px; background: url(../images/bg-ideal.jpg) no-repeat center/900px;}
    .ideal .grid {width: calc(50% - 20px); min-height:395px; margin: 0 10px 20px;}
      .ideal .grid h3{ height: auto; font-size: 16px;  margin-bottom: 15px; }
        .ideal .grid h3 b{ margin: 5px 0; }
      .ideal .grid p{font-size: 13px;}  
  .ideal{padding:0 0 50px 0; margin-top:-100px} 
  }
  @media (max-width: 320px) {
    .ideal .grid {min-height:465px; margin: 0 10px 20px;}
  }   

  .numeros-do-orcafascio{padding:50px 0 30px 0; display: inline-block; width: 100%}
    .numeros-do-orcafascio .grid { background-color: #fff; width: calc(33.33% - 40px); margin: 0 15px 30px; float: left; text-align: center; padding: 37px 20px; -webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); border-radius: 0;}
      .numeros-do-orcafascio .grid figure img{ width:80px}
      .numeros-do-orcafascio .grid h3{font-size: 30px; color:#ffc107; letter-spacing:-2px; font-weight:600; padding:0; margin:20px 0 0 0}
        .numeros-do-orcafascio .grid span {font-size: 60px;}
      .numeros-do-orcafascio .borda{ border-top:4px solid #1989EA}
      
      .numeros-do-orcafascio .imagem{background: url(../images/numeros/1.jpg) no-repeat center; background:cover}
      
      .numeros-do-orcafascio .grid-sem-sombra {width: calc(33.33% - 30px); margin: 0 15px 30px; float: left; text-align: center; }  
        .numeros-do-orcafascio .grid-sem-sombra h3{ font-size:30px; margin-top:70px; font-weight:300}
          .numeros-do-orcafascio .grid-sem-sombra h3 span{ display:inline-block; width:100% }
      .numeros-do-orcafascio .grid-sem-sombra, .numeros-do-orcafascio .grid{ min-height:210px}
      
    .numeros-do-orcafascio .btn{  background:none; color: #ffc107; font-weight: 600; border: 2px solid #ffc107; text-transform:uppercase; border-radius: 30px; padding: 10px 40px;}
    .numeros-do-orcafascio .btn:hover {color: #fff; background:#ffc107}
    
  @media (max-width: 767px) {
    .numeros-do-orcafascio .grid {width: calc(50% - 30px); margin: 0 15px 30px;}
    .numeros-do-orcafascio .grid-sem-sombra {width: calc(50% - 30px); margin: 0 15px 30px;}
      .numeros-do-orcafascio .grid-sem-sombra h3{ font-size:20px; margin-top:15px;}
        .numeros-do-orcafascio .grid span {font-size: 35px;}
        .numeros-do-orcafascio .grid-sem-sombra h3 span{ display: inline; width:auto }
        
    .numeros-do-orcafascio .imagem{background: url(../images/numeros/1.jpg)no-repeat center/250px;}
        
    .numeros-do-orcafascio .grid-sem-sombra, .numeros-do-orcafascio .grid{ min-height:135px; padding: 5px 10px;}  
  } 
  
  .depoimentos{ background:#f0fbff; background-size:cover; padding:50px 0 0 0}
    .depoimentos .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
    .depoimentos .titulo h3 { font-size:36px; font-weight:300; margin-bottom: 20px;}
    .depoimentos .titulo .fi:before {font-size: 40px;  font-size: 2.5rem; color:#ffc107; font-weight:100; margin-bottom: 30px; display: inline-block;}
    
    .depoimentos  .btn{color:#fff; background:#11437E; font-weight: 600; text-transform: uppercase; border: 2px solid #11437E; border-radius: 30px; padding: 10px 40px; margin:0 0 0 0}
      .depoimentos .btn:hover{color:#11437E; background:none;}
    .depoimentos .depoimentos-grids {margin: 0;}
      .depoimentos .depoimentos-grids .grid { width: 100%; float: left; margin: 0 0 20px;}
    
    .depoimentos .comentario {padding: 45px; position: relative; border-radius: 5px; padding: 0 20%; text-align: center;}
      .depoimentos .comentario p { font-size: 19px; font-weight: 400; font-style: italic;}
    
    .depoimentos .cliente-info { margin-top: 35px;  text-align: center !important;}
      .depoimentos .cliente-info .img-holder { width: 80px; margin: 0 auto}
      .depoimentos .cliente-info .img-holder img { border-radius: 50%;}
      .depoimentos .cliente-info h5 { font-size: 16px; font-size: 1rem;  padding: 0.8em 0 0;}
      .depoimentos .cliente-info p {font-size: 12px; font-size: 0.75rem; margin: 0; line-height: 1.7em;}

      .depoimentos .owl-theme .owl-dots{ margin-bottom: 30px }
      .depoimentos .owl-theme .owl-dots .owl-dot.active span { background: #ffc107;}  
      
    @media (max-width: 767px) {
      .depoimentos .titulo .fi:before {margin-bottom: 20px }
      
      .depoimentos .depoimentos-grids .grid {  margin: 0; float: none;}
      
      .depoimentos .comentario { padding: 0 25px 10px 25px;}
        .depoimentos .comentario p { font-size: 15px; }
      .depoimentos .cliente-info { margin-top:15px;}
        .depoimentos .cliente-info h5 { font-size: 14px; font-size: 0.875rem;}

      .depoimentos .owl-theme .owl-dots{ margin: 13px 0 0 0}  
    }

    .atendimento{ padding:0 0 50px 0;}
      .atendimento .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
      .atendimento .titulo h3 { font-size:36px; font-weight:300; margin-bottom: 50px;}

      .atendimento .grid { background-color: #fff; width: calc(33.33% - 40px); margin: 0 20px 0; float: left; text-align: center; -webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.1); border-radius: 0;}
        .atendimento .grid span{ display:inline-block; width:100%; font-size:18px; color:#FFBF00; font-weight:600; text-align:left; background:rgba(40,85,139,0.95); padding:10px 35px; position:relative; top:-45px;}
          .atendimento .grid span img{ position:absolute; right:0; bottom:0;}
          .atendimento .grid .amarelo{color: #28558B; background:rgba(255,209,73,0.8) !important;}
            
        .atendimento .grid p{ font-size:15px; color:#11437E; padding:0 20px 0px 20px; position:relative; bottom:25px}
          .atendimento .grid p b{display: inline-block; width:100%; font-size:13px; font-weight:700; text-transform:uppercase; margin-bottom:5px}
    
    @media (max-width: 767px) {
    .atendimento { padding: 0;} 
      .atendimento .grid {width: calc(100% - 50px); margin: 0 25px 40px;}
    }
    
 /*--------------------------------------------------------------
  # FIM ÁGINA INICIAL
  --------------------------------------------------------------*/

  /* INÍCIO BASE */
          
    .site-footer { background: url(../images/bg-base.jpg) no-repeat #11437E; background-size:cover;  position: relative; margin-bottom:63px}
      .site-footer .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}   
    .site-footer .download-app{ width:100%; display:inline-block; text-align:center; border-bottom:1px solid #355E90; padding:40px 0 50px 0; margin-bottom:25px}
      .site-footer .download-app a{ margin:0 15px; color:#FFF; border:2px solid #ffc107; border-radius:30px; padding:10px 20px}
        .site-footer .download-app a:hover{ background:#ffc107}

    .site-footer ul {list-style: none;}
    .site-footer p, .site-footer li { color: #fff;}
    
    .site-footer { padding: 50px 0 0 0;}
    .site-footer .h1-menu-base {display: none;}
    .site-footer .widget-title h2 { font-size: 16px; font-weight: 500; color: #ffc107; margin:12px 0 0 0; padding-bottom: 0.4em; text-transform: capitalize; position: relative;}

    .site-footer .link-widget { overflow: hidden;}
      .site-footer .link-widget ul {float: left;}
        .site-footer .link-widget ul li {}
        .site-footer .link-widget ul li i{font-size: 9px;}
        .site-footer .link-widget ul a {font-size: 0.875rem; color: #eaeaea;}
        .site-footer .link-widget ul a:hover,
        .site-footer .link-widget ul li:hover:before { text-decoration: none; color:#ffc107;}
        .site-footer .link-widget ul > li + li { margin-top: 8px;}

    .site-footer .lower-footer { text-align: center; position: relative; border-bottom:1px solid #355E90; margin:50px 0 0 0}
      .site-footer .lower-footer .social ul { display: inline-block;}
      .site-footer .lower-footer .social ul li{ margin:0 9px; float:left;}
      .site-footer .lower-footer .social ul li a{ color:#FFF}
      
      .site-footer .lower-footer .row { padding: 20px 0; position: relative;}
      .site-footer .lower-footer .copyright { display: inline-block; float: left; font-size: 14px; font-size: 0.875rem;  margin: 0;}
      .site-footer .lower-footer .copyright a { color: #fff; text-decoration: underline;}
      
      .site-footer .lower-footer .extra-link { display: inline-block; float: right; overflow: hidden;}
        .site-footer .lower-footer .extra-link ul { overflow: hidden; list-style: none;}
        .site-footer .lower-footer .extra-link ul li { float: left;}
        .site-footer .lower-footer .extra-link ul > li + li { margin-left: 35px; position: relative;}
          .site-footer .lower-footer .extra-link ul > li + li:before { content: ""; background: #fff; width: 15px; height: 1px; position: absolute; left: -25px; top: 11px;}
    
      .site-footer .lower-footer .extra-link ul a { font-size: 14px; font-size: 0.875rem; color: #fff;}
      .site-footer .lower-footer .extra-link ul a:hover { text-decoration: underline;}  
    
    @media (max-width: 767px) {
      .site-footer .download-app{padding:20px 0 20px 0; margin-bottom:0; border:0}
      .site-footer .download-app a{display:inline-block; width:80%; padding:10px 10%; margin:0 0 10px 0 } 
      
    .site-footer { background: url(../images/bg-base.jpg) no-repeat right/600px #11437E; background-size:cover;  position: relative; margin-bottom: 50px;} 
      .site-footer .link-widget{ display:none}
      
      .site-footer .lower-footer { border-bottom:0; margin: 0;  text-align:center;}
        .site-footer .lower-footer .social ul { justify-content: center; display: flex;}
          .site-footer .lower-footer .social ul li{ margin:10px 9px; float:left;}
          .site-footer .lower-footer .social ul li a{ color:#FFF}
        
        .site-footer .lower-footer .copyright { width:100%; margin:20px 0}
      
      .site-footer .lower-footer .extra-link{ float:none} 
        .site-footer .lower-footer .extra-link ul{ justify-content: center; display: flex;}
        .site-footer .lower-footer .extra-link ul > li + li { margin-left: 35px; position: relative;}
        
        body {padding-bottom:0 !important;}
    }
    
    .leed-base {position: fixed; bottom: -1px; left: 0; width: 100%;  z-index:1; box-shadow: 0px 1px 19px #00000036; background:#FFF; padding: 12px 0}
      .leed-base .container{ width: 872px}
        .leed-base .fone-leed{ width: 225px; float: left;}
        .leed-base .fone-leed a[href^="mailto:"]{ color: #222 }
          .leed-base .fone-leed img { width:41px; float:left; margin-right:10px;}
          .leed-base .fone-leed span{ font-size:12px; line-height:12px; margin-top:3px; position: absolute;}
            .leed-base .fone-leed i{ font-size:20px; color:#5cb85c}
            .leed-base .fone-leed b{ display: inline-block; font-size:18px; color:#11437E; margin-top: 6px}
        
        .leed-base .ligamos-base{}
          .leed-base .ligamos-base h2{ font-size:14px; font-weight:500; line-height:14px; margin:8px 10px 0 35px; float:left;}
        
        .leed-base .exprimentar{ margin-left: 15px; background: #000;}  
           .leed-base .exprimentar h3{ font-size:14px; font-weight:500; line-height:14px; margin:8px 10px 0 55px; float:left;}

        .leed-base .btn{ font-size:15px; padding:9px 30px; float: left;}
        .leed-base form input {font-size: 15px; font-weight:400; height:41px}
      

    @media (max-width: 767px) {
      .leed-base{padding: 10px 10px !important; height: 55px;}
      .leed-base .ligamos-base, .leed-base  .exprimentar{ display:none}
      .leed-base .fone-leed span{ text-align: center; position: absolute;  top: 25px; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}
      .slide-inner span{display:none}
      .leed-base .fone-leed img {display:none}

    } 
    
    /* Geral*/
    .ver-mais .btn i{ margin-right: 5px }
    @media (max-width: 767px) {
    .funcionalidades .titulo h3, .escolha-perfil h1, .economia .titulo h3, .portifolio .titulo h3, .camada-amarela .titulo h3, .depoimentos .titulo h3, .atendimento .titulo h3{font-size: 22px; font-weight: 500; margin-bottom: 20px; padding: 0 40px}
    .economia .titulo h3{padding: 0 20px}
    .portifolio .titulo h3{ margin-bottom: 0 }
     .funcionalidades, .escolha-perfil, .economia, .portifolio, .camada-amarela, .depoimentos, .numeros-do-orcafascio, .atendimento { padding:40px 10px !important}
        .numeros-do-orcafascio{ padding-bottom: 10px !important;}
        .atendimento { padding-top:0 !important; padding-bottom:0 !important;}
    } 
/* FIM BASE */

/* INÍCIO CONTEÚDOS INTERNOS*/

/******************************
  #TITULOS INTERNOS
******************************/
.titulos-internos {background: url(../images/marca-dagua.png) no-repeat bottom right/700px #11437E; width: 100%;  height:auto; position: relative; text-align: left; padding: 140px 0}
  .titulos-internos .container {height: 100%; display: table;}
  .titulos-internos .container > .row {vertical-align: middle; display: table-cell;}
  .titulos-internos h1 {font-size: 40px; font-weight: 600; color: #fff; margin: 0 0 25px 0;}
  .titulos-internos h2 {font-size: 20px; font-weight: 400; line-height: 25px; color: #fff; margin: 0;}

.titulos-internos2{ padding: 70px 0 80px 0}

.breadcrumb {padding: 8px 0px; margin-bottom: 10px; list-style: none; background: none !important; border-radius: 4px;}
.breadcrumb a{ color:#FFF; }
.breadcrumb .active{ color:#ffc107 !important;}
@media (max-width: 991px) {
  .titulos-internos {height: auto;}
  .titulos-internos h2 {font-size: 20px;}
}

@media (max-width: 767px) {
  .titulos-internos {background: url(../images/marca-dagua.png) no-repeat bottom right/350px #11437E; text-align: center !important}
  .titulos-internos h1 {font-size: 30px;}
  .titulos-internos h2 {font-size: 17px;}
}




/*--------------------------------------------------------------
#  Contador Interno
--------------------------------------------------------------*/

.contador-numeros-internos { background-color: #FAFAFA; text-align: center; padding:30px 0 80px 0}
  .contador-numeros-internos .titulo h2 { font-size:30px; font-weight:400; margin-bottom: 50px }
  .contador-numeros-internos h2 {font-size: 36px;f ont-size: 2.25rem; margin: 0 0 1.8em;}
  .contador-numeros-internos .contador-grids .grid { width: 25%; float: left;}
  .contador-numeros-internos .grid h3 { font-size: 48px; font-size: 3rem; color: #ffc107; margin: 0 0 0.2em;}
  .contador-numeros-internos .grid h3 + p {font-size: 16px; font-size: 1rem; color:#11437E; margin: 0;}

@media (max-width: 991px) {
  .contador-numeros-internos h2 { font-size: 26px; font-size: 1.625rem;}
  .contador-numeros-internos .grid h3 { font-size: 40px; font-size: 2.5rem;}
    .contador-numeros-internos .grid h3 + p { font-size: 15px; font-size: 0.9375rem;}
}

@media (max-width: 767px) {
  .contador-numeros-internos { padding: 30px 0 0px 0 !important;}
  .contador-numeros-internos .titulo h2 { font-size:20px; font-weight:400; margin-bottom: 50px; padding: 0 15% }
  .contador-numeros-internos h2 { font-size: 25px;  font-size: 1.5625rem;}
  .contador-numeros-internos .contador-grids .grid { width: 50%; margin-bottom: 50px;}
    .contador-numeros-internos .grid h3 { font-size: 30px; font-size: 1.875rem;}
}


/*--------------------------------------------------------------
# ÍNICIO SOBRE
--------------------------------------------------------------*/
.sobre-nos-bg-titulos {background: url("../images/sobre/bg-topo.jpg") center center/cover no-repeat local #11437E;}
.sobre-nos {padding-bottom: 80px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 82%);}
 
  .sobre-nos .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
  .sobre-nos .titulo h3 { font-size:30px; font-weight:400; margin-bottom: 20px;}
  
  .sobre-nos .img-holder{position: relative; max-width: 490px;}
    .sobre-nos .img-holder img{border: 10px solid #fff; -webkit-box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);}
 
  .sobre-nos .video-holder{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .sobre-nos .video-holder a{ background: rgba(255, 193, 7, 0.9); width: 85px; height: 85px; line-height: 85px; text-align: center; border: 2px solid #fff; border-radius: 85px; display: inline-block;}
      .sobre-nos .video-holder .fi:before{ font-size: 30px; font-size: 1.875rem; color: #fff;}
  
  .sobre-nos .details{ padding-left: 40px;}

  .sobre-nos .contact-info, .modulos-section .contact-info{ border: 1px solid #e6e8eb; overflow: hidden; margin: 50px 0;}
    .sobre-nos .contact-info > div, .modulos-section .contact-info > div{background: #FFF; width: 50%; float: left; padding: 35px 0px 35px 105px !important; position: relative;}
    .sobre-nos .contact-info > div:last-child, .modulos-section .contact-info > div:last-child{  border-left: 1px solid #e6e8eb;}

    .sobre-nos .contact-info img, .modulos-section .contact-info img{ position: absolute; left: 20px;  top: 40px;}
    .sobre-nos .contact-info p, .modulos-section .contact-info p{ font-size: 15px;}

    .sobre-nos .btns > a:first-child, .modulos-section .btns > a:first-child{ margin-right: 15px;}
    

@media (max-width: 991px) {
  .sobre-nos{ padding-top: 0;}
  .sobre-nos .img-holder {margin-bottom: 60px;}
  .about-pg-sobre-nos {padding-top: 0;}
}

@media (max-width: 600px) {
  .sobre-nos .titulo h3 { font-size:20px;}
  .sobre-nos .contact-info > div, .modulos-section .contact-info > div{ width: 100%;   float: none; }
  .sobre-nos .contact-info > div:last-child, .modulos-section .contact-info > div:last-child{border-left: 0; border-top: 1px solid #e6e8eb;}
  .sobre-nos .btns > a:first-child, .modulos-section .btns > a:first-child{margin-bottom: 15px;}
}

@media (max-width: 1199px) {
  .sobre-nos .details{ padding-left: 0;}
}


  .escolha-perfil{ background: url(../images/bg-escolha.jpg) no-repeat #11437E; background-size:cover; padding:50px 0 80px 0}
    .escolha-perfil h1{color:#ffc107; font-weight: 300; margin-bottom: 50px}
    .escolha-perfil h1 span{display:inline-block; width:100%}
    .escolha-perfil p{color:#FFF; line-height:120%}
    
      .escolha-perfil .texto-1{ text-align:right}
        .escolha-perfil .texto-1 .btn{ background:none; border: 2px solid #1989EA}
          .escolha-perfil .texto-1 .btn:hover{ background:#1989EA}
        
      .escolha-perfil .texto-2{ text-align:left}
        .escolha-perfil .texto-2 .btn{ background:none; border: 2px solid #ffc107}
          .escolha-perfil .texto-2 .btn:hover{ background:#ffc107}
      .escolha-perfil .btn{ font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #4db7e1; border-radius: 30px; padding: 10px 40px; margin:35px 0 0 0}
  @media (max-width: 767px) {
  .escolha-perfil{padding:50px 0} 
    .escolha-perfil h1 span{display:inline; width:auto}
    .escolha-perfil .texto-1{ text-align:center}
    .escolha-perfil .texto-2{ text-align:center}
      .escolha-perfil .btn{padding: 10px 13px; margin:25px 0; }
  }

/*--------------------------------------------------------------
#2.1  diferenciais
--------------------------------------------------------------*/
.diferenciais {}
  .diferenciais .titulo h2 {font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #ffc107; text-transform: uppercase; display: block; margin-top: -0.2em;}
  .diferenciais .titulo h3 { font-size:30px; font-weight:400; margin-bottom: 70px;}
  
  .diferenciais .diferenciais-grids .header { margin-bottom: 25px }
  .diferenciais .diferenciais-grids{ margin: 0 -15px;}

    .diferenciais .diferenciais-grids .grid { width: calc(33.33% - 30px); min-height: 330px; margin: 0 15px 30px; float: left; padding: 50px 40px; text-align: center; -webkit-box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1); box-shadow: 0px 0px 36.8px 9.2px rgba(16, 37, 65, 0.1);}
    .diferenciais .fi:before{ font-size: 50px; font-size: 4.125rem; color: #ffc107; margin-bottom: 20px}
    .diferenciais .details h3 {font-size: 20px; font-size: 1.25rem; margin: 0.3em 0 0.7em;}
  .diferenciais .btn { color: #fff; font-weight: 600; background: #033363; border: 2px solid #033363; text-transform: uppercase; border-radius: 30px; padding: 10px 40px; margin: 45px 0 0 0;}
     .diferenciais .btn:hover { background:#11437E; }

@media (max-width: 991px) {
  .diferenciais .diferenciais-grids{ margin: 0 -7.5px; }
   .diferenciais .diferenciais-grids .grid.grid {width: calc(50% - 15px); margin: 0 7.5px 30px;}
}


@media (max-width: 600px) {
  .diferenciais .diferenciais-grids .grid.grid { width: calc(100% - 15px); float: none;}
}


@media (max-width: 767px) {
  .diferenciais .details h3 {font-size: 18px; font-size: 1.125rem;}
}

.diferenciais .details li{font-size: 14px; margin: 0 0 7px 0; }

/*--------------------------------------------------------------
#7.1    modulos-section
--------------------------------------------------------------*/
.modulos-section {
  /*** service single tab ***/
}

.modulos-titulos{ margin:50px 0}
.modulos-vantagens, .modulos-funcionalidades{margin: 40px 0;}
    .modulos-vantagens .col, .modulos-funcionalidades .col{width: 100%; display: inline-block;  text-align: left !important}
        .modulos-vantagens .col h4{ line-height: 25px; font-weight: bold; }
        .modulos-funcionalidades .col h4{font-size: 16px; font-size: 1rem !important line-height: 25px; font-weight: normal; }
             .modulos-funcionalidades .col-md-6 h4 i{ font-size: 19px; color: #5cb85c; margin: 5px 10px 20px 0; float: left; }

    .modulos-vantagens .lista ul li{ font-size: 16px; font-size: 1rem; font-weight: normal; color: #55667e; margin-left: 0 !important}
    .modulos-vantagens .lista ul li i{ font-size: 12px; color: #5cb85c;}

    .modulos-section ul { list-style: disc; padding: 0 0 20px 30px;}
      .modulos-section ul li{ margin: 17px 0;}

@media screen and (min-width: 1200px) {
  .modulos-section {padding-left: 20px;}
}
.modulos-section .theme-btn, .modulos-section .theme-btn-s2, .modulos-section .theme-btn-s3 {margin-top: 10px; }

.modulos-section h2 { font-size: 30px; font-size: 1.875rem; margin: 0 0 0.7em; text-transform: capitalize;}
@media (max-width: 991px) {
  .modulos-section h2 { font-size: 25px; font-size: 1.5625rem; }
}
@media (max-width: 767px) {
  .modulos-section h2 {
    font-size: 22px; font-size: 1.375rem;}
}
.modulos-section h3 { font-size: 22px; font-size: 1.375rem; text-transform: capitalize; margin: 0 0 1em; }
@media (max-width: 991px) {
  .modulos-section h3 { font-size: 20px; font-size: 1.25rem; }
}
@media (max-width: 767px) {
  .modulos-section h3 {
    font-size: 20px; font-size: 1.25rem; }
}
.modulos-section p { margin-bottom: 1.3em; }
.modulos-section blockquote { background: #f5f9ff; padding: 45px;  margin: 55px 0 80px; border: 0; position: relative; font-size: 17px; font-size: 1.0625rem; color: #102541; font-weight: 600; border-left: 5px solid #e5eaf1; }

@media (max-width: 991px) {
  .modulos-section blockquote { font-size: 14px; font-size: 0.875rem; padding: 35px 25px; margin: 45px 0 70px; }
}
.modulos-section blockquote p { margin-bottom: 0.5em; }
.modulos-section blockquote > span { font-size: 13px; font-size: 0.8125rem; }
.modulos-section .service-single-slider { position: relative; margin-bottom: 60px; }
@media (max-width: 991px) {
  .modulos-section .service-single-slider { margin-bottom: 50px; }
}
.modulos-section .owl-controls { width: 100%; position: absolute; left: 0; bottom: 15px; }
.modulos-section .owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 5px 7px; background: #ffffff; }
.modulos-section .owl-theme .owl-dots .owl-dot.active span {
  background: #ffc107;
}
.modulos-section .benefit{ margin-bottom: 25px }
.modulos-section .benefit .relatorios {}

@media (max-width: 767px) {
  .modulos-section .benefit .relatorios { width: 100%; float: none;}
}
.modulos-section .benefit .img-holder { margin-bottom: 45px }
@media (max-width: 767px) {
  .modulos-section .
   .img-holder { width: 100%; float: none; margin: 45px 0; }
}

.modulos-section .relatorios ul { margin-bottom: 30px; }
.modulos-section .relatorios ul li { position: relative; padding-left: 45px; font-weight: 600; }
.modulos-section .relatorios ul li span {  background: #ffc107; width: 28px; height: 28px; line-height: 28px; color: #fff; border-radius: 30px; position: absolute; left: 0; top: -3px; text-align: center; }

.modulos-section .relatorios ul li .fi:before { font-size: 12px; font-size: 0.75rem; color: #fff; }
.modulos-section .relatorios ul > li + li { margin-top: 15px; }
.modulos-section .service-single-tab { margin: 50px 0; }
@media (max-width: 991px) {
  .modulos-section .service-single-tab { margin: 40px 0; }
}
.modulos-section .service-single-tab .nav {
  overflow: hidden; margin: 0; }
.modulos-section .service-single-tab .nav li { float: left; padding-left: 0; }
.modulos-section .service-single-tab .nav > li + li { margin-top: 0; margin-left: 3px; }
@media (max-width: 767px) {
  .modulos-section .service-single-tab .nav > li + li { margin-left: 1px; }
}
.modulos-section .service-single-tab .nav a { background: #fff; font-size: 16px; font-size: 1rem; font-weight: bold; color: #102541; padding: 13px 25px; border: 1px solid rgba(253, 94, 22, 0.2); }

@media (max-width: 767px) {
  .modulos-section .service-single-tab .nav a { font-size: 13px; font-size: 0.8125rem; padding: 8px 12px; text-transform: none; }
}
@media (max-width: 350px) {
  .modulos-section .service-single-tab .nav a { padding: 8px; }
}
.modulos-section .service-single-tab .nav .active a,
.modulos-section .service-single-tab .nav a:hover { background: #ffc107; color: #fff; }
.modulos-section .tab-content { padding: 35px 40px; border: 1px solid rgba(253, 94, 22, 0.2); margin-top: -1px; }

@media (max-width: 767px) {
  .modulos-section .tab-content { padding: 25px 20px; }
}

.modulos-section .tab-content .tab-pane p { margin-bottom: 20px; }

@media (max-width: 767px) {
  .modulos-section .tab-content .tab-pane p { margin-bottom: 15px }
}
.modulos-section .tab-content .tab-pane p:last-child { margin-bottom: 0; }    


/*--------- BARRA LATERAL --------------*/
.modulos-menu-lateral { }
 .modulos-menu-lateral h4{background-color: #337ab7; color: #FFF;padding: 20px; margin: 0}
    .modulos-menu-lateral > .widget + .widget {margin-top: 60px;}
    .modulos-menu-lateral .outros-list-widget ul { list-style: none; border-bottom: 0; border: 2px solid #f2f7fd;}
    .modulos-menu-lateral .outros-list-widget ul li { border-bottom: 1px solid #ebf3fd;}
    .modulos-menu-lateral .outros-list-widget ul > li:last-child { border-bottom: 0;}
    .modulos-menu-lateral .outros-list-widget a { font-size: 15px !important; font-size: 0.875rem; background: #fff; display: block; color: #0a172b; padding: 15px 24px; }
    .modulos-menu-lateral .outros-list-widget i { font-size: 12px; margin: 5px 10px 10px 0; float: left;}
    .modulos-menu-lateral .outros-list-widget a:hover,
    .modulos-menu-lateral .outros-list-widget .current a { background-color: #ffc107; color: #fff;}
    .modulos-menu-lateral .download-widget ul { list-style: none; }
    .modulos-menu-lateral .download-widget ul > li + li { margin-top: 5px;}
    .modulos-menu-lateral .download-widget ul a { background: #ffc107; color: #fff; padding: 18px 25px; font-weight: 600; display: block; }
    .modulos-menu-lateral .download-widget ul i { display: inline-block; padding-right: 10px; color: #fff; }
    .modulos-menu-lateral .download-widget ul a:hover { background: #de4702;}
    .modulos-menu-lateral .especialista-widget { background: url("../images/modulos/fale-com-especialista-bg.jpg") center center/cover no-repeat local; padding: 45px 40px; position: relative; text-align: center;}
    .modulos-menu-lateral .especialista-widget:before {  content: "";  background: #ffc107; width: 100%;  height: 100%; position: absolute; left: 0; top: 0; opacity: 0.9; }
    .modulos-menu-lateral .especialista-widget > div { position: relative; z-index: 1;}
    .modulos-menu-lateral .especialista-widget h5 { font-size: 20px; font-size: 1.25rem; line-height: 1.4em; color: #fff; margin: 1em 0; text-transform: capitalize;}
    .modulos-menu-lateral .especialista-widget a { background-color: #fff; font-size: 14px; font-size: 0.875rem; font-weight: 600; color: #57667e; padding: 10px 15px; display: inline-block; margin-top: 25px; border-radius: 50px; }
    .modulos-menu-lateral .especialista-widget a:hover { color: #ffc107;}
    .modulos-menu-lateral .service-features-widget { padding: 45px 30px; position: relative; border: 2px solid #f7f7f7; }
    .modulos-menu-lateral .service-features-widget:before { font-family: "Themify"; content: "\e61f"; font-size: 25px; font-size: 1.5625rem; color: #ffc107; position: absolute; right: 30px; top: 40px; opacity: 0.5; }
    .modulos-menu-lateral .service-features-widget h3 { font-size: 18px; font-size: 1.125rem; margin: 0 0 0.8em; text-transform: capitalize  }
    .modulos-menu-lateral .service-features-widget ol { list-style-position: inside; padding-left: 0;  margin: 0; }
    .modulos-menu-lateral .service-features-widget ol > li + li { margin-top: 8px; }             
@media (max-width: 991px) {
  .modulos-menu-lateral {max-width: 100%;  margin-top: 40px;}
}

.conteudos-internos-o-que-e{margin:0 0 35px 0 }
  .conteudos-internos-o-que-e h2{ margin:0 0 35px 0 }
  .conteudos-internos-vantagens{ margin:0 0 15px 0 }
      .conteudos-internos-vantagens h2{ margin: 0 0 45px 0 } 
       .conteudos-internos-vantagens ul{ display: inline-block;}
        .conteudos-internos-vantagens ul li{ font-size: 17px; margin-bottom: 35px; padding:0 2%;  float: left; }
          .conteudos-internos-vantagens ul li b{ width: 15px; height: 15px; color: #4cae4c}
          @media (max-width: 767px) {
            .conteudos-internos-vantagens ul li{ width: 100%; height: auto; margin-bottom: 15px;}  
          }
.intregacoes-vantagens{margin: 0;}
  .intregacoes-vantagens h3{ margin:0 0 50px 0}
    .intregacoes-vantagens .col{margin-bottom: 25px}
  .integracoes-form{ min-height: 150px; background:#FFF; padding: 0px; margin-top: -190px; webkit-box-shadow: 0 2px 40px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 40px 0 rgba(0,0,0,.1); border-radius: 0; z-index: 1} 
  .integracoes-form h3{ display: inline-block; background: #ffc107; width: 100%; text-align: center; color: #11437e; margin: 0; padding:20px 10px;}
  @media (max-width: 767px) {
      .integracoes-form{ margin-top: 15px;} 
  }    

.clique_chat{ padding:15px 25px; font-size: 20px; display: inline-block; position: relative;}
  .clique_chat i{ font-size: 35px; margin-right: 15px; position: absolute;  }
  .clique_chat .todos-os-dias{ position: relative; padding-left: 50px}

/* Planos*/
.planos-detalhes .logo-precos{ width: 100%; text-align: left; padding: 20px 40px; position:fixed; top: 0; left: 0; background:#FFF; background-color: #fff;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); z-index: 8 }
  .planos-detalhes .logo-precos a{ float: left; margin-right: 10px}
      .planos-detalhes .logo-precos h4{ font-weight: 400}
          .planos-detalhes .logo-precos span{ padding:0  20px }
      .planos-detalhes .logo-precos img{ max-width: 170px; }
  
  .planos-detalhes .planos{}
      .planos-detalhes  .page-header{}
          .planos-detalhes .page-header h1{ font-size: 40px; font-weight: 400 }
          .planos-detalhes .page-header h3{ font-size: 30px; font-weight: 300; }

      .planos-detalhes .planos .card-body{ padding: 20px 20px 30px 20px;}

      .planos-detalhes .planos .list-group{ margin: 0; border: 1px solid #eee;  position: relative; }
          .planos-detalhes .planos a{ cursor: pointer;}
          .planos-detalhes .planos .list-group-item{ border-left: 0; border-bottom: 0; border-right: 0; border-radius: 0  }
      .planos-detalhes .planos .label-success{ font-size: 17px }
      .planos-detalhes .planos .label-success b{font-size: 14px;font-weight: 500}
      
  @media (max-width: 767px) {
      .planos-detalhes .planos .label-success{ font-size: 15px }
  }
  .planos-detalhes .detalhes .card-body h4{ margin: 0 !important }
  .planos-detalhes .planos .card-body ul{}
      .planos-detalhes .planos .card-body ul li{ margin: 7px 0}
      .planos-detalhes .planos .card-body ul li i{ font-size: 12px; color: #5cb85c } 
  .ver-modulos-internos { margin-bottom: 0;}
      .ver-modulos-internos .panel-default {background: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
      .ver-modulos-internos .panel-heading { background-color: transparent; padding: 0; border-radius: 0;}
      .ver-modulos-internos .panel + .panel {margin-top: 15px;}
      .ver-modulos-internos .panel-heading a { background: #337ab7; font-size: 18px; font-size: 1rem; font-weight: 700; color: #fff; display: block; padding: 18px 25px; position: relative; }
      .ver-modulos-internos .panel-heading a .pull-left{ margin-left: 35px }

      @media (max-width: 991px) {
        .ver-modulos-internos .panel-heading a { font-size: 15px; font-size: 0.9375rem;  padding: 15px 25px;}
      }
      @media (max-width: 767px) {
        .ver-modulos-internos .panel-heading a {font-size: 15px; padding: 12px 15px;}
      }
      .ver-modulos-internos .panel-heading a:before { font-family: "Font Awesome 5 Pro"; content: "\f107"; font-size: 32px; position: absolute; left: 20px; top:8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
      }
      @media (max-width: 991px) {
          .ver-modulos-internos .panel-heading a:before {font-size: 28px; left: 15px; top:2px;}
      }
      .ver-modulos-internos .panel-heading a:focus {
        text-decoration: none;
      }
      .ver-modulos-internos .panel-heading .collapsed {background-color: #fff; color: #11437E; -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);}
      .ver-modulos-internos .panel-heading .collapsed:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
      .ver-modulos-internos .panel-heading + .panel-collapse > .panel-body { background-color: #fff; border: 0; padding: 20px 20px 30px 20px; webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);}

      .ver-modulos-internos .panel-body ul{}
          .ver-modulos-internos .panel-body ul li{ margin: 7px 0}
          .ver-modulos-internos .panel-body ul li i{ font-size: 12px; color: #5cb85c; margin-right: 5px;}

      .ver-modulos-internos .panel-body .btn{ color: #fff; background: #28a745; font-weight: 600; border: 2px solid #28a745; text-transform: uppercase; border-radius: 30px; padding: 10px 40px; margin: 25px 0 0 0;}
          .ver-modulos-internos .panel-body .btn:hover {color: #28a745; background:#fff}

      @media (max-width: 991px) {
        .ver-modulos-internos .panel-heading + .panel-collapse > .panel-body { font-size: 15px; font-size: 0.9375rem;}
      }

      @media (max-width: 767px) {
        .ver-modulos-internos .panel-heading + .panel-collapse > .panel-body { }
      }
      .ver-modulos-internos .panel-heading + .panel-collapse > .panel-body p { margin-bottom: 1.3em;}
   
      @media (max-width: 767px) {
      .planos-detalhes{ padding-top: 120px !important; position: relative; } 
          .planos-detalhes .col-md-9{ padding: 0  }
              .planos-detalhes .logo-precos{ text-align: center }
                  .planos-detalhes .logo-precos a{ float: none; margin-right: 10px}
                  .planos-detalhes .logo-precos h4{ display: none}
              .planos-detalhes .planos .card-body { padding: 10px 20px 30px 10px;} 
                  .planos-detalhes .planos .card-header h4{font-size: 15px}    
      }
             
      /* Bloco Cáuculo Compra*/
      .planos-detalhes .col-md-3{ width: 390px; height:100vh;background:url(../images/bg-escolha.jpg)#11437E no-repeat right top/cover ; -webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.4); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0.4); position: fixed; top: 0; right: 0; padding: 0;  z-index: 9}
         
          .planos-detalhes .minha-compra .titulo{ color: #FFF; text-align: center; padding: 30px; background:#ffc107;}
              .planos-detalhes .minha-compra .titulo h2{color: #FFF; font-size: 24px; font-weight: 600; padding: 0; margin: 0; text-shadow: -1px 2px 2px rgba(150, 150, 150, 1);}

          .planos-detalhes .boxes-compra{padding:30px}
          
              .planos-detalhes .boxes-compra h3{color:#fff; font-weight: 300; }
              .planos-detalhes .boxes-compra h4{ display: inline-block; width: 100%; color:#fff; font-weight: bold; padding-bottom: 15px; margin:0 0 5px 0; border-bottom: 1px solid #FFF}
          .planos-detalhes .minha-compra{ text-align: center;  position: relative; height: 100vh;}

          .planos-detalhes .minha-compra .lista{display:inline-block; width: 100%; padding: 15px 0 0 0; }
              .planos-detalhes .minha-compra .lista .col-md-6{ padding: 0 }
              .planos-detalhes .lista .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; font-weight: 500; color: #fff; webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left;}
              .planos-detalhes .lista .container a{color: #ffc107}
              .planos-detalhes .lista .container input { position: absolute;  opacity: 0; cursor: pointer;}
              .planos-detalhes .lista .checkmark {  position: absolute;  top: 0; left: 0;  height: 25px; width: 25px; background-color: #eee;}
              .planos-detalhes .lista .container:hover input ~ .checkmark { background-color: #ccc;}
              .planos-detalhes .lista .container input:checked ~ .checkmark {background-color: #2196F3;}
              .planos-detalhes .lista .checkmark:after { content: ""; position: absolute; display: none; }
              .planos-detalhes .lista .container input:checked ~ .checkmark:after {display: block; }
              .planos-detalhes .lista .container .checkmark:after { left: 9px; top: 5px; width: 8px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
          
          /* Forma de Pagamento*/
          .escolha-forma-de-pagamento{padding:15px 0}      
              .escolha-forma-de-pagamento .btn.active{background-color: #ffc107 !important; color: #fff; }
                .escolha-forma-de-pagamento .btn {background-color: #fff; color: #11437E;}
              
                .escolha-forma-de-pagamento .cartao{ text-align:right}
                  .eescolha-forma-de-pagamento .cartao .btn{ background:none; border: 2px solid #ffc107; border-radius: 6px 0 0 6px !important;}
                    .escolha-forma-de-pagamento .cartao .btn:hover{ background:#1989EA; }
                 
                .escolha-forma-de-pagamento .boleto{ text-align:left}
                  .escolha-forma-de-pagamento .boleto .btn{ background:#ffc107; border: 2px solid #ffc107}
                    .escolha-forma-de-pagamento .boleto .btn:hover{ background:#ffc107}
                .escolha-forma-de-pagamento .btn{ font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #ffc107; padding: 5px 23px;}
           
           /* Reset Estilo */
           .escolha-forma-de-pagamento .col-md-6{ padding: 0 !important }

          /* Aplicar Desconto*/  
          .aplicar_desconto{}
              .aplicar_desconto input{ padding: 22px}
              .aplicar_desconto button{ font-size: 17px; padding: 10px 23px}

          /* Detalhes Total*/
          .planos-detalhes .minha-compra .total{ padding: 20px 0; background:#ffc107;}
          .planos-detalhes .minha-compra .total h2{color: #FFF; font-size: 23px; font-weight: 400; padding: 0; margin: 0; text-shadow: -1px 2px 2px rgba(150, 150, 150, 1);}
          
          .planos-detalhes .minha-compra .texto-total{font-size: 14px; text-align: center; display: inline-block; width: 100%}
              .planos-detalhes .minha-compra .texto-total p{ background: #EEE;  padding: 20px;}

          .planos-detalhes .minha-compra .pagar{padding: 12px 0; }
              .planos-detalhes .minha-compra .pagar .btn { background: #28a745 !important; font-size: 20px !important; color: #FFF !important; padding: 20px 0 !important;}    
       @media screen and (max-height: 620px) {
            .planos-detalhes .minha-compra .titulo{ padding: 15px; }
            .planos-detalhes .boxes-compra{padding: 10px 30px 30px 30px}
            .planos-detalhes .boxes-compra h3 { font-size: 18px; margin: 5px 0;}
            .escolha-forma-de-pagamento {padding: 10px 0;}
            .planos-detalhes .minha-compra .total{padding:15px 0;}  
            .planos-detalhes .minha-compra .total h2 {font-size: 20px;}
            .planos-detalhes .minha-compra .texto-total p {padding: 15px;}
            .planos-detalhes .minha-compra .pagar {padding:0;}
            .planos-detalhes .minha-compra .pagar .btn {padding: 15px 0 !important;}
        } 
        @media screen and (max-height: 750px) {
            .planos-detalhes .minha-compra .titulo{ padding: 30px; }
            .planos-detalhes .boxes-compra{padding: 10px 30px 30px 30px}
            .planos-detalhes .boxes-compra h3 { font-size: 18px; margin: 5px 0;}
            .escolha-forma-de-pagamento {padding: 10px 0px 20px 0;}
            .planos-detalhes .minha-compra .total{padding:15px 0;}  
            .planos-detalhes .minha-compra .total h2 {font-size: 20px;}
            .planos-detalhes .minha-compra .texto-total p {padding: 15px;}
            .planos-detalhes .minha-compra .pagar {padding:0;}
            .planos-detalhes .minha-compra .pagar .btn {padding: 15px 0 !important;}
        }        
       @media (max-width: 767px) {
          .planos-detalhes .col-md-3{ position: inherit; width: 100%; height:auto; margin-top: 25px; -webkit-box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0); box-shadow: 0px 0px 32px 0px rgba(16, 37, 65, 0); z-index: 7}
               .planos-detalhes .minha-compra{ text-align: center;  position: relative; height:auto;}
          
          .planos-detalhes .boxes-compra{padding:40px 20px;}     
         
          .escolha-forma-de-pagamento{padding: 0} 
              .escolha-forma-de-pagamento h1 span{display:inline; width:auto}
              .escolha-forma-de-pagamento .cartao{ text-align:center}
              .escolha-forma-de-pagamento .boleto{ text-align:center}
                .escolha-forma-de-pagamento .btn{margin:25px 0; padding: 10px 23px;}
          /* Aplicar Desconto*/  
          .aplicar_desconto{}
              .aplicar_desconto input{}
              .aplicar_desconto button{ }  
                  .aplicar_desconto button span{ display: none}
          
          /* Detalhes Total*/
          .planos-detalhes .minha-compra .total{ padding: 20px 0; background:#ffc107;}
              .planos-detalhes .minha-compra .total h2{color: #FFF;font-size: 23px; font-weight: 400; padding: 0; margin: 0}  

          .planos-detalhes .minha-compra .texto-total{font-size: 13px; }
              .planos-detalhes .minha-compra .texto-total p{ padding: 10px 20px;}               
        }    

      /*Modal*/
      .modal{}
          .modal-header{ text-align: center; background:#11437E; }
              .modal .modal-header h4{ color: #FFF }
          .modal .btn{font-size: 15px !important; padding: 15px !important;}    

      .planos-detalhes{ padding-top: 140px; position: relative; }

          /* Bloco Detalhes dos Módulos*/
          .planos-detalhes .col-md-9{ width: calc(100% - 390px); padding-bottom: 90px; height: auto;}
          @media (max-width: 767px) {
           .planos-detalhes .col-md-9{width:100%; padding-bottom: 0}
              .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
                  padding: 5px;
                  font-size: 11px;
              }
          }
                            
*{
outline-color: transparent !important; 
outline-style: none !important;
}


.wiggle {
  -webkit-animation: btnWiggle 3s infinite;
  -moz-animation: btnWiggle 3s infinite;
  -o-animation: btnWiggle 3s infinite;
  animation: btnWiggle 3s infinite;
}


@-webkit-keyframes btnWiggle {
  2%,
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  4%,
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  10%,
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  12%,
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0)
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0)
  }
}

@keyframes btnWiggle {
  2%,
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  4%,
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  10%,
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  12%,
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0)
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0)
  }
}

.modal-backdrop, 
    .modal-backdrop.fade.in{ opacity: 1; filter: alpha(opacity=100); background:url(../images/bg-base.jpg) no-repeat #11437E bottom/800px; background-size: cover; }
    .modal_leed{}
    .modal_leed .modal-content{ background: none; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0); border: none; border-radius: 0px; }
        .modal_leed .modal-content h2{ color:#FFF; font-weight: normal }
        .modal_leed .modal-content p{ color: #FFF } 
        .modal_leed .modal-content .btn-primary{ width: 70%; display: inline-block; font-size: 16px !important; color: #fff; background: #ffc107; font-weight: 600;  border: 2px id #ffc107; text-transform: uppercase; border-radius: 6px; padding: 10px 40px; margin: 25px 0 15px 0; }  
        .modal_leed .modal-content .btn-default{ width: 90%; display: inline-block; font-size: 16px !important; color: #fff; background: none; font-weight: 600;  border: 0; text-transform: uppercase; border-radius: 6px; margin: 0;}
@media (max-width: 767px) { 
    .modal-dialog {padding: 0 5%;}
        .modal_leed .modal-content h2{ font-size: 28px; line-height: 32px; color:#FFF; font-weight: normal }
        .modal_leed .modal-content .btn-primary {width: 90%; font-size: 15px !important; margin: 25px 0 8px 0;}
        .modal_leed .modal-content .btn-default {margin: 8px 0 0 0;}
}
@media (max-width: 640px) { 
        .modal_leed .modal-content .btn-primary,  {width: 100%; font-size: 17px !important;}
        .modal_leed .modal-content .btn-default  {width: 100%; font-size: 15px !important;}
} 
@media (max-width: 320px) { 
        .modal_leed .modal-content .btn-primary {width: 100%; font-size: 14px !important;}
        .modal_leed .modal-content .btn-default  {width: 100%; font-size: 13px !important;}
}   
    .vertical-alignment-helper {
        display:table;
        height: 100%;
        width: 100%;
    }
    .vertical-align-center {
        /* To center vertically */
        display: table-cell;
        vertical-align: middle;
    }
    .modal-content {
        /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
        width:inherit;
        height:inherit;
        /* To center horizontally */
        margin: 0 auto;
    }

    .fade-menu{ background: rgba(0, 0, 0, 0.4);}

    .img-responsiva{display: none;}
      .img1,.img2,.img3,.img4,.img5,.img-responsiva{width: 360px; float: left;}
      .img2{margin-top: 25px;}
      .data-banner{width: 100%; margin-top: 25px; color: rgb(80, 227, 194);}
      @media (max-width: 767px) {
          .img1,.img2,.img3,.img4{display: none;}
          .img5{  margin-top: 10px; width: 200px; display: inline-block; margin-left: 20%;}
          .img-responsiva{ display: inline-block; width: 200px; margin-left: 20%;}
          .data-banner{display: none; font-size: 12px;}
      }