/************** Header ****************/

	@media only screen and (min-width: 1025px) {
		#preHeaderContent{
			height: 200px;
			width: 100%;
			background-color: #FFF !important;
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
			position: fixed;
			z-index: 9999;
			top: 0px;
			padding-right: 0px;
		}

		#preHeader{
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			/* background-image: url('/img/clubis/header/rubis_clubis_header.png'); */
			background-repeat: no-repeat;
			background-size: cover;
			/*background-position: center;*/
		}

		#preHeader div{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		#headerContent{
			margin-top: 0px;
			height: 800px;
			background-color: #FFF !important;
			padding-top: 0px;
			display: flex;
			align-items: center;

			background-image: url('/img/clubis/header/rubis_clubis_header.png');
			background-repeat: no-repeat;
			background-size: cover;
			/*background-position: center;*/

		}

		#div_revendedores{
			width: 63.2rem;
			display: none;
		}

		#afterHeader{
			position: relative;
			min-height: 113px;
			background-color: #FFF;
			padding-top: 15px;
		}

		.div_info_rev{
			display: flex;
			justify-content: center;
		}

		.contatos_rev{
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 80px;
			max-width: 30%;
		}

		#dados_rev{
			margin-right:50px;
			max-width: 60%;
		}

		.titulo_home{
			color: #03604D;
			font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
			font-size: 34px;
			margin: 30px 0px;
			text-transform: uppercase;
		}

		.button_slider{
			width: 35px !important;
			height: 85px !important;
			display: flex !important;
			align-items: center;
			background-color: #03604d !important;
			color: white !important;
			border-radius: 50px !important;
			/*margin-right: 5px !important;*/
			justify-content: center;
		}

		.div_text_modal{
			position: absolute;
			left: 220px;
			top: 90px;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 600px) {
		#preHeaderContent{
			height: 80px;
			width: 100%;
			background-color: #FFF !important;
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
			position: fixed;
			z-index: 9999;
			top: 0px;
			padding-right: 15px;
		}

		#preHeader{
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-image: url('/img/clubis/header/rubis_clubis_header.png');
			background-repeat: no-repeat;
			background-size: cover;
		}

		#preHeader div{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		#headerContent{
			margin-top: 80px;
			height: 500px;
			background-color: #ccc !important;
			padding-top: 0px;
			display: flex;
			align-items: center;
			/* background-image: url('/img/lojarubis/header/rubis_header_alpha.png'); */
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		#div_revendedores{
			width: 100%;
			display: none;
		}

		#afterHeader{
			position: relative;
			min-height: 113px;
			background-color: #FFF;
			padding-top: 15px;
		}

		.div_prox_rev{
			padding-right: 0px;
		}

		#prox_rev{
			margin-right: 0px !important;
		}

		.div_info_rev{
			display: flex;
			justify-content: center;
		}

		.contatos_rev{
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 80px;
			max-width: 30%;
		}

		#dados_rev{
			margin-right:50px;
			max-width: 60%;
		}

		.titulo_home{
			color: #03604D;
			font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
			font-size: 34px;
			margin: 30px 0px;
			text-transform: uppercase;
		}

		.button_slider{
			width: 35px !important;
			height: 85px !important;
			display: flex !important;
			align-items: center;
			background-color: #03604d !important;
			color: white !important;
			border-radius: 50px !important;
			/*margin-right: 5px !important;*/
			justify-content: center;
		}

		.div_text_modal{
			position: absolute;
			left: 220px;
			top: 90px;
		}
	}


	@media only screen and (max-width: 599px) {
		#preHeaderContent{
			height: 50px;
			width: 100%;
			background-color: #FFF !important;
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
			position: fixed;
			z-index: 9999;
			top: 0px;
			padding-right: 0px;
		}

		#preHeader{
			height: 100%;
			display: block;
		}

		#preHeader div{
			display: flex;
			align-items: center;
		}

		#headerContent{
			margin-top: 50px;
			height: 500px;
			background-color: #ccc !important;
			padding-top: 0px;
			display: flex;
			align-items: center;
			/*background-image: url('/img/lojarubis/header/rubis_header_alpha.png');*/
			background-repeat: no-repeat;
			background-size: cover;
			/* background-position: center; */
		}

		#div_revendedores{
			width: none;
			display: none;
		}

		#afterHeader{
			position: relative;
			min-height: 113px;
			background-color: #FFF;
			padding-top: 15px;
		}

		.div_prox_rev{
			padding-right: 0px;
		}

		#prox_rev{
			margin-right: 0px !important;
		}

		.contatos_rev{
			display: flex;
			flex-direction: column;
			justify-content: center;
			min-height: 80px;
			max-width: 100%;
		}

		#dados_rev{
			margin-right:none;
			max-width: 100% !important;
		}

		.titulo_home{
			color: #03604D;
			font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
			font-size: 24px;
			margin: 30px 15px;
			text-transform: uppercase;
		}

		.button_slider{
			width: 35px !important;
			height: 85px !important;
			display: flex !important;
			align-items: center;
			background-color: #03604d !important;
			color: white !important;
			border-radius: 50px !important;
			justify-content: center;
		}

		.div_text_modal{
			position: absolute;
			left: 140px;
			top: 90px;
		}

		.text_tab_carrinho{
			font-size: 10px !important;
		}
	}

	#headerContentMobile{
		margin-top: 80px;
		height: 400px;
		background-color: #ccc !important;
		padding-top: 0px;
		display: flex;
		align-items: center;
		/* background-image: url('/img/lojarubis/header/header_mobile.png?v=2');*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#headerContentCarrinho{
		margin-top: 80px;
		height: 50px;
	}

	.menu_image {
		border-radius: 50px;
		width: 30px;
		height: 30px;
		border: 2px solid #03604d;
		cursor: pointer;
		background-color: transparent;
		padding: 1px;
	}

	#cep_div{
		height: 50px;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		border-radius: 50px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}

	#cep_div input{
		background-color: transparent;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #03604D;
		box-shadow: none;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		color: #03604D !important;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	#cep_div p{
		color: #03604D;
		font-size: 30px;
		font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		margin-top: 15px;
	}

	#h2_header{
		color: #FFFFFF;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
	}

	#p_header{
		color: #FFFFFF;
		font-size: 24px;
		font-family: "FuturaMedium", Arial, Helvetica, sans-serif !important;
	}

	#carrinho_image, #user_image{
		width: 35.75px;
		margin-right: 10px;
		margin-left: 10px;
	}

	.progress_bar{
		width: 90%;
		border-radius: 50px;
		height: 10px;
		background-color: #DCDB22;
	}

	.porcent_bar{
		background-color: #03604D;
		height: 10px;
		border-radius: 50px;
	}

	.tab_carrinho{
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.tab_carrinho p{
		width: 40px;
		text-align: center;
		background-color: #03604d;
		color: white;
		height: 40px;
		border-radius: 50px;
		padding-top: 5px;
		font-size: 20px;
	}

	.text_tab_carrinho{
		color: #03604d;
		font-size: 12px;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		text-align: center;
		margin-top: 10px;
	}

	#nome_rev, #nome_rev_modal, .nome_rev{
		font-size: 20px !important;
		color: #03604d !important;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		margin-bottom: 10px;
		white-space: nowrap;
		width: 100%;
		overflow: hidden;
		height: 23px;
		text-overflow: ellipsis;

	}

	#sem_rev{
		font-size: 20px !important;
		color: #03604d !important;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		margin-bottom: 10px;
		width: 100%;
		line-height: 1.5;
	}

	#morada_rev, #cp_rev, #morada_rev_modal, #cp_rev_modal, .morada_rev, .cp_rev{
		color: #9F9F9F;
		margin-bottom: 10px;
	}

	.button_slider:hover{
		color: white !important;
	}

	.select_rev_modal{
		margin-bottom: 20px;
		border: 1.5px solid #03604d99;
		padding: 15px;
		cursor: pointer;
	}

	.select_rev_modal:hover{
		border: 1.5px solid #03604d;
	}

/*************************************/

