@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

html
{
	scroll-behavior:smooth;
	overflow-x:hidden;
	--produzzi-green-blue: rgba(0,161,154,1);
}

form {
	-webkit-appearance: none !important;
}

#dropdownMenuButtonRight
{
	font-size:1.3em;
	display:inline-block;
}

.header-button {
	margin-bottom: 4px;
	line-height: 28px;
}

.footer-sm
{
	padding:6px;
	border-radius:50%;
	background-color:#fff;
	color:#000 !important;
	font-size:16px;
	font-weight:400;
	margin: 12px 12px 0 0;
}

.footer-sm:hover, .user-terms:hover
{
	color: rgba(0,161,154,1) !important;
}

.user-terms {
	font-weight: 400 !important;
}

.fab
{
	margin:4px 0 4px 4px;
}

.fa-youtube
{
	margin-left:0;
	width:18px;
	margin-left:2px;
}

.btn
{
	border-radius:30px!important;
	min-width:115px;
	height:32px;
	font-weight:700;
	margin-right:1em;
	padding:1px 0 0;
}

.btn-experience
{
	background-color:var(--produzzi-green-blue);;
	border-color:var(--produzzi-green-blue);;
	color:#fff;
	font-size:2vw;
	font-weight:300;
	min-width:33vw;
	height:auto;
}

.btn-experience:hover
{
	color:#1a1a1a;
	font-weight: 400;
}

.nowrap
{
	white-space:nowrap;
}

.dropdown
{
	display: inline-block;
	height:100%;
}

.search
{
	display:inline-block;
	padding:1px 0 0;
	font-size:16px;
	font-weight:700;
}

.crop
{
	width:200px;
	overflow:hidden;
}

.crop img
{
	width:210px;
	height:48px;
	margin:-11px 0 0;
}

.homepage-banner,.homepage-footer-banner
{
	color:#fff;
	background-image:url(../../img/banners/banner-principal.png);
	height:calc(60vh);
	width:100%;
	-webkit-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-flow:column;
}

.homepage-dark-tone
{
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.01);
}

.homepage-banner h3
{
	font-size: 1.4rem;
	font-weight:500;
}

.homepage-banner .text h3
{
	font-size: 1.5rem !important;
	font-weight:400 !important;
	font-style:italic !important;
}

.homepage-banner h4
{
	font-size: 1rem;
	font-weight:300;
	font-style:italic;
}
.homepage-banner a
{
	font-size: 1.5rem;
	font-weight:400;
}

.homepage-banner a:hover {
	color: rgb(0, 126, 119) !important;
	text-decoration: none;
}

