/* -----------------------------------------------------------------------------
   Regras partilhadas que faltavam na exportacao do cPanel.
   -----------------------------------------------------------------------------

   O template original servia estas classes numa folha GLOBAL. Essa folha nunca
   veio na exportacao, e o resultado foi que ~90 paginas ficaram com 13% a 17%
   das suas classes sem regra nenhuma -- banners sem posicionamento, precos sem
   estilo, setas e caixas por formatar.

   Nao e um problema por pagina: 909 das 1769 ocorrencias de classes sem regra
   vinham de apenas 20 classes, cada uma repetida em 10 a 73 paginas. Por isso a
   correccao e um ficheiro so, carregado em todas as paginas, e nao a mesma regra
   copiada 73 vezes.

   Porque nao dentro de main-style.css: manter estas regras separadas mostra de
   onde vieram e permite retira-las de uma vez se um dia se refizer o desenho.
   E carregada logo a seguir a main-style.css e ANTES da folha da propria pagina,
   para que qualquer pagina possa continuar a mandar sobre o que aqui esta.

   Ligada em includes/header.php, no bloco que monta $wv_folhas.
   ----------------------------------------------------------------------------- */

/* Font Awesome, vendorizado em /assets/vendor/fontawesome/.
   Entra por @import daqui e nao por <link> porque o header.php so liga folhas
   que estejam em /assets/css/, e esta e uma biblioteca de terceiros que nao
   pertence la. O @import tem de vir antes de qualquer regra -- comentarios nao
   contam -- por isso fica aqui em cima.
   O endereco nao leva ?v= como as outras: e uma biblioteca fixa numa versao,
   que so muda se alguem a trocar de proposito, e nesse caso muda-se o caminho. */
@import url("/assets/vendor/fontawesome/all.css");

/* ============================================================================
   1. Trazido da folha global da origem.
   ============================================================================ */

/* --- uk-main-v1121.css --- */

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.sywhp-mn-cntnr {
	padding:30px 10px;
	position:relative;
	z-index:5;
}


.faqprim-mnbx .faqprim-qa-wrapr:last-child {
	margin-bottom:0;
}

.plntbl-pric-num-wght500 {
	font-weight:500;
}

.kl_price_discounted span {
	font-size:80%;
	font-weight:400;
}

.milnl-tag {
	position:absolute;
}

.milnl-tag:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
}

.milnl-tag-one {
	top:-2px;
	left:-2px;
	width:100px;
}

.milnl-tag-one div {
	width:100%;
	height:0;
	padding-top:88%;
	background:url('/assets/vendor/img-assets/tags/tag-popular-red.png')no-repeat;
	background-size:100%;
}

@media screen and (max-width:1250px) {
	.sywhp-mn-cntnr {
		padding:60px 10px;
	}
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:950px) {

	.sywhp-mn-cntnr {
		padding:50px 10px;
	}
}

._gt3k-r3n .kl_price_duration {
	font-size:16px;
	color:#102747;
}

._gt3k-r3n .kl_price_discounted {
	font-size:120%;
	font-weight:500;
}

@media(max-width:1200px) {
	._gt3k-r3n .kl_price_discounted {
		font-size:150%;
	}
}

/* --- uk-main-style-old.css --- */

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.sywhp-mn-cntnr {
	padding:30px 10px;
	position:relative;
	z-index:5;
}


.faqprim-mnbx .faqprim-qa-wrapr:last-child {
	margin-bottom:0;
}

.plntbl-pric-num-wght500 {
	font-weight:500;
}

.kl_price_discounted span {
	font: inherit;
}

.milnl-tag {
	position:absolute;
}

.milnl-tag:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
}

.milnl-tag-one {
	top:-2px;
	left:-2px;
	width:100px;
}

.milnl-tag-one div {
	width:100%;
	height:0;
	padding-top:88%;
	background:url('/assets/vendor/img-assets/tags/tag-popular-red.png')no-repeat;
	background-size:100%;
}

