html,body{
	font-size: 14px;
	font-weight: 300;
	color: #0C0C0C;
	font-family: 'Inter', sans-serif;
	background-color: #F8F8FF;
	scroll-behavior: smooth;
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	display: flex;
    flex-direction: column;
}
.whatasppIcon{
	position: fixed;
	bottom: 2em;
	right: 2rem;
	z-index: 8;
}
.whatasppIcon img{
	height: 70px;
}
.pagina_normal, .pagina_home{
	flex: 1;
}
button{
	outline: none!important;
}
h3{
	color: #0C0C0C;
}
h2{
	font-size: 26px!important;
}
a{
	color: #0C0C0C;
	transition: color 0.3s ease;
}
a:hover{
	color: #0e60f2;
	text-decoration: none;
}
i{
	transition: color 0.3s ease;
}
a:hover i{
	color: #0C0C0C!important;
	text-decoration: none;
}
/* i:hover{
	color: #0e60f2;
} */
.mkt-i{
	font-size: 2em;
}
.mkt-i:hover{
	color: unset!important;
}
.mkt-img{
	width: 50px;
}
.fa-angle-down :hover{
	color: #F8F8FF!important;
}
.gloock{
	font-family: 'Gloock', serif;
	letter-spacing: 5px;
}
.no-select{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.parent {
	position: relative;
	width: 100%;
	box-shadow: #0C0C0C 0px -10px 100px -80px;
}
.payment{
	/* position: fixed; */
    display: block;
    max-width: fit-content;
}
.lost{
	position: relative;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white; /* Ensures text is visible */
	z-index: 1; /* Keeps text above */
}
.lost::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://www.expopecas.pt/imgs/lost.jpg);
	background-position: center calc(-100px);
	background-repeat: no-repeat;
	background-size: cover; /* Adjust as needed */
	filter: brightness(0.5) blur(1px);
	z-index: -1; /* Puts it behind content */
  }
.menu-area .active a{
    color: #0e60f2!important;
	font-weight: 600!important;
}
.nav-pills {
	display: inline-table!important;
}
.nav-pills .nav-link {
	border-radius: 0!important;
	margin: 0 5px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #0C0C0C	!important;
	background-color: unset!important;
	font-weight: 600;
	text-decoration: underline;
}
.nav-pills a{
	color: #0C0C0C!important;
	font-weight: 600;
	font-size: 14px;
}
.nav-pills .nav-item{
	margin: auto;
}
.header-normal .navbar-nav a::before  {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #0e60f2;
	bottom: 3px;
	left: 0;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
.header-normal .navbar-nav a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
}
.header-normal .navbar-nav .active::before  {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #0e60f2;
	bottom: 3px;
	left: 0;
	transform-origin: left;	
	transition: transform .3s ease-in-out;
}


.col_ec ul{
	font-weight: 600;
	margin: 0!important;
	padding-left: 25px!important;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-image: url("li.svg");
}
.col_ec li{
	padding:0 10px 10px 5px;
}
.col_ec_opo ul{
	font-weight: 600;
	margin: 0!important;
	padding-left: 25px!important;
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	list-style-image: url("li.svg");
}
.col_ec_opo li{
	padding:0 5px 10px 5px;
}
.maps iframe{
	width: 100%!important;
	height: 300px!important;
}
.table_fracoes {
	width: 100%;
}
.table_fracoes th{
	color: #0e60f2;
	padding: 5px 0;
}
.table_fracoes td{
	padding: 5px 0;
}
.table_fracoes tr{
	border-bottom: 1px solid #727271;
}
.table_fracoes th,td{
	/* min-width: 100px; */
	text-align: center;
}
.hr_fracoes{
	border-top: 2px solid #0e60f2;
	width: 100%;
	margin: 0;
	margin-top: 5px!important;
}
.hr_ec{
	border-top: 2px solid #0e60f2;
	width: 100%;
	margin: 5px 0px 15px 0px!important;
}
.hr_mapa{
	border-top: 2px solid #0e60f2;
	width: 100%;
	margin: 5px 0 0 0!important;
}
.img_desc {
    box-sizing: border-box;
    transition: visibility 0s, opacity 0.5s linear;
    background: linear-gradient(to bottom, rgba(12, 12, 12,0) 0%, rgba(12, 12, 12,0.75) 100%);
    transition: 0.3s !important;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #F8F8FF;
    height: 50%; /* Ensure it takes up the full height */
}


header .logo{
	transition: 0.9s;
}

#logo {
	position: absolute;
	display: block;
	margin: auto;
	margin-top: 2.5rem;
	left: 0;
	right: 0;
	transition: 0.9s;
	max-width: 345px;
}

