/*
 * -> Sumário:
 *
 * 1. Página Inicial
 * 	1.1 - Painel (Linha 18)
 *	1.2 - Tapete de Boas Vindas (Linha 27)
 *	1.3 - Call to Action (Linha 33)
 *	1.4 - Maquininhas (Linha 38)
 *	1.5 - Bandeiras (Linha 51)
 *	1.6 - FAQ (Linha 59)
 * 	1.7 - Sobre Nós (Linha 67)
 * 	1.8 - Contato (Linha 73)
 * 2. Cadastro (Linha 83)
 */

/* 1. Página Inicial
----------------------*/
	/* 1.1 - Painel
	-----------------*/
	#painel .carousel img {height: calc(100vh + 40px); object-fit: cover;}
	#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; padding: 0;background: rgba(0, 0, 0, .35); z-index: 0;}
	#painel .carousel .carousel-caption.darker {background: rgba(0, 0, 0, .35);}
	#painel .carousel .carousel-caption.darker h1, #painel .carousel .carousel-caption.darker h2 {color: #FFF;}
	#painel .carousel .carousel-caption h1, #painel .carousel .carousel-caption h2 {text-align: left; color: #fff;}
	#painel .carousel .carousel-caption h1 {font-size: 40px; margin: 0 0 0.25rem 0; font-family: 'Arial';}
	#painel .carousel .carousel-caption h1, #painel .carousel .carousel-caption h2 {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
  #painel .carousel .carousel-caption h1:hover, #painel .carousel .carousel-caption h2:hover {color: inherit; opacity: .75;}
  #call-to-call {background: linear-gradient(45deg, #223B40, #2D3233); color: #FFF;}
	#call-to-call h1 {font-weight: 600; text-align: center; text-transform: uppercase; line-height: 1.5; margin: 0;}

	/* 1.2 - Tapete de Boas Vindas
	--------------------------------*/
	#welcome-mat img {height: 220px;}
	#welcome-mat h2 {text-align: justify; font-size: 18px; line-height: 24px;}
	#welcome-mat b {color: #49A51D;}

	/* 1.3 - Call to Action
	-------------------------*/
	#call-to-action {background: linear-gradient(45deg, #70BB4B, #2C8200); color: #FFF;}
	#call-to-action h1 {font-weight: 600; text-align: center; text-transform: uppercase; line-height: 1.5; margin: 0;}

	/* 1.4 - Maquininhas
	----------------------*/
	#maquininhas .card .card-picture, #maquininhas .card .card-body {padding: 1rem;}
	#maquininhas .card .card-picture img {height: 300px;}
	#maquininhas .card .card-body h3 {font-weight: 600; text-transform: uppercase;}
	#maquininhas .card .card-body h4 {font-size: 18px; text-transform: uppercase; margin: 0 0 1rem 0;}
	#maquininhas .card .card-body ul {list-style: none; margin: 0; padding: 0;}
	#maquininhas .card .card-body ul > li {font-size: 14px; text-align: justify;}
	#maquininhas .card .card-body ul > li > i {color: #3CB300;}
	#maquininhas .card .card-footer {background: transparent; padding: 0;}
	#maquininhas .card .card-footer .btn {width: 100%; height: 100%; background: rgba(0, 0, 0, .03); padding: .75rem 1.25rem;}
	#maquininhas .card .card-footer .btn:hover {background: #EAE9E9;}

	/* 1.5 - Bandeiras
	--------------------*/
	#bandeiras {background: #F9F9F9; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1);}
	#bandeiras img {width: auto; height: 65px;}
	#bandeiras img {margin: 0 0 0.5rem 0;}
	#bandeiras img:not(:last-child) {margin: 0 0.5rem 0.5rem 0;}
	#bandeiras .d-flex {flex-wrap: wrap;}

	/* 1.6 - FAQ
	--------------*/
	#faq .card {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);}
	#faq .card:not(:last-child) {margin-bottom: 1.5rem;}
	#faq .card .card-header {background: #223B40; cursor: pointer;}
	#faq .card .card-header h2 {font-size: 18px; font-weight: 600; text-transform: uppercase; color: #FFF; margin: 0; padding: 0 1rem 0 0;}
	#faq .card .card-header i {color: #68BD3E; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}

	/* 1.7 - Sobre Nós
	--------------------*/
	#sobre {background: #F9F9F9; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1);}
	#sobre p {text-align: justify;}
	#sobre img {height: 418px; object-fit: cover; border-radius: 5px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .6);}

	/* 1.8 - Contato
	------------------*/
	#contato h2 {font-weight: 600; text-transform: uppercase; margin: 0 0 1rem 0;}
	#contato h3 {font-size: 18px; font-weight: 600; text-transform: uppercase;}
	#contato h3 > i {color: #72B452;}
	#contato p a {color: inherit;}
	#contato p a:hover {color: #72B452;}
	#contato .social a {font-size: 26px; color: inherit;}
	#contato .social a:hover {color: #72B452;}

/* 2. Cadastro
----------------*/
#cadastro .nav-tabs .nav-item {text-align: center; cursor: pointer;}
#cadastro .nav-tabs .nav-item .nav-link {font-weight: 600; text-transform: uppercase;}
#cadastro .tab-content {border: 1px solid #DEE2E6; border-top: 0; padding: 15px;}
#cadastro .input {position: relative; overflow: hidden;}
#cadastro .input label {position: absolute; left: 0; bottom: -20px; width: 100%; background: #EEE; border: 1px solid #CED4DA; font-size: 10px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0 0.25rem; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#cadastro .input .form-control {height: 40px; border-radius: 0; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#cadastro .input .form-control:focus {border-color: #73BB51;}
#cadastro .input .form-control:not(:placeholder-shown):focus {border-color: #CED4DA;}
#cadastro .input .form-control:not(:placeholder-shown):focus {font-size: 14px; padding-top: 5px; padding-bottom: 18px;}
#cadastro .input .form-control:not(:placeholder-shown):focus + label {transform: translateY(-20px);}

/* 3. Digital
---------------*/
#digital {background: #223B40; color: #DCDCDC; min-height: calc(100vh - 31px);}
#digital h2 {font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; color: #FFF;}
#digital a:hover {color: inherit; opacity: .75;}
#digital img {max-height: 80px; margin-bottom: 1rem;}
#digital .brand {max-height: 100px;}
#digital .icon {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}
#digital .icon h2 {color: #73BC52;}
#digital .background {background: #192C2F; border-bottom: 1px solid #FFF; text-align: center; margin-top: 45px; padding: 25px 0;}
#digital .background h2 {color: #73BC52;}