/* --- uk-responsive.css --- */

@media screen and (max-width:1250px) {
	.sywhp-mn-cntnr {
		padding:60px 10px;
	}
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:950px) {

	.sywhp-mn-cntnr {
		padding:50px 10px;
	}
}

/* --- uk-main-common-style.css --- */

.pb-12 {
	padding-bottom:12px;
}

@media(max-width:1024px) {
	.pb-12 {
		padding-bottom:8px;
	}
}

.re-banner .re-row {
	align-items:center;
}

.re-container {
	margin:0 auto;
	max-width:1450px;
	padding:0 20px;
	flex:1;
}

.re-banner .re-container {
	max-width:1240px;
}

.re-row {
	display:flex;
	flex-wrap:wrap;
}

.re-col-6 {
	width:50%;
	padding:0 8px;
}

.re-col-8 {
	width:60%;
}

.re-ban-btns {
	margin-top:60px;
}

.re-ban-btn-1 {
	text-decoration:none;
	font-weight:500;
	font-size:20px;
	color:#0f2494;
	background-color:#1dffff;
	padding:19px 60px;
	border-radius:10px;
	position:relative;
	display:inline-block;
	transition:all .3s ease-in-out;
	cursor:pointer;
}

.re-ban-btn-1:hover {
	box-shadow:0 60px 15px rgba(20,119,96,.3) inset;
	transform:translate(0,-4px);
}

.re-ban-btn-2 {
	font-weight:500;
	font-size:17px;
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
	border-radius:10px;
	position:relative;
	padding:17px 50px;
	display:inline-block;
	transition:all .3s ease-in-out;
}

.re-ban-btn-2:hover {
	transform:translate(0,-4px);
}

.re-ban-text-posiiton {
	padding-top:15px;
	text-align:center;
}

.p-0 {
	padding:0;
}

.re-ban-guarantee-pl {
	font-size:15px;
	font-weight:300;
}

@media(max-width:1250px) {
	.re-ban-btn-1 {
		padding:18px 53px;
	}

	.re-ban-btn-2 {
		padding:16px 30px;
	}
}

@media(max-width:1050px) {
	.re-ban-btn-1 {
		padding:15px 50px;
	}

	.re-ban-btn-1:before {
		width:16px;
		height:12px;
		right:32px;
	}

	.re-ban-btn-2 {
		padding:13px 30px;
	}

	.re-ban-btn-2:before {
		width:16px;
		height:16px;
		left:20px;
	}
}

@media(max-width:950px) {
	.re-ban-btns {
		margin-top:45px;
	}
}

@media(max-width:850px) {
	.re-ban-btn-1 {
		padding:15px 50px;
	}

	.re-ban-btn-1:before {
		width:14px;
		height:12px;
		right:24px;
	}

	.re-ban-btn-2 {
		padding:13px 26px;
	}

	.re-ban-btn-2:before {
		width:13px;
		height:13px;
		left:12px;
		top:40%;
	}
}

@media(max-width:768px) {
	.re-col-6 {
		width:100%;
	}

	.re-container {
		max-width:720px;
	}

	.re-ban-btns {
		margin-top:25px;
	}
}

@media(max-width:600px) {
	.chat-btn-disnon {
		display:none;
	}

	.re-ban-btn-1:before {
		right:48px;
	}

	.re-container {
		text-align:center;
	}
}

@media(max-width:450px) {
	.re-ban-btn-2 {
		padding:12px 10px 12px 28px;
		font-size:12px;
	}
}

@media(min-width:1600px) {
	.re-banner .re-container {
		max-width:1450px;
	}
}

.re-row {
	display:flex;
	flex-wrap:wrap;
}

@media(max-width:767px) {
	.re-col-6 {
		width:100%;
	}
}

._mo {
	color:#5c5f67;
}