.header-normal #logo{
	margin-top: 0.5rem;
	right: 100%;
	z-index: 1;
	width: 80px;
}
.logo_slide_left{
	transform: scale(0.55);
	margin-top: 1.50rem!important;
	left: 0!important;
	right: 100%!important;
}
.logo_home{
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 290px;
}
header .navbar{
	position: absolute;
	right: 0;
	left: 0;
    bottom: 0;
	top: 0.7em;
}
.header-home .navbar-nav a:hover{
	color: #F8F8FF;
	transition: 0.3s;
}
.modal_pesquisa .close {
    float: unset!important;
    outline: none!important;
    color: #F8F8FF!important;
    position: absolute;
    margin-top: 5px;
	right: 10px;
}
.modal-backdrop {
	z-index: -1!important;
	opacity: 0!important;
}
#pesquisa{
	z-index: 9999!important;
	background-color: rgba(12,12,12,.4);
	backdrop-filter: blur(2px);
	transition: 0.3s;
}
.modal_pesquisa{
	border-bottom: 1px solid #9D9E9E;
	margin: 0!important;
	max-width: 100%!important;
	position: absolute!important;
	top: 0!important;
	width: 100%!important;
	z-index: 9999!important;

}
.modal_pesquisa .modal-content{
	background-color: #0C0C0C!important;
	color: #F8F8FF!important;
}
.modal_pesquisa input{
	width: 25%;
}
.modal_pesquisa .modal-content{
	border-radius: 0!important;
	border: none!important;
}
.formulario_pesquisa i{
	cursor: pointer;
}
.formulario_pesquisa button {
	cursor: pointer;
	background: transparent;
	border: 0px;
	color: #F8F8FF;
}
.in_branco{
  background-color:#F8F8FF;
  text-align: right;
  border-right:0px;
  border-top:0px;
  border-left:0px;
  border-bottom: 1px solid #525252!important;
}
.owl-stage-outer{
	padding-bottom: 2rem!important;
	text-align: center !important;
}
.owl-stage{
    min-height: 400px!important;
	margin: auto!important;	
}
.owl-item{
	min-height: 175px;
}
.brands .label_promo {
	margin-left: 0!important;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -4.5rem!important;
    z-index: 2!important;
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    text-align: center!important;
}
.owl-theme .owl-dots .owl-dot span {
	width: 23px!important;
    height: 2px!important;
	border-radius: 0!important;
	margin: 5px!important;
    /* background: #0C0C0C!important; */
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #0C0C0C!important;
	height: 5px!important;
}

.brands_nav {
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer;
	color: #F8F8FF;
}

.brands_nav i {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    position:absolute;
    top:50%;
	font-size: 20px!important;
}

.brands_nav:hover i {
	color: #676767;
}
.brands_prev {
	left: 0;
	padding: 0;
	height: 100%;
	width: 40px;
	z-index: 7;
	padding-left: 25px;
}
  
.brands_next {
	right: 0;
	padding: 0;
	height: 100%;
	width: 40px;
	z-index: 7;
	padding-right: 25px;
}
.imgs_pequenas_prev {
	top: 0;
	left: 0;
	padding: 0;
	height: 100%;
	width: 40px;
	z-index: 7;
	padding-left: 25px;
}
.imgs_pequenas_next {
	top: 0;
	right: 0;
	padding: 0;
	height: 100%;
	width: 40px;
	z-index: 7;
	padding-right: 25px;
}
#in{
	min-width: 240px;
	font-size: 15px;
	font-weight: 400;
	padding-left: 15px;
	height: 35px;
	outline: none!important;
	text-align: left;
	border: 1px solid #F8F8FF;
	border-radius: 20px;
	color: #F8F8FF;
	background-color: #0C0C0C;
}

.btn_pesquisa{
	border: none!important;
	background: none!important;
	color: #898989!important;
	position: absolute;
    right: 25px;
	top: 12px;
}
.c-pointer{
	cursor: pointer;
}
.c-normal{
	cursor: default;
}
.homepage_hr{
	border-top: 1px solid #5B5B5B;
	max-width: 170px;
	margin-left: 0;
}
.home_border{
	border-bottom: 2px solid #0e60f2;
}
.img_desc_blog {
    height: 100%;
    box-sizing: border-box;
	padding: 5rem 2rem 0rem 0rem;
    text-align: left;
    position: absolute;
	top: 0%;
    left: 40%;
    color: #9D9E9E;
}
.newsletter_form{
	padding: 30px 15px;
}
.img_newsletter{
	border: 0.5px solid #9D9E9E
}
.header_fixo{
	width:100%;
	position:fixed;
	top:0px;
	z-index:3;
}
.mw-100{
	max-width:100%!important;
}
.bg-w{
	background-color:#F8F8FF!important;
}
.menu-fixed{
	box-shadow: #0C0C0C -10px -10px 15px;
}
.voltar{
	position: absolute;
	left: 15px;
	margin-top: 3.3rem;
}
.w-74{
	width:74%;
}
.w-20{
	width:20%;
}
.dropdown-toggle::after{
	display:none;
}
.dropdown-menu{
	border: unset!important;
	border-radius: 5px!important;
	width: max-content!important;
	min-width: auto!important;
	left: -20px!important;
    top: 10px!important;
	font-size: 14px;
	font-weight: 400!important;
	box-shadow: 0 5px 15px 0 rgba(12,12,12,.2);
}
.dropdown-menu i{
	font-weight: 300!important;
}
  /******************************Drop-down menu work on hover**********************************/
@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:13%;min-width:unset;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:unset;display:none}
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
	.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:unset;display:none;z-index:1}
}


