<style>

.block-banner .carousel .owl-dots .owl-dot span{

	width: 10px!important;
	height: 10px!important;

}
.btn.btn-default {
display: inline-block;
border:none;
color: #fff;
padding:15px;
border-radius: 38px;
position: relative;
background-color: #4ac8ed;
z-index: 1;

}
.btn.btn-default:after {
position: absolute;
border:none;
content: '';
top: 0;
color:white;
left: 0;
width: 100%;
height: 100%;
border-radius: 38px;
background:#2f7c93;
transition: opacity 0.3s ease-out;
z-index: 2;
opacity: 0;
}
.btn.btn-default:hover:after {
opacity: 1;
}
.btn.btn-default i {
-webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
transition:  .3s ease;
position:relative;
padding:0;
margin:0;
vertical-align: middle;
}
.btn.btn-default:hover i {
transform: translateX(5px);
}
.btn.btn-default b, i, span {
position: relative;
z-index: 3;
}
/*End buttons*/



.owl-theme .owl-dots .owl-dot:focus {
outline: none!important;
}
.owl-carousel .owl-item img {
pointer-events: none;
}
.padding_zero {overflow:hidden;  }
.centered {
position: absolute;
margin-top:-250px;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.centered span { font-weight:700;}

 .fadeInUp {
animation-duration: .8s!important;
animation-delay: .8s;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

 to {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);

  }

  to {
    opacity: 1;
    transform: none;
  }
}



.fadeInUp {
  animation-name: fadeInUp;
}


.it1 .zoomIn {
animation-duration: .8s!important;
animation-delay: 1.2s;
}

.it2 .zoomIn {
animation-duration: .8s!important;
animation-delay: 1s;
}
.item1 b { font-size:14px; font-weight:300;}
.item1 h1 {font-size:65px; line-height: 65px;}
.item1 p {font-size: 20px; }

.item2  h1 {font-size: 65px; }
.item2  p { font-size:20px; }
.item2  b {font-size:14px; font-weight:300;}

