/**
* Theme Name:   CTB Prime Contabilidade - Ver 3.0
* Template URL: https://bootstrapmade.com/estartup-bootstrap-landing-page-template/
* Description:  Portal Prime Contabilidade.
* Author:       Marcelo Saliba
* Version:      3.0
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background-color: #fff;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
li {
    list-style-type: none;
}
/*
h2 {
  color: #000;
  font-weight: 600;
}

h4 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 2;
}

h5 {
  color: #626262;
  font-size: 14px;
  font-weight: 500;
}

a {
  letter-spacing: 2px;
  text-decoration: none;
  color: #71c55d;
}
a:hover {
  color: #92d283;
}

ul {
  letter-spacing: 1px;
}

li {
  color: #626262;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 30px;
  text-transform: capitalize;
}

p {
  color: #505050;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 2;
  margin-bottom: 20px;
}

span {
  letter-spacing: 1px;
}
*/
.container-full {
  padding-left: 0;
  padding-right: 0;
}

.btn {
  border: 1px solid #fff;
  border-radius: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 15px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out 0s;
}

.btn-default:hover {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-rounded {
    border: 1px solid #fff;
    border-radius: 6px;
    text-transform: uppercase;
    background-color: #06426a;
    font-size: 14px;
    padding: 10px 10px;
}

.fa {
  text-decoration: none;
  font-size: 13px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #71c55d;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #8bd07b;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
/*--------------------------------------------------------------
# TEMA 
--------------------------------------------------------------*/
.font-weight-400 {
  font-weight: 400 !important;
}
.text-theme-colored {
  color: #6a8e48 !important;
}
.text-gray-dimgray {
  color: #666666 !important;
}
.white{
  color: #fff;
}
em {
    font-style: italic;
}

.img-fullwidth {
    width: 100% !important;
}
/*
  ===============================
    # Tamanho da Fonte
  ===============================
*/
    .size-7{font-size:7px;}
    .size-8{font-size:8px;}
    .size-9{font-size:9px;}
    .size-10{font-size:10px;}
    .size-11{font-size:11px;}
    .size-12{font-size:12px;}
    .size-13{font-size:13px;}
    .size-14{font-size:14px;}
    .size-15{font-size:15px;}
    .size-16{font-size:16px;}
    .size-17{font-size:17px;}
    .size-18{font-size:18px;}
    .size-19{font-size:19px;}
    .size-20{font-size:20px;}
    .size-21{font-size:21px;}
    .size-22{font-size:22px;}
    .size-23{font-size:23px;}
    .size-24{font-size:24px;}
    .size-25{font-size:25px;}
    .size-26{font-size:26px;}
    .size-27{font-size:27px;}
    .size-28{font-size:28px;}
    .size-29{font-size:29px;}
    .size-30{font-size:30px;}

    /*
    ===============================
    # Cor da Fonte
    ===============================
    */
    .text-black{ color:#000000; }
    .text-blue{color: #4e73df};
    .text-indigo{color: #6610f2};
    .text-purple{color: #6f42c1};
    .text-pink{color: #e83e8c};
    .text-red{color: #e74a3b};
    .text-orange{color: #fd7e14};
    .text-yellow{color: #f6c23e};
    .text-green{color: #1cc88a};
    .text-teal{color: #20c9a6};
    .text-cyan{color: #36b9cc};
    .text-white{color: #fff};
    .text-gray{color: #858796};
    .text-gray-dark{color: #5a5c69};
    .text-primary{color: #4e73df};
    .text-secondary{color: #858796};
    .text-success{color: #1cc88a};
    .text-info{color: #36b9cc};
    .text-warning{color: #f6c23e};
    .text-danger{color: #e74a3b};
    .text-light{color: #f8f9fc};
    .text-dark{color: #5a5c69};
    .text-green-jungle {color: #26C281 !important; }
    .text-yellow-gold2 {color: #E87E04 !important; }
    .text-red-thunderbird {color: #D91E18 !important; }

/*===============================================
  Alinhamento de Texto
=================================================*/
    .text-align-justify {text-align: justify;}
    .pull-center{float: none !important;  margin: 0 auto;}
    .pull-left {float: left!important; left: 0px; right: auto;}
    .pull-right{float: right!important; right: 0; left: auto}
/*
  ===============================
  # Style diversos
  ===============================
*/
    .bold{font-weight:700;}
    .pointer{cursor: pointer;}
    .upcase{text-transform: uppercase;}
    .upcaseone{text-transform: capitalize;}

    /* Padding */
    .pt-30 {
        padding-top: 30px !important;
    }
    .pl-5 {
        padding-left: 5px !important;
    }
    .pl-15 {
        padding-left: 15px !important;
    }
    .pb-20 {
        padding-bottom: 20px !important;
    }
    .pb-30 {
        padding-bottom: 30px !important;
    }
    /* Margin */
    .mt-0 {
        margin-top: 0px !important;
    }
    .mt-15 {
        margin-top: 15px !important;
    }
    .mt-10 {
        margin-top: 10px !important;
    }
    .mr-20 {
        margin-right: 20px !important;
    }
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .mb-20 {
        margin-bottom: 20px !important;
    }
    .mb-30 {
        margin-bottom: 30px !important;
    }

    .divider {
        background-repeat: repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .divider .container {
        padding-top: 90px;
        padding-bottom: 90px;
    }

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
    #breadcrumb-mini{
        margin-top: 80px;
    }
    #breadcrumb-mini .fa {
        text-decoration: none;
        font-size: 13px;
        margin-top: 6px;
    }
    #breadcrumb-mini .breadcrumb-mini {
        display: flex;
        flex-wrap: wrap;
        background-color: #f5f5f5;
        font-size: 15px;
        font-weight: 700;
        padding: 0px 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        list-style: none;
        text-transform: uppercase;
    }

    #breadcrumb-mini .breadcrumb i{
        font-weight: 600;
    }
    #breadcrumb-mini .breadcrumb-mini .fa-breadcrumb:before {
        padding: 0 5px;
        content: "\F105";
    }

    /*#breadcrumb-mini .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #000;
        content: "\f105";
    }*/

    @media (max-width: 991px) {
        #breadcrumb-mini .breadcrumb{
            font-size: 25px;
        }
        #breadcrumb-mini .breadcrumb .fa-angle-right:before {
            font-size: 25px;
            margin-top: 8px;
            padding: 0 10px;
            content: "\F105";
        }
    }
/*
section > .container, section > .container-fluid {
    padding-top: 60px;
    padding-bottom: 60px;
}

::selection {
    background: #333333;
    color: #fff;
    text-shadow: none;
}
*/
/*--------------------------------------------------------------
# Title Nav - Breadcrumb 
--------------------------------------------------------------*/
    .layer-overlay.overlay-dark::before {
        /*background-color: rgba(17, 17, 17, 0.85);*/
    }
    .layer-overlay::before {
        background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        color: #fff;
    }

    #breadcrumb{
        margin-top: 5%;
    }
    #breadcrumb h4, .h4 {
        font-size: 14px;
    }
    .breadcrumb {
        background-color: transparent;
        font-size: 15px;
        padding-left: 0;
        padding-top: 0;
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px;
        text-align: center;
    }
    #breadcrumb .breadcrumb i{
        font-weight: 600;
    }
    #breadcrumb .breadcrumb .fa-angle-right:before {
        margin-top: 6px;
        padding: 0 5px;
        content: "\F105";
    }
    /*.breadcrumb>li+li:before {
        padding: 0 5px;
        color: #000;
        content: "/\00a0";
    }*/
    #breadcrumb .font-36 {
        font-size: 2.57142857rem !important;
    }
    #breadcrumb.text-white {
        color: #fff !important;
    }
    #breadcrumb h1{
      color: #fff;
    }

    .breadcrumb.black li.active {
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
    }
    .breadcrumb.black li a {
        color: #808080;
        text-transform: uppercase;
        font-weight: 700;
        text-decoration:none;
        margin-left: 10px;
    }

    @media only screen and (min-width: 768px) {
        .breadcrumb.text-right {
            text-align: right;
        }
    }

    .breadcrumbs {
      padding: 20px 0;
      background-color: #f5fbf3;
      min-height: 40px;
      margin-top: 82px;
    }
    .breadcrumbs h2 {
      font-size: 24px;
      font-weight: 300;
      margin: 0;
    }
    .breadcrumbs ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .breadcrumbs ol li {
        letter-spacing: 0;
        font-size: 14px;
    }
    .breadcrumbs ol li + li {
        padding-left: 10px;
    }
    .breadcrumbs ol li + li::before {
        display: inline-block;
        padding-right: 10px;
        color: #6c757d;
        content: "/";
    }
    @media (max-width: 768px) {
        .breadcrumbs .d-flex {
            display: block !important;
        }
        .breadcrumbs ol {
            display: block;
        }
        .breadcrumbs ol li {
            display: inline-block;
        }
    }
    @media (max-width: 991px) {
        #breadcrumb{
            margin-top: 15%;
        }
        .breadcrumbs h2 {
            margin: 0 0 10px 0;
        }
        #breadcrumb h2 {
            font-size: 55px;
        }
        #breadcrumb h4 {
            font-size: 28px;
        }
        #breadcrumb .breadcrumb{
            font-size: 25px;
        }
        #breadcrumb .breadcrumb .fa-angle-right:before {
            font-size: 25px;
            margin-top: 8px;
            padding: 0 10px;
            content: "\F105";
        }
    }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
    #header {
        background: #FFF;
        z-index: 997;
        transition: all 0.5s ease;
        padding: 0px 0;
        border-bottom: 1px solid #e8e8e8;
    }

    #header #logo h5,
    #header #logo .text-header-colored {
        /*color: #505050;*/
        font-family: "Roboto", sans-serif;
        font-size: 45px;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 0;
    }
    #header #logo h5{
        color: #000;
    }
    #header #logo .text-header-colored {
        color: #fff;
    }
    #header #logo .logo-responsive img{
        background: #fff;
        width: 35%;
        height: auto;
        border-radius: 6px;
        padding: 5;
    }
    #header #logo h1 a {
        color: #fff;
        /*color: #555;*/
        display: inline-block;
        text-decoration: none;
    }
    #header #logo h1 a span {
        color: #71c55d;
    }
    #header #logo img{
        background: #fff;
        border-radius: 6px;
        padding: 0;
        margin: 5px;
        width: 10%;
    }
    #header.header-scrolled {
        background: #fff;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
    }

    #header.header-scrolled.navbar a,
    #header.header-scrolled.navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 30px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        white-space: nowrap;
        transition: 0.3s;
        letter-spacing: 0;
        text-decoration-line: none;
    }

    #header .btns a{
      background-color: #71c55d;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 50px;
      font-size: 12px;
      font-weight: 400;
      padding: 5px 15px;
      /*text-transform: uppercase;*/
      transition: all 0.5s ease-in-out 0s;
      margin-left: 15px;
    }

    #header .btns a:hover {
      color: #71c55d;
      background-color: #fff;
      border-color: #71c55d;
    }

    @media (max-width: 991px){
        #header .btns a{
            font-size: 30px;
        }
        #header #logo img,
        #footer #logo img{
            width: 27%;
        }
    }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/*
* Desktop Navigation 
*/
.navbar {
    margin-top: -20px;
    padding: 0;
    right: 15%;
    position: fixed;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  /*color: #fff;
  color: #222;*/
  white-space: nowrap;
  transition: 0.3s;
  letter-spacing: 0;
  text-decoration-line: none;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,.navbar .active, 
.navbar .active:focus,  .navbar li:hover > a{
  color: #ccc;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  /*background: #ccc;*/
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover > a {
  color: #ccc;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
    .navbar {
        /*display: none;*/
        padding: 0;
    }
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

/**------------------------------
* Mobile Navigation 
---------------------------------*/
    #navbar-mobile{
    }
    #navbar-mobile .mobile-nav-toggle {
        color: #222;
        font-size: 40px;
        cursor: pointer;
        display: none;
        line-height: 0;
        transition: 0.5s;
    }
    #navbar-mobile .mobile-nav-toggle {
        position: absolute;
        /*
        top: 30px;
        right: 45px;
        */
    }
    .navbar-mobile {
        position: fixed;
        overflow: hidden;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(34, 34, 34, 0.9);
        transition: 0.3s;
        /*z-index: 999;*/
    }
    @media (min-width: 1440px) {
        .navbar-mobile {
            display: none;
        }
    }
    @media (max-width: 991px) {
        #navbar-mobile .mobile-nav-toggle {
            display: block;
            font-size: 70px;
        }
        .navbar ul {
            display: none;
        }

    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 130px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        padding: 10px 0;
        border-radius: 6px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }
    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 20px 20px;
        font-size: 55px;
        color: #71c55d;
    }
    .navbar-mobile .active,
    .navbar-mobile a:hover,
    .navbar-mobile li:hover > a {
        color: #222;
    }
    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }
    .navbar-mobile .dropdown ul {
        float: none;
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: rgba(127, 137, 161, 0.25);
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }
    .navbar-mobile .dropdown ul li {
        min-width: 200px;
    }
    .navbar-mobile .dropdown ul a {
        padding: 10px 20px;
    }
    .navbar-mobile .dropdown ul a i {
        font-size: 12px;
    }
    .navbar-mobile .dropdown ul a:hover,
    .navbar-mobile .dropdown ul .active:hover,
    .navbar-mobile .dropdown ul li:hover > a {
        color: #71c55d;
    }
    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

    #navbar-mobile #navbar .mobile-nav-toggle.fa-x {
        color: #000;
    }
    #navbar-mobile .mobile-nav-toggle.bi-list {
        color: #71c55d;
    }
    #navbar-mobile .mobile-nav-toggle.bi-x {
        color: #fff;
    }