.nav-item .dropdown{
	padding: 5px 15px;
	font-size: 13px;
	text-align: center;
	text-transform: capitalize!important;
}
.drop_sub{
	background-color: #EBECEC;
	border-radius: 0!important;
	border: 1px solid #e4e4e4;
	width: max-content!important;
	margin-top: -9px!important;
}
.menu_mobile_btn {
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 15px;
    color: #0e60f2;
    z-index: 1;
    width: 30px;
    height: 30px;
    text-align: center;
}
.menu_mobile_btn_close {
    font-size: 27px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    color: #0e60f2!important;
    z-index: 5;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 3px;
}

/*FIM MENU*/
.carousel-control-prev{
	color: #0C0C0C!important;
	z-index: 1;
	opacity: 1!important;
	font-size: 14px;
}
.carousel-control-next{
	color: #0C0C0C!important;
	z-index: 1;
	opacity: 1!important;
	font-size: 14px;
}
.carousel-indicators li {
	height:10px;
	width:10px;
	border-radius:5px;
	background-color:#81818194;
}
.carousel-indicators{
	position: relative;
    bottom: 0px;
}
.carousel-indicators .active {
	background-color:#818181 ;
}
.carousel-indicators:hover{
	cursor:pointer;
}
.p-15{
  padding: 0px 15px!important;
}
.header-home{
	transition: 1s;
}
.header-normal{
	background-color: #FFFFFF;
	box-shadow: #0C0C0C -10px -10px 15px;
}
#mySidenav .nav-item{
	padding: 0!important;
}
.nav-item{
	font-size: 14px!important;
	margin: 0 1rem;
	text-transform: uppercase;
	padding-bottom: 8px;
	letter-spacing: 1px;
}
.nav-item a{
	color: #0C0C0C;
	font-size: 14px;
    font-weight: 400;
}
.carousel-caption{
	margin: 0;
	height: 50vh;
	display: block;
	justify-content: center; /* centra horizontalmente */
	align-items: center;     /* centra verticalmente */
	color: #f0f0f0!important; 
	font-weight: 700!important;
}
.carousel-caption h1{
	text-transform: uppercase;
	font-size: 50px!important;
	font-weight: 600;
}
.carousel-caption h2{
	font-size: 24px!important;
}
/* buttons */
.btn i:hover{
	color: unset!important;
}
.btn{
    background-color: unset;
    color: #F8F8FF;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 20px;
	transition: 0.3s;
	border-radius: 0;
	background-color: #0C0C0C!important;
	letter-spacing: 1px;
}
.btn:hover{
	background-color: #F8F8FF!important;
	border: 1px solid #0C0C0C;
	color: #0C0C0C;
	transition: 0.3s;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none!important;
}
.btn_t{
    background-color: unset;
    color: #F8F8FF!important;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 20px;
	transition: 0.3s;
	border-radius: 0;
	letter-spacing: 1px;
	border: 1px solid #F8F8FF;
}
.btn_t:hover{
	color: #F8F8FF!important;
	transition: 0.3s;
}
.btn_t.focus, .btn:focus {
    outline: 0;
    box-shadow: none!important;
}

.categorias{
	color: #0e60f2!important;
}
.categorias a{
	color: #0e60f2!important;
}
.ultimas_5{
	list-style: none;
}
.ultimas_5 a{
	color: #0e60f2!important;
}

.btn_solid{
  border: 1px solid #0e60f2;
  color: #F8F8FF!important;
  width: fit-content;
  font-size: 18px;
  display: block;
  font-weight: 700!important;
  text-transform: uppercase;
  transition: 0.3s;
  cursor: pointer;
  padding: 10px 20px;
  padding-top: 0.8rem;
  letter-spacing: 1px;
}
.btn_solid:hover{
  background-color: unset;
  border: 1px solid #F8F8FF;
  color: #F8F8FF!important;
  transition: 0.3s;
}
/* filtros mobile */
.filterfixed{
	z-index: 100;
	background-color: #F8F8FF;
	border-bottom: 1px solid #898989;
	transition: 0.3s;
	width: 105vw;
	left: 0.5rem;
	padding-left: 2rem;
}
/* Full-screen overlay hidden by default */
.fullscreen-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 12, 12,0.8); /* Transparent background */
    z-index: 9999;
    justify-content: center;
    align-items: center;
    color: white;
    opacity: 0;  /* Initial opacity */
    transition: opacity 0.5s ease;  /* Transition for fade effect */
}

/* When the overlay is shown (add fade effect with transition) */
.fullscreen-overlay.show {
    display: flex;
    opacity: 1;
}

/* The overlay content (can be styled as desired) */
.overlay-content {
    position: relative;
    text-align: left;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
}

/* Mobile-only button */
@media (max-width: 768px) {
    .fullscreen-overlay.show {
        display: flex;
    }
}

/* Style the close "X" button */
.close-x-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    color: black;
    cursor: pointer;
}


/* Transition effect when closing the overlay */
.fullscreen-overlay.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease;
}
/* filtros mobile end */

.pt-bread{
	padding-top: 85px;
}	
.bread{
	position: absolute;
  z-index: 99;
}

