/*!
 * Start Bootstrap - Grayscale v5.0.5 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

/*Cores Padrão*/
.text-black-50 {
   color: #7f7f7f !important;
   font-size: 0.95em;
   line-height: 1.7em;
}

.text-success {
   color: #99cc00 !important;
}

.alert-success {
   background: #f9ffe7 !important;
   color: #99cc00 !important;
}

.btn-success {
   background: #99cc00 !important;
}

.text-warning {
   color: #ff901e !important
}

.text-info {
   color: #47b4b4 !important
}

.btn-info {
   background: #1c6d83 !important
}

#mainNav {
   min-height: 56px;
   background-color: transparent;
}

nav.navbar-shrink {
   min-height: 56px;
   background-color: #fff !important;
}

#mainNav .navbar-toggler {
   font-size: 100%;
   padding: 0.75rem;
   color: #ff901c;
   border: 1px solid #ff901c;
}

#mainNav .navbar-toggler:focus {
   outline: none;
}

.navbar-brand img {
   width: 0px
}

.navbar-shrink .navbar-brand img {
   width: auto;
   transition: 0.4s;
}

#mainNav .navbar-brand {
   color: #161616;
   font-weight: 700;
   padding: .9rem 0;
}

#mainNav .navbar-nav .nav-item:hover {
   color: fade(white, 80%);
   outline: none;
   background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
   outline: none;
   background-color: transparent;
}



@media (max-width: 768px) {
   #mainNav .nav-link {
      color: #ff901c !important;
   }
   #mainNav .nav-link:hover {
      color: #99cc00 !important;
   }
}

@media (min-width: 992px) {
   #mainNav {
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: none;
      background-color: transparent;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
   }

   #mainNav .navbar-brand {
      padding: .5rem 0;
      color: rgba(255, 255, 255, 0.5);
   }

   #mainNav .nav-link {
      -webkit-transition: none;
      transition: none;
      padding: 2rem 1.5rem;
      color: rgba(255, 255, 255, 0.5);
   }

   #mainNav .nav-link:hover {
      color: rgba(255, 255, 255, 0.75);
   }

   #mainNav .nav-link:active {
      color: white;
   }

   #mainNav.navbar-shrink {
      background-color: #fff;
   }

   #mainNav.navbar-shrink .navbar-brand {
      color: #161616;
   }

   #mainNav.navbar-shrink .nav-link {
      color: #161616;
      padding: 1.5rem 0.7rem 1.25rem;
      border-bottom: 0.25rem solid transparent;
   }

   #mainNav.navbar-shrink .nav-link:hover {
      color: #7f7f7f;
   }

   #mainNav.navbar-shrink .nav-link:active {
      color: #7f7f7f;
   }

   #mainNav.navbar-shrink .nav-link.active {
      color: #7f7f7f;
      outline: none;
      border-bottom: 0.25rem solid #7f7f7f;
   }
}
@media (min-width: 1025px) {
   #mainNav.navbar-shrink .nav-link {
      padding: 1.5rem 1.5rem 1.25rem !important;
   }
}
.masthead {
   position: relative;
   width: 100%;
   height: auto;
   min-height: 35rem;
   padding: 10.5rem 0;
}

.masthead.noite {
   background: url("../img/bg-masthead_noite.jpg") !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-attachment: scroll !important;
   background-size: cover !important;
}

.masthead.dia {
   background: url("../img/bg-masthead_dia.jpg") !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-attachment: scroll !important;
   background-size: cover !important;
}

.masthead.tarde {
   background: url("../img/bg-masthead_tarde.jpg") !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-attachment: scroll !important;
   background-size: cover !important;
}


.masthead h1 {
   font-family: 'Nunito';
   /*background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8));
   -webkit-text-fill-color: transparent;*/
   -webkit-background-clip: text;
   text-shadow 0.01rem #000:
}

.masthead.tarde h1 {
     color: rgb(70, 32, 31) !important;
        background: transparent;
    -webkit-text-fill-color: rgb(70, 32, 31);
}
   .masthead.dia h1 {
    color: #fff !important;
     background: transparent;
    -webkit-text-fill-color:  #fff;
 }
 .masthead.noite h1 {
 color: #fff !important;
   background: transparent;
 -webkit-text-fill-color:  #fff;
}


.masthead h2 {
   max-width: 20rem;
   font-size: 1rem;
}

@media (max-width: 768px) {
   .masthead h1 {
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
   }
}

@media (min-width: 768px) {
   .masthead h1 {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
   }
}

