/**
* Author: Ti SoftWorks
* Data: 12/02/2021;
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html{scroll-behavior: smooth !important;}
section.section-header div.container{ 
	padding-top: 150px;
	padding-bottom: 150px;
}
section.section-header h1{ color: #fff; font-weight: 400;}
/* --- HOMEPAGE --- */
/* destaques iniciais*/
section#destaques div.row div.col{ margin-bottom: 20px;}
section#destaques div.row div.item:hover{
	transform: translateY(-10px);
} 
section#destaques div.row div.item{ 
	background-color: #fff;
	border-radius: 10px !important;
    padding: 20px !important;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1) !important;
}
section#destaques i{ font-size: 48px !important; margin-bottom: 10px; color: #761919;}
section#destaques h2{ 
	font-size: 28px !important; 
	font-weight: 600px !important; 
}
/* serviços em destaque */
section#servicos-destaque h3{
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-size: 22px !important;
    color:  #585A6A;
    font-weight: 500px !important;
}
section#servicos-destaque .col{transform: translateY(-10px);}
section#servicos-destaque .col{ 
	background-color: #fff;
	border-radius: 10px !important;
    margin: 0 5px 40px 5px !important;
    padding: 20px !important;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1) !important;
    width: 200px !important;
    height: 600px !important;
    padding: 20px !important;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
section#servicos-destaque{
	background-image: url("../img/hq-destaques-bg.jpg") !important; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 120%;
}
section#servicos-destaque img{ width: 100% !important; }
section#servicos-destaque p.service-title{
	margin: 0px !important; 
	margin-top: 20px !important; 
	font-weight: 600 !important;
}
/* sobre */
section#sobre{}
section#sobre div.col-content{} 
section#sobre div.col-img{text-align: right!important;}
section#sobre div.col img{width: 350px !important;}

/* destaques do blog*/
section#blog .col:hover{
	transform: translateY(-10px);
}
section#blog div.card{border: 0px!important;}
section#blog .col{ 
	background-color: #fff;
	border-radius: 10px !important;
    padding: 20px !important;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1) !important;
}
section#blog img{ width: 100% !important; }
section#blog div.col h2{ 
    font-family: 'Raleway', sans-serif;
	margin-top: 20px !important;
	font-size: 22px !important; 
	font-weight: 700 !important; 
}
section#blog div.col a{margin-top: 20px !important;} 
/* cta */
section#cta{
	background-image: url("../img/hq-cta-bg.jpg") !important; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 120%;
	margin-bottom: 0px !important;
}
section#cta h2{
	color: #fff;
	margin-top: 20px !important;
	font-size: 28px !important; 
	font-weight: 600px !important; 
}
section#cta p{color: #fff;}
/* clientes */
section#clientes{ 
	margin-bottom: 0px !important; 
	margin-top: 0px !important; 
	background-color: #ececec;
}
section#clientes div.col img{ width: 200px; } 
/* footer */
footer img#seta-img{ 
	width: 50px;
	margin-top: -45px;
}
/* Fontes [Blog content] */
section.fontes{
    background-color: #ececec;
}
/* PRÉ footer */
section#pre-footer{background-color: #ececec;}
/*footer ul.hq-list{text-align: left !important;}*/
footer div.col form.hq-form div.input-group-prepend span i{font-size: 24px !important;}
footer div#footer-logo img{width: 150px;}
/* creditos */
section#creditos{
	color: #fff !important;
	font-size: 12px;
	padding: 20px 0;
	margin: 0px !important;
	background-color: #591010;
}