.breadcrumbs ul li{
	font-size:11px!important;
	letter-spacing: 1px;
}
.breadcrumbs ul{
	padding-left:0;
	list-style:none;
}
.breadcrumbs ul li{
	display:inline
}
.breadcrumbs a,.breadcrumbs a:link,.breadcrumbs a:visited{
	text-decoration:none;color:#0C0C0C;
	transition:0.3s;
}
.breadcrumbs a:hover{
	transition:0.3s;
	text-decoration:none;
	font-weight: 700;
}
.breadcrumbs ul li:not(:last-child):after{
	color: #0C0C0C;text-decoration:none;content:" > "
}
.bg_g{
	background-color: #e2e7ea!important;
}
/*Cookie msg*/
.cc-message {
	margin: 1em 1em!important;
}
.cc-link {
	font-weight: 600!important;
}
.cc-btn{
	padding:5px 15px!important;
	min-width:100px!important;
	text-transform:uppercase!important;
	border-radius:3px!important;
	background-color: rgba(12,12,12,0.75)!important;
	border:1px solid #F8F8FF!important;
	color:#0C0C0C!important;
	border-radius: 0!important;
}
.cc-compliance{
	width: unset;
	position: relative;
	top: -12px;
	text-align: center;
	margin: auto;
}
.cc-window {
    height: 170px!important;
}
.cc-window a{
	color:#F8F8FF!important;
}
.cc-window{
	font-size: 13px!important;
	color: #F8F8FF!important;
	background: var(--preto)!important;
	line-height: 20px!important;
	height: 145px!important;
}
.cc-color-override-434939310.cc-window {
	background-color: rgba(12, 12, 12,0.95)!important;
    backdrop-filter: blur(10px);
	bottom: 0!important;
    right: 0!important;
}
.video_blog_noticias iframe{
	border: none!important;
}
.video_blog_noticias .modal-dialog {
    position: relative;
    width: auto;
    margin: 0!important;
    pointer-events: none;
}
.video_blog_noticias .modal-content{
	height: 100vh;
	width: 100vw;
	padding: 0!important;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: auto;
	background-color: rgba(12,12,12,0.3)!important;
	background-clip: padding-box;
	border: 0;
	border-radius: 0!important;
	outline: 0;
	justify-content: center;
	align-items: center;
}
.video_blog_noticias .close {
    color: #F8F8FF!important;
    font-weight: 500!important;
    text-shadow: none!important;
    opacity: 1!important;
	margin: -15px 5px -15px auto;
}
.video_blog_noticias .modal-header {
    width: 100%!important;
    border-bottom: none!important;
    background-color: rgba(12,12,12,0.3)!important;
    text-align: center!important;
    border-radius: 0!important;
}
.video_blog_noticias .modal-body {   
	padding: 0 15px!important;
	overflow: auto;
	width: 100%;

	display: flex!important;
	align-items: center!important;
	justify-content: center!important;

	background-color: rgba(12,12,12,0.3)!important;
}
.modal-open{
	padding:0 !important;
	overflow-y: auto;
}
.modal-content{
	border: none!important;
	border-radius: 0!important;
	padding: 0 20px;
	background-color: rgba(255, 255, 255, 0.94)!important;
}
.equipa_mais{
	position: absolute;
    right: 25px;
    bottom: 70px;
	cursor: pointer;
}
.close {
	color: #5B5B5B!important;
    font-weight: 500!important;
    text-shadow: none!important;
    opacity: 1!important;
}
.modal-header .close {
	position: absolute!important;
    right: 15px!important;
    top: 15px!important;
	z-index: 20;
}
.modal-header {
   border-bottom: none!important;
   text-align: center!important;
   display: block;
}

footer{
	color:#898989;
	position: relative;
}
footer img{
	width: 80px;
}
footer a{
	color:#898989	!important;
	transition: 0.3s;
}
footer a:hover{
	text-decoration: underline;
	transition: 0.3s;
} 

footer ul{
	font-size: 13px;
	text-align: left; 
	margin-top: 1rem; 
	margin-bottom: 0; 
	padding-left: 0; 
	padding-bottom: 1rem; 
	display: inline-block; 
	vertical-align: top;
}
.pr-6{
	padding-right: 5rem!important;
}
.blog_listagem ul{
	padding-left: 0!important;
}
.seguros{
	border:1px solid #898989;
	border-radius: 20px;
	max-width: 200px;
	max-height: 200px;
	margin: 15px;
}
.servico_total{
	margin: 15px 0;
}
.servico{
	border:1px solid #898989;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom: none;
	height: 130px;
	width: auto;
	position: relative;
  
	display: flex;
	justify-content: center;
	align-items: center;
}
.servico_nome{
	margin-bottom: 0;
	color: #0e60f2;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	/* padding: 50px 0px 40px 0; */
}
.servico_ver{
	text-align: center;
	background-color: #0e60f2;
	color: #F8F8FF;
	border:1px solid #898989;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top: none;
	padding: 5px;
}