/* --- main-common-style2.css --- */

.wv-center {
	justify-content:center;
}

.pb-12 {
	padding-bottom:12px;
}

@media(max-width:1024px) {
	.pb-12 {
		padding-bottom:8px;
	}
}

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

.re-banner .re-row {
	align-items:center;
}

.re-container {
	margin:0 auto;
	max-width:1450px;
	padding:0 20px;
	flex:1;
}

.re-banner .re-container {
	max-width:1240px;
}

.re-row {
	display:flex;
	flex-wrap:wrap;
}

.re-col-6 {
	width:50%;
	padding:0 8px;
}

.re-col-8 {
	width:60%;
}

.re-ban-btns {
	margin-top:60px;
}

.re-ban-btn-1 {
	text-decoration:none;
	font-weight:500;
	font-size:20px;
	color:#0f2494;
	background-color:#1dffff;
	padding:19px 60px;
	border-radius:10px;
	position:relative;
	display:inline-block;
	transition:all .3s ease-in-out;
	cursor:pointer;
}

.re-ban-btn-1:hover {
	transform:translate(0,-4px);
}

.re-ban-btn-2 {
	font-weight:500;
	font-size:17px;
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
	border-radius:10px;
	position:relative;
	padding:17px 50px;
	display:inline-block;
	transition:all .3s ease-in-out;
}

.re-ban-btn-2:hover {
	transform:translate(0,-4px);
}

.re-ban-text-posiiton {
	padding-top:15px;
	text-align:center;
}

.p-0 {
	padding:0;
}

.re-ban-guarantee-pl {
	font-size:15px;
	font-weight:300;
}

@media(max-width:1250px) {
	.re-ban-btn-1 {
		padding:18px 53px;
	}

	.re-ban-btn-2 {
		padding:16px 30px;
	}
}

@media(max-width:1050px) {
	.re-ban-btn-1 {
		padding:15px 50px;
	}

	.re-ban-btn-1:before {
		width:16px;
		height:12px;
		right:32px;
	}

	.re-ban-btn-2 {
		padding:13px 30px;
	}

	.re-ban-btn-2:before {
		width:16px;
		height:16px;
		left:20px;
	}
}

@media(max-width:950px) {
	.re-ban-btns {
		margin-top:45px;
	}
}

@media(max-width:850px) {
	.re-ban-btn-1 {
		padding:15px 50px;
	}

	.re-ban-btn-1:before {
		width:14px;
		height:12px;
		right:24px;
	}

	.re-ban-btn-2 {
		padding:13px 26px;
	}

	.re-ban-btn-2:before {
		width:13px;
		height:13px;
		left:12px;
		top:40%;
	}
}

@media(max-width:768px) {
	.re-col-6 {
		width:100%;
	}

	.re-container {
		max-width:720px;
	}

	.re-ban-btns {
		margin-top:25px;
	}
}

@media(max-width:600px) {
	.chat-btn-disnon {
		margin-top: 20px;
	}

	.re-ban-btn-1:before {
		right:48px;
	}

	.re-container {
		text-align:center;
	}
}

@media(max-width:450px) {
	.re-ban-btn-2 {
		padding:12px 10px 12px 28px;
		font-size:12px;
	}
}

@media(min-width:1600px) {
	.re-banner .re-container {
		max-width:1450px;
	}
}

.re-row {
	display:flex;
	flex-wrap:wrap;
}

@media(max-width:767px) {
	.re-col-6 {
		width:100%;
	}
}

._mo {
	color:#5c5f67;
}




.plan-txt-b {
	font-weight:var(--fw-extra-bold);
}

.plan_cross .plan-txt {
	color:#9baab8!important;
}

.plan-subt-list>span {
	display:inline-block;
	padding-bottom:4px;
}

@media(min-width:1100px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:1px;
	}
}

@media(min-width:1100px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:2px;
	}
}

/* --- uk-assets-main-common-style.css --- */

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