.sub-text {
	font-weight: 300 !important;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.homepage-banner hr {
	border-top: #fff 5px solid;
    width: 120%;
    margin-left: -10%;
}


.homepage-banner-text
{
	line-height:5;
}

.btn-breaker {
	display: none;
}

@media screen and (max-width: 580px) {
	.homepage-banner
	{
		height:60vh;
		background-size:220%;
		line-height:1;
	}

	.homepage-banner h3
	{
		font-size:1.2em;
	}

	.btn-experience
	{
		font-size:1.2em;
		font-weight:300;
		width:100%;
		display:inline-block;
	}

	.homepage-banner-text
	{
		margin-top:20%;
	}

	.homepage-dark-tone
	{
		background-color:rgba(0,0,0,0.65);
	}
}

@media screen and (max-width: 468px) {
	.homepage-banner
	{
		background-size:250%;
	}
}

@media screen and (min-height: 785px) and (max-width: 580px) {
	.homepage-banner
	{
		background-size:300%;
		line-height:1;
	}
}
@media screen and (max-height: 785px) and (max-width: 525px) {
	.homepage-banner
	{
		background-size:350%;
	}
}

@media screen and (max-height: 785px) and (max-width: 438px) {
	.homepage-banner
	{
		background-size:400%;
	}
}

@media screen and (max-height: 785px) and (max-width: 378px) {
	.homepage-banner
	{
		background-size:475%;
	}
}

@media screen and (min-height: 786px) and (max-width: 378px) {
	.homepage-banner
	{
		background-size:450%;
	}
}

@media screen and (min-height: 1900px) and (min-width: 378px) and (max-width: 580px) {
	.homepage-banner
	{
		background-size:450%;
	}
}

@media screen and (min-height: 786px) and (min-width: 378px) and (max-width: 580px) {
	.homepage-banner
	{
		background-size:385%;
	}
}

.homepage-banner-text h3
{
	line-height:1.5;
}

.row
{
	margin-left:0;
	margin-right:0;
}

.banner-experience
{
	color:#fff;
	font-family: 'Poppins', sans-serif !important;
	background-image:url(../../img/banners/experience-banner.png);
	background-size:contain;
	background-size:150%;
	background-position-x:-200px;
	min-height:270px;
	background-repeat:no-repeat;
}

.banner-experience p
{
	font-family: 'Poppins', sans-serif !important;
	font-size: calc(0.8vw + 0.8vh);

}

.banner-experience h3
{
	font-family: 'Poppins', sans-serif !important;
	font-size: calc(1.5vw + 1.5vh);
	font-weight: 300;
}

.banner-experience h1
{
	font-family: 'Poppins', sans-serif !important;
	font-size: calc(2.5vw + 2.5vh);
	font-weight: 600;
	margin-bottom: 0;
	line-height: 0.8;
}

@media screen and (max-width: 950px) {
	.banner-experience
	{
		background-position-x:-500px;
		background-size:200%;
	}
}

@media screen and (max-width: 700px) {
	.banner-experience
	{
		max-height:100px;
	}
}

@media screen and (max-width: 500px) {
	.banner-experience
	{
		background-position-x:-800px;
		background-size:300%;
	}
}

@media screen and (max-width: 400px) {
	.banner-experience
	{
		background-position-x:-1050px;
		background-size:430%;
	}
}

.helper
{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.logo
{
	width:280px;
	height:75px;
}

.vr
{
	border:1px #000 solid;
	width:5px;
	min-height:100px;
	background-color:#000;
}

.btn-experience-banner
{
	color:#fff;
	border-color:#000;
	background-color:#000;
	font-size:2em;
	font-weight:300;
	max-width:350px;
	min-width:250px;
	height:auto;
}

.btn-experience-banner:hover
{
	transition-duration:.4s;
	background-color:#fff;
	border-color:#000;
	color:#000;
}

.full-margin-left
{
	margin-left:100%;
}

.courses h3
{
	font-weight:700;
	font-size:2em;
}

.courses h5
{
	font-weight:700;
}

.courses .card
{
    max-width: 20vw;
    min-width: 15vw;
	border-radius:8px;
	box-shadow:0 6px 10px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.05);
	transition:.3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	cursor:pointer;
}

.courses .card:hover
{
	transform:scale(1.05);
	box-shadow:0 10px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);
}

a.card-block
{
	color:#414146;
	height:100%;
}

.courses a:hover
{
	text-decoration:none;
}

.card-body p
{
	font-weight:300;
}

.dark-banner
{
	background-color:#1d1d1b!important;
	color:#fff;
}

.dark-banner h3,.tag-banner h3
{
	font-size:2.3vw;
	font-weight:600;
}

.blue-text
{
	color:var(--produzzi-green-blue);
}

.dark-banner p,.tag-banner p
{
	font-weight:300;
	font-size:1.3vw;
}

@media screen and (min-width: 1300px) {
	.dark-banner h3
	{
		font-size:2.8vw;
	}

	.tag-banner h3
	{
		font-size:2.8vw;
	}

	.dark-banner p,.tag-banner p
	{
		font-size:1.2vw;
	}
}

@media screen and (max-width: 767px) {
	.dark-banner h3,.tag-banner h3
	{
		font-size:2.6vh;
	}

	.dark-banner p,.tag-banner p
	{
		font-size:1.5vh;
	}
}

.dark-banner img
{
	height:auto;
	width:100%;
	margin:-6px 0 0 -15px;
}

.tag-banner
{
	background-color:#f5f5f5;
}

.homepage-footer-banner
{
	background-image:url(../../img/banners/banner-man-industry.png);
	width:100%;
	height:auto;
	min-height:40vh;
	display: block;
}