/*--------------------------------------------------------------
# Section mensagem
--------------------------------------------------------------*/
    #section-mensagem {
      will-change: top;
      margin-top: -145px;
    }
    .block-mensagem{
      background-color: #fff;
      color: #06426a;
      border-radius: 8px;
      padding: 30px;

    }
    .text-mensagem {
        font-weight: 600;
        margin-top: 0;
        /*color: #67686d;*/
        color: #000;
        font-size: 20px;
    }

    @media (max-width: 992px){
      .text-mensagem {
          font-weight: 600;
          margin-top: 0;
          color: #67686d;
          font-size: 28px;
      }
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
    #hero {
        width: 100%;
        /*height: calc(75vh - 40px);*/
        position: relative;
        margin-top: 50px;
    }
    #hero #hero-bg{
        background-size: 100%;
        background: url(../img/bg/direito-previdenciario-prime.jpg) 0% 100%, center center no-repeat;
        opacity: 0.2;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 90%;
    }
    #hero .hero-container {
        /*position: absolute;*/
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        height: 660px;
    }

    #hero h1 {
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        font-family: "Philosopher", sans-serif;
        color: #71c55d;
    }
    #hero h2 {
        color: #000;
        margin-bottom: 30px;
        font-size: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
    }
    #hero img {
        width: auto;
        height: 240px;
        border-radius: 6px;
        border: 3px solid #000;
        /*max-width: 95%;
        margin-bottom: 0px;*/
    }
    #hero .btn-get-started {
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 11px 36px;
        border-radius: 6px;
        transition: 0.5s;
        border: 2px solid #71c55d;
        background: #fff;
        color: #71c55d;
        text-decoration: none;
    }
    #hero .btn-get-started:hover {
        color: #fff;
        border: 2px solid #71c55d;
        background-color: #71c55d;
    }