.plan-txt-b {
	font-weight:var(--fw-extra-bold);
}

.plan_cross .plan-txt {
	color:#9baab8!important;
}

.up_mo {
	font-size:16px;
	transform:translate(0,-4px);
	font-weight:var(--fw-medium);
}

@media (max-width:1250px) {
	.up_mo {
		font-size:14px;
	}
}

.plan-subt-list>span {
	display:inline-block;
	padding-bottom:4px;
}

@media(max-width:600px) {
	.plan-subt-list {
		display:none;
	}
}

@media(min-width:1100px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:2px;
	}
}

/* --- main-common-style.css --- */

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

.plan-txt-b {
	font-weight:var(--fw-extra-bold);
}

.plan_cross .plan-txt {
	color:#9baab8!important;
}

.plan-subt-list>span {
	display:inline-block;
	padding-bottom:4px;
}

@media(min-width:1100px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:1px;
	}
}

@media (max-width: 600px) {
	.plan-subt-list {
		display: none;
	}
}

@media(min-width:1100px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:2px;
	}
}

@media (max-width: 600px) {
	.plan-subt-list {
		display: none;
	}
}

/* --- uk-style.css --- */

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

.plan-txt-b {
	font-weight:var(--fw-extra-bold);
}

.plan_cross .plan-txt {
	color:#9baab8!important;
}

.plan-subt-list>span {
	display:inline-block;
	padding-bottom:4px;
}

@media(min-width:1200px) {
	.mvh-plan-ttl-box-active .up_mo {
		font-size:14px;
		padding-top:1px;
	}
}

@media (max-width: 600px) {
	.plan-subt-list {
		display: none;
	}
}

/* ============================================================================
   2. Copiado de outra folha DESTE repositorio.

   Estas classes existiam localmente, mas dentro da folha de uma pagina que as
   outras 10 a 72 paginas nunca carregam. Nao foram inventadas nem alteradas:
   sao as regras que ja ca estavam, movidas para onde toda a gente as ve. A
   folha de origem de cada bloco vai indicada por cima dele.

   Como este ficheiro e carregado ANTES da folha de cada pagina, a pagina que
   dona da regra continua a poder manda-la abaixo sem conflito.
   ============================================================================ */

/* de assets/css/cheap-cloud-hosting.css */

.wh-wbtn span {
	font-size: 18px;
	padding-left: 8px;
	transition: all .2s ease-in-out;
	display: inline-block;
}

.wh-wbtn:hover span {
	transform: translate(4px, 0);
}

.wh-wbtn {
	color: #fb0;
	font-size: 16px;
}

.wh-wbtn span {
	font-size: 18px;
	padding-left: 8px;
	transition: all .2s ease-in-out;
	display: inline-block;
}

.wh-wbtn:hover {
	color: #ffca37;
}

.wh-wbtn:hover span {
	transform: translate(4px, 0);
}

.wh-best-content {
	max-width: 489px;
}

@media(max-width:768px) {
	.cc_order2 {
		order: 2;
	}

	.cc-simple-img {
		padding-top: 20px;
	}
}

@media(max-width:768px) {
	.wh-best-row2 .wh-best-content {
		margin: 0;
		margin: auto;
	}

	.wh-best-content {
		margin: auto;
	}
}

/* de assets/css/jetpack-ai-assistant.css */


.je-feachers .ss-reasons {
	position: relative;
	padding-bottom: 65px;
}

.je-feachers .ss-reasons:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 300px;
	background: #f1f7ff;
}

/* de assets/css/cloud-vps.css */

.wv-features .wv-h2 {
	margin: auto;
}


.wv-features .wv-container {
	border-radius: 35px;
	background: #fff;
	margin-top: -60px;
	margin-bottom: -60px;
	position: relative;
	z-index: 1;
}

@media(max-width:1200px) {
	.wv-features .wv-container {
		margin-top: 0;
	}
}

