@font-face {
    font-family: 'Sofia Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Regular'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Regular Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Regular Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro ExtraLight'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro ExtraLight Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro UltraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro UltraLight'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro UltraLight Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro ExtraLight Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro ExtraLight Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro UltraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro UltraLight Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro UltraLight Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Light'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Light Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Light Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Light Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Medium'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Medium Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Medium Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Medium Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro SemiBold'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Semi Bold Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro SemiBold Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Semi Bold Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Bold'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Bold Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Bold Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Bold Italic Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Black'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Black Az.woff') format('woff');
}
@font-face {
    font-family: 'Sofia Pro Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sofia Pro Black Italic'), url('https://hawksview.com.br/fonts/sofia-pro/Sofia Pro Black Italic Az.woff') format('woff');
}
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

html, body{
	font-family: 'Sofia Pro Medium';
	font-style: normal;
	font-weight: normal;
	font-family: 'Sofia Pro Light';
}
body{
	overflow-x: hidden;
}
*::selection {
	background:#FE7C02;
	color:#FFFFFF;
}
*::-moz-selection {
	background:#FE7C02;
	color:#FFFFFF;
}
a, a:hover{ color: #000000; }
textarea{ resize: none; }
a:hover, a:active, a:focus {
    outline: 0;
}
img{ max-width: 100%; height: auto; }

::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  background: #5d5d5d;
}
::-webkit-scrollbar-thumb {
  background: #7a1e1c;
}
::-webkit-scrollbar-thumb:hover {
  background: #7a1e1c;
}