/*===================================*/
    @media (max-width: 768px) {
        #hero h1 {
            font-size: 28px;
            line-height: 36px;
        }
    }
    @media (max-width: 575px) {
        #hero .btns a {
            margin: 4px 8px;
        }
    }
    @media (max-height: 600px) {
        #hero {
            height: 200vh;
        }
    }
    @media (max-width: 768px) {
        #hero h2 {
            font-size: 35px;
            line-height: 24px;
            margin-bottom: 30px;
        }
    }
    @media (max-width: 992px){
        #hero h2 {
            font-size: 35px;
        }
        #hero .btn-get-started {
            font-size: 35px;
        }
        #hero .hero-container{
            height: 940px;
        }
    }
    @media (min-width: 1025px) {
        #hero {
            background-attachment: fixed;
        }
    }
    /*
    @media (min-width: 1025px) and (max-height: 768px) {
        #hero {
            height: 660px;
        }
    }
    */
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

.padd-section {
  padding-bottom: 80px;
  padding-top: 30px;
}
@media (max-width: 992px) {
  .padd-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.section-title {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .section-title {
    margin-bottom: 40px;
  }
}

.section-title h2 {
  font-family: "Roboto", sans-serif;
  font-size: 45px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
  /*text-transform: capitalize;*/
}

.section-title .separator {
  margin: 0;
}

.separator {
  color: #626262;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: capitalize;
}

/*--------------------------------
    Get Started Section
--------------------------------*/
#get-started {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#get-started .feature-block {
    background: #fff none repeat scroll 0 0;
    padding: 30px 20px;
    transition: all 0.5s ease-in-out 0s;
}
#get-started .feature-block .img-d {
    margin-bottom: 30px;
    width: 90%;
    height: 320px;
}
#get-started .feature-block .img-e {
    margin-bottom: 30px;
    width: 90%;
    height: 320px;
}
#get-started .feature-block:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out 0s;
}
#get-started .feature-block h4 {
    font-size: 25px;
    margin-bottom: 20px;
}
#get-started .feature-block p {
    font-size: 15px;
    margin-bottom: 20px;
}
#get-started .feature-block .btn {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.3s;
    border: 1px solid #71c55d;
    background-color: #71c55d;
    text-transform: uppercase;
}
#get-started .feature-block .btn-rounded:hover {
    color: #71c55d;
    border: 1px solid #71c55d;
    background-color: #fff;
}
@media (max-width: 991px) {
    #get-started .feature-block {
        margin-bottom: 30px;
    }
    #get-started .feature-block p{
        font-size: 35px;
    }
    #get-started .feature-block h4 {
        font-size: 35px;
    }
    #get-started .feature-block a {
        font-size: 25px;
    }
}

/* About Us Section
--------------------------------*/
#about-us .about-content {
    color: #252525;
    font-family: "roboto";
    padding-top: 60px;
}
#about-us img {
    max-width: 100%;
}
#about-us .about-content h2 {
    font-size: 39px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: capitalize;
    padding-right: 10px;
    text-transform: uppercase;
}
#about-us .about-content h2 a{
    color: #fff;
    background-color: #71c55d;
    border: 1px solid #71c55d;
    font-size: 15px;
    padding: 0px 30px 0px 20px;
    margin-bottom: 30px;
    height: 330px;
    border-radius: 6px;
    /*background: #fff none repeat scroll 0 0;*/
    transition: all 0.5s ease-in-out 0s;

}
#about-us .about-content h2 a:hover {
    color: #71c55d;
    background-color: #fff;
    border: 1px solid #71c55d;
    padding: 0px 30px 0px 20px;
    cursor: pointer;
    /*transition: all 0.5s ease-in-out 0s;
    background-color: #00d084;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);*/
}

#about-us .about-content h4 {
    font-size: 20px;
}   
#about-us .about-content p {
    font-size: 15px;
}
#about-us .about-content ul li {
    line-height: 36px;
}
#about-us .about-content ul li .fa {
    padding-right: 20px;
    font-weight: 700;
}

@media (max-width: 991px) {
    #about-us .about-content {
        padding-top: 0px;
    }
    #about-us .about-content h2 a{
        font-size: 25px;
    }
    #about-us .about-content h4 {
        font-size: 25px;
    }   
    #about-us .about-content p {
        font-size: 20px;
    }
    #about-us .about-content ul li {
        font-size: 25px;
    }
}

/*--------------------------------
    Features Section
--------------------------------*/
#features {
    display: inline-block;
    height: 100%;
    width: 100%;
}
#features .feature-block {
    padding: 0px 30px 0px 20px;
    margin: 0px;
    height: 400px;
    border: 1px solid #71c55d;
    border-radius: 6px;
    cursor: pointer;
    /*background: #fff none repeat scroll 0 0;*/
    transition: all 0.5s ease-in-out 0s;
}
#features .feature-block:hover {
    border: 1px solid #71c55d;
    background-color: #00d084;
    /*
    border-radius: 6px;
    padding: 10px;
    color: #000;*/
    /*transition: all 0.5s ease-in-out 0s;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);*/
}

#features .feature-block span {

    margin-bottom: 30px;
    text-align: center;
}
#features .feature-block span img {
    margin: 10px;
    width: auto;
    height: 100%;
}
#features .feature-block i {
    color: #71c55d;
}
#features .feature-block h4 {
    margin-top: 0px;
    margin-bottom: 20px;
}
#features .feature-block p {
    margin-bottom: 0;
}
#features .feature-button .btn-rounded {
    border: 1px solid #fff;
    border-radius: 6px;
    text-transform: uppercase;
    background-color: #71c55d;
    font-size: 14px;
    padding: 10px 10px;
}
#features .feature-button .btn-rounded:hover {
    color: #71c55d;
    border: 1px solid #71c55d;
    background-color: #fff;
}

