/* BACK-TOP.CSS */

.dia-dos-pais-container #button {
	display: inline-block;
	background: url(/Custom/Content/Themes/Base/Imagens/landing-pages/dia-dos-pais/btn.jpg);
	width: 37px;
	height: 37px;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
		opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

.dia-dos-pais-container #button::after {}

.dia-dos-pais-container #button:hover {
	cursor: pointer;
	background-color: #333;
}
.dia-dos-pais-container #button:active {
	background-color: #555;
}

.dia-dos-pais-container #button.show {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 500px) {
	.dia-dos-pais-container #button {
		margin: 30px;
	}
}

/* ESTILO.CSS */

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

html {scroll-behavior: smooth;}

body.dia-dos-pais {overflow-x: hidden;}

.dia-dos-pais-container img {border: 0;}

::-webkit-input-placeholder {color: black;}
:-moz-placeholder {color: black;}
::-moz-placeholder {color: black;}
:-ms-input-placeholder {color: black;}

.dia-dos-pais-container .cut1 :nth-child(2n){margin-right: 0!important;}
.dia-dos-pais-container .cut2 :nth-child(4n){margin-right: 0!important;}

.dia-dos-pais-container a:link {color: #fff; text-decoration: none;}
.dia-dos-pais-container a:visited {color: #fff; text-decoration: none;}
.dia-dos-pais-container a:hover  {text-decoration: none; color: #000;}

.dia-dos-pais-container .banner-pais {width: 100%; height: auto; float: left; overflow: hidden; display: block;}
.dia-dos-pais-container .banner-pais-mobile {width: 100%; height: auto; float: left; overflow: hidden; display: none;}

.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 35px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
.dia-dos-pais-container .descricao-txt {width: 90%; float: none; margin: 0 auto; color: #000; font: 23.5px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

.dia-dos-pais-container .paix-mobile {width: 90%; float: none; margin: 0 auto; display: none;}

.dia-dos-pais-container #pai-casual {width: 100%; height: auto; float: left; padding: 50px 0; background: #e3e3e0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 58%, #fff 0%);*/}
.dia-dos-pais-container .pai-casual-txt {width: 870px; float: left; margin: 0 0 0 75px;}
.dia-dos-pais-container .pai-casual-titulo-1 {width: 100%; float: left; color: #ddb56d; font: 70px 'Montserrat'; font-weight: 300;}
.dia-dos-pais-container .pai-casual-titulo-001 {width: 100%; float: left; color: #ddb56d; font: 70px 'Montserrat'; font-weight: 300; display: none;}
.dia-dos-pais-container .pai-casual-titulo-2 {width: 100%; float: left; color: #305398; font: 90px 'Montserrat'; font-weight: 900; margin-top: -30px;}
.dia-dos-pais-container .pai-casual-titulo-002 {width: 100%; float: left; color: #305398; font: 90px 'Montserrat'; font-weight: 900; margin-top: -30px; display: none;}
.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat'; font-weight: 600; margin-top: 30px;}
.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat'; margin-top: 30px;}
.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat';}
.dia-dos-pais-container .pai-casual-vitrine {width: 100%; height: auto; float: left; margin-bottom: 50px; background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 20%, #fff 0%);}
.dia-dos-pais-container .pai-casual-vitrine.no-bg {background-image: linear-gradient(to bottom, #fff 0, #fff 0%, #fff 0%);}
.dia-dos-pais-container .pai-casual-vitrine-center {width: 100%; height: auto; float: left;}

.dia-dos-pais-container #pai-moderno {width: 100%; height: auto; float: left; padding: 30px 0 50px 0; background: white;}
.dia-dos-pais-container .pai-moderno-txt {width: 870px; float: right; margin: 0 75px 0 0;}
.dia-dos-pais-container .pai-moderno-titulo-1 {width: 100%; float: left; color: #2c6fb3; font: 70px 'Montserrat'; font-weight: 300; text-align: right;}
.dia-dos-pais-container .pai-moderno-titulo-2 {width: 100%; float: left; color: #deb873; font: 90px 'Montserrat'; font-weight: 900; margin-top: -30px; text-align: right;}
.dia-dos-pais-container .pai-moderno-titulo-3 {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat'; font-weight: 600; margin-top: 30px; text-align: right;}
.dia-dos-pais-container .pai-moderno-descricao {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat'; margin-top: 30px; text-align: right;}
.dia-dos-pais-container .pai-moderno-dicas-presentes {width: 100%; float: left; color: #000; font: 23.5px 'Montserrat'; text-align: right;}

.dia-dos-pais-container #pai-classico {width: 100%; height: auto; float: left; padding: 50px 0; background: #e3e3e0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 58%, #fff 0%);*/}

.dia-dos-pais-container .dicas {width: 100%; height: auto; float: left; padding: 50px 0;}
.dia-dos-pais-container .dicas-web {width: 100%; height: auto; float: left; margin-top: 30px; display: block;}
.dia-dos-pais-container .dicas-mobile {width: 100%; height: auto; float: left; margin-top: 30px; display: none;}
.dia-dos-pais-container .dicas-titulo {width: 100%; float: left; color: #000; font: 35px 'Montserrat'; text-align: center;}
.dia-dos-pais-container .spanzinho {color: black;}




/* 
1600px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1600px){
	/*! PAI CASUAL */
	.dia-dos-pais-container .pai-casual-txt {width: 750px; float: left; margin: 0 0 0 75px;}

	/*! PAI MODERNO */
	.dia-dos-pais-container .pai-moderno-txt {width: 750px; float: right; margin: 0 75px 0 0;}
}



/* 
1400px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1400px){
	/*! PAI CASUAL */
	.dia-dos-pais-container .pai-casual-txt {width: 700px; float: left; margin: 0 0 0 50px;}
	.dia-dos-pais-container .pai-casual-titulo-1 {width: 100%; float: left; color: #ddb56d; font: 50px 'Montserrat'; font-weight: 300;}
	.dia-dos-pais-container .pai-casual-titulo-2 {width: 100%; float: left; color: #305398; font: 70px 'Montserrat'; font-weight: 900; margin-top: -20px;}
	.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 18px 'Montserrat';}

	/*! PAI MODERNO */
	.dia-dos-pais-container .pai-moderno-txt {width: 700px; float: right; margin: 0 50px 0 0;}
	.dia-dos-pais-container .pai-moderno-titulo-1 {width: 100%; float: left; color: #2c6fb3; font: 50px 'Montserrat'; font-weight: 300; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-2 {width: 100%; float: left; color: #deb873; font: 70px 'Montserrat'; font-weight: 900; margin-top: -30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-3 {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-descricao {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-dicas-presentes {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; text-align: right;}
}



/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
	/*! DESCRIÇÃO */
	.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 30px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
	.dia-dos-pais-container .descricao-txt {width: 100%; float: none; margin: 0 auto; color: #000; font: 16.5px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

	/*! PAI CASUAL */
	.dia-dos-pais-container .pai-casual-txt {width: 550px; float: left; margin: 0 0 0 30px;}
	.dia-dos-pais-container .pai-casual-titulo-1 {width: 100%; float: left; color: #ddb56d; font: 50px 'Montserrat'; font-weight: 300;}
	.dia-dos-pais-container .pai-casual-titulo-2 {width: 100%; float: left; color: #305398; font: 70px 'Montserrat'; font-weight: 900; margin-top: -20px;}
	.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 18px 'Montserrat';}

	/*! PAI MODERNO */
	.dia-dos-pais-container .pai-moderno-txt {width: 550px; float: right; margin: 0 30px 0 0;}
	.dia-dos-pais-container .pai-moderno-titulo-1 {width: 100%; float: left; color: #2c6fb3; font: 50px 'Montserrat'; font-weight: 300; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-2 {width: 100%; float: left; color: #deb873; font: 70px 'Montserrat'; font-weight: 900; margin-top: -30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-3 {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-descricao {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-dicas-presentes {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; text-align: right;}

	/*! DICAS */
	.dia-dos-pais-container .dicas-titulo {width: 100%; float: left; color: #000; font: 30px 'Montserrat'; text-align: center;}
}


/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width: 960px){
	/*! DESCRIÇÃO */
	.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 30px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
	.dia-dos-pais-container .descricao-txt {width: 100%; float: none; margin: 0 auto; color: #000; font: 16.5px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

	/*! PAI CASUAL */
	.dia-dos-pais-container .pai-casual-txt {width: 430px; float: left; margin: 0 0 0 30px;}
	.dia-dos-pais-container .pai-casual-titulo-1 {width: 100%; float: left; color: #ddb56d; font: 40px 'Montserrat'; font-weight: 300;}
	.dia-dos-pais-container .pai-casual-titulo-2 {width: 100%; float: left; color: #305398; font: 60px 'Montserrat'; font-weight: 900; margin-top: -15px;}
	.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 16px 'Montserrat'; font-weight: 600; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 16px 'Montserrat'; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 16px 'Montserrat';}

	/*! PAI MODERNO */
	.dia-dos-pais-container .pai-moderno-txt {width: 430px; float: right; margin: 0 30px 0 0;}
	.dia-dos-pais-container .pai-moderno-titulo-1 {width: 100%; float: left; color: #2c6fb3; font: 40px 'Montserrat'; font-weight: 300; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-2 {width: 100%; float: left; color: #deb873; font: 60px 'Montserrat'; font-weight: 900; margin-top: -15px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-titulo-3 {width: 100%; float: left; color: #000; font: 16px 'Montserrat'; font-weight: 600; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-descricao {width: 100%; float: left; color: #000; font: 16px 'Montserrat'; margin-top: 30px; text-align: right;}
	.dia-dos-pais-container .pai-moderno-dicas-presentes {width: 100%; float: left; color: #000; font: 16px 'Montserrat'; text-align: right;}
}



/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
	/*! BANNER PAIS */
	.dia-dos-pais-container .banner-pais {width: 100%; height: auto; float: left; overflow: hidden; display: none;}
	.dia-dos-pais-container .banner-pais-mobile {width: 100%; height: auto; float: left; overflow: hidden; display: block;}

	/*! DESCRIÇÃO */
	.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
	.dia-dos-pais-container .descricao-txt {width: 95%; float: none; margin: 0 auto; color: #000; font: 14px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

	/*! PAI CASUAL */
	.dia-dos-pais-container #pai-casual {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 75%, #fff 0%);*/}
	.dia-dos-pais-container .pai-casual-titulo-001 {width: 95%; float: right; color: #ddb56d; font: 30px 'Montserrat'; font-weight: 400; display: block; margin-top: 20px;}
	.dia-dos-pais-container .pai-casual-titulo-002 {width: 95%; float: right; color: #305398; font: 50px 'Montserrat'; font-weight: 900; margin-top: -15px; display: block;}
	.dia-dos-pais-container .pai-casual-titulo-1 {width: 100%; float: left; color: #ddb56d; font: 70px 'Montserrat'; font-weight: 300; display: none;}
	.dia-dos-pais-container .pai-casual-titulo-2 {width: 100%; float: left; color: #305398; font: 90px 'Montserrat'; font-weight: 900; margin-top: -30px; display: none;}
	.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-txt {width: 90%; float: none; margin: 0 auto;}
	.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; margin-top: 30px}
	.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 18px 'Montserrat';}

	/*! PAI MODERNO */
	.dia-dos-pais-container #pai-moderno {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 75%, #fff 0%);*/}
	.dia-dos-pais-container .paix-mobile {width: 90%; float: none; margin: 0 auto; display: block;}
	.dia-dos-pais-container .pai-moderno-txt {width: 100%; float: none; margin: 0 auto; display: none;}

	/*! PAI CLÁSSICO */
	.dia-dos-pais-container #pai-classico {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 75%, #fff 0%);*/}

	/*! DICAS */
	.dia-dos-pais-container .dicas-web {width: 100%; height: auto; float: left; margin-top: 30px; display: none;}
	.dia-dos-pais-container .dicas-mobile {width: 100%; height: auto; float: left; margin-top: 30px; display: block;}
	.dia-dos-pais-container .dicas-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; text-align: center;}
	
	.dia-dos-pais-container .pai-casual-vitrine{
		padding-top: 50px;
	}
}



/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width: 640px) and (min-width: 480px){
	/*! DESCRIÇÃO */
	.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 20px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
	.dia-dos-pais-container .descricao-txt {width: 100%; float: left; margin: 0; color: #000; font: 16px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

	/*! PAI CASUAL */
	.dia-dos-pais-container #pai-casual {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}

	/*! PAI MODERNO */
	.dia-dos-pais-container #pai-moderno {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}

	/*! PAI CLÁSSICO */
	.dia-dos-pais-container #pai-classico {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}

	/*! DICAS */
	.dia-dos-pais-container .dicas-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; text-align: center;}
	.dia-dos-pais-container .spanzinho {width: 100%; float: left; color: black; text-align: center; font-size: 25px;}
}



/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:479px){
	/*! DESCRIÇÃO */
	.dia-dos-pais-container .descricao-titulo {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 600; padding-top: 50px; margin-bottom: 20px; text-align: center;}
	.dia-dos-pais-container .descricao-txt {width: 100%; float: left; margin: 0; color: #000; font: 13.5px 'Montserrat'; padding: 0 0 50px 0; text-align: center;}

	/*! PAI CASUAL */
	.dia-dos-pais-container #pai-casual {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}
	.dia-dos-pais-container .pai-casual-titulo-001 {width: 95%; float: right; color: #ddb56d; font: 25px 'Montserrat'; font-weight: 300; display: block; margin-top: 20px;}
	.dia-dos-pais-container .pai-casual-titulo-002 {width: 95%; float: right; color: #305398; font: 40px 'Montserrat'; font-weight: 900; margin-top: -10px; display: block;}
	.dia-dos-pais-container .pai-casual-titulo-3 {width: 100%; float: left; color: #000; font: 14px 'Montserrat'; font-weight: 600; margin-top: 15px;}
	.dia-dos-pais-container .pai-casual-descricao {width: 100%; float: left; color: #000; font: 13.5px 'Montserrat'; margin-top: 30px}
	.dia-dos-pais-container .pai-casual-dicas-presentes {width: 100%; float: left; color: #000; font: 13.5px 'Montserrat';}
	.dia-dos-pais-container .pai-casual-vitrine-center {width: 100%; height: auto; float: none; margin: 0 auto;}

	/*! PAI MODERNO */
	.dia-dos-pais-container #pai-moderno {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}

	/*! PAI CLÁSSICO */
	.dia-dos-pais-container #pai-classico {width: 100%; height: auto; float: left; padding: 0; /*background-image: linear-gradient(to bottom, #e3e3e0 0, #e3e3e0 80%, #fff 0%);*/}

	/*! DICAS */
	.dia-dos-pais-container .dicas-titulo {width: 100%; float: left; color: #000; font: 20px 'Montserrat'; text-align: center;}
	.dia-dos-pais-container .spanzinho {width: 100%; float: left; color: black; text-align: center; font-size: 20px;}
}

/* RESIZE.CSS */

/*----------------------------------------------------------
Configurações Gerais <<<<<==================================
----------------------------------------------------------*/

.dia-dos-pais-container .center{
	margin: 0 auto;
	max-width: 1450px; /*largura máxima do layout*/
	width: 95%; /*ajuste do layout à tela*/
}
/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
evitando que os floats se aglomerem.
*/
.dia-dos-pais-container .clearfix:before,
.dia-dos-pais-container .clearfix:after {content: " "; display: table;}
.dia-dos-pais-container .clearfix:after {clear: both;}
.dia-dos-pais-container .clearfix {*zoom: 1;}
/*fim do clearfix*/

.dia-dos-pais-container img, .dia-dos-pais-container picture, .dia-dos-pais-container video, .dia-dos-pais-container embed {max-width: 100%; /*define a largura máxima em até 100%*/}

/*----------------------------------------------------------
Seção HEADER - Topo do Site <<<<<===========================
----------------------------------------------------------*/

.dia-dos-pais-container .corpo{
	border-bottom: 1px solid #E0E0E0;
	height:100%;
	width:100%; /*1200px ÷ 1200px = 1 x 100 = 100%*/
}

/*----------------------------------------------------------
Seção .CHAMADA <<<<<========================================
----------------------------------------------------------*/

.dia-dos-pais-container .chamada{
	height:290px;
	text-align:center;
	width:100%; /*1200px ÷ 1200px = 1 x 100 = 100%*/
}
.dia-dos-pais-container h2 span{
	font-size: 1em; /* 60px ÷ 60px = 1em */
	font-weight: 300;
	letter-spacing: -0.0333333333em; /* -2px ÷ 60px = 0.0333333333em */
	line-height: 1em; /* 60px ÷ 60px = 1em */
}
.dia-dos-pais-container .chamada h3 {
	margin: 0 auto;
	width:75%; /* 900px ÷ 1200px = 0.75 x 100 = 75%*/
}

/*----------------------------------------------------------
Seção .CONTAINER - Conteúdo com 3 colunas <<<<<=============
----------------------------------------------------------*/

.dia-dos-pais-container .container{
	height: 60px;
	padding:2.5%; /* 30px ÷ 1200px = 0.025 x 100 = 2.5%*/
	width:95%; /* 1200px ÷ 1200px = 1 x 100 = 100% .:. 100% - 5.0% de padding (direita e esquerda) = 95%*/
}
/*Por causa do padding, a largura, width, do .container passou de 1.200px para 1.140px (95%)*/
.dia-dos-pais-container .desktop, .tablet, .mobile{
	float:left;
	position:relative;
	text-align:center;
	width:31.57894736842105%; /* 360px ÷ 1140px = 0.3157894736842105 x 100 = 31.57894736842105%*/
}
.dia-dos-pais-container .desktop, .tablet{
	margin-right: 2.631578947368421%; /* 30px ÷ 1140px =  0.02631578947368421 x 100 = 2.631578947368421%*/
}
.dia-dos-pais-container .mobile{
	background-color:#9C8CB9; padding-bottom: 15px;
	margin-right:0px;
}
.dia-dos-pais-container .desktop{
	background-color:#FE9481; padding-bottom: 15px;
}
.dia-dos-pais-container .tablet{
	background-color:#FCDA92; padding-bottom: 15px;
}
/*
=========================
figure - imagens
=========================
*/
.dia-dos-pais-container .container .desktop figure, .dia-dos-pais-container .container .tablet figure, .dia-dos-pais-container .container .mobile figure {
	margin: 0 auto 0px auto; 
	width:69.44444444444444%; /* 250px ÷ 360px = 0.6944444444444 x 100 = 69.44444444444444%*/
}
/*
=========================
formatação do texto
=========================
*/
.dia-dos-pais-container .container h3{
	color:#fff;
	font-size: 1.77777777778em; /* 32px ÷ 18px = 1.77777777778em */
	font-weight: 300;
	letter-spacing: -0.0625em; /* -2px ÷ 32px = 0.0625em */
	margin-bottom: 30px;
	text-shadow:none;
}
.dia-dos-pais-container .container p{
	background-color:#fff;
	float:left;
	height:160px;
	padding: 1.9444444444444445%; /* 7px ÷ 360px =  0.019444444444444445 x 100 =  1.9444444444444445%*/
	position:absolute;
	max-width:100%; /* 360px ÷ 360px = 1 x 100 = 100%*/
	text-align:justify;
	top:225px;
}
/*
=========================
formatação do botão
=========================
*/
.dia-dos-pais-container span.btn{
	font-size: 1.1111111111em; /* 20px ÷ 18px = 1.1111111111em */
	font-weight: 400;
	letter-spacing: -0.1em; /* -2px ÷ 20px = -0.1em */
	height:27px;
	margin-top: 30px;
	position:absolute;
	right: 1px;
	text-align:center;
	text-shadow:none;
	width:33.33333333333333%; /* 120px ÷ 360px = 0.3333333333333333 x 100 = 33.33333333333333%*/
}
.dia-dos-pais-container span.btn a{
	color:#fff;
	padding: 2px 3.333333333333333%; /* 4px ÷ 120px = 0.3333333333333333 x 100 = 3.333333333333333%*/
}
.dia-dos-pais-container .desktop span.btn a{
	background-color:#FE9481;
}
.dia-dos-pais-container .tablet span.btn a{
	background-color:#FCDA92;
}
.dia-dos-pais-container .mobile span.btn a{
	background-color:#9C8CB9;
}

/* SLICK-SLIDER.CSS */

.dia-dos-pais-container .slider {
	width: 90%;
	float: none;
	margin: 0 auto;
}

.dia-dos-pais-container .slick-slide {
	margin: 0px 20px;
	padding: 0;
	overflow: hidden;
}

.dia-dos-pais-container .slick-slide img {
	width: 100%;
}

.dia-dos-pais-container .slick-prev:before,
.dia-dos-pais-container .slick-next:before {
	color: black;
}


.dia-dos-pais-container .slick-slide {
	transition: all ease-in-out .3s;
	opacity: 9;
}

.dia-dos-pais-container .slick-active {
	opacity: 9;
}

.dia-dos-pais-container .slick-current {
	opacity: 9;
}