/* de assets/css/forex-vps.css */

@media(max-width:768px) {
	.order-1 {
		order: 1;
	}

	.order-2 {
		order: 2;
	}
}

/* de assets/css/ai-website-builder.css */


@media(max-width:768px) {
	.wh-best-img {
		padding-top: 20px;
	}
}

@media(max-width:991px) {
	.uk-services-col2 {
		order: 5;
		width: 100%;
	}
}

/* de assets/css/hosting.css */

.pp-steps-text {
	font-size: 16px;
	font-weight: 500;
	color: #3b3b55;
	border-bottom: 2px solid #fb0;
}

/* de assets/css/whmcs-reseller.css */

.ultrn-mncol1 {
	background-image: linear-gradient(#dbf4ff, #fff);
}

.ultrn-mncol2 {
	background-image: linear-gradient(#d1e4ff, #fff);
}

/* de assets/css/cheap-vps-hosting.css */

.vp-powerful-img:hover {
	border-color: #928aff;
}

.vp-powerful-img {
	border: 1px solid #48428a;
	text-align: center;
	height: 100%;
	display: flex;
	border-radius: 10px;
	align-items: center;
	transition: all .3s ease-in-out;
	justify-content: center;
}

.vp-powerful-img-box {
	display: none;
	max-width: 580px;
}

.vp-powerful-img-box.vp-acco-activate {
	display: block;
}

@media(max-width:1600px) {
	.vp-powerful-img-box {
		max-width: 480px;
	}
}

@media(max-width:768px) {
	.vp-powerful-img {
		display: none;
	}

	.vp-maxed-img {
		padding-top: 20px;
	}
}

/* de assets/css/cheap-wordpress-hosting.css */

/* ============================================================================
   NAO PONHAS AQUI: classes com definicoes diferentes conforme a pagina.
   ============================================================================
   Seis classes foram retiradas desta folha depois de terem estado ca por
   engano: map-dc-location, faqprim-mnbx, btn-blu1-clr, wh-best-toggle-box,
   hero-bg-clr e pp-alway-h3.

   O caso que deu o alarme foi .hero-bg-clr. Estava definida em tres folhas de
   pagina, com TRES fundos diferentes: #19279b, #0027AF e um gradiente roxo.
   Trazer uma delas para aqui pintou de azul o cabecalho de 68 paginas que
   antes nao tinham fundo nenhum, e a escolha de qual das tres foi arbitraria.
   Nao ha valor global correcto: e uma decisao de desenho, pagina a pagina.

   Criterio para o futuro: so entra aqui uma classe que tenha UMA definicao,
   igual em toda a parte. Se duas folhas discordam, a classe pertence as
   folhas, nao a esta.
   ============================================================================ */

/* ============================================================================
   HERO DA HOMEPAGE A OCUPAR TUDO (.wv-hero-cheio)
   ============================================================================
   Pedido do dono do site: a imagem do hero deve ocupar 100% da largura e da
   altura, em vez de ser uma figura pequena encostada a coluna da direita.

   Como o template a tinha
   -----------------------
   O hero e uma linha de duas colunas: texto em .re-col-p2, imagem em
   .re-col_4. A imagem era so o conteudo da segunda coluna -- limitada a
   528px, encostada a direita, e a partir dos 600px de largura desaparecia
   por completo (main-style.css poe .re-col_4 { display: none }), que e o que
   deixava o telemovel sem imagem nenhuma.

   Como fica
   ---------
   A coluna da imagem sai do fluxo e passa a ser o FUNDO da seccao inteira:
   position:absolute a cobrir os quatro lados, com object-fit:cover no <img>.
   O texto sobe para cima dela por z-index. Continua a ser um <img> e nao um
   background-image do CSS -- de proposito: mantem o fetchpriority="high" e o
   alt, e e o elemento que o browser mede como LCP.

   Porque so na homepage
   ---------------------
   Esta classe entra so no <section> de index.php e en/index.php. As outras
   paginas usam .re-banner com ilustracoes (nao fotografias) que, esticadas e
   cortadas a toda a largura, ficariam mal. Segue o criterio escrito mesmo
   aqui em cima nesta folha: a classe tem UMA definicao e aplica-se so onde e
   posta a mao.

   NOTA SOBRE A IMAGEM
   A imagem actual tem 607x603 px. Chega para telemovel e tablet, mas num
   ecra largo (1600px+) esta a ser ampliada mais de duas vezes e nota-se.
   Para desktop convem uma imagem larga, na ordem dos 2000x1100.
   ============================================================================ */
.wv-hero-cheio {
	position: relative;
	overflow: hidden;
}

/* A coluna da imagem deixa de ser coluna e passa a cobrir a seccao toda. */
.wv-hero-cheio .re-col_4 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	z-index: 0;
}

.wv-hero-cheio .re-banner-image {
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	text-align: initial;
}

/* cover recorta em vez de deformar -- o racio da foto nunca bate certo com o
   do hero, que muda com a largura do ecra. O centro-direita mantem a figura
   visivel enquanto o texto ocupa a esquerda. */
.wv-hero-cheio .re-ban-imgwh {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center right;
}

/* Veu escuro por cima da foto: o texto do hero e branco e, sem isto, perde-se
   assim que passa por uma zona clara da imagem. O gradiente e mais denso a
   esquerda, que e onde o texto esta, e abre a direita para a figura respirar. */
.wv-hero-cheio .re-col_4::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(16, 14, 48, .94) 0%, rgba(16, 14, 48, .82) 40%, rgba(16, 14, 48, .5) 100%);
}