@media (max-width: 991px) {
    #features .feature-block{
        font-size: 20px;
        height: 600px;
    }
    #features .feature-block h4 {
        font-size: 40px;
    }
    #features .feature-block p{
        font-size: 30px;
    }
    #features .feature-button .btn-rounded{
        font-size: 25px;
    }
}
/*-------------------------------- 
    Screenshots Section
--------------------------------*/
    #screenshots .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }
    #screenshots .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #71c55d;
    }
    #screenshots .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #71c55d;
    }

/*=================================*/
/* PÁGINAÇÃO WORDPRESS */
/*=================================*/
    .div-paginacao-top{
        padding-top:10px;
        padding-bottom:10px;
        border-bottom: 2px solid #d5d5d5;
        /*background-color: #f1f1f1;
        border-radius: 2px;*/
    }    
    .div-paginacao-bottom{
        padding-top:10px;
        padding-bottom:10px;
        border-top: 2px solid #d5d5d5;
        /*background-color: #f1f1f1;
        border-radius: 2px;*/
    }
    .page-numbers {
        font-size: 11px;
        display: inline-block;
        padding: 5px 10px;
        margin: 0 2px 0 0;
        border: 2px solid #71c55d;
        line-height: 1;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
    }
    .page-numbers.current,
    a.page-numbers:hover {
        background: #71c55d;
        color:#fff;
        border-radius: 6px;
        border: 2px solid #71c55d;
    }

    @media (max-width: 991px) {
        .page-numbers {
            font-size: 30px;
        }
    }
/*-------------------------------- 
    Search Section
--------------------------------*/

    #search .search-title,
    #search .search-table{
        padding: 8px 10px;
        border-bottom: 1px solid #d5d5d5;
    }

    #search .search-title,
    #search .search-title h4,
    #search .search-table p,
    #search .search-table i{
        font-size: 13px;
        text-align: justify;
    }

    #search .search-title h4{
        font-size: 18px;
        font-weight: bold;
    }

    #search h4.search-post-title a {
        color: #555;
        transition: 0.3s;
        font-weight: 500;
        font-size: 18px;
        text-transform: capitalize;
    }
    #search h4.search-post-title a:hover {
        color: #666;
        text-decoration: underline;
        text-decoration-color: #333;
    }
    #error-404 .erro404-body p{
        font-size: 20px;
    }
    #searchform .form-pesquisa input.form-search{
        border-radius: 6px;
        border: 1px solid #222;
        box-shadow: none;
        font-size: 14px;
        padding: 10px 15px;
        height: 39px;
        width: 200px;
    }
    #searchform .form-pesquisa input.form-search:focus{
        border: 2px solid #71c55d;
        width: 500px;
    }

    #searchform .form-pesquisa .btn-apagar{
        border: 0px;
        font-size: 18px;
        background-color: transparent;
        margin-left: -30px;
        margin-right: 20px;
    }
    
    #searchform .form-pesquisa .btn-submit{
        background: #fff;
        border: 1px solid #71c55d;
        border-radius: 6px;
        padding: 3px 8px;
        color: #71c55d;
        transition: 0.4s;
        font-size: 18px;
    }
    #searchform .form-pesquisa .btn-submit i{
        color: #71c55d;
    }
    #searchform .form-pesquisa .btn-submit i:hover,
    #searchform .form-pesquisa .btn-submit:hover {
        background: #71c55d;
        color: #fff;
    }

    @media (max-width: 991px) {
        #error-404 .erro404-title h2{
            font-size: 40px;
            font-weight: 600;
        }        
        #search h4.search-post-title a{
            font-size: 35px;
            font-weight: 600;
            text-decoration: underline;
        }
        #searchform .form-pesquisa .btn-apagar{
            font-size: 35px;
            margin-left: -60px;
            margin-right: 20px;
        }

        #searchform .form-pesquisa .btn-submit,
        #error-404 .erro404-body{
            font-size: 30px;
        }
        #searchform .form-pesquisa input.form-search{
            font-size: 30px;
            padding: 30px 15px;
            height: 44px;
            width: 350px;
        }
        #search .search-title,
        #search .search-title h4,
        #search .search-table p,
        #search .search-table i{
            font-size: 30px;
            text-align: justify;
        }

    }

/*--------------------------------
# Image Section
--------------------------------*/
    .img-indisponivel-200-130 {
        width: 200px;
        height: 130px;
        padding: 5px;
        border: 1px solid #ccc;
        background: #fff;
    }

/*--------------------------------
 # Video Section
--------------------------------*/
    #video {
        background: url(../img/bg/video-bg.jpg) center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
        overflow: hidden;
    }
    #video .section-title h2 {
        color: #fff;
        margin-bottom: 20px;
    }
    #video .section-title .separator {
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
    }
    #video .text-rss {
        background: #fff;
        color: #222;
        padding: 20px;
        border-radius: 8px;
    }
    #video .overlay {
        background: rgba(0, 0, 0, 0.85);
        height: 100%;
    }
    #video .overlay .play-btn {
        width: 94px;
        height: 94px;
        background: radial-gradient(#71c55d 50%, rgba(113, 197, 93, 0.15) 52%);
        border-radius: 50%;
        display: block;
        margin: 100px auto 100px;
        position: relative;
        overflow: hidden;
    }
    #video .overlay .play-btn::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    #video .overlay .play-btn:before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate1 2s;
        animation: pulsate1 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.5);
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }
    #video .overlay .play-btn:hover::after {
        border-left: 15px solid #71c55d;
        transform: scale(20);
    }
    #video .overlay .play-btn:hover::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        -webkit-animation: none;
        animation: none;
        border-radius: 0;
    }

    @-webkit-keyframes pulsate1 {
        0% {
            transform: scale(0.6, 0.6);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }
    @keyframes pulsate1 {
        0% {
            transform: scale(0.6, 0.6);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }
    @-webkit-keyframes pulsate2 {
        0% {
            transform: scale(0.1, 0.1);
            opacity: 1;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }

/*------------------------------- 
  Section MEI
--------------------------------*/
#section-mei {
  width: 100%;
  height: 350px;
  position: relative;
  margin-bottom: 80px;
  background: linear-gradient(310deg, rgb(35 106 6 / 91%) 0%, rgb(0 192 103 / 71%) 100%) transparent;
}
#section-mei #row-overlay{
  background-size: 100%;
  background: url(../img/bg/mei-bg2.jpg) 0% 20%, center center no-repeat;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /*opacity: 0.2;*/
}
#section-mei #row-overlay1 {
  mix-blend-mode: normal;
}

#section-mei .icone  {
  height: 96px;
  width: 96px;
  color: #000;
  font-size: 25px;
  padding: 50px;
  margin-bottom: 50px;
}

#section-mei .icon-inner i {
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    line-height: 1;
    padding: 20px 0px 8px 2px;
    border-radius: 50%;
    text-align: center;
    width: 110px;
    height: 110px;
    transition: 0.3s;
}

#addon-mei {
    color: #fff;
    margin: 0px 0px 30px 0px;
    padding: 10px 30px 60px 30px;
    z-index: 999;
}
#section-mei .mei-title h3 {
    margin-top: 1px;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
}