/************** Body ****************/

	@media only screen and (min-width: 1025px) {
		.produto_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 235px;
		}

		.bbq_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 235px;
		}

		#bbqs_div{
			margin-bottom: 30px;
			padding-right:15px;
		}

		#modal_login{
			border-radius: 40px;
			box-shadow: 0px 6px 24px #00000029 !important;
			background: #FFFFFF 0% 0% no-repeat padding-box;
		}

		body{
			overflow-x: hidden;
		}

		.parceria_card{
			border-radius: 20px;
			width: 600px;
		}

		.parceria_card img{
			border-radius:24px;
		}

		.image_detalhe_produto{
			position: absolute;
			width: 170px;
			top: 70px;
		}

		.banner_detalhe_parceria {
			width: 100%;
			height: 500px;
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 14px;
			border-top-right-radius: 14px;
			box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
		}

		.tabs-content {
			border-top-left-radius: 0px !important;
		}

		.div_tab_content{
			margin-bottom:10px;
			margin-left:40px;
		}

		#div_avaliacoes{
			margin-left:40px;
		}

		#sugestoes{
			justify-content: none;
		}

		.div_reagendar{
			display: flex;
			align-items: center;
		}
	}

	@media only screen and (max-width: 1024px) and (min-height: 600px) {
		.produto_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 100%;
		}

		#produtos .row div>div{
			padding-left: 15px !important;
		}

		.bbq_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 235px;
		}

		#bbqs_div{
			margin-bottom: 30px;
		}

		#modal_login{
			border-radius: 40px;
			box-shadow: 0px 6px 24px #00000029 !important;
			background: #FFFFFF 0% 0% no-repeat padding-box;
		}

		body{
			overflow-x: hidden;
		}

		#mainContent{
			padding-left: 15px;
			padding-right: 15px;
		}

		.div_resumo{
			padding: 0px;
		}

		#modal_login, #modal_detalhe_produto, #popup_apagarConta, .modal-fatura, #modal_reagendar, #modal_rating, #modal_alert, #modal_revendedores{
			width: 60% !important;
			margin-left: -30% !important;
		}

		.padding-0{
			padding: 0px !important;
		}

		.parceria_card{
			border-radius: 20px;
			width: 480px !important;
		}

		.parceria_card img{
			border-radius:24px;
		}

		.image_detalhe_produto{
			position: absolute;
			width: 170px;
			top: 70px;
		}

		.banner_detalhe_parceria {
			width: 100%;
			height: 450px;
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 14px;
			border-top-right-radius: 14px;
			box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
		}

		.tabs-content {
			border-top-left-radius: 0px !important;
		}

		.div_tab_content{
			margin-bottom:10px;
			margin-left:40px;
		}

		#div_avaliacoes{
			margin-left:40px;
		}

		#sugestoes{
			justify-content: none;
		}

		.div_reagendar{
			display: flex;
			align-items: center;
		}
	}

	@media only screen and (max-width: 599px) {
		.produto_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 100%;
		}

		#produtos .row div>div{
			padding-left: 15px !important;
			margin-bottom: 10px;
		}

		.bbq_card{
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-content: center;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			width: 235px;
		}

		#bbqs_div{
			margin-bottom: 30px;
			padding-right: 0px;
		}

		#bbqs_div div{
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		#bbqs{
			display: flex;
			justify-content: center;
		}

		#bbq_row{
			padding-left: 0px !important;
		}

		#bbq_row div{
			padding-left: 20px !important;
			padding-right: 15px !important;
		}

		body{
			overflow-x: hidden;
		}

		#modal_login{
			border-radius: 40px;
			box-shadow: 0px 6px 24px #00000029 !important;
			background: #FFFFFF 0% 0% no-repeat padding-box;
		}

		#mainContent{
			padding-left: 15px;
			padding-right: 15px;
		}

		.div_resumo{
			padding: 0px;
		}

		#modal_login, #modal_detalhe_produto, #popup_apagarConta, .modal-fatura, #modal_reagendar, #modal_rating, #modal_alert, #modal_revendedores{
			width: 80% !important;
			margin-left: -40% !important;
		}

		.div_qtd{
			margin-left: 5px !important;
		}

		#campos_login{
			width: 100% !important;
		}

		.text_center{
			text-align: center;
		}

		#headerContentCarrinho{
			height: 0px;
		}

		.padding-0{
			padding: 0px !important;
		}

		.parceria_card{
			border-radius: 20px;
			width: 300px !important;
		}

		.parceria_card img{
			border-radius:24px;
		}

		#parceria_div{
			display: flex;
			justify-content: center;
		}

		.image_detalhe_produto{
			position: absolute;
			width: 100px;
			top: 70px;
		}

		.banner_detalhe_parceria {
			width: 100%;
			height: 200px;
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 14px;
			border-top-right-radius: 14px;
			box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
		}

		.tabs-content {
			border-top-left-radius: 14px !important;
		}

		.div_tab_content{
			margin-bottom:10px;
			margin-left:0px;
		}

		#div_encomendas{
			margin-left:0px !important;
		}

		#div_avaliacoes{
			margin-left:0px;
		}

		.logo_avaliacao{
			left: 0px !important;
		}

		#sugestoes{
			justify-content: center;
		}

		.div_reagendar{
			display: block;
		}

		.div_reagendar button{
			margin-top: 10px;
		}
	}

	p{
		color: #03604d;
	}

	#mainContent{
		background-color: #EEEEEE;
	}

	body{
		/* background-color: #EEEEEE;*/
		/*background-color: #dbdce4;*/
		background-color: #dbdce3 !important;
	}

	select{
		color: #03604d;
		font-family: "Futura", Arial, Helvetica, sans-serif !important;
	}


	.titulo_carrinho{
		color: #03604D;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		font-size: 22px;
		margin-top: 30px;
	}

	.produto_card_a{
		color: #03604d;
		font-size: 14px;
		font-family: "Futura", Arial, Helvetica, sans-serif !important;
	}

	.produto_card_titulo{
		color: #03604d;
		font-size: 16px;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		margin:0px;
	}

	.produto_card_prod{
		color: #03604d;
		font-size: 16px;
		font-family: "FuturaMedium", Arial, Helvetica, sans-serif !important;
		margin:0px;
	}

	.produto_card_img{
		width: 80%;
	}

	.produto_card_preco{
		text-align: center;
		color: #dcda26;
		font-size: 16px;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	.div_qtd{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: space-around;
		justify-content: space-between;
		align-items: center;
		border: 2px solid ;
		border-radius: 30px;
		padding: 5px 20px;
		margin-top: 10px;
		width: 134px;
		height: 40px;
		color: #03604d;
		font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif !important;
	}

	.div_qtd img{
		width: 100%;
	}

	.div_qtd p{
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		color: #03604d;
		font-size: 14px;
	}

	.div_qtd_carrinho{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: space-around;
		justify-content: space-between;
		align-items: center;
		border: 2px solid ;
		border-radius: 30px;
		padding: 5px 20px;
		margin-top: 10px;
		width: 134px;
		height: 40px;
		color: #03604d;
		font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif !important;
	}

	.div_qtd_carrinho img{
		width: 100%;
	}

	.div_qtd_carrinho p{
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		color: #03604d;
		font-size: 14px;
		font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif !important;
	}

	.total_div p{
		width: 100%;
		text-align: right;
		color: #FFFFFF !important;
		margin-right: 15px;
		margin-bottom: 0px;
		font-family:"FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	.obs_total{
		font-size:10px;
		font-family:"Futura", Arial, Helvetica, sans-serif !important;
	}

	.scroll-box::-webkit-scrollbar-track {
		background-color: transparent;
		border-radius: 50px;
	}
	.scroll-box::-webkit-scrollbar {
		width: 6px;
		background: transparent;
		border-radius: 50px;
	}
	.scroll-box::-webkit-scrollbar-thumb {
		background: #03604d;
		border-radius: 50px;
	}

	.card{
		width: 100% !important;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		min-height: 300px;
		border-radius: 14px;
		box-shadow: 0px 3px 6px #00000029;
		padding: 20px;
	}

	.card_2{
		width: 100% !important;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		min-height: 300px;
		border-radius: 14px;
		box-shadow: 0px 3px 6px #00000029;
		padding: 20px;
		position: sticky;
	}

	.card_avaliacoes{
		margin-left: 40px;
		margin-right: 15px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 14px;
		box-shadow: 0px 3px 6px #00000029;
		padding: 20px;
		margin-bottom: 15px;
	}

	.cardinterior{
		width: 90% !important;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		min-height: 100px;
		border-radius: 14px;
		box-shadow: 0px 3px 6px #00000029;
		padding: 20px 0 20px 0;
		margin:auto;
		overflow: hidden;
	}

	.card_modal{
		width: 100% !important;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		height: 220px;
		border-radius: 40px;
		box-shadow: 0px 3px 6px #00000029;
		padding: 20px;
	}

	.desc_prod_card{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		height: 40px;
		background-color: #03604d;
		width: 100%;
		border-radius: 30px;
	}

	.desc_prod_card span{
		color: #FFFFFF;
		font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif !important;
	}

	.div_img_desc{
		height: 35px;
		position: absolute;
		width: 35px;
		left: 3.5px;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
	}

	.div_img_desc img{
		width: 70% !important;
	}

	#modal_alert, #modal_revendedores{
		border-radius: 14px;
	}

	.close-reveal-modal{
		right: 30px !important;
		font-size: 22px !important;
		top: 30px !important;
		color: #03604d !important;
	}

	.close-reveal-modal-2{
		right: 30px !important;
		font-size: 22px !important;
		top: 30px !important;
		color: #03604d !important;
		position: absolute;
	}

	.login_image{
		border-radius: 35px;
		width: 64.23px;
		height: 64.23px;
		border: 4px solid #03604d;
		cursor: pointer;
		background-color: transparent;
		margin-right: 10px;
	}

	.p_login{
		font-size: 20px;
		color: #03604d;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
	}

	.div_links_login{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}

	.div_links_login button{
		margin-bottom: 30px;
	}

	.div_links_login a{
		color: #03604d;
		margin-bottom: 30px;
		text-align: center;
		width: 90%;
	}

	.div_links_login .link_criar_conta{
		font-size: 14px;
		color: #03604d;
	}

	.input_login{
		border-radius: 12px !important;
		border: 1px solid #03604d !important;
		height: 39px;
		font-size: 0.9rem !important;
	}

	.input_adesao{
		border-radius: 20px !important;
		border: 1px solid #ccc !important;
		height: 39px;
		font-size: 0.9rem !important;
		padding-left:15px !important;
	}

	select{
		border-radius: 50px !important;
		/*appearance: auto !important;*/
		/*-webkit-appearance: auto !important;*/
		text-align: center;
		background-image: linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,#03604d,#03604d);
		background-position: calc(100% - 17px) calc(1em + 1px),calc(100% - 12px) calc(1em + 1px),100% 0;
		box-shadow: 0 0 1em #E9E9E9;
		width: 100%;
		border-radius: 12px;
		height: 35px !important;
		/* padding-top: 2px!important; */
		padding-left: 1rem!important;
		padding-right: 3rem!important;
		background-size: 5px 5px,5px 5px,2.5em 2.5em;
		background-repeat: no-repeat!important;
	}

	select:hover{
		text-align: center;
		background-image: linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0),linear-gradient(90deg,#03604d,#03604d);
		background-position: calc(100% - 17px) calc(1em + 1px),calc(100% - 12px) calc(1em + 1px),100% 0;
		box-shadow: 0 0 1em #E9E9E9;
		width: 100%;
		border-radius: 12px;
		height: 35px !important;
		/* padding-top: 2px!important; */
		padding-left: 1rem!important;
		padding-right: 3rem!important;
		background-size: 5px 5px,5px 5px,2.5em 2.5em;
		background-repeat: no-repeat!important;
	}

	.div_select{
		width: 100%;
	}

	.div_select:after {
		background-color: #1d4273;
		background-size: 10px;
		background-repeat: no-repeat;
		width: 40px;
		height: 42px;
		border: none;
		background-position: center;
		border-bottom-right-radius: 50px;
		border-top-right-radius: 50px;
		top: -1px;
		left: inherit;
	}

	.total_div{
		padding: 0px;
		background-color: #03604d !important;
		border-bottom-left-radius: 14px;
		border-bottom-right-radius: 14px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: center;
		height: 70px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}

	.texto_informativo_devolucao{
		margin-top: 15px;
		border: 1px dashed #03604d;
		border-radius: 50px;
		padding: 15px;
	}

	.texto_informativo_devolucao p{
		margin-bottom: 0px;
		color: #03604d;
		font-size: 14px;
		text-align: center;
	}

	.div_dados{
		border: 1px dashed #03604d;
		border-radius: 24px;
		padding: 20px;
		margin-bottom: 15px;
		box-shadow: 0px 3px 6px #00000029;
	}

	.div_dados p{
		margin-bottom: 0px;
		color: #03604d;
		font-size: 14px;
	}

	.div_dados .titulo{
		text-transform: uppercase;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	.btn_metodo_pagamento{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 20px;
		margin-bottom: 30px;
	}

	.btn_metodo_pagamento img{
		width: 80px;
	}

	.btn_metodo_pagamento span{
		margin-top: 15px;
	}

	#numero{
		width: 170px;
		height: 40px;
		border-radius: 10px;
		border-color: #03604D;
		background: #F3F3F3;
		padding-left: 20px;
		color: #03604d;
		font-size: 13px;
		font-family: "Futura", Arial, Helvetica, sans-serif !important;
	}

	#codigo{
		width: 40px;
		height: 40px;
		border-radius: 10px;
		border-color: #03604D;
		background: #F3F3F3;
		color: #03604d;
		font-size: 13px;
		font-family: "Futura", Arial, Helvetica, sans-serif !important;
		margin-right: 10px;
	}

	#radios_metodo_pagamento label {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding-left: 25px;
		margin-right: 15px;
		font-size: 13px;
		/*opacity: 0.5;*/
	}

	#radios_metodo_pagamento input[type=radio]+label:before {
		content: "";
		display: inline-block;

		width: 16px;
		height: 16px;

		border-radius:50%;

		margin-right: 10px;
		position: absolute;
		left: 0;
		bottom: 1px;
		background-color: #03604D;
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	}

	#radios_metodo_pagamento input[type=radio]:checked + label:before {
		content: "\2022";
		color: #03604D;
		-webkit-text-stroke: 0.5px #DCDB22;
		text-stroke: 0.5px #DCDB22;
		font-size: 30px;
		text-align: center;
		line-height: 15px;
		border: 1px solid #DCDB22;
	}

	#radios_metodo_pagamento input[type=radio]:checked + label{
		opacity: 1;
	}


	#radios_area_pessoal label {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding-left: 25px;
		margin-right: 15px;
		font-size: 13px;
	}

	#radios_area_pessoal input[type=radio]+label:before {
		content: "";
		display: inline-block;

		width: 16px;
		height: 16px;

		border-radius:50%;

		margin-right: 10px;
		position: absolute;
		left: 0;
		bottom: 1px;
		background-color: #03604D;
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
		opacity: 0.3;
	}

	#radios_area_pessoal input[type=radio]:checked + label:before {
		content: "\2022";
		color: #03604D;
		-webkit-text-stroke: 0.5px #DCDB22;
		text-stroke: 0.5px #DCDB22;
		font-size: 30px;
		text-align: center;
		line-height: 15px;
		border: 1px solid #DCDB22;
		opacity: 1 !important;
	}

	#radios_area_pessoal input[type=radio]:checked + label{
		opacity: 1;
	}

	#radios_area_pessoal input[type=checkbox]+label:after {
		content: "";
		display: inline-block;

		width: 16px;
		height: 16px;

		border-radius:50%;

		margin-right: 10px;
		position: absolute;
		left: 0;
		bottom: 1px;
		background-color: #03604D;
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
		opacity: 0.3;
	}

	#radios_area_pessoal input[type=checkbox]:checked + label:after {
		content: "\2022";
		color: #03604D;
		-webkit-text-stroke: 0.5px #DCDB22;
		text-stroke: 0.5px #DCDB22;
		font-size: 30px;
		text-align: center;
		line-height: 15px;
		border: 1px solid #DCDB22;
		opacity: 1 !important;
	}

	#radios_area_pessoal input[type=checkbox]:checked + label{
		opacity: 1;
	}

	.div_estado{
		height: 70px;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		background-color: #03604d;
		padding: 15px;
		border-radius: 10px;
	}

	.div_estado h3{
		color: #FFFFFF;
		font-size: 16px;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		margin: 0px;
	}

	.hr_vertical{
		width: 2px;
		border-right: 1px solid #FFFFFF;
		height: 50px;
		margin-right: 15px;
	}

	.icone_estado{
		width: 40px;
		height: 40px;
		border: 3px solid #ffffff;
		border-radius: 50px;
	}

	.div_cartoes_parceria{
		border: 1px solid #03604d;
		border-radius: 8px;
		padding: 10px;
		margin-bottom: 15px;
		box-shadow: 0px 3px 6px #00000029;
		overflow: hidden;
		color: #03604D;
		min-height: 50px;
	}

	.h2_modal{
		font-size: 26px;
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		color: #03604D;
		text-transform: uppercase;
	}

	.h3_modal{
		font-size: 20px;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
		color: #03604D;
		text-transform: uppercase;
	}

	.text_modal{
		font-size: 24px;
		font-family: "FuturaMedium", Arial, Helvetica, sans-serif !important;
		color: #03604D;
	}

	.adiciona_morada{
		margin-left: 10px;
		background: #dcda26;
		color: #03604D;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		padding: 4px 7px;
	}

	.p_dados_faturacao{
		border-bottom: 2px solid #222222;
	}

	.linha_fatura{
		background-image:url('/assets/img/icon_separador_recibo.png');
		width: 100%;
		height: 15px;
		margin: 2rem 0;
		background-size: contain;
		background-repeat: repeat-x;
	}

	.total_div_fatura{
		padding: 0px;
		background-color: #03604d !important;
		border-bottom-left-radius: 14px;
		border-bottom-right-radius: 14px;
		width: 100%;
		display: flex;
		justify-content: center;
		height: 70px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
	}

	.logo_avaliacao{
		width: 120px;
		border-radius: 13px;
		position: absolute;
		left: 40px;
	}

	.tag_active{
		width: fit-content;
		padding: 10px;
		background: #dcda23;
		border-radius: 13px;
		margin-bottom: 5px;
	}

	.tag_desactive{
		width: fit-content;
		padding: 10px;
		border: 1px solid #cccccc;
		border-radius: 13px;
		margin-bottom: 5px;
	}

	.tag_active p{
		color: #ffffff;
	}

	.no-wrap{
		white-space: nowrap;
	}
