/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * VARIABLES
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
:root {
	--primary-color-darker:#11123F;
	--primary-color-dark:#222356;
	--primary-color-regular:#393A67;
	--primary-color-light:#626396;
	--primary-color-lighter:#9192BF;

	--secondary-color-darker:#2B2E2E;
	--secondary-color-dark:#414545;
	--secondary-color-regular:#585B5B;
	--secondary-color-light:#818585;
	--secondary-color-lighter:#ABAEAE;

	--secondary-color-lighter-alpha:#ABAEAE20;

	--text-color-1:#101026;
	--text-color-2:#191937;
	--text-color-3:#232348;
	--text-color-inverse:#FFF;

	--gray-color-1:#B3B3B3;
	--gray-color-2:#C4C4C4;
	--gray-color-3:#D5D5D5;
	--gray-color-4:#E6E6E6;
	--gray-color-5:#F7F7F7;

	--danger-color:#dc3545;

	--spacing:0.5rem;

	--font-sm:0.875rem;
	--font-md:1.125rem;
	--font-lg:1.25rem;

	--line-sm:1.225rem;
	--line-md:1.575rem;
	--line-lg:1.75rem;
}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * GENERAL
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html,
body {font-family:'DM Sans', sans-serif; font-size:16px; line-height:1.4rem; color:var(--text-color-1); background-color:var(--gray-color-5);}
body {display:flex; flex-direction:column; min-height:100%;}
.wrapper {flex:1;}

_:-ms-fullscreen, :root body {display:block; height:100%;}