/*------------------------------- 
  Team Section
--------------------------------*/
#team .team-block {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  height: 254px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
    #team .team-block {
        margin-bottom: 30px;
    }
}
#team .team-block img {
    width: 100%;
}
#team .team-block .team-content {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
    bottom: -147px;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
}
#team .team-block .team-content ul {
  display: block;
  width: 100%;
}
#team .team-block .team-content ul li {
  display: inline-block;
}
#team .team-block .team-content ul li a {
  color: #626262;
}
#team .team-block .team-content ul li a .fa {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  transition: 0.3s;
}
#team .team-block .team-content ul li a .fa:hover {
  color: #71c55d;
}
#team .team-block .team-content ul > span {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#team .team-block:hover .team-content {
  bottom: 0px;
  transition: all 0.5s ease-in-out 0s;
}

/* Testimonials Section
--------------------------------*/
#testimonials .testimonials-content {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  padding: 49px 20px;
}

#testimonials .testimonials-content::before {
  color: #71c55d;
  content: "\f10e";
  display: inline-block;
  font: 70px/1 FontAwesome;
  position: absolute;
  right: 43px;
  text-align: left;
  top: -29px;
}

#testimonials .top-top > h2 {
  font-family: "Roboto" sans-serif;
  font-size: 45px;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

#testimonials .top-top > h4 {
  font: 700 12px Lato, sans-serif;
}

#testimonials .top-top span {
  font-size: 12px;
  font-weight: 300;
  margin-left: 26px;
}

#testimonials .btm-btm ul li {
  float: left;
  margin: 0 8px;
  border-radius: 50%;
  padding: 0;
  overflow: hidden;
  background: #ddd none repeat scroll 0 0;
  cursor: pointer;
  height: 12px !important;
  width: 12px !important;
  border: 0;
  content: "";
}

#testimonials .btm-btm .active {
  background: #71c55d;
}

.carousel-indicators {
  position: relative;
  bottom: 0;
  left: 0;
  bottom: 0 !important;
  z-index: 15;
  width: auto;
  padding-left: 0;
  margin: 30px auto 0 auto;
  margin-right: auto;
  text-align: center;
  list-style: none;
  margin-bottom: 0;
  display: inline-block;
}

.carousel-indicators li {
  margin: 0;
}

/* Pricing Table Section
--------------------------------*/
#pricing .block-pricing {
  background: #fff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
@media (max-width: 991px) {
  #pricing .block-pricing {
    margin-bottom: 30px;
  }
}

#pricing .block-pricing .table {
  margin-bottom: 0;
  padding: 30px 15px;
  max-width: 100%;
  width: 100%;
}

#pricing .block-pricing .pricing-table h4 {
  padding-bottom: 30px;
}

#pricing .block-pricing h2 {
  margin-bottom: 30px;
}

#pricing .block-pricing ul {
  list-style: outside none none;
  margin: 10px auto;
  max-width: 240px;
  padding: 0;
}

#pricing .block-pricing ul li {
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
  padding: 12px 0;
  text-align: center;
}

#pricing .block-pricing ul li b {
  color: #3c4857;
}

#pricing .block-pricing .pricing-table .table_btn a {
  background: #71c55d;
  color: #fff;
  margin: 0;
  display: inline-block;
}
#pricing .block-pricing .pricing-table .table_btn a:hover {
  background: #55b03f;
}

#pricing .block-pricing .pricing-table .table_btn a .fa {
  font-size: 13px;
  margin-right: 5px;
}
/*--------------------------------
    Category
--------------------------------*/
    #category .category-body{
        padding-left: 0px;
    }

    #category .category-table {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgb(229, 229, 229);
    }
    #category .category-body .btn-rounded {
        border: 1px solid #fff;
        border-radius: 4px;
        text-transform: uppercase;
        background-color: #71c55d;
        font-size: 12px;
        padding: 5px 5px;
    }
    #category .category-body .btn-rounded:hover {
        border: 1px solid #71c55d;
        background-color: #fff;
        color: #71c55d;
    }
/*--------------------------------
    Blog Section
--------------------------------*/
    #blog{
        margin-bottom: 60px;
    }
    #blog .block-blog img{
        width: 100%;
        height: auto;
    }
    #blog .block-blog {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.19);
        display: inline-block;
        padding: 20px 10px;
        width: 100%;
        min-height: 125px;
    }
    #blog .content-blog{
        height: 145px;
    }
    #blog .block-blog .content-blog h4 {
        line-height: 24px;
        margin-bottom: 20px;
        text-transform: capitalize;
        font-weight: normal;
        letter-spacing: 0;
        font-size: 12px;
    }
    #blog .block-blog .content-blog h4 a {
        color: #555;
        transition: 0.3s;
        font-weight: 500;
    }
    #blog .block-blog .content-blog h4 a:hover {
        color: #666;
        font-weight: 500;
        text-decoration: underline;
        text-decoration-color: #333;
    }
    #blog .block-blog span, #blog .block-blog span i{
        float: left;
        font-size: 12px;
        padding-right: 5px;
    }
    #blog .block-blog .category-body h4 a {
        color: #505050;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s;
        letter-spacing: 0;
        text-transform: capitalize;
    }
    #blog .block-blog .category-body h4 a:hover {
        color: #71c55d;
        text-decoration: underline;
        text-decoration-color: red;
    }

    #blog .block-blog .btn {
        background-color: #71c55d;
        border: 1px solid #71c55d;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 5px 15px;
        text-transform: uppercase;
        transition: all 0.5s ease-in-out 0s;
    }
    #blog .block-blog .btn-rounded:hover {
        color: #71c55d;
        border: 1px solid #71c55d;
        background-color: #fff;
    }
    #blog .section-title h2 {
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }
    #blog .section-title p {
        font-size: 20px;
        font-style: italic;
    }
    @media (max-width: 991px) {
        #blog .block-blog {
            margin-bottom: 30px;
        }
        #blog .content-blog{
            height: 215px;
            margin-top: 20px;
        }
        #blog .block-blog .content-blog h4 a {
            color: #555;
            text-decoration: none;
            transition: 0.3s;
            font-size: 35px;
            text-align: justify;
        }

        #blog .section-title h2 {
            font-size: 55px;
        }
        #blog .block-blog span,
        #blog .block-blog span i{
            font-size: 25px;
        }
        #blog .block-blog .btn {
            font-size: 30px;
        }
    }