.homepage-footer-banner h4
{
	font-size:2.5em;
	font-weight:300;
}

.homepage-footer-banner h3
{
	font-size:3em;
	font-weight:600;
}

.homepage-footer-banner a
{
	font-size:2em;
	min-width:200px;
}

@media screen and (min-width: 1300px) {
	.homepage-footer-banner
	{
		min-height:60vh;
	}
}

@media screen and (max-width: 500px) {
	.homepage-footer-banner h4
	{
		font-size:2em;
		font-weight:300;
	}

	.homepage-footer-banner h3
	{
		font-size:2.5em;
		font-weight:600;
	}
}

h1.background
{
	display:inline-block;
	font-size:calc(2.6vw + 2.6vh);
	position:relative;
	z-index:1;
	color:rgba(255,255,255,0.96);
}

/* h1.background:before
{
	border-top:3vw solid var(--produzzi-green-blue);
	content:"";
	margin:0;
	position:absolute;
	top:50%;
	left:-4%;
	right:0;
	bottom:0;
	width:108%;
	z-index:-1;
} */

*
{
	font-family:Roboto,sans-serif;
	padding:0;
	margin:0;
}

html,body
{
	width:100%;
	height:100%;
}

.card-body p {
	font-size: 0.9rem;
}

.btn-rd-station {
	padding: 5px 30px !important;
	font-size: calc(1.4vw + 1.4vh) !important;
	height: auto;
	margin-right: 0;
}
@media screen and (max-width: 576px) {
	.btn-rd-station {
		font-size: calc(2.4vw + 2.4vh) !important;
	}
}

.sweet-leaf {
	border: 3px solid #fff;
	border-radius: 80px 0;
}

@media screen and (max-width: 410px) {
	.btn-experience
	{
		font-size:1em;
		height: 52px;
	}

	.btn-breaker {
		display: inline-block;
	}
}

.banner-experience-advantages {
	background-color: var(--produzzi-green-blue);
	padding: 16px 0;
	color: #fff;
    background-image: url('../../img/background-produzzi-right-light.jpg');
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: repeat;
}

.banner-experience-advantages i {
	color: #fff;
}

.banner-experience-advantages .sweet-leaf i {
	color: var(--produzzi-green-blue);
	padding: 19px 10px 0px 10px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #fff;
}

.banner-experience-advantages p {
	color: #fff;
	font-weight: 300;
	font-size: calc(1.2vw + 1.2vh);
	margin-top: 16px;
}

.banner-experience-advantages .sweet-leaf {
	width: 100%;
	height: 110%;
	padding: 15px;
	border: dashed 3px #fff;
    margin-left: auto;
    margin-right: auto;
}

.home-btn-register {
	background-color: #fff;
	padding: 0 calc(3vw + 1vh);
	color: var(--produzzi-green-blue);
	height: 5vh;
	font-size: 3vh;
}

.home-btn-register:hover {
	background-color: var(--produzzi-green-blue);
	border: #fff 3px solid;
	color: #fff;
}

.card {
	height: 100%;
	max-height: 400px;
	max-width: none !important;
	min-width: unset !important;
	overflow-x: auto;
}

.courses i {
	color: var(--produzzi-green-blue);
}

.top-margin {
	border-top: 8px solid #fff;
}

@media screen and (min-width: 768px) {
	.left-md-margin {
		border-left: 8px solid #fff;
	}

	.top-md-margin-none {
		border-top: none;
	}
}

.produzzi-signature {
	background-color: var(--produzzi-green-blue);
	color: #fff;
}

.produzzi-signature h2 {
	font-size: calc(1.9vh + 1.9vw);
	font-weight: 500;
}

.produzzi-signature h3 {
	font-size: calc(1.8vh + 1.8vw);
	font-weight: 500;
}

.produzzi-signature h4 {
	font-size: calc(1vw + 1vh);
}

.produzzi-signature .sweet-leaf {
	border: 2px dashed #fff;
	border-radius: 40px 0px;
	font-size: calc(0.75vw + 0.75vh);
	font-weight: 500;
	max-height: 300px;
}