/***********************************/


/************** Footer ****************/


	@media only screen and (min-width: 1025px) {
		.container {
			max-width: 1140px;
		}

		#footer .main-footer-section .logo-col .certificates li img {
			width: 80px;
		}

		#footer .copyright-footer {
			padding: 30px 0;
		}

		#footer .copyright-footer .copyright, #footer .copyright-footer a {
			color: #ffffff;
			font-family: 'Futura', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.8rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
			display: block;
			width: 100%;
			text-align: center;
		}

		footer:before {
			content: '';
			display: block;
			background-image: url('/img/lojarubis/footer/footer.png');
			background-color: #EEEEEE;
			background-size: cover;
		}

		#footer.small-illustration:before {
			height: calc(100vw * 306 / 2500);
			top: calc((100vw * 306 / 2500) * -1);
		}



		#footer .main-footer-section {
			padding-top: 30px;
			padding-bottom: 0px !important;
			border-bottom: 2px solid #6db0a3;
			display: flex;
			flex-direction: row;
		}

		#footer .main-footer-section .logo-col > figure {
			/*margin-bottom: 55px;*/
		}

		.bg-contain{
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

		.display-flex{
			display: flex;
		}

		#nav-row{
			display: flex;
		}

		#footer .main-footer-section .nav-col>div.menu-column li {
		  margin-bottom: 5px;
		}

		#footer .main-footer-section .nav-col>div.menu-column li a {
		  color: #ffffff;
		  font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
		  font-size: 14px;
		  font-size: 1.4rem;
		  line-height: 14px;
		  line-height: 31px;
		}

		#footer .main-footer-section .nav-col>div.menu-column {
			padding: 0 5px;
		}

		.certificates {
		  display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flexbox;
		  display: -ms-flex;
		  display: flex;
		  /*webkit-box-pack: space-between;
		  -webkit-justify-content: space-between;
		  -moz-justify-content: space-between;
		  -ms-justify-content: space-between;
		  -ms-flex-pack: space-between;
		  justify-content: space-between;*/
		}

		ul{
			list-style-type: none;
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		ul li{
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		#footer .main-footer-section .nav-col > div h3 {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif !important;
			font-size: 16px;
			font-size: 1rem;
			line-height: 16px;
			line-height: 28px;
			text-transform: uppercase;
			margin-bottom: 25px;
		}

		#footer .main-footer-section .nav-col > div a {
			color: #ffffff ;
			font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
			font-size: 0.9rem;
			line-height: 31px;
		}

		#footer .main-footer-section .nav-col > div a:hover {
			text-decoration: underline;
		}

		#footer .social-media-column a:hover{
			background: #FFFFFF;
			color: #03604D !important;
			text-decoration: none;
		}

		#footer .main-footer-section .nav-col > div ul{
			margin: 0px;
		}

		#footer .copyright-footer .subfooter-nav {
			text-align: center;
			margin-bottom: 0px;
		}

		#footer .copyright-footer .subfooter-nav li:not(:last-of-type) {
			margin-right: 35px;
		}

		#footer .copyright-footer .subfooter-nav li {
			display: inline-block;
		}

		#footer .copyright-footer .subfooter-nav li a {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.8rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
		}

		.link_social_media{
			color: #ffffff !important;
			font-size: 17px !important;
			font-size: 1.7rem !important;
			line-height: 17px !important;
			border: 2px solid #ffffff !important;
			-webkit-border-radius: 50% !important;
			-moz-border-radius: 50% !important;
			-ms-border-radius: 50% !important;
			-o-border-radius: 50% !important;
			border-radius: 50% !important;
			width: 30px !important;
			height: 30px !important;
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
			-webkit-box-pack: center !important;
			-ms-flex-pack: center !important;
			justify-content: center !important;
			-webkit-box-align: center !important;
			-ms-flex-align: center !important;
			align-items: center !important;
			text-decoration: unset !important;
			margin-right: 15px;
		}

		.link_social_media i{
			font-size: 14px;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 600px) {
		.container {
			max-width: 960px;
		}

		#footer .main-footer-section .logo-col .certificates li img {
			width: 200px;
		}

		#footer .main-footer-section .logo-col figure a img	 {
			width: 300px;
		}

		#footer .copyright-footer {
			padding: 30px 0;
		}

		#footer .copyright-footer .copyright, #footer .copyright-footer a {
			color: #ffffff;
			font-family: 'Futura', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.8rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
			display: block;
			width: 100%;
			text-align: center;
		}

		footer:before {
			content: '';
			display: block;
			background-image: url('/img/lojarubis/footer/footer.png');
			background-color: #EEEEEE;
			background-size: cover;
		}

		#footer.small-illustration:before {
			height: calc(100vw * 306 / 2500);
			top: calc((100vw * 306 / 2500) * -1);
		}



		#footer .main-footer-section {
			padding-top: 30px;
			padding-bottom: 65px;
			border-bottom: 2px solid #6db0a3;
		}

		#footer .main-footer-section .logo-col > figure {
			/*margin-bottom: 55px;*/
		}

		.bg-contain{
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

		.display-flex{
			display: flex;
		}

		#footer .main-footer-section .nav-col>div.menu-column li {
		  margin-bottom: 5px;
		}

		#footer .main-footer-section .nav-col>div.menu-column li a {
		  color: #ffffff;
		  font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
		  font-size: 14px;
		  font-size: 1rem;
		  line-height: 14px;
		  line-height: 31px;
		}

		#footer .main-footer-section .nav-col>div.menu-column {
			padding: 0 5px;
		}

		.certificates {
		  display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flexbox;
		  display: -ms-flex;
		  display: flex;
		  webkit-box-pack: space-between;
		  -webkit-justify-content: space-between;
		  -moz-justify-content: space-between;
		  -ms-justify-content: space-between;
		  -ms-flex-pack: space-between;
		  justify-content: space-between;
		}

		ul{
			list-style-type: none;
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		ul li{
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		#footer .main-footer-section .nav-col > div h3 {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif !important;
			font-size: 16px;
			font-size: 1.2rem;
			line-height: 16px;
			line-height: 28px;
			text-transform: uppercase;
			margin-bottom: 25px;
			margin-top: 10px;
		}

		#footer .main-footer-section .nav-col > div a {
			color: #ffffff ;
			font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
			font-size: 1rem;
			line-height: 31px;
		}

		#footer .main-footer-section .nav-col > div a:hover {
			text-decoration: underline;
		}

		#footer .social-media-column a:hover{
			background: #FFFFFF;
			color: #03604D !important;
			text-decoration: none;
		}

		#footer .main-footer-section .nav-col > div ul{
			margin: 0px;
		}

		#footer .copyright-footer .subfooter-nav {
			text-align: center;
			margin-bottom: 0px;
		}

		#footer .copyright-footer .subfooter-nav li:not(:last-of-type) {
			margin-right: 35px;
		}

		#footer .copyright-footer .subfooter-nav li {
			display: inline-block;
		}

		#footer .copyright-footer .subfooter-nav li a {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.9rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
		}

		.link_social_media{
			color: #ffffff !important;
			font-size: 17px !important;
			font-size: 1.7rem !important;
			line-height: 17px !important;
			border: 2px solid #ffffff !important;
			-webkit-border-radius: 50% !important;
			-moz-border-radius: 50% !important;
			-ms-border-radius: 50% !important;
			-o-border-radius: 50% !important;
			border-radius: 50% !important;
			width: 30px !important;
			height: 30px !important;
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
			-webkit-box-pack: center !important;
			-ms-flex-pack: center !important;
			justify-content: center !important;
			-webkit-box-align: center !important;
			-ms-flex-align: center !important;
			align-items: center !important;
			text-decoration: unset !important;
			margin-right: 15px;
		}

		.link_social_media i{
			font-size: 15px;
		}
	}

	@media (max-width: 599px){
		.container {
			max-width: 720px;
		}
		#footer .main-footer-section .logo-col .certificates li img {
			width: 200px;
		}

		#footer .main-footer-section .logo-col figure a img	 {
			width: 300px;
		}

		#footer .copyright-footer {
			padding: 30px 0;
		}

		#footer .copyright-footer .copyright, #footer .copyright-footer a {
			color: #ffffff;
			font-family: 'Futura', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.8rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
			display: block;
			width: 100%;
			text-align: center;
		}

		footer:before {
			content: '';
			display: block;
			background-image: url('/img/lojarubis/footer/footer.png');
			background-color: #EEEEEE;
			background-size: cover;
		}

		#footer.small-illustration:before {
			height: calc(100vw * 306 / 2500);
			top: calc((100vw * 306 / 2500) * -1);
		}



		#footer .main-footer-section {
			padding-top: 30px;
			padding-bottom: 65px;
			border-bottom: 2px solid #6db0a3;
		}

		#footer .main-footer-section .logo-col > figure {
			/*margin-bottom: 55px;*/
		}

		.bg-contain{
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

		.display-flex{
			display: flex;
		}

		#footer .main-footer-section .nav-col>div.menu-column li {
		  margin-bottom: 5px;
		}

		#footer .main-footer-section .nav-col>div.menu-column li a {
		  color: #ffffff;
		  font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
		  font-size: 14px;
		  font-size: 1.4rem;
		  line-height: 14px;
		  line-height: 31px;
		}

		#footer .main-footer-section .nav-col>div.menu-column {
			padding: 0 5px;
		}

		.certificates {
		  display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flexbox;
		  display: -ms-flex;
		  display: flex;
		  webkit-box-pack: space-between;
		  -webkit-justify-content: space-between;
		  -moz-justify-content: space-between;
		  -ms-justify-content: space-between;
		  -ms-flex-pack: space-between;
		  justify-content: space-between;
		}

		ul{
			list-style-type: none;
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		ul li{
			font-family: 'Futura', Arial, Helvetica, sans-serif !important;
		}

		#footer .main-footer-section .nav-col > div h3 {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif !important;
			font-size: 16px;
			font-size: 1.2rem;
			line-height: 16px;
			line-height: 28px;
			text-transform: uppercase;
			margin-bottom: 25px;
			margin-top: 10px;
		}

		#footer .main-footer-section .nav-col > div a {
			color: #ffffff ;
			font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif;
			font-size: 1rem;
			line-height: 31px;
		}

		#footer .main-footer-section .nav-col > div a:hover {
			text-decoration: underline;
		}

		#footer .social-media-column a:hover{
			background: #FFFFFF;
			color: #03604D !important;
			text-decoration: none;
		}

		#footer .main-footer-section .nav-col > div ul{
			margin: 0px;
		}

		#footer .copyright-footer .subfooter-nav {
			text-align: center;
			margin-bottom: 0px;
		}

		#footer .copyright-footer .subfooter-nav li:not(:last-of-type) {
			margin-right: 35px;
		}

		#footer .copyright-footer .subfooter-nav li {
			display: inline-block;
		}

		#footer .copyright-footer .subfooter-nav li a {
			color: #ffffff;
			font-family: 'FuturaBold', Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-size: 0.9rem;
			line-height: 12px;
			opacity: .8;
			letter-spacing: .06em;
		}

		.link_social_media{
			color: #ffffff !important;
			font-size: 17px !important;
			font-size: 1.7rem !important;
			line-height: 17px !important;
			border: 2px solid #ffffff !important;
			-webkit-border-radius: 50% !important;
			-moz-border-radius: 50% !important;
			-ms-border-radius: 50% !important;
			-o-border-radius: 50% !important;
			border-radius: 50% !important;
			width: 35px !important;
			height: 35px !important;
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
			-webkit-box-pack: center !important;
			-ms-flex-pack: center !important;
			justify-content: center !important;
			-webkit-box-align: center !important;
			-ms-flex-align: center !important;
			align-items: center !important;
			text-decoration: unset !important;
			margin-right: 15px;
		}

		.link_social_media i{
			font-size: 15px;
		}
	}
	.container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	footer{
		background-color: #0d4439;
		position: relative;
		/* margin-top: 180px; */
		z-index: 1;
	}