/*--------------------------------
    Category Blog
--------------------------------*/
    #category-blog{
        margin-top: 10px;
    }
    #category-blog .category-title h1{
        font-size: 36px;
        color: #666;
        font-weight: 600;
        text-align: left;
        background-color: #efefef !important;
        margin-bottom: 30px;
        padding: 10px;
        border-radius: 4px;
    }
     #category-blog .category-table{
        padding: 5px 0 5px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }
    #category-blog .category-body h4 a {
        color: #555;
        transition: 0.3s;
        font-weight: 500;
        font-size: 18px;
    }
    #category-blog .category-body h4 a:hover {
        color: #666;
        font-weight: 500;
        text-decoration: underline;
        text-decoration-color: #333;
    }

    #category-blog .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top;
    }
    #category-blog .post-right a{
        font-size: 10px;
        color: #808080;
    }
    #category-blog .size-img img{
        width: 270px;
        height: auto;
    }
    #category-blog .media-body span,
    #category-blog .media-body span i{
        font-size: 14px;
        font-weight: 400;
    }
    #category-blog .category-body .btn{
      background-color: #71c55d;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 400;
      padding: 5px 15px;
      /*text-transform: uppercase;*/
      transition: all 0.5s ease-in-out 0s;
      margin-left: 15px;
    }

    #category-blog .category-body .btn:hover {
      color: #71c55d;
      background-color: #fff;
      border-color: #71c55d;
    }

    @media (max-width: 991px){
        #category-blog{
            margin-top: 20px;
        }
        #category-blog .entry-content h4,
        #category-blog .entry-content p{
            font-size: 30px;
            font-weight: 400;
        }
        #category-blog .size-img img{
            width: 695px;
            height: auto;
        }
        #category-blog .media-body h4{
            font-size: 35px;
            font-weight: 800;
        }
        #category-blog .category-body span,
        #category-blog .category-body span i{
            font-size: 35px;
            font-weight: 400;
        }
        #category-blog .category-body h4 a {
            font-size: 35px;
            font-weight: 600;
        }
    }
/*--------------------------------
    Single Blog
--------------------------------*/
    #single-blog{
        margin-top: 10px;
    }
    #single-blog .single-title h1{
        font-size: 36px;
        color: #666;
        font-weight: 600;
    }
    #single-blog .single-body{
        font-size: 16px;
        color: #222;
        font-weight: 200;
        text-align: justify;
    }
    @media (max-width: 991px){
        #single-blog{
            margin-top: 20px;
        }
        #single-blog .single-title h1{
            font-size: 45px;
            text-align: center;
        }
        #single-blog .single-body,
        #single-blog .single-body h3{
            font-size: 40px;
        }
    }

/*--------------------------------------------------------------
# Avatar User
--------------------------------------------------------------*/
    #post .avatar img {
        width: 35px;
        border-radius: 100%;
        margin-right: 5px;
    }
/*--------------------------------
    Post Section
--------------------------------*/
    #post{
        margin-top: 0px;
    }
    #post .entry-date {
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        background-color: #71c55d;
        padding-left: 15px !important;
        padding-bottom: 5px !important;
        padding-right: 15px !important;
        padding-top: 5px !important;
    }
    #post .media-body, .media-left, .media-right {
        display: table-cell;
        vertical-align: top;
    }
    #post .post-right a{
        font-size: 10px;
        color: #808080;
    }
    #post .post-img{
        text-align: center;
    }
    #post .size-img img{
        width: 800px;
        height: auto;
    }
    #post .media-body h4{
        font-size: 2em;
    }
    #post .post_subtitle {
        font-size: 20px;
        line-height: 1.4em;
        margin-bottom: 20px;
        color: #a0a0a0;
    }
    #post .post-content {
        font-size: 20px;
        line-height: 1.4em;
        margin-bottom: 20px;
        color: #000;
        font-weight: 400;
    }    
    #post .media-body .post-author {
        font-size: 14px;
        color: #f70d28;
        font-weight: 700;
        text-transform: capitalize;
    }
    #post .post-data {
        font-size: 14px;
        color: #a0a0a0;
        font-weight: 500;
    }

    #post #share-network{
        /*margin-bottom: 100px;*/
    }
    #post #share-network i{
        font-size: 22px;
    }
    #post #share-network a{
        float: left;
        width: auto;
        max-width: none;
        padding: 0px 10px;
        margin-right: 5px;
        line-height: 38px;
        transition: 0.3s;
        font-size: 17px;
        border-radius: 2px;
        text-align: center;
    }

    #post #share-network #facebook{
        border: 1px solid  rgb(59,59,152);
        background-color: rgb(59,59,152);
        color: #fff;
    }
    #post #share-network #facebook:hover{
        border: 1px solid  rgb(59,59,152);
        color: rgb(59,59,152);
        background-color: #fff;
    }
    #post #share-network #instagram{
        border: 1px solid  rgb(193,53,132);
        background-color: rgb(193,53,132);
        color: #fff;
    }
    #post #share-network #instagram:hover{
        border: 1px solid  rgb(193,53,132);
        color: rgb(193,53,132);
        background-color: #fff;
    }
    #post #share-network #linkedin{
        font-size: 22px;
        width: 44px;
        max-width: 44px;
        border: 1px solid  rgb(14,118,168);
        background-color: rgb(14,118,168);
        color: #fff;
    }
    #post #share-network #linkedin:hover{
        border: 1px solid  rgb(14,118,168);
        color: rgb(14,118,168);
        background-color: #fff;
    }
    #post #share-network #twitter{
        font-size: 22px;
        width: 44px;
        max-width: 44px;
        border: 1px solid  rgb(0, 172, 237);
        background-color: rgb(0, 172, 237);
        color: #fff;
    }
    #post #share-network #twitter:hover{
        border: 1px solid  rgb(0, 172, 237);
        color: rgb(0, 172, 237);
        background-color: #fff;
    }

    #post #share-network #whatsapp{
        font-size: 22px;
        width: 44px;
        max-width: 44px;
        border: 1px solid rgb(52, 175, 35);
        background-color: rgb(52, 175, 35);
        color: #fff;
    }
    #post #share-network #whatsapp:hover{
        border: 1px solid  rgb(52, 175, 35);
        color: rgb(52, 175, 35);
        background-color: #fff;
    }

    #post #share-network #faleconosco{
        font-size: 22px;
        border: 1px solid #06426a;
        background-color: #06426a;
        color: #fff;
    }
    #post #share-network #faleconosco:hover{
        border: 1px solid #06426a;
        color: #06426a;
        background-color: #fff;
    }

    @media (max-width: 991px){
        #post #share-network h4{
            font-size: 35px;
        }
        #post .entry-content h4,
        #post .entry-content p{
            font-size: 30px;
            font-weight: 400;
        }
        #post .size-img img{
            width: 695px;
            height: auto;
        }
        #post .media-body h4{
            font-size: 35px;
            font-weight: 800;
        }
        #post .media-body span,
        #post .media-body span i{
            font-size: 30px;
            font-weight: 400;
        }
    }


/*--------------------------------
    Services Section
--------------------------------*/
    #services{
        margin-top: 30px;
    }
    #services .section-title h2 {
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
        /* text-transform: capitalize; */
    }
    #services .block-title h4 {
        font-size: 13px;
        font-weight: 600;
    }
    .bg-silver-light {
        background-color: #F7F8FA !important;
    }

    #services .section-title p {
        color: #555555;
        font-size: 20px;
        font-style: italic;
        font-weight: 700;
    }
    #services .item{
        box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 4px 0 rgb(0 0 0 / 19%);
        border: 1px solid rgb(0 0 0 / 19%);
        display: inline-block;
        padding: 20px 10px;
        width: 100%;
        min-height: 125px;
    }

    /*#services .block-img img{
        width: 100%;
        height: auto;
    }*/

    #services .campaign-bottom a{
        background-color: #71c55d;
        border: 1px solid #71c55d;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        padding: 2px 5px;
        text-transform: uppercase;
        transition: all 0.5s ease-in-out 0s;
    }
    #services .campaign-bottom a:hover {
        color: #71c55d;
        border: 1px solid #71c55d;
        background-color: #fff;
    }

    @media (max-width: 991px){
        #services .section-title h2 {
            font-size: 55px;
        }
        #services .block-title h4 {
            font-size: 15px;
        }
        #services .section-title p {
            font-size: 30px;
        }
    }
