@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'AmaticSC-Regular';
	src: url('https://fonts.googleapis.com/css?family=Amatic+SC');
	src: url('../resources/fonts/AmaticSC-Regular.ttf');
}

@font-face {
	font-family: 'OratorStd';
	src: url("https://use.typekit.net/cgd8gjz.css");
	src: url('../resources/fonts/OratorStd.otf');
}

@font-face {
	font-family: 'PTSans';
	src: url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
	src: url('../resources/fonts/PTSans.ttc');
}

@font-face {
	font-family: 'MavenPro';
	src: url('../resources/fonts/MavenPro-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'MavenPro';
	src: url('../resources/fonts/MavenPro-Black.ttf');
    font-weight: 900;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
	src: url('../resources/fonts/MyriadPro-Regular.otf');
}

@font-face {
	font-family: 'Nunito';
	src: url('../resources/fonts/Nunito-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Pompiere';
	src: url('https://fonts.googleapis.com/css?family=Pompiere');
	src: url('../resources/fonts/Pompiere-Regular.otf');
}

@font-face {
	font-family: 'Avenir';
	src: url('../resources/fonts/Avenir.ttc');
}

@font-face {
	font-family: 'Brady Bunch Remastered';
	src: url('../resources/fonts/BradBunR.ttf');
}

@font-face {
	font-family: 'akbar';
	src: url('../resources/fonts/akbar.ttf');
}

@font-face {
	font-family: 'Sertig';
	src: url('../resources/fonts/Sertig.otf');
}

@font-face {
	font-family: 'Gilles';
	src: url('../resources/fonts/Gilles_Handwriting.ttf');
}

@font-face {
	font-family: 'Noteworthy';
	src: url('../resources/fonts/Noteworthy.ttc');
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../resources/fonts/OpenSans-Bold.ttf');
}

@font-face {
	font-family: 'OpenSans-Light';
	src: url('../resources/fonts/OpenSans-Light.ttf');
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../resources/fonts/OpenSans-Regular.ttf');
}

@font-face {
	font-family: 'MorebiRounded-Medium';
	src: url('../resources/fonts/MorebiRounded-Medium.otf');
}

@font-face {
	font-family: 'Cookie-Regular';
	src: url('../resources/fonts/Cookie-Regular.ttf');
}
@font-face {
	font-family: 'Fujitsu';
	src: url('../resources/fonts/FujitsuSansMedium.ttf');
	font-weight: normal;
}

/*////////////  BLOG CLASSES ///////////*/
.blog {
	/* background-color: aqua; */
	margin-left: auto;
	margin-right: auto;
	/* padding-left: 30px;
	padding-right: 30px;
	padding-top: 5%;
	padding-bottom: 5%; */
	font-family: 'PTSans';
	position: relative;
}

.blog_text {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18pt;
	text-align: justify;
}

.blog_hero {
	height: calc(100vw * (9/16));
	/* background-image: url(../resources/storyteller.png); */
	background-position: center 0;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.blog_header {
	width: 100%;
	text-align: center;
	max-height: 670px;
}

.blog_header_background {
	z-index: -1;
	width: 100%;
	max-height: 670px;
}

.blog_header_text_container {
	position: absolute;
	top: calc(200px + 0.5vw);
	width: 60%;
	margin-left: 100px;
}

.blog_header_title {
	font-family: 'MyriadPro';
	font-weight: bold;
	text-align: left;
	color: white;
	margin-left: 50px;
}

.blog_header_separator {
	margin-left: 50px;
	width: 60%;
}

.blog_header_separator_img {
	width: 100%;
}

.blog_header_text {
	/* background-color: coral; */
	font-family: 'MyriadPro';
	font-size: calc(10px + 0.5vw);
	text-align: left;
	color: white;
	margin-left: 50px;
	margin-top: 15px;
}

.blog_header_logo_container {
	position: absolute;
	width: 40%;
	top: calc(200px + 0.5vw);
	margin-left: 60%;
}

.blog_header_logo {
	/* background-color: black; */
	/* top: -600px; */
	/* margin-top: -54%; */
	/* margin-left: 60%; */
	height: 20vw;
	/* max-height: 340px; */
}

.blog_body {
	/* background-color: orange; */
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.blog_body_image {
	width: 100%;
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog_footer {
	/* background-color: wheat; */
	width: 100%;
	text-align: center;
}

.blog_footer_background {
	width: 100%;
}

.blog_footer_logo {
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 30vw;
	max-height: 600px;
	margin-right: auto;
}

.hero_video {
	height: calc(100vw * (9/16));
	opacity: 0;
	z-index: -1;
	margin-top: -48px;
}

.hero_play_button {
	opacity: 100;
	font-family: 'OratorStd';
	font-size: 20pt;
	text-align: center;
	line-height: 60px;
	color: white;
	background-color: rgba(78, 78, 78, 0.5);
	width: 300px;
	height: 50px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: relative;
}

.return {
	font-family: 'OratorStd';
	font-size: 20pt;
	text-align: center;
	line-height: 60px;
	color: white;
	background-color: rgba(78, 78, 78, 0.5);
	width: 300px;
	height: 50px;
	border-radius: 10px;
	margin: 60px auto;
}

/*////////////  BLOG CLASSES ///////////*/

/*////////////  NAVBAR ///////////*/
.lrg-logo {
	content: url("../resources/cacto_brand.png");
	padding-left: 20px;
}

.sml-logo {
	content: url("../resources/cacto.png");
	padding-left: 20px;
	background-clip: white;
	border-radius: 50px;
}

/*////////////  NAVBAR ///////////*/

/*////////////  MEDIA QUERIES  ///////////*/
/* iPads */
@media (max-width: 768px) {

	.debug::after {
		display: block;
		content: 'THIS IS AN IPAD SCREEN SIZE max-width: 768px';
	}

	.navbar {
		height: 100px;
	}

	.cacto_nav {
		padding-left: 10pt;
		padding-right: 10pt;
	}
}

/* Large desktop */
@media (max-width: 650px) {

	.debug::after {
		display: block;
		content: 'THIS IS AN LARGE DESKTOP SCREEN SIZE max-width: 650px';
	}
}

@media (max-width: 600px) {

	.debug::after {
		display: block;
		content: 'THIS SIZE max-width: 600px';
	}
}

/* Landscape phone to portrait tablet */
/* iPhone 8 Plus */
@media (max-width: 540px) {

	.lrg-logo {
		content: url("../resources/cacto_brand.png");
	}

	.sml-logo {
		content: url("../resources/cacto.png");
		height: 50px;
	}

	.debug::after {
		display: block;
		content: 'THIS IS AN iPhone 8 Plus SCREEN SIZE max-width: 540px';
	}
}

/* iPhone 8 */
@media (max-width: 375px) {

	.debug::after {
		display: block;
		content: 'THIS IS AN iPhone 8 SCREEN SIZE max-width: 375px';
	}
}

/* Landscape phones and down */
/* iPhone SE */
@media (max-width: 320px) {

	.debug::after {
		display: block;
		content: 'THIS IS AN iPhone SE SCREEN SIZE max-width: 320px';
	}
}

/* 
xl > 1170
lg < 1170
md < 992
sm < 768
xs < 544
*/

/* XL */
@media (min-width: 1171px) {
	h1 {
		font-size: 54pt;
	}

	.blog_text {
		font-size: 18pt;
	}

	.blog_header_text_container {
		top: calc(200px + 0.5vw);
		width: 60%;
		margin-left: 5%;
	}

	.blog_header_title {
		margin-left: 0px;
	}

	.blog_header_separator {
		margin-left: 0px;
	}

	.blog_header_logo_container {
		top: calc(40px + 0.5vw);
	}

	.blog_header_logo {
		height: 45%;
	}

	.blog_header_text {
		top: 10px;
		width: 90%;
		margin-left: 0px;
	}
}

/* LG */
@media (max-width: 1170px) {
	h1 {
		font-size: 44pt;
	}

	.blog_text {
		font-size: 18pt;
	}

	.blog_header_text_container {
		top: calc(100px + 0.5vw);
		width: 60%;
		margin-left: 5%;
	}

	.blog_header_title {
		margin-left: 0px;
	}

	.blog_header_separator {
		margin-left: 0px;
	}

	.blog_header_logo_container {
		top: calc(40px + 0.5vw);
	}

	.blog_header_logo {
		height: 40%;
	}

	.blog_header_text {
		top: 10px;
		width: 90%;
		margin-left: 0px;
	}
}

/* MD */
@media (max-width: 992px) {
	h1 {
		font-size: 38pt;
	}

	.blog_text {
		font-size: 16pt
	}

	.blog_header_text_container {
		top: calc(30px + 0.5vw);
		width: 60%;
		margin-left: 5%;
	}

	.blog_header_title {
		margin-left: 0px;
	}

	.blog_header_separator {
		margin-left: 0px;
	}

	.blog_header_logo_container {
		top: calc(40px + 0.5vw);
	}

	.blog_header_logo {
		/* margin-left: 70%; */
		height: 30%;
	}

	.blog_header_text {
		top: 10px;
		width: 90%;
		margin-left: 0px;
	}
}

/* SM */
@media (max-width: 768px) {
	h1 {
		font-size: 30pt;
	}

	.blog_text {
		font-size: 16pt
	}

	.blog_header_text_container {
		top: calc(30px + 0.5vw);
		width: 95%;
		margin-left: 5%;
	}

	.blog_header_title {
		margin-left: 0px;
	}

	.blog_header_separator {
		margin-left: 0px;
	}

	.blog_header_logo {
		display: none;
	}

	.blog_header_text {
		top: 10px;
		width: 90%;
		margin-left: 0px;
	}
}

/* XS */
@media (max-width: 544px) {
	h1 {
		font-size: 18pt;
	}

	.blog_text {
		font-size: 16pt
	}
}

/** IMAGES CSS **/
.img-w-100 {
    width: 100%;
}

.img-w-100-m-120 {
    width: 100%;
    margin-top: 120px;
    margin-bottom: 120px;
}

.img-w-100-mb-100 {
    width: 100%;
    margin-bottom: calc(100vw * 0.05);
}

/** HEADERS **/
.bladeinsight-text-background {
	position: relative;
	height: fit-content;
}
.bladeinsight-text {
	position: absolute;
	top: 25%;
	left: 25%;
    width: 50%;
	color: #383838;
    font-family: 'MavenPro';
	font-size: calc(20px + 0.1vh);
	font-weight: normal;
	line-height: 1.1;
	text-align: justify;
}
.bladeinsight-text-note {
	color: #383838;
    font-family: 'MavenPro';
    font-size: calc(12px + 0.45vw);
	font-weight: normal;
}

.bladeinsight-widget-first-row {
	position: absolute;
	top: 38%;
	width: 100%;
}
.bladeinsight-widget-second-row {
	position: absolute;
	top: 76%;
	width: 100%;
}

.bladeinsight-widget-first-row-label {
	position: relative;
	width: 50%;
	float: left;
}

.bladeinsight-widget-second-row-label {
	position: relative;
	width: 33%;
	float: left;
}

.bladeinsight-widget-label {
	color: #ffffff;
    font-family: 'MavenPro';
	font-size: calc(30px + 0.2vh);
	font-weight: 900;
	line-height: 1.1;
	text-shadow: #cccccc 8px 8px 6px;
	align-self: flex-end;
}

.bladeinsight-widget-background {
	position: relative;
	height: fit-content;
}

@media (max-width: 1024px) {
	.bladeinsight-text {
		position: absolute;
		top: 25%;
		left: 20%;
		width: 60%;
		color: #383838;
		font-family: 'MavenPro';
		font-size: calc(12px + 0.5vw);
		font-weight: normal;
		line-height: 1.1;
		text-align: justify;
	}
	.bladeinsight-text-note {
		color: #383838;
		font-family: 'MavenPro';
		font-size: calc(8px + 0.45vw);
		font-weight: normal;
	}

	.bladeinsight-widget-first-row {
		position: absolute;
		top: 38%;
		width: 100%;
	}
	.bladeinsight-widget-second-row {
		position: absolute;
		top: 76%;
		width: 100%;
	}

	.bladeinsight-widget-first-row-label {
		position: relative;
		width: 50%;
		float: left;
	}

	.bladeinsight-widget-second-row-label {
		position: relative;
		width: 33%;
		float: left;
	}
	
	.bladeinsight-widget-label {
		color: #ffffff;
		font-family: 'MavenPro';
		font-size: calc(12px + 0.5vw);
		font-weight: 900;
		line-height: 1.1;
		text-shadow: #cccccc 8px 8px 6px;
		align-self: flex-end;
	}
}
/** DUARTE **/

.duarte-text {
	position: relative;
    width: 60%;
    margin: auto;
    font-family: 'MyriadPro';
	font-size: calc(14px + 0.5vw);
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}
.duarte-text-note {
	font-size: calc(12px + 0.4vw);
	color: #7f7f7f;
	text-align: center;
}

.duarte-text-white {
	position: absolute;
	top: 0;
	left: 20%;
	height: 100%;
    width: 60%;
	color: white;
    font-family: 'MyriadPro';
	font-size: calc(14px + 0.5vw);
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	display:flex;
	align-items:center;
}

.duarte-gif-1 {
	position: absolute;
	top: 0;
	left: 20%;
	width: 20%;
}

.duarte-gif-2 {
	position: absolute;
	top: 15%;
	right: 20%;
	width: 30%;
}

.duarte-gif-3 {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 30%;
}

.duarte-gif-4 {
	position: absolute;
	top: 55%;
	right: 25%;
	width: 20%;
}

.duarte-gif-5 {
	position: absolute;
	top: 80%;
	left: 20%;
	width: 20%;
}

.duarte-background-gifs {
	position: relative;
	height: fit-content;
}

.duarte-background-text {
	position: relative;
	height: fit-content;
	margin-top: -2px;
}

@media (max-width: 1024px) {

	.duarte-gif-1 {
		position: absolute;
		top: 0;
		left: 20%;
		width: 20%;
	}
	
	.duarte-gif-2 {
		position: absolute;
		top: 15%;
		right: 20%;
		width: 30%;
	}
	
	.duarte-gif-3 {
		position: absolute;
		top: 40%;
		left: 20%;
		width: 30%;
	}
	
	.duarte-gif-4 {
		position: absolute;
		top: 55%;
		right: 25%;
		width: 20%;
	}
	
	.duarte-gif-5 {
		position: absolute;
		top: 75%;
		left: 25%;
		width: 20%;
	}

	.duarte-background-text {
		position: relative;
		height: fit-content;
		margin-top: -2px;
	}

	.duarte-background-text-img {
		height: 30vh;
	}

	.duarte-text {
		position: relative;
		width: 80%;
		margin: auto;
		font-family: 'MyriadPro';
		font-size: calc(14px + 0.5vw);
		font-weight: normal;
		line-height: 1.2;
		text-align: justify;
	}

	.duarte-text-white {
		position: absolute;
		top: 0;
		left: 10%;
		height: 100%;
		width: 80%;
		color: white;
		font-family: 'MyriadPro';
		font-size: calc(14px + 0.5vw);
		font-weight: normal;
		line-height: 1.2;
		text-align: justify;
		display:flex;
		align-items:center;
	}
	
}

/** NATAL **/
.natal-cacto-background {
	background-color: #f8f8f5;
}

.natal-cacto-titulo-background {
	position: relative;
	height: fit-content;
}

.natal-cacto-fundo-amarelo {
	height: calc(700px + 0.5vh);
}

.natal-cacto-titulo-imagem {
	position: absolute;
    top: 0;
	right: 0;
	width: 100%;
}

.natal-cacto-titulo {
	position: absolute;
    top: 25%;
	left: 0;
	width: 45%;
	height: fit-content;
	text-align: right;
    font-family: 'Cookie-Regular';
	font-size: calc(50px + 0.5vw);
	color: white;
	line-height: 1.1;
}

.natal-cacto-texto {
	position: absolute;
    top: 45%;
	left: 10%;
	width: 35%;
	height: fit-content;
	text-align: justify;
    font-family: 'MyriadPro';
	font-weight: normal;
	font-size: calc(8px + 0.5vw);
	color: #1c3251;
	line-height: 1.2;
}

.natal-cacto-gifs-background {
	position: relative;
	height: fit-content;
}

.natal-gif-1 {
	position: absolute;
	top: 0;
	left: 10%;
	width: 37%;
}

.natal-gif-2 {
	position: absolute;
	top: 27%;
	right: 10%;
	width: 37%;
}

.natal-gif-3 {	
	position: absolute;
	top: 60%;
	left: 10%;
	width: 37%;
}

@media (max-width: 1024px) {

	.natal-cacto-fundo-amarelo {
		height: calc(300px + 0.5vh);
	}
	
	.natal-cacto-titulo-background {
		position: relative;
		height: fit-content;
	}

	.natal-cacto-titulo-imagem {
		position: absolute;
		top: 0;
		right: 20%;
		width: 50%;
	}

	.natal-cacto-titulo {
		top: 25%;
		left: 0;
		width: 50%;
		height: fit-content;
		text-align: right;
		font-family: 'Cookie-Regular';
		font-size: calc(25px + 0.5vw);
		color: white;
		line-height: 1.1;
	}

	.natal-cacto-texto {
		position: absolute;
		top: 60%;
		left: 10%;
		width: 80%;
		height: fit-content;
		text-align: justify;
		font-family: 'MyriadPro';
		font-weight: normal;
		font-size: calc(10px + 0.5vw);
		color: #1c3251;
		line-height: 1.2;
	}
}

@media (max-width: 544px) {

	.natal-cacto-fundo-amarelo {
		height: calc(320px + 0.5vh);
	}
	
	.natal-cacto-titulo-background {
		position: relative;
		height: fit-content;
	}

	.natal-cacto-titulo-imagem {
		position: absolute;
		top: 0;
		right: 0;
		width: 65%;
	}

	.natal-cacto-titulo {
		top: 15%;
		left: 0;
		width: 50%;
		height: fit-content;
		text-align: right;
		font-family: 'Cookie-Regular';
		font-size: calc(20px + 0.5vw);
		color: white;
		line-height: 1.1;
	}

	.natal-cacto-texto {
		position: absolute;
		top: 35%;
		left: 10%;
		width: 80%;
		height: fit-content;
		text-align: justify;
		font-family: 'MyriadPro';
		font-weight: normal;
		font-size: calc(10px + 0.5vw);
		color: #1c3251;
		line-height: 1.2;
	}

}

/** INIPI **/
.inipi-texto {
	position: absolute;
	top: 1%;
	left: 25%;
	width: 50%;
	height: fit-content;
	text-align: center;
    font-family: 'MyriadPro';
	font-weight: normal;
	font-size: calc(14px + 0.5vw);
	color: #3e4c68;
	line-height: 1.3;
}
.inipi-text-note {
	font-size: calc(12px + 0.4vw);
	color: #7f7f7f;
}
.inipi-gif {
	width: 60%;
	margin-top: -40%;
	position: relative;
}
.inipi-texto-final {
	margin-top: 15%;
}

@media (max-width: 544px) {
	.inipi-texto {
		position: absolute;
		top: 1%;
		left: 10%;
		width: 80%;
		height: fit-content;
		text-align: center;
		font-family: 'MyriadPro';
		font-weight: normal;
		font-size: calc(9px + 0.5vw);
		color: #3e4c68;
		line-height: 1;
	}
	.inipi-text-note {
		font-size: calc(7px + 0.4vw);
		color: #7f7f7f;
	}
	.inipi-texto-final {
		margin-top: 15%;
	}
}

/** LOGOPLASTE **/
.logoplaste-equipa {
	width: 52%;
    margin-top: -10%;
    position: relative;
}
.logoplaste-texto {
	position: relative;
	top: 1%;
	left: 25%;
	width: 50%;
	height: fit-content;
	text-align: justify;
    font-family: 'Fujitsu';
	font-weight: normal;
	font-size: calc(14px + 0.5vw);
	color: #3c3c35;
	line-height: 1.1;
	margin-bottom: 20%
}
.logoplaste-text-note {
	font-size: calc(12px + 0.4vw);
	color: #7f7f7f;
}
.logoplaste-roda {
    margin-top: -75%;
    width: 90%;
    left: -2%;
	z-index: 1;
    position: relative;
}
.logoplaste-estante {
    margin-top: -13%;
    width: 18%;
    float: left;
    position: relative;
    left: 16%;
    z-index: 0;
}
.logoplaste-maquina {
    margin-top: -30%;
    width: 30%;
    left: 25%;
    position: relative;
    right: 0%;
}
.logoplaste-mapa {
	margin-top: -75%;
	width: 80%;
	left: 10%;
}
.logoplaste-ampulheta {
    margin-top: -51%;
    width: 24%;
    float: right;
    position: relative;
    right: 13%;
}
.logoplaste-remote {
	margin-top: -60%;
	width: 45%;
}
.logoplaste-icones {
	margin-top: -68%;
	width: 70%;
}
.logoplaste-mundo-separator {
	margin-top: -17%;
	position: relative;
	z-index: 1;
}
.logoplaste-mundo {
	margin-top: -48%;
	width: 45%;
}
.logoplaste-final {
	margin-top: -17%;
	position: relative;
	z-index: 2;
}
/** FIDELIDADE **/
.fidelidade-texto {
	position: absolute;
	top: 5%;
	left: 25%;
	width: 50%;
	height: fit-content;
	text-align: justify;
    font-family: 'MavenPro';
	font-weight: normal;
	font-size: calc(12px + 0.5vw);
	color: #f0a700;
	line-height: 1.3;
}
.fidelidade-text-note {
	font-size: calc(10px + 0.4vw);
	color: #7f7f7f;
}
.fidelidade-gif-man {
	width: 70%;
	margin-top: -38%;
	left: 5%;
	position: relative;
}
.fidelidade-gif-woman {
	width: 65%;
	margin-top: -38%;
	left: 1%;
	position: relative;
	
}
.fidelidade-gif-cat {
	width: 65%;
	margin-top: -22%;
	left: 5%;
	position: relative;	
}
.fidelidade-gif-dog {
	width: 65%;
	margin-top: -29%;
	left: 3%;
	position: relative;	
}
.fidelidade-gif-living-room {
	width: 69%;
    margin-top: -32%;
    right: 3%;
    position: relative;
}
.fidelidade-gif-bedroom {
	width: 73%;
    margin-top: -36%;
    left: 5%;
    position: relative;
}
.fidelidade-gif-bathroom {
    width: 41%;
    margin-top: -42%;
    left: 8%;
    position: relative;
    float: left;
}
.fidelidade-gif-closet {
    width: 40%;
    margin-top: -42%;
    right: 6%;
    position: relative;
    float: right;
}
.fidelidade-gif-outdoor {
	width: 65%;
    margin-top: -50%;
    position: relative;
}
.fidelidade-gif-final {
	width: 100%;
    position: relative;
}
.fidelidade-gif-cao {
	width: 15%;
	margin-top: -45%;
}
/** GENERIC **/
.background-with-elements-over {
	position: relative;
	height: fit-content;
}

.elems-top-background {
	position: absolute;
	top: 0;
	right: 0;
}