/***************************************/

/************** Buttons ****************/
	button{
		cursor: pointer;
		display: inline-block;
		min-height: 1rem;
		outiline: none;
		border: none;
		vertical-align: baseline;
		margin: 0em 0.25em 0em 0em;
		padding: 0.8em 3em 0.8em;
		text-transform: none;
		font-weight: bold;
		line-height: 1em;
		text-align: center;
		text-decoration: none;
		border-radius: 50px;
		font-size: 14px;
		font-family: 'FuturaHeavy', Arial, Helvetica, sans-serif !important;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0px;
	}

	.green_button, .green_button:focus{
		background-color: #eee;
		color: #03604D;
		text-shadow: none;
		background-image: none;
		border: 2px solid #03604D;
	}

	.green_button:hover{
		background-color: #16ab39 !important;
	}

	button.disabled, button[disabled], .button.disabled, .button[disabled] .green_button.disabled{
		background-color: #03604D !important;
		opacity: 0.5 !important;
	}

	.transparent_button{
		background-color: transparent;
		color: #03604D;
		text-shadow: none;
		background-image: none;
		border: 1px solid #03604D;
	}

	.transparent_button:hover, .transparent_button:focus{
		background-color: transparent;
		color: #03604D !important;
		text-shadow: none;
		background-image: none;
		border: 1px solid #03604D !important;
	}

	.gray_button, .green_button:focus, .gray_button:hover{
		background-color: #121C3059 !important;
		color: #FFFFFF !important;
		text-shadow: none !important;
		background-image: none !important;
		cursor: auto;
		height: 40px;
	}