.produzzi-signature .btn-signature {
	margin-right: 0;
	background-color: #fff;
	color: #000 !important;
	padding: 4px 20px;
}

.produzzi-signature .btn-signature:hover, .produzzi-signature-black button:hover, .produzzi-b2b .btn-b2b:hover {
	color: var(--produzzi-green-blue) !important;
}

.produzzi-signature-black button, .produzzi-signature .btn-signature {
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0px 40px;
	line-height: 1px;
	height: 3rem;
}

@media screen and (max-width: 540px) {
	.produzzi-signature .btn-signature, .produzzi-b2b .btn-b2b {
		font-size: 4vw;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 768px) {
	.produzzi-signature .sweet-leaf {
		font-size: calc(0.9vw + 0.9vh);
	}

	.produzzi-signature h3 {
		font-size: calc(2.5vh + 2.5vw);
	}
}

.dark-button {
	background-color: #000;
	color: #fff !important;
	padding: 4px 20px;
}

.dark-button:hover {
	color: var(--produzzi-green-blue) !important;
}

.produzzi-signature-black {
	background-color: #5a5c5a;
	background-image: url(../../img/pages/gray-laptop.png);
	background-position:center left;
	background-repeat:no-repeat;
	color: #fff;
	min-height: 350px;
	padding: 12px 0px;
}

.produzzi-signature-black .solid-sweet-leaf {
	border: solid #fff 2px;
	border-radius: 20px 0px;
	padding: 15px 25px;
}

.produzzi-signature-black p {
	font-size: calc(0.9vw + 0.9vh);
	font-weight: 300;
}

.produzzi-signature-black h3 {
	font-size: calc(1.4vw + 1.4vh);
	font-weight: 500;
}

.produzzi-b2b {
	background-color: var(--produzzi-green-blue);
	background-image: url(../../img/pages/laptop-a3.png);
	background-position:center left;
	background-repeat:no-repeat;
	color: #fff;
	min-height: 350px;
}

.produzzi-b2b h2 {
	font-size: calc(1.4vw + 1.4vh);
	font-weight: 600;
}

.produzzi-b2b h3 {
	font-size: calc(0.9vw + 0.9vh);
	font-weight: 300;
}

.produzzi-b2b .btn-b2b {
	margin-right: 0;
	background-color: #fff;
	color: #000 !important;
	padding: 4px 20px;
}

@media screen and (max-width: 991px) {
	.produzzi-b2b {
		background-image: url(../../img/pages/laptop-a3-darkened.png);
	}

	.produzzi-b2b h2 {
		font-size: calc(0.9vw + 1.5vh);
	}

	.produzzi-b2b h3 {
		font-size: calc(0.9vw + 1.3vh);
	}
}

.produzzi-novo-fale-conosco-25a099a2adc199ea75ac input {
	height: 60px;
	text-align: center;
}

.contact-form {
	background-image:url(../../img/pages/produzzi-white-hat.jpg);
	min-height: 400px;
	width:100%;
	-webkit-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

#rd-column-krytwgax, #rd-section-krytwgar, #rd-column-krytwgax div {
	border-radius: 30px !important;
}

#rd-row-krytwgaw .bricks--column > div, #rd-row-krytwgaw {
	min-height: unset !important;
}

.cart-btn i {
	color: #000;
}

.cart-btn i:hover {
	color: rgba(0,161,154,1);
}

.scrollable-content {
    min-height: 1150px;
}

.separator {
	font-size: 1.3rem !important;
	padding: 0px 0px !important;
}

.phone-number {
	font-size: 1.3rem !important;
}
@media (max-width: 767px) {
	.phone-number {
		font-size: 1rem !important;
	}
}

.sm-text {
	font-size: 0.85rem;
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
	.sm-text {
		font-size: 0.75rem;
	}
}

.modal-dialog {
	margin-top: 12%;
}

@media screen and (min-width: 845px) and (max-width: 992px) {
	.modal-dialog {
		max-width: 650px;
		margin: 1.75rem auto;
	}
}

@media (max-width: 767px) {
	.modal-dialog {
		margin-top: 20%;
	}
}

.old-price {
	text-decoration: line-through;
}