/* RESET PADDING, MARGIN =============== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, optgroup, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, video, main{margin:0; outline: none; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html > object{ display:none !important;}

/* HTML5 display definitions =========== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, dialog{display: block;}
[hidden], template {display: none;}

/* ALTURA FLUIDA COM FLOAT ============= */
.floatfix:after,
.floatfixall main:after, .floatfixall div:after, .floatfixall dl:after, .floatfixall dt:after, .floatfixall dd:after,
.floatfixall ol:after, .floatfixall ul:after, .floatfixall form:after, fieldset:after, label:after,
.floatfixall section:after, .floatfixall article:after, .floatfixall aside:after, .floatfixall header:after,
.floatfixall footer:after, .floatfixall nav:after, .floatfixall dialog:after, .floatfixall figure:after,
.floatfixall figcaption:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

/* RESET FONTES ======================== */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#ffffff;}
body {font-size: 16px; line-height: 1.2; -webkit-font-smoothing: antialiased; font-family:sans-serif; font-weight:400; font-style:normal; color:#666666; background:#ffffff;}

/* ELEMENTOS DE TEXTO ================== */
*{margin: 0; padding: 0; box-sizing: border-box; border: none; outline: none;}
ul{list-style: none;}
a{text-decoration: none; background: transparent; color:inherit; text-decoration:inherit;}
a, button{cursor: pointer;}
img{max-width: 100%; height: auto; border: 0;}
h1, h2, h3, h4, h5, h6, th{font-weight:inherit; font-size:inherit;}
small{font-size: smaller;}

blockquote{background: #f3f2f2; position: relative; font-weight: 500; padding: 2px 17px 17px 17px; margin-top: 17px; line-height: 1.3;}
blockquote > blockquote {margin-left: 0;}
blockquote p {margin-bottom: 35px;}
blockquote > p:last-child {margin-bottom: 0;}
blockquote cite, blockquote small {color: #666666; line-height:1.1; font-style: normal; font-weight: 500;}
blockquote cite strong{color:#7e1711;}

/* Embedded content ==================== */
img{border: 0; max-width:100%; height: auto;}
svg:not(:root){overflow: hidden;}
video{width: 100% !important; height: auto !important;}

/* Forms =============================== */
fieldset{border:none;}
button, input, optgroup, select, textarea, button {color: inherit; font: inherit; text-transform:inherit; outline: 0;}
button {overflow: visible; cursor: pointer; background:none; border:none;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input, textarea, select{display:block; width:100%; background:#fff; padding:0 5px 0 5px; height: 46px; border:0;}
input{overflow:hidden;}
textarea {overflow: auto; resize:none; overflow-x:hidden; padding:9px 6px 6px 13px; height:117px; line-height:normal;}
input[type="checkbox"], input[type="radio"] {width:auto !important; height:auto !important; line-height:normal; border:none; border-radius:0;}
input[type="file"]{ border: none; background: none; padding: 0;}

/* PLACEHOLDER  */
input::placeholder {color: #777;  /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */}
input::-webkit-input-placeholder {color:    #777; /* WebKit, Blink, Edge */}
input:-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder {color:    #777; /* Internet Explorer 10-11 */}
input::-ms-input-placeholder {color:    #777; /* Microsoft Edge */}
@media all and (min-width: 760px){ /* Só altera os elementos para telas maiores que 760px de largura */
	input[type="number"]{-moz-appearance: textfield;}

	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button{height: auto; -webkit-appearance: none; margin: 0;}

	input[type="date"]::-webkit-inner-spin-button,
	input[type="date"]::-webkit-calendar-picker-indicator,
	input[type="time"]::-webkit-outer-spin-button,
	input[type="time"]::-webkit-outer-spin-button{display: none; -webkit-appearance: none;}

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

	input[type="search"],
	input[type="number"],
	input[type="time"],
	input[type="date"],
	input[type="date"]::-webkit-calendar,
	input[type="date"]::-webkit-number {-webkit-appearance: textfield; -moz-appearance: textfield;}
}

optgroup {font-weight: bold;}
a:active, a:hover {outline: 0;}
input.error, textarea.error, select.error{border-bottom-color:#ba0000!important;}
textarea.error{border-color:#ba0000!important; }

.g-recaptcha{overflow: hidden; height: 1;position: relative;}
.g-recaptcha .grecaptcha-badge{ position: absolute; top: 100%; left: 100%;}
span.error{text-align:right;display:block; color:#ba0000; padding: 2px 0 0 0; line-height:0.9;}

/* TABELAS ============================= */
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}

/* CLASSES ============================= */
body{font-family: 'Montserrat', sans-serif;}

.fw-thin{font-weight:100;}
.fw-smlight{font-weight: 200;}
.fw-light{font-weight: 300;}
.fw-regular{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-smbold{font-weight: 600;}
.fw-bold{font-weight: 700;}
.fw-exbold{font-weight: 800;}
.fw-black{font-weight: 900;}

.underline, .h-underline:hover{text-decoration:underline;}
.underline-none{text-decoration:none;}
.transform-none{text-transform:none;}
.italic{ font-style:italic;}
.normal{font-style:normal;}

.list-none, .list-none *{list-style:none; margin:0;}

/* POSICIONAMENTO */
.flt-none{float:none;}
.flt-clear{clear:both;}
.flt-center{margin:0 auto;}

.text-left{text-align: left!important;}
.text-right{text-align: right!important;}

@media only screen and (min-width: 768px){
	.text-md-left{text-align: left!important;}
	.text-md-right{text-align: right!important;}
}

@media only screen and (min-width: 992px){
	.text-lg-left{text-align: left!important;}
	.text-lg-right{text-align: right!important;}
}

/* RADIUS & SHADOW */
.shadow{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)}
.txt-shadow{text-shadow: 5px 4px 5px rgba(0,0,0,0.2);}

/* FORMS */
.formLead label{display:block; margin-bottom: 11px; position:relative;}
.formLead input, .formLead textarea, .formLead select{width: 100%; height: 44px; padding: 0 15px; border: 1px solid #d1d1d1;}
.formLead input[type='radio']{width: auto; height: auto;}
.formLead textarea{height: 100px; padding: 12px 15px;}
.formLead button{width: 100%; padding: 20px 0; border-radius: 15px; text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 20px;}

/* FORMS RECAPTCHA */
.formLead .g-recaptcha{overflow:hidden;height:1;position:relative;}
.formLead .g-recaptcha .grecaptcha-badge{position:absolute;top:100%;left:100%;}
.formLead span.error{text-align:right;display:block;color:#ff0000;padding:0 0 0 0;line-height:1;position:absolute;right:0; top: 100%; font-size: 12px;}

/* LOADER */
.loader{position:fixed;top:0;left:0;display:none;z-index:999999;width:100%;height:100%;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.50);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";}
.loader img{position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;}

/* SLICK */
body .slick-track{margin: 0 auto;}
body .slick-slide a{display: block;}
body .slick-slide img {position: relative; max-width: 100%;}
body .slick-arrow{display:block; position:absolute; top: 50%; background:url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/arrows.html') no-repeat -10px -10px; border:none; width: 20px; height: 30px; text-indent: -9999em; cursor: pointer;}
body .slick-prev{left: 0; z-index: 99;}
body .slick-next{right: 0; background-position: -10px -10px;}
body .slick-dots{text-align: center; position: absolute; bottom: -35px; left: 0; width: 100%;}
body .slick-dots li{ display: inline-block; vertical-align: middle; margin: 0 3px;}
body .slick-dots li button{display: block; width: 12px; height: 12px; overflow: hidden; border-radius: 50em; text-indent: -999px; background: #c7c8c9; border-radius: 50%;}
body .slick-dots li.slick-active button{background-color: #0a6db4;}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}

/* MAGNIFIC POPUP */
.white-popup, .default-popup{position:relative; padding: 50px 20px; width:auto; background-color: #e1e1e1; max-width: 425px; margin:20px auto;}

/* OBJETOS */
.icon{display: block; margin: 0 auto;}
.icon::before{content: ""; display: inline-block; width: 68px; height: 78px; background: url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/spritesheets.png'); vertical-align: middle;}
.icon-1::before{width: 86px; background-position: -120px -99px;}
.icon-2::before{background-position: -10px -188px;}
.icon-3::before{background-position: -232px -10px;}
.icon-4::before{background-position: -312px -10px;}
.icon-5::before{background-position: -90px -190px;}
.icon-6::before{width: 90px; height: 70px; background-position: -10px -101px; margin-bottom: 8px;}
.icon-7::before{width: 82px; background-position: -10px -10px;}
.icon-8::before{background-position: -230px -98px;}
.icon-9::before{width: 100px; background-position: -112px -10px;}

/* IFRAME RESPONSIVE */
.iframe-cont{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
.iframe-resp{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}

/* VIDEO RESPONSIVE */
.video-responsive{pointer-events: none;}
.video-responsive video{position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important; object-fit: cover;}

/* TABLE RESPONSIVE */
.table-responsive{width: 100%; overflow-x: auto; border-bottom: 2px solid #0a6db4; padding-bottom: 25px;}
.table-responsive table{border-collapse: collapse; border-spacing: 0; min-width: 768px; width: 100%;}
.table-responsive table tr{vertical-align: middle;}
.table-responsive table tr:nth-child(even){background: #f2f2f1;}
.table-responsive table th{padding: 30px 0; text-transform: uppercase;}
.table-responsive table td{padding: 18px 0;}
.table-responsive table tr td:nth-child(1){width: 55%; text-align: left;}
.table-responsive table tr td:nth-child(2){width: 15%;}
.table-responsive table tr td:nth-child(3){width: 15%;}
.table-responsive table tr td:nth-child(4){width: 15%;}

/* MODAL COOKIES */
.cookies-container{color: #222; position: fixed; width: 100%; padding: 0 15px; bottom: 2rem; z-index: 9; text-align: left;}
.cookies-content{box-shadow: 0 1px 3px rgba(0,0,0,0.15); background: white; max-width: 960px; font-size: 14px; border-radius: 5px; padding: 1rem; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; opacity: 0; transform: translateY(1rem); animation: modalCookiesUp 0.5s forwards;}
.cookies-pref label{margin-right: 1rem;}
.cookies-pref label, .cookies-pref label input{display: inline-block !important;}
.cookies-save{grid-column: 2; grid-row: 1/3; background: #007cf8; color: #fff; cursor: pointer; border: none; border-radius: 5px; padding: 0.8rem 1rem; font-size: 1rem;}
@keyframes modalCookiesUp{
  to{ transform: initial; opacity: initial; }
}

@media only screen and (max-width: 500px){
  .cookies-content{grid-template-columns: 1fr;}
  .cookies-save{grid-column: 1; grid-row: 3;}
}

/* BTNs */
.btn-widget-whatsapp{position: fixed; bottom: 25px; right: 20px; z-index: 99; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: #11c540; border-radius: 50%; color: #ffffff; font-size: 50px; animation: 2s ease 0s infinite normal none running pulse; cursor: pointer;}
.btn-widget-whatsapp:hover{color: #ffffff; text-decoration: none;}
@keyframes pulse {
0%{box-shadow: rgb(71 156 44) 0px 0px 0px 0px;}
70%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 15px;}
100%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px;}
}

/* MODAL & WIDGET */
.modal-form-atendimento{border-top: 7px solid #fb9402;}
.modal-form-atendimento h1{text-align: center; font-weight: 700; font-size: 18px;}
.modal-form-atendimento p{text-align: center;}
.modal-form-atendimento form button{background: #fb9402;}

.widget-whatsapp{background: url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/bg-whatsapp.png'); max-width: 350px; width: 94%; border-radius: 8px; position: fixed; bottom: 100px; right: 3%; z-index: 99; display: none;}
.widget-whatsapp .header-form{border-radius: 8px 8px 0px 0px; background: rgb(246, 246, 246); display: flex; padding: 0.8rem; -webkit-box-align: center; align-items: center; box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px; text-align: left;}
.widget-whatsapp .header-form figure{width: 42px; height: 42px; border: 1px solid #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; overflow: hidden;}
.widget-whatsapp .header-form span{margin-left: 7px;}
.widget-whatsapp .header-form p{font-size: 12px;}
.widget-whatsapp .header-form p.title{font-size: 20px;}
.widget-whatsapp .text-area{width: 100%; margin-bottom: 11px; border-radius: 8px 8px 8px 0px; padding: 15px 10px 15px 15px; background-repeat: no-repeat; background: #ffffff; text-align: left;}
.widget-whatsapp .form-content{padding: 16px;}
.widget-whatsapp label{text-align: left;}
.widget-whatsapp label input{border: 0; border-radius: 8px;}
.widget-whatsapp button{width: 100%; border: 0px; margin-top: 0; background: #128c7e; height: 50px; color: white; border-radius: 8px; font-size: 18px; font-weight: 900; padding: 0;}

/* BTN */
.btn{
	display: inline-block;
	padding: 12px 30px;
	border-radius: 10px;
	background-color: rgb(251, 195, 2);
	color: #022450;
	font-weight: 600;
	transition: 0.3s;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
}

.btn:hover{
	background-color: #e1af02;
}

@media only screen and (min-width: 768px){

	.btn{
		padding: 16px 40px;
		border-radius: 15px;
		font-size: 22px;
		max-width: 398px;
	}

}

/* TITLE */
.sec-title{
	font-size: 24px;
	font-weight: 900;
	line-height: 1.2;
}

@media only screen and (min-width: 768px){
	.sec-title{
		font-size: 40px;
	}
}

@media only screen and (min-width: 992px){
	.sec-title{
		font-size: 50px;
	}
}

/* LIST */
.list-square li{
	padding-left: 20px;
}
.list-square li::before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: rgb(251, 195, 2);
	margin-right: 7px;
	float: left;
	margin-left: -20px;
	margin-top: 7px;
}

/* COLOR & BACKGROUND */
.color-white{color: #ffffff;}
.color-black{color: #000000;}
.color-darkBlue{color: #011e42;}
.color-blue{color: #023c84;}
.color-deepSkyBlue{color: #09a4f8;}

.bg-white{background-color: #ffffff;}
.bg-black{background-color: #000000;}
.bg-darkBlue{background-color: #011e42;}
.bg-deepSkyBlue{background-color: #09a4f8;}
.bg-blue{background-color: #023c84;}

/* FONT SIZES */
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}

@media only screen and (min-width: 992px){

	.fs-lg-18{font-size: 18px;}
	.fs-lg-20{font-size: 20px;}
	.fs-lg-22{font-size: 22px;}
	.fs-lg-24{font-size: 24px;}

}

/* TEMPLATE */
#header{
	padding: 20px 0;
}

#header .header-body .logo{
	margin-bottom: 30px;
}

#header .header-body h1{
	font-size: 36px;
	margin-bottom: 10px;
}

#header .header-body .btn{
	margin-top: 40px;
}

#sec-sobre{
	padding: 50px 0;
}

#sec-sobre .sec-title{
	margin-bottom: 30px;
}

#sec-sobre .sec-body{
	line-height: 1.4;
}

#sec-sobre h3{
	margin-bottom: 16px;
}

#sec-sobre p{
	margin-bottom: 20px;
}

#sec-sobre ul li{
	margin-bottom: 30px;
}

#sec-sobre .btn{
	margin-top: 70px;
}

#sec-diferenciais{
	background-color: #f6f4f4;
	padding: 50px 0;
}

#sec-diferenciais .sec-head{
	padding: 30px;
	border-radius: 30px;
	background-color: #003987;
}

#sec-diferenciais .sec-head, #sec-diferenciais .sec-desc{
	margin-bottom: 40px;
}

#sec-diferenciais ul.list{
	margin-top: 70px;
}

#sec-diferenciais ul.list li{
	padding: 0 10px;
	margin-bottom: 50px;
}

#sec-faq{
	padding: 70px 0;
}

#sec-faq .sec-title{
	margin-bottom: 50px;
}

#sec-faq .accordion{
	border: 1px solid rgb(217, 215, 215);
	border-radius: 10px;
	background-color: rgb(246, 244, 244);
	margin-bottom: 30px;
	text-align: left;
}
  
#sec-faq .accordion-title, #sec-faq .accordion-text{
	padding: 24px 10px;
}


#sec-faq .accordion-text{
	line-height: 1.4;
	padding-top: 0;
}

#sec-faq .accordion-text p, #sec-faq .accordion-text ul{
	margin-bottom: 20px;
}

#sec-faq .accordion-text ul li{
	margin-bottom: 16px;
}

#sec-faq .accordion-text ul li::before{
	background-color: #000000;
}

#sec-faq .btn{
	margin-top: 70px;
}

#footer{
	border-top: 19px solid rgb(184, 207, 220);
	padding: 70px 0;
}

#footer .logo{
	margin-bottom: 50px;
}

#footer ul.social-icons li{
	display: inline-block;
	margin: 0 10px;
}

#footer ul.social-icons li a{
	font-size: 36px;
	transition: 0.3s;
}

#footer ul.social-icons li a:hover{
	color: #09a4f8;
}

#copyright, #developer{
	font-size: 10px;
}

#copyright{
	margin: 50px 0;
}

#developer{
	display: inline-block;
	line-height: 1.6;
}

@media only screen and (min-width: 992px){

	#header{
		background: url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/bg-header.jpg') no-repeat center/cover;
		min-height: 1100px;
		padding: 40px 0;
	}

	#header .header-body{
		max-width: 70%;
	}

	#header .header-body h1{
		font-size: 60px;
	}

	#sec-sobre{
		background: url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/bg-sobre.jpg') no-repeat center top;
		min-height: 708px;
		margin-top: 100px;
		padding-top: 0;
	}

	#sec-sobre .sec-body{
		padding-right: 40%;
	}

	#sec-diferenciais{
		padding-top: 0;
		margin-top: 70px;
	}

	#sec-diferenciais .sec-head{
		position: relative;
		padding: 100px 0 70px;
		border-radius: 0;
		background-color: #003987;
		margin-top: -70px;
	}

	#sec-diferenciais .sec-head::before, #sec-diferenciais .sec-head::after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	#sec-diferenciais .sec-head::before{
		background-color: #003987;
		left: 1px;
		transform: translateX(-100%);
		width: 100vw;
	}

	#sec-diferenciais .sec-head::after{
		right: -17%;
		width: 102px;
		height: 100%;
		background: url(/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/graphic-right.png) no-repeat center/contain;
	}

	#sec-diferenciais .sec-head .sec-title{
		font-size: 40px;
	}

	#sec-diferenciais .sec-desc{
		padding-top: 35px;
		padding-left: 15%;
	}

	#sec-diferenciais ul.list li{
		width: 25%;
	}

	#sec-diferenciais ul.list li:nth-child(5), #sec-diferenciais ul.list li:nth-child(6), #sec-diferenciais ul.list li:nth-child(7), #sec-diferenciais ul.list li:nth-child(8), #sec-diferenciais ul.list li:nth-child(9){
		width: 20%;
	}

	#sec-faq .accordion-title, #sec-faq .accordion-text{
		padding: 24px 30px;
	}

	#sec-faq .accordion-text{
		padding-top: 0;
	}

	#footer{
		background: url('/layouts/vhI-1685057753-pensao-alimenticia/v8r-1685059781-pensao-alimenticia-2023/assets/img/bg-footer.jpg') no-repeat center/cover;
		min-height: 502px;
		padding: 150px 0 30px;
	}


}

@media only screen and (min-width: 1200px){

	#header .header-body{
		max-width: 50%;
	}

}


@media only screen and (min-width: 1400px){

	#sec-diferenciais .sec-head::after{
		right: -15%;
	}
}