/* text styles */
.underlined{
	text-decoration: underline!important;
}
.page_title{
	/* font-family: 'Gloock', serif; */
	letter-spacing: 1.5px;
	color: #0C0C0C;
	font-weight: 600;
	margin-top: 5rem;
	font-size: 24px;
	text-transform: uppercase!important;
}
.subtitle{
	letter-spacing: 1.5px;
	color: #0C0C0C;
	font-weight: 600;
	font-size: 16px;
}
.footer-title{
	letter-spacing: 1.5px;
	color: #898989;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}
.cat-title{
	letter-spacing: 1.5px;
	color: #F8F8FF;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase!important;
	padding: 0.5rem 1rem;
	bottom: 0;
	right: 0;
	position: absolute;
}
.shop-subtitle{
	letter-spacing: 1.5px;
	color: #F8F8FF;
	font-weight: 600;
	font-size: 32px;
	text-transform: uppercase!important;
	padding: 0.5rem 1rem;
}
.cart-header{
	letter-spacing: 1.5px;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase!important;
	margin:1rem 0;
}
.card-body{
	padding: 0rem!important;
}
.card{
	background-color: unset!important; 
 	border: unset!important;
}
.carrinho_aberto hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(12,12,12,.25);
}
.hr_title{
	border-top: 2px solid #0C0C0C;
	max-width: 80px;
	margin-top: -0.5rem;
	margin-bottom: 3rem;
}
.hr_home{
	border-top: 1px solid #0e60f2;
	max-width: 220px;
}
.hr_pedido{
	border-top: 1px solid #0C0C0C;
	width: 100%;
}
.text-underline{
	text-decoration: underline!important;
}
.row_cart{
	padding: 1.5rem 0 0 0;
	border-bottom: 1px solid #818181;
	min-height: 130px;
}
.info_produto img{
	padding-right: 15px;
}
.produto_preco_antigo {
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
}
.produto_desconto {
    padding: 5px 10px;
    color: #F8F8FF;
    background-color: #e43a36;
    font-weight: 600!important;
}
.unidades{
	color: #0C0C0C!important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}
.texto h1{
	letter-spacing: 1.5px;
	color: #0C0C0C;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase!important;
}
.texto h3{
	font-size: 20px;
}
.texto a{
	text-decoration: underline;
}
.unavailable{
	color: #898989!important;
}
.font-dblue{
	color: #0C0C0C!important;
}

.font-italic{
	font-style:italic!important;
}
.font-gold{
	color: #0e60f2!important;
}
.font-gold a{
	color: #0e60f2!important;
}
.font-b{
	color: #0C0C0C!important;
}
.font-b a{
	color: #0C0C0C!important;
}
.font-w{
	color: #F8F8FF!important;
}
.font-gray{
	color: #5B5B5B!important;
}
.font-gray a{
	color: #5B5B5B!important;
}
.font-10{
	font-size: 10px!important;
}
.font-11{
	font-size: 11px!important;
}
.font-12{
  font-size: 12px!important;
}
.font-13{
	font-size: 13px!important;
}
.font-14{
  font-size: 14px!important;
}
.font-15{
	font-size: 15px!important;
}
.font-16{
	font-size: 16px!important;
}
.font-18{
  font-size: 18px!important;
}
.font-19{
	font-size: 19px!important;
}
.font-20{
  font-size: 20px!important;
}
.font-22{
  font-size: 22px!important;
}
.font-24{
  font-size: 24px!important;
}
.font-28{
  font-size: 28px!important;
}
.font-30{
	font-size: 30px!important;
  }
.font-32{
  font-size: 32px!important;
}
.weight_300{
	font-weight:300;
}
.weight_700{
	font-weight:700;
}
.weight_600{
  font-weight: 600;
}
.weight_400{
	font-weight: 400;
}

.superman a{
	padding: 2px 15px!important;
}
.comment{
	min-height: 140px;
	border-bottom: 0.5px solid #9D9E9E;
}
.comment_bottom{
	bottom: 0;
	position: absolute;
}

.morada_envio_opcao p {
    font-weight: 500!important;
	margin-bottom: 0!important;
}
.produto_aberto label {
    margin-top: 1rem!important;
    font-weight: 500!important;
	margin-bottom: 0!important;
}
.label_promo{
	margin-left: 15px;
	padding: 7px 15px 5px 15px;
	position: absolute;
	display: block;
	z-index: 2;
	top: 0%;
	left:0%;
	font-weight:700;
 	font-size:18px;
	color:#F8F8FF;
	background-color: #e43a36;
}

/*input styles*/
.form-group {
    margin-top: 1rem!important;
	margin-bottom: 1rem!important;
}
.form-group label{
	color: #0C0C0C;
	font-size: 14px;
    margin-bottom: 0!important;
    font-weight: 400;
	letter-spacing: 1px;
}
#morada_envio{
	border: none;
	border-radius: 0!important;
	border-bottom: 1px solid #0C0C0C!important;
	padding-left: 5px !important;
	background-color: #F8F8FF;
}
#morada_envio:focus{
	border: none!important;
	border-radius: 0!important;
	border-bottom: 1px solid #0e60f2!important;
	background-color: #F8F8FF;
	padding-left: 5px !important;
	outline: 0!important;
}
#pais{
	width: 75%!important;
	border: none;
	border-radius: 0!important;
	border-bottom: 1px solid #0C0C0C!important;
	padding-left: 5px !important;
	background-color: #F8F8FF;
	height: 33px!important;
}
#pais:focus{
	border: none!important;
	border-radius: 0!important;
	border-bottom: 1px solid #0e60f2!important;
	background-color: #F8F8FF;
	padding-left: 5px !important;
	outline: 0!important;
}
.cliente #pais{
	width: 100%!important;
}
input[type="text"] {
	border: none;
	padding-left:5px!important;
	border-bottom: 1px solid #0C0C0C;
	color: #0C0C0C;
	border-radius: 0px!important;
	background-color: #F8F8FF;
}
input[type="text"]::placeholder {
	color: #9D9E9E;
	text-transform: capitalize;
	font-weight: 500;
}
input[type="text"]:focus {
	transition: 0.3s;
	border: none;
	border-bottom: 1px solid #0e60f2!important;
	background-color: #F8F8FF;
	box-shadow: none!important;
	color: #0C0C0C;
}
input[type="text"]:read-only {
	border-bottom: 1px solid #0C0C0C!important;
	background: #F8F8FF!important;
	font-style: italic;
}
input[type="date"]:focus-visible {
	transition: 0.3s;
	border: none;
	border-bottom: 1px solid #0e60f2!important;
	box-shadow: none!important;
	color: #0C0C0C;
}
input[type="date"] {
	padding-left:0px!important;
	border: none;
	border-bottom: 0.5px solid #8d9299;
	color: #8d9299;
	border-radius: 0;
}
input[type="date"]::placeholder {
	color: #8d9299;
	text-transform: capitalize;
	font-weight: 500;
}
input[type="date"]:focus {
	transition: 0.3s;
	border-bottom: 1px solid #8d9299!important;
	box-shadow: none!important;
	
	color: #0C0C0C;
}
input[type="date"]:focus-visible {
	transition: 0.3s;
	border-bottom: 1px solid #8d9299!important;
	box-shadow: none!important;
	color: #8d9299;
}