/***************************************/

/************** Radios ****************/
.moon_radio {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
}

.moon_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.moon_radio:hover input ~ .checkmark {
  background-color: #ccc;
}

.moon_radio input:checked ~ .checkmark {
  background-color: #03604D;
}

.moon_radio .dot {
  content: "";
  position: absolute;
  display: none;
}

.moon_radio input:checked ~ .checkmark .dot {
  display: block;
}

.moon_radio .checkmark .dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}
/*************************************/

/************ Checkbox **************/
.moon_checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
}

.moon_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark_checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: none !important;
}

.moon_checkbox:hover input ~ .checkmark_checkbox {
  background-color: #ccc;
}

.moon_checkbox input:checked ~ .checkmark_checkbox {
  background-color: #03604D;
}

.moon_checkbox .check {
  content: "";
  position: absolute;
  display: none;
}

.moon_checkbox input:checked ~ .checkmark_checkbox .check {
  display: block;
}

.moon_checkbox .checkmark_checkbox .check {
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 6px;
	top: 2px;
}
/*************************************/

/************** Tables ****************/
	table{
		width: 100% !important;
		border: none !important;
	}

	.tr_green{
		background: transparent !important;
		border-top: 1px solid #03604d !important;
	}

	.tr_gray{
		background: transparent !important;
		border-top: 1px solid #7070708a !important;
	}

	.tr_gray td{
		font-size: 12px !important;
		color: #7070708a !important;
	}

	td, th{
		color: #03604d !important;
	}

	.tr_detalhe{
		background: transparent !important;
		border: none;
	}

	.td_gray{
		color: #707070 !important;
		font-size: 16px;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	.td_green{
		color: #03604D;
		font-size: 16px;
		font-family: "FuturaHeavy", Arial, Helvetica, sans-serif !important;
	}

	.button_slideshow{
		width: 12px;
		height: 12px;
		background: #03604D;
		border: 2px solid #DCDB22;
		border-radius: 50px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.active_button{
		background: #DCDB22 !important;
		border-color: #03604D !important;
	}

	.tr_detalhe_modal{
		background: transparent !important;
		border-bottom: 1px dotted #03604d !important;
	}

/***************************************/

/************** Links ****************/

	@media only screen and (min-width: 600px) {
		.div_btns_back_next {
			display: flex;
			/*justify-content: space-between;*/
			float: right;
			margin-top: 10px;
			margin-right: 15px;
		}

		#btn_pagamento{
			width: 240px;
		}
	}

	@media only screen and (max-width: 599px) {
		.div_btns_back_next {
			display: flex;
			flex-direction: column;
			width: 100%;
		}

		.div_btns_back_next button{
			margin-left: 0px !important;
			margin-right: 0px !important;
			margin-top: 10px;
		}
	}

	.div_btns_back_next .green_button {
		margin-left: 5px;
	}

	a {
	 color: #03604D;
	}
	a:hover, a:focus {
	  color: #03604D;
	}
	a:hover {
	  cursor: pointer;
	}
	a:active, a:hover {
	  outline: 0;
	}

/************************************/

/************** Carrossel ****************/

@media only screen and (min-width: 1025px) {
	.scrolling {
	  width: 1000px;
	  display: flex;
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch;
	  scroll-behavior: smooth;
	}

	.scrolling{
		-ms-overflow-style: none !important;
		scrollbar-width: none !important;
	}

	.scrolling::-webkit-scrollbar {
		display: none;
	}

	.arrow-left,
	.arrow-right {
		position: absolute;
		top: 0;
		left: -13px;
		right: auto;
		bottom: 0;
		line-height: 250px;
		transition: all 600ms ease-in-out;
		opacity: 1;
		cursor: pointer;
		border: none;
		display: flex;
		align-items: center;
	}

	.arrow-left:hover,
	.arrow-right:hover {
	  opacity: 1;
	}

	.arrow-right {
	  right: -7px !important;
	  left: auto;
	  text-align: right;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
	.scrolling {
	  width: 100%;
	  display: flex;
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch;
	  scroll-behavior: smooth;
	}

	.scrolling{
		-ms-overflow-style: none !important;
		scrollbar-width: none !important;
	}

	.scrolling::-webkit-scrollbar {
		display: none;
	}

	.arrow-left,
	.arrow-right {
		position: absolute;
		top: 0;
		left: 0px;
		right: auto;
		bottom: 0;
		line-height: 250px;
		transition: all 600ms ease-in-out;
		opacity: 1;
		cursor: pointer;
		border: none;
		display: flex;
		align-items: center;
	}

	.arrow-left:hover,
	.arrow-right:hover {
	  opacity: 1;
	}

	.arrow-right {
	  right: 0px !important;
	  left: auto;
	  text-align: right;
	}

	#parceria_scroll{
		width: 99%;
	}
}

@media only screen and (max-width: 599px) {
	.scrolling {
	  width: 245px;
	  display: flex;
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch;
	  scroll-behavior: smooth;
	}

	.scrolling{
		-ms-overflow-style: none !important;
		scrollbar-width: none !important;
	}

	.scrolling::-webkit-scrollbar {
		display: none;
	}

	.arrow-left,
	.arrow-right {
		position: absolute;
		top: 0;
		left: 0px;
		right: auto;
		bottom: 0;
		line-height: 250px;
		transition: all 600ms ease-in-out;
		opacity: 1;
		cursor: pointer;
		border: none;
		display: flex;
		align-items: center;
	}

	.arrow-left:hover,
	.arrow-right:hover {
	  opacity: 1;
	}

	.arrow-right {
	  right: 0px !important;
	  left: auto;
	  text-align: right;
	}

	#parceria_scroll{
		width: 300px;
	}

	#parceria_div .arrow-right button{
		right: 0px !important;
	}
}