/* O texto sobe para cima do fundo.

   O position:relative vai na COLUNA DO TEXTO e nao no .wv-container a volta,
   e a diferenca importa: o .wv-container tem max-width:1240px, e se fosse ele
   o elemento posicionado passava a ser o bloco de referencia do .re-col_4 --
   a imagem deixava de sangrar ate as margens do ecra e ficava presa aos
   1240px, que e precisamente o contrario do que se quer aqui. Assim o
   .re-col_4 continua a medir-se pelo .wv-hero-cheio, que ocupa a largura
   toda.

   Com o fundo a ocupar tudo, a coluna do texto ja nao precisa de se limitar a
   metade da linha -- mas tambem nao deve esticar-se ate a margem direita, ou
   as linhas ficam longas demais para ler. */
.wv-hero-cheio .re-col-p2 {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 620px;
}

@media (max-width: 994px) {
	/* Em ecra estreito o veu fecha-se por igual dos dois lados: o texto deixa
	   de estar so a esquerda e passa a ocupar a largura toda. */
	.wv-hero-cheio .re-col_4::after {
		background: linear-gradient(180deg, rgba(16, 14, 48, .88) 0%, rgba(16, 14, 48, .8) 55%, rgba(16, 14, 48, .9) 100%);
	}

	.wv-hero-cheio .re-col-p2 {
		max-width: none;
	}
}

@media (max-width: 768px) {
	/* main-style.css poe aqui padding-top, margem automatica e max-width:360px
	   na .re-banner-image, para a empurrar para baixo do texto. Como agora ela
	   e o fundo, essas tres coisas encolhiam-no para um quadrado no meio. */
	.wv-hero-cheio .re-banner-image {
		padding-top: 0;
		margin: 0;
		max-width: none;
	}
}

@media (max-width: 600px) {
	/* main-style.css esconde .re-col_4 por completo abaixo dos 600px. Aqui ela
	   deixou de ser uma figura ao lado do texto e passou a ser o fundo: escondê-la
	   deixava o hero sem imagem nenhuma, que e precisamente o que se queria
	   corrigir. */
	.wv-hero-cheio .re-col_4 {
		display: block;
	}
}