/*--------------------------------
    Page Blog
--------------------------------*/
    #page{
        margin-top: 10px;
    }
    #page #page-title h1{
        font-size: 36px;
        color: #666;
        font-weight: 600;
        text-align: left;
        background-color: #efefef !important;
        margin-bottom: 30px;
        padding: 10px;
        border-radius: 4px;
        text-transform: uppercase;
    }

    #page .page-body {
        color: #222;
        font-weight: 200;
        font-size: 16px;
    }

    @media (max-width: 991px){
        #page .page-body {
            font-size: 30px;
        }

        #page .title-page h1{
            font-size: 46px;
        }
        #page .page-body h3 {
            font-size: 40px;
            font-weight: 600;
        }
    }


/*--------------------------------
    Widget Acessada
--------------------------------*/
#widget-acessada{

}
#widget-acessada.media-post .post-thumb {
    float: left;
    margin: 0 10px 10px 0;
}
#widget-acessada .post-thumb {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#widget-acessada .widget h4{
    border-bottom: 2px solid #444;
    margin-bottom: 8px;
}
#widget-acessada .widget .widget-box{
    border-bottom: 1px solid #444;
    padding-bottom: 8px;
}
#widget-acessada .widget .widget-thumb {
    float: left;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
}
#widget-acessada .widget .widget-left{
    text-align: left;
    margin-bottom: 8px;
}
#widget-acessada .widget .widget-left a{
    font-size: 10px;
    color: #666;
    font-weight: 600;
    vertical-align: text-top;
}

/*--------------------------------
    Buttom Rede Social
--------------------------------*/
/*------------------------------------*/
    .ShareIcon {
        padding: 0;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: maniputation;
        touch-action: maniputation;
        cursor: pointer;
        border: none;
        border-radius: 0;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        background: #eee;
        transition: background-color .3s linear;
        font-size: 18px;
        line-height: 1.9em;
    }
    .ShareIcon, .ShareIcon:active,.ShareIcon:focus {color: #666;}
    .ShareIcon:hover{color:#fff;text-decoration:none}
    .ShareIcon:before{line-height:1.9em;width:1.9em}
    
/*---------------------------------------*/

    #social-network{
        background-color: #f1f1f1 !important;
        padding: 30px;
        margin-bottom: 10px;
        border-bottom: 1px solid #666;
        border-radius: 6px;
    }

    #social-network h4{
        margin-bottom: 10px;
    }
    #social-network :not(:last-child) {
        margin-right: 4px;
    }
    #social-network a{
        float: left;
        width: auto;
        padding: 2px 10px 0px 10px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        border-radius: 2px;
        background: #eee;
        transition: background-color .3s linear;
        font-size: 18px;
        text-align: center;

        /*
        line-height: 1.9em;
        max-width: none;
        line-height: 38px;
        transition: 0.3s;
        font-size: 17px;
        background: #eee;
        margin-right: 5px;
        padding: 0px 10px;
        text-align: center;
        */
    }
    #social-network i{
        font-size: 22px;
    }
    #social-network #facebook{
        border-bottom: 2px solid  rgb(59,59,152);
        color: rgb(59,59,152);
        font-weight: 700;
    }
    #social-network #facebook:hover{
        background-color: rgb(59,59,152);
        color: #fff;
    }
    #social-network #instagram{
        border-bottom: 2px solid  rgb(193,53,132);
        color: rgb(193,53,132);
        font-weight: 700;
    }
    #social-network #instagram:hover{
        background-color: rgb(193,53,132);
        color: #fff;
    }
    #social-network #linkedin{
        border-bottom: 2px solid  rgb(14,118,168);
        color: rgb(14,118,168);
        font-weight: 700;
    }
    #social-network #linkedin:hover{
        background-color: rgb(14,118,168);
        color: #fff;
    }
    #social-network #twitter{
        border-bottom: 2px solid  rgb(0, 172, 237);
        color: rgb(0, 172, 237);
        font-weight: 700;
    }
    #social-network #twitter:hover{
        color: #fff;
        background-color: rgb(0, 172, 237);
    }

    #social-network #whatsapp{
        border-bottom: 2px solid rgb(52, 175, 35);
        font-weight: 700;
        color: rgb(52, 175, 35);
    }
    #social-network #whatsapp:hover{
        color: #fff;
        background-color: rgb(52, 175, 35);
    }
    #social-network #faleconosco{
        border-bottom: 2px solid #06426a;
        color: #06426a;
        font-weight: 700;
    }
    #social-network #faleconosco:hover{
        color: #fff;
        background-color: #06426a;
    }

    @media (max-width: 991px){
        #social-network a{
            padding: 10px 10px 0px 10px;
        }
        #social-network #linkedin,
        #social-network #twitter,
        #social-network #whatsapp{
            width: auto;
            max-width: 90px;
        }
        #social-network h4{
            font-size: 30px;
        }
        #social-network a i{
            font-size: 40px;
        }
    }
/*--------------------------------*/
/*
    #post .social-icons a i {
        font-size: 30px;
        display: inline-block;
        color: #fff;
        line-height: 1;
        padding: 8px 0px 8px 2px;
        border-radius: 50%;
        text-align: center;
        width: 45px;
        height: 45px;
        transition: 0.3s;
    }

    .social-icons.icon-circled a {
        border-radius: 50%;
        margin-right: 20px;
    }
    .social-icons a {
        color: #333333;
        font-size: 18px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        float: left;
        margin: 5px 7px 5px 0;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #post .social-icons .facebook{background: rgb(58, 87, 149) !important;}
    #post .social-icons .instagram{background: rgb(161, 19, 18) !important;}
    #post .social-icons .whatsapp{background: rgb(43, 124, 16) !important;}
    @media (max-width: 991px){
        #post .social-icons h5{
            font-size: 30px;
            font-weight: 800;
        }
        #post .social-icons a i{
            font-size: 40px;
            padding: 9px 0px 8px 2px;
            width: 60px;
            height: 60px;
        }
        .social-icons.icon-circled a {
            border-radius: 50%;
            margin-right: 35px;
        }
    }
*/
/*--------------------------------
    Newsletter Section
--------------------------------*/
    #newsletter {
      background: rgba(0, 0, 0, 0) url(../img/newsletter-bg.jpg) no-repeat center top fixed;
      background-size: cover;
    }
    #newsletter .overlay {
      background: linear-gradient(rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 95%);
      height: 100%;
      width: 100%;
    }
    #newsletter .form-control {
      background-color: transparent;
      border: 1px solid #dddddd;
      border-radius: 0;
      color: #888;
      font-size: 11px;
      font-weight: 600;
      height: 50px;
      text-align: center;
      width: 70%;
      background: #fff;
    }