main{
	padding-bottom: 140px;
}
#ativa-inicio .ativa-inicio{
	
}
#page-loader{
    position: fixed;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 99999;
	display: none;
}
#page-loader .page-loader{
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:10%;
    background: url('https://hawksview.com.br/imagens/loader.svg') 50% 0 no-repeat;    
}
.container {
    max-width: 1020px;
}
.conteudo{ padding-top: 30px; }
#topo{
	background-color: #FE7C02;
}
#topo .navbar {
	padding: 10px 0px 10px 0px;
}
#topo .bg-light {
    background-color: #FE7C02!important;
}
footer{
	background-color: #000000;
	margin-top: 110px;
	padding-bottom: 20px;
}
footer .rodape{
	background-color: #000000;
	min-height: 110px;
	margin-top: -70px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 10px 50px 10px 50px;
	font-family: 'Sofia Pro Light';
}
footer .rodape .titulo{
	color: #fff;
	margin-bottom: 40px;
	font-family: 'Sofia Pro Medium';
}
footer .rodape a{
	color: #FFFFFF;
}
footer a:hover{
	color: #EEEEEE;
	text-decoration: none;
}
footer .rodape .icones-sociais .icone{
	font-size: 32px;
}
footer .rodape .icones-sociais .icone a:hover{
	text-decoration: none;
}
footer .rodape .whatsapp{
	margin-top: 20px;
}
footer .rodape .whatsapp a:hover{
	text-decoration: none;
}
footer .rodape .copy{
	color: #FFFFFF;
	margin-top: 30px;
	font-family: 'Sofia Pro Light';
}
footer .list-group-item{
	background-color: #000000;
	padding: 0px 0px 0px 0px;
}
footer #main-menu-rodape{
	margin-bottom: 20px;
}
footer #main-menu-rodape .menu-filho{
	padding-left: 20px;
}
.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #EEEEEE;
}
section#agencia .divisoria{
	height: 50px;
	background-color: transparent;
	width: 100%;
}
section#agencia .divisoria .linha{
	height: 50px;
	background-color: #000000;
	width: 100%;
	display: inline-block;
	margin-top: 50px;
}
section#agencia .titulo-agencia{
	background-color: #000000;
	padding: 10px;
}
section#agencia .descricao-agencia{
	background-color: #FE7C02;
	padding: 10px;
	margin-top: 20px;
}
section#portfolio .conteudo{
	margin-top: -100px!important;
}
section#portfolio .album-portfolio{
	width: 100%;
	margin: auto;
}
section#portfolio .album-portfolio img{
	border: 1px solid #777;
}
section#portfolio .titulo-portfolio{
	background-color: #000000;
	padding: 10px;
	width: 50%;
	margin: auto;
	margin-bottom: 70px;
}
section#portfolio .owl-dots .owl-dot{
	padding: 5px!important;
	background-color: #FE7C02!important;
	border: 2px solid #000000!important;
	margin-left: 10px;
	border-radius: 10px;
}
section#portfolio .owl-dots .owl-dot.active{
	background-color: #000000!important;
	border: 1px solid #000000!important;
	margin-left: 10px;
	border-radius: 10px;
}
section#servicoseprodutos .titulo-servicoseprodutos{
	border-right: 5px solid #fff;
	height: 100%;
}
section#servicoseprodutos .icones .icon{
	margin-bottom: 10px;
	border: 1px solid #FE7C02;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	text-align: center;
}
#servicoseprodutos a:hover{
	text-decoration: none;
}
section#servicoseprodutos .icones .icon:hover{
	background-color: #FE7C02;
	text-decoration: none;
}
section#servicoseprodutos .icones .icon .titulo{
	color: #fff;
	text-align: center;
	min-height: 90px;
}
section#clientes{
	min-height: 350px;
	background-color: #fff;
	padding: 20px 0px 20px 0px;
}
section#clientes .divisoria{
	height: auto;
	background-color: transparent;
	width: 100%;
}
section#clientes .divisoria .titulo{
	background-image: linear-gradient( to right, #000000 50%, #ffffff 50% );
	padding: 10px;
	margin-left: -15px;
	margin-right: -15px;
}
section#clientes .divisoria .titulo img{
	margin: -10px;
	background-color: #000000;
}
section#clientes .divisoria .descricao{
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	border-image: linear-gradient( to left, #000000 50%, #ffffff 50% );
	border-bottom: 6px solid transparent;
	border-image-slice: 1;
	margin-left: -15px;
	margin-right: -15px;
}
section#clientes .divisoria .descricao span{
	border-bottom: 6px solid #000000;
	padding: 12px;
}
section#clientes .slick-current{
	border-bottom: 4px solid #FE7C02;
}
section#clientes .carousel-clientes{
	margin: 40px 0px 80px 0px;
}
section#clientes .slick-prev:before, .slick-next:before {
    color: #dcdcdc;
	font-size: 40px;
}
section#clientes .slick-prev {
    left: -45px;
}
.carousel-indicators li {
	width: 50px;
	height: 10px;
	background-color: #000000;
	opacity: .9;
}
.carousel-indicators .active {
	background-color: #FE7C02;
}
.vp-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#topo .dropdown-menu {
	border: 1px solid #000000;
	background-color: #000000;
}
#topo .dropdown-item {
	color: #FFFFFF;
}
#topo .dropdown-item:hover {
	color: #EEEEEE;
	background-color: #000000;
}
#topo .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #EEEEEE;
	border-bottom: 3px solid #000000;
}
footer .rodape .design:hover{
	text-decoration: none
}
footer .rodape .design span{
	color: #FFFFFF;
}
footer .rodape .design span:hover{
	color: #EEEEEE;
}
.navbar-light .navbar-nav .nav-link {
	font-family: 'Sofia Pro Light';
	font-size: 15px;
	
}
.navbar-light .navbar-nav .nav-link:hover {

}
.btn{
	border-radius: 40px;
	padding: 10px;
}
.borda-btn-primario{
	border-radius: 40px;
	border: 1px solid #FE7C02;
	padding-bottom: 20px;
	width: auto;
}
.btn-primario{
	background-color: #FE7C02;
	color: #FFFFFF!important;
}
.btn-primario:hover{
	box-shadow: 0px 0px 10px 1px #FE7C02;
	-webkit-box-shadow: 0px 0px 10px 1px #FE7C02;
	-moz-box-shadow: 0px 0px 10px 1px #FE7C02;
}
.borda-btn-light{
	border-radius: 40px;
	border: 1px solid #CCCCCC;
	padding-bottom: 20px;
	width: auto;
}
.btn-light{
	background-color: #CCCCCC!important;
	color: #222222!important;
	border-color: #CCCCCC!important;
    border-top-color: #CCCCCC!important;
    border-right-color: #CCCCCC!important;
    border-bottom-color: #CCCCCC!important;
    border-left-color: #CCCCCC!important;
}
.btn-light:hover{
	box-shadow: 0px 0px 10px 1px #CCCCCC;
	-webkit-box-shadow: 0px 0px 10px 1px #CCCCCC;
	-moz-box-shadow: 0px 0px 10px 1px #CCCCCC;
}
#to-top{
	padding: 10px;
	background-color: #FE7C02;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	cursor: pointer;
	border-radius: 30px;
	font-size: 40px;
	color: #fff;
	width: 80px;
	text-align: center;
}
.rodar-90 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
footer .coluna-rodape{
	margin-bottom: 40px;
}
.navbar .dropdown-item {
	font-family: 'Sofia Pro ExtraLight';
}
.lista-servicos-produtos{
	margin-top: 40px;
	margin-bottom: 40px;
}
.lista-servicos-produtos h5.card-title{
	font-family: 'Sofia Pro SemiBold';
	font-size: 26px;
}
.lista-servicos-produtos .descricao{
	font-family: 'Sofia Pro ExtraLight';
}
.lista-servicos-produtos .card-img{
	border-radius: 10px;
	border: 1px solid #FE7C02;
	margin: 10px;
	background-color: #000000;
}
.lista-servicos-produtos .card-img.hover{
	border-radius: 10px;
	border: 1px solid #FE7C02;
	margin: 10px;
	background-color: #FE7C02!important;
}
.lista-servicos-produtos .card{
	border: 1px solid #ccc;
	padding-left: 10px;
	border-radius: 10px;
}
.lista-servicos-produtos .card:hover{
	border: 1px solid #FE7C02;
	background-color: #FE7C02;
}
.lista-servicos-produtos .card-body{
	padding-bottom: 0px;
}
.lista-servicos-produtos .btn-dark{
	display: none;
}
.dados-portfolio{
	border-left: 20px solid #FE7C02;
	border-right: 5px solid #FE7C02;
	background-color: #eee;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	font-family: 'Sofia Pro ExtraLight';
}
.modal.and.carousel {
	position: fixed;
}
.titulo-pagina{
	border-bottom: 3px solid #FE7C02;
	padding: 5px 0px 5px 5px;
	text-align: right;
	background-color: #eee;
	margin-bottom: 30px;
}
.titulo-pagina span{
	background-color: #FE7C02;;
	color: #fff;
	padding: 5px;
}
.lista-materia a, .lista-materia a:hover {
	text-decoration: none;
}
.lista-materia .card:hover {
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
#ativa-inicio .pagination {
	margin-left: 7px;
	margin-top: 7px;
}
#ativa-inicio .pagination .page-link {
	background-color: #000!important;
	color: #fff!important;
}

@media (max-width: 991px) {
	
}
@media (max-width: 575px) {
	section#portfolio .titulo-portfolio{
		margin-top: 100px!important;
	}
	section#portfolio{ 
		padding-bottom: 30px;
	}
}
@media (max-width: 767px) {
	.desktop{ display: none; }
	.divisoria-menu-mobile{ }
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		margin-left: 70px;
	}
	section#portfolio{
		padding-bottom: 220px;
	}
	section#portfolio .owl-dots{
		margin-top: -520px;
	}
}
@media (min-width: 768px) {
	section#agencia .divisoria{
		margin-top: -100px;
	}
	.navbar-light .navbar-nav .nav-link {
		border-bottom: 3px solid #FE7C02;
	}
	.navbar-light .navbar-nav .nav-link:hover {
		border-bottom: 3px solid #000000;
	}
	.mobile{ display: none; }
}