::-webkit-calendar-picker-indicator {
	opacity: 0.6;
}

select {
	border: none;
	padding-left:5px!important;
	border-bottom: 1px solid #0C0C0C;
	color: #0C0C0C;
	border-radius: 0px!important;
	background-color: #F8F8FF;
}
select::placeholder {
	color: #9D9E9E;
	text-transform: capitalize;
	font-weight: 500;
}
select:focus {
	transition: 0.3s;
	border: none;
	border: 1px solid #0e60f2!important;
	box-shadow: none!important;
	color: #0C0C0C!important;
	background-color: #F8F8FF;
}
select:focus-visible {
	transition: 0.3s;
	border: none;
	border: 1px solid #0e60f2!important;
	box-shadow: none!important;
	color: #0C0C0C!important;
	background-color: #F8F8FF;
}
.ui-widget-content {
    width: 100%;
	padding-left:5px!important;
	border: none;
	border-bottom: 1px solid #0C0C0C!important;
	color: #0C0C0C!important;
	border-radius: 5px!important;
    display: block;
    height: 40px!important;
    background: #F8F8FF!important;
}
.ui-widget-content:focus {
	border: none;
	border-bottom: 1px solid #0e60f2!important;
	color: #0C0C0C!important;
}

input[type="password"] {
	border: none;
	padding-left:5px!important;
	border-bottom: 1px solid #0C0C0C;
	color: #0C0C0C;
	border-radius: 0px!important;
	background-color: #F8F8FF;
}
input[type="password"]::placeholder {
	color: #8d9299;
	text-transform: capitalize;
	font-weight: 500;
}
input[type="password"]:focus {
	transition: 0.3s;
	border: none;
	border-bottom: 1px solid #0e60f2!important;
	background-color: #F8F8FF;
	box-shadow: none!important;
	color: #0C0C0C;
}

input[type="password"]:focus-visible {
	transition: 0.3s;
	border: none;
	border-bottom: 1px solid #0e60f2!important;
	box-shadow: none!important;
	color: #0C0C0C;
	background-color: #F8F8FF;
}

textarea {
	padding-left:5px!important;
	border: none!important;
	border-bottom: 1px solid #0C0C0C!important;
	color: #0C0C0C!important;
	border-radius: 0px!important;
	background-color: #F8F8FF!important;
	border-radius: 0!important;
	font-weight: 400!important;
	font-size: 16px!important;
}
textarea::placeholder {
	text-transform: capitalize;
	font-weight: 500;
}
textarea:focus {
	transition: 0.3s;
	box-shadow: none!important;
	border: 1px solid #0e60f2!important;
}

/* Customize the label (the container) */
.check {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #0C0C0C;
  }
  
  /* On mouse-over, add a grey background color */
  /* .check:hover input ~ .checkmark {
	background-color: #eee;
  } */
  
  /* When the checkbox is checked, add a blue background */
  .check input:checked ~ .checkmark {
	background-color: #0C0C0C;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .check input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .check .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: 1px solid #F8F8FF;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: #F8F8FF!important;
  }

/*Menu Mob*/
.sidenav {
    z-index: 9;
    position: fixed;
    top: -100%; 
    visibility: visible;
    transition: 0.7s; 
    height: 100%;
    width: 105%;
    right: 0;
	left: 0;
	backdrop-filter: blur(5px);
    background-color: rgba(12, 12, 12, 0.9);
    text-align: center;
    overflow: hidden !important;
}