@media (max-width: 575px) {
  #newsletter .form-control {
    margin-bottom: 30px;
    width: 100%;
  }
}
#newsletter .form-control:focus {
  border-color: #71c55d;
  box-shadow: none;
  outline: 0 none;
}
#newsletter .btn {
  background: #71c55d;
  border: 0;
  border-radius: 0;
  height: 50px;
  width: 30%;
  transition: 0.3s;
}
@media (max-width: 575px) {
  #newsletter .btn {
    width: 100%;
  }
}
#newsletter .btn:hover {
  background: #55b03f;
}
#newsletter .btn .fa {
  padding-right: 10px;
}
#newsletter ul {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 0;
}
#newsletter ul li {
  background: #71c55d;
  border-radius: 50px;
  padding: 9px 0px 8px 2px;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  margin-right: 10px;
  width: 35px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
#newsletter ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
#newsletter ul li:hover {
  background: #55b03f;
}
#newsletter ul li i {
  color: #fff;
  line-height: 0;
}

/*--------------------------------
    Button
--------------------------------*/
    #btns{
        margin-bottom: 20px;
    }
    #btns i{
        font-size: 22px;
    }
    #btns a{
        float: left;
        width: 44px;
        max-width: 44px;
        padding: 0px 10px;
        margin-right: 5px;
        line-height: 38px;
        transition: 0.3s;
        font-size: 17px;
        border-radius: 2px;
        text-align: center;
    }
    #btns a{
        font-size: 22px;
        border: 1px solid #016b3a;
        background-color: #016b3a;
        color: #fff;
    }
    #btns a:hover{
        border: 1px solid #016b3a;
        color: #016b3a;
        background-color: #fff;
    }

    #banner #faleconosco{
        font-size: 16px;
        border: 1px solid #06426a;
        background-color: #06426a;
        color: #fff;
    }
    #banner #faleconosco:hover{
        border: 1px solid #06426a;
        color: #06426a;
        background-color: #fff;
    }

    @media (max-width: 991px){
        #btns a{
            padding: 10px 10px 0px 10px;
        }
        #btns a{
            width: auto;
            max-width: 90px;
        }
        #social-network a i{
            font-size: 40px;
        }
        #banner #faleconosco{
            font-size: 30px;
        }
    }
/*--------------------------------
    Contact Section
--------------------------------*/
    #contact {
        background: #fff;
    }
    #contact .icon-box{
        border-radius: 6px;
    }
    #contact .info {
        color: #222;
    }
    #contact .section-title h3{
        font-family: "Roboto", sans-serif;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }
    #contact .info i{
        font-size: 32px;
        color: #71c55d;
        float: left;
        line-height: 0;
    }
    #contact .info p {
        padding: 0px 0px 0px 0px;
        margin-bottom: 20px;
        line-height: 22px;
        font-size: 14px;
    }
    #contact .info .email p {
        padding-top: 5px;
    }

    #contact .social-links {
        padding: 20px 0;
    }
    #contact .social-links a {
        font-size: 25px;
        display: inline-block;
        background: #71c55d;
        color: #fff;
        line-height: 1;
        padding: 3px 0px 8px 2px;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
    }
    #contact .social-links a:hover {
        background: #55b03f;
        color: #fff;
    }
    #contact #ajax_form .validate {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }
    #contact #ajax_form .error-message {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }
    #contact #ajax_form .error-message br + br {
        margin-top: 25px;
    }
    #contact #ajax_form .sent-message {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }
    #contact #ajax_form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }
    #contact #ajax_form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading 1s linear infinite;
        animation: animate-loading 1s linear infinite;
    }
    #contact #ajax_form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        height: 150px;
        padding: 12px 15px;
    }
    #contact #ajax_form input{
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        padding: 10px 15px;
    }
    #contact #ajax_form input:focus,
    #contact #ajax_form textarea:focus {
        border: 2px solid #71c55d;
    }
    #contact #ajax_form button{
        background: #71c55d;
        border: 0;
        border-radius: 6px;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
    }
    #contact #ajax_form button:hover {
        background: #92d283;
    }

    #contact #ajax_form #acerto_geral,
    #contact #ajax_form #erro{
        display: none;
        padding-bottom: 25px;
    }
    @-webkit-keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    @keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @media (max-width: 992px){
        #contact .media-body,
        #contact .media-body p{
            font-size: 35px;
            line-height: 45px;
        }
        #contact #ajax_form input,
        #contact #ajax_form button,
        #contact #ajax_form textarea {
            font-size: 25px;
        }
        #contact .social-links a,
        #btns a i{
            width: 75px;
            height: 75px;
            font-size: 50px;
            padding: 6px 0px 8px 2px;
        }
    }

/*----------------------
# Footer
-----------------------*/
#footer-main {
    margin-top: 30px;
    background-image: url(../img/bg/footer-bg.png);
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    background-color: rgb(37, 39, 46) !important;
}
#footer-main .footer-logo .navbar-brand, {
    color: #fff;
    display: inline-block;
    float: none;
    font-family: "Philosopher", sans-serif;
    font-size: 24px;
    font-weight: 500;
    height: 100%;
    letter-spacing: 0.2em;
    padding-left: 0;
    padding-top: 0;
}
#footer-main .end-menu img{
  /*background: #fff;
  border-radius: 6px;
  padding: 0;
  margin: 0;*/
    width: auto;
    height: 140px;
    border-radius: 6px;
    border: 3px solid #000;
}

#footer-main #text-descripton p{
  color: #fff;
  text-align: justify;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding-left: 5px;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 1.5;
}
.footer-main .footer-logo p {
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
}
.footer-main .list-menu > h4 {
  color: #fff;
  padding-bottom: 20px;
}
#footer-main .end-menu > h4 {
  color: #fff;
  padding-bottom: 14px;
}
#footer-main .end-menu .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 18px;
}
.footer-main .list-menu ul li a,
.footer-main .list-menu ul li {
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
    text-decoration: none;
    letter-spacing: 0;
}
.footer-main .copyrights {
    background: #fff;
    margin-top: 50px;
    text-align: center;
    padding: 25px;
}
.footer-main .copyrights p,
.footer-main .copyrights .credits {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
}
.footer-main #copyrights a,
.footer-main #copyrights .credits a {
    letter-spacing: 0;
    text-decoration: none;
    color: #71c55d;
}

.footer-main #copyrights .link+.link:before {
    padding: 0px 0px 0px 5px;
    color: #000;
    content: "/\00a0";
}

@media (max-width: 991px) {
    #footer-main .end-menu h4{
        font-size: 30px;
    }
    #footer-main .end-menu .list-inline>li i,
    #footer-main .end-menu .list-inline>li {
        font-size: 25px;
    }

    .footer-main .copyrights p,
    .footer-main .copyrights h5,
    .footer-main .copyrights a,
    .footer-main .copyrights .credits{
        font-size: 25px;
    }
}
/*
@media (min-width: 1440px) {
    #footer-main .end-menu > h4 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px) {
    #footer-main .end-menu .list-inline>li a{
        font-size: 30px;
    }
    #footer-main .end-menu h4{
        font-size: 30px;
    }
}
*/