@media (min-width: 992px) {
   .masthead {
      height: 100vh;
      padding: 0;
   }

   .masthead h1 {
      font-size: 1.5rem;
      line-height: 2.2rem;
      letter-spacing: 0.2rem;
   }

   .masthead h2 {
      max-width: 30rem;
      font-size: 1.25rem;
   }

   .masthead img {
      width: 600px !important;
   }
}

.btn {
   -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
   box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
   padding: 1.25rem 2rem;
   font-family: 'Nunito';
   font-size: 80%;
   text-transform: uppercase;
   letter-spacing: .15rem;
   border: 0;
}

.btn-primary {
   background-color: #99cc00;
}

.btn-primary:hover {
   background-color: #33cc66;
}

.btn-primary:focus {
   background-color: #4f837f;
   color: white;
}

.btn-primary:active {
   background-color: #467370 !important;
}

section{ padding-top: 6rem; padding-bottom: 5rem}

.us-section {
   background: #ededb8 !important;
}

.land-section, .land-section-fluid {
   background: #fff !important;
}

.features-star
{  background: #f2f7f8; !important
}

.about-section {
   background: -webkit-gradient(linear, left top, left bottom, from(#993333), color-stop(75%, rgba(75, 23, 23, 0.9)), to(rgba(50, 15, 15, 0.8)));
   background: linear-gradient(to bottom, #993333 0%, rgba(75, 23, 23, 0.9) 75%, rgba(50, 15, 15, 0.8) 100%);
}

.terms-section {
   background-color: #d9e4f5;
   background-image: linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%);
}
.terms-section div.col-12 {font-size: 0.9em !important; line-height: 1.7em !important}
.
feature-section {
   background-color: #d9e4f5;
   background-image: linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%);
}

.about-section p {
   margin-bottom: 1.5rem;
}

.about-section .about-milestones > div > span {
   display: block;
}

.about-section .about-milestones > div > span:first-child {
   color: #99cc00;
   font-weight: bold;
   font-size: x-large;
}

.about-section .about-milestones > div > span:last-child {
   color: #fff;
}

.feature-section p, .feature-section p li, .feature-section li {
   font-size: 1em !important;
   line-height: 1.4em;
}


.projects-section .featured-text {
   padding: 2rem;
}

@media (min-width: 992px) {
   .projects-section .featured-text {
      padding: 0 0 0 2rem;
      border-left: 0.5rem solid #99cc00;
   }
}

.projects-section .project-text {
   padding: 3rem;
   font-size: 90%;
}

@media (min-width: 992px) {
   .projects-section .project-text {
      padding: 5rem;
   }

   .projects-section .project-text hr {
      border-color: #99cc00;
      border-width: .25rem;
      width: 30%;
   }
}

/* ###  Contact ##### */
.signup-section {
   padding: 10rem 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("../img/bg-signup.jpg");
   background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("../img/bg-signup.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover;
}

.signup-section .form-inline input {
   -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
   box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
   padding: 1.25rem 2rem;
   height: auto;
   font-family: 'Nunito';
   font-size: 80%;
   text-transform: uppercase;
   letter-spacing: 0.15rem;
   border: 0;
}

.contact-section {
   padding: 5rem 0 0;
}

.contact-section .card.info {
   border: 0;
   border-bottom: 0.25rem solid #99cc00;
}

.contact-section .card h4 {
   font-size: 1.35rem;
   font-family: 'Nunito';
   text-transform: uppercase;
   letter-spacing: 0.15rem;
}

.contact-section .card hr {
   border-color: #ecf3da;
   border-width: 0.15rem;
   width: 100%
      /*4rem*/
   ;
}

.contact-section .social {
   margin-top: 5rem;
}

.contact-section .social a {
   text-align: center;
   height: 3rem;
   width: 3rem;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 100%;
   line-height: 3rem;
   color: rgba(255, 255, 255, 0.3);
}

.contact-section .social a:hover {
   color: rgba(255, 255, 255, 0.5);
}

.contact-section .social a:active {
   color: #fff;
}


.contact-form input,
textarea {
   width: 100%;
   border: 1px solid #d5d5d5;
   padding: 5px 10px;
   text-transform: capitalize;
   margin-top: 15px;
   background-color: transparent;
   color: #fff;
}

.contact:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: #333;
   z-index: -1;
   opacity: .55;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
}

.single-contact {
   text-align: left;
   position: relative;
   padding-left: 70px;
   margin-bottom: 50px;
   margin-top: 10px;
}

.single-contact i.fa {
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-color: #FF7200;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 3px;
}

.single-contact h5 {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 500;
}

.single-contact p {
   font-size: 15px;
   font-weight: 400;
}

.contact-form input[type="submit"] {
   background-color: #199cff;
   border: 0px;
   cursor: pointer;
   font-size: 16px;
   -webkit-transition: .4s;
   transition: .4s
}

.contact-form input[type="submit"]:hover {
   background-color: #000;
   color: #000;
}

.contact-form input:focus, textarea:focus {
   border-color: #CC5B00
}

.contact {
   background-image: url("../img/contact.jpg");
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   position: relative;
   z-index: 2;
   color: #fff;
}

body {
   font-family: 'Nunito';
   letter-spacing: 0.0625em;
}

a {
   color: #99cc00;
}

a:focus, a:hover {
   text-decoration: none;
   color: #3c6360;
}

.bg-black {
   background-color: #161616 !important;
}

.bg-primary {
   background-color: #99cc00 !important;
}

.text-primary {
   color: #99cc00 !important;
}

.text-white-50 {
   color: rgba(255, 255, 255, .8) !important;
   font-size: 0.9em;
   line-height: 1.8em;
}

footer {
   padding: 5rem 0 0 0;
   background: url("../img/footer_logo.png") top center no-repeat
      /*#161616*/
      #1c6d83 !important;
}

fotter hr {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   border: 0;
   border-top: 1px dotted #1c6d8390;
}

/*contact*/
.pb-100 {
   padding-bottom: 100px;
}

.pt-100 {
   padding-top: 100px;
}

.mb-100 {
   margin-bottom: 100px;
}

.mb-50 {
   margin-bottom: 50px;
}

a {
   text-decoration: none;
   color: #333;
   -webkit-transition: .4s;
   transition: .4s;
}

.section-title {
   position: relative;
}

.section-title p {
   font-size: 16px;
   margin-bottom: 5px;
   font-weight: 400;
}

.section-title h1 {
   font-size: 42px;
   font-weight: 600;
   position: relative;
   padding-bottom: 20px;
   display: inline-block;
}
.section-title h4 {
   font-size: 40px;
   font-weight: 600;
   position: relative;
   padding-bottom: 20px;
   display: inline-block;
}

.section-title h4::before {
   position: absolute;
   content: "";
   width: 80px;
   height: 2px;
   background-color: #d8d8d8;
   bottom: 0;
   left: 50%;
   margin-left: -40px;
}

.section-title h4::after {
   position: absolute;
   content: "";
   width: 50px;
   height: 2px;
   background-color: #6c757d;
   left: 0;
   bottom: 0;
   left: 50%;
   margin-left: -25px;
}

h6 {color: #6c757d !important; font-size: 1.3em !important; font-weight: bold;}
/*Blink*/
.blinking {
   animation: blinkingText 1.8s infinite;
}

@keyframes blinkingText {
   0% {
      color: #fff;
   }

   49% {
      color: red;
   }

   50% {
      color: red;
   }

   99% {
      color: red;
   }

   100% {
      color: #fff;
   }
}

.nicestyle p {
   padding-top: 0px !important;
   margin-top: 0px !important;
   color: #7f7f7f !important;
   font-size: 1em;
   line-height: 1.7em;
}

.nicestyle h3 {
   margin-top: 5px;
   margin-bottom: 5px !important;
   padding-bottom: 0px !important;
   color: #6c757d !important;
}

h4.nicestyle, h3.nicestyle  {
   color: #6c757d !important;
}


@media (min-width: 992px) {
   .nicestyle h3 {
      margin-top: 150px;
   }
   .nicestyle-star h3 {
      margin-top: 5px;
   }
}

@media (max-width: 992px) {
   .bitok {
      margin-top: 50px;
   }
   footer {
      padding: 3rem 0 0 0;
      background: #1c6d83 !important;
   }
}

/* ######### Clients
	##################**/
#clients {
   background: #fff !important;
}

/* ######### TEAM
	##################**/
#team {
   background: #fff !important;
}