/* Manutenção */
.maintenance {width:100%; padding:0.625rem; font-size:0.75rem; text-align:center; text-transform:uppercase; color:#333; background:#ffe484;}

/* Scroll */
.scroll {position:fixed; right:0.625rem; bottom:0.625rem; z-index:9999; width:2.5rem; height:2.5rem; font-size:1.25rem; line-height:2.4rem; text-align:center; color:#FFF; -webkit-border-radius:1.875rem; border-radius:1.875rem; background:rgba(0, 0, 0, 0.3);}
.scroll:hover,
.scroll:focus {color:#FFF; background:rgba(0, 0, 0, 0.5);}

/* Heading */
h1 {font-family:'Merriweather', serif; font-size:2.625rem; line-height:2.8875rem; font-weight:900;}
h2 {font-family:'Merriweather', serif; font-size:2.375rem; line-height:2.6125rem; font-weight:900;}
h3 {font-family:'Merriweather', serif; font-size:2.125rem; line-height:2.3375rem; font-weight:900;}
h4 {font-family:'Merriweather', serif; font-size:1.875rem; line-height:2.0625rem; font-weight:900;}
h5 {font-family:'Merriweather', serif; font-size:1.625rem; line-height:1.7875rem; font-weight:900;}
h6 {font-family:'Merriweather', serif; font-size:1.375rem; line-height:1.5125rem; font-weight:900;}

/* Display */
.display-1 {font-size:4rem; line-height:4.8rem; font-weight:400;}
.display-2 {font-size:3rem; line-height:3.6rem; font-weight:400;}

/* Link */
a,
a:hover,
a:focus {-webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}

/* Form */
.form-label {font-weight:700; color:var(--secondary-color-regular);}
.form-group {margin-bottom:24px;}
.form-control,
.custom-select {border-color:var(--secondary-color-lighter); border-radius:0; color:var(--gray-color-1); background-color:var(--text-color-inverse);}
.form-control:focus,
.custom-select:focus {border-color:var(--secondary-color-regular); color:var(--secondary-color-regular); background-color:var(--secondary-color-lighter-alpha); box-shadow:none;}
.form-control:disabled,
.custom-select:disabled {border-color:var(--gray-color-3); color:var(--gray-color-1); background-color:var(--gray-color-5);}

label.error,
.form-control.error,
.custom-select.error {color:var(--danger-color);}
.form-control.error,
.custom-select.error {border-color:var(--danger-color);}

/* Buttons */
.btn-primary,
.btn-secondary,
.btn-ghost {padding:0.875rem 2.5rem; font-size:var(--font-sm); line-height:1.375rem; font-weight:700; color:var(--text-color-inverse);}

.btn-xs {padding:0.375rem 1.25rem; font-size:0.75rem; line-height:1rem;}
.btn-sm {padding:0.625rem 1.875rem;}
.btn-lg {padding:1.125rem 3.125rem; font-size:1.125rem; line-height:1.5rem;}

.btn-icon {display:flex; align-items:center; width:fit-content;}
.btn-icon i {font-size:24px;}

.btn-pagination {padding:0.5rem 1rem;}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-ghost:hover,
.btn-ghost:focus,
.btn-primary:disabled,
.btn-secondary:disabled {color:var(--text-color-inverse); box-shadow:none;}

.btn-primary:disabled,
.btn-secondary:disabled,
.btn-ghost:disabled {cursor:not-allowed;}

.btn-primary {border-color:var(--primary-color-regular); background-color:var(--primary-color-regular);}
.btn-primary:hover,
.btn-primary:focus {border-color:var(--primary-color-darker);  background-color:var(--primary-color-darker);}
.btn-primary:disabled {border-color:var(--primary-color-lighter); background-color:var(--primary-color-lighter);}

.btn-secondary {border-color:var(--secondary-color-regular); background-color:var(--secondary-color-regular);}
.btn-secondary:hover,
.btn-secondary:focus {border-color:var(--secondary-color-darker); background-color:var(--secondary-color-darker);}
.btn-secondary:disabled {border-color:var(--secondary-color-lighter); background-color:var(--secondary-color-lighter);}

.btn-ghost {border:2px solid var(--primary-color-regular); color:var(--primary-color-regular); background-color:transparent;}
.btn-ghost:hover,
.btn-ghost:focus {border-color:var(--primary-color-darker); background-color:var(--primary-color-darker);}
.btn-ghost:disabled {border-color:var(--primary-color-lighter); color:var(--primary-color-lighter); background-color:transparent;}

/* Spacing */
.mb-40 {margin-bottom:calc(var(--spacing) * 5);}
.mb-120 {margin-bottom:calc(var(--spacing) * 15);}
.mt-120 {margin-top:calc(var(--spacing) * 15);}

/* Divider */
hr {height:10px; margin:0; border:0; background:url(../images/webp/bg-divider.webp) repeat-x center center;}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * HEADER
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
header {min-height:110px; padding-top:18px; padding-bottom:18px; background-color:var(--text-color-inverse);}
header i {font-size:24px;}
header i,
header .header-title {margin-bottom:calc(var(--spacing) / 2); color:var(--primary-color-regular);}
header .header-text {color:var(--secondary-color-regular);}
header .header-phone {margin-bottom:calc(var(--spacing) * 2.8);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * NAVBAR
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
.navbar {min-height:auto; padding:0; background-color:var(--primary-color-darker);}
.navbar .navbar-nav .nav-link {padding:10px 25px; font-size:14px; font-weight:700; color:var(--text-color-inverse);}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {color:var(--primary-color-lighter);}
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show > .nav-link {color:var(--primary-color-regular); background-color:var(--text-color-inverse);}

.navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.social-media li a {font-size:24px; color:var(--text-color-inverse);}
.social-media li a:hover,
.social-media li a:focus {color:var(--primary-color-lighter);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * FOOTER
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
footer .copyright {min-height:100px; padding-top:20px; padding-bottom:20px; font-size:var(--font-sm); line-height:var(--line-sm); color:var(--secondary-color-lighter); background-color:var(--secondary-color-dark);}
footer .copyright a {color:var(--secondary-color-lighter);}
footer .copyright a:hover,
footer .copyright a:focus {color:var(--text-color-inverse);}

footer .developer {min-height:60px; font-size:var(--font-sm); line-height:var(--line-sm); color:var(--secondary-color-light); background-color:var(--secondary-color-darker);}
footer .developer a {color:var(--secondary-color-light);}
footer .developer a:hover,
footer .developer a:focus {color:var(--text-color-inverse);}


/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * CONTENT
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
article p {margin-bottom:calc(var(--spacing) * 3);}

.icon-notfound {font-size:calc(var(--font-lg) * 8); line-height:calc(var(--line-lg) * 2); color:var(--primary-color-light);}


/* Modal */
#modal-dpo .modal-header {padding:18px 30px; border:0; background-color:var(--gray-color-4);}
#modal-dpo .modal-header h6,
#modal-dpo .modal-header button {color:var(--primary-color-regular);}
#modal-dpo .modal-body {padding:30px;}

/* Banner */
#banner .carousel-caption {position:relative; top:0; right:0; bottom:0; left:0; max-width:100%; padding:15px; color:var(--primary-color-dark);}
#banner .carousel-caption h5 {margin-bottom:calc(var(--spacing) * 3); font-size:2rem; line-height:2.4rem;  color:var(--primary-color-dark);}
#banner .carousel-caption p {margin-bottom:calc(var(--spacing) * 3); font-size:var(--font-lg); line-height:var(--line-lg);}

#banner .carousel-control-next-icon,
#banner .carousel-control-prev-icon {margin-top:110%;}

/* Attendance */
.attendance {min-height:100px; font-size:var(--font-lg); line-height:var(--line-lg); color:var(--gray-color-3); background-color:var(--secondary-color-regular);}

/* Services */
.services {min-height:690px; padding-top:calc(var(--spacing) * 15); padding-bottom:calc(var(--spacing) * 15); color:var(--primary-color-lighter); background-color:var(--primary-color-darker);}
.services .services-title {margin-bottom:calc(var(--spacing) * 2); color:var(--text-color-inverse);}
.services .services-text {margin-bottom:calc(var(--spacing) * 5); font-size:var(--font-lg); line-height:var(--line-lg);}

.box-service-wrapper {padding-right:15px; padding-left:15px;}
.box-service {padding:calc(var(--spacing) * 3); border:1px solid var(--primary-color-regular);}
.box-service .service-icon {font-size:64px;}
.box-service .service-title {margin-top:calc(var(--spacing) * 5); margin-bottom:calc(var(--spacing) * 2); color:var(--text-color-inverse);}
.box-service .service-text {font-size:var(--font-sm); line-height:var(--line-sm); color:var(--primary-color-light);}

.box-service-inner {border-color:var(--gray-color-3);}
.box-service-inner .service-title {color:var(--secondary-color-regular);}
.box-service-inner .service-text {color:var(--secondary-color-regular);}

.box-service:before,
.box-service:after {position:absolute; top:0; right:0; bottom:0; left:0; content:''; opacity:0; -webkit-transition:opacity 0.55s, -webkit-transform 0.55s; transition:opacity 0.55s, transform 0.55s; z-index:1;}
.box-service:after {border-right:1px solid var(--text-color-inverse); border-left:1px solid var(--text-color-inverse); -webkit-transform:scale(1, 0); transform:scale(1, 0);}
.box-service:before { border-top:1px solid var(--text-color-inverse); border-bottom:1px solid var(--text-color-inverse); -webkit-transform:scale(0, 1); transform:scale(0, 1);}
.box-service:hover:before,
.box-service:hover:after {opacity:1; -webkit-transform:scale(1); transform:scale(1); cursor:pointer;}

.box-service-inner:hover:before,
.box-service-inner:hover:after {cursor:default;}

.steps-number {font-size: 1rem; background-color: #101026; width:1.5rem; height:1.5rem; display: inline-flex; border-radius: 100%; justify-content: center; align-items: center; color: #E6E6E6;}

/* Slick */
.slick-slider .slick-next,
.slick-slider .slick-prev {bottom:-50px; top:auto;}
.slick-slider .slick-prev,
.slick-slider .slick-prev {left:50%; margin-left:-40px;}
.slick-slider .slick-next,
.slick-slider .slick-next {right:50%; margin-right:-40px;}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:var(--primary-color-lighter);}

/* Help */
.help .box {min-height:160px; margin-top:-80px; padding:32px 40px; color:var(--secondary-color-regular); background-color:var(--text-color-inverse); -webkit-box-shadow:0 0 30px 0 rgba(15,8,49,.1); box-shadow: 0 0 30px 0 rgba(15,8,49,.1);}
.help .box .box-icon {width:96px; height:96px; background-color:var(--secondary-color-darker);}
.help .box .box-icon i {font-size:64px; color:var(--secondary-color-lighter);}
.help .box .box-body h5 {margin-bottom:var(--spacing); color:var(--secondary-color-dark);}
.help .box .box-body p {color:var(--secondary-color-regular);}

/* Why choose us */
.why-choose-us {padding-top:calc(var(--spacing) * 20); padding-bottom:calc(var(--spacing) * 20); color:var(--secondary-color-regular);}
.why-choose-us .wcu-subtitle {margin-bottom:calc(var(--spacing) * 2); font-size:var(--font-lg); line-height:var(--line-lg); color:var(--secondary-color-light);}
.why-choose-us h4 {margin-bottom:calc(var(--spacing) * 2); color:var(--secondary-color-regular);}

/* Page header */
.page-header {min-height:280px; padding:calc(var(--spacing) * 8) 0; background:var(--gray-color-5) url(../images/webp/bg-page-header.webp) no-repeat top center; background-size:cover;}
.page-header h1 {color:var(--primary-color-regular);}
.page-header .breadcrumb {font-size:var(--font-sm); line-height:var(--line-sm); color:var(--secondary-color-regular); background:transparent;}
.page-header .breadcrumb .breadcrumb-item a {color:var(--secondary-color-regular);}
.page-header .breadcrumb .breadcrumb-item a:hover,
.page-header .breadcrumb .breadcrumb-item a:focus {color:var(--secondary-color-darker);}
.page-header .breadcrumb .breadcrumb-item.active {color:var(--primary-color-regular);}

.page-header .breadcrumb-item + .breadcrumb-item::before {font-family:bootstrap-icons !important; color:var(--secondary-color-regular); content:"\F285";}

/* Page content */
.page-content {padding-bottom:calc(var(--spacing) * 15); background:transparent;}
.page-content .container {z-index:10; margin-top:-100px; padding-top:calc(var(--spacing) * 7); padding-bottom:calc(var(--spacing) * 7);}
.page-content .container::before {position:absolute; top:0; left:50%; content:''; width:100%; height:200px; background:var(--gray-color-5); transform:translate3d(-50%, 0, 0);}

.page-content .subtitle {margin-bottom:calc(var(--spacing) * 5); color:var(--secondary-color-regular);}

.page-content h2 {color:var(--primary-color-regular);}

/* Page Contact */
.over-title small {margin-bottom:calc(var(--spacing) * 2); font-size:var(--font-sm); line-height:var(--line-sm); color:var(--primary-color-light);}
.page-content h3 {color:var(--primary-color-regular);}
.text-required {color:var(--gray-color-1);}

.box-contact {padding:calc(var(--spacing) * 4); color:var(--secondary-color-regular); background-color:var(--text-color-inverse);}
.box-contact .contact-icon {font-size:64px;}
.box-contact .contact-body h5 {margin-bottom:calc(var(--spacing) * 2);}
.box-contact .contact-body a {color:var(--secondary-color-regular);}
.box-contact .contact-body a:hover,
.box-contact .contact-body a:focus {color:var(--primary-color-dark);}



/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * RESPONSIVE
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Small devices [sm]
 * (landscape phones, 576px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
 @media (max-width: 360px) {
	 .help .box {margin-top:-60px;}
 }
@media (min-width: 414px) {
	footer .copyright .list-inline-item + .list-inline-item::before {float:left; padding-right:0.5rem; line-height:20px; color:var(--secondary-color-lighter); content:"\F309";}
}
@media (min-width: 576px) {
	.page-content .subtitle {display:inline-block; z-index:2; width:auto; padding-left:calc(var(--spacing) * 6); padding-right:calc(var(--spacing) * 6);}
	.page-content .subtitle::after,
	.page-content .subtitle::before {position:absolute; top:0; left:0; z-index:1; content:''; width:40px; height:100%; background:url(../images/webp/bg-divider.webp) repeat-x center center;}
	.page-content .subtitle::after {left:auto; right:0;}
}
/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Medium devices [md]
 * (tablets, 768px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 768px) {
	.page-content .container:before {width:105%;}
}
@media (max-width: 992px) {
	.navbar .navbar-nav,
	.social-media {padding:15px;}
	.navbar .navbar-nav .nav-link {text-align:center;}
}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Large devices [lg]
 * (desktops, 992px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 992px) {
	header {min-height:130px;}
	.navbar {min-height:70px;}
	.navbar .navbar-nav .nav-item {margin-left:10px;}
	.navbar .navbar-nav .nav-item:first-child {margin-left:0;}
	.social-media li {margin-left:20px;}
	.social-media li:first-child {margin-left:0;}

	#banner .carousel-caption {position:absolute; top:15%; right:15%; bottom:15%; left:15%; max-width:45%; padding:20px 0; color:var(--primary-color-dark); background-color:transparent;}
	#banner .carousel-caption h5 {font-size:2.5rem; line-height:3rem;}
	#banner .carousel-control-next-icon,
	#banner .carousel-control-prev-icon {margin-top:0;}

	.help .box .box-icon {min-width:96px;}
}

/**
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Extra large devices [xl]
 * (large desktops, 1200px and up)
 * =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 */
@media (min-width: 1200px) {
	#banner .carousel-caption {max-width:35%;}
	#banner .carousel-caption h5 {font-size:3rem; line-height:3.6rem;}

	.page-content .container:before {width:110%;}
}