/*!
 * Start Bootstrap - Grayscale v5.0.6 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
 
/*! SCROLL TO TOP */
 .scroll-to-top{position:fixed;right:15px;bottom:15px;display:none;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:45px}
 .scroll-to-top:focus,.scroll-to-top:hover{color:#fff}
 .scroll-to-top:hover{background:#343a40}
 .scroll-to-top i{font-weight:800}

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

 #mainNav .navbar-toggler {
   font-size: 80%;
   padding: .75rem;
   color: #64a19d;
   border: 1px solid #64a19d
 }

 #mainNav .navbar-toggler:focus {
   outline: 0
 }

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

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

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

 @media (min-width:992px) {
   #mainNav {
     padding-top: 0;
     padding-bottom: 0;
     border-bottom: none;
     background-color: transparent;
     -webkit-transition: background-color .3s ease-in-out;
     transition: background-color .3s ease-in-out
   }
   #mainNav .navbar-brand {
     padding: .5rem 0;
     color: rgba(255, 255, 255, .5)
   }
   #mainNav .nav-link {
     -webkit-transition: none;
     transition: none;
     padding: 2rem 1.5rem;
     color: rgba(255, 255, 255, .5)
   }
   #mainNav .nav-link:hover {
     color: rgba(255, 255, 255, .75)
   }
   #mainNav .nav-link:active {
     color: #fff
   }
   #mainNav.navbar-shrink {
     background-color: #fff
   }
   #mainNav.navbar-shrink .navbar-brand {
     color: #161616
   }
   #mainNav.navbar-shrink .nav-link {
     color: #161616;
     padding: 1.5rem 1.5rem 1.25rem;
     border-bottom: .25rem solid transparent
   }
   #mainNav.navbar-shrink .nav-link:hover {
     color: #Ff6600
   }
   #mainNav.navbar-shrink .nav-link:active {
     color: #C85931
   }
   #mainNav.navbar-shrink .nav-link.active {
     color: #Ff6600;
     outline: 0;
     border-bottom: .25rem solid #Ff6600
   }
 }

/*!
 *********************************************************
 * 
 *  			STYLE DROPDOWN MENU
 *				id="navbardrop"
 *
  *********************************************************
 */
 #mainNav .navbar-nav .nav-item:hover {
   color: fade(white, 80%);
   outline: 0;
   background-color: transparent
 }


 #navbardrop .dropdown-item:hover {
     color: rgba(0, 0, 0, .90)
   }

 #navbardrop .dropdown-item {
     -webkit-transition: none;
     transition: none;
     padding: 2rem 1.5rem;
     color: rgba(255, 255, 255, .5)
   }




/*!
 * PARA ENVIO POR SMTP
 * CLASS PARA LOADER.GIF
 * 
 */
 
.loading { display: none; }

/*!
 * FIM DA CLASS PARA LOADER.GIF
 * 
 */

 .masthead {
   position: relative;
   width: 100%;
   height: auto;
   min-height: 35rem;
   padding: 15rem 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, .3)), color-stop(75%, rgba(22, 22, 22, .7)), to(#161616)), url(../img/bg-masthead.jpg);
   background: linear-gradient(to bottom, rgba(22, 22, 22, .3) 0, rgba(22, 22, 22, .7) 75%, #161616 100%), url(../img/bg-masthead.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover
 }

 .about-backgroud-001 {
   
  background: url(../img/tablet-d21.png);
  height: 533px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
 }










 .masthead h1 {
   font-family: 'Varela Round';
   font-size: 2.5rem;
   line-height: 2.5rem;
   letter-spacing: .8rem;
   background: -webkit-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text
 }

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


 @media (min-width:768px) {
   .masthead h1 {
     font-size: 4rem;
     line-height: 4rem
   }
 }

 @media (min-width:992px) {
   .masthead {
     height: 100vh;
     padding: 0
   }
 
/*  TROCA O TAMANHO DA FONTE DE BOAS VINDAS    
   .masthead h1 {
     font-size: 6.5rem;
     line-height: 6.5rem;
     letter-spacing: .8rem
   }
*/   
   .masthead h1 {
     font-size: 4.5rem;
     line-height: 4.5rem;
     letter-spacing: .6rem
   } 
  
   .masthead h2 {
     max-width: 30rem;
     font-size: 1.25rem
   }
 }

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

 .btn-primary {
/*   background-color: #64a19d */
   background-color: #Ff6600
 }

 .btn-primary:hover {
/*   background-color: #4f837f */   
   background-color: #C85931

 }

 .btn-primary:focus {
/*   background-color: #4f837f; */
   background-color: #C85931
   color: #fff
 }

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

/*   DISABLE SEND-BUTTON */

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #561c00 ;
	border-color: #561c00 ;
}


/* ============    BTN 2 - BOTOES ESPECIAIS    ============  */


 .btn2 {
    display: inline-block;
    font-weight: 400;
    color: #fff; /* #212529 */
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   
   
   -webkit-box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   padding: 1.25rem 2rem;
   font-family: 'Varela Round';
   font-size: 65%;  /* FONTE DIMINUIDA DE 80 PARA 65% */
   text-transform: uppercase;
   letter-spacing: .15rem;
   border: 0
 }

 .btn2-primary {
/*   background-color: #64a19d */
   color: #fff;
   background-color: rgba(59, 61, 63, .7)  /* #797979; Ff6600 */
 }

 .btn2-primary:hover {
/*   background-color: #4f837f */   
   color: #C85931;
   background-color: rgba(255, 255, 255, .2) /* #C85931 */

 }

 .btn2-primary:focus {
/*   background-color: #4f837f; */
   background-color: #C85931
   color: #fff
 }

 .btn2-primary:active {
   background-color: #C85931 !important
 }