.sidenav.show {
    visibility: visible;
    top: 0!important; 
}

.sidenav.hide {
    visibility: hidden;
    top: -100%; 
}

.close{
	outline: 0!important;
	cursor: pointer;
}
.sidenav a {
	margin: 15px 25px;
	text-decoration: none;
	font-size: 22px;
	color: #F8F8FF!important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 600;
}
#sub_prod2 a{
	font-size: 18px!important;
	margin: 5px 25px!important;
}
.menu_princ_mob .active{
	color: #0e60f2!important;
	font-weight: 700;
}
.menu_idiomas a:hover{
	color:#0e60f2!important;
	transition: 0.3s;
}
.menu_idiomas{
    /* border: 2px solid #F8F8FF!important; */
    outline: none!important;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 5px!important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    z-index: 1;
    height: 30px;
    width: 30px;
}
.menu_idiomas a{
	color: #F8F8FF!important;
	font-size: 14px!important;
	padding: unset!important;
}
.top_active p,.top_active .fa-angle-down{
	color:#0e60f2!important;
}
.nome_user{
	color: #0C0C0C;
	transition: 0.3s;
	font-size: 14px;
	font-weight: 700;
}
.nome_user:hover{
	color: #0e60f2;
	transition: 0.3s;
}
#carrinho_topo:hover{
	color:#0e60f2!important;
}
.header_tabela{
	background-color: #0C0C0C;
	color: #F8F8FF;
    font-weight: 500;
    font-size: 18px;
}
.quantidade_main_div .input-group {
    width: 100px;
    height: 41px;
    top: 1.5px;
}
.quantidade_controls {
    font-size: 14px;
    position: absolute;
    right: 5px;
    z-index: 99;
    top: -1px;
	cursor: pointer;
}
.quantidade_controls i{	
	color: #0C0C0C!important;
}
.btn-number {
    text-align: center;
}
.produto_tipos{
	width: 30%;
}
.pagina_home .carousel img{
	filter:brightness(0.4) blur(2px);
}
.slider_desc{
	position: absolute;
    width: 30%;
    height: 100%;
    top: 50%;
    z-index: 2;
	margin-top: 1.5rem;
	margin-left: 3rem;
	padding: 1rem;
	text-align: left;
}
.bt_alterar_quantidade, .btn_apagar {
    font-weight: 400;
    position: relative!important;
    top: -1px!important;
    width: 28px!important;
    max-width: 28px!important;
    background-color: unset!important;
    border: 0!important;
    text-transform: uppercase!important;
    height: 28px!important;
    max-height: 28px!important;
    margin: auto!important;
    transition: 0.3s!important;
    cursor: pointer!important;
    /* color: #D8D8D8; */
}
.fixed_cart{
	display: flex;
    align-items: center;
    justify-content: center;
	position: fixed;
	width: 100%;
	bottom: -10em;
	left: 0;
	height: 100px;
	z-index: 100;
	background-color: #F8F8FF;
	border-top: 1px solid #0C0C0C;
	padding: 0 15px;
	box-shadow: #0C0C0C 0px 20px 30px;
	transition: 0.3s;
}
.hide_fc{
	transition: 0.3s;
	bottom: -10em!important;
}
/* buttao menu mobile */
.btn_menu_ani_scroll {
    top: 30px !important;
    transition: 0.9s;
}

.btn_menu_ani {
    transition: 0.9s;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 25;
    top: 55px;
}

.span_menu_ani {
    border: 1px solid #0e60f2;
    display: block;
    width: 70%;
    border-radius: 3px;
    height: 0;
    background: #0e60f2;
    transition: all .3s;
    position: relative;
}

.span_menu_ani + .span_menu_ani {
    margin-top: 5px;
}
.active .span_menu_ani + .span_menu_ani {
    margin-top: 12px!important;
}

/* First line animation */
.active .span_menu_ani:nth-child(1) {
    animation: ease .7s top forwards;
}
.not-active .span_menu_ani:nth-child(1) {
    animation: ease .7s top-2 forwards;
}

/* Second line animation */
.active .span_menu_ani:nth-child(2) {
    animation: ease .7s bottom forwards;
}
.not-active .span_menu_ani:nth-child(2) {
    animation: ease .7s bottom-2 forwards;
}

/* Keyframes for the first line (top) */
@keyframes top {
    0% {
        top: 0;
        transform: rotate(0);
    }
    50% {
        top: 23%;
        transform: rotate(0);
    }
    100% {
        top: 23%;
        transform: rotate(45deg);
    }
}