/***************************************/

/******]PAGAMENTOS[****/
.tit_popup_retorno_envio_pedido {
	text-align: center;
}
/******]FIM PAGAMENTOS[****/




	.card_encomenda .nome_entidade{
		font-family: "FuturaBold", Arial, Helvetica, sans-serif !important;
		color: #03604D;
	}
	.card_encomenda .action i {
		cursor: pointer;
	}

	#tab_area_pessoa img{
		height: 24px;
		display: none;
	}

	#tab_area_pessoa dd a {
		padding: 15px;
		background: #fefefe !important;
	}
	#tab_area_pessoa dd.active a {
		background: #fff !important;
	}

	.input_cp4 {width: 55% !important; display: inline-block !important; text-align:center; font-size: 1.2rem;}
	.input_cp3 {width: 30% !important; display: inline-block !important; text-align:center; font-size: 1.2rem;}

	.div_label_morada {
		padding: 10px;
		font-weight: bold;
		border: 1px solid #03604D;
		color: #03604D;
		border-radius: 10px;
		margin: 20px;
		cursor: pointer;
		background: #EFEFEF;
	}

/**************Tooltip***************/

.tooltip_moon {
	display: none;
    position: absolute;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 0;
    top: 62%;
    left: 51%;
    padding-right: 5px !important;
    color: #DCDB22;
    background: transparent;
}

.tooltip_moon .tooltiptext {
	visibility: hidden;
    min-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -28px;
    left: 110%;
    font-size: 0.8rem;
}

.tooltip_moon .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}
.tooltip_moon:hover .tooltiptext {
	visibility: visible;
}

/************************************/

.card_faq, .seta {
	cursor: pointer;
}

#perguntas_frequentes .resposta ul li,
#perguntas_frequentes .resposta p {
	color: #03604D !important;
	font-size: 14px !important;
}

#modal_iframe{
	padding: 0px;
	border-radius: 10px;
	height: 800px;
}

#iframe_pagamento{
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 10px;
}


.preco_bt {
	color: #999;
	font-weight: normal;
	font-size: 0.8em;
	margin-top: 4px;
	white-space: nowrap;
}