/*   DISABLE SEND-BUTTON */

.btn2-primary.disabled, .btn2-primary:disabled {
	color: #fff;
	background-color: #561c00 ;
	border-color: #561c00 ;
}

/* ============   FIM  BTN 2 - BOTOES ESPECIAIS    ============  */









/* ============   FIM  BTN 3 - BOTOES ESPECIAIS    ============  */

 .about-section {
   padding-top: 10rem;
   background: -webkit-gradient(linear, left top, left bottom, from(#161616), color-stop(75%, rgba(22, 22, 22, .9)), to(rgba(22, 22, 22, .8)));
   background: linear-gradient(to bottom, #161616 0, rgba(22, 22, 22, .9) 75%, rgba(22, 22, 22, .8) 100%)
 }
 
 .about-section p {
   margin-bottom: 5rem
 }

 .projects-section {
   padding: 10rem 0
 }

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

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

 .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: #FF9147;
     border-width: .25rem;
     width: 30%
   }
 }
/*!**********************************************************************************

			DUPLICAÇÃO PARA projects em project2 - uso em ATUAÇÃO   
-------------------------------------------------------------------------------------
*/
 
 .projects2-section {
   /* padding: 10rem 0 */
   padding: 2rem 0
 }

 .projects2-section .featured-text {
   padding: 2rem
 }

 @media (min-width:992px) {
   .projects2-section .featured-text {
     padding: 0 0 0 2rem;
     border-left: .5rem solid #FF6600
   }
 }

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

 @media (min-width:992px) {
   .projects2-section .project2-text {
     padding: 5rem
   }
   .projects2-section .project2-text hr {
     border-color: #FF9147;
     border-width: .25rem;
     width: 30%
   }			
}
			
/************************************************************************************/
 /*                                FIM DA DUPLICAÇÃO								*/
/************************************************************************************/

														   
 
.signup-section .signup-text1 {
 	font-size: 1.1rem;
	line-height: 1.8rem;
	letter-spacing: .1rem
  }
 

.signup-section .signup-text2 {
 	font-size: 0.85rem;
	line-height: 1.5rem;
	letter-spacing: .1rem
  }
 
 .signup-section {
   padding: 5rem 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, .1)), color-stop(75%, rgba(22, 22, 22, .5)), to(#161616)), url(../img/bg-signup.jpg);
   background: linear-gradient(to bottom, rgba(22, 22, 22, .1) 0, rgba(22, 22, 22, .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 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   padding: 1.25rem 2rem;
   height: auto;
   font-family: 'Varela Round';
   font-size: 80%;
   text-transform: uppercase;
   letter-spacing: .15rem;
   border: 0
 }


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

 .signup-section2 .form-Xline input {
   -webkit-box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   box-shadow: 0 .1875rem .1875rem 0 rgba(0, 0, 0, .1) !important;
   padding: 1.25rem 2rem;
   height: auto;
   font-family: 'Varela Round';
   font-size: 80%;
   text-transform: uppercase;
   letter-spacing: .15rem;
   border: 0
 }


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

 .contact-section .card {
   border: 0;
   border-bottom: .25rem solid #FF9147
 }

 .contact-section .card h4 {
   font-size: .8rem;
   font-family: 'Varela Round';
   text-transform: uppercase;
   letter-spacing: .15rem
 }

 .contact-section .card hr {
   border-color: #FF9147;
   border-width: .25rem;
   width: 3rem
 }

 .contact-section .social {
   margin-top: 5rem
 }
 
  .contact-section .social2 {
   margin-top: .15rem;
   margin-bottom: .65rem;
 }

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

 .contact-section .social2 a {
   text-align: center;
   height: 3rem;
   width: 3rem;
   background: rgba(255, 255, 255, .1);
   border-radius: 100%;
   line-height: 3rem;
   color: rgba(255, 255, 255, .3)
 }
 
  .contact-section .social3 {
   text-align: center;
   font-size: 90%;
    letter-spacing: .4rem;
   
   height: 3rem;
   background: rgba(150, 120, 120, .15);
   border-radius: 2%;
   line-height: 3rem;
   color: rgba(255, 255, 255, .5)

 }
 
 
 .contact-section .social a:hover {
   color: rgba(255, 102, 0, .9)
 }

.contact-section .social2 a:hover {
   color: rgba(255, 102, 0, .9)
 }
 
 .contact-section .social a:active {
   color: #fff
 }

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





.modal-header {

	background-color: rgba(222, 222, 222, .5);
	
}


.modal-footer  {

	background-color: rgba(222, 222, 222, .5);
	
}




 body {
   font-family: Nunito;
   letter-spacing: .0625em
 }

 a {
   color: #ff9147
 }

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

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


 .bg-black2 {
   background-color: #561616 !important
 }

 .bg-primary {
   background-color: #E36A3D !important
 }

 .text-primary {
   color: #E36A3D !important
 }

 footer {
   padding: 5rem 0
 }