@keyframes top-2 {
    0% {
        top: 23%;
        transform: rotate(45deg);
    }
    50% {
        top: 23%;
        transform: rotate(0deg);
    }
    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

/* Keyframes for the second line (bottom) */
@keyframes bottom {
    0% {
        bottom: 0;
        transform: rotate(0);
    }
    50% {
        bottom: 23%;
        transform: rotate(0);
    }
    100% {
        bottom: 23%;
        transform: rotate(135deg);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: 0%;
        transform: rotate(135deg);
    }
    50% {
        bottom: 0%;
        transform: rotate(0);
    }
    100% {
        bottom: 0;
        transform: rotate(0);
    }
}


.breadcrumbs ul li {
	font-size: 11px!important;
}
.w-md-75{
	width: 75%;
}
@media screen and (max-height: 450px) {
	
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .sidenav {
	width: 100%;
	}
	.sidenav.hide {
		visibility: hidden;
		right: -100%;
	}
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767.98px) {
	.carousel-caption h1{
		text-transform: uppercase;
		font-size: 24px!important;
		font-weight: 600;
		height: auto!important;
	}
	.carousel-caption h4{
		font-size: 16px!important;
	}
	.whatasppIcon {
		bottom: 1em!important;
		right: 1rem!important;
	}
	.whatasppIcon img{
		height: 60px;
	}
	footer {
		text-align: center;
	}
	.slider_desc{
		background-color: #0C0C0C;
		margin-top: 0.5rem!important;
		margin-left: 0.5rem!important;
		padding: 1rem!important;
		width: 60%;
	}
	.pagina_home .carousel img{
		width: 215% !important;
        margin-left: -110% !important;
	}
	.owl-stage-outer{
		padding-bottom: 0!important;
	}
	.brands_nav {
		top: 45%!important;
	}
	.order{
		margin-top:0!important;
		margin-bottom: -3rem;
	}
	.navbar-nav a::before  {
		width: 0!important;
	}
	.header-home{
		transition: 0s!important;
	}
	.produto_tipos{
		width: 100%!important;
	}
	.col_ec_opo ul{
		columns: 2!important;
		-webkit-columns: 2!important;
		-moz-columns: 2!important;
	}
	.d-hide-mob{
		display: none!important;
	}
	.slider_home_img{
		width: 280%!important;
	}
	.logo_home{
		right: 63%!important;
	}
	#in {
		min-width: 200px!important;
	}
	.modal_pesquisa .close{
		right: -15px!important;
	}
	#logo {
        left: 0 !important;
        right: 0 !important;
        width: fit-content;
        /* transform: scale(0.5) !important; */
    }
	.logo_slide_left {
		transform: scale(0.8)!important;
		margin-top: 0!important;
		transition: 0.8s!important;
		left: 15px!important;
	}
	.home_border{
		border-bottom: none!important;
	}
	.img_desc_blog{
		transform: scale(0.7);
		top: -4rem;
		padding: 5rem 0rem 0rem 0rem!important;
	}
	.pr-6{
		padding-right: unset!important;
	}
	.video_blog_noticias iframe{
		height: 40%;
		width: 95%;
	}
	.slogan{
		font-size: 14px!important;
	}
	.font-28 {
		font-size: 20px!important;
	}
	.sidenav.hide {
		visibility: hidden;
		right: -100%;
	}
	.sidenav {
		width: 100%;
	}
	.fundo_slider .logo_home{
		/* margin-top: 5rem; */
		width: 150px!important;
	}
	.carousel-caption h3 {
		font-size: 22px;
		line-height: 29px;
	}
	.breadcrumbs ul li {
		font-size: 11px!important;
	}
	.carousel-caption {
		height: auto!important;
		margin: unset!important;
		padding-right: 0;
		margin: auto;
		text-align: center;
		width: 100%;
		left: 0;
		top: 2.5rem;
		padding: 1rem;
	}
	.shop-subtitle{
		font-size: 20px!important;
	}
	.shop-subtitle span{
		font-size: 20px!important;
	}
	.lost::before{
		background-position: center!important;
	}
	.p-xs-0{
		padding:0!important;
	}
	.w-md-75{
		width: 100%!important;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and  (max-width: 992px) {
	.brands_nav {
		top: 35%!important;
	}
	.order{
		margin-top:0!important;
		margin-bottom: -3rem;
	}
	.navbar-nav a::before  {
		width: 0!important;
	}
	.header-home{
		transition: 0s!important;
	}
	.produto_tipos{
		width: 100%!important;
	}
	.d-hide-mob{
		display: none!important;
	}
	.slider_home_img{
		width: 205%!important;
	}
	.logo_home{
		right: 50%!important;
	}
	#in {
		min-width: 200px!important;
	}
	.modal_pesquisa .close{
		right: -15px!important;
	}
	#logo{
		left: 0!important;
		right: 0!important;
		width: fit-content;
		margin-top: 1rem!important;
		transform: scale(0.55);
	}
	.logo_slide_left {
		transform: scale(0.8)!important;
		margin-top: 0!important;
		transition: 0.8s!important;
		left: 15px!important;
	}
	.home_border{
		border-bottom: none!important;
	}
	.fundo_slider .logo_home{
		width: 150px!important;
	}
	.pr-6{
		padding-right: unset!important;
	}
	.video_blog_noticias iframe{
		height: 40%;
		width: 95%;
	}
	.slogan{
		font-size: 14px!important;
	}
	.font-28 {
		font-size: 20px!important;
	}
	.sidenav.hide {
		visibility: hidden;
		right: -100%;
	}
	.sidenav {
		width: 100%;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1299.98px)  {
	.menu_idiomas li {
		width:25px;
		height:25px;
		padding:2px;
	}
} 

/* @media (min-width: 1200px) and (max-width: 1599.98px)  { 
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 2000px) {
	.owl-item{
		min-height: 273px;
	}
}