@charset "UTF-8";
:root{
	--bgPrimary: #b60807;
	--bgSecondary: #ffb600;
}
*, *::before, *::after{box-sizing:border-box;}
*{margin:0; padding:0; text-decoration:none;list-style:none;}
body, html{overflow-x: hidden;}
html{font-size:10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{font-family:"Lato", sans-serif; font-size:1.4rem;  font-weight:400; color:#000;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family:"Lato", sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
h1,h2,h3,h4,h5,h6{font-family:'Philosopher', sans-serif; font-weight:700; color:#feb400;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:#999}
select:invalid{color:#999}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none; color:var(--bgPrimary); font-weight:500}
button{cursor:pointer;}
.floatLeft{float:left;margin:0 5rem 0 0;}
.floatRight{float:right; margin:0 0 0 5rem;}
.clear{clear:both;}
.mcenter{margin:0 auto !important;}
.header_mid{background:linear-gradient(90deg, #b60807, #ffb600);background-size:cover;}
.header_mid_wrapper{display:flex; justify-content:space-between; align-items:center; padding:0.5rem 0.8rem;}
.logo{width:10rem;}
.logo_right{display:flex; flex-direction:column;gap:1rem; justify-content: center; text-align: center; }

.btn_link{display:flex; flex-direction:column; gap:1rem;}
.btn_link a{color: rgba(255,255,255,0.9); background:linear-gradient(to right,#190a05,#870000); padding:1rem; border-radius:0.5rem;  width:max-content; margin:auto; display:flex; justify-content:center; gap:0.5rem; align-items:center;}
.animate_pulse{animation:beat .5s infinite alternate;transform-origin:center;}
@keyframes beat{
	to { transform: scale(1.05); }
}
.btn_link a i{font-size:2rem;}
.fa-phone{color:#3e9fe6}
.fa-square-whatsapp{color:#40ac4e}
.header_bottom{padding:0 1rem; background:#000; position: relative; height:5rem;}
main{padding:0; background:#ffffff;}
footer{padding:2rem 2rem 9rem; background: linear-gradient(to right, #000000, #434343);}
.footerSection{display:grid; gap:2rem;}
.footer_col{display:grid; gap:1rem; font-size:1.4rem; line-height:2.5rem;}
.footer_col h5{color:var(--bgSecondary); font-size:2rem; font-weight:600}
.footer_col ul{display:grid; gap:0.5rem; }	
.footer_col ul li a{color:#fff}
.address, .address a, .footer-social, .footer-social a{color:#fff;}
.address i{margin-right:1rem;}
.footer-social{display:flex; gap:1rem; align-items:center}

@media only screen and (min-width:768px)
	{
		.header_mid_wrapper{gap:5rem;}
		.logo_right{flex-direction: row; align-items: center; justify-content:end; flex:1; gap:5rem}
		.footerSection{grid-template-columns:1fr 1fr; gap:4rem;}
	}
@media only screen and (min-width:1024px)
	{	
		.btn_link{flex-direction:row; gap:4rem;}
		.btn_link a i{font-size:2.5rem;}
		.no_link{cursor:text; pointer-events: none; user-select: text;}
		.footerSection{grid-template-columns: 1fr 1fr 1fr 1fr;}
	}
@media only screen and (min-width:1280px)
	{
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
		.header_mid{background:url('../images/header-bg.png') no-repeat center, linear-gradient(90deg, #bb0505, #ffb600); background-size:cover; padding:1rem 0;justify-content:space-between;}
		.header_bottom{padding:1rem 0; box-shadow:0 2px 2px rgba(0,0,0,0.3)}		
		.logo_right{justify-content:center; gap:5rem; }
		.btn_link{padding:1rem 5rem; border-radius:1rem;}
		.btn_link a{font-size:2rem;}		

		main{padding:0;}

		footer{padding:5rem 0}
		.footerSection{align-items:start;}
		.footer_col{font-size:1.6rem;}
		.address{line-height:3rem;}
		.footer-social{gap:2rem;font-size:2rem;}
	}