:root{
	--primary: #a73e70;
}
	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey; 
	  border-radius: 10px;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: var(--primary); 
	  border-radius: 10px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: var(--primary); 
	}
	.select-uf{
		background: #a73e70;
		padding: 0 8px;
		border-color: #151515;
		border-radius: 5px;
		color: #fff;
		font-size: 18px;
	}
	.modal-result-new{

		overflow-y: auto;
		height: 100%;
	}

	.modal-result-new ul{
		columns: 2;
		padding: 14px 2px;
	}

	.modal-result-new ul li{
		width: 100%;
	}

	.modal-result-new ul li button{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #2F2F2F;
		border-radius: 5px;
		color: #fff;
		border: none;
		text-align: left;
		padding: 8px 12px;
		margin-bottom: 14px;
		cursor: pointer;
		font-size: clamp(12px, 2.5vw, 16px);
		position: relative;
	}

	.modal-result-new ul li button .contador{
		background: #212121;
		border-radius: 999px;
		padding: 4px;
		font-weight: bold;
		font-size: 80%;
	}

	.modal-result-new ul li button .nome-cidade{
		width: calc(100% - 24px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	

	.location {
		position: sticky;
		top: 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #212121;
		color: #e3e3e3;
		gap: 8px;
		cursor: pointer;
		z-index: 999;
	}

	.change-location {
		font-size: clamp(10px, 2.5vw, 12px);
		height: 22px;
		padding: 0 8px;
		border-radius: 6px;
		border: 1px solid #707070;
		background: #0000;
		color: #707070;
		margin-left: 8px;
		cursor: pointer;
		letter-spacing: 0.5px;
	}

	.modal {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		z-index: 1000;
	}

	.modal-content {
		width: 96vw;
		max-width: 536px;
		height: 96svh;
		background: #212121;
		border-radius: 16px;
		box-shadow: 0 3px 12px #0008;
		padding: 14px;
	}

	@media (min-width: 768px) {
		.modal-content {
			max-height: 556px;
		}
	}

	.modal-header {
		display: flex;
		width: 100%;
		height: 52px;
		border-radius: 8px;
		padding: 4px;
		background: #151515;
		display: flex;
		justify-content: center;
		gap: 4px;
	}
	
	.modal-header .open>.dropdown-menu{
		width: 100%;
	}

	.modal-header-pin {
		width: 52px;
		height: 52px;
		-webkit-mask-image: url("/BASEDIR/images/pin.svg");
		-webkit-mask-repeat: no-repeat;
		mask-image: url("/BASEDIR/images/pin.svg");
		mask-repeat: no-repeat;
		mask-position: center;
		background: #7b7b7b;
	}

	.form-control-modal {
		width: 100%;
		height: 100%;
		padding: 8px 16px;
		font-size: clamp(14px, 2.5vw, 16px);
		background: #2F2F2F;
		color: #e3e3e3;
		font-size: 16px;
		position: relative;
		border: 1px solid #3C3C3C;
		border-radius: 5px;
	}

	.form-control-modal:focus {
		outline: none;
	}

	.modal-body {
		width: 100%;
		height: calc(100% - 52px - 52px);
		font-size: 14px;
	}

	.modal-result {
		padding-left: 0;
	}

	.modal-result li {
		list-style: none;
		border-bottom: 1px solid #3c3c3c;
	}

	.modal-result button {
		all: unset;
		box-sizing: border;
		color: #e3e3e3;
		width: 100%;
		padding: 16px 0 16px 16px;
		font-size: 16px;
		cursor: pointer;
	}

	.modal-no-result {
		color: #636363;
		text-align: center;
		padding: 32px 16px;
		font-size: clamp(14px, 2.5vw, 18px);
	}

	.modal-no-result-icon {
		position: relative;
		width: 72px;
		height: 72px;
		border-radius: 36px;
		background: #393939;
		margin: 30px auto;
	}

	.modal-no-result-icon::before,
	.modal-no-result-icon::after {
		content: "";
		position: absolute;
		left: 32px;
		top: 12px;
		width: 8px;
		height: 50px;
		border-radius: 8px;
		background: #212121;
		transform: rotate(45deg);
	}

	.modal-no-result-icon::after {
		transform: rotate(-45deg);
	}

	.btn-modal-footer {
		all: unset;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		width: 100%;
		height: 52px;
		background: #a73e70;
		align-items: center;
		display: flex;
		justify-content: center;
		gap: 12px;
		color: #e3e3e3;
		border-radius: 8px;
	}

	.btn-modal-footer-icon {
		position: relative;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		background: radial-gradient(
			circle at 50%,
			#d39fb8 0,
			#d39fb8 35%,
			#a73e70 35%,
			#a73e70 55%,
			#d39fb8 55%,
			#d39fb8 70%,
			blue 100%
		);
		background-size: 30px 30px;
		background-repeat: no-repeat;
		z-index: 2;
		zoom: 0.7;
	}

	.btn-modal-footer-icon:before,
	.btn-modal-footer-icon:after {
		content: "";
		position: absolute;
		top: -4px;
		left: 13px;
		width: 4px;
		height: 38px;
		background: linear-gradient(
			#d39fb8 0px,
			#d39fb8 4px,
			transparent 4px,
			transparent 34px,
			#d39fb8 34px,
			#d39fb8 38px
		);
		z-index: 1;
		border-radius: 3px;
	}

	.btn-modal-footer-icon:before {
		transform: rotate(90deg);
	}

	.modal-header{
	position: relative;
}

.modal-header .dropdown {
		width: 100%;
		position: absolute;
		top: 56px;
}

.open>.dropdown-menu {
		display: block;
}

.dropdown-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    /* min-width: 450px; */
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #a73e70;
    border: 1px solid #a73e70;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
    border-radius: 8px!important;
}
li.active {
     background-color: #888; 
}
.dropdown-menu li:nth-child(even) {
    background-color: #212121 !important;
    /* padding: 10px 17px; */
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover>a, .nav-tabs .dropdown-menu li>a:focus {
    background-color: #a73e70 !important;
    padding: 10px 17px;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover>a, .nav-tabs .dropdown-menu li>a:focus {
    background: #4f99c6;
    color: #fff;

}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
}
.dropdown a:hover {
    background-color: #f1f1f1;
}

.dropdown-menu>li>a>span {
	font-family: 'Open Sans', sans-serif !important;
}

.dropdown-menu>li>a {
    padding: 10px 17px !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover>a, .nav-tabs .dropdown-menu li>a:focus {
    background: #4f99c6;
    color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
}
.dropdown-menu>li>a {
    padding: 10px 17px !important;
    font-size: 13px !important;
    font-family: 'Open Sans' !important;
}
.dropdown-menu>li>a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #fff;
    background-color: #212121;
    white-space: nowrap;
}


</style>