@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

:root {
	--color-red-default:	#C00000;
	--color-yellow-default: #F2C94C;
	--color-gray-default:	#F7F7F7;
	--color-gray-600:		#222222;
	--color-gray-300:		#eaeaea;
	--color-black:			#000000;
	--color-white:			#FFFFFF;
}
	body {
		font-size: 18px !important;
		color: var(--color-black) !important;
	}

	h1, h2, h3, h4, h5, h6 { text-transform: initial !important; }
	h2 { font-size: 40px; !important; }
	h5 { font-size: 25px; !important; }
	h6 { font-size: 16px !important; }

	.space-ptb { padding: 50px 0 !important; }

	.bg-primary { background: var(--color-yellow-default) !important; }
	.bg-secondary { background: var(--color-red-default) !important; }
	.bg-gray { background: var(--color-gray-default) !important; }
	.bg-gray-300 { background: var(--color-gray-300) !important; }

	.text-primary { color: var(--color-red-default) !important; }
	.text-black { color: var(--color-black) !important; }
	.text-white { color: var(--color-white) !important; }
	.text-gray600{ color: var(--color-gray-600) !important; }

	.bold-800{ font-weight: 800 !important; }


	.header { box-shadow: 0px -3px 10px 0px rgb(49 49 49 / 50%) !important; }
	.header-light .info-call { padding: 16px 15px !important; }
	.header-light .info-member { padding: 30px 15px !important; }
	.header-light .info-call h4 { font-size: 20px !important; }
	.header .is-sticky.navbar { background: rgba(255, 255, 255, 1) !important; padding: 0 90px !important; }

	/*.header-light .navbar {*/
		/*-webkit-box-flex: 0;*/
		/*-ms-flex: 0 0 75%;*/
		/*flex: 0 0 75%;*/
		/*padding: 0 100px;*/
	/*}*/


	.navbar-brand { padding: 10px 0px !important; }
	.navbar-brand img { height: 65px !important; }



	.container-full{
		width: 100% !important;	
		padding: 0px 15px !important;
	}
	.container-full.container-space {
		padding: 0 100px !important; 
	}

	.title-area { 
		position: relative; 
		display: table; 
		width: auto; 
		margin-bottom: 30px;
		text-transform: uppercase; 
		line-height: 1.3;  
		padding-left: 30px;
		font-size: 23px;
	}
	.title-area .title-shape {
		display: inline-block;
	}
	.title-area .title-shape:before {
		content: "";
		background: var(--color-gray-600);
		height: 25px;
		width: 8px;
		left: 3px;
		top: 0;
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
		position: absolute; 
	}
	.title-area .title-shape-red:before {
		background: var(--color-red-default);	
	}
	.title-area .title-shape-yellow:before {
		background: var(--color-yellow-default);	
	}



	.slider-product .slider-tagliine {
		line-height: 175px !important;
		font-size: 4rem !important;
		line-height: 2.5 !important;
		font-family: 'Bebas Neue', cursive !important;
		/*font-family: 'Lobster', cursive !important;*/
	}
	.display-3 {
		font-size: 4rem !important;
		font-size: 3.45rem !important;
		line-height: 1 !important;
		/*font-family: 'Bebas Neue', cursive !important;*/

		font-size: 3.4rem !important;
		/*font-weight: 500 !important;*/
	}

	.slider-product .slider-shape { }
    .slider-product .slider-shape:before { background: var(--color-red-default) !important; }


	.box-image { height: 400px; }
	.box-image img{ height: 100%; max-height: 400px; width: auto;  }
	.img-bg{ background-repeat: no-repeat; background-size: cover; background-position: center center; }


	.box-img-overlay{ position: relative; }
	.box-text-overlay{
		display: none;
		position: absolute; 
		top: 0px; 
		left: 0px; 
		padding: 5px 15px;
		height: 100%;
		width: 100%;
		background-color: rgb(255,255,255,.5);
		color: #c00000;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.box-img-overlay:hover .box-text-overlay{ display: block; }

	.fill-light {

	}

	.girar{
		-webkit-transform: skew(-40deg);
			-moz-transform: skew(-40deg);
			-o-transform: skew(-40deg);	
	}
	.gradient__red {
		stop-color: var(--color-red-default);
	}
	.gradient__red_600 {
		stop-color: var(--color-white);
	}
	#rect1 { fill: url(#Gradient1); }
	.stop1 { stop-color: var(--color-black); }
	.stop2 { stop-color: var(--color-black); stop-opacity: 0; }
	.stop3 { stop-color: var(--color-black); }
	.banner-geometric-bordo{ 
		z-index: 0;
		position: absolute;
		bottom: 0;
		left: -17%;
		height: 100% !important;
		width: 90%;
		-webkit-transform: skew(-40deg);
		-moz-transform: skew(-40deg);
		-o-transform: skew(-40deg);
		background-image: linear-gradient(to right, #c00000 0%, #560303 50%, #c00000 100%);
	}
	.banner-geometric-banner-red{ 
		z-index: 0;
		position: absolute;
		top: 25%;
		right: 28%;
		height: 60% !important;
		width: 40%;
		-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
		background-color: var(--color-red-default);
	}
	.banner-geometric-banner-yellow{
		z-index: 0;
		position: absolute;
		top: 30%;
		right: 22%;
		height: 45% !important;
		width: 40%;
		-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
		background-color: var(--color-yellow-default);
	}

	.whatsBox{}

	.whatsTexto{ 
		display:none; 
		position: relative; 
		width: 315px; 
		background-color: white; 
		background-color: #03ac8f;
		padding: 15px; 
		border-radius: .25rem; 
		margin-right: 15px;
		position: absolute;
		bottom: 0;
		right: 50px;
		color: white;
	}
	.whatsBox:hover .whatsTexto{ display:block; }
	.whatsTexto::before {
		bottom: 35%;
		right: -9px;
		content: '';
		position: absolute;
		background: white;
		border-bottom: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;

		background: #03ac8f;
		border-bottom: 1px solid #03ac8f;
		border-right: 1px solid #03ac8f;

		right: -3px;
		margin-top: 0;
		width: 15px;
		height: 15px;
		z-index: 1;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.whatsTexto h2{
		font-size: .85rem !important;
		font-weight: bold !important;
		margin: 0;
		margin-bottom: 5px;
		color: white;
	}
	.whatsTexto p{
		font-size: .80rem !important;
		margin: 0;
		color: white;
	}


	ul.linkNotDots { margin-bottom: 45px !important; list-style: none; margin-left: 0; padding-left: 0; }
	ul.linkNotDots li{ padding-left: 30px !important; }


	.back-to-top a {
		background: #e4e4e4 !important;
		color: #481919 !important;
		bottom: 0px !important;
		right: 40px;
		width: 50px;
		height: 25px !important;

		border: 1px solid lightgrey !important;
		border-top-left-radius: 10px !important;
		border-top-right-radius: 10px !important;
		-webkit-transform: skew(0deg) !important;
			  transform: skew(0deg) !important;
	}
	.back-to-top a:hover {
		color: #481919 !important;	
	}
	.back-to-top a i {
		-webkit-transform: skew(0deg) !important;
			transform: skew(0deg) !important; 
	}

	footer{ padding: 30px 0 !important; }



	.box-logo-agencia{ color: #FFFFFF; margin-top: 10px; }
	.box-logo-agencia *{ color: #FFFFFF; text-decoration: none !important; font-size: .70rem; }
	.img-gray{
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	}
	.img-gray:hover {
		-webkit-filter: grayscale(0);
		filter: none;
	}


	.jconfirm-content p{
		margin-bottom: .3rem !important;
	}

@media (max-width: 767px){
	body { font-size: 14px !important; }
	h2 { font-size: 22px !important; }
	.container-full{ padding: 0px 15px !important; }
	.container-full.container-space { padding: 0px 15px !important; }

	.header .is-sticky.navbar { padding: 0 20px !important; }
	.slider-product .slider-tagliine {
		font-size: 2.4rem !important;
		line-height: 1 !important;
		padding-top: 45px !important;
		padding-bottom: 58px !important;
	}
	.slider-product .display-3 { font-size: 1.5rem !important; }
	.box-image { width: 50% !important; height: 141px !important; }
	.bg-quem-somos{ height: 350px !important; }

	.box-text-overlay { font-size: 0.9rem !important; font-weight: bold !important; text-align: center !important; line-height: 1.2 !important; }

	.text-copy { text-align: center !important; }
	.box-logo-agencia { text-align: center !important; display: block !important; }

	.col-como-trab{ padding-bottom: 2px !important; }
	.bg-como-trab{ height: 200px !important; background-size: 30% !important; }

	.row-support{ margin-bottom: 15px !important; }
	.bg-support{ height: 200px !important; margin-bottom: 15px !important; }
}

.loader {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-position: center center;
	background-size: 400px;
	background-repeat: no-repeat;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.8);
}