#team .section-title {
   text-align: center;
   color: #007b5e;
}

#team .card {
   border: none;
   background: transparent !important;
}

#team .btn {
   padding: 1em !important;
   margin: 1em !important;
}

.frontside {
   position: relative;
   -webkit-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   z-index: 2;
   margin-bottom: 30px;
}

.frontside .card {
   min-height: 290px;
}

.frontside .card .card-title {
   color: #000 !important;
}

.frontside .card .card-body img {
   width: 120px;
   margin-bottom: 25px !important;
   border-radius: 50%;
}

#us .card {
	border: 2px solid rgb(224, 224, 176);
    border-radius: .15rem;}
.card-body hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(234, 234, 234);
}

.text-center p {
   padding: 0 !important;
   margin: 0 !important;
}

#team p.card-text {
   margin-bottom: 0px !important
}

#team .card-body p, #team .card-body a {
   color: #7f7f7f !important
}

#features .card {
   background: transparent;
   border: 0px;
   border-top: 3px dotted #f5eef9 !important;
   padding: 4px;
   margin: 0px;
}

#features h5 {}

#features .btn {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   /* font-size: 80%; */
   /* text-transform: uppercase; */
   /* letter-spacing: .15rem; */
   /* border: 0; */
   padding: 0 40px;
   color: #6c757d;
}

#features .card-header {
   padding: .75rem 1.25rem;
   color: #000;
   text-align: center margin-bottom: 0;
   background-color: transparent !important;
   border-bottom: 0px !important;
}

#features .text-black-50 {
   color: #7f7f7f !important;
   font-size: 0.9em;
   line-height: 1.7em;
}

.more-less {
   padding-left: 20px;
   color: #6c757d;
}
/*Home*/
.m-video-link .m-video-link--icon {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.20);
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}
.m-video-link .m-video-link--icon.tarde {
    background: rgba(154, 51, 51, 0.20) !important;
}
.m-video-link .m-video-link--icon:hover {
    padding: 15px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.m-video-link .m-video-link--icon i {
    background: rgba(255, 255, 255, 0.39);
    padding: 22px;
    border-radius: 50%;
    text-align: center;
    color: white;
}
.m-video-link .m-video-link--icon.tarde i {
    color:#9a3333 !important};
}
.m-video-link .m-video-link--icon i:hover {
   -webkit-transition: all 0.3s rotate(360deg);
   transition: all 0.3s rotate(360deg);
}
.m-video-link--text {
    display: inline-block;
    vertical-align: -10px;
}
.font-weight-bold {
    font-weight: 700 !important;
}

.text-noite
{
   color: #ff8f1c !important;
}

.text-dia
{
   color: #f4f4d5 !important;
}
.text-tarde
{
   color: #000 !important;
}
.title-noite, .title-dia{color:white;}
.title-tarde{color:#9a3333 !important}

/*Dash Board Cards*/
.dashboard-cards {
  position: relative;
  padding-bottom: 2.5rem;
  margin: 0 !important;
}

.dashboard-cards .card {
  background: #ffffff;
  display: inline-block;
  -webkit-perspective: 1000;
  perspective: 1000;
  z-index: 20;

  /*margin: 5px 1px 10px 5px;*/
  position: relative;
  text-align: left;
  transition: all 0.3s 0s ease-in;
  z-index: 1;
  /*width: calc(33.33333333% - 10px);*/
  cursor: pointer;
  transition: all 0.3s ease;
}

.dashboard-cards .card:hover {
  box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
  transition: all 0.3s ease;
}

.dashboard-cards .card .card-title {
  background: #ffffff;
  padding: 20px 15px;
  position: relative;
  z-index: 0;
  margin-bottom: 0 !important;
}

.dashboard-cards .card .card-title h2 {
  font-size: 1.9rem;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
}

.dashboard-cards .card .card-title h2 small {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  letter-spacing: -0.025em;
}

.dashboard-cards .card .card-description {
  position: relative;
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding: 10px 15px 0 15px;
}

.dashboard-cards .card .card-actions {
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.075);
  padding: 10px;
  text-align: center;
}

.dashboard-cards .card .card-flap {
  background: #d9d9d9;
  position: absolute;
  width: 100%;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.dashboard-cards .card .flap1 {
  transition: all 0.3s 0.3s ease-out;
  z-index: -1;
}

.dashboard-cards .card .flap2 {
  transition: all 0.3s 0s ease-out;
  z-index: -2;
}

.dashboard-cards.showing .card {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transform: scale(0.88);
  transform: scale(0.88);
}

.dashboard-cards .no-touch .dashboard-cards.showing .card:hover {
  opacity: 0.94;
  -webkit-transform: scale(0.92);
  transform: scale(0.92);
}

.dashboard-cards .card.d-card-show {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.dashboard-cards .card.d-card-show .card-flap {
  background: #ffffff;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.dashboard-cards .card.d-card-show .flap1 {
  transition: all 0.3s 0s ease-out;
}

.dashboard-cards .card.d-card-show .flap2 {
  transition: all 0.3s 0.2s ease-out;
}


.dashboard-cards .card-actions .btn {
  color: #333;
}

.dashboard-cards .card-actions .btn:hover {
  color: #ff3a3a;
}
@media (max-width:750px) {
  .dashboard-cards .card {
    margin-top: 10px;
    width: 100%;
  }
}