@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("//fonts.googleapis.com/css?family=Montserrat:100");
@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important} .pum-theme-32788, .pum-theme-default-theme { background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-32788 .pum-container, .pum-theme-default-theme .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } 
.pum-theme-32788 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } 
.pum-theme-32788 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } 
.pum-theme-32788 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } .pum-theme-32789, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } 
.pum-theme-32789 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-32789 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-32789 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } 
.pum-theme-32789 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } .pum-theme-32790, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-32790 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-32790 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } 
.pum-theme-32790 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-32790 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } .pum-theme-32791, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } 
.pum-theme-32791 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-32791 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-32791 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-32791 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-32792, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } 
.pum-theme-32792 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } 
.pum-theme-32792 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } 
.pum-theme-32792 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } 
.pum-theme-32792 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } .pum-theme-32793, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } 
.pum-theme-32793 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } 
.pum-theme-32793 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-32793 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-32793 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } .pum-theme-32794, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } 
.pum-theme-32794 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } 
.pum-theme-32794 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-32794 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } 
.pum-theme-32794 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } .pum-theme-32795, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-32795 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } 
.pum-theme-32795 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-32795 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
.pum-theme-32795 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } 
#pum-32797 {z-index: 1999999999}
#pum-32813 {z-index: 1999999999}
#pum-32796 {z-index: 1999999999}@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Thin.woff) format("woff");
font-weight: 100;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Extralight.woff) format("woff");
font-weight: 200;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Extrabold.woff) format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-ThinItalic.woff) format("woff");
font-weight: 100;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-ExtralightItalic.woff) format("woff");
font-weight: 200;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-Italic.woff) format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-SemiboldItalic.woff) format("woff");
font-weight: 600;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-BoldItalic.woff) format("woff");
font-weight: 700;
font-style: italic; }
@font-face {
font-family: "Vale Sans";
src: url(//www.fundovale.org/wp-content/themes/fundovale/assets/webfonts/ValeSans-ExtraboldItalic.woff) format("woff");
font-weight: 800;
font-style: italic; }
body {
margin: 0;
padding: 0; }
body a {
text-decoration: none !important;
margin: 0; }
body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
margin: 0; }
body h1 {
font-size: 24px;
font-size: 2.4rem; }
body h2 {
font-size: 22px;
font-size: 2.2rem; }
body h3 {
font-size: 18px;
font-size: 1.8rem; }
body h4 {
font-size: 14px;
font-size: 1.4rem; }
body h5 {
font-size: 12px;
font-size: 1.2rem; }
body p {
font-size: 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4; }
.wpcf7 .ajax-loader {
display: none !important; }
.wpcf7 form .wpcf7-response-output {
margin: 0 !important; }
.darckTheme {
background-color: #000; }
.darckTheme .section-colunas-texto {
background-color: #000; }
.darckTheme .link-post a {
color: #ffffff !important; }
.darckTheme i,
.darckTheme a,
.darckTheme p,
.darckTheme h1,
.darckTheme h2,
.darckTheme h3,
.darckTheme h4,
.darckTheme h5,
.darckTheme h6 {
color: #ffffff !important; }
.darckTheme img,
.darckTheme svg {
filter: grayscale(100); }
.darckTheme .modal-container h4 {
color: #000 !important; }
.darckTheme .modal-container p {
color: #747876 !important; }
.darckTheme .modal-container a {
color: #007e7a !important;
text-decoration: underline !important; }
.darckTheme aside h3 {
color: #000 !important; }
.darckTheme aside p {
color: #747876 !important; }
#nossa-historia .default-margin{
margin:80px 0;
}
@media(max-width:767px){
#nossa-historia .default-margin{
margin:60px -12px;
}
}
#nossa-historia .video-container {
position: relative;
padding-bottom: 56.25%;
height:0;
}
#nossa-historia .video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#nossa-historia video[poster] {
object-fit:cover;
}
@media(max-width:767px){
#nossa-historia .como-atuamos .d-flex:nth-child(odd){
flex-direction:column-reverse;
}
#nossa-historia .como-atuamos .d-flex:nth-child(even){
flex-direction:column;
}
#nossa-historia .como-atuamos .d-flex img{
margin:2rem 0;
}
#nossa-historia .como-atuamos .text-font{
margin-bottom:2rem;
}
}
#nossa-historia .slick-users{
width: calc(100% - 56px);
margin: 0 auto !important;
}
@media(min-width:768px){
#nossa-historia .custom-slide{
padding:0 12px!important;
}
#nossa-historia .linha-do-tempo{
margin-top:3rem;
}
}
@media(max-width:767px){
#nossa-historia .video-container >div{
display:none;
}
#nossa-historia .slick-users{
width: calc(100% - 24px);
}
#nossa-historia .slick-users .item{
flex-direction:column;
}
#nossa-historia .slick-users .item img{
margin-bottom:1rem;
}
#nossa-historia .slick-vertical .slick-slide{
max-width:100%;
width:100%!important;
}
}
#nossa-historia .slick-users .item{
display:flex;
align-items:center;
}
#nossa-historia .slick-users .slick-dots{
bottom: -40px;
}
#nossa-historia .slick-users .text-container{
flex:1;
padding:0 1rem;
}
#nossa-historia .relatorio-performance{
justify-content:center;
margin-top:60px;
margin-bottom:60px;
}
@media(max-width:991px){
#nossa-historia .relatorio-performance{
text-align:center;
}
#nossa-historia .relatorio-performance .rel-button{
padding:1rem;
margin-top:1rem;
}
#nossa-historia .relatorio-performance .rel-title{
margin-top:2rem;
}
}
@media(min-width:992px){
#nossa-historia .relatorio-performance > div{
width:75%;
}
#nossa-historia .relatorio-performance .texto-relatorio{
position: absolute;
top: 42%;
left: 38%;
max-width: 55%;
}
}
.nossa-historia-title {
margin-bottom: -0.5rem;
margin-top: -1rem;
margin-left: -0.2rem;
font-weight: bold;
font-size: 75px;
color: #35756E; }
@media(max-width:767px){
.nossa-historia-title {
font-size:2.4rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.nossa-historia-subtitle{
font-size:1.8rem;
}
}
.nossa-historia-subtitle {
font-style: italic;
font-family: "Vale Sans";
font-size: 38px;
color: #35756E; }
.nossa-historia-span {
font-style: italic;
font-family: "Vale Sans";
color: #35756E;
font-weight: bold; }
.svg-size {
width: 7.44rem;
height: 7.31rem; }
.subtitle-format {
font-weight: bold;
font-family: "Vale Sans"; }
.text-font {
font-size: 16px;
color: #7E8483;
font-family: "Vale Sans"; }
.selected {
color: #35756E; }
.inactive {
color: #7E8483; }
.title-como-atuamos {
font-weight: bold;
font-family: "Vale Sans";
color: 0; }
button.prevArrow,
button.nextArrow {
background: none;
border: none;
cursor: pointer;
padding: 0;
outline: none; }
button.prevArrow img {
transform: rotate(180deg); }
.user-title {
line-height: 1.2;
font-family: "Vale Sans";
font-size: 1rem;
color: #35756E; }
.user-name {
font-style: italic;
font-family: "Vale Sans";
font-size: 20px;
color: #35756E;
font-weight: bold; }
.user-position {
font-family: "Vale Sans";
font-size: 16px;
color: #EFBD30; }
.slick-dots-users li {
margin: 0 -2px !important; }
.slick-years {
overflow: hidden;
height: 402px;
left: -95px;
z-index: -1; }
.slick-years-items {
background-color: #D9D9D9;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px 15px 30px 15px; }
.custom-years-dots {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 0; }
.custom-years-dots li {
list-style: none !important;
cursor: pointer !important; }
.maximize-square :nth-child(1) {
width: 150px;
height: 150px;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px 20px 10px 20px;
font-size: 20px;
color: white; }
.years-rotate {
transform: rotate(-45deg);
display: flex;
width: 100%;
text-align: center;
flex-direction: column;
gap: 10px; }
.square-orange {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #F47A20;
border-radius: 8px 4px 8px 4px;
transition: all 0.3s ease; }
.square-red {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #BD2F5D;
border-radius: 8px 4px 8px 4px;
transform: rotate(45deg);
transition: all 0.3s ease; }
.square-yellow {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #EFBD30;
border-radius: 8px 4px 8px 4px;
transition: all 0.3s ease; }
.square-blue {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #3FC6A8;
border-radius: 8px 4px 8px 4px;
transform: rotate(45deg);
transition: all 0.3s ease; }
.years-small-title {
color: white;
font-weight: semibold;
font-size: 12px;
font-family: "Vale Sans"; }
.orange-list {
list-style-type: disc;
width: 80%;
height: 80%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center; }
.orange-list li::marker {
font-size: 25px;
color: #F47A20; }
.orange-list p {
color: #F47A20;
font-family: "Vale Sans";
font-weight: bold;
padding-top: 10px; }
.red-list {
list-style-type: disc;
width: 80%;
height: 80%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center; }
.red-list li::marker {
font-size: 25px;
color: #BD2F5D; }
.red-list p {
color: #BD2F5D;
font-family: "Vale Sans";
font-weight: bold;
padding-top: 10px; }
.yellow-list {
list-style-type: disc;
width: 80%;
height: 80%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center; }
.yellow-list li::marker {
font-size: 25px;
color: #EFBD30; }
.yellow-list p {
color: #EFBD30;
font-family: "Vale Sans";
font-weight: bold;
padding-top: 10px; }
.blue-list {
list-style-type: disc;
width: 80%;
height: 80%;
overflow: auto;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center; }
.blue-list li::marker {
font-size: 25px;
color: #3FC6A8; }
.blue-list p {
color: #3FC6A8;
font-family: "Vale Sans";
font-weight: bold;
padding-top: 10px; }
.video-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
overflow: hidden; }
.video-content {
position: relative;
max-width: 70%;
max-height: 80%;
text-align: center; }
.video-content video {
width: 100%;
height: auto;
border: 3px solid #fff;
border-radius: 8px; }
.video-content #close-modal {
position: absolute;
top: 5px;
right: -30px;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
.video-content svg {
width:100%;
height:100%;
}
body.modal-open {
overflow: hidden; }
button.yearsPrevArrow,
button.yearsNextArrow {
background: none;
border: none;
cursor: pointer;
padding: 0;
outline: none; }
.yearsPrevArrow {
transform: rotate(-90deg); }
.yearsNextArrow {
transform: rotate(90deg); }
.user-image-video {
width: 168px !important; }
.slide-image-video {
display: none !important; }
.slide-image-gray {
filter: grayscale(100%) !important; }
.history-videos-container {
height: 240px !important; }
.slick-user-videos {
width: 100%; }
.slick-user-videos .slick-slide {
transition: transform 0.3s ease; }
.slick-video-ativo {
transform: translateY(-10px); }
.slick-user-videos .slick-slide:not(.slide-video-ativo) {
transform: translateY(15px); }
.history-container {
display: flex !important;
align-items: center !important;
justify-content: center !important; }
.history-container > img {
cursor: pointer; }
.historyPrevArrow {
transform: rotate(180deg); }
.slick-dots.custom-user-videos .slick-active button::before {
color: #35756E !important; }
.slick-dots.custom-user-videos button:hover::before {
color: #35756E !important; }
.slick-dots.custom-user-videos li button:before {
font-size: 12px !important; }
.user-info {
color: white;
font-family: 'Vale Sans'; }
.rel-button {
background-color: #35756E;
width: 95%;
height: 60px;
border-radius: 10px 20px 10px 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; }
.rel-button h3 {
color: white; }
.rel-subtitle {
font-size: 20px;
font-weight: 500; }
.rel-title {
line-height: 1; }
@media (max-width: 1400px) {
.rel-title {
font-size: 30px; } }
@media (max-width: 1199px) {
.slick-years {
left: -70px; }
.maximize-square :nth-child(1) {
width: 120px;
height: 120px; }
.rel-title {
font-size: 25px; }
.rel-subtitle {
font-size: 15px; } }
@media (max-width: 993px) {
.slick-years {
left: -45px; }
.maximize-square :nth-child(1) {
width: 90px;
height: 90px; } }
@media (max-width: 768px) {
.slick-years {
left: auto; }
.years-font-size {
font-size: 14px !important; }
.maximize-square :nth-child(1) {
width: 80px;
height: 80px; } }
.nav-item {
width: 100%; }
.nav-tabs .nav-link.active {
color: #000000;
background-color: #fff;
border-color: #ffffff00 #ffffff00 #fff !important;
border-bottom: 1px solid #000 !important;
text-decoration: underline;
width: 100%;
border-radius: 0; }
.nav-tabs .nav-link {
text-align: left;
font-size: 14px;
color: #000000;
padding: 10px 10px;
width: 100%; }
.nav-tabs .nav-link:hover {
border-color: #ffffff00 !important;
border-bottom: 1px solid #000 !important;
background-color: #fff;
border-radius: 0; }
#closecookie {
float: right;
font-size: 2vw; }
.modal .bt-close-bg {
text-align: right; }
.modal .modal-body img {
max-width: 100%; }
.modal-cookie {
align-items: center;
justify-content: center;
z-index: 99999 !important; }
.modal-cookie::before {
content: "";
background: #00000070;
height: 100vh;
width: 100vw;
position: absolute; }
.modal-cookie .modal-container {
padding: 0px;
width: 60%;
margin-top: -100px; }
@media screen and (max-width: 768px) {
.modal-cookie .modal-container {
width: 95%;
margin-top: 0px; } }
.footer-modal {
background: #f2f2f2;
border-top: 1px solid #00000063;
z-index: 10;
height: 40px;
padding: 0;
margin: 0;
box-sizing: border-box; }
.footer-modal .gpdp-submit-button {
background-color: #007e7a;
color: #ffffff;
margin: 0;
padding: 10px;
transition: all 0.3s ease;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 20px;
cursor: pointer;
outline: 0;
border: none;
left: 0;
position: absolute;
bottom: 0; }
#gdpr-menu-container .menu-item:last-child {
margin-bottom: 70px; }
#gpdrBannerAside {
font-family: "Vale Sans";
position: fixed;
bottom: 0;
right: 0;
width: 50%;
color: #ffffff;
z-index: 9999;
transition: bottom 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
display: block; }
@media screen and (max-width: 768px) {
#gpdrBannerAside {
width: 100%; } }
.gpdrBannerContainer {
position: static;
display: inline-block;
background-color: #f2f2f2;
padding: 40px; }
@media screen and (max-width: 768px) {
.gpdrBannerContainer {
padding: 30px 10px; } }
.gpdrBannerContent {
text-align: left;
display: flex;
flex-direction: column;
width: 100%; }
.gpdrBannerAvisoCookie {
box-sizing: border-box;
font-family: inherit;
-webkit-font-smoothing: antialiased; }
.gpdrBannerAvisoCookie h3 {
color: #000;
margin-bottom: 14px; }
.gpdrBannerAvisoCookie p {
color: #4e4e4e;
margin-bottom: 14px;
font-size: 16px;
line-height: 22px;
padding-bottom: 0;
box-sizing: border-box;
font-family: inherit;
-webkit-font-smoothing: antialiased; }
.gpdrBannerAvisoCookie p a {
text-decoration: underline; }
.change-settings-button {
text-decoration: underline;
cursor: pointer;
transition: all 0.2s ease; }
.gpdrBannerbotaoFechar {
outline: none;
border: none;
border-radius: 0;
background-color: transparent;
padding: 0;
display: inline-block;
float: right;
position: relative;
font-size: 14px;
line-height: 20px;
margin: 3px 4px;
width: 30px;
height: 30px;
box-shadow: inset 0 0 0 1px #626262;
color: #626262;
transition: all 0.3s ease;
cursor: pointer;
text-transform: none;
overflow: visible; }
.gpdrBannerAvisoCookie .gpdrBannerbotaoFechar {
display: none; }
.gpdrBtnCloseExce {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.icon-close {
font-size: 32px;
top: -3px;
position: relative;
height: 32px;
display: block;
overflow: hidden;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none; }
.icon-close:before {
content: "x"; }
.gpdrBannerButtomHolder {
display: flex;
align-items: center;
justify-content: start; }
.gpdrBannerButtomRejeitas,
.gpdrBannerButtomAceitar {
border-radius: 0;
background-color: #007e7a;
font-size: 14px;
line-height: 20px;
color: #ffffff;
font-weight: 700;
text-decoration: none;
padding: 4px 20px;
transition: all 0.3s ease;
border: none;
display: inline-block;
margin: 3px 4px;
white-space: nowrap;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
outline: none; }
.gpdrBannerButtomConfiguracoes {
border-radius: 0;
background-color: #dadada;
color: #4e4e4e;
font-family: "Vale Sans";
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-decoration: none;
padding: 4px 20px;
transition: all 0.3s ease;
border: none;
display: inline-block;
margin: 0px 0px 0px 5px;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
outline: none;
padding: 5px 10px; }
@media (max-width: 768px) {
.gpdrBannerContent {
flex-direction: column; } }
@media (max-width: 540px) {
.gpdrBannerAvisoCookie p {
font-size: 12px;
line-height: 14px; }
.gpdrBannerButtomRejeitas,
.gpdrBannerButtomAceitar {
font-size: 12px;
line-height: 14px; }
.gpdrBannerButtomConfiguracoes {
font-size: 12px;
line-height: 14px; }
.icon-close {
font-size: 24px;
top: 0px; }
.gpdrBannerbotaoFechar {
width: 30px;
height: 30px; }
.gpdrBannerContent {
padding-left: 15px;
padding-right: 15px; }
.gpdrBannerButtomHolder {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.gpdt-titulo-sessao {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
width: calc(100% - 40px);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: inherit;
text-align: center;
color: #0c4da2; }
#btn_cookie_policy_modal,
#btn_third_party_cookies,
#btn_privacy_overview {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
font-weight: 800;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
line-height: 1.1;
padding: 13px 20px;
color: #0c4da2;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 5px;
text-align: left;
outline: 0;
box-shadow: none;
text-shadow: none;
letter-spacing: 0;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: inherit; }
.menu-item.selected #btn_privacy_overview,
.menu-item.selected #btn_third_party_cookies,
.menu-item.selected #btn_cookie_policy_modal {
background-color: #ffffff !important;
border-color: #f1f1f1 !important;
color: #000 !important; }
.gdpr-menu-container {
padding: 0;
list-style: none;
margin: 0;
z-index: 12; }
.gdpr-company-logo-holder {
text-align: left;
padding: 40px 0; }
.gdpr-company-logo-holder img {
max-height: 150px;
max-width: 100%;
display: inline-block;
opacity: 1;
transition: opacity 400ms;
transition-delay: 0ms;
height: auto; }
.gdpr-modal-left-block {
width: 20%;
min-height: 300px;
display: inline-block;
float: left;
padding: 0px;
height: 100%;
top: 0;
background: #f2f2f2;
z-index: 10;
left: 0; }
@media screen and (max-width: 768px) {
.gdpr-modal-left-block {
min-height: 100%; } }
.gdpr-close-icon {
display: block;
width: 40px;
height: 40px;
line-height: 32px;
font-size: 28px;
color: #000;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.gdpr-close-icon:before {
content: "x"; }
@media screen and (max-width: 768px) {
.gdpr-close-icon:before {
font-size: 30px; } }
.gdpr-close-modal {
position: absolute;
text-decoration: none;
top: 10px;
right: 30px;
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background: 0 0;
padding: 0;
z-index: 99;
margin: 0;
outline: 0;
box-shadow: none;
border: none;
text-shadow: none; }
@media screen and (max-width: 768px) {
.gdpr-close-modal {
right: -10px;
top: -5px; } }
.tab-title {
font-weight: 700;
font-size: 18px;
line-height: 1.2;
margin: 0;
padding: 0;
color: #000;
margin-bottom: 25px;
display: block; }
.tab-content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
height: 100%;
padding-right: 20px;
padding-bottom: 15px; }
.tab-content p {
font-weight: 400;
font-size: 14px;
line-height: 1.4;
margin-bottom: 18px;
margin-top: 0;
padding: 0;
color: #000; }
.modal-footer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
height: 130px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #f1f1f1;
z-index: 15; }
.modal-footer-button-holder {
width: 100%;
display: block;
padding: 0 60px; }
.BtnSalvar {
background-color: #007e7a;
border-color: #007e7a;
float: right;
color: #d6d6d6;
margin: 0;
text-decoration: none;
border-radius: 150px;
color: #ffffff;
padding: 15px 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid transparent;
min-width: 160px;
text-align: center;
text-transform: none;
letter-spacing: 0;
font-weight: 700;
font-size: 14px;
line-height: 20px;
cursor: pointer;
outline: 0;
box-shadow: none;
text-shadow: none; }
#postbox {
display: none; }
#postbox .acf-form-submit .acf-button.button.button-primary.button-large {
background-color: #007e7a;
border-color: #007e7a;
float: right;
color: #d6d6d6;
margin: 0;
text-decoration: none;
border-radius: 150px;
color: #ffffff;
padding: 15px 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid transparent;
min-width: 160px;
text-align: center;
text-transform: none;
letter-spacing: 0;
font-weight: 700;
font-size: 14px;
line-height: 20px;
cursor: pointer;
outline: 0;
box-shadow: none;
text-shadow: none;
float: right; }
.main-modal-content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
height: 100%; }
.main-modal-content .tab-pane h4 {
margin-bottom: 12px; }
.main-modal-content .tab-pane p {
font-size: 16px;
font-family: "Vale Sans";
color: #747876;
margin: 0; }
.main-modal-content .tab-pane .custom-switch {
position: relative;
margin: 10px 0px 0px 15px; }
.main-modal-content .tab-pane .custom-switch label {
padding-left: 25px; }
.main-modal-content .tab-pane .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #007e7a59 !important; }
.main-modal-content .tab-pane .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #007e7a;
background-color: #007e7aed; }
.main-modal-content .tab-pane .custom-switch .custom-control-label::before {
content: "";
position: absolute;
left: -15px;
width: 30px;
height: 16px;
pointer-events: all;
border-radius: 20px;
top: 10px;
border: 1px solid #9a9a9a;
background-color: #fff; }
.main-modal-content .tab-pane .custom-control-label::before,
.main-modal-content .tab-pane .custom-file-label,
.main-modal-content .tab-pane .custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.main-modal-content .tab-pane .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem); }
.main-modal-content .tab-pane .custom-switch .custom-control-label::after {
top: 13px;
left: -10px;
width: 10px;
height: 10px;
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.main-modal-content .tab-pane .custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat; }
.gdpr-modal-right-content {
height: 100%;
width: 80%;
display: inline-block;
padding: 25px 60px 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.gdpr-modal-right-content .tab-content a {
text-decoration: underline; }
.gpdr-modal-content-main {
color: #000;
background-color: #ffffff;
width: 900px;
width: 80vw;
max-width: 1170px;
min-height: 600px;
position: relative;
margin: 0 auto; }
.modal-inner-content {
color: #000;
background-color: #ffffff;
width: 900px;
width: 80vw;
max-width: 1170px;
min-height: 600px;
position: relative;
margin: 0 auto; }
.gdpr-modal-content-Div {
color: #000;
background-color: #ffffff;
max-width: 1170px;
position: relative;
margin: 0 auto; }
.gdpr-modal-content-Div .header-modal {
padding: 30px 10px;
border-bottom: 1px solid #000; }
.gdpr-modal-content-Div .header-modal h4 {
color: #000;
font-family: "Vale Sans"; }
@media screen and (max-width: 768px) {
.gdpr-modal-content-Div .header-modal {
padding: 15px 10px; } }
.gdpr-modal-content-Div .modal-content {
display: flex;
flex-direction: row !important; }
@media screen and (max-width: 768px) {
.gdpr-modal-content-Div .modal-content {
flex-direction: column !important; } }
.tooltip-cookie {
display: inline;
border-radius: 50%;
width: 36px;
height: 36px;
padding: 3px;
padding-left: 7px;
background: #ffffff;
border: 2px solid #666;
color: #666;
text-align: center;
font: 12px Arial, sans-serif;
padding-right: 7px;
line-height: 23px; }
.gpdg-swich-label {
padding-top: 5px; }
.privacy-mobile {
display: none; }
.t-balancete-type {
display: none; }
.balancete-type {
display: none; }
@media (max-width: 1140px) {
.gpdp-submit-button {
margin-bottom: 30px; }
.gpdt-titulo-sessao {
max-width: 100px;
width: 100%; }
#btn_cookie_policy_modal,
#btn_privacy_overview,
#btn_third_party_cookies {
font-size: 12px;
padding: 8px 10px; }
.tab-title {
font-size: 20px;
margin-bottom: 15px; }
.tab-content p {
font-size: 14px; } }
@media (max-width: 959px) {
.gdpr-modal-right-content {
width: 50%; } }
@media (max-width: 778px) {
.gdpr-modal-right-content {
width: 100%;
padding: 10px; } }
@media (max-width: 724px) {
.privacy-mobile {
display: block; }
.gdpr-modal-left-block {
width: 100%; }
.menu-item:last-child {
margin-bottom: 50px; } }
@media (max-width: 426px) {
.gdpr-close-icon {
width: 50px;
height: 50px;
line-height: 38px;
font-size: 48px; } }
.no-gutter-x {
--bs-gutter-x: 0; }
.left-bevel-top {
position: relative; }
.left-bevel-top:before {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #ffffff transparent transparent transparent;
left: 0;
right: auto;
top: 0;
position: absolute;
content: '';
z-index: 20; }
@media (max-width: 993px) {
.left-bevel-top:before {
border-width: 70px 70px 0 0; } }
.left-bevel-top-yellow {
border-color: transparent #F7AF01 transparent; }
.left-bevel-top-green {
border-color: transparent #007e7a transparent; }
.right-bevel-bottom {
position: relative; }
.right-bevel-bottom:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 95px 95px;
border-color: transparent transparent #ffffff transparent;
right: 0;
left: auto;
bottom: 0;
position: absolute;
content: '';
z-index: 20; }
@media (max-width: 993px) {
.right-bevel-bottom:after {
border-width: 0 0 70px 70px; } }
.right-bevel-bottom-yellow {
border-color: transparent #F7AF01 transparent; }
.right-bevel-bottom-green {
border-color: transparent #007e7a transparent; }
.right-bevel-top {
position: relative; }
.right-bevel-top:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 95px 95px 0;
border-color: transparent #ffffff transparent transparent;
right: 0;
left: auto;
top: 0;
position: absolute;
content: '';
z-index: 20; }
@media (max-width: 993px) {
.right-bevel-top:before {
border-width: 0 70px 70px 0; } }
.right-bevel-top-yellow {
border-color: transparent #F7AF01 transparent; }
.right-bevel-top-green {
border-color: transparent #007e7a transparent; }
.left-bevel-bottom {
position: relative; }
.left-bevel-bottom:after {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 0 0 95px;
border-color: transparent #ffffff transparent;
left: 0;
right: auto;
bottom: 0;
position: absolute;
content: '';
z-index: 20; }
@media (max-width: 993px) {
.left-bevel-bottom:after {
border-width: 70px 0 0 70px; } }
.left-bevel-bottom-yellow {
border-color: transparent #F7AF01 transparent; }
.left-bevel-bottom-green {
border-color: transparent #007e7a transparent; }
.color-yellow {
color: #F7AF01 !important; }
.color-white {
color: #ffffff !important; }
.color-green {
color: #007e7a !important; }
.bg-yellow {
background: #F7AF01; }
.bg-grey {
background: #747876; }
.bg-grey-light {
background: #e6e6e6; }
.bg-green {
background: #007e7a; }
.bg-red {
background: #C21A5E; }
.btn-red-vale,
.btn-download,
.wp-block-button__link,
.wpcf7-submit {
font-family: "Vale Sans" !important;
font-weight: bold;
color: #ffffff !important;
padding: 12px 24px;
text-decoration: none!important;
display: inline-flex;
align-items: center;
justify-content: space-between;
background: #C21A5E !important;
transition: 400ms; 
border-radius:4px;
margin-right: 0.5rem;
box-shadow: none;}
.btn-red-vale:hover,
.btn-download:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover {
box-shadow: 0px 3px 7px rgba(116, 118, 120, 0.5);}
.btn-red-vale img,
.btn-download img,
.btn-red-vale svg,
.btn-download svg {
height: 20px!important;
width:20px!important;
margin-left: 7px!important; 
padding: 0 !important;}
.wpcf7-submit{
margin: 0 0 0 auto;
display: block;
}
.btn-green {
font-family: "Vale Sans";
font-weight: bold;
color: #ffffff;
padding: 12px 24px;
text-decoration: none;
display: inline-flex;
align-items: center;
background: #C21A5E;
box-shadow: 0px 0px 0px #007e7a;
transition: 400ms; }
.btn-green:hover {
background: #007e7a;
box-shadow: 0px 3px 9px -2px #007e7a;
transition: 400ms;
color: white; }
.btn-green img {
width: 20px;
height: 20px;
margin-left: 7px; }
.manifesto-top,
.manifesto-content {
font-family: "Vale Sans";
font-weight: 300;
color: white; }
.manifesto-top div,
.manifesto-content div {
position: relative;
z-index: 10;
padding: 0;
margin: 0; }
.manifesto-top p,
.manifesto-content p {
font-size: 1.24rem; }
.manifesto-top h2,
.manifesto-content h2 {
font-family: "Vale Sans";
text-transform: uppercase;
position: relative;
color: white;
padding-left: 13vh; }
@media screen and (max-width: 1140px) {
.manifesto-top h2,
.manifesto-content h2 {
padding-left: 10vh; } }
@media screen and (max-width: 960px) {
.manifesto-top h2,
.manifesto-content h2 {
padding-left: 40px; } }
.manifesto-top h3,
.manifesto-content h3 {
font-family: "Vale Sans";
color: white; }
@media screen and (max-width: 768px) {
.manifesto-top h3 br,
.manifesto-content h3 br {
display: inline; } }
.manifesto-top .seta-title,
.manifesto-content .seta-title {
display: flex;
padding-left: 13vh; }
@media screen and (max-width: 1140px) {
.manifesto-top .seta-title,
.manifesto-content .seta-title {
padding-left: 10vh; } }
@media screen and (max-width: 960px) {
.manifesto-top .seta-title,
.manifesto-content .seta-title {
padding-left: 40px; } }
@media screen and (max-width: 768px) {
.manifesto-top .seta-title,
.manifesto-content .seta-title {
justify-content: start; } }
@media screen and (max-width: 768px) {
.manifesto-top .seta-title img,
.manifesto-content .seta-title img {
margin: 20px 0 !important; } }
@media screen and (max-width: 600px) {
.manifesto-top .seta-title img,
.manifesto-content .seta-title img {
display: none; } }
.manifesto-top {
color: white;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/NossoManifesto/nosso-manifesto-bg-1.png);
background-size: cover;
height: 180vh;
padding: 30vh 0 13vh;
position: relative;
margin-top: -135px; }
@media screen and (max-width: 767px) {
.manifesto-top {
padding: 300px 0 0;
height: auto;
background-position-x: right; } }
@media screen and (max-width: 490px) {
.manifesto-top {
background-position-x: -55%; } }
.manifesto-top .content-subtitulo {
padding: 13vh 0 13vh 13vh;
position: relative;
z-index: 10; }
@media screen and (max-width: 1140px) {
.manifesto-top .content-subtitulo {
padding: 10vh 0 10vh 10vh; } }
@media screen and (max-width: 960px) {
.manifesto-top .content-subtitulo {
padding: 8vh 0 8vh 8vh; } }
@media screen and (max-width: 768px) {
.manifesto-top .content-subtitulo {
padding: 6vh 0 6vh 6vh; } }
.manifesto-top .content-texto {
position: relative;
padding: 13vh 20px 13vh 13vh;
z-index: 10;
height: 100%; }
@media screen and (max-width: 1140px) {
.manifesto-top .content-texto {
padding: 10vh;
height: 90vh; } }
@media screen and (max-width: 960px) {
.manifesto-top .content-texto {
padding: 8vh;
height: auto; } }
@media screen and (max-width: 960px) {
.manifesto-top .content-texto {
padding: 6vh; } }
.manifesto-top:after {
content: '';
width: 0px;
height: 0px;
display: block;
border-style: solid;
border-width: 0 0 30vw 50vw;
border-color: transparent transparent #F7AF01 transparent;
transform: rotate(0deg);
position: absolute;
right: 0;
bottom: 0; }
.manifesto-top:before {
width: 100%;
content: '';
background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0) 100%);
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0; }
@media screen and (max-width: 800px) {
.manifesto-top:before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.48) 90%, rgba(0, 0, 0, 0) 100%); } }
.manifesto-content {
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/NossoManifesto/nosso-manifesto-bg-2.png);
background-size: cover;
position: relative;
height: 100vh;
color: white; }
@media screen and (max-width: 1140px) {
.manifesto-content {
height: auto; } }
.manifesto-content .content-texto {
padding: 13vh 20px 13vh 13vh;
background-color: #007e7a;
position: relative;
height: 100vh; }
@media screen and (max-width: 1140px) {
.manifesto-content .content-texto {
padding: 10vh;
height: auto; } }
@media screen and (max-width: 960px) {
.manifesto-content .content-texto {
padding: 8vh; } }
@media screen and (max-width: 960px) {
.manifesto-content .content-texto {
padding: 70px 6vh;
background-color: rgba(0, 126, 122, 0.8); } }
.manifesto-content .content-texto:after {
content: '';
width: 0px;
height: 0px;
display: block;
border-style: solid;
border-width: 6vw 8vw 0 0;
border-color: #007e7a transparent transparent;
transform: rotate(0deg);
position: absolute;
top: 0;
left: 100%; }
@media screen and (max-width: 767px) {
.manifesto-content .content-texto:after {
content: none; } }
.section-paginacaoPosts {
padding: 0px 0px 80px 0px; }
@media(max-width:767px){
.section-paginacaoPosts {
padding: 0px 0px 60px 0px; }
}
.section-paginacaoPosts .post_pagination {
display: flex;
align-items: center;
justify-content: center;
position: relative; }
.section-paginacaoPosts .post_pagination .page-numbers {
position: relative;
padding: 0px 16px;
color: #747876;
font-family: "Vale Sans";
padding: 10px;
margin: 0 5px;
font-family: "Vale Sans";
font-size: 16px;
background: #e6e6e6;
transition: all 0.3s ease-in-out; }
.section-paginacaoPosts .post_pagination .page-numbers:hover{
color: #ffffff;
background: #C21A5E; 
}
.section-paginacaoPosts .post_pagination .page-numbers.current {
background: #F7AF01; }
.section-paginacaoPosts .post_pagination span {
color: #ffffff !important; }
.section-paginacaoPosts .post_pagination .next i {
color: #747876; 
transition: all 0.3s ease-in-out;}
.section-paginacaoPosts .post_pagination .next:hover {
color: #ffffff;
background: #C21A5E; 
transition: all 0.3s ease-in-out;}
.section-paginacaoPosts .post_pagination .next:hover i{
color: white;}
.section-paginacaoPosts .post_pagination .prev i {
color: #747876; 
transition: all 0.3s ease-in-out;}
.section-paginacaoPosts .post_pagination .prev:hover {
color: #ffffff;
background: #C21A5E; 
transition: all 0.3s ease-in-out;}
.section-paginacaoPosts .post_pagination .prev:hover i {
color: white; }
.darckTheme .section-paginacaoPosts .post_pagination span {
color: #000 !important; }
.darckTheme .section-paginacaoPosts .post_pagination span::before {
background: #ffffff; }
.darckTheme .section-paginacaoPosts .post_pagination a:before {
background-color: #000;
border: 1px solid #ffffff; }
.section-posts {
padding: 80px 0px 40px; }
@media(max-width:767px){
.section-posts {
padding: 60px 0px 40px; }
}
.section-posts form .title-section {
display: flex;
align-items: center; }
.section-posts form .title-section h1,
.section-posts form .title-section h2,
.section-posts form .title-section h3,
.section-posts form .title-section h4,
.section-posts form .title-section h5,
.section-posts form .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 0px;
font-weight: bold;
position: relative; }
@media screen and (max-width: 768px) {
.section-posts form .title-section h1,
.section-posts form .title-section h2,
.section-posts form .title-section h3,
.section-posts form .title-section h4,
.section-posts form .title-section h5,
.section-posts form .title-section h6 {
margin-bottom: 40px; } }
.section-posts form a {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
text-decoration: underline !important;
margin: 0px 150px 0px 0px; }
.section-posts form .search-section {
position: relative; }
.section-posts form .search-section img {
padding: 6px;
z-index: 4; }
.section-posts form .search-section img.search-icon {
width: 30px;
position: absolute; 
top: 50%;
right:15px;
transform: translateY(-50%);
}
@media (max-width:767px){
.section-posts form .search-section img.search-icon {
top:4px;
transform:none;
}
}
.section-posts form .search-section input {
position: relative; }
.section-posts form .search-section input.input_search {
width: 100%;
border: 1px solid #adadad;
outline: none;
transition: 400ms;
padding: 6px 40px 6px 10px;
cursor: pointer;
border-radius: 4px;
}
@media (min-width:768px){
.section-posts form .search-section input.input_search {
height: 46px;
padding-right: 0;
}
.section-posts form .search-section{
padding-right: 0;
}
}
.section-posts form .search-section input:hover {
border-bottom: 1px solid #007e7a;
transition: 400ms; }
@media screen and (max-width: 560px) {
.section-posts form .search-section input {
margin-bottom: 10px; } }
.section-posts form .select-group {
display: flex;
justify-content: space-around; }
@media screen and (max-width: 767px) {
.section-posts form .select-group {
margin-top: 10px;
flex-wrap: wrap; } }
.section-posts form .select-group select {
padding: 5px;
border: 1px solid #adadad;
border-radius: 4px;
color: #747876;
transition: 400ms;
cursor: pointer;
outline: none;
width: 100%;
margin-right: 10px;
}
@media (max-width:767px){
.section-posts form .select-group select {
margin-right: 0;
height: 38px;
}
}
.section-posts form .select-group select:hover {
border-color: #007e7a;
transition: 400ms; }
.section-posts form .select-group select:focus {
border-color: #007e7a;
transition: 400ms; }
.section-posts form .select-group select option:hover {
background: #8e8e8e; }
.section-posts form .select-group button {
padding: 8px 10px;
border: 0; }
@media screen and (max-width: 767px) {
.section-posts form .select-group button {
margin-top: 20px;
display: inline-flex;
max-width: 120px; } }
.section-posts form .select-group button .img-busca {
width: 32px;
padding: 5px;
height: 30px;
display: flex;
align-items: center; }
.section-posts form .select-group button .img-busca svg {
width: 100%; }
@media screen and (max-width: 560px) {
.section-posts form {
justify-content: center;
flex-direction: column; } }
.box-noticia {
margin-bottom: 40px; }
.box-noticia:hover h4 {
text-decoration: underline; }
.box-noticia .box-bg {
height: 223px;
overflow: hidden;
position: relative; }
.box-noticia .box-bg a h3 {
position: absolute;
bottom: -1px;
left: -1px;
font-size: 10px;
font-size: 1rem;
color: #ecb11f;
background-color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
transition: 400ms;
padding: 12px 40px 0px 12px;
clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); }
.box-noticia .box-bg a h3:hover {
text-decoration: underline; }
.box-noticia .content-img {
background-size: cover;
background-repeat: no-repeat;
height: 230px;
margin-bottom: 15px;
position: relative;
transition: 400ms; }
.box-noticia .content-img:hover {
transform: scale(1.1);
transition: 400ms; }
.box-noticia .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.box-noticia .content-text {
padding: 0px 10px;
margin-top: 12px; }
.box-noticia .content-text .data {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 10px; }
.box-noticia .content-text .tag {
color: #007e7a;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
padding-left: 5px; }
.box-noticia .content-text h4 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 20px;
margin-top: 8px;
line-height: 25px; }
.box-noticia:hover  .btn-card-post a,
.box-noticia:hover  .link-post a
{
text-decoration:underline!important;
color: #007e7a;
}
.section-title-portfolio-fomento {
margin: 80px 0px; }
@media(max-width:767px){
.section-title-portfolio-fomento {
margin: 60px 0px; }
}
.section-title-portfolio-fomento .title-section h1,
.section-title-portfolio-fomento .title-section h2,
.section-title-portfolio-fomento .title-section h3,
.section-title-portfolio-fomento .title-section h4,
.section-title-portfolio-fomento .title-section h5,
.section-title-portfolio-fomento .title-section h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
margin-bottom: 0px; }
.navbar {
padding: 0px !important;
top: 0;
left: 0;
width: 100%;
height: 165px;
z-index: 999; }
.navbar .logo img,
.logo-footer img{
transform: scale(1.15);
transform-origin: left;
}
@media screen and (max-width: 993px) {
.navbar {
position: fixed !important; } }
.navbar .topbar {
z-index: 10; }
.navbar .container-menu {
width: 100%;
max-width: 100%;
max-height: 150px;
padding: 0 !important;
background: rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 1px #00000040;
margin-top: 28px !important; }
@media screen and (max-width: 993px) {
.navbar .container-menu {
max-height: 110px;
margin-top: 0 !important; } }
@media screen and (max-width: 993px) {
.navbar .container-menu {
background: white; } }
.navbar .container-menu:before {
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: rgba(0, 129, 123, 0.8) transparent transparent transparent;
top: 160px;
left: 1px;
position: absolute;
content: ''; }
@media screen and (max-width: 993px) {
.navbar .container-menu:before {
content: none; } }
.navbar .container-menu .logo {
background: white;
padding: 40px 11px 40px 75px;
position: relative;
min-height: 133px;
display: flex;
align-items: center;
margin-right: 132px; }
@media screen and (max-width: 993px) {
.navbar .container-menu .logo {
padding: 20px 12px 0;
min-height: 110px; } }
.navbar .container-menu .logo:before {
width: 0;
height: 0;
border-style: solid;
border-width: 132px 132px 0 0;
border-color: #ffffff transparent transparent transparent;
left: 100%;
top: 0;
position: absolute;
content: ''; }
@media screen and (max-width: 993px) {
.navbar .container-menu .logo:before {
content: none; } }
.navbar .navbar-collapse {
position: relative; }
.navbar .navbar-collapse .form_busca button{
background:none;
border:none;
}
@media screen and (max-width: 993px) {
.navbar .navbar-collapse {
position: fixed;
width: 100%; } }
.navbar .navbar-collapse .form_busca {
display: flex;
min-width: 30%;
position: relative;
padding: 0 20px; }
@media screen and (max-width: 1300px) {
.navbar .navbar-collapse .form_busca {
min-width: 20%; } }
@media screen and (max-width: 993px) {
.navbar .navbar-collapse .form_busca {
padding: 0 12px;
top: 90px; } } @media screen and (max-width: 993px) {
.navbar .navbar-collapse .form_busca.mobile {
display: none; } }
.navbar .navbar-toggler {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 999; }
.navbar .navbar-toggler:focus {
outline: none !important;
box-shadow: none !important; }
.navbar .navbar-toggler span {
position: absolute;
background: #606060;
height: 3px;
width: 20px;
left: 0; }
.navbar .navbar-toggler span:nth-of-type(1) {
top: 0; }
.navbar .navbar-toggler span:nth-of-type(2) {
top: 5px; }
.navbar .navbar-toggler span:nth-of-type(3) {
top: 10px; }
.navbar .navbar-toggler .menu-close span {
position: absolute;
background: #606060;
height: 3px;
width: 20px;
left: 0; }
.navbar .navbar-toggler .menu-close span:nth-of-type(1) {
top: 0;
display: none !important; }
.navbar .navbar-toggler .menu-close span:nth-of-type(2) {
top: 5px;
transform: rotate(45deg) !important; }
.navbar .navbar-toggler .menu-close span:nth-of-type(3) {
top: 5px;
transform: rotate(315deg) !important; }
.navbar .topbar {
display: flex;
align-items: center;
background-color: #ebebeb;
height: 30px;
width: 100%;
position: fixed;
top: 0; }
.navbar .topbar .menu-topbar {
display: flex;
justify-content: center; }
.navbar .topbar .menu-topbar p {
padding-right: 10px;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
color: #747876; }
.navbar .topbar .idioma {
display: flex;
align-items: center;
justify-content: center;
padding: 0px 20px;
border-right: 1px solid #c3c3c3;
border-left: 1px solid #c3c3c3;
height: 30px; }
.navbar .topbar .idioma select {
background: transparent;
border: none;
outline: none;
font-size: 14px;
color: #747876; }
.navbar .topbar .idioma option {
font-size: 14px;
color: #747876; }
.navbar .topbar .acessibilidade {
display: flex;
align-items: center;
justify-content: center;
padding: 0px 20px;
height: 30px;
border-right: 1px solid #c3c3c3; }
.navbar .topbar .acessibilidade ul {
padding: 0px 0px 0px 15px;
margin: -3px 0px 0px;
list-style: none;
display: flex; }
.navbar .topbar .acessibilidade ul li {
padding: 0px 5px; }
.navbar .topbar .acessibilidade ul li a {
font-family: "Vale Sans";
color: #747876;
font-size: 14px; }
.navbar .topbar .acessibilidade .adddarckTheme i {
font-size: 14px;
cursor: pointer;
color: #747876; }
@media screen and (max-width: 1024px) {
.navbar .menu-position {
margin-left: 30px; } }
@media screen and (max-width: 990px) {
.navbar .menu-position {
margin-left: 0px;
margin-top: 70px; 
height:100vh;
background-color:white; } }
.navbar .menu-position ul {
justify-content: space-between;
flex-wrap: nowrap;
padding: 5px 0; }
.navbar .menu-position ul#menu-menu-principal {
width: 100%;
padding: 0; }
@media screen and (max-width: 990px) {
.navbar .menu-position ul#menu-menu-principal {
padding: 85px 12px 0 12px; }
.navbar .menu-position ul {
display: block;
background: #ffffff;
width: 100%;
padding-left: 20px;
position: relative; } }
.navbar .menu-position ul li {
position: relative;
padding: 56px 12px;
align-items: center;
display: flex; }
@media screen and (max-width: 990px) {
.navbar .menu-position ul li {
padding: 10px 6px;
max-width: none;
width: 100%;
border-bottom: 1px solid #e6e6e6; 
flex-direction:column;
}
.navbar .menu-position ul li i {
margin-left: auto; } 
}
@media screen and (min-width: 990px) {
.navbar .menu-position ul li i {
display: none; } }
@media screen and (max-width: 768px) {
.navbar .menu-position ul li {
border-bottom: 2px solid white;
}
.navbar .menu-position ul li i {
display: block;
position: absolute;
top: 12px;
right: 12px; } }
.navbar .menu-position ul li:hover {
background: rgba(247, 175, 1, 0.9); }
.navbar .menu-position ul li:hover a {
color: #C21A5E; }
.navbar .menu-position ul li:hover a li {
background-color: none; }
.navbar .menu-position ul li a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
font-size: 12px;
font-size: 1rem; word-break: break-word;
display: flex;
line-height: 1.27; }
@media screen and (max-width: 1300px) {
.navbar .menu-position ul li a {
font-size: 11px;
font-size: 1.1rem; } }
@media screen and (max-width: 990px) {
.navbar .menu-position ul li a {
color: #007e7a;
max-width: none;
width: 100%; } }
@media screen and (max-width: 768px) {
.navbar .menu-position ul li a {
font-size: 10px;
font-size: 1rem; } }
.navbar .menu-position ul li .sub-menu {
display: none;
justify-content: flex-start; }
.navbar .menu-position ul li .sub-menu a {
font-size: 9px;
font-size: 0.9rem;
color: #ffffff;
max-width: none !important;
padding: 5px 0; }
.navbar .menu-position ul li .sub-menu a:hover {
background: none;
color: #C21A5E; }
.navbar .menu-position .menu-item-has-children:hover .sub-menu {
display: block;
position: absolute;
top: 100%;
left: 0px;
padding: 0;
background: rgba(247, 175, 1, 0.9);
box-shadow: 5px 5px 11px 0px #0000000f;
z-index: 1;
-webkit-animation: slide-down 0.6s ease-out;
-moz-animation: slide-down 0.6s ease-out; }
@media screen and (max-width: 990px) {
.navbar .menu-position .menu-item-has-children:hover .sub-menu {
background: transparent;
padding: 0 15px;
position:relative; 
margin-top:0.75rem;
box-shadow:none;
} }
@-webkit-keyframes slide-down {
0% {
opacity: 0;
-webkit-transform: translateY(-20%); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes slide-down {
0% {
opacity: 0;
-moz-transform: translateY(-20%); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
.navbar .menu-position .menu-item-has-children:hover .sub-menu:after {
position: absolute;
right: -1px;
bottom: -1px;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/forma-sub-menu.svg);
height: 250px;
width: 260px;
background-size: 85%;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0; }
.navbar .menu-position .menu-item-has-children:hover .sub-menu::before {
min-height: 230px;
width: 100vw;
bottom: 0;
right: 100%;
position: absolute;
background: #ffffff;
transform-style: flat;
z-index: -2;
box-shadow: -6px 4px 11px 0px #0000000f; }
.navbar .menu-position .menu-item-has-children:hover .sub-menu li {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
padding: 6px 12px;
min-width: 150px;
z-index: 10; }
.navbar .menu-position .menu-item-has-children:hover .sub-menu li a:after {
display: none; }
.navbar .menu-position li:nth-child(1), .navbar .menu-position li:nth-child(2) {
max-width: none; } @media screen and (max-width: 990px) {
.navbar .menu-position li:nth-child(1) a, .navbar .menu-position li:nth-child(2) a {
max-width: none; } }
.navbar .menu-position #menu-item-82 a,
.navbar .menu-position #menu-item-86 a,
.navbar .menu-position #menu-item-2464 a {
min-width: 160px; }
@media screen and (max-width: 1300px) {
.navbar .menu-position #menu-item-82 a,
.navbar .menu-position #menu-item-86 a,
.navbar .menu-position #menu-item-2464 a {
min-width: 125px; } }
@media screen and (max-width: 990px) {
.navbar .menu-position #menu-item-82 a,
.navbar .menu-position #menu-item-86 a,
.navbar .menu-position #menu-item-2464 a {
min-width: none; } }
.navbar form input {
border: 1px solid #ffffff;
background: rgba(255, 255, 255, 0);
transition: 0.3s ease all;
left: 70px;
width: 80%;
height: 40px;
font-size: 8px;
font-size: 0.8rem;
color: white;
padding: 8px 10px; }
.navbar form input::placeholder{
color:white;
}
.navbar form input:hover::placeholder{
color: #747876;
}
@media screen and (max-width: 990px) {
.navbar form input {
border: 2px solid #e6e6e6;
width: 90%;
margin-right: auto; } }
@media screen and (max-width: 768px) {
.navbar form input {
left: 40px; } }
.navbar form input:hover {
background: rgba(255, 255, 255, 0.9); 
color: #747876;
}
.navbar form img {
cursor: pointer;
transition: 0.4s;
margin: 3px 0 5px 10px;
width: 25px; }
@media(min-width:992px){
.navbar form img {
filter: grayscale(1) brightness(2);
}
}
.navbar form .active {
filter: grayscale(0);
transform: rotate(90deg); }
@media screen and (max-width: 768px) {
.navbar form .active {
margin-left: 0px; } }
.darckTheme .navbar {
background-color: #000;
box-shadow: 0px 0px 11px 0px #ffffff47; }
.darckTheme .navbar .topbar {
background-color: #212121; }
.darckTheme .navbar .topbar select,
.darckTheme .navbar .topbar option {
color: #ffffff !important;
background-color: #212121 !important; }
.darckTheme .navbar .custom-logo-link:after {
background: #212121; }
.darckTheme .navbar .menu-position .menu-item-has-children:hover .sub-menu {
background: #212121; }
.darckTheme .navbar .menu-position .menu-item-has-children:hover .sub-menu:before {
background: #212121; }
.darckTheme .navbar .menu-position .menu-item-has-children:hover .sub-menu:after {
filter: grayscale(1); }
.darckTheme .navbar .menu-position .menu-item-has-children a:after {
background: #212121; }
.darckTheme form input {
background: #000;
color: #ffffff;
padding: 0 10px; }
.darckTheme form .active {
filter: grayscale(100); }
.navbar-light .navbar-toggler {
border: none;
color: #747876 !important; 
}
.navbar-toggler{
margin-right:12px;
}
.section-banner-home {
margin-top: -135px;
height: 100vh;
background: #0003;
position: relative;
overflow: hidden; }
@media screen and (max-width: 990px) {
.section-banner-home {
margin-top: 90px; } }
.section-banner-home:after {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 150px 150px;
border-color: transparent transparent rgba(236, 177, 31, 0.8);
bottom: 0;
right: 0;
position: absolute;
z-index: 0; }
@media screen and (max-width: 990px) {
.section-banner-home:after {
border-width: 0 0 110px 110px; } }
@media screen and (max-width: 1024px) {
.section-banner-home:before {
left: -90px;
top: -30px; }
.section-banner-home::after {
right: -390px; } }
@media screen and (max-width: 560px) {
.section-banner-home {
height: 70vh; }
.section-banner-home:before {
height: 200px;
width: 180px; }
.section-banner-home::after {
bottom: -280px; } }
.section-banner-home .row {
align-items: center; }
.section-banner-home .overlay {
background: #00000050;
position: absolute;
height: 100%;
width: 100%; }
.section-banner-home img {
object-fit: cover;
width: 110vw;
height: 100vh;
padding: 0; }
.section-banner-home video {
object-fit: cover;
width: 110%;
height: 100%;
padding: 0;
margin-top: 0px; }
@media screen and (max-width: 1200px) {
.section-banner-home video {
height: 100vh; } }
@media screen and (max-width: 768px) {
.section-banner-home video {
margin-top: -110px; } }
@media screen and (max-width: 560px) {
.section-banner-home video {
margin-top: 0px;
height: 90vh; } }
.section-banner-home .container-texto {
position: absolute;
max-width: 380px;
margin: 0px 0px 0px 200px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-banner-home .container-texto {
margin: 140px 0px 0px 150px; } }
.section-banner-home .container-texto h1,
.section-banner-home .container-texto h2,
.section-banner-home .container-texto h3,
.section-banner-home .container-texto h4,
.section-banner-home .container-texto h5,
.section-banner-home .container-texto h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 700;
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px; }
@media screen and (max-width: 1370px) {
.section-banner-home .container-texto h1,
.section-banner-home .container-texto h2,
.section-banner-home .container-texto h3,
.section-banner-home .container-texto h4,
.section-banner-home .container-texto h5,
.section-banner-home .container-texto h6 {
font-size: 20px;
font-size: 2rem; } }
.section-banner-home .container-texto a.btn-home {
min-width: 230px; }
.section-banner-home .container-texto a .text-btn {
max-width: 150px; }
.section-banner-home .container-texto a img {
width: 18px;
height: 18px;
margin-left: 10px; }
@media screen and (max-width: 768px) {
.section-banner-home .container-texto {
margin: 80px 0px 0px 120px; } }
@media screen and (max-width: 560px) {
.section-banner-home .container-texto {
display: flex;
align-items: center;
flex-direction: column;
margin: 0px 30px;
top: 34%; } 
.section-banner-home .container-texto > *{
text-align:center;
}
}
.section-banner-home .scroll-msg {
position: absolute;
z-index: 0;
bottom: 100px;
right: 100px; }
@media screen and (max-width: 993px) {
.section-banner-home .scroll-msg {
display: none; } }
.section-banner-home .scroll-msg .content {
display: flex;
flex-direction: column;
align-items: end;
justify-content: center; }
.section-banner-home .scroll-msg p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
font-size: 11px;
font-size: 1.1rem;
margin-bottom: 25px; }
@media screen and (max-width: 1024px) {
.section-banner-home .scroll-msg p {
display: none; } }
.section-banner-home .scroll-msg img {
width: 50px;
height: 50px; }
@media screen and (max-width: 1024px) {
.section-banner-home .scroll-msg img {
display: none; } }
.section-banner-home .scroll-msg i {
display: none;
font-size: 33px;
color: #ffffff; }
.darckTheme .section-banner-home:before {
background-color: #000; }
.darckTheme .section-banner-home:after {
background-color: #000; }
.darckTheme .section-banner-home .container-texto a {
border: 1px solid #ffffff;
background: #000;
background-position-x: 200px;
background-size: 18px;
box-shadow: none; }
.section-colunas-texto {
margin: 80px 0px 80px 0px;
background-color: #ffffff;
position: relative; }
.section-colunas-texto .row > *{
padding:0;
}
@media screen and (max-width: 767px) {
.section-colunas-texto {
margin: 60px 0px 30px 0px; } }
.section-colunas-texto .content-text {
max-width: 510px; }
@media screen and (max-width: 768px) {
.section-colunas-texto .content-text {
margin-bottom: 80px; 
padding:0 12px;} }
.section-colunas-texto .content-text .title-subtitle {
position: relative; }
.section-colunas-texto .content-text .title-subtitle:after {
background-color: #F7AF01;
position: absolute;
left: -45px;
top: 20px;
height: 100%;
width: 28px;
transform: rotate(135deg) skew(-46deg);
transform-style: flat; }
.section-colunas-texto .content-text .title-subtitle h4 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: 400;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 15px; }
.section-colunas-texto .content-text .title-subtitle h3 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 26px;
line-height: 28px;
margin-bottom: 20px;
font-size: 18px;
font-size: 1.8rem; }
.section-colunas-texto .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 25px; }
.darckTheme .section-colunas-texto .content-text .title-subtitle:after {
background-color: #ffffff; }
.darckTheme .section-colunas-texto .content-text a {
border: 1px solid #ffffff;
background: #000;
background-position-x: 100px;
background-size: 18px;
box-shadow: none; }
.section-noticias-home {
padding: 50px 0px;
position: relative;
display: none; }
.section-noticias-home:after {
content: "";
right: 0px;
top: -90px;
background: #F7AF01;
height: 100px;
width: 440px;
position: absolute;
z-index: 2;
clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0 100%, 0 100%); }
@media screen and (max-width: 560px) {
.section-noticias-home:after {
width: 50%;
top: -80px; } }
.section-noticias-home .bg-yellow {
background: #F7AF01;
height: 305px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.section-noticias-home .title-noticia {
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px; }
.section-noticias-home .title-noticia h3 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 20px;
font-size: 2rem;
margin: 0; }
.section-noticias-home .title-noticia p a {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 10px;
font-size: 1rem;
font-weight: bold;
text-decoration: underline !important;
margin-right: 20px; }
@media screen and (max-width: 560px) {
.section-noticias-home .title-noticia p {
display: none; } }
.section-noticias-home .box-noticia {
min-height: 360px;
margin-right: 20px; }
.section-noticias-home .box-noticia:hover h4 {
text-decoration: underline; }
.section-noticias-home .box-noticia .box-bg {
height: 230px;
overflow: hidden;
position: relative; }
.section-noticias-home .box-noticia .box-bg:after {
content: "";
position: absolute;
right: -80px;
bottom: -40px;
height: 70px;
width: 260px;
z-index: 2;
background-color: #ffffff;
transform: rotate3d(1, 0, 1, 310deg); }
.section-noticias-home .box-noticia .box-bg a:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: 14px;
bottom: 24px;
height: 34px;
width: 34px;
transform: rotate(140deg) skew(-40deg);
transform-style: flat; }
.section-noticias-home .box-noticia .box-bg a h3 {
position: absolute;
bottom: 30px;
left: 30px;
font-size: 13px;
font-size: 1.3rem;
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
transition: 400ms; }
.section-noticias-home .box-noticia .box-bg a h3:hover {
text-decoration: underline;
transition: 400ms; }
.section-noticias-home .box-noticia .content-img {
background-size: cover;
background-repeat: no-repeat;
height: 230px;
margin-bottom: 15px;
position: relative;
transition: 400ms; }
.section-noticias-home .box-noticia .content-img:hover {
transform: scale(1.1);
transition: 400ms; }
.section-noticias-home .box-noticia .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.section-noticias-home .box-noticia .content-text {
padding: 0px 10px;
margin-top: 20px; }
.section-noticias-home .box-noticia .content-text h4 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px; }
.section-noticias-home .box-noticia .content-text .link-post {
position: relative; }
.section-noticias-home .box-noticia .content-text .link-post:before {
content: "";
position: absolute;
left: -4px;
top: 4px;
height: 15px;
width: 20px;
background-color: #F7AF01;
transform: rotate(140deg) skew(-40deg);
transform-style: flat; }
.section-noticias-home .box-noticia .content-text .link-post a {
color: #007e7a;
font-family: "Vale Sans";
font-size: 9px;
font-size: 0.9rem;
font-weight: bold;
text-decoration: underline !important;
position: absolute;
left: 5px; }
.darckTheme .section-noticias-home:after {
background: #212121; }
.darckTheme .section-noticias-home .bg-yellow {
background: #212121; }
.darckTheme .section-noticias-home .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-noticias-home .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-noticias-home .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-noticias-home .content-text .link-post:before {
background: #212121; }
.section-espacoConhecimento-home {
padding: 60px 0px 80px;
position: relative;
overflow: hidden; }
@media (max-width:767px){
.section-espacoConhecimento-home{
padding: 60px 0px 80px;
}
}
.section-espacoConhecimento-home:before {
position: absolute;
top: -40px;
left: -50px;
height: 100px;
width: 200px;
z-index: 2;
background-color: #ffffff;
transform: rotate3d(1, 0, 1, 310deg); }
@media screen and (max-width: 560px) {
.section-espacoConhecimento-home:before {
top: -70px; } }
.section-espacoConhecimento-home .bg-green {
background: #007e7a;
height: 300px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
@media screen and (max-width: 560px) {
.section-espacoConhecimento-home .bg-green {
height: 335px; } }
.section-espacoConhecimento-home .bg-section {
height: 335px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
@media screen and (max-width: 560px) {
.section-espacoConhecimento-home .bg-section {
height: 335px; } }
.section-espacoConhecimento-home .title-espacoConhecimento {
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px; 
padding:0;
position:relative;}
.section-espacoConhecimento-home .title-espacoConhecimento h1,
.section-espacoConhecimento-home .title-espacoConhecimento h2,
.section-espacoConhecimento-home .title-espacoConhecimento h3,
.section-espacoConhecimento-home .title-espacoConhecimento h4,
.section-espacoConhecimento-home .title-espacoConhecimento h5,
.section-espacoConhecimento-home .title-espacoConhecimento h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 0;
font-size: 20px;
font-size: 2rem; }
.section-espacoConhecimento-home .title-espacoConhecimento p a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-size: 10px;
font-size: 1rem;
text-decoration: underline !important;
}
@media screen and (max-width: 560px) {
.section-espacoConhecimento-home .title-espacoConhecimento p {
display: none; } }
@media screen and (max-width: 560px) {
.section-espacoConhecimento-home .title-espacoConhecimento {
max-width: 80%; } }
.section-espacoConhecimento-home .box-espacoConhecimento {
overflow: hidden;
min-height: 360px;
}
.section-espacoConhecimento-home .box-espacoConhecimento:hover h4 {
text-decoration: underline; }
.section-espacoConhecimento-home .box-espacoConhecimento .box-bg {
overflow: hidden;
position: relative;
padding: 1px; }
.section-espacoConhecimento-home .box-espacoConhecimento .box-bg:after {
position: absolute;
right: -80px;
bottom: -40px;
height: 70px;
width: 260px;
z-index: 2;
background-color: #ffffff;
transform: rotate3d(1, 0, 1, 310deg); }
.section-espacoConhecimento-home .box-espacoConhecimento .box-bg a:before {
background-color: #F7AF01;
position: absolute;
left: 14px;
bottom: 24px;
height: 34px;
width: 34px;
transform: rotate(140deg) skew(-40deg);
transform-style: flat; }
.section-espacoConhecimento-home .box-espacoConhecimento .box-bg a h3 {
position: absolute;
bottom: -1px;
left: -1px;
padding: 12px 40px 0px 12px;
clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%);
background: #ffffff;
color: #F7AF01;
font-size: 10px;
font-size: 1rem;
font-family: "Vale Sans";
font-weight: bold;
transition: 400ms; }
.section-espacoConhecimento-home .box-espacoConhecimento .box-bg a h3:hover {
text-decoration: underline;
transition: 400ms; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
position: relative;
transition: 400ms; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-img:hover {
transform: scale(1.1);
transition: 400ms; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-text {
padding: 0px 10px;
margin-top: 20px; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-text h4 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-text .link-post {
position: relative; }
.section-espacoConhecimento-home .box-espacoConhecimento .content-text .link-post:before {
position: absolute;
left: -4px;
top: 4px;
height: 15px;
width: 20px;
background-color: #F7AF01;
transform: rotate(140deg) skew(-40deg);
transform-style: flat; } .section-espacoConhecimento-home .box-espacoConhecimento .content-text .link-post a img {
width: 20px;
height: 20px;
margin-left: 7px; }
.darckTheme .section-espacoConhecimento-home:before {
background: #000; }
.darckTheme .section-espacoConhecimento-home .bg-green {
background: #212121; }
.darckTheme .section-espacoConhecimento-home .box-espacoConhecimento .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-espacoConhecimento-home .box-espacoConhecimento .box-bg a:before {
background: #000; }
.darckTheme .section-espacoConhecimento-home .box-espacoConhecimento .box-bg:after {
background: #000; }
.darckTheme .section-espacoConhecimento-home .content-text .link-post:before {
background: #212121; }
.section-text-slide .content-text {
padding-left: 45px;
position: relative;
max-width: 430px;
margin: 100px 0px 0px 100px; }
@media screen and (max-width: 1370px) {
.section-text-slide .content-text {
padding-left: 20px;
max-width: 410px; } }
@media screen and (max-width: 768px) {
.section-text-slide .content-text {
padding-left: 50px;
max-width: 100%;
padding-bottom: 50px; } }
.section-text-slide .content-text h3 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
margin: 30px 0px;
position: relative; }
.section-text-slide .content-text h3:after {
content: "";
position: absolute;
left: -50px;
top: 25px;
height: 70%;
width: 28px;
transform: rotate(134deg) skew(-46deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 768px) {
.section-text-slide .content-text h3 {
line-height: 30px; } }
.section-text-slide .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem; }
@media screen and (max-width: 1024px) {
.section-text-slide .content-text {
margin: 100px 0px 0px 0px; } }
@media screen and (max-width: 560px) {
.section-text-slide .content-text {
padding-left: 10px;
margin: 0px 0px 60px 34px; } }
.section-text-slide .bg-slide {
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
clip-path: polygon(20% 0, 100% 0, 100% 0%, 100% 80%, 90% 80%, 65% 100%, 0 100%, 0% 100%, 0 65%, 20% 45%); }
@media screen and (max-width: 768px) {
.section-text-slide .bg-slide {
clip-path: polygon(20% 0, 100% 0, 100% 0%, 100% 90%, 50% 90%, 25% 100%, 0 100%, 0% 100%, 0 65%, 20% 45%); } }
@media screen and (max-width: 560px) {
.section-text-slide .bg-slide {
clip-path: polygon(0% 0, 100% 0, 100% 0%, 100% 88%, 30% 88%, 10% 100%, 0 100%, 0% 100%, 0% 0%, 0% 0%); } }
.section-text-slide .bg-slide:before {
content: "";
background: linear-gradient(180deg, #ffffff00 0%, #070707d1 100%);
height: 100%;
width: 100%;
position: absolute; }
.section-text-slide .bg-slide .contentSlide {
max-width: 500px;
padding: 50px 0px 100px;
margin: 0 auto;
margin-left: 245px; }
@media screen and (max-width: 1024px) {
.section-text-slide .bg-slide .contentSlide {
margin-left: 130px; } }
@media screen and (max-width: 768px) {
.section-text-slide .bg-slide .contentSlide {
margin-left: 200px; } }
@media screen and (max-width: 560px) {
.section-text-slide .bg-slide .contentSlide {
margin: 50px 50px 150px;
padding: 0;
max-width: 100%; } }
.section-text-slide .bg-slide .contentSlide .slideText {
position: relative;
padding: 30px 20px 20px 0px;
min-height: 345px; }
.section-text-slide .bg-slide .contentSlide .slideText figure {
margin-bottom: 45px; }
.section-text-slide .bg-slide .contentSlide .slideText figure:after {
content: "";
position: absolute;
left: 0;
top: 30px;
height: 80px;
width: 70px;
background-color: #F7AF01;
z-index: -1;
transform: rotate(150deg) skew(330deg);
transform-style: flat; }
.section-text-slide .bg-slide .contentSlide .slideText img {
width: 75px;
margin: 10px 0px 30px;
z-index: 1; }
.section-text-slide .bg-slide .contentSlide .slideText h4 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
margin: 70px 0px 15px 0px; }
.section-text-slide .bg-slide .contentSlide .slideText p {
color: #ffffff;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem; }
.section-text-slide .bg-slide .contentSlide .slick-dots {
position: relative !important;
text-align: left; }
.section-text-slide .bg-slide .contentSlide .slick-dots li {
margin: 0px 20px 0px 0px !important; }
.section-text-slide .bg-slide .contentSlide .slick-dots li:before {
content: "" !important; }
.section-text-slide .bg-slide .contentSlide .slick-dots li button {
transform: rotate(0deg) scale(1.2) skew(0) translate(0px);
transform-style: flat; }
.section-text-slide .bg-slide .contentSlide .slick-dots li button:before {
content: "" !important;
background: #fff0;
border: 2px solid #fff;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
opacity: 1; }
.section-text-slide .bg-slide .contentSlide .slick-dots .slick-active button:before {
background: #ffffff; }
.darckTheme .section-text-slide .content-text h1:after,
.darckTheme .section-text-slide .content-text h2:after,
.darckTheme .section-text-slide .content-text h3:after,
.darckTheme .section-text-slide .content-text h4:after,
.darckTheme .section-text-slide .content-text h5:after,
.darckTheme .section-text-slide .content-text h6:after {
background: #ffffff; }
.darckTheme .section-text-slide .bg-slide {
filter: grayscale(100); }
.section-bigNumbers {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 555px;
overflow: hidden; }
.section-bigNumbers .title-bigNumbers {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 40%;
padding-right: 40px; }
@media screen and (max-width: 993px) {
.section-bigNumbers .title-bigNumbers {
max-width: 100%;
padding-right: 0; } }
@media screen and (max-width: 768px) {
.section-bigNumbers .title-bigNumbers {
margin-top: 24px; } }
@media screen and (max-width: 560px) {
.section-bigNumbers .title-bigNumbers {
padding: 20px;
margin-top: 0px; } }
.section-bigNumbers .title-bigNumbers h1,
.section-bigNumbers .title-bigNumbers h2,
.section-bigNumbers .title-bigNumbers h3,
.section-bigNumbers .title-bigNumbers h4,
.section-bigNumbers .title-bigNumbers h5,
.section-bigNumbers .title-bigNumbers h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 10px;
font-weight: bold;
position: relative;
font-size: 22px;
font-size: 2.2rem; }
@media screen and (max-width: 560px) {
.section-bigNumbers .title-bigNumbers h1,
.section-bigNumbers .title-bigNumbers h2,
.section-bigNumbers .title-bigNumbers h3,
.section-bigNumbers .title-bigNumbers h4,
.section-bigNumbers .title-bigNumbers h5,
.section-bigNumbers .title-bigNumbers h6 {
font-size: 30px; } }
.section-bigNumbers .number-bg-green {
padding: 60px 0px 30px 0px; }
@media screen and (max-width: 560px) {
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(1) {
margin-top: -20px; }
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(2) {
margin-top: -100px; }
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(3) {
margin-top: 40px; }
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(3) .contentBignumbers figure::before {
background-color: #F7AF01; }
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(4) {
margin-top: -40px; }
.section-bigNumbers .number-bg-green .row .col-6:nth-of-type(4) .contentBignumbers figure::before {
background-color: #F7AF01; } }
.section-bigNumbers .number-bg-green .row {
justify-content: flex-end; }
.section-bigNumbers .number-bg-green .contentBignumbers .title-counter-up {
display: flex; }
.section-bigNumbers .number-bg-green .contentBignumbers .title-counter-up h4:first-of-type {
padding-right: 5px; }
.section-bigNumbers .number-bg-green .contentBignumbers figure {
margin-bottom: 10px; }
.section-bigNumbers .number-bg-green .contentBignumbers figure:before {
content: "";
position: absolute;
left: -10px;
top: 50px;
height: 100px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #007e7a; }
.section-bigNumbers .number-bg-green .contentBignumbers figure img {
width: 70px;
position: relative;
height: 75px; }
.section-bigNumbers .number-bg-green .contentBignumbers h1,
.section-bigNumbers .number-bg-green .contentBignumbers h2,
.section-bigNumbers .number-bg-green .contentBignumbers h3,
.section-bigNumbers .number-bg-green .contentBignumbers h4,
.section-bigNumbers .number-bg-green .contentBignumbers h5,
.section-bigNumbers .number-bg-green .contentBignumbers h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 5px;
font-weight: bold;
position: relative;
font-size: 21px;
font-size: 2.1rem; }
.section-bigNumbers .number-bg-green .contentBignumbers p {
color: #ffffff;
font-size: 11px;
font-size: 1.1rem;
font-family: "Vale Sans";
font-weight: 300;
margin: 0;
position: relative;
line-height: 1.2; }
.section-bigNumbers .number-bg-green .col-number {
max-width: 20%;
margin: 0 0 30px; }
@media screen and (max-width: 993px) {
.section-bigNumbers .number-bg-green .col-number {
max-width: 50%; } }
.section-bigNumbers .number-bg-green .col-number .contentBignumbers {
position: relative;
width: 100%;
background: #C21A5E;
padding: 30px;
min-height: 200px;
clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 100%, 0 100%); }
@media screen and (max-width: 767px) {
.section-bigNumbers .number-bg-green .col-number .contentBignumbers{
padding:18px;
}
}
.section-bigNumbers .number-bg-green .col-number .contentBignumbers h4 {
color: #F7AF01;
font-size: 2.2rem; }
.section-bigNumbers .number-bg-yellow {
padding: 20px 0px 70px 0px; }
@media screen and (max-width: 560px) {
.section-bigNumbers .number-bg-yellow {
padding: 50px 30px 100px; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(1) {
margin-top: -20px; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(1) .contentBignumbers figure::before {
background-color: #007e7a; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(2) {
margin-top: -100px; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(2) .contentBignumbers figure::before {
background-color: #007e7a; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(3) {
margin-top: 40px; }
.section-bigNumbers .number-bg-yellow .row .col-6:nth-of-type(4) {
margin-top: -40px; } }
.section-bigNumbers .number-bg-yellow .position-div {
display: flex;
justify-content: flex-end; }
.section-bigNumbers .number-bg-yellow .contentBignumbers {
position: relative;
width: 130px; }
.section-bigNumbers .number-bg-yellow .contentBignumbers .title-counter-up {
display: flex; }
.section-bigNumbers .number-bg-yellow .contentBignumbers .title-counter-up h4:first-of-type {
padding-right: 5px; }
.section-bigNumbers .number-bg-yellow .contentBignumbers figure {
margin-bottom: 10px; }
.section-bigNumbers .number-bg-yellow .contentBignumbers figure:before {
content: "";
position: absolute;
left: -10px;
top: 50px;
height: 100px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
.section-bigNumbers .number-bg-yellow .contentBignumbers figure img {
width: 70px;
position: relative;
height: 75px; }
.section-bigNumbers .number-bg-yellow .contentBignumbers h1,
.section-bigNumbers .number-bg-yellow .contentBignumbers h2,
.section-bigNumbers .number-bg-yellow .contentBignumbers h3,
.section-bigNumbers .number-bg-yellow .contentBignumbers h4,
.section-bigNumbers .number-bg-yellow .contentBignumbers h5,
.section-bigNumbers .number-bg-yellow .contentBignumbers h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 5px;
font-weight: bold;
position: relative;
font-size: 19px;
font-size: 1.9rem; }
.section-bigNumbers .number-bg-yellow .contentBignumbers p {
color: #ffffff;
font-size: 16px;
font-family: "Vale Sans";
line-height: 20px;
margin: 0;
position: relative; }
.darckTheme .section-bigNumbers {
filter: grayscale(1); }
.darckTheme .section-bigNumbers .title-bigNumbers h1,
.darckTheme .section-bigNumbers .title-bigNumbers h2,
.darckTheme .section-bigNumbers .title-bigNumbers h3,
.darckTheme .section-bigNumbers .title-bigNumbers h4,
.darckTheme .section-bigNumbers .title-bigNumbers h5,
.darckTheme .section-bigNumbers .title-bigNumbers h6 {
color: #000 !important; }
.section-parceiros-home {
padding: 80px 0px;
position: relative;
overflow: hidden; }
@media (max-width:767px){
.section-parceiros-home {
margin: 60px 0px;
}
}
.section-parceiros-home h1,
.section-parceiros-home h2,
.section-parceiros-home h3,
.section-parceiros-home h4,
.section-parceiros-home h5,
.section-parceiros-home h6 {
color: #747876;
font-family: "Vale Sans";
line-height: 32px;
position: relative;
font-size: 20px;
font-size: 2rem;
margin-bottom: 60px; }
@media screen and (max-width: 560px) {
.section-parceiros-home h1,
.section-parceiros-home h2,
.section-parceiros-home h3,
.section-parceiros-home h4,
.section-parceiros-home h5,
.section-parceiros-home h6 {
max-width: 80%; } }
.section-parceiros-home .parceiros-home-slide,
.section-parceiros-home .parceiros-home {
display: flex;
flex-wrap: wrap;
align-items: center; 
justify-content:space-between;}
.section-parceiros-home .parceiros-home-slide .box-img,
.section-parceiros-home .parceiros-home .box-img {
display: flex;
align-items: center;
width: 14%;
margin-bottom: 40px; }
@media (max-width:767px){
.section-parceiros-home .parceiros-home-slide .box-img,
.section-parceiros-home .parceiros-home .box-img {
margin-bottom:0;
}
}
@media screen and (max-width: 968px) {
.section-parceiros-home .parceiros-home-slide .box-img,
.section-parceiros-home .parceiros-home .box-img {
justify-content: center; } }
.section-parceiros-home .parceiros-home-slide .box-img a img,
.section-parceiros-home .parceiros-home .box-img a img {
width: 100%;
max-width: 240px; } .darckTheme .section-parceiros-home {
filter: grayscale(1); }
.darckTheme .section-parceiros-home img {
filter: grayscale(1) brightness(100) !important; }
.darckTheme .section-parceiros-home h1:before,
.darckTheme .section-parceiros-home h2:before,
.darckTheme .section-parceiros-home h3:before,
.darckTheme .section-parceiros-home h4:before,
.darckTheme .section-parceiros-home h5:before,
.darckTheme .section-parceiros-home h6:before {
background: #ffffff; }
.darckTheme .section-parceiros-home:before {
background: #212121; }
.darckTheme .section-parceiros-home:after {
background: #212121; }
.darckTheme .section-parceiros-home .btn-section a {
border: 1px solid #ffffff;
background: #000;
background-position-x: 100px;
background-size: 18px;
box-shadow: none; }
footer {
padding: 30px 0px 10px;
background-color: #e6e6e6;
position: relative; }
@media screen and (max-width: 993px) {
footer {
padding-top: 110px; } }
@media screen and (max-width: 660px) {
footer [role="form"] p {
display: flex;
flex-wrap: wrap; }
footer .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 20px; }
footer .wpcf7-form-control-wrap input[type="email"] {
width: 100%; } }
footer .logo-footer {
background-color: #ffffff;
position: absolute;
top: 0;
min-height: 110px;
padding: 0;
display:flex;
align-items:center; }
footer .logo-footer:before {
width: 0;
height: 0;
border-style: solid;
border-width: 110px 110px 0 0;
border-color: #ffffff transparent transparent transparent;
top: 0px;
left: 100%;
position: absolute;
content: ''; }
footer .logo-footer:after {
content: '';
background: white;
width: 50vw;
display: block;
height: 110px;
position: absolute;
right: 100%;
top: 0; }
footer .menu-footer {
margin-bottom: 30px;
margin-top: 25px;
padding: 0 0 30px 0;
border-bottom: 1px solid black; }
footer .menu-footer .nav {
display: flex;
flex-direction: row;
padding: 0;
justify-content: space-between; }
footer .menu-footer .nav .menu-item {
margin-right: 40px; }
@media screen and (max-width: 560px) {
footer .menu-footer .nav .menu-item {
margin-right: 0px;
width: 50%; } }
footer .menu-footer .nav .menu-item a {
font-family: "Vale Sans";
font-weight: bold;
font-size: 7.5px;
font-size: 0.9rem;
color: #747876; }
footer .menu-footer .nav .menu-item a i {
display: none !important; }
footer .menu-footer .nav .menu-item a:hover {
text-decoration: underline !important; }
footer .menu-footer .nav .menu-item .sub-menu {
list-style: none;
padding: 0; }
@media screen and (max-width: 990px) {
footer .menu-footer .nav .menu-item .sub-menu {
margin-bottom: 20px; } }
footer .menu-footer .nav .menu-item .sub-menu .menu-item {
margin-right: 0px;
margin-bottom: 0px;
max-height: 20px; }
@media screen and (max-width: 560px) {
footer .menu-footer .nav .menu-item .sub-menu .menu-item {
margin-right: 0px;
width: 100%; } }
footer .menu-footer .nav .menu-item .sub-menu li a {
font-family: "Vale Sans";
font-weight: normal;
color: #747876 !important;
line-height: 1.0; }
footer .menu-footer .content-news-footer h1,
footer .menu-footer .content-news-footer h2,
footer .menu-footer .content-news-footer h3,
footer .menu-footer .content-news-footer h4,
footer .menu-footer .content-news-footer h5,
footer .menu-footer .content-news-footer h6 {
font-family: "Vale Sans";
font-weight: bold;
color: #007e7a;
margin-bottom: 10px; }
footer .menu-footer .content-news-footer p {
font-family: "Vale Sans";
color: #747876 !important;
font-size: 10px;
font-size: 1rem; 
}
footer .menu-footer .content-news-footer .screen-reader-response {
display: none !important; }
footer .menu-footer .content-news-footer form {
position: relative; }
footer .menu-footer .content-news-footer form input {
width: 100%;
border: 2px solid #e6e6e6;
border-radius: 4px;
padding: 5px 10px;
color: #747876;
font-family: "Vale Sans";
outline: none;
margin-top: 8px; }
footer .menu-footer .content-news-footer form .wpcf7-submit {
font-family: "Vale Sans";
font-weight: bold;
color: #ffffff;
padding: 5px 40px 5px 10px;
text-decoration: none;
border-radius: 4px;
background: #F7AF01 url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/chevron-right.png) no-repeat center;
background-position-x: 100px;
background-size: 16px;
width: 130px;
min-height: 80px;
border: none; }
footer .menu-footer .content-news-footer form .wpcf7-response-output {
position: absolute;
top: 100px;
left: -70px;
background: #f8f8f8;
border: 1px solid #e0e0e0;
padding: 0px 10px;
font-size: 14px;
font-family: "Vale Sans";
color: #747876;
width: 240px !important; }
footer .menu-footer .content-news-footer form .wpcf7-response-output a {
color: #007e7a;
font-family: "Vale Sans"; }
@media screen and (max-width: 560px) {
footer .menu-footer .content-news-footer form .wpcf7-response-output {
position: relative;
top: 10px;
left: auto; } }
footer .menu-footer .content-news-footer form .link-form {
position: absolute;
bottom: -202px;
left: -30px;
right: auto;
display: none;
color: #007e7a;
font-family: "Vale Sans";
cursor: pointer; }
@media screen and (max-width: 1440px) {
footer .menu-footer .content-news-footer form .link-form {
bottom: -202px;
right: auto;
left: -30px; } }
@media screen and (max-width: 768px) {
footer .menu-footer .content-news-footer form .link-form {
width: 100px;
bottom: -308px;
right: 13px; } }
@media screen and (max-width: 560px) {
footer .menu-footer .content-news-footer form .link-form {
bottom: -10px;
right: auto;
left: 40px; } }
@media screen and (max-width: 425px) {
footer .menu-footer .content-news-footer form .link-form {
bottom: -10px;
right: -10px;
left: auto; } }
@media screen and (max-width: 376px) {
footer .menu-footer .content-news-footer form .link-form {
bottom: -10px;
right: auto;
left: 40px; } }
footer .newsletter-form {
margin-top: 50px;
margin-bottom: 50px; }
footer .newsletter-form a p{
font-weight:bold;
}
footer .content-address-footer .content-address {
max-width: 90%;
margin-bottom: 20px; }
footer .content-address-footer h1,
footer .content-address-footer h2,
footer .content-address-footer h3,
footer .content-address-footer h4,
footer .content-address-footer h5,
footer .content-address-footer h6 {
font-family: "Vale Sans";
font-weight: bold;
color: #007e7a;
margin-bottom: 10px; }
footer .content-address-footer p {
font-family: "Vale Sans";
color: #747876 !important;
font-size: 9px;
font-size: 0.9rem; }
footer .content-address-footer p a {
color: #F7AF01;
font-size: 10px;
font-size: 1rem; }
footer .content-footer {
margin-bottom: 30px; }
footer .content-footer .custom-logo-link {
margin-bottom: 10px; }
footer .content-footer .redes-sociais {
display: flex;
align-items: center;
justify-content: end; }
@media screen and (max-width: 560px) {
footer .content-footer .redes-sociais {
justify-content: start; } }
footer .content-footer .redes-sociais .social-icons {
display: flex;
list-style: none;
align-items: center;
justify-content: flex-end;
padding: 0;
margin: 0; }
@media screen and (max-width: 560px) {
footer .content-footer .redes-sociais .social-icons {
justify-content: start;
padding: 5px 0px 10px; } }
footer .content-footer .redes-sociais .social-icons .content-icon {
position: relative; }
footer .content-footer .redes-sociais .social-icons .content-icon:hover .text-hover {
display: block !important;
position: absolute;
margin-top: -35px;
margin-left: 7px;
color: #747876;
font-size: 8px;
font-size: 0.8rem;
font-family: "Vale Sans";
background: #e6e6e6;
padding: 0px 3px;
border-radius: 5px;
z-index: 1; }
footer .content-footer .redes-sociais .social-icons .content-icon:hover .text-hover:before {
position: absolute;
bottom: -16px;
left: 4px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 30px 10px 0 10px;
border-color: #e6e6e6 transparent transparent;
z-index: -1; }
footer .content-footer .redes-sociais .social-icons .content-icon .text-hover {
display: none; }
footer .content-footer .redes-sociais .social-icons .content-icon p {
background-color: #007e7a;
color: #ffffff;
height: 25px;
width: 25px;
border-radius: 100px;
margin: 0px 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
font-size: 0.9rem; }
footer .content-footer .redes-sociais .social-icons .content-icon p a {
color: #ffffff; }
footer .copyright {
align-items: center; }
@media screen and (max-width: 560px) {
footer .copyright {
margin-top: 15px; } }
footer .copyright p {
color: #ffffff;
font-family: "Vale Sans";
font-size: 8px;
font-size: 0.8rem;
line-height: 17px;
margin: 0; }
footer .copyright .text-copy-footer {
display: flex;
align-items: center; }
@media screen and (max-width: 560px) {
footer .copyright .text-copy-footer {
margin-bottom: 15px; } }
footer .copyright .text-copy-footer .icon-globo {
width: 120px; }
@media screen and (max-width: 560px) {
footer .copyright .text-copy-footer .icon-globo {
margin-right: 15px; } }
footer .copyright .text-copy-footer .icon-globo img {
max-width: 33px; }
.darckTheme footer {
border-top: 2px solid #ffffff; }
.darckTheme footer .social-icons p {
background-color: #ffffff; }
.darckTheme footer .social-icons a,
.darckTheme footer .social-icons i {
color: #000 !important; }
.bottom-footer {
color: white;
background-color: #747678;
padding: 20px 0; }
.wpcf7-form-control{
min-height:40px;
width:100%;
margin-top:5px;
}
.wpcf7{
width:800px;
max-width:100%;
}
.wpcf7-submit{
width:min-content!important;
border:none;
}
.wpcf7-spinner {
margin: 1rem 0 0 auto;
display: block;
} .section-page-top {
position: relative;
margin-top: -135px; }
@media (max-width:991px){
.section-page-top{margin-top: 85px;}
}
.section-page-top .background-top {
min-height: 60vh;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center; }
@media screen and (max-width: 768px) {
.section-page-top .background-top {
min-height: 480px;
background-position-x: center; } }
@media screen and (max-width: 560px) {
.section-page-top .background-top {
min-height: 400px; } }
.section-page-top:before {
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: rgba(0, 129, 123, 0.8) transparent transparent transparent;
top: 130px;
left: 0;
position: absolute;
content: ''; }
@media screen and (max-width: 990px) {
.section-page-top:before {
content: none;
top: 125px; } }
.title-page {
position: relative;
height: 60px; }
.title-page .wpb_page_list {
visibility: hidden;
display: flex;
list-style: none;
z-index: 2;
position: relative;
padding: 15px 40px;
width: 70%;
margin-left: auto;
justify-content: space-between; }
.title-page .wpb_page_list li {
padding: 0 5px; }
.title-page .wpb_page_list li a {
color: white;
font-size: medium; }
.title-page .wpb_page_list li a:hover {
text-decoration: underline !important; }
@media screen and (max-width: 768px) {
.title-page {
height: 40px; } 
.title-page .wpb_page_list{
display:none;
}}
.title-page:before {
content: '';
background: #C21A5E;
right: 0;
width: 70%;
height: 60px;
position: absolute;
display: block;
clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); }
@media screen and (max-width: 768px) {
.title-page:before {
height: 40px; } }
.section-espaco-do-conhecimento .title-page .wpb_page_list {
visibility: visible; }
@media screen and (max-width: 993px) {
.section-espaco-do-conhecimento .title-page .wpb_page_list {
display: none; } }
.breadcrumbs {
position: relative; }
.breadcrumbs span{
max-width:100%;}
.breadcrumbs a.home {
display: none; }
.breadcrumbs a.post.post-page {
color: #F7AF01;
font-size: 11px;
font-size: 1.1rem;
font-family: "Vale Sans";
}
.breadcrumbs span.post.post-page.current-item {
font-size: 20px;
font-size: 2rem;
font-family: "Vale Sans";
color: #007e7a;
line-height: 35px;
font-weight: bold; 
}
.section-page-top-posts .breadcrumbs .current-item{
display:block;
width:1000px;
max-width:100%;
}
.breadcrumbs
.breadcrumbs .img-destaque-page-interna {
position: relative;
width: 100%; }
@media screen and (max-width: 560px) {
.breadcrumbs .img-destaque-page-interna {
position: relative;
max-width: 100%;
margin-top: 30px;
padding: 0; } }
.breadcrumbs .img-destaque-page-interna .thumb-header {
position: relative; }
.breadcrumbs .img-destaque-page-interna .thumb-header img {
position: absolute;
right: -114px;
top: 0;
height: 400px;
object-fit: cover;
width: 100%; }
@media screen and (max-width: 768px) {
.breadcrumbs .img-destaque-page-interna .thumb-header img {
height: 370px; } }
@media screen and (max-width: 560px) {
.breadcrumbs .img-destaque-page-interna .thumb-header img {
position: relative;
width: 100%;
height: 100%;
right: 0; } }
.darckTheme .section-page-top .breadcrumbs::after {
background-color: #ffffff; }
.darckTheme .section-page-top .breadcrumbs span.post.post-page.current-item {
color: #ffffff; }
.section-page-top-posts {
position: relative;
overflow: hidden; }
@media screen and (max-width: 560px) {
.section-page-top-posts {
padding-top: 100px; } }
@media screen and (min-width: 560px) and (max-width: 1024px) {
.section-page-top-posts .content-breadcrumbs {
margin: 0; } }
.section-page-top-posts .breadcrumbs {
margin-top: 15%;
margin-bottom:15%;
padding: 0px 0px 5px 50px;
position: relative; 
display:flex;
flex-wrap:wrap;}
.section-page-top-posts .breadcrumbs:after {
content: "";
position: absolute;
left: 0px;
top: 10px;
height: 90%;
width: 30px;
transform: rotate(134deg) skew(-46deg);
transform-style: flat;
background-color: #F7AF01; }
.section-page-top-posts .breadcrumbs a.home {
display: none; }
.section-page-top-posts .breadcrumbs a.post.post-page {
color: #F7AF01;
font-size: 18px;
font-weight: bold;
font-family: "Vale Sans";
}
.section-page-top-posts .breadcrumbs .noticia-root::before,
.section-page-top-posts .breadcrumbs .midia-root::before,
.section-page-top-posts .breadcrumbs .entrevista-root::before {
content: "\\";
padding-right: 5px; }
.section-page-top-posts .breadcrumbs .novidade-root,
.section-page-top-posts .breadcrumbs .download-root,
.section-page-top-posts .breadcrumbs .podcast-root,
.section-page-top-posts .breadcrumbs .noticia-root,
.section-page-top-posts .breadcrumbs .midia-root,
.section-page-top-posts .breadcrumbs .entrevista-root {
color: #F7AF01;
font-size: 18px;
font-weight: bold;
font-family: "Vale Sans";
margin-left: 8px; }
.section-page-top-posts .breadcrumbs .novidade-root::before,
.section-page-top-posts .breadcrumbs .download-root::before,
.section-page-top-posts .breadcrumbs .podcast-root::before,
.section-page-top-posts .breadcrumbs .noticia-root::before,
.section-page-top-posts .breadcrumbs .midia-root::before,
.section-page-top-posts .breadcrumbs .entrevista-root::before {
content: "\\";
padding-right: 5px; }
.section-page-top-posts .breadcrumbs .current-item {
font-size: 30px;
font-family: "Vale Sans";
color: #007e7a;
line-height: 35px;
font-weight: bold;
top: 10px;
position: relative; }
.section-page-top-posts .img-destaque-page-interna {
position: absolute;
max-width: 73%;
right: 0; }
.section-page-top-posts .img-destaque-page-interna:after {
content: "";
left: 0px;
background: #ffffff;
height: 162px;
width: 346px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px; }
.section-page-top-posts .img-destaque-page-interna:before {
content: "";
right: -50px;
top: 410px;
background: #ffffff;
height: 84px;
width: 320px;
position: absolute;
z-index: 2;
transform: rotate(180deg) skew(-47deg);
transform-style: flat; }
.darckTheme .section-page-top-posts .breadcrumbs:after {
background: #ffffff; }
.darckTheme .section-page-top-posts .breadcrumbs .current-item {
color: #ffffff; }
.section-imagem-texto {
padding: 0; 
margin:80px 0;}
@media screen and (max-width: 767px) {
.section-imagem-texto .overflow-h {
order: 2;
margin:40px 0 0; } 
.section-imagem-texto {
margin:60px 0;}
}
.section-imagem-texto .overflow-h figure {
position: relative; }
.section-imagem-texto .overflow-h figure:before {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #C21A5E transparent transparent transparent;
left: 100%;
right: auto;
top: 0;
position: absolute;
content: '';
z-index: 20; }
@media screen and (max-width: 1024px) {
.section-imagem-texto .overflow-h figure:before {
content: none; } }
.section-imagem-texto .overflow-h figure::after {
right: 0;
background: #ffffff;
height: 120px;
width: 235px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -40px; }
@media screen and (max-width: 1024px) {
.section-imagem-texto .overflow-h figure::after {
right: -85px; } }
@media screen and (max-width: 560px) {
.section-imagem-texto .overflow-h figure::after {
right: -60px;
bottom: -80px; } }
.section-imagem-texto .overflow-h figure img {
width: 100%;
position: relative; }
@media screen and (max-width: 1024px) {
.section-imagem-texto .overflow-h figure img {
position: relative;
object-fit: cover; } }
@media screen and (max-width: 768px) {
.section-imagem-texto .overflow-h figure img {
max-width: 100%;
position: relative;
height: 450px;
object-fit: cover; } }
.section-imagem-texto .overflow-h figure span:after {
position: absolute;
right: 30px;
top: 70px;
height: 140px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-imagem-texto .overflow-h figure span:after {
right: 30px;
top: 50px;
height: 120px;
width: 70px; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto .overflow-h figure span:after {
right: 13px; } }
@media screen and (max-width: 768px) {
.section-imagem-texto .overflow-h figure span:after {
right: -30px; } }
@media screen and (max-width: 560px) {
.section-imagem-texto .overflow-h figure span:after {
right: 13px;
top: 50px;
height: 100px;
width: 70px; } }
.section-imagem-texto .content-text {
padding-left: 40px; }
.section-imagem-texto .content-text h1,
.section-imagem-texto .content-text h2,
.section-imagem-texto .content-text h3,
.section-imagem-texto .content-text h4,
.section-imagem-texto .content-text h5,
.section-imagem-texto .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
line-height: 30px;
margin-bottom: 20px;
min-height: 50px; }
.section-imagem-texto .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-imagem-texto .content-text strong {
color: #007e7a; }
.section-imagem-texto .content-text a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline;
font-size: 10px;
font-size: 1rem; }
@media screen and (max-width: 560px) {
.section-imagem-texto .content-text {
padding-left: 0; } }
.darckTheme .section-imagem-texto figure:before {
background: #000; }
.darckTheme .section-imagem-texto figure:after {
background: #000; }
.darckTheme .section-imagem-texto figure span:after {
background: #212121; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.section-imagem-texto .overflow-h figure:before {
left: -40%; }
.section-imagem-texto .overflow-h figure::after {
right: -30%;
bottom: -30%; }
.section-imagem-texto .overflow-h figure span:after {
right: -6%; }
.section-imagem-texto .overflow-h figure img {
max-width: 100%; }
.section-imagem-texto .content-text {
padding-left: 10px; } }
.section-texto-imagem {
position: relative;
overflow: hidden; 
margin:80px 0;}
@media (max-width:767px){
.section-texto-imagem {
margin:60px 0;
}}
.section-texto-imagem .overflow-h {
overflow: hidden;
padding: 0; }
@media screen and (max-width: 1024px) {
.section-texto-imagem .overflow-h {
margin: 20px auto 0; } }
.section-texto-imagem .overflow-h figure {
position: relative;
padding: 0;
max-height: 440px;
width: 100%;
margin: 0; }
.section-texto-imagem .overflow-h figure img {
width: 100%;
position: relative;
object-fit: cover; }
.section-texto-imagem .overflow-h figure span:after {
content: "";
position: absolute;
right: 60px;
bottom: -30px;
height: 120px;
width: 110px;
z-index: 1;
background-color: #F7AF01; }
@media screen and (max-width: 560px) {
.section-texto-imagem .overflow-h figure span:after {
right: 28px; } }
.section-texto-imagem .overflow-h figure span:before {
content: "";
position: absolute;
right: 30px;
bottom: -60px;
height: 64px;
width: 100px;
z-index: 2;
background-color: #ffffff;
transform: rotate3d(1, 0, 1, 310deg); }
@media screen and (max-width: 560px) {
.section-texto-imagem .overflow-h figure span:before {
right: 0px; } }
.section-texto-imagem .content-text {
padding: 40px 70px 0px 0px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem .content-text {
padding: 20px 50px 0px 0px; } }
@media screen and (max-width: 1024px) {
.section-texto-imagem .content-text {
padding: 20px 0; } }
.section-texto-imagem .content-text h1,
.section-texto-imagem .content-text h2,
.section-texto-imagem .content-text h3,
.section-texto-imagem .content-text h4,
.section-texto-imagem .content-text h5,
.section-texto-imagem .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
min-height: 50px; }
.section-texto-imagem .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.darckTheme .section-texto-imagem figure:after {
background: #000; }
.darckTheme .section-texto-imagem figure:before {
background: #000; }
.darckTheme .section-texto-imagem figure span::after {
background: #212121; }
.darckTheme .section-texto-imagem figure span::before {
background: #000; }
.section-depoimento {
position: relative;
margin: 80px 0 10px;
padding: 0 12px; }
@media(max-width:767px){
.section-depoimento {
margin: 50px 0 10px;
}
}
.section-depoimento .overflow-h {
position: relative; }
.section-depoimento .overflow-h:before {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #ecb11f transparent transparent transparent;
left: 12px;
right: auto;
top: 100%;
position: absolute;
content: '';
z-index: 20; }
@media screen and (max-width: 990px) {
.section-depoimento .overflow-h:before {
content: none; } }
.section-depoimento figure {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
height:100%;
display: flex;
align-items: center; }
@media screen and (max-width: 990px) {
.section-depoimento figure {
display: none; } }
.section-depoimento figure img {
width: 100%;
height:100%;
object-fit: cover;
position: relative;
max-height: 500px; }
.section-depoimento article {
position: relative;
padding: 40px; }
@media screen and (max-width: 1370px) {
.section-depoimento article {
margin-left: 60px; } }
@media screen and (max-width: 990px) {
.section-depoimento article {
padding: 40px 60px;
margin: 0; } }
.section-depoimento article strong {
color: #007e7a;
font-family: "Vale Sans"; }
.section-depoimento article p {
font-family: "Vale Sans";
color: #ffffff;
font-size: 20px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6; }
.darckTheme .section-depoimento {
background: #212121; }
.darckTheme .section-depoimento:before {
background: #212121; }
.darckTheme .section-depoimento:after {
background: #212121; }
.darckTheme .section-depoimento figure:before {
background: #212121; }
.darckTheme .section-depoimento figure:after {
background: #212121; }
.darckTheme .section-depoimento figure span:after {
background: #ffffff; }
.darckTheme .section-depoimento article:before {
background: #ffffff; }
.darckTheme .section-depoimento article:after {
background: #ffffff; }
.darckTheme .section-depoimento article strong {
color: #ffffff; }
.section-missao {
position: relative; }
.section-missao .img-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 60px 0px 0px 0px;
overflow: hidden;
position: relative; }
@media(min-width:991px){
.section-missao .img-bg {
padding: 100px 0px 60px 0px;
}
}
.section-missao .img-bg .content-missao {
position: relative;
display: flex;
justify-content: center; }
@media screen and (max-width: 560px) {
.section-missao .img-bg .content-missao {
display: block; } }
.section-missao .img-bg .content-missao:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 95px 95px;
border-color: transparent transparent rgba(255, 255, 255, 0.4) transparent;
right: 0;
left: auto;
bottom: 0;
position: absolute;
content: '';
z-index: 20; }
@media screen and (max-width: 990px) {
.section-missao .img-bg .content-missao:after {
border-width: 0 0 70px 70px; } }
.section-missao .img-bg .box-icon {
position: relative;
z-index: 1;
padding-right: 30px; }
@media screen and (max-width: 560px) {
.section-missao .img-bg .box-icon {
margin-bottom: 40px; } }
.section-missao .img-bg .box-icon img {
width: 142px; }
@media screen and (max-width: 990px) {
.section-missao .img-bg .box-icon img {
width: 100px; } }
.section-missao .img-bg .content-text {
z-index: 1;
padding: 30px; }
.section-missao .img-bg .content-text h1,
.section-missao .img-bg .content-text h2,
.section-missao .img-bg .content-text h3,
.section-missao .img-bg .content-text h4,
.section-missao .img-bg .content-text h5,
.section-missao .img-bg .content-text h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-missao .img-bg .content-text p {
color: #ffffff;
font-family: "Vale Sans";
margin-bottom: 25px; }
.darckTheme .section-missao:after {
background: #000; }
.darckTheme .section-missao .img-bg {
filter: grayscale(100); }
.darckTheme .section-missao .img-bg .box-icon:after {
background: #000; }
.section-texto-img-box {
padding: 60px 0px; }
.section-texto-img-box .content-textoPrincipal h1,
.section-texto-img-box .content-textoPrincipal h2,
.section-texto-img-box .content-textoPrincipal h3,
.section-texto-img-box .content-textoPrincipal h4,
.section-texto-img-box .content-textoPrincipal h5,
.section-texto-img-box .content-textoPrincipal h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-texto-img-box .content-textoPrincipal p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 0px;
font-weight: 300; }
.section-texto-img-box .img-figure {
position: relative;
display: flex;
justify-content: flex-end;
width: 100%; }
@media screen and (max-width: 990px) {
.section-texto-img-box .img-figure {
margin: 20px auto; } }
@media screen and (max-width: 768px) {
.section-texto-img-box .img-figure {
display: flex;
justify-content: center; } }
@media screen and (max-width: 560px) {
.section-texto-img-box .img-figure {
display: block; } }
.section-texto-img-box .img-figure img {
max-height: 600px;
width: 100%;
object-fit: cover;
z-index: 1; }
@media screen and (max-width: 768px) {
.section-texto-img-box .img-figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-texto-img-box .img-figure img {
height: 500px;
width: 100%; } }
.section-texto-img-box .img-figure span {
background-color: #F7AF01;
position: absolute;
right: -30px;
top: 240px;
height: 130px;
width: 84px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 1; }
@media screen and (max-width: 560px) {
.section-texto-img-box .img-figure span {
right: -10px;
width: 75px; } }
.section-texto-img-box .box-text {
margin-top: 60px;
padding: 50px 60px;
position: relative;
overflow: hidden; }
@media(min-width:992px){
.section-texto-img-box .box-text {
margin-top: 100px;
}
}
.section-texto-img-box .box-text p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 0px; }
.section-texto-img-box .box-text p strong {
color: #F7AF01; }
.darckTheme .section-texto-img-box span:before {
background-color: #ffffff; }
.darckTheme .section-texto-img-box figure:before {
background-color: #000; }
.darckTheme .section-texto-img-box figure:after {
background-color: #000; }
.darckTheme .section-texto-img-box figure span {
background-color: #ffffff; }
.darckTheme .section-texto-img-box .box-text {
background-color: #212121 !important; }
.darckTheme .section-texto-img-box .box-text:before {
background-color: #000; }
.darckTheme .section-texto-img-box .box-text:after {
background-color: #000; }
.darckTheme .section-texto-img-box .box-text strong {
color: #ffffff;
font-weight: bold; }
.section-boxes-hover {
margin: 30px 0 60px; }
@media screen and (max-width: 767px) {
.section-boxes-hover {
min-height: 0px; 
margin: 0px 0 60px; 
} 
}
.section-boxes-hover h1,
.section-boxes-hover h2,
.section-boxes-hover h3,
.section-boxes-hover h4,
.section-boxes-hover h5,
.section-boxes-hover h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
@media screen and (max-width: 560px) {
.section-boxes-hover h1,
.section-boxes-hover h2,
.section-boxes-hover h3,
.section-boxes-hover h4,
.section-boxes-hover h5,
.section-boxes-hover h6 {
margin-bottom: 0px; } }
.section-boxes-hover .row > .content-boxes {
position: relative;
padding: 12px; }
.section-boxes-hover .row .box-hover {
background-color: #F7AF01;
padding: 30px;
position: relative;
z-index: 1; 
height:100%;}
@media screen and (max-width: 1200px) {
.section-boxes-hover .row .box-hover {
padding: 20px 20px 50px 20px; } }
@media screen and (max-width: 1024px) {
.section-boxes-hover .row .box-hover {
padding: 20px 30px 40px; } }
@media screen and (max-width: 560px) {
.section-boxes-hover .row .box-hover {
padding-bottom: 24px; } }
.section-boxes-hover .row .box-hover:before {
width: 0;
height: 0;
border-style: solid;
border-width: 100px 100px 0 0;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
left: 0;
top: 0;
position: absolute;
content: ''; }
@media screen and (max-width: 990px) {
.section-boxes-hover .row .box-hover:before {
border-width: 70px 70px 0 0; } }
.section-boxes-hover .row .box-hover .img-box {
position: relative;
display: flex;
align-items: center;
max-height: 90px;
margin: 40px auto; }
.section-boxes-hover .row .box-hover .img-box img {
height: 100px;
width: 100px;
object-fit: contain;
z-index: 1;
margin: 0 auto; }
@media screen and (max-width: 993px) {
.section-boxes-hover .row .box-hover .img-box img {
height: 80px;
width: 80px; } }
.section-boxes-hover .row .box-hover h1,
.section-boxes-hover .row .box-hover h2,
.section-boxes-hover .row .box-hover h3,
.section-boxes-hover .row .box-hover h4,
.section-boxes-hover .row .box-hover h5,
.section-boxes-hover .row .box-hover h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-boxes-hover .row .box-hover p {
color: #ffffff;
font-family: "Vale Sans";
margin-bottom: 25px; }
@media screen and (max-width: 560px) {
.section-boxes-hover .row .box-hover p {
margin-bottom: 0px; } }
.darckTheme .section-boxes-hover .box-hover {
background: #212121; }
.darckTheme .section-boxes-hover .box-hover:before {
background: #000; }
.darckTheme .section-boxes-hover .box-hover::after {
background: #000; }
.darckTheme .section-boxes-hover .box-hover:hover::after {
background: #212121; }
.darckTheme .section-boxes-hover .box-hover .img-box img {
filter: grayscale(1) brightness(100); }
.section-imagem-texto-bg {
padding: 0px;
margin:80px 0; }
@media (max-width:767px){
.section-imagem-texto-bg {
margin:60px 0; }
}
.section-imagem-texto-bg figure {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 0;
margin: 0;
display: flex;
align-items: center; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-bg figure {
height: 350px;
width: 90%; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-bg figure {
width: 100%;
height: 100%; } }
.section-imagem-texto-bg figure img {
width: 100%;
min-height: 400px;
object-fit: cover;
position: relative;
z-index: 0; }
@media screen and (max-width: 1024px) {
.section-imagem-texto-bg figure img {
width: 100%;
height: 400px; } }
.content-text-bg-green {
padding: 10px 40px; }
.content-text-bg-green h1,
.content-text-bg-green h2,
.content-text-bg-green h3,
.content-text-bg-green h4,
.content-text-bg-green h5,
.content-text-bg-green h6 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.content-text-bg-green h1.content-title,
.content-text-bg-green h2.content-title,
.content-text-bg-green h3.content-title,
.content-text-bg-green h4.content-title,
.content-text-bg-green h5.content-title,
.content-text-bg-green h6.content-title {
font-size: 1.4em; }
.content-text-bg-green p {
color: #ffffff;
font-family: "Vale Sans";
font-size: 1.22em;
font-weight: 300;
margin-bottom: 25px;
line-height: 1.3; }
.content-text-bg-green .content-link a {
min-width: 160px; }
.content-text-bg-green .content-link a svg {
height: 20px; }
.section-nosso-impacto .section-imagem-texto-bg .right-bevel-bottom:after {
border-color: transparent transparent #007e7a transparent; }
.darckTheme .section-imagem-texto-bg {
background: #212121 !important; }
.darckTheme .section-imagem-texto-bg figure:after {
background-color: #212121; }
.darckTheme .section-imagem-texto-bg figure:before {
background-color: #212121; }
.section-topicos-imagem {
margin: 80px 0px; }
@media screen and (max-width: 560px) {
.section-topicos-imagem {
margin: 0px; } }
.section-topicos-imagem h1,
.section-topicos-imagem h2,
.section-topicos-imagem h3,
.section-topicos-imagem h4,
.section-topicos-imagem h5,
.section-topicos-imagem h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
line-height: 28px;
margin-bottom: 50px; }
.section-topicos-imagem .content-text-list {
min-height: 70px;
max-width: 90%;
margin-bottom: 40px;
position: relative;
display: flex;
align-items: center; }
@media screen and (max-width: 1400px) {
.section-topicos-imagem .content-text-list {
max-width: 80%; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem .content-text-list {
max-width: 90%; } }
.section-topicos-imagem .content-text-list:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
top: 10%;
border-width: 0 0 45px 45px;
border-color: transparent transparent #C21A5E;
border-style: solid;
z-index: -1; }
.section-topicos-imagem .content-text-list h1,
.section-topicos-imagem .content-text-list h2,
.section-topicos-imagem .content-text-list h3,
.section-topicos-imagem .content-text-list h4,
.section-topicos-imagem .content-text-list h5,
.section-topicos-imagem .content-text-list h6 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-weight: 500;
line-height: 1.2;
margin: 0px;
padding-left: 60px;
position: relative; }
.section-topicos-imagem .img-figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
clip-path: polygon(20% 0%, 99% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%); }
@media screen and (max-width: 768px) {
.section-topicos-imagem .img-figure {
margin-bottom: 40px; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem .img-figure {
padding: 60px 0px;
margin-bottom: 0px; } }
.section-topicos-imagem .img-figure:before {
left: -20px;
background: #ffffff;
height: 180px;
width: 250px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -110px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-topicos-imagem .img-figure:before {
left: -70px; } }
@media screen and (max-width: 1024px) {
.section-topicos-imagem .img-figure:before {
left: -100px; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem .img-figure:before {
left: -80px; } }
.section-topicos-imagem .img-figure:after {
right: -20px;
background: #ffffff;
height: 180px;
width: 250px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -110px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-topicos-imagem .img-figure:after {
right: -70px; } }
@media screen and (max-width: 1024px) {
.section-topicos-imagem .img-figure:after {
right: -100px; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem .img-figure:after {
right: -80px; } }
.section-topicos-imagem .img-figure img {
width: auto;
height: 100%;
object-fit: cover;
z-index: 1; }
@media screen and (max-width: 768px) {
.section-topicos-imagem .img-figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem .img-figure img {
height: 300px; } }
.section-topicos-imagem span {
position: relative; }
.section-topicos-imagem span:before {
background-color: #F7AF01;
position: absolute;
left: 20px;
top: 400px;
height: 160px;
width: 84px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 2; }
@media screen and (max-width: 1400px) {
.section-topicos-imagem span:before {
left: -24px;
height: 130px;
width: 70px; } }
@media screen and (max-width: 1200px) {
.section-topicos-imagem span:before {
top: 370px;
left: -5px;
height: 130px;
width: 70px; } }
@media screen and (max-width: 1024px) {
.section-topicos-imagem span:before {
left: -30px; } }
@media screen and (max-width: 560px) {
.section-topicos-imagem span:before {
left: -10px;
top: 160px; } }
.darckTheme .section-topicos-imagem .content-text-list h1:after,
.darckTheme .section-topicos-imagem .content-text-list h2:after,
.darckTheme .section-topicos-imagem .content-text-list h3:after,
.darckTheme .section-topicos-imagem .content-text-list h4:after,
.darckTheme .section-topicos-imagem .content-text-list h5:after,
.darckTheme .section-topicos-imagem .content-text-list h6:after {
background-color: #212121; }
.darckTheme .section-topicos-imagem span:before {
background-color: #ffffff; }
.darckTheme .section-topicos-imagem figure:after {
background-color: #000; }
.darckTheme .section-topicos-imagem figure:before {
background-color: #000; }
.section-parceiros-quemSomos {
padding: 0px;
position: relative;
overflow: hidden; }
@media screen and (max-width: 560px) {
.section-parceiros-quemSomos {
padding: 30px 0px 60px; } }
.section-parceiros-quemSomos .title_secao h1,
.section-parceiros-quemSomos .title_secao h2,
.section-parceiros-quemSomos .title_secao h3,
.section-parceiros-quemSomos .title_secao h4,
.section-parceiros-quemSomos .title_secao h5,
.section-parceiros-quemSomos .title_secao h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
min-height: 50px; }
.section-parceiros-quemSomos .title_secao p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-parceiros-quemSomos .subtitulo_secao {
position: relative;
display: flex;
margin-top: 40px; }
@media screen and (max-width: 560px) {
.section-parceiros-quemSomos .subtitulo_secao {
display: none; } }
.section-parceiros-quemSomos .subtitulo_secao:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: 0px;
top: -15px;
height: 80px;
width: 50px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: -1; }
.section-parceiros-quemSomos .subtitulo_secao h1,
.section-parceiros-quemSomos .subtitulo_secao h2,
.section-parceiros-quemSomos .subtitulo_secao h3,
.section-parceiros-quemSomos .subtitulo_secao h4,
.section-parceiros-quemSomos .subtitulo_secao h5,
.section-parceiros-quemSomos .subtitulo_secao h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 60px; }
.section-parceiros-quemSomos .subtitulo_secao img {
width: 44px;
height: 44px;
object-fit: cover;
margin: 0px 20px 0px 5px; }
.section-parceiros-quemSomos .conteudo-parceiros {
padding-bottom: 40px;
position: relative;
display: block; }
@media screen and (max-width: 561px) {
.section-parceiros-quemSomos .conteudo-parceiros {
display: none; } }
.section-parceiros-quemSomos .conteudo-parceiros .box-parceiros {
max-width: 20%;
position: relative;
display: inline-block;
height: auto;
border-bottom: 1px solid #747678;
margin: 0 15px 15px;
box-sizing: border-box;
padding: 15px 0;
float: left; }
.section-parceiros-quemSomos .conteudo-parceiros .box-parceiros .box-img .descricao-parceiros {
position: relative;
padding: 10px 0 25px;
display: block; }
.section-parceiros-quemSomos .conteudo-parceiros .box-parceiros p {
color: #ffffff;
color: #747876;
font-family: "Vale Sans";
font-weight: 300;
font-size: 8px;
font-size: 0.8rem;
margin: 0px;
display: block; }
@media screen and (min-width: 561px) {
.section-parceiros-quemSomos .slide-parceiros-mobile {
display: none; } }
@media screen and (max-width: 560px) {
.section-parceiros-quemSomos .slide-parceiros-mobile {
margin: 50px 0px; }
.section-parceiros-quemSomos .slide-parceiros-mobile .parceiros-slide {
position: relative; } .section-parceiros-quemSomos .slide-parceiros-mobile .box-parceiros .box-img {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; }
.section-parceiros-quemSomos .slide-parceiros-mobile .box-parceiros .box-img p {
margin-top: 20px;
color: #747876;
font-family: "Vale Sans";
font-size: 16px;
padding: 0px 50px; } }
.darckTheme .section-parceiros-quemSomos:after {
background: #212121; }
.darckTheme .section-parceiros-quemSomos:before {
background: #212121; }
.darckTheme .subtitulo_secao:before {
background: #ffffff; }
.darckTheme .conteudo-parceiros .box-parceiros .box-img:hover .descricao-parceiros {
background: #ffffff; }
.darckTheme .conteudo-parceiros .box-parceiros .box-img:hover .descricao-parceiros p {
color: #000 !important; }
.darckTheme .conteudo-parceiros .box-parceiros .box-img:hover .descricao-parceiros:after {
background-color: #000; }
@media (min-width:992px){
.section-imgFullHeight .container .row{
margin-left:0!important;
margin-right:0!important;
}
.section-imgFullHeight {
margin-top:80px;
}
}
.section-imgFullHeight figure {
overflow: hidden;
position: relative;
margin: 0; }
.section-imgFullHeight figure img {
width: 100%;
max-height: 920px;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-imgFullHeight figure img {
width: 85%;
height: 620px; } }
@media screen and (max-width: 1024px) {
.section-imgFullHeight figure img {
width: 90%; } }
@media screen and (max-width: 560px) {
.section-imgFullHeight figure img {
width: 100%;
height: 400px; } }
.section-imgFullHeight figure span:after {
content: "";
position: absolute;
right: 70px;
top: 90px;
height: 145px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1370px) {
.section-imgFullHeight figure span:after {
right: 25px;
top: 50px;
height: 110px;
width: 75px; } }
@media screen and (max-width: 1024px) {
.section-imgFullHeight figure span:after {
right: -10px;
width: 80px; } }
@media screen and (max-width: 560px) {
.section-imgFullHeight figure span:after {
right: -40px; } }
.section-imgFullHeight .content-text {
padding-top: 20px; }
@media screen and (min-width: 560px) and (max-width: 1024px) {
.section-imgFullHeight .content-text {
padding-left: 30px;} }
@media (max-width:767px){
.section-imgFullHeight .content-text {
margin:60px 0; } 
}
.section-imgFullHeight .content-text h1,
.section-imgFullHeight .content-text h2,
.section-imgFullHeight .content-text h3,
.section-imgFullHeight .content-text h4,
.section-imgFullHeight .content-text h5,
.section-imgFullHeight .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.section-imgFullHeight .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 0px; }
.darckTheme .section-imgFullHeight figure:after {
background: #000; }
.darckTheme .section-imgFullHeight figure:before {
background: #000; }
.darckTheme .section-imgFullHeight figure span:after {
background: #ffffff; }
.section-imgFullWidth {
position: relative;
overflow: hidden; }
.section-imgFullWidth .overflow {
overflow: hidden; }
@media (min-width:992px){
.section-imgFullWidth .container .row{
margin-left:0!important;
margin-right:0!important;
}
}
.section-imgFullWidth figure {
position: relative;
width: 100%; }
.section-imgFullWidth figure:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 95px 95px 0;
border-color: transparent #C21A5E transparent;
right: 100%;
top: 0;
position: absolute;
content: '';
z-index: 20; }
.section-imgFullWidth figure img {
width: 100%;
min-height: 633px;
object-fit: cover; }
@media screen and (max-width: 1024px) {
.section-imgFullWidth figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-imgFullWidth figure img {
width: 100%;
height: 275px; } }
.section-imgFullWidth .content-text {
display: flex;
justify-content: center;
flex-direction: column; }
@media(max-width:767px){
.section-imgFullWidth .content-text {
margin:60px 0;
}
}
.section-imgFullWidth .content-text h1,
.section-imgFullWidth .content-text h2,
.section-imgFullWidth .content-text h3,
.section-imgFullWidth .content-text h4,
.section-imgFullWidth .content-text h5,
.section-imgFullWidth .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.section-imgFullWidth .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 0px; }
.section-imgFullWidth .lista .content-item-list p {
position: relative;
color: #007e7a;
font-family: "Vale Sans";
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
margin-top: 30px;
padding: 15px 0 0 60px; }
.section-imgFullWidth .lista .content-item-list p:before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
border-width: 0 0 45px 45px;
border-color: transparent transparent #C21A5E;
border-style: solid;
z-index: -1; }
.section-imgFullWidth .lista .content-item-list p a {
color: #007e7a; }
.darckTheme .section-imgFullWidth .position-img figure span {
background: #ffffff; }
.darckTheme .section-imgFullWidth .position-img figure span:after {
background: #000; }
.darckTheme .section-imgFullWidth .lista .content-item-list {
color: #ffffff; }
.darckTheme .section-imgFullWidth .lista .content-item-list::before {
background-color: #212121; }
.section-tbt-cta-nossa-historia {
position: relative; }
.section-tbt-cta-nossa-historia figure {
margin: -60px auto 0; max-width: 70%; }
.section-tbt-cta-nossa-historia figure img {
width: 100%; }
.section-tbt-cta-nossa-historia .content-text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: left; }
@media screen and (max-width: 560px) {
.section-tbt-cta-nossa-historia .content-text {
margin-top: 20px; } }
.section-tbt-cta-nossa-historia .content-text p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
line-height: 40px;
font-size: 20px;
font-size: 2rem;
max-width: 560px;
margin: 20px 0px 30px; }
.section-tbt-cta-nossa-historia .content-text a {
color: #ffffff; }
.darckTheme .section-tbt-cta-nossa-historia {
background: #212121; }
.darckTheme .section-tbt-cta-nossa-historia::before {
background: #212121; }
.darckTheme .section-tbt-cta-nossa-historia .title-tbt {
background: #ffffff; }
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h1,
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h2,
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h3,
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h4,
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h5,
.darckTheme .section-tbt-cta-nossa-historia .title-tbt h6 {
color: #000 !important; }
.darckTheme .section-tbt-cta-nossa-historia .content-text a {
border: 1px solid #ffffff;
background: #000;
background-position-x: 100px;
background-size: 18px;
box-shadow: none; }
.section-nossaHistoria {
position: relative; }
@media screen and (max-width: 560px) {
.section-nossaHistoria {
margin-top: 0;
overflow: hidden; } }
.section-nossaHistoria .row.slick-slide {
display: flex; }
.section-nossaHistoria .line {
position: relative; }
.section-nossaHistoria .line::before {
content: "";
background-color: #007e7a;
position: absolute;
top: -10px;
left: calc(50% + -10px);
height: 20px;
width: 20px;
transform: rotate(140deg) skew(-40deg);
transform-style: flat;
z-index: 10; }
.section-nossaHistoria .line::after {
content: "";
top: 0;
left: 50%;
height: 100%;
width: 2px;
background: #ececec;
position: absolute;
z-index: 3; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .position-item {
display: flex;
justify-content: flex-end; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo {
margin: 80px 10px 20px 0px;
width: 80%; }
@media screen and (max-width: 560px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo {
width: 100%; } }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:before {
content: "";
left: -40px;
background: #ffffff;
height: 60px;
width: 120px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -20px;
z-index: 2; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
content: "";
left: 430px;
background: #ffffff;
height: 60px;
width: 114px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -20px;
z-index: 1; }
@media screen and (max-width: 1370px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 350px; } }
@media screen and (max-width: 1024px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 290px; } }
@media screen and (max-width: 768px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 185px;
bottom: -40px; } }
@media screen and (max-width: 560px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 300px; } }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 373px !important;
clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%) !important;
padding: 0px 30px 0px 70px; }
@media screen and (max-width: 1400px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 300px !important; } }
@media screen and (max-width: 1024px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 230px !important; } }
@media screen and (max-width: 768px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 133px !important; } }
@media screen and (max-width: 560px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 220px !important; } }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .box-projetosApoiados:before {
content: "";
position: absolute;
left: -23px;
top: calc(50% + -50px);
height: 70px;
width: 50px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
.section-nossaHistoria .titulo-nossaHistoria {
padding: 40px 0px; }
.section-nossaHistoria .titulo-nossaHistoria h1,
.section-nossaHistoria .titulo-nossaHistoria h2,
.section-nossaHistoria .titulo-nossaHistoria h3,
.section-nossaHistoria .titulo-nossaHistoria h4,
.section-nossaHistoria .titulo-nossaHistoria h5,
.section-nossaHistoria .titulo-nossaHistoria h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 32px; }
.section-nossaHistoria .anos-nossaHistoria {
display: flex;
justify-content: space-between;
order: reverse;
margin-bottom: 40px; }
.section-nossaHistoria .anos-nossaHistoria .slick-prev,
.section-nossaHistoria .anos-nossaHistoria .slick-next {
width: 80px;
min-height: 72px;
color: rgba(116, 120, 118, 0.2);
z-index: 50; }
.section-nossaHistoria .anos-nossaHistoria .slick-prev:hover,
.section-nossaHistoria .anos-nossaHistoria .slick-next:hover {
background: rgba(116, 120, 118, 0.3); }
.section-nossaHistoria .anos-nossaHistoria .slick-prev:before,
.section-nossaHistoria .anos-nossaHistoria .slick-next:before {
color: #F7AF01;
font-size: 30px; }
.section-nossaHistoria .anos-nossaHistoria .slick-prev:before {
padding-left: 30px; }
.section-nossaHistoria .anos-nossaHistoria .slick-next:before {
padding-right: 30px; }
.section-nossaHistoria .anos-nossaHistoria .ano {
background: rgba(116, 120, 118, 0.2);
color: #747876;
margin: 0 -20px;
padding: 20px 40px;
justify-content: center;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
position: relative;
display: flex;
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); }
.section-nossaHistoria .anos-nossaHistoria .ano.slick-current {
background: #007e7a;
color: white; }
.section-nossaHistoria .timeline-fundo-vale .position-item {
display: flex;
justify-content: flex-start; }
.section-nossaHistoria .timeline-fundo-vale .ano {
position: absolute;
top: -20px;
left: -22px;
background: #F7AF01;
padding: 0px 70px 0px 30px;
font-size: 20px;
font-size: 2rem;
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
clip-path: polygon(0 0, 100% 0, 100% 0%, 70% 100%, 0 100%, 0% 50%);
width: 160px;
z-index: 5; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosRealizados {
padding: 40px 0; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosRealizados .projetoRealizado {
margin-left: 30px;
padding: 10px 5px;
position: relative; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosRealizados .projetoRealizado:before {
content: "";
background-color: #007e7a;
width: 25px;
height: 3px;
display: inline-flex;
position: absolute;
margin-top: 12px;
left: -40px; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosRealizados .projetoRealizado p {
color: #747876;
font-family: "Vale Sans";
font-size: 11px;
font-size: 1.1rem; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosApoiados {
background: #f5f5f5;
margin-top: 10px;
position: relative;
padding: 20px 40px 40px;
display: flex;
flex-direction: column;
justify-content: center; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosApoiados .projetosApoiados {
display: block;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: start;
overflow: hidden;
padding: 0;
left: 0;
z-index: 10;
max-height: 350px;
overflow-y: auto; }
.section-nossaHistoria .timeline-fundo-vale .box-projetosApoiados .title-exibicao {
padding: 10px;
margin-left: 40px;
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
font-size: 11px;
font-size: 1.1rem; }
.section-nossaHistoria .timeline-fundo-vale .projetoApoiado {
position: relative;
margin-left: 40px;
padding: 10px 5px;
position: relative; }
.section-nossaHistoria .timeline-fundo-vale .projetoApoiado:before {
content: "";
background-color: #F7AF01;
width: 25px;
height: 3px;
display: inline-flex;
position: absolute;
margin-top: 12px;
left: -40px; }
.section-nossaHistoria .timeline-fundo-vale .projetoApoiado p {
color: #747876;
font-family: "Vale Sans";
font-size: 11px;
font-size: 1.1rem; }
.section-nossaHistoria .timeline-fundo-vale .bottomTimelineBg {
position: absolute;
background-color: #007e7a;
height: 100px;
width: 100%;
left: 0;
bottom: 0;
z-index: 3; }
.section-nossaHistoria .timeline-fundo-vale .bottomTimelineBg:before {
content: "";
position: absolute;
left: -90px;
top: -100px;
height: 100px;
width: 240px;
background: #007e7a;
transform: rotate(180deg) skew(40deg);
transform-style: flat; }
@media screen and (max-width: 768px) {
.section-nossaHistoria .timeline-fundo-vale .bottomTimelineBg:before {
top: -70px; } }
@media screen and (max-width: 560px) {
.section-nossaHistoria .timeline-fundo-vale .bottomTimelineBg:before {
top: -60px;
height: 80px;
width: 60%;
z-index: 9; } }
.darckTheme .section-nossaHistoria:before {
background-color: #212121; }
.darckTheme .section-nossaHistoria .titulo-nossaHistoria {
background: #212121; }
.darckTheme .section-nossaHistoria .line:before {
background: #ffffff; }
.darckTheme .section-nossaHistoria .bottomTimelineBg {
background: #212121; }
.darckTheme .section-nossaHistoria .bottomTimelineBg:before {
background: #212121; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo {
background: #212121; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .projetoRealizado::before {
background: #ffffff; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo:before {
background: #000; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo::after {
background: #000; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .box-projetosApoiados::before {
background: #ffffff; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .box-projetosApoiados:hover .projetosApoiados {
background-color: #212121; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .box-projetosApoiados .title-exibicao {
color: #ffffff; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .projetoApoiado:before {
background: #ffffff; }
.darckTheme .section-nossaHistoria .content-timeline .ano-linhaTempo .ano {
background-color: #ffffff;
color: #000; }
.darckTheme .section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:before {
background: #000; }
.darckTheme .section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo::after {
background: #000; }
.darckTheme .section-nossaHistoria .content-timeline:nth-child(2n + 1) .box-projetosApoiados::before {
background: #ffffff; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo {
width: 100% !important; }
.section-nossaHistoria .timeline .ano-linhaTempo {
max-width: 100%; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 240px; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo .ano {
left: 190px !important; } }
@media screen and (max-width: 768px) {
.section-nossaHistoria .timeline .ano-linhaTempo:before {
left: 230px; } }
@media screen and (max-width: 760px) {
.section-nossaHistoria .timeline .ano-linhaTempo {
max-width: 100%; }
.section-nossaHistoria .line::after {
z-index: -1; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo:after {
left: 83%; }
.section-nossaHistoria .timeline .ano-linhaTempo:before {
left: 85%; }
.section-nossaHistoria .content-timeline:nth-child(2n + 1) .ano-linhaTempo {
width: 100% !important; } }
.section-texto-img-equipe {
padding: 50px 0px 50px 0px;
overflow: hidden; }
.section-texto-img-equipe figure {
position: relative;
display: flex;
justify-content: space-around; }
.section-texto-img-equipe figure:before {
content: '';
z-index: 5;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 200px 200px;
border-color: transparent transparent rgba(0, 126, 122, 0.5) transparent;
transform: rotate(0deg); }
.section-texto-img-equipe figure img {
width: 100%;
height: 360px;
object-fit: cover;
position: relative;
filter: grayscale(1); }
@media screen and (max-width: 1370px) {
.section-texto-img-equipe figure img {
height: 360px; } }
@media screen and (max-width: 1024px) {
.section-texto-img-equipe figure img {
width: 95%;
margin-top: 45px; } }
@media screen and (max-width: 768px) {
.section-texto-img-equipe figure img {
width: 100%;
height: 320px; } }
.section-texto-img-equipe .content-text-equipe {
position: relative;
padding: 0 15px; }
.section-texto-img-equipe .content-text-equipe .content-name {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
font-size: 22px;
font-size: 1.75rem;
margin-bottom: 12px; }
.section-texto-img-equipe .content-text-equipe .content-ocupacao {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 14px; }
.section-texto-img-equipe .content-text-equipe .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 24px; }
@media screen and (max-width: 560px) {
.section-texto-img-equipe .content-text-equipe .content-text p {
line-height: 28px; } }
.darckTheme .section-texto-img-equipe figure span {
background: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-name {
color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-name::before {
background-color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-ocupacao {
color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-text {
color: #ffffff; }
.section-texto-img-equipe {
padding: 30px 0px 30px 0px;
overflow: hidden; }
.section-texto-img-equipe figure {
position: relative;
display: flex;
justify-content: space-around; }
.section-texto-img-equipe figure:before {
content: '';
z-index: 5;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 200px 200px;
border-color: transparent transparent rgba(0, 126, 122, 0.5) transparent;
transform: rotate(0deg); }
.section-texto-img-equipe figure img {
width: 100%;
height: 360px;
object-fit: cover;
position: relative;
filter: grayscale(1); }
@media screen and (max-width: 1370px) {
.section-texto-img-equipe figure img {
height: 360px; } }
@media screen and (max-width: 1024px) {
.section-texto-img-equipe figure img {
width: 95%;
margin-top: 45px; } }
@media screen and (max-width: 768px) {
.section-texto-img-equipe figure img {
width: 100%;
height: 320px; } }
.section-texto-img-equipe .content-text-equipe {
position: relative;
padding: 0 15px; }
.section-texto-img-equipe .content-text-equipe .content-ocupacao {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 14px; }
.section-texto-img-equipe .content-text-equipe .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 24px; }
@media screen and (max-width: 560px) {
.section-texto-img-equipe .content-text-equipe .content-text p {
line-height: 28px; } }
.darckTheme .section-texto-img-equipe figure span {
background: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-name {
color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-name::before {
background-color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-ocupacao {
color: #ffffff; }
.darckTheme .section-texto-img-equipe .content-text-equipe .content-text {
color: #ffffff; }
.content-linkedin {
width: 28px;
height:28px;
display: inline-block; }
.content-linkedin a {
margin-left:5px;
transition:all 0.3s ease-in-out;
}
.content-linkedin a img {
position: relative;
margin-top: -3px;
}
.section-imagem-texto-governanca{
margin:80px 0;
}
@media(max-width:767px){
.section-imagem-texto-governanca{
margin:60px 0;
}
}
.section-imagem-texto-governanca .overflow-h {
overflow: hidden; }
.section-imagem-texto-governanca .overflow-h figure {
position: relative; }
.section-imagem-texto-governanca .overflow-h figure img {
width: 100%;
max-height: 390px;
position: relative;
object-fit: cover; }
@media screen and (min-width: 560px) and (max-width: 1024px) {
.section-imagem-texto-governanca .overflow-h figure img {
height: 430px;
width: 100%;
object-fit: cover; } }
.section-imagem-texto-governanca .content-text h1,
.section-imagem-texto-governanca .content-text h2,
.section-imagem-texto-governanca .content-text h3,
.section-imagem-texto-governanca .content-text h4,
.section-imagem-texto-governanca .content-text h5,
.section-imagem-texto-governanca .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
min-height: 50px; }
.section-imagem-texto-governanca .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-imagem-texto-governanca .content-text strong {
color: #007e7a; }
.section-imagem-texto-governanca .content-text a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline !important; }
.darckTheme .section-imagem-texto-governanca figure:before {
background: #000; }
.darckTheme .section-imagem-texto-governanca figure:after {
background: #000; }
.darckTheme .section-imagem-texto-governanca figure span:after {
background: #ffffff; }
.section-boxes-governanca {
padding: 0px;
position: relative; }
.section-boxes-governanca .forma-yellow {
position: absolute;
left: 100px;
top: 25%;
height: 400px;
width: 150px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1024px) {
.section-boxes-governanca .forma-yellow {
display: none; } }
.section-boxes-governanca .forma-green {
position: absolute;
left: 190px;
top: 45%;
height: 250px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #007e7a;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-boxes-governanca .forma-green {
left: 170px;
top: 50%;
height: 230px; } }
@media screen and (max-width: 1024px) {
.section-boxes-governanca .forma-green {
display: none; } }
.section-boxes-governanca .title-section h1,
.section-boxes-governanca .title-section h2,
.section-boxes-governanca .title-section h3,
.section-boxes-governanca .title-section h4,
.section-boxes-governanca .title-section h5,
.section-boxes-governanca .title-section h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.section-boxes-governanca .content-boxes {
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
position: relative; }
.section-boxes-governanca .content-boxes:before {
content: "";
height: 80%;
width: 2px;
background: #e6e6e6;
position: absolute;
top: 0; }
.section-boxes-governanca .content-boxes .content-subtitle {
background: #F7AF01;
padding: 20px 40px;
text-align: center;
clip-path: polygon(10% 0%, 100% 0, 100% 50%, 90% 100%, 0 100%, 0% 50%);
margin-bottom: 60px; }
.section-boxes-governanca .content-boxes .content-subtitle h1,
.section-boxes-governanca .content-boxes .content-subtitle h2,
.section-boxes-governanca .content-boxes .content-subtitle h3,
.section-boxes-governanca .content-boxes .content-subtitle h4,
.section-boxes-governanca .content-boxes .content-subtitle h5,
.section-boxes-governanca .content-boxes .content-subtitle h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold; }
.section-boxes-governanca .content-boxes .col-md-6:nth-of-type(2) .boxes:first-of-type:after {
content: "";
width: 88px;
height: 2px;
position: absolute;
left: -90px;
background: #e6e6e6;
top: 82px; }
@media screen and (max-width: 560px) {
.section-boxes-governanca .content-boxes .col-md-6:nth-of-type(2) .boxes:first-of-type:after {
display: none; } }
.section-boxes-governanca .content-boxes .boxes {
width: 280px;
border: 2px solid #007e7a;
position: relative;
margin: 0px auto;
margin-bottom: 30px;
display: flex;
flex-direction: column; }
@media screen and (max-width: 560px) {
.section-boxes-governanca .content-boxes .boxes {
margin-top: 20px; } }
.section-boxes-governanca .content-boxes .boxes:before {
content: "";
position: absolute;
top: -30px;
left: -34px;
background-color: #ffffff;
height: 40px;
width: 80px;
transform: rotate(315deg); }
.section-boxes-governanca .content-boxes .boxes:after {
content: "";
width: 88px;
height: 2px;
position: absolute;
right: -90px;
background: #e6e6e6;
top: 82px; }
@media screen and (max-width: 560px) {
.section-boxes-governanca .content-boxes .boxes:after {
display: none; } }
.section-boxes-governanca .content-boxes .boxes .title-box {
padding: 10px 5px;
background: #007e7a;
color: #ffffff;
font-family: "Vale Sans";
font-size: 12px;
font-size: 1.2rem;
text-align: center;
margin: -1px; }
.section-boxes-governanca .content-boxes .boxes .descricao-box {
padding: 30px 20px 40px 30px;
background: #ffffff; }
.section-boxes-governanca .content-boxes .boxes .descricao-box p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 0px; }
.section-boxes-governanca .content-boxes .boxes .descricao-box p strong {
color: #007e7a;
font-weight: 200;
font-size: 8px;
font-size: 0.8rem; }
.darckTheme .section-boxes-governanca .forma-green {
background: #ffffff; }
.darckTheme .section-boxes-governanca .forma-yellow {
background: #212121; }
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle {
background: #ffffff; }
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h1,
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h2,
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h3,
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h4,
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h5,
.darckTheme .section-boxes-governanca .content-boxes .content-subtitle h6 {
color: #000 !important; }
.darckTheme .section-boxes-governanca .content-boxes .boxes {
border-color: #ffffff; }
.darckTheme .section-boxes-governanca .content-boxes .boxes::before {
background-color: #000; }
.darckTheme .section-boxes-governanca .content-boxes .boxes .title-box {
background-color: #ffffff;
color: #000; }
.darckTheme .section-boxes-governanca .content-boxes .boxes .descricao-box p strong {
color: #ffffff; }
.darckTheme .section-boxes-governanca figure:before {
background: #000; }
.darckTheme .section-boxes-governanca figure:after {
background: #000; }
.darckTheme .section-boxes-governanca figure span:after {
background: #212121; }
.section-texto-imagem-governanca {
color: white;
font-weight: 300;
text-align: center; }
.section-texto-imagem-governanca .container {
padding: 60px 80px; }
.section-texto-imagem-governanca .container .conselho,
.section-texto-imagem-governanca .container .diretoria {
padding: 30px 15px;
border: 2px solid #F7AF01;
position: relative; }
@media screen and (max-width: 992px) {
.section-texto-imagem-governanca .container .conselho,
.section-texto-imagem-governanca .container .diretoria {
border: 0;
margin-bottom: 5px;
padding: 0; } }
.section-texto-imagem-governanca .container .conselho .cargo,
.section-texto-imagem-governanca .container .diretoria .cargo {
color: #F7AF01; }
.section-texto-imagem-governanca .container .diretoria {
border: 0; }
@media screen and (max-width: 992px) {
.section-texto-imagem-governanca .container .diretoria ul {
padding: 0; } }
.section-texto-imagem-governanca .container .conselho h4:before {
content: '';
background: #007e7a;
width: 100%;
height: 2px;
display: block;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
z-index: 0;
right: -100%; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-governanca .container .conselho h4:before {
width: 88%; } }
@media screen and (max-width: 992px) {
.section-texto-imagem-governanca .container .conselho h4:before {
content: none; } }
.section-texto-imagem-governanca .container .conselho :last-of-type h4:before {
right: 100%; }
.section-texto-imagem-governanca .container ul {
padding: 0px 40px 20px;
text-align: center;
list-style: none; }
@media screen and (max-width: 992px) {
.section-texto-imagem-governanca .container ul {
padding: 0 0 40px; } }
.section-texto-imagem-governanca .container ul li {
padding: 10px;
border-bottom: 1px solid white; }
.section-texto-imagem-governanca h4 {
background-color: #ecb11f;
display: inline;
text-align: center;
padding: 8px 20px;
margin: 0 auto;
position: relative;
top: -45px;
z-index: 1; }
@media screen and (max-width: 992px) {
.section-texto-imagem-governanca h4 {
top: 0; } }
.section-texto-imagem-governanca .overflow-h {
overflow: hidden; }
.section-texto-imagem-governanca .overflow-h figure {
position: relative; }
.section-texto-imagem-governanca .overflow-h figure img {
width: 550px;
height: 480px;
object-fit: cover;
position: relative; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-governanca .overflow-h figure img {
width: 520px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-governanca .overflow-h figure img {
width: 90%; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-governanca .content-text {
padding-right: 0px; } }
.section-texto-imagem-governanca .content-text h1,
.section-texto-imagem-governanca .content-text h2,
.section-texto-imagem-governanca .content-text h3,
.section-texto-imagem-governanca .content-text h4,
.section-texto-imagem-governanca .content-text h5,
.section-texto-imagem-governanca .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: 600;
line-height: 1.4; }
.section-texto-imagem-governanca .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-texto-imagem-governanca .content-text a {
color: #007e7a;
text-decoration: underline !important; }
.darckTheme .section-texto-imagem-governanca figure:before {
background: #000; }
.darckTheme .section-texto-imagem-governanca figure:after {
background: #000; }
.darckTheme .section-texto-imagem-governanca figure span::after {
background: #ffffff; }
.section-tablists-documents {
margin: 80px 0px;
min-height: 280px; }
@media(max-width:767px){
.section-tablists-documents {
margin: 60px 0px;
}
}
@media screen and (max-width: 1024px) {
.section-tablists-documents {
min-height: 350px; } }
.section-tablists-documents .title-section {
margin-bottom: 40px; }
.section-tablists-documents .title-section h1,
.section-tablists-documents .title-section h2,
.section-tablists-documents .title-section h3,
.section-tablists-documents .title-section h4,
.section-tablists-documents .title-section h5,
.section-tablists-documents .title-section h6 {
font-family: "Vale Sans";
font-weight: bold;
color: #007e7a;
line-height: 30px; }
.section-tablists-documents .table .nav-tabs {
border: 0px;
justify-content: space-between;
position: relative; }
@media screen and (max-width: 560px) {
.section-tablists-documents .table .nav-tabs {
flex-direction: column; } }
.section-tablists-documents .table .nav-tabs .tab-item {
background-color: rgba(247, 175, 1, 0.7);
padding: 0;
cursor: pointer;
display: flex;
justify-content: space-between; }
.section-tablists-documents .table .nav-tabs .tab-item.wd-tab {
float: left;
width: 50%; }
@media screen and (max-width: 560px) {
.section-tablists-documents .table .nav-tabs .tab-item.wd-tab {
width: 100%;
margin-bottom: 20px; } }
.section-tablists-documents .table .nav-tabs .tab-item:not(.active) .tab-content {
display: none; }
.section-tablists-documents .table .nav-tabs .tab-item:focus {
font-size: 12px;
font-size: 1.2rem; }
.section-tablists-documents .table .nav-tabs .tab-item:last-of-type .title:after {
border-color: transparent transparent #ffffff transparent; }
.section-tablists-documents .table .nav-tabs .tab-item.active .title:after {
border-color: transparent transparent #f2c862 transparent; }
.section-tablists-documents .table .nav-tabs .tab-item.active .title::before {
content: none; }
.section-tablists-documents .table .nav-tabs .tab-item.active:last-of-type .title:after {
border-color: transparent transparent #ffffff transparent; }
.section-tablists-documents .table .nav-tabs .tab-item.active:last-of-type .title:before {
content: none; }
.section-tablists-documents .table .nav-tabs .tab-item .title {
color: #ffffff;
font-family: "Vale Sans";
font-size: 12px;
font-size: 1.2rem;
border-radius: 0px;
border: 0px;
padding: 10px 60px;
font-weight: 700;
width: 100%;
position: relative; }
.section-tablists-documents .table .nav-tabs .tab-item .title:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 49px 49px;
border-color: transparent transparent #F7AF01 transparent;
right: 0;
left: auto;
bottom: 0;
position: absolute;
content: '';
z-index: 20; }
.section-tablists-documents .table .nav-tabs .tab-item .title:after:last-of-type {
border-color: transparent transparent #ffffff transparent; }
.section-tablists-documents .table .nav-tabs .active {
background-color: rgba(247, 175, 1, 0.7);
font-size: 12px;
font-size: 1.2rem;
font-family: "Vale Sans"; 
pointer-events:none;}
.section-tablists-documents .table .nav-tabs .active .title {
background: #F7AF01; }
.section-tablists-documents .table .nav-tabs .active span {
position: relative; }
.section-tablists-documents .row-tab-content {
position: absolute;
width: 100%;
left: 0;
margin-top: 70px; }
.section-tablists-documents .tab-content {
margin-top: 0px;
position: relative;
left: 0;
width: 50%;
float: left;
padding: 0; }
@media screen and (max-width: 990px) {
.section-tablists-documents .tab-content {
width: 100%; } }
.section-tablists-documents .tab-content .content-doc {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0px;
width: 85%;
float: left;
box-sizing: border-box;
position: relative;
z-index: 2; }
@media screen and (max-width: 560px) {
.section-tablists-documents .tab-content .content-doc {
width: 90%;
margin-left: 10px; } }
.section-tablists-documents .tab-content .content-doc a {
display: flex;
align-items: center; 
pointer-events: all;}
.section-tablists-documents .tab-content .content-doc a .title-doc {
font-family: "Vale Sans";
font-size: 12px;
font-size: 1.2rem;
color: #747876;
position: relative; }
.section-tablists-documents .tab-content .content-doc a .title-doc img {
position: absolute;
left: 0;
width: 30px; }
.section-tablists-documents .tab-content .content-doc a .icon-arrow-doc {
color: #ffffff;
position: absolute;
right: 5px;
display: flex;
align-items: center;
justify-content: center; 
transition: all 0.3s ease-in-out;}
.section-tablists-documents .tab-content .content-doc a:hover .icon-arrow-doc{
box-shadow:0px 3px 7px rgba(116, 118, 120, 0.5);
}
@media screen and (max-width: 560px) {
.section-tablists-documents .tab-content .content-doc a .icon-arrow-doc {
right: -20px; } }
.section-tablists-documents .tab-content .content-doc a.link .icon-arrow-doc {
transform: rotate(-90deg); }
.darckTheme .section-tablists-documents .table .nav-tabs .tab-item {
background-color: #000;
color: #ffffff;
border-bottom: 2px solid #ffffff !important; }
.darckTheme .section-tablists-documents .tab-content .content-doc a::before {
background-color: #ffffff; }
.darckTheme .section-tablists-documents .tab-content .content-doc a i {
color: #000 !important; }
.darckTheme .section-tablists-documents .tab-content .content-doc .title-doc {
color: #ffffff; }
.darckTheme .section-tablists-documents .tab-content .content-doc .title-doc img {
filter: grayscale(1) brightness(100); }
@media screen and (max-width: 768px) {
.section-tablists-documents .table .nav-tabs {
display: block; }
.section-tablists-documents .table .nav-tabs .wd-tab {
float: none;
width: 100%;
margin-bottom: 10px; }
.section-tablists-documents .row-tab-content {
margin-top: 80px; }
.section-tablists-documents .tab-content .content-doc {
width: 95%;
margin-left: 0; }
.section-tablists-documents .tab-content {
width: 100%; }
.section-tablists-documents {
min-height: 400px; } }
.section-texto-doc-imagem {
padding: 0;
position: relative; }
.section-texto-doc-imagem .right-bevel-bottom:after {
border-color: transparent transparent #F7AF01 transparent; }
.section-texto-doc-imagem .content-section {
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px 80px;
padding-left: 120px; }
@media screen and (max-width: 660px) {
.section-texto-doc-imagem .content-section {
padding: 60px; } }
.section-texto-doc-imagem .content-section h1,
.section-texto-doc-imagem .content-section h2,
.section-texto-doc-imagem .content-section h3,
.section-texto-doc-imagem .content-section h4,
.section-texto-doc-imagem .content-section h5,
.section-texto-doc-imagem .content-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-texto-doc-imagem .content-section p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
font-size: 11px;
font-size: 1.1rem;
margin-bottom: 30px; }
.section-texto-doc-imagem .content-section .select-content {
display: flex; }
@media screen and (max-width: 660px) {
.section-texto-doc-imagem .content-section .select-content {
flex-direction: column;
justify-content: center;
align-items: center; } }
.section-texto-doc-imagem .content-section .select-content select {
padding: 5px 10px;
border: 1px solid #e6e6e6;
border-radius: 4px;
color: #747876;
transition: 400ms;
min-height: 40px;
cursor: pointer;
outline: none;
width: 60%;
margin-right: 25px; }
@media screen and (max-width: 660px) {
.section-texto-doc-imagem .content-section .select-content select {
width: 100%;
margin: 0 auto 15px; } }
.section-texto-doc-imagem .content-section .select-content select:hover {
border-color: #007e7a;
transition: 400ms; }
.section-texto-doc-imagem .content-section .select-content select:focus {
border-color: #007e7a;
transition: 400ms; }
.section-texto-doc-imagem .content-section .select-content select option:hover {
background: #e6e6e6; } .section-texto-doc-imagem .content-section .content-doc-list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0px;
border-bottom: 1px solid #e6e6e6;
width: 100%; }
@media screen and (max-width: 560px) {
.section-texto-doc-imagem .content-section .content-doc-list {
width: 95%; } }
.section-texto-doc-imagem .content-section .content-doc-list .title-doc {
font-family: "Vale Sans";
font-size: 12px;
font-size: 1.2rem;
color: #ffffff;
padding-left: 50px;
position: relative; }
.section-texto-doc-imagem .content-section .content-doc-list .title-doc img {
position: absolute;
left: 0;
width: 30px;
filter: grayscale(1); }
.section-texto-doc-imagem .content-section .content-doc-list a {
color: #ffffff;
position: relative;
display: flex;
align-items: center;
justify-content: center; }
.section-texto-doc-imagem .content-section .content-doc-list a:before {
content: "";
position: absolute;
height: 30px;
width: 30px;
border-radius: 100px;
background-color: #C21A5E; }
.section-texto-doc-imagem .content-section .content-doc-list a svg {
z-index: 2; }
@media screen and (max-width: 998px) {
.section-texto-doc-imagem .image-section {
display: none; } }
.section-texto-doc-imagem figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
margin: 0;
max-height: 465px; }
@media screen and (max-width: 560px) {
.section-texto-doc-imagem figure {
margin-top: 40px; } }
.section-texto-doc-imagem figure img {
width: 100%;
object-fit: cover;
z-index: 1; }
.darckTheme .section-texto-doc-imagem {
background: #212121; }
.darckTheme .section-texto-doc-imagem:before {
background: #212121; }
.darckTheme .section-texto-doc-imagem:after {
background: #000; }
.darckTheme .section-texto-doc-imagem .content-doc-list a:before {
background-color: #ffffff; }
.darckTheme .section-texto-doc-imagem .content-doc-list a i {
color: #000 !important; }
.darckTheme .section-texto-doc-imagem span:before {
background-color: #ffffff; }
.darckTheme .section-texto-doc-imagem figure:after {
background-color: #212121; }
.darckTheme .section-texto-doc-imagem figure:before {
background-color: #212121; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.section-texto-doc-imagem .content-section .select-content {
box-sizing: border-box;
display: block; }
.section-texto-doc-imagem .content-section .select-content a {
padding: 8px; }
.section-texto-doc-imagem .content-section .select-content select {
width: 100%;
margin-bottom: 20px; } }
.section-imagem-texto-sustentabilidade {
margin: 80px 0px; }
@media(max-width:767px){
.section-imagem-texto-sustentabilidade {
margin: 60px 0px; }
}
.section-imagem-texto-sustentabilidade .overflow-h {
overflow: hidden; }
.section-imagem-texto-sustentabilidade .overflow-h figure {
position: relative; }
@media screen and (max-width: 560px) {
.section-imagem-texto-sustentabilidade .overflow-h figure {
margin-bottom: 0; } }
.section-imagem-texto-sustentabilidade .overflow-h figure img {
max-width: 100%;
position: relative;
object-fit: cover; }
@media screen and (max-width: 1024px) {
.section-imagem-texto-sustentabilidade .overflow-h figure img {
height: 378px; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-sustentabilidade .content-text {
padding-left: 0px; } }
@media screen and (max-width: 767px) {
.section-imagem-texto-sustentabilidade .content-text {
padding-bottom: 60px; } }
.section-imagem-texto-sustentabilidade .content-text h1,
.section-imagem-texto-sustentabilidade .content-text h2,
.section-imagem-texto-sustentabilidade .content-text h3,
.section-imagem-texto-sustentabilidade .content-text h4,
.section-imagem-texto-sustentabilidade .content-text h5,
.section-imagem-texto-sustentabilidade .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
min-height: 50px; }
.section-imagem-texto-sustentabilidade .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 25px; }
.section-imagem-texto-sustentabilidade .content-text a {
color: #007e7a;
text-decoration: underline !important; }
.darckTheme .section-imagem-texto-sustentabilidade figure:before {
background: #000; }
.darckTheme .section-imagem-texto-sustentabilidade figure:after {
background: #000; }
.darckTheme .section-imagem-texto-sustentabilidade figure span::after {
background: #ffffff; }
.section-texto-Depoimento-imgFullHeight {
margin:80px 0; }
@media (max-width:767px){
.section-texto-Depoimento-imgFullHeight{
margin:60px 0; 
}
}
.section-texto-Depoimento-imgFullHeight .content-text {
padding-top: 20px; }
@media (max-width:767px){
.section-texto-Depoimento-imgFullHeight .content-text{
padding-bottom:60px;
}
}
.section-texto-Depoimento-imgFullHeight .content-text h1,
.section-texto-Depoimento-imgFullHeight .content-text h2,
.section-texto-Depoimento-imgFullHeight .content-text h3,
.section-texto-Depoimento-imgFullHeight .content-text h4,
.section-texto-Depoimento-imgFullHeight .content-text h5,
.section-texto-Depoimento-imgFullHeight .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 26px;
margin-bottom: 20px; }
.section-texto-Depoimento-imgFullHeight .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 0px; }
.section-texto-Depoimento-imgFullHeight article {
position: relative;
padding: 20px 0px 0px 50px; 
margin-top:30px;}
.section-texto-Depoimento-imgFullHeight article:before {
content: "";
position: absolute;
top: -5px;
left: 11px;
height: 30px;
width: 3px;
background: #F7AF01;
transform: rotate(320deg);
border-radius: 5px; }
.section-texto-Depoimento-imgFullHeight article:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
height: 95%;
width: 3px;
background: #F7AF01;
border-radius: 10px; }
.section-texto-Depoimento-imgFullHeight figure {
overflow: hidden;
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeight figure {
margin-top: 40px;
display: flex;
justify-content: center; } }
.section-texto-Depoimento-imgFullHeight figure img {
width: 100%;
height: 580px;
object-fit: cover; }
@media screen and (max-width: 1400px) {
.section-texto-Depoimento-imgFullHeight figure img {
width: 80%;
height: 520px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeight figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeight figure img {
width: 100%;
height: 480px; } }
.darckTheme .section-texto-Depoimento-imgFullHeight article:before {
background: #ffffff; }
.darckTheme .section-texto-Depoimento-imgFullHeight article::after {
background: #ffffff; }
.darckTheme .section-texto-Depoimento-imgFullHeight figure::after {
background: #000; }
.darckTheme .section-texto-Depoimento-imgFullHeight figure span::after {
background: #ffffff; }
.section-texto-Depoimento-imgFullHeightBg {
padding: 100px 0px;
margin:160px 0 80px;
background-color: #007e7a;
position: relative; }
@media (max-width:767px){
.section-texto-Depoimento-imgFullHeightBg {
margin:140px 0 60px;
}
}
.section-texto-Depoimento-imgFullHeightBg:before {
content: "";
right: 0;
top: -80px;
background: #007e7a;
height: 84px;
width: 400px;
position: absolute;
z-index: 2;
clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%); }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg:before {
width: 60%; } }
.section-texto-Depoimento-imgFullHeightBg:after {
content: "";
right: 0;
bottom: -2px;
background: #ffffff;
height: 150px;
width: 200px;
position: absolute;
z-index: 2;
clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%); }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg:after {
bottom: -5px; } }
.section-texto-Depoimento-imgFullHeightBg .first-content .title-section {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
margin-bottom: 20px; }
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text {
max-width: 500px; }
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h1,
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h2,
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h3,
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h4,
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h5,
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 0px; }
.section-texto-Depoimento-imgFullHeightBg .first-content .content-text p {
color: #ffffff;
font-family: "Vale Sans";
margin-bottom: 0px; }
.section-texto-Depoimento-imgFullHeightBg .first-content figure {
overflow: hidden;
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure {
margin-top: 40px; } }
.section-texto-Depoimento-imgFullHeightBg .first-content figure:before {
content: "";
left: -50px;
background: #007e7a;
height: 130px;
width: 140px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -70px;
z-index: 2; }
.section-texto-Depoimento-imgFullHeightBg .first-content figure:after {
content: "";
right: 50px;
background: #007e7a;
height: 120px;
width: 180px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
bottom: -60px; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure:after {
right: 40px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure:after {
right: -100px; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure:after {
right: -50px; } }
.section-texto-Depoimento-imgFullHeightBg .first-content figure img {
width: 520px;
height: 580px;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure img {
width: 85% !important;
height: 340px !important; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure img {
width: 95% !important; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure img {
width: 100% !important;
height: 450px !important; } }
.section-texto-Depoimento-imgFullHeightBg .first-content figure span:after {
content: "";
position: absolute;
right: 70px;
top: 50px;
height: 100px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure span:after {
right: 45px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure span:after {
right: -25px; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .first-content figure span:after {
right: -10px;
top: 110px; } }
.section-texto-Depoimento-imgFullHeightBg .first-content figure img {
width: 640px;
height: 340px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content {
padding-top: 60px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text {
padding-top: 20px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h1,
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h2,
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h3,
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h4,
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h5,
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 0px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content .content-text p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
margin-bottom: 0px;
font-size: 9px;
font-size: 0.9rem; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content .depoimento p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 25px;
font-weight: bold;
font-size: 10px;
font-size: 1rem;
margin-bottom: 20px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content .depoimento strong {
color: #F7AF01;
margin-top: 20px;
font-size: 10px;
font-size: 1rem; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content article {
position: relative;
margin-top: 30px;
padding: 20px 0px 0px 50px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content article:before {
content: "";
position: absolute;
top: -5px;
left: 11px;
height: 30px;
width: 3px;
background: #F7AF01;
transform: rotate(320deg);
border-radius: 5px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content article:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
height: 95%;
width: 3px;
background: #F7AF01;
border-radius: 10px; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure {
overflow: hidden;
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure {
margin-top: 40px;
display: flex;
justify-content: center; } }
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure:before {
content: "";
left: -50px;
background: #007e7a;
height: 130px;
width: 130px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -85px;
z-index: 2; }
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure:after {
content: "";
right: 0;
background: #007e7a;
height: 120px;
width: 275px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
bottom: -35px; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure:after {
right: -40px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure:after {
right: -90px; } }
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure img {
width: 80%;
height: 650px;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure img {
width: 85%;
height: 630px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure img {
width: 80%;
height: 475px; } }
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure span:after {
content: "";
position: absolute;
right: 70px;
top: 100px;
height: 170px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1370px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure span:after {
right: 20px;
top: 100px;
height: 160px;
width: 85px; } }
@media screen and (max-width: 1024px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure span:after {
right: -40px; } }
@media screen and (max-width: 560px) {
.section-texto-Depoimento-imgFullHeightBg .secondary-content figure span:after {
right: 10px;
top: 100px;
height: 155px; } }
.darckTheme .section-texto-Depoimento-imgFullHeightBg {
background: #212121; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg::before {
background: #212121; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg::after {
background: #212121; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg .title-section {
color: #ffffff; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg article:before {
background: #ffffff; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg article::after {
background: #ffffff; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg article strong {
color: #ffffff !important; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg figure::before {
background: #212121; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg figure::after {
background: #212121; }
.darckTheme .section-texto-Depoimento-imgFullHeightBg figure span::after {
background: #ffffff; }
.section-naMidia-sustentabilidade {
margin: 80px auto 100px;
position: relative; }
@media (max-width:767px){
.section-naMidia-sustentabilidade {
margin: 60px auto 80px;
}
}
.section-naMidia-sustentabilidade .bg-section {
position: absolute;
left: 0;
top: 0;
height: 302px;
width: 100%; }
.section-naMidia-sustentabilidade .title-section {
display: flex;
align-items: center;
justify-content: space-between; }
.section-naMidia-sustentabilidade .title-section h1,
.section-naMidia-sustentabilidade .title-section h2,
.section-naMidia-sustentabilidade .title-section h3,
.section-naMidia-sustentabilidade .title-section h4,
.section-naMidia-sustentabilidade .title-section h5,
.section-naMidia-sustentabilidade .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 40px 0;
font-weight: bold;
position: relative; }
.section-naMidia-sustentabilidade .title-section a {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
text-decoration: underline !important;
margin: 0px 150px 0px 0px; }
@media screen and (max-width: 993px) {
.section-naMidia-sustentabilidade .slick-track {
padding: 0; } }
@media screen and (max-width: 800px) {
.section-naMidia-sustentabilidade .slick-track {
padding: 0; } }
@media screen and (max-width: 560px) {
.section-naMidia-sustentabilidade .slick-track {
padding: 0; } }
.section-naMidia-sustentabilidade .box-noticia:hover h4 {
text-decoration: underline; }
.section-naMidia-sustentabilidade .box-noticia .box-bg {
height: 230px;
overflow: hidden;
position: relative;
padding: 1px; }
.section-naMidia-sustentabilidade .box-noticia .box-bg a h3 {
position: absolute;
bottom: -1px;
left: -1px;
font-size: 10px;
font-size: 1rem;
color: #F7AF01;
background-color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
padding: 12px 45px 12px 15px;
transition: 400ms;
clip-path: polygon(0 0, calc(100% - 45px) 0, 100% 100%, 0% 100%); }
.section-naMidia-sustentabilidade .box-noticia .box-bg a h3:hover {
text-decoration: underline;
transition: 400ms; }
.section-naMidia-sustentabilidade .box-noticia .content-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
margin-bottom: 15px;
position: relative;
transition: 400ms; }
.section-naMidia-sustentabilidade .box-noticia .content-img:hover {
transform: scale(1.1);
transition: 400ms; }
.section-naMidia-sustentabilidade .box-noticia .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.section-naMidia-sustentabilidade .box-noticia .content-text {
padding: 0px 10px;
margin-top: 20px; }
.section-naMidia-sustentabilidade .box-noticia .content-text h4 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-size: 11px;
font-size: 1.1rem;
margin-bottom: 15px; }
.darckTheme .section-naMidia-sustentabilidade:after {
background: #212121; }
.darckTheme .section-naMidia-sustentabilidade .bg-yellow {
background: #212121; }
.darckTheme .section-naMidia-sustentabilidade .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-naMidia-sustentabilidade .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-naMidia-sustentabilidade .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-naMidia-sustentabilidade .content-text .link-post:before {
background: #212121; }
.section-relatorios-select {
margin-bottom: 80px; }
.section-relatorios-select .container {
padding: 60px 80px;
padding-left: 120px; }
@media screen and (max-width: 660px) {
.section-relatorios-select .container {
padding: 60px; } }
.section-relatorios-select .title-section h1,
.section-relatorios-select .title-section h2,
.section-relatorios-select .title-section h3,
.section-relatorios-select .title-section h4,
.section-relatorios-select .title-section h5,
.section-relatorios-select .title-section h6 {
font-family: "Vale Sans";
font-weight: bold;
color: #ffffff;
line-height: 1.3; }
.section-relatorios-select .select-content {
display: flex;
padding: 40px 0 20px; }
@media screen and (max-width: 660px) {
.section-relatorios-select .select-content {
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px 0; } }
.section-relatorios-select .select-content select {
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #e6e6e6;
color: #747876;
transition: 400ms;
min-height: 40px;
cursor: pointer;
outline: none;
width: 250px;
margin-right: 25px; }
@media screen and (max-width: 660px) {
.section-relatorios-select .select-content select {
width: 100%; 
margin:0 0 15px 0;} }
.section-relatorios-select .select-content select:hover {
border-color: #007e7a;
transition: 400ms; }
.section-relatorios-select .select-content select:focus {
border-color: #007e7a;
transition: 400ms; }
.section-relatorios-select .select-content select option:hover {
background: #e6e6e6; } .section-texto-imagem-bg {
padding: 60px 0px;
margin:160px 0 80px;
position: relative; }
@media(max-width:767px){
.section-texto-imagem-bg {
margin:140px 0 60px;
}
}
@media screen and (max-width: 1370px) {
.section-texto-imagem-bg {
padding: 50px 0px 50px 0px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-bg {
padding: 60px 0px; } }
.section-texto-imagem-bg:before {
content: "";
right: 0px;
top: -90px;
background: #007e7a;
height: 100px;
width: 360px;
position: absolute;
z-index: 2;
clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0 100%, 0 100%); }
@media screen and (max-width: 560px) {
.section-texto-imagem-bg:before {
top: -70px;
width: 70%; } }
.section-texto-imagem-bg .content-video {
position: relative; }
.section-texto-imagem-bg .content-video figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center; }
@media screen and (max-width: 560px) {
.section-texto-imagem-bg .content-video figure {
margin-top: 40px; } }
.section-texto-imagem-bg .content-video figure:before {
content: "";
left: -100px;
background: #007e7a;
height: 210px;
width: 235px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -110px;
z-index: 2; }
.section-texto-imagem-bg .content-video figure::after {
content: "";
right: 0;
background: #007e7a;
height: 160px;
width: 270px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -100px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-bg .content-video figure::after {
right: -60px; } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-bg .content-video figure::after {
right: -80px; } }
.section-texto-imagem-bg .content-video figure span {
content: "";
position: absolute;
left: 40px;
height: 130px;
width: 70px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01;
z-index: 2;
bottom: 100px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-bg .content-video figure span {
left: -10px;
height: 134px;
width: 70px; } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-bg .content-video figure span {
left: -20px;
width: 80px; } }
.section-texto-imagem-bg .content-video figure img {
width: 500px;
height: 320px;
object-fit: cover;
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-imagem-bg .content-video figure img {
width: 100%;
height: 430px; } }
.section-texto-imagem-bg .content-video .play-video {
position: absolute;
top: 40%;
z-index: 3;
left: calc(50% + -30px); }
.section-texto-imagem-bg .content-video .play-video button {
background: #000000c7;
padding: 20px 25px;
border-radius: 100px; }
.section-texto-imagem-bg .content-video .play-video button i {
color: #ffffff; }
.section-texto-imagem-bg .content-video .modal .modal-dialog {
max-width: 80% !important;
margin-top: 60px; }
@media screen and (max-width: 768px) {
.section-texto-imagem-bg .content-video .modal .modal-dialog {
max-width: 95% !important; } }
.section-texto-imagem-bg .content-video .modal .modal-dialog .bt-close-bg {
position: relative; }
.section-texto-imagem-bg .content-video .modal .modal-dialog .bt-close-bg:before {
content: "";
background: #007e7a;
height: 60px;
width: 60px;
top: 10px;
right: -20px;
position: absolute;
z-index: 2;
transform: rotate(150deg) skew(-30deg);
transform-style: flat; }
.section-texto-imagem-bg .content-video .modal .modal-dialog .bt-close-bg .btn-close {
right: 0;
position: absolute;
top: 30px;
z-index: 9999; }
.section-texto-imagem-bg .content-video .modal .modal-dialog .modal-body img {
width: 100%;
height: 80vh;
object-fit: cover; }
.content-text-bg {
padding-right: 60px; }
@media screen and (max-width: 1370px) {
.content-text-bg {
padding-right: 40px; } }
@media screen and (max-width: 560px) {
.content-text-bg {
padding-right: 0px; } }
.content-text-bg h1,
.content-text-bg h2,
.content-text-bg h3,
.content-text-bg h4,
.content-text-bg h5,
.content-text-bg h6 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.content-text-bg p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 20px;
line-height: 28px; }
@media screen and (max-width: 1370px) {
.content-text-bg p {
font-size: 10px;
font-size: 1rem; } }
.content-text-bg a {
color: #ffffff;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
font-weight: bold;
padding: 10px 20px 10px;
background: #F7AF01;
box-shadow: 0px 3px 6px #edb11154;
border: 1px solid #F7AF01;
border-radius: 2px;
transition: 400ms; }
.content-text-bg a:hover {
background-color: #e3b84d;
transition: 400ms;
color: #ffffff; }
.content-text-bg a img {
width: 18px;
height: 18px;
margin-left: 7px;
margin-top: -2px; }
.darckTheme .section-texto-imagem-bg {
background: #212121 !important; }
.darckTheme .section-texto-imagem-bg:before {
background-color: #212121; }
.darckTheme .section-texto-imagem-bg figure:after {
background-color: #212121; }
.darckTheme .section-texto-imagem-bg figure:before {
background-color: #212121; }
.darckTheme .section-texto-imagem-bg figure span {
background-color: #ffffff; }
.darckTheme .section-texto-imagem-bg .content-text-bg a {
border: 1px solid #ffffff;
background: #000;
box-shadow: none; }
.section-texto-imagem-teoria-mudanca {
padding: 80px 0px; }
.section-texto-imagem-teoria-mudanca .overflow-h {
overflow: hidden; }
.section-texto-imagem-teoria-mudanca .overflow-h figure {
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure {
margin-top: 40px; } }
.section-texto-imagem-teoria-mudanca .overflow-h figure:before {
content: "";
left: -60px;
background: #ffffff;
height: 130px;
width: 270px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
z-index: 2; }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure:before {
left: -120px; } }
.section-texto-imagem-teoria-mudanca .overflow-h figure::after {
content: "";
right: 0;
background: #ffffff;
height: 120px;
width: 235px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -40px; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure::after {
right: -50px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure::after {
right: -30px;
bottom: -65px; } }
.section-texto-imagem-teoria-mudanca .overflow-h figure img {
max-width: 90%;
position: relative;
object-fit: cover; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure img {
height: 450px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure img {
height: 350px; } }
.section-texto-imagem-teoria-mudanca .overflow-h figure span:after {
content: "";
position: absolute;
right: 20px;
top: 70px;
height: 189px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure span:after {
right: 20px;
top: 70px;
height: 132px;
width: 74px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .overflow-h figure span:after {
right: 10px;
top: 70px;
height: 80px;
width: 70px; } }
.section-texto-imagem-teoria-mudanca .content-text {
padding-right: 40px; }
@media screen and (max-width: 560px) {
.section-texto-imagem-teoria-mudanca .content-text {
padding-right: 0px; } }
.section-texto-imagem-teoria-mudanca .content-text h1,
.section-texto-imagem-teoria-mudanca .content-text h2,
.section-texto-imagem-teoria-mudanca .content-text h3,
.section-texto-imagem-teoria-mudanca .content-text h4,
.section-texto-imagem-teoria-mudanca .content-text h5,
.section-texto-imagem-teoria-mudanca .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px; }
.section-texto-imagem-teoria-mudanca .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 20px; }
.section-texto-imagem-teoria-mudanca .content-text a {
color: #007e7a;
text-decoration: underline !important; }
.darckTheme .section-texto-imagem-teoria-mudanca figure:before {
background: #000; }
.darckTheme .section-texto-imagem-teoria-mudanca figure:after {
background: #000; }
.darckTheme .section-texto-imagem-teoria-mudanca figure span::after {
background: #ffffff; }
.section-topicos-bg-titulo {
padding: 0px; }
.section-topicos-bg-titulo .controler-container {
padding-right: 100px; }
@media screen and (max-width: 768px) {
.section-topicos-bg-titulo .controler-container {
padding-right: 0px;
overflow: hidden; } }
.section-topicos-bg-titulo .controler-container .bg-image {
clip-path: polygon(15% 0, 100% 0, 100% 0%, 100% 88%, 80% 88%, 65% 100%, 0 100%, 0% 100%, 0 40%, 15% 25%);
padding: 80px 0px 100px 170px;
position: relative;
background-size: cover;
background-repeat: no-repeat; }
@media screen and (max-width: 1024px) {
.section-topicos-bg-titulo .controler-container .bg-image {
padding: 80px 0px 100px 40px;
clip-path: polygon(0% 0, 100% 0, 100% 0%, 100% 0%, 100% 100%, 0% 100%, 0 100%, 0% 100%, 0 0%, 15% 25%); } }
@media screen and (max-width: 768px) {
.section-topicos-bg-titulo .controler-container .bg-image {
padding: 80px 0px 100px 30px;
margin-bottom: 50px; } }
@media screen and (max-width: 560px) {
.section-topicos-bg-titulo .controler-container .bg-image {
clip-path: polygon(20% 0, 100% 0, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 0%, 0% 10%);
padding: 100px 0px 60px 50px; } }
.section-topicos-bg-titulo .controler-container .bg-image:before {
content: "";
position: absolute;
background: linear-gradient(180deg, #0000008c 0%, #07070794 80%);
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1; }
.section-topicos-bg-titulo .controler-container .bg-image h1,
.section-topicos-bg-titulo .controler-container .bg-image h2,
.section-topicos-bg-titulo .controler-container .bg-image h3,
.section-topicos-bg-titulo .controler-container .bg-image h4,
.section-topicos-bg-titulo .controler-container .bg-image h5,
.section-topicos-bg-titulo .controler-container .bg-image h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
margin-bottom: 34px; }
.section-topicos-bg-titulo .controler-container .content-title {
align-items: center;
justify-content: center;
display: flex;
padding-left: 100px; }
@media screen and (max-width: 768px) {
.section-topicos-bg-titulo .controler-container .content-title {
padding-left: 50px;
max-width: 90%; } }
@media screen and (max-width: 560px) {
.section-topicos-bg-titulo .controler-container .content-title {
padding-left: 40px;
margin-top: 50px; } }
.section-topicos-bg-titulo .controler-container .content-title h1,
.section-topicos-bg-titulo .controler-container .content-title h2,
.section-topicos-bg-titulo .controler-container .content-title h3,
.section-topicos-bg-titulo .controler-container .content-title h4,
.section-topicos-bg-titulo .controler-container .content-title h5,
.section-topicos-bg-titulo .controler-container .content-title h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
margin-bottom: 50px;
position: relative; }
.section-topicos-bg-titulo .controler-container .content-title h1:before,
.section-topicos-bg-titulo .controler-container .content-title h2:before,
.section-topicos-bg-titulo .controler-container .content-title h3:before,
.section-topicos-bg-titulo .controler-container .content-title h4:before,
.section-topicos-bg-titulo .controler-container .content-title h5:before,
.section-topicos-bg-titulo .controler-container .content-title h6:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: -45px;
top: 20px;
height: 100%;
width: 28px;
transform: rotate(134deg) skew(-46deg);
transform-style: flat; }
@media screen and (max-width: 560px) {
.section-topicos-bg-titulo .controler-container .content-title h1:before,
.section-topicos-bg-titulo .controler-container .content-title h2:before,
.section-topicos-bg-titulo .controler-container .content-title h3:before,
.section-topicos-bg-titulo .controler-container .content-title h4:before,
.section-topicos-bg-titulo .controler-container .content-title h5:before,
.section-topicos-bg-titulo .controler-container .content-title h6:before {
height: 80%; } }
.section-topicos-bg-titulo .controler-container .content-text-list {
max-width: 90%;
margin-bottom: 30px; }
.section-topicos-bg-titulo .controler-container .content-text-list p {
color: #ffffff;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin: 0px;
padding-left: 40px;
position: relative; }
.section-topicos-bg-titulo .controler-container .content-text-list p:after {
content: "";
background-color: #F7AF01;
position: absolute;
left: 0;
top: 0px;
height: 30px;
width: 20px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: -1; }
.darckTheme .section-topicos-bg-titulo .bg-image {
filter: grayscale(1); }
.darckTheme .section-topicos-bg-titulo .content-title h1:before,
.darckTheme .section-topicos-bg-titulo .content-title h2:before,
.darckTheme .section-topicos-bg-titulo .content-title h3:before,
.darckTheme .section-topicos-bg-titulo .content-title h4:before,
.darckTheme .section-topicos-bg-titulo .content-title h5:before,
.darckTheme .section-topicos-bg-titulo .content-title h6:before {
background-color: #ffffff; }
.darckTheme .section-topicos-bg-titulo .content-text-list p:after {
background-color: #ffffff; }
.section-texto-imagem-centralizada {
margin: 80px 0px;
position: relative;
overflow: hidden; }
@media(max-width:767px){
.section-texto-imagem-centralizada {
margin: 60px 0px;
}
}
.section-texto-imagem-centralizada .content-text {
padding: 0px 70px 0px 0px; }
@media screen and (max-width: 560px) {
.section-texto-imagem-centralizada .content-text {
padding: 0px; } }
.section-texto-imagem-centralizada .content-text h1,
.section-texto-imagem-centralizada .content-text h2,
.section-texto-imagem-centralizada .content-text h3,
.section-texto-imagem-centralizada .content-text h4,
.section-texto-imagem-centralizada .content-text h5,
.section-texto-imagem-centralizada .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px; }
.section-texto-imagem-centralizada .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-texto-imagem-centralizada .image-center {
display: flex;
align-items: center;
justify-content: center; }
.section-texto-imagem-centralizada .image-center img {
max-height: 700px;
max-width: 90%; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-centralizada .image-center img {
width: 70%; } }
.section-texto-imagem-dupla {
margin: 80px 0px;
position: relative;
overflow: hidden; }
@media(max-width:767px){
.section-texto-imagem-dupla {
margin: 60px 0px;
}
}
.section-texto-imagem-dupla .content-text {
margin-bottom: 50px; }
.section-texto-imagem-dupla .content-text h1,
.section-texto-imagem-dupla .content-text h2,
.section-texto-imagem-dupla .content-text h3,
.section-texto-imagem-dupla .content-text h4,
.section-texto-imagem-dupla .content-text h5,
.section-texto-imagem-dupla .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px; }
.section-texto-imagem-dupla .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px; }
.section-texto-imagem-dupla .colum-img:last-of-type {
padding-left: 70px; }
@media screen and (max-width: 560px) {
.section-texto-imagem-dupla .colum-img:last-of-type {
padding: 10px;
margin-top: 40px; } }
@media screen and (max-width: 1370px) {
.section-texto-imagem-dupla .colum-img:last-of-type .content-title-img img {
max-width: 60%; } }
.section-texto-imagem-dupla .colum-img .content-title-img {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center; }
.section-texto-imagem-dupla .colum-img .content-title-img img {
margin-top: 34px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-dupla .colum-img .content-title-img img {
max-width: 90%; } }
@media screen and (max-width: 768px) {
.section-texto-imagem-dupla .colum-img .content-title-img img {
max-width: 100%; } }
.darckTheme .section-texto-imagem-dupla .content-title-img {
color: #ffffff; }
.section-image-text-boxes {
margin: 80px 0px; }
@media(max-width:767px){
.section-image-text-boxes {
margin: 60px 0px; }
}
.section-image-text-boxes figure {
position: relative;
overflow: hidden; }
@media screen and (max-width: 560px) {
.section-image-text-boxes figure {
margin-bottom: 40px; } }
.section-image-text-boxes figure::after {
content: "";
right: -80px;
background: #ffffff;
height: 160px;
width: 270px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -60px; }
@media screen and (max-width: 560px) {
.section-image-text-boxes figure::after {
right: -120px; } }
.section-image-text-boxes figure img {
width: 550px;
height: 620px;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-image-text-boxes figure img {
width: 90%;
height: 470px; } }
@media screen and (max-width: 768px) {
.section-image-text-boxes figure img {
width: 95%; } }
@media screen and (max-width: 560px) {
.section-image-text-boxes figure img {
width: 95%;
height: 470px; } }
.section-image-text-boxes figure span {
content: "";
position: absolute;
right: 20px;
top: 70px;
height: 189px;
width: 100px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-image-text-boxes figure span {
height: 140px;
width: 80px; } }
@media screen and (max-width: 1024px) {
.section-image-text-boxes figure span {
right: -20px; } }
@media screen and (max-width: 560px) {
.section-image-text-boxes figure span {
right: -20px;
top: 100px; } }
.section-image-text-boxes .text-section {
display: flex;
flex-direction: column;
justify-content: center; }
.section-image-text-boxes .text-section .content-title {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px; }
.section-image-text-boxes .text-section .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 10px; }
.section-image-text-boxes .text-section .content-text h1,
.section-image-text-boxes .text-section .content-text h2,
.section-image-text-boxes .text-section .content-text h3,
.section-image-text-boxes .text-section .content-text h4,
.section-image-text-boxes .text-section .content-text h5,
.section-image-text-boxes .text-section .content-text h6 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
margin: 30px 0px 10px 0px; }
.section-image-text-boxes .colum-boxes {
background: #e6e6e6;
margin-top: 10px;
position: relative;
padding: 60px;
display: flex;
flex-direction: column;
height: 100%; }
.section-image-text-boxes .colum-boxes .content-title {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 50px;
max-width: 300px;
margin-left: 40px; }
.section-image-text-boxes .colum-boxes .content-descricao ol {
list-style: none;
counter-reset: my-awesome-counter; }
.section-image-text-boxes .colum-boxes .content-descricao ol li {
counter-increment: my-awesome-counter;
margin-bottom: 14px; }
.section-image-text-boxes .colum-boxes .content-descricao ol li:before {
content: counter(my-awesome-counter);
color: #ffffff;
font-weight: bold;
padding: 5px 10px;
display: inline-block;
margin-left: -42px;
background: #C21A5E;
margin-right: 13px;
clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0 100%, 0% 20%); }
.section-image-text-boxes .colum-boxes .content-descricao p {
font-family: "Vale Sans";
font-weight: 300;
margin-bottom: 0px; }
.darckTheme .section-image-text-boxes figure::after {
background-color: #000; }
.darckTheme .section-image-text-boxes figure span {
background: #ffffff; }
.darckTheme .section-image-text-boxes .content-title {
color: #ffffff; }
.darckTheme .section-image-text-boxes .colum-boxes {
background: #212121; }
.darckTheme .section-image-text-boxes .colum-boxes .content-title {
color: #ffffff; }
.section-tbt {
margin: 80px 0;
overflow: hidden;
position: relative; }
@media(max-width:767px){
.section-tbt {
margin: 60px 0;
}
}
.section-tbt .content-tbt {
background-color: #F7AF01;
padding: 50px;
width: 100%;
position: relative;
display: flex; }
@media screen and (max-width: 1024px) {
.section-tbt .content-tbt {
width: 80%; } }
@media screen and (max-width: 768px) {
.section-tbt .content-tbt {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-tbt .content-tbt {
width: 100%;
margin: 0;
padding: 30px;
flex-direction: column; } }
.section-tbt .content-tbt h3,
.section-tbt .content-tbt h2 {
margin: 15px 0;
font-weight: 700;
color: white; }
.section-tbt .content-tbt .img-tbt {
position: relative;
z-index: 0; }
.section-tbt .content-tbt .img-tbt img {
width: 70px; }
@media screen and (max-width: 560px) {
.section-tbt .content-tbt .img-tbt {
display: flex;
align-items: center;
justify-content: center; } }
.section-tbt .content-tbt .img-tbt::before {
content: "";
background-color: #ecb11f;
position: absolute;
left: -20px;
top: -20px;
height: 140px;
width: 60px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: -1; }
@media screen and (max-width: 560px) {
.section-tbt .content-tbt .img-tbt::before {
display: none; } }
.section-tbt .content-tbt .content-text {
margin: 0px 0px 20px 60px; }
@media screen and (max-width: 560px) {
.section-tbt .content-tbt .content-text {
margin: 10px 20px; } }
.section-tbt .content-tbt .content-text p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: 300;
line-height: 32px;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 20px; }
.section-tbt .content-tbt .content-text a {
padding: 12px;
margin: 6px 0; }
.section-tbt .content-tbt .content-text a svg {
height: 22px; }
.darckTheme .section-tbt .content-tbt {
background: #212121; }
.darckTheme .section-tbt .content-tbt:before {
background: #000; }
.darckTheme .section-tbt .content-tbt:after {
background: #000; }
.darckTheme .section-tbt .content-tbt .title-tbt {
background: #212121; }
.darckTheme .section-tbt .content-tbt a {
border: 1px solid #ffffff;
background: #000;
box-shadow: none; }
.section-texto-imagem-gestao-impacto {
padding: 80px 0px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-gestao-impacto {
padding: 0px 0px 100px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-gestao-impacto {
padding: 0px; } }
.section-texto-imagem-gestao-impacto .overflow-h {
overflow: hidden; }
.section-texto-imagem-gestao-impacto .overflow-h figure {
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-imagem-gestao-impacto .overflow-h figure {
margin-top: 40px; } }
.section-texto-imagem-gestao-impacto .overflow-h figure:before {
content: "";
left: -60px;
background: #ffffff;
height: 130px;
width: 270px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
z-index: 2; }
@media screen and (max-width: 560px) {
.section-texto-imagem-gestao-impacto .overflow-h figure:before {
left: -110px; } }
.section-texto-imagem-gestao-impacto .overflow-h figure::after {
content: "";
right: 0;
background: #ffffff;
height: 120px;
width: 235px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
bottom: -40px; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-gestao-impacto .overflow-h figure::after {
right: -40px; } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-gestao-impacto .overflow-h figure::after {
right: -90px; } }
.section-texto-imagem-gestao-impacto .overflow-h figure img {
width: 550px;
height: 480px;
object-fit: cover;
position: relative; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-gestao-impacto .overflow-h figure img {
width: 95%;
height: 370px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-gestao-impacto .overflow-h figure img {
width: 95%;
height: 400px; } }
.section-texto-imagem-gestao-impacto .overflow-h figure span:after {
content: "";
position: absolute;
right: 30px;
top: 70px;
height: 140px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-gestao-impacto .overflow-h figure span:after {
right: 0px; } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-gestao-impacto .overflow-h figure span:after {
right: -40px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-gestao-impacto .overflow-h figure span:after {
right: -10px;
top: 140px; } }
.section-texto-imagem-gestao-impacto .content-text {
padding-right: 10px; }
.section-texto-imagem-gestao-impacto .content-text h1,
.section-texto-imagem-gestao-impacto .content-text h2,
.section-texto-imagem-gestao-impacto .content-text h3,
.section-texto-imagem-gestao-impacto .content-text h4,
.section-texto-imagem-gestao-impacto .content-text h5,
.section-texto-imagem-gestao-impacto .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.section-texto-imagem-gestao-impacto .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 20px; }
.section-texto-imagem-gestao-impacto .content-text strong {
color: #007e7a; }
.section-texto-imagem-gestao-impacto .content-text a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline !important; }
.darckTheme .section-texto-imagem-gestao-impacto figure:before {
background: #000; }
.darckTheme .section-texto-imagem-gestao-impacto figure:after {
background: #000; }
.darckTheme .section-texto-imagem-gestao-impacto figure span:after {
background: #212121; }
.section-boxes-bg-gestao {
padding: 100px 0px 80px 0px;
position: relative;
background: #007e7a; }
@media screen and (max-width: 1370px) {
.section-boxes-bg-gestao {
padding: 80px 0px; } }
@media screen and (max-width: 560px) {
.section-boxes-bg-gestao {
margin-top: 150px;
padding: 50px 0px 50px 0px; } }
.section-boxes-bg-gestao:before {
content: "";
right: 0px;
top: -90px;
background: #007e7a;
height: 100px;
width: 360px;
position: absolute;
z-index: 2;
clip-path: polygon(40% 0%, 100% 0, 100% 100%, 0 100%, 0 100%); }
@media screen and (max-width: 560px) {
.section-boxes-bg-gestao:before {
top: -70px;
width: 70%; } }
.section-boxes-bg-gestao .title-section {
margin-bottom: 50px; }
.section-boxes-bg-gestao .title-section h1,
.section-boxes-bg-gestao .title-section h2,
.section-boxes-bg-gestao .title-section h3,
.section-boxes-bg-gestao .title-section h4,
.section-boxes-bg-gestao .title-section h5,
.section-boxes-bg-gestao .title-section h6 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 20px; }
.section-boxes-bg-gestao .overflow-h {
overflow: hidden; }
.section-boxes-bg-gestao .colum-boxes {
background-color: #e6e6e6;
padding: 100px 30px 50px 70px;
max-width: 90%;
position: relative; }
@media screen and (max-width: 1024px) {
.section-boxes-bg-gestao .colum-boxes {
max-width: 100%; } }
@media screen and (max-width: 560px) {
.section-boxes-bg-gestao .colum-boxes {
max-width: 100%;
padding: 100px 30px 50px 60px;
margin-bottom: 40px; } }
.section-boxes-bg-gestao .colum-boxes:before {
content: "";
left: -60px;
top: -60px;
background: #007e7a;
height: 130px;
width: 200px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
z-index: 2; }
.section-boxes-bg-gestao .colum-boxes:after {
content: "";
right: -60px;
bottom: -60px;
background: #007e7a;
height: 130px;
width: 200px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
z-index: 2; }
.section-boxes-bg-gestao .colum-boxes .forma-yellow {
content: "";
position: absolute;
left: -24px;
top: 40%;
height: 120px;
width: 45px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
.section-boxes-bg-gestao .colum-boxes .title-colum {
font-size: 20px;
font-size: 2rem;
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
position: absolute;
top: 10px;
left: 40px;
z-index: 2; }
.section-boxes-bg-gestao .colum-boxes .title-colum:before {
content: "";
position: absolute;
left: 15px;
top: -40px;
height: 130px;
width: 55px;
transform: rotate(240deg) skew(-30deg);
transform-style: flat;
z-index: -1;
background-color: #F7AF01; }
.section-boxes-bg-gestao .colum-boxes .content-text {
position: relative;
margin-bottom: 20px; }
.section-boxes-bg-gestao .colum-boxes .content-text:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: -30px;
top: 10px;
height: 18px;
width: 18px;
transform: rotate(140deg) skew(-40deg);
transform-style: flat;
z-index: 1; }
.section-boxes-bg-gestao .colum-boxes .content-text p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 0px; }
.section-boxes-bg-gestao .content-text-bg {
padding-right: 60px; }
.section-boxes-bg-gestao .content-text-bg p {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
line-height: 28px; }
.section-boxes-bg-gestao .content-text-bg p a {
color: #ffffff;
font-family: "Vale Sans";
font-size: 18px;
font-weight: bold;
padding: 10px 40px 10px 20px;
background: #F7AF01 url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/chevron-right.png) no-repeat center;
background-position-x: 190px;
background-size: 18px;
box-shadow: 0px 3px 6px #edb11154;
border: 1px solid #F7AF01;
border-radius: 2px; }
.darckTheme .section-boxes-bg-gestao {
background: #212121 !important; }
.darckTheme .section-boxes-bg-gestao:before {
background-color: #212121; }
.darckTheme .section-boxes-bg-gestao .colum-boxes {
background-color: #ffffff; }
.darckTheme .section-boxes-bg-gestao .colum-boxes::before {
background: #212121; }
.darckTheme .section-boxes-bg-gestao .colum-boxes::after {
background: #212121; }
.darckTheme .section-boxes-bg-gestao .colum-boxes .forma-yellow {
background: #000; }
.darckTheme .section-boxes-bg-gestao .colum-boxes .title-colum {
color: #ffffff; }
.darckTheme .section-boxes-bg-gestao .colum-boxes .title-colum:before {
background-color: #000; }
.darckTheme .section-boxes-bg-gestao .colum-boxes .content-text:before {
background-color: #000; }
.darckTheme .section-boxes-bg-gestao .colum-boxes .content-text p {
color: #000 !important; }
.section-imagem-topicos-gestao-impacto {
padding: 100px 0px; }
@media screen and (max-width: 560px) {
.section-imagem-topicos-gestao-impacto {
padding: 80px 0px; } }
.section-imagem-topicos-gestao-impacto .content-text {
padding: 30px 0px 0px 30px; }
.section-imagem-topicos-gestao-impacto .content-text h1,
.section-imagem-topicos-gestao-impacto .content-text h2,
.section-imagem-topicos-gestao-impacto .content-text h3,
.section-imagem-topicos-gestao-impacto .content-text h4,
.section-imagem-topicos-gestao-impacto .content-text h5,
.section-imagem-topicos-gestao-impacto .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
max-width: 80%;
line-height: 36px;
margin-bottom: 40px;
position: relative; }
.section-imagem-topicos-gestao-impacto .content-text h1::before,
.section-imagem-topicos-gestao-impacto .content-text h2::before,
.section-imagem-topicos-gestao-impacto .content-text h3::before,
.section-imagem-topicos-gestao-impacto .content-text h4::before,
.section-imagem-topicos-gestao-impacto .content-text h5::before,
.section-imagem-topicos-gestao-impacto .content-text h6::before {
content: "";
background-color: #F7AF01;
position: absolute;
left: -40px;
top: 12px;
height: 100%;
width: 22px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: -1; }
.section-imagem-topicos-gestao-impacto .content-text .content-text-list {
max-width: 90%;
margin-bottom: 30px; }
.section-imagem-topicos-gestao-impacto .content-text .content-text-list p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin: 0px;
padding-left: 30px;
position: relative; }
.section-imagem-topicos-gestao-impacto .content-text .content-text-list p:after {
content: "";
background-color: #F7AF01;
position: absolute;
left: -10px;
top: 10px;
height: 30px;
width: 20px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: -1; }
.section-imagem-topicos-gestao-impacto figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center; }
@media screen and (max-width: 560px) {
.section-imagem-topicos-gestao-impacto figure {
margin-top: 40px; } }
.section-imagem-topicos-gestao-impacto figure:before {
content: "";
left: -20px;
background: #ffffff;
height: 180px;
width: 250px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -110px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-imagem-topicos-gestao-impacto figure:before {
left: -50px; } }
@media screen and (max-width: 1024px) {
.section-imagem-topicos-gestao-impacto figure:before {
left: -100px; } }
.section-imagem-topicos-gestao-impacto figure:after {
content: "";
right: -20px;
background: #ffffff;
height: 180px;
width: 250px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -110px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-imagem-topicos-gestao-impacto figure:after {
right: -60px; } }
@media screen and (max-width: 1024px) {
.section-imagem-topicos-gestao-impacto figure:after {
right: -100px; } }
@media screen and (max-width: 560px) {
.section-imagem-topicos-gestao-impacto figure:after {
right: -100px; } }
.section-imagem-topicos-gestao-impacto figure img {
width: 500px;
height: 700px;
object-fit: cover;
z-index: 1; }
@media screen and (max-width: 1370px) {
.section-imagem-topicos-gestao-impacto figure img {
width: 80%;
height: 550px; } }
@media screen and (max-width: 1240px) {
.section-imagem-topicos-gestao-impacto figure img {
width: 90%;
height: 850px; } }
@media screen and (max-width: 768px) {
.section-imagem-topicos-gestao-impacto figure img {
width: 90%;
height: 400px; } }
@media screen and (max-width: 560px) {
.section-imagem-topicos-gestao-impacto figure img {
width: 95%;
height: 400px; } }
.section-imagem-topicos-gestao-impacto span {
content: "";
background-color: #F7AF01;
position: absolute;
left: 20px;
top: 35%;
height: 160px;
width: 84px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 2; }
@media screen and (max-width: 1024px) {
.section-imagem-topicos-gestao-impacto span {
left: -10px; } }
@media screen and (max-width: 1024px) {
.section-imagem-topicos-gestao-impacto span {
left: -40px; } }
@media screen and (max-width: 560px) {
.section-imagem-topicos-gestao-impacto span {
left: -20px;
top: 50%; } }
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h1::before,
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h2::before,
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h3::before,
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h4::before,
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h5::before,
.darckTheme .section-imagem-topicos-gestao-impacto .content-text h6::before {
background-color: #ffffff; }
.darckTheme .section-imagem-topicos-gestao-impacto .content-text .content-text-list p:after {
background-color: #ffffff; }
.darckTheme .section-imagem-topicos-gestao-impacto span {
background-color: #ffffff; }
.darckTheme .section-imagem-topicos-gestao-impacto figure:after {
background-color: #000; }
.darckTheme .section-imagem-topicos-gestao-impacto figure:before {
background-color: #000; }
.section-relatorios-select-gestao-impacto {
padding: 0px 0px 80px; }
.section-relatorios-select-gestao-impacto .content-bg {
padding: 60px 40px;
position: relative; flex-direction: column;
justify-content: center; }
@media (max-width:560px){
.section-relatorios-select-gestao-impacto .content-bg {
display:flex;
}
}
.section-relatorios-select-gestao-impacto .content-bg .title-section h1,
.section-relatorios-select-gestao-impacto .content-bg .title-section h2,
.section-relatorios-select-gestao-impacto .content-bg .title-section h3,
.section-relatorios-select-gestao-impacto .content-bg .title-section h4,
.section-relatorios-select-gestao-impacto .content-bg .title-section h5,
.section-relatorios-select-gestao-impacto .content-bg .title-section h6 {
font-family: "Vale Sans";
font-weight: bold;
color: #ffffff;
margin: 0;
margin-bottom: 30px;
line-height: 30px; }
.section-relatorios-select-gestao-impacto .content-bg .title-section img {
position: absolute;
left: 74px;
height: 30px;
width: 30px;
filter: grayscale(1) brightness(100); }
@media screen and (max-width: 1024px) {
.section-relatorios-select-gestao-impacto .content-bg .title-section img {
display: none; } }
@media screen and (max-width: 560px) {
.section-relatorios-select-gestao-impacto .content-bg .title-section img {
left: 43px; } }
.section-relatorios-select-gestao-impacto .content-bg .select-content {
display: flex; }
@media screen and (max-width: 560px) {
.section-relatorios-select-gestao-impacto .content-bg .select-content {
flex-direction: column;
justify-content: center;
align-items: center; } }
.section-relatorios-select-gestao-impacto .content-bg .select-content select {
padding: 4px 40px 4px 14px;
border: 1px solid #e6e6e6;
border-radius: 4px;
color: #747876;
transition: 400ms;
min-height: 40px;
cursor: pointer;
outline: none;
width: 250px; }
@media(max-width:560px){
.section-relatorios-select-gestao-impacto .content-bg .select-content select{
margin-bottom:20px;
}
}
@media(min-width:560px){
.section-relatorios-select-gestao-impacto .content-bg .select-content select {
margin-right: 25px;
}
}
.section-relatorios-select-gestao-impacto .content-bg .select-content select:hover {
border-color: #007e7a;
transition: 400ms; }
.section-relatorios-select-gestao-impacto .content-bg .select-content select:focus {
border-color: #007e7a;
transition: 400ms; }
.section-relatorios-select-gestao-impacto .content-bg .select-content select option:hover {
background: #e6e6e6; } .section-relatorios-select-gestao-impacto .content-bg .select-content a svg {
height: 20px; }
.darckTheme .section-relatorios-select-gestao-impacto .content-bg {
background-color: #212121 !important; }
.darckTheme .section-relatorios-select-gestao-impacto .content-bg::before {
background-color: #000; }
.darckTheme .section-relatorios-select-gestao-impacto .content-bg:after {
background-color: #000; }
.darckTheme .section-relatorios-select-gestao-impacto .content-bg .title-section::before {
background-color: #ffffff; }
.darckTheme .section-relatorios-select-gestao-impacto .content-bg .select-content a {
box-shadow: none;
border: 1px solid #ffffff;
background: #000; }
.section-relatorios-btn-gestao-impacto {
padding: 60px 0px;
margin: 120px 0px 80px 0px;
position: relative;
background-color: #F7AF01; }
.section-relatorios-btn-gestao-impacto::before {
content: "";
right: 0px;
top: -90px;
background: #F7AF01;
height: 100px;
width: 360px;
position: absolute;
z-index: 2;
clip-path: polygon(65% 0%, 100% 0, 100% 100%, 0 100%, 0 150%); }
@media screen and (max-width: 560px) {
.section-relatorios-btn-gestao-impacto::before {
top: -70px;
width: 60%; } }
.section-relatorios-btn-gestao-impacto:after {
content: "";
left: 0px;
bottom: -10px;
background: #ffffff;
height: 140px;
width: 200px;
position: absolute;
z-index: 2;
clip-path: polygon(0% 0%, 0% 0, 100% 100%, 0 100%, 0 100%); }
@media screen and (max-width: 560px) {
.section-relatorios-btn-gestao-impacto:after {
left: -70px; } }
.section-relatorios-btn-gestao-impacto .title-section {
max-width: 74%;
margin: 50px 0px; }
@media screen and (max-width: 1024px) {
.section-relatorios-btn-gestao-impacto .title-section {
max-width: 100%;
margin: 0px; } }
@media screen and (max-width: 560px) {
.section-relatorios-btn-gestao-impacto .title-section {
max-width: 100%;
margin: 0px; } }
.section-relatorios-btn-gestao-impacto .title-section h1,
.section-relatorios-btn-gestao-impacto .title-section h2,
.section-relatorios-btn-gestao-impacto .title-section h3,
.section-relatorios-btn-gestao-impacto .title-section h4,
.section-relatorios-btn-gestao-impacto .title-section h5,
.section-relatorios-btn-gestao-impacto .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
font-weight: bold;
line-height: 28px;
margin-bottom: 50px;
line-height: 38px; }
@media screen and (max-width: 1024px) {
.section-relatorios-btn-gestao-impacto .relatorios-content {
margin-bottom: 40px; } }
.section-relatorios-btn-gestao-impacto .relatorios-content a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
padding: 8px 15px;
text-decoration: none;
box-shadow: 0px 3px 6px #007e7a3d;
border: 1px solid #007e7a;
border-radius: 2px;
background: #007e7a;
margin-right: 20px; }
.section-relatorios-btn-gestao-impacto .relatorios-content a svg {
margin-left: 10px;
margin-top: -2px; }
@media screen and (max-width: 768px) {
.section-relatorios-btn-gestao-impacto .relatorios-content a {
margin-right: 10px;
padding: 8px 10px; } }
.section-relatorios-btn-gestao-impacto figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center; }
@media screen and (max-width: 1240px) {
.section-relatorios-btn-gestao-impacto figure {
justify-content: start; } }
@media screen and (max-width: 560px) {
.section-relatorios-btn-gestao-impacto figure {
justify-content: center;
margin-top: 40px; } }
.section-relatorios-btn-gestao-impacto figure:before {
content: "";
background: #F7AF01;
right: -60px;
height: 210px;
width: 210px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -100px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-relatorios-btn-gestao-impacto figure:before {
right: 0;
height: 210px;
width: 100px; } }
@media screen and (max-width: 1024px) {
.section-relatorios-btn-gestao-impacto figure:before {
right: -160px; } }
.section-relatorios-btn-gestao-impacto figure:after {
content: "";
background: #F7AF01;
left: -20px;
height: 230px;
width: 160px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -100px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-relatorios-btn-gestao-impacto figure:after {
left: -60px; } }
@media screen and (max-width: 1024px) {
.section-relatorios-btn-gestao-impacto figure:after {
left: -160px; } }
.section-relatorios-btn-gestao-impacto figure img {
width: 470px;
height: 310px;
object-fit: cover;
z-index: 1; }
@media screen and (max-width: 1240px) {
.section-relatorios-btn-gestao-impacto figure img {
width: 95%; } }
@media screen and (max-width: 560px) {
.section-relatorios-btn-gestao-impacto figure img {
width: 90%; } }
.section-relatorios-btn-gestao-impacto figure span {
background-color: #007e7a;
position: absolute;
right: 50px;
bottom: 50px;
height: 100px;
width: 80px;
transform: rotate(220deg) skew(220deg);
transform-style: flat;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-relatorios-btn-gestao-impacto figure span {
right: 5px; } }
@media screen and (max-width: 1024px) {
.section-relatorios-btn-gestao-impacto figure span {
right: -25px; } }
.darckTheme .section-relatorios-btn-gestao-impacto {
background-color: #212121; }
.darckTheme .section-relatorios-btn-gestao-impacto::before {
background-color: #212121; }
.darckTheme .section-relatorios-btn-gestao-impacto::after {
background-color: #000; }
.darckTheme .section-relatorios-btn-gestao-impacto .relatorios-content a {
box-shadow: none;
border: 1px solid #ffffff;
background: #000; }
.darckTheme .section-relatorios-btn-gestao-impacto span {
background-color: #ffffff; }
.darckTheme .section-relatorios-btn-gestao-impacto figure:after {
background-color: #212121; }
.darckTheme .section-relatorios-btn-gestao-impacto figure:before {
background-color: #212121; }
.section-imagem-texto-foruns {
margin: 80px 0px; }
@media(max-width:767px){
.section-imagem-texto-foruns {
margin: 60px 0px; }
}
.section-imagem-texto-foruns .overflow-h {
overflow: hidden; }
.section-imagem-texto-foruns .overflow-h figure {
position: relative; }
@media screen and (max-width: 1024px) {
.section-imagem-texto-foruns .overflow-h figure {
left: -20px; } }
@media screen and (max-width: 560px) {
.section-imagem-texto-foruns .overflow-h figure {
margin-top: 40px; } }
.section-imagem-texto-foruns .overflow-h figure:before {
content: "";
left: -50px;
background: #ffffff;
height: 110px;
width: 180px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -80px;
z-index: 2; }
@media screen and (max-width: 560px) {
.section-imagem-texto-foruns .overflow-h figure:before {
left: -60px; } }
.section-imagem-texto-foruns .overflow-h figure::after {
content: "";
right: 50px;
background: #ffffff;
height: 145px;
width: 260px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -50px; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-foruns .overflow-h figure::after {
right: 0px; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-foruns .overflow-h figure::after {
right: -90px; } }
.section-imagem-texto-foruns .overflow-h figure img {
width: 500px;
height: 520px;
position: relative;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-foruns .overflow-h figure img {
width: 85%;
height: 500px;
position: relative; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-foruns .overflow-h figure img {
width: 90%; } }
@media screen and (max-width: 560px) {
.section-imagem-texto-foruns .overflow-h figure img {
width: 90%;
height: 420px; } }
.section-imagem-texto-foruns .overflow-h figure span:after {
content: "";
position: absolute;
right: 100px;
top: 70px;
height: 140px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-foruns .overflow-h figure span:after {
right: 40px; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-foruns .overflow-h figure span:after {
right: 10px; } }
@media screen and (max-width: 560px) {
.section-imagem-texto-foruns .overflow-h figure span:after {
right: 0; } }
.section-imagem-texto-foruns .content-text h1,
.section-imagem-texto-foruns .content-text h2,
.section-imagem-texto-foruns .content-text h3,
.section-imagem-texto-foruns .content-text h4,
.section-imagem-texto-foruns .content-text h5,
.section-imagem-texto-foruns .content-text h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 34px;
margin-bottom: 20px;
min-height: 50px; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-foruns .content-text h1,
.section-imagem-texto-foruns .content-text h2,
.section-imagem-texto-foruns .content-text h3,
.section-imagem-texto-foruns .content-text h4,
.section-imagem-texto-foruns .content-text h5,
.section-imagem-texto-foruns .content-text h6 {
line-height: 28px; } }
.section-imagem-texto-foruns .content-text p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 20px;
font-size: 10px;
font-size: 1rem; }
.section-imagem-texto-foruns .content-text strong {
color: #007e7a; }
.section-imagem-texto-foruns .content-text a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline !important; }
.darckTheme .section-imagem-texto-foruns figure:before {
background: #000; }
.darckTheme .section-imagem-texto-foruns figure:after {
background: #000; }
.darckTheme .section-imagem-texto-foruns figure span:after {
background: #ffffff; }
.section-texto-imagem-investimento {
padding: 0px 0px 150px 0px;
overflow: hidden;
position: relative; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-investimento {
padding: 40px 0px 80px 0px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-investimento {
padding: 0px 0px 60px 0px; } }
.section-texto-imagem-investimento .content-img {
position: absolute;
max-width: 57%;
right: 0; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-investimento .content-img {
max-width: 70%;
margin-top: 100px; } }
@media screen and (max-width: 768px) {
.section-texto-imagem-investimento .content-img {
position: relative;
max-width: 100%;
margin-top: 20px; } }
.section-texto-imagem-investimento .content-img .thumb-header {
position: relative; }
@media screen and (max-width: 768px) {
.section-texto-imagem-investimento .content-img .thumb-header {
height: 340px; } }
.section-texto-imagem-investimento .content-img .thumb-header span {
position: absolute;
left: 17%;
top: -11px;
height: 150px;
width: 150px;
transform: rotate(330deg);
background-color: #F7AF01;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
z-index: -2; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-investimento .content-img .thumb-header span {
top: 4px;
transform: rotate(315deg); } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-investimento .content-img .thumb-header span {
top: 4px;
transform: rotate(315deg); } }
@media screen and (max-width: 560px) {
.section-texto-imagem-investimento .content-img .thumb-header span {
left: 0%; } }
.section-texto-imagem-investimento .content-img .thumb-header img {
position: absolute;
right: -114px;
top: 0;
height: 500px;
object-fit: cover;
width: 100%;
clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 75%, 60% 75%, 44% 100%, 0 100%, 0% 80%, 0% 45%, 35% 0);
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-investimento .content-img .thumb-header img {
height: 420px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-investimento .content-img .thumb-header img {
position: relative;
right: 0;
height: 330px; } }
.section-texto-imagem-investimento .content-text-investimento {
padding: 0px 80px 0px 50px;
margin-top: 140px;
position: relative; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-investimento .content-text-investimento {
padding: 0px 80px 0px 15px;
margin-top: 200px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-investimento .content-text-investimento {
margin: 40px 0px; } }
.section-texto-imagem-investimento .content-text-investimento::before {
content: "";
position: absolute;
left: 0px;
top: 35px;
height: 60%;
width: 30px;
transform: rotate(134deg) skew(-46deg);
transform-style: flat;
background-color: #F7AF01; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-investimento .content-text-investimento::before {
left: -30px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-investimento .content-text-investimento::before {
height: 70%; } }
.section-texto-imagem-investimento .content-text-investimento h1,
.section-texto-imagem-investimento .content-text-investimento h2,
.section-texto-imagem-investimento .content-text-investimento h3,
.section-texto-imagem-investimento .content-text-investimento h4,
.section-texto-imagem-investimento .content-text-investimento h5,
.section-texto-imagem-investimento .content-text-investimento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
margin-bottom: 20px; }
.section-texto-imagem-investimento .content-text-investimento p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 24px; }
.darckTheme .section-texto-imagem-investimento .thumb-header span {
background: #ffffff; }
.darckTheme .section-texto-imagem-investimento .content-text-investimento::before {
background-color: #ffffff; }
.section-texto-full-width {
margin: 80px 0px; }
@media (max-width:767px){
.section-texto-full-width {
margin: 60px 0px; }
}
.section-texto-full-width .content-img img {
width: 100%; }
.section-texto-full-width .content-text-investimento {
margin-bottom: 60px; }
.section-texto-full-width .content-text-investimento h1,
.section-texto-full-width .content-text-investimento h2,
.section-texto-full-width .content-text-investimento h3,
.section-texto-full-width .content-text-investimento h4,
.section-texto-full-width .content-text-investimento h5,
.section-texto-full-width .content-text-investimento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 30px;
margin-bottom: 25px; }
.section-texto-full-width .content-text-investimento p {
color: #747876;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem;
margin-bottom: 15px;
line-height: 22px; }
.section-texto-full-width .content-text-investimento p strong {
color: #007e7a; }
.section-texto-full-mensagem {
padding: 0px 0px 30px; }
.section-texto-full-mensagem .content-section {
display: flex;
align-items: center; }
@media screen and (max-width: 560px) {
.section-texto-full-mensagem .content-section {
flex-direction: column;
align-items: start; } }
.section-texto-full-mensagem .content-section .content-image {
position: relative;
padding: 0px 50px; }
@media screen and (max-width: 560px) {
.section-texto-full-mensagem .content-section .content-image {
margin-bottom: 40px; } }
.section-texto-full-mensagem .content-section .content-image::before {
content: "";
position: absolute;
left: 0px;
top: 15px;
height: 70%;
width: 30px;
transform: rotate(135deg) skew(-46deg);
transform-style: flat;
background-color: #F7AF01; }
.section-texto-full-mensagem .content-section .content-image img {
width: 80px;
height: 80px; }
.section-texto-full-mensagem .content-section .content-text-investimento h1,
.section-texto-full-mensagem .content-section .content-text-investimento h2,
.section-texto-full-mensagem .content-section .content-text-investimento h3,
.section-texto-full-mensagem .content-section .content-text-investimento h4,
.section-texto-full-mensagem .content-section .content-text-investimento h5,
.section-texto-full-mensagem .content-section .content-text-investimento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 36px;
margin-bottom: 35px; }
.section-texto-full-mensagem .content-section .content-text-investimento p {
color: #747876;
font-family: "Vale Sans";
font-size: 9px;
font-size: 0.9rem;
margin-bottom: 20px;
line-height: 24px; }
.section-texto-full-mensagem .content-section .content-text-investimento p strong {
color: #007e7a; }
.darckTheme .section-texto-full-mensagem .content-section .content-image::before {
background-color: #ffffff; }
.darckTheme .section-texto-full-mensagem .content-section .content-image img {
filter: grayscale(1) brightness(100); }
.section-box-texto-background {
margin: 80px 0px; }
@media(max-width:767px){
.section-box-texto-background {
margin: 60px 0px; }
}
.section-box-texto-background .content-text-investimento {
padding: 50px 80px 30px;
position: relative;
overflow: hidden; }
@media screen and (max-width: 560px) {
.section-box-texto-background .content-text-investimento {
padding: 50px 30px 30px; } }
.section-box-texto-background .content-text-investimento::after {
content: "";
right: -80px;
background: #ffffff;
height: 145px;
width: 215px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -100px; }
.section-box-texto-background .content-text-investimento:before {
content: "";
left: -50px;
background: #ffffff;
height: 110px;
width: 180px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -80px;
z-index: 2; }
.section-box-texto-background .content-text-investimento h1,
.section-box-texto-background .content-text-investimento h2,
.section-box-texto-background .content-text-investimento h3,
.section-box-texto-background .content-text-investimento h4,
.section-box-texto-background .content-text-investimento h5,
.section-box-texto-background .content-text-investimento h6 {
color: #ffffff;
font-family: "Vale Sans";
line-height: 24px;
margin-bottom: 25px; }
.section-box-texto-background .content-text-investimento p {
color: #ffffff;
font-family: "Vale Sans";
margin-bottom: 20px;
line-height: 24px; }
.section-box-texto-background .content-text-investimento p strong {
color: #007e7a; }
.darckTheme .section-box-texto-background .content-text-investimento {
background-color: #212121 !important; }
.darckTheme .section-box-texto-background .content-text-investimento::after {
background-color: #000; }
.darckTheme .section-box-texto-background .content-text-investimento::before {
background-color: #000; }
.section-tbt-slide-docs {
background-color: #007e7a;
position: relative;
margin: 100px 0px 80px 0px;
padding: 90px 0px 90px 100px; }
@media screen and (max-width: 1024px) {
.section-tbt-slide-docs {
padding: 90px 0px 90px 0px; } }
.section-tbt-slide-docs::before {
content: "";
right: 0;
top: -95px;
background: #007e7a;
height: 100px;
width: 400px;
position: absolute;
clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%); }
@media screen and (max-width: 560px) {
.section-tbt-slide-docs::before {
top: -80px;
width: 70%; } }
.section-tbt-slide-docs .title-section {
display: flex;
align-items: center;
justify-content: space-between; }
.section-tbt-slide-docs .title-section h1,
.section-tbt-slide-docs .title-section h2,
.section-tbt-slide-docs .title-section h3,
.section-tbt-slide-docs .title-section h4,
.section-tbt-slide-docs .title-section h5,
.section-tbt-slide-docs .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
line-height: 34px;
margin-bottom: 30px; }
.section-tbt-slide-docs .title-section p {
color: #ffffff;
font-family: "Vale Sans";
line-height: 22px;
font-size: 12px;
font-size: 1.2rem;
margin: 0px 140px 20px 0px; }
@media screen and (max-width: 560px) {
.section-tbt-slide-docs .title-section p {
display: none; } }
.section-tbt-slide-docs .tbt-slide .content-tbt {
width: 660px;
height: 270px;
background-color: #ffffff;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 30px 40px;
overflow: hidden; }
@media screen and (max-width: 1370px) {
.section-tbt-slide-docs .tbt-slide .content-tbt {
width: 95%; } }
@media screen and (max-width: 560px) {
.section-tbt-slide-docs .tbt-slide .content-tbt {
flex-direction: column;
width: 100%;
height: 100%; } }
.section-tbt-slide-docs .tbt-slide .content-tbt::before {
content: "";
background: #F7AF01;
left: -50px;
height: 110px;
width: 180px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -60px; }
.section-tbt-slide-docs .tbt-slide .content-tbt::after {
content: "";
background: #e6e6e6;
right: -50px;
height: 100px;
width: 180px;
bottom: -50px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg); }
.section-tbt-slide-docs .tbt-slide .content-image {
margin-right: 40px;
z-index: 2; }
.section-tbt-slide-docs .tbt-slide .content-image img {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 14px; }
@media screen and (max-width: 560px) {
.section-tbt-slide-docs .tbt-slide .content-text {
margin-top: 10px; } }
.section-tbt-slide-docs .tbt-slide .content-text h1,
.section-tbt-slide-docs .tbt-slide .content-text h2,
.section-tbt-slide-docs .tbt-slide .content-text h3,
.section-tbt-slide-docs .tbt-slide .content-text h4,
.section-tbt-slide-docs .tbt-slide .content-text h5,
.section-tbt-slide-docs .tbt-slide .content-text h6 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
line-height: 24px;
margin-bottom: 16px; }
.section-tbt-slide-docs .tbt-slide .content-text p {
color: #747876;
font-family: "Vale Sans";
line-height: 22px;
font-size: 9px;
font-size: 0.9rem;
margin-bottom: 16px; }
.section-tbt-slide-docs .tbt-slide .content-text a {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
line-height: 22px;
margin-bottom: 0px; }
.section-tbt-slide-docs .tbt-slide .content-text a i {
position: relative;
padding-right: 10px;
font-size: 12px; }
.section-tbt-slide-docs .tbt-slide .content-text a i::after {
content: "";
height: 22px;
width: 22px;
border: 2px solid #F7AF01;
position: absolute;
left: -6px;
border-radius: 100px;
top: -5px; }
.darckTheme .section-tbt-slide-docs {
background-color: #212121; }
.darckTheme .section-tbt-slide-docs::before {
background-color: #212121; }
.darckTheme .section-tbt-slide-docs::after {
background-color: #212121; }
.darckTheme .section-tbt-slide-docs .content-tbt {
background-color: #000; }
.darckTheme .section-tbt-slide-docs .content-tbt::before {
background-color: #212121; }
.darckTheme .section-tbt-slide-docs .content-tbt::after {
background-color: #212121; }
.darckTheme .section-tbt-slide-docs .content-tbt .content-text i::after {
border: 2px solid #ffffff; }
.section-slide-podcasts-videos {
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
margin: 80px auto 100px; }
@media (max-width:767px){
.section-slide-podcasts-videos {
margin:60px auto 80px;
}
}
.section-slide-podcasts-videos .bg-section {
position: absolute;
left: 0;
top: 0;
height: 315px;
width: 100%; }
.section-slide-podcasts-videos .title-section {
display: flex;
align-items: center;
justify-content: space-between; }
.section-slide-podcasts-videos .title-section h1,
.section-slide-podcasts-videos .title-section h2,
.section-slide-podcasts-videos .title-section h3,
.section-slide-podcasts-videos .title-section h4,
.section-slide-podcasts-videos .title-section h5,
.section-slide-podcasts-videos .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 40px 0;
font-weight: bold;
position: relative; }
.section-slide-podcasts-videos .title-section a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
text-decoration: underline !important; }
@media screen and (max-width: 560px) {
.section-slide-podcasts-videos .title-section a {
display: none; } }
@media screen and (max-width: 993px) {
.section-slide-podcasts-videos .slick-track {
padding: 0; } }
@media screen and (max-width: 800px) {
.section-slide-podcasts-videos .slick-track {
padding: 0; } }
@media screen and (max-width: 560px) {
.section-slide-podcasts-videos .slick-track {
padding: 0; } }
@media screen and (max-width: 993px) {
.section-slide-podcasts-videos .slick-list {
overflow-y: hidden; } }
.section-slide-podcasts-videos .box-noticia:hover h4 {
text-decoration: underline; }
.section-slide-podcasts-videos .box-noticia .box-bg {
height: 230px;
overflow: hidden;
position: relative;
padding: 1px; }
.section-slide-podcasts-videos .box-noticia .box-bg a h3 {
position: absolute;
bottom: -1px;
left: -1px;
font-size: 10px;
font-size: 1rem;
color: #F7AF01;
background-color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
transition: 400ms;
padding: 12px 40px 0px 12px;
clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); }
.section-slide-podcasts-videos .box-noticia .box-bg a h3:hover {
text-decoration: underline;
transition: 400ms; }
.section-slide-podcasts-videos .box-noticia .content-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
margin-bottom: 15px;
position: relative;
transition: 400ms; }
.section-slide-podcasts-videos .box-noticia .content-img:hover {
transform: scale(1.1); }
.section-slide-podcasts-videos .box-noticia .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.section-slide-podcasts-videos .box-noticia .content-text {
padding: 0px 10px;
margin-top: 20px; }
.section-slide-podcasts-videos .box-noticia .content-text h4 {
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px; }
.darckTheme .section-slide-podcasts-videos:after {
background: #212121; }
.darckTheme .section-slide-podcasts-videos .bg-yellow {
background: #212121; }
.darckTheme .section-slide-podcasts-videos .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-slide-podcasts-videos .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-slide-podcasts-videos .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-slide-podcasts-videos .content-text .link-post:before {
background: #212121; }
.section-ultimasNoticias {
margin: 80px auto 100px;
position: relative; }
@media (max-width:767px){
.section-ultimasNoticias{
margin: 60px auto 80px;
}
}
.section-ultimasNoticias .bg-section {
position: absolute;
left: 0;
top: 0;
height: 307px;
width: 100%; }
.section-ultimasNoticias .title-section {
display: flex;
align-items: center;
justify-content: space-between; }
.section-ultimasNoticias .title-section h1,
.section-ultimasNoticias .title-section h2,
.section-ultimasNoticias .title-section h3,
.section-ultimasNoticias .title-section h4,
.section-ultimasNoticias .title-section h5,
.section-ultimasNoticias .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 40px 0;
font-weight: bold;
position: relative; }
.section-ultimasNoticias .title-section a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
text-decoration: underline !important;
position: relative; }
@media screen and (max-width: 768px) {
.section-ultimasNoticias .title-section a {
display: none; } }
.section-ultimasNoticias.conhecimento .title-section h1,
.section-ultimasNoticias.conhecimento .title-section h2,
.section-ultimasNoticias.conhecimento .title-section h3,
.section-ultimasNoticias.conhecimento .title-section h4,
.section-ultimasNoticias.conhecimento .title-section h5,
.section-ultimasNoticias.conhecimento .title-section h6 {
color: #007e7a; }
.section-ultimasNoticias.conhecimento .bg-section.bg-grey-light {
height: 307px; }
.section-ultimasNoticias .box-noticia:hover h4 {
text-decoration: underline; }
.section-ultimasNoticias .box-noticia .box-bg {
height: 223px;
overflow: hidden;
position: relative;
padding: 1px; }
.section-ultimasNoticias .box-noticia .box-bg a h3 {
position: absolute;
bottom: -1px;
left: -1px;
font-size: 10px;
font-size: 1rem;
color: #F7AF01;
background-color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
transition: 400ms;
padding: 12px 40px 0px 12px;
clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%); }
.section-ultimasNoticias .box-noticia .box-bg a h3:hover {
text-decoration: underline;
transition: 400ms; }
.section-ultimasNoticias .box-noticia .content-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 230px;
margin-bottom: 15px;
position: relative;
transition: 400ms; }
.section-ultimasNoticias .box-noticia .content-img:hover {
transform: scale(1.1);
transition: 400ms; }
.section-ultimasNoticias .box-noticia .content-img::before {
content: "";
position: absolute;
background: linear-gradient(0deg, #00000060, transparent);
height: 100%;
width: 100%; }
.section-ultimasNoticias .box-noticia .content-text {
padding: 0px 10px;
margin-top: 20px; }
.section-ultimasNoticias .box-noticia .content-text h4 {
color: #747876;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 15px; }
.darckTheme .section-ultimasNoticias:after {
background: #212121; }
.darckTheme .section-ultimasNoticias .bg-yellow {
background: #212121; }
.darckTheme .section-ultimasNoticias .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-ultimasNoticias .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-ultimasNoticias .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-ultimasNoticias .content-text .link-post:before {
background: #212121; }
.section-entrevistas {
margin-bottom: 150px;
position: relative; }
@media screen and (max-width: 993px) {
.section-entrevistas {
margin-bottom: 40px; } }
.section-entrevistas .img-destaque {
position: relative; }
@media screen and (max-width: 993px) {
.section-entrevistas .img-destaque {
display: none; } }
.section-entrevistas .img-destaque figure {
overflow: hidden;
position: relative;
margin: 0;
display: flex;
justify-content: center; }
.section-entrevistas .img-destaque figure img {
height: 100%;
object-fit: cover; }
.section-entrevistas .img-destaque .link a {
font-family: "Vale Sans";
color: #ffffff;
font-size: 20px;
line-height: 1.2;
text-decoration: underline !important; }
.section-entrevistas .img-destaque:first-of-type:before {
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #007e7a transparent transparent transparent;
left: 12px;
right: auto;
top: 100%;
position: absolute;
content: '';
z-index: 20; }
@media screen and (max-width: 993px) {
.section-entrevistas .img-destaque:first-of-type:before {
content: none; } }
.section-entrevistas .entrevista {
padding: 40px;
justify-content: center;
display: flex;
flex-direction: column; }
@media screen and (max-width: 993px) {
.section-entrevistas .entrevista {
padding: 40px 80px; } }
.section-entrevistas .entrevista h1,
.section-entrevistas .entrevista h2,
.section-entrevistas .entrevista h3,
.section-entrevistas .entrevista h4,
.section-entrevistas .entrevista h5,
.section-entrevistas .entrevista h6 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 15px;
font-weight: bold;
position: relative; }
.section-entrevistas .entrevista p {
color: #ffffff;
font-family: "Vale Sans";
margin: 0px 0px 20px 0px;
line-height: 1.2; }
.section-entrevistas .entrevista .link {
max-width: 240px;
justify-content: space-between; }
.section-entrevistas .entrevista .link p {
margin: 0px !important; }
.section-entrevistas .entrevista a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
position: relative;
z-index: 1;
text-decoration: none !important; }
.section-entrevistas .entrevista a:hover {
color: #ffffff; }
.darckTheme .section-entrevistas {
background: #212121; }
.darckTheme .section-entrevistas:before {
background: #212121; }
.darckTheme .section-entrevistas figure:before {
background: #000; }
.darckTheme .section-entrevistas figure::after {
background: #212121; }
.darckTheme .section-entrevistas span {
background: #ffffff; }
.darckTheme .section-entrevistas .entrevista p a::before {
background-color: #000; }
.section-newslatter {
margin: 100px 0px 80px;
position: relative; }
@media(max-width:767px){
.section-newslatter {
margin: 80px 0px 60px;
}
}
.section-newslatter .img-destaque {
position: relative; }
.section-newslatter .img-destaque:before {
position: absolute;
content: '';
background: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/conhecimento/smartphone_mockup.png);
background-size: cover;
display: block;
width: 80%;
height: 430px;
bottom: 0;
left: -38%;
z-index: 2; }
@media screen and (max-width: 993px) {
.section-newslatter .img-destaque {
display: none; } }
.section-newslatter figure {
overflow: hidden;
position: relative;
margin: 0;
display: flex;
justify-content: center;
max-height: 390px; }
.section-newslatter figure img {
min-width: 100%;
height: 100%;
object-fit: cover; }
@media screen and (max-width: 560px) {
.section-newslatter figure img {
width: 100%; } }
.section-newslatter .entrevista {
padding: 40px 160px 40px 80px !important;
justify-content: center;
display: flex;
flex-direction: column; }
@media(max-width:767px){
.section-newslatter .entrevista {
padding:40px 60px 50px 60px !important;
}
}
.section-newslatter .entrevista h1,
.section-newslatter .entrevista h2,
.section-newslatter .entrevista h3,
.section-newslatter .entrevista h4,
.section-newslatter .entrevista h5,
.section-newslatter .entrevista h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 15px;
font-weight: bold;
position: relative; }
.section-newslatter .entrevista p {
color: #ffffff;
font-family: "Vale Sans";
margin: 0px 0px 20px 0px;
line-height: 1.2; }
.section-newslatter .entrevista .link {
max-width: fit-content;
justify-content: space-between; }
.section-newslatter .entrevista .link p {
margin: 0px !important; }
.section-newslatter .entrevista a {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
position: relative;
z-index: 1;
text-decoration: none !important; }
.section-newslatter .entrevista a:hover {
color: #ffffff; }
.darckTheme .section-newslatter {
background: #212121; }
.darckTheme .section-newslatter:before {
background: #212121; }
.darckTheme .section-newslatter .img-destaque figure::after {
background: #212121; }
.darckTheme .section-newslatter .img-destaque span {
background: #ffffff; }
.darckTheme .section-newslatter p a::before {
background-color: #000; }
.section-post-unico {
padding-bottom: 100px; }
.section-post-unico .post-content {
display: flex;
flex-direction: column;
max-width: 800px;
margin: 0 auto;
position: relative; }
.section-post-unico .post-content figure{
margin:3rem auto;
}
.section-post-unico .post-content .content-other {
display: flex;
max-width: 85%; }
@media screen and (max-width: 768px) {
.section-post-unico .post-content .content-other {
flex-direction: column; margin-top:2rem;
} }
.section-post-unico .post-content .content-other .data {
color: #747876;
font-family: "Vale Sans";
padding-right: 5px; }
.section-post-unico .post-content .content-other .share_redes {
position: absolute;
right: 10px; }
.section-post-unico .post-content .content-other .share_redes ul {
display: flex; }
.section-post-unico .post-content .content-other .share_redes ul img {
width: 30px; }
.section-post-unico .post-content .content-other .share_redes ul li {
list-style: none;
border: 1px solid #e6e6e6;
padding: 3px 6px;
margin: 0px 4px; }
.section-post-unico .post-content .content-other .share_redes ul li .fa-facebook {
color: #0d71fd; }
.section-post-unico .post-content .content-other .share_redes ul li .fa-twitter {
color: #3fc1ff; }
.section-post-unico .post-content .content-other .share_redes ul li .fa-linkedin {
color: #5c9eff; }
.section-post-unico .post-content .content-publicacao {
border-top: 2px solid #e6e6e6;
padding-top: 10px;
margin-top: 20px; }
.section-post-unico .post-content .content-publicacao p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 20px; }
.section-post-unico .post-content .content-publicacao a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline !important; }
.section-post-unico .post-content .content-publicacao a.wp-block-button__link{
text-decoration: none !important; 
}
.section-post-unico .post-content .content-publicacao img {
width: 100%;
height: 100%;
object-fit: cover; }
.section-post-unico .post-content .content-publicacao video {
width: 100%; }
.section-post-unico .post-content .lista-tags {
display: block; }
@media screen and (max-width: 560px) {
.section-post-unico .post-content .lista-tags {
flex-direction: column;
margin-top: 20px; } }
.section-post-unico .post-content .lista-tags .tag {
color: #007e7a;
font-family: "Vale Sans";
position: relative;
padding-right: 5px; }
.section-post-unico .post-content .lista-tags h3 {
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
font-size: 12px;
font-size: 1.2rem; }
.section-post-unico .post-content .lista-tags .sep:last-child {
display: none; }
.section-posts-relacionados {
padding: 80px 0px 100px 0px;
position: relative;
margin-top: 100px; }
@media screen and (max-width: 1024px) {
.section-posts-relacionados {
padding: 80px 0px 100px 0px; } }
.section-posts-relacionados:before {
content: "";
right: 0px;
top: -100px;
background: #007e7a;
height: 130px;
width: 500px;
position: absolute;
clip-path: polygon(30% 0%, 100% 0, 100% 60%, 100% 100%, 25% 100%, 0 100%, 0 100%); }
@media screen and (max-width: 560px) {
.section-posts-relacionados:before {
top: -80px;
width: 70%; } }
.section-posts-relacionados:after {
content: "";
position: absolute;
height: 330px;
width: 100%;
top: 0;
left: 0;
background-color: #007e7a;
z-index: -1; }
.section-posts-relacionados .title-section {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px; }
@media(max-width:768px){
.section-posts-relacionados .title-section{
padding:0;
}
}
.section-posts-relacionados .title-section h1,
.section-posts-relacionados .title-section h2,
.section-posts-relacionados .title-section h3,
.section-posts-relacionados .title-section h4,
.section-posts-relacionados .title-section h5,
.section-posts-relacionados .title-section h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin: 0px;
font-weight: bold;
position: relative; }
.section-posts-relacionados .title-section a {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
text-decoration: underline !important;
margin: 0px 150px 0px 0px; }
.section-posts-relacionados .box-noticia .content-text .link-post,
.btn-card-post{
position: relative; }
.section-posts-relacionados .box-noticia .content-text .link-post:before,
.btn-card-post:before {
content: "";
position: absolute;
left: -4px;
top: 4px;
height: 15px;
width: 20px;
background-color: #F7AF01;
transform: rotate(140deg) skew(-40deg);
transform-style: flat; }
@media (min-width:768px){
.section-posts-relacionados .box-noticia{
padding-left:12px;
padding-right:12px;
}
}
.section-posts-relacionados .slick-track{
margin-left:0;
margin-right:0;
}
.section-posts-relacionados .box-noticia .content-text .link-post a,
.btn-card-post a {
transition: all 0.3s ease-in-out;
color: #007e7a;
font-family: "Vale Sans";
font-size: 1rem;
font-weight: bold;
position: relative;
z-index:1;
padding-left: 5px; }
.section-posts-relacionados .box-noticia .content-text .link-post a:hover,
.btn-card-post a:hover {
text-decoration: underline !important;
color: #007e7a;
}
.btn-card-post a img {
display: none;
}        .darckTheme .section-posts .title-section form input {
background: transparent;
color: #ffffff; }
.darckTheme .section-posts .title-section form .select-group select {
background: #000;
color: #ffffff; }
.darckTheme .section-posts .title-section form .select-group button {
border: 1px solid #ffffff !important;
background: #000 !important;
box-shadow: none !important; }
.darckTheme .section-posts:after {
background: #212121; }
.darckTheme .section-posts .bg-yellow {
background: #212121; }
.darckTheme .section-posts .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-posts .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-posts .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-posts .content-text .data {
color: #ffffff; }
.darckTheme .section-posts .content-text .tag {
color: #ffffff; }
.darckTheme .section-posts .content-text .link-post:before {
background: #212121; }
.darckTheme .section-post-unico .post-content .data {
color: #ffffff; }
.darckTheme .section-post-unico .post-content .tag {
color: #ffffff; }
.darckTheme .section-post-unico .post-content .content-publicacao video {
filter: grayscale(1); }
.darckTheme .section-posts-relacionados:before {
background: #212121; }
.darckTheme .section-posts-relacionados:after {
background: #212121; }
.darckTheme .section-posts-relacionados .box-noticia .box-bg .content-img {
filter: grayscale(100); }
.darckTheme .section-posts-relacionados .box-noticia .box-bg a:before {
background: #000; }
.darckTheme .section-posts-relacionados .box-noticia .box-bg:after {
background: #000; }
.darckTheme .section-posts-relacionados .content-text .link-post:before {
background: #212121; }
.section-depoimento-posts {
padding: 120px 0px 60px 0px; }
.section-depoimento-posts article {
position: relative;
margin-top: -50px; }
.section-depoimento-posts article:before {
content: "";
position: absolute;
top: -24px;
left: -33px;
height: 30px;
width: 3px;
background: #F7AF01;
transform: rotate(320deg);
border-radius: 5px; }
.section-depoimento-posts article:after {
content: "";
position: absolute;
top: 0;
left: -24px;
height: 100%;
width: 3px;
background: #F7AF01; }
.section-depoimento-posts article h1,
.section-depoimento-posts article h2,
.section-depoimento-posts article h3,
.section-depoimento-posts article h4,
.section-depoimento-posts article h5,
.section-depoimento-posts article h6 {
font-family: "Vale Sans";
color: #007e7a;
font-size: 20px;
line-height: 26px; }
.section-depoimento-posts article strong {
color: #747876;
font-family: "Vale Sans"; }
.section-depoimento-posts article p {
margin: 0; }
.darckTheme .section-depoimento-posts article:before {
background: #ffffff; }
.darckTheme .section-depoimento-posts article:after {
background: #ffffff; }
.darckTheme .section-depoimento-posts article p strong {
color: #ffffff; }
.section-resultadoBusca {
padding: 110px 0px; }
.section-resultadoBusca img {
position: absolute; }
.section-resultadoBusca li {
list-style: none; }
.title_search {
font-size: 20px;
font-size: 2rem;
font-family: "Vale Sans";
font-weight: bold;
line-height: 1.1;
color: #007e7a;
margin-bottom: 90px;
margin-top: 55px; }
.title_search span {
color: #747876; }
.result-search-list {
padding: 10px 0px; }
.result-search-list a {
font-family: "Vale Sans";
font-weight: bold;
color: #007e7a;
font-size: 12px;
font-size: 1.2rem;
margin-top: 10px; }
.result-search-list a:hover {
color: #007e7a; }
.result-search-list p {
font-family: "Vale Sans";
font-size: 9px;
font-size: 0.9rem;
color: #747876;
padding-top: 5px; }
.no-result-search-list {
margin-bottom: 20px; }
.no-result-search-list span {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
font-size: 1.8px;
font-size: 0.18rem; }
.alert-info p {
font-family: "Vale Sans";
font-size: 9px;
font-size: 0.9rem;
color: #007e7a; }
.post_pagination-busca {
text-align: center;
background: transparent;
border-radius: 100px;
padding: 15px;
margin-top: 50px; }
.post_pagination-busca .page-numbers {
background: #ffffff;
padding: 3px 8px;
border-radius: 100px;
margin: 3px;
color: #747876;
font-family: "Vale Sans";
z-index: 1; }
.post_pagination-busca .current {
background: #F7AF01;
padding: 3px 8px;
border-radius: 100px;
margin: 3px;
color: #ffffff;
font-family: "Vale Sans"; }
.post_pagination-busca a.page-numbers:before {
content: "";
background: #ffffff;
height: 25px;
width: 25px;
border-radius: 100px;
position: absolute;
margin-top: -5px;
margin-left: -8px;
z-index: -1; }
.post_pagination-busca a.page-numbers:after {
content: "";
width: 100%;
padding: 25px;
background: #00000003;
border-radius: 100px;
left: 0;
top: 47px;
position: absolute;
z-index: -1; }
.section-form-img {
margin:80px 0;
position: relative; }
@media screen and (max-width: 768px) {
.section-form-img {
margin:60px 0; } }
.section-form-img .faixa-section {
content: "";
right: 0px;
top: -33px;
background: #007e7a;
height: 130px;
width: 500px;
position: absolute;
clip-path: polygon(30% 0%, 100% 0, 100% 60%, 100% 100%, 25% 100%, 0 100%, 0 100%);
z-index: -1; }
@media screen and (max-width: 768px) {
.section-form-img .faixa-section {
display: none; } }
.section-form-img .icon-title {
display: flex;
align-items: center;
position: relative; }
@media screen and (max-width: 768px) {
.section-form-img .icon-title {
max-width: 100%;
margin-top: 0px; } }
.section-form-img .icon-title:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: 0;
top: 30%;
height: 40px;
width: 28px;
transform: rotate(135deg) skew(-46deg);
transform-style: flat;
z-index: -1; }
.section-form-img .icon-title h1,
.section-form-img .icon-title h2,
.section-form-img .icon-title h3,
.section-form-img .icon-title h4,
.section-form-img .icon-title h5,
.section-form-img .icon-title h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 10px;
padding-left: 30px; }
.section-form-img .icon-title img {
width: 50px;
height: 40px;
padding-left: 10px; }
@media screen and (max-width: 768px) {
.section-form-img .icon-title img {
margin-top: -70px; } }
.section-form-img .content-form {
padding: 60px 0;
border-bottom: 2px solid #007e7a;
width: 100%;
display:flex;
justify-content:center;}
@media screen and (max-width: 1024px) {
.section-form-img .content-form {
width: 100%;
margin: 0px 0px 20px;
padding: 0; } }
.section-form-img figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center; }
@media screen and (max-width: 1370px) {
.section-form-img figure {
justify-content: end; } }
.section-form-img figure img {
width: 500px;
height: 660px;
object-fit: cover;
z-index: 1;
clip-path: polygon(80% 0%, 100% 10%, 100% 100%, 100% 100%, 30% 100%, 0% 80%, 0 0); }
@media screen and (max-width: 1370px) {
.section-form-img figure img {
width: 75%; } }
@media screen and (max-width: 1024px) {
.section-form-img figure img {
width: 90%;
height: 665px;
margin-top: 30px; } }
@media screen and (max-width: 560px) {
.section-form-img figure img {
width: 90%;
height: 370px; } }
.section-form-img .forma-img-yellow {
position: relative; }
.section-form-img .forma-img-yellow:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: -40px;
top: 40%;
height: 160px;
width: 84px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 2; }
.section-form-img .screen-reader-response,
.pum-content .screen-reader-response {
display: none !important; }
.section-form-img form,
.pum-content form {
position: relative;
padding-bottom: 20px;
}
.section-form-img form label,
.pum-content form label,
.wpcf7-form label{
color: #F7AF01;
font-family: "Vale Sans";
font-weight: bold;
font-size: 16px; }    .section-form-img form .wpcf7-submit,
.pum-content form .wpcf7-submit {
font-family: "Vale Sans";
font-weight: bold;
color: #ffffff;
text-decoration: none;
border-radius: 4px;
background: #F7AF01 url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/chevron-right.png) no-repeat center right;
background-size: 20px;
border: none; }
.section-form-img form .wpcf7-not-valid-tip,
.pum-content form .wpcf7-not-valid-tip {
font-family: "Vale Sans";
color: #747876;
font-size: 14px; }
.section-form-img form p,
.pum-content form p {
margin: 10px 0px 20px; }
.section-form-img form .link-form,
.pum-content form .link-form {
display: none;
position: absolute;
right: 155px;
bottom: 25px;
color: #007e7a; } .pum-content form .wpcf7-submit {
bottom: auto;
position: relative; }
.darckTheme .section-form-img::before {
background: #212121; }
.darckTheme .section-form-img .icon-title:before {
background-color: #ffffff; }
.darckTheme .section-form-img .content-form {
border-bottom: 2px solid #ffffff; }
.darckTheme .section-form-img .content-form label {
color: #ffffff; }
.darckTheme .section-form-img .content-form input {
color: #ffffff; }
.darckTheme .section-form-img .content-form input:focus {
border: 2px solid #ffffff; }
.darckTheme .section-form-img .content-form input:active {
border: 2px solid #ffffff; }
.darckTheme .section-form-img .content-form .wpcf7-submit {
border: 1px solid #ffffff;
background: #000 url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/chevron-right.png) no-repeat center;
background-position-x: 100px;
background-size: 18px;
box-shadow: none; }
.darckTheme .section-form-img .forma-img-yellow::before {
background: #ffffff; }
.section-cta-imptensa {
margin:80px 0;
overflow: hidden; }
@media(max-width:767px){
.section-cta-imptensa {
margin:60px 0;
}
}
.section-cta-imptensa .content-cta {
background-color: #007e7a;
width: 70%;
padding: 60px 0px;
display: flex;
align-items: center;
position: relative; }
@media screen and (max-width: 768px) {
.section-cta-imptensa .content-cta {
width: 90%; } }
.section-cta-imptensa .content-cta::before {
content: "";
left: -60px;
background: #ffffff;
height: 130px;
width: 184px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -70px;
z-index: 2; }
.section-cta-imptensa .content-cta::after {
content: "";
right: -50px;
background: #ffffff;
height: 120px;
width: 150px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
margin-top: -60px;
bottom: -60px; }
.section-cta-imptensa .content-cta span {
background-color: #F7AF01;
position: absolute;
left: -20px;
top: 25%;
height: 140px;
width: 60px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 38; }
.section-cta-imptensa .content-cta img {
z-index: 99;
width: 100px; }
@media screen and (max-width: 768px) {
.section-cta-imptensa .content-cta img {
margin-left: -9px; } }
.section-cta-imptensa .content-cta h1,
.section-cta-imptensa .content-cta h2,
.section-cta-imptensa .content-cta h3,
.section-cta-imptensa .content-cta h4,
.section-cta-imptensa .content-cta h5,
.section-cta-imptensa .content-cta h6 {
margin-right: 80px;
margin-left: 30px;
color: #ffffff;
font-family: "Vale Sans"; }
.section-cta-imptensa .content-cta a {
color: #F7AF01;
font-family: "Vale Sans";
text-decoration: underline !important; }
.darckTheme .content-cta {
background-color: #212121; }
.darckTheme .content-cta:before {
background-color: #000; }
.darckTheme .content-cta::after {
background-color: #000; }
.darckTheme .content-cta span {
background-color: #565656; }
.section-faq {
padding: 50px 0px 100px 0px;
margin-bottom: 100px;
position: relative; }
@media screen and (max-width: 560px) {
.section-faq {
padding: 50px 0px 40px 0px; } }
.section-faq.page {
margin-bottom: 0;
padding: 0; }
.section-faq.page:after {
content: none; }
.section-faq .faixa-section {
left: 0px;
background: #007e7a;
height: 130px;
width: 40%;
position: absolute;
clip-path: polygon(50% 0%, 100% 100%, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
z-index: -1; }
@media screen and (max-width: 560px) {
.section-faq .faixa-section {
display: none; } }
.section-faq:after {
content: "";
right: 0px;
bottom: -100px;
background: #F7AF01;
height: 110px;
width: 400px;
position: absolute;
clip-path: polygon(30% 0%, 100% 0, 100% 60%, 100% 100%, 25% 100%, 0 100%, 0 100%);
z-index: -1; }
@media screen and (max-width: 560px) {
.section-faq:after {
bottom: -100px;
width: 80%; } }
.section-faq figure {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
margin-top: 65px !important;
width: 500px;
margin: 0 auto; }
@media screen and (max-width: 1370px) {
.section-faq figure {
justify-content: start; } }
@media screen and (max-width: 1024px) {
.section-faq figure {
justify-content: start; } }
@media screen and (max-width: 560px) {
.section-faq figure {
display: none; } }
.section-faq figure:before {
content: "";
left: -64px;
background: #007e7a;
height: 152px;
width: 168px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -100px;
z-index: 2; }
.section-faq figure:after {
content: "";
right: -80px;
background: #ffffff;
height: 180px;
width: 250px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -110px;
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-faq figure:after {
right: 0; } }
.section-faq figure img {
width: 500px;
height: 710px;
object-fit: cover; }
@media screen and (max-width: 1370px) {
.section-faq figure img {
width: 80%; } }
@media screen and (max-width: 1024px) {
.section-faq figure img {
width: 70%; } }
@media screen and (max-width: 768px) {
.section-faq figure img {
width: 60%; } }
.section-faq .forma-img-yellow {
position: relative; }
.section-faq .forma-img-yellow:before {
content: "";
background-color: #F7AF01;
position: absolute;
left: -40px;
top: 40%;
height: 160px;
width: 84px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
z-index: 2; }
.section-faq .content-faq {
margin-top: 30px; }
.section-faq .content-faq .content-duvida {
max-width: 100%;
position: relative;
cursor: pointer;
margin-bottom: 30px;
margin-left: 50px;
color: #007e7a;
font-family: "Vale Sans";
font-weight: 500;
font-size: 12px;
font-size: 1.2rem; }
.section-faq .content-faq .content-duvida:before {
content: "";
position: absolute;
left: -30px;
top: 13px;
height: 4px;
width: 20px;
background-color: #F7AF01; }
.section-faq .content-faq .content-duvida span {
position: absolute;
left: -40px;
top: 0;
padding: 4px 10px;
background: #C21A5E;
font-size: 9px;
font-size: 0.9rem;
color: #ffffff; }
.section-faq .content-faq .content-duvida span .hide {
display: none; }
.section-faq .content-faq .content-duvida span .fa-minus:after {
content: "";
height: 20px;
width: 100%;
position: absolute;
background: #C21A5E;
bottom: -20px;
left: 0;
clip-path: polygon(100% 0, 100% 100%, 100% 60%, 100% 100%, 100% 100%, 0 10%, 0 0); }
.section-faq .content-faq .content-duvida .content-resposta {
display: none;
color: #747876;
font-size: 12px;
font-size: 1.2rem;
background-color: #ffffff;
margin: 20px 0px 30px; }
.section-faq .content-faq .content-duvida .content-resposta a {
color: #007e7a;
font-family: "Vale Sans";
text-decoration: underline !important; }
.darckTheme .section-faq:before {
background-color: #212121; }
.darckTheme .section-faq::after {
background-color: #212121; }
.darckTheme .section-faq figure:before {
background-color: #212121; }
.darckTheme .section-faq figure::after {
background-color: #000; }
.darckTheme .section-faq .content-faq .content-duvida {
color: #ffffff; }
.darckTheme .section-faq .content-faq .content-duvida:before {
background-color: #ffffff; }
.darckTheme .section-faq .content-faq .content-duvida span {
background-color: #212121; }
.darckTheme .section-faq .content-faq .content-duvida span .fa-minus:after {
background-color: #212121; }
.darckTheme .section-faq .content-faq .content-resposta {
background: #000;
border-bottom: 1px solid #000; }
.section-cta-acompanhe-fundo-vale {
padding: 50px 0px;
background-color: #007e7a; }
.section-cta-acompanhe-fundo-vale h1,
.section-cta-acompanhe-fundo-vale h2,
.section-cta-acompanhe-fundo-vale h3,
.section-cta-acompanhe-fundo-vale h4,
.section-cta-acompanhe-fundo-vale h5,
.section-cta-acompanhe-fundo-vale h6 {
color: #ffffff;
font-family: "Vale Sans";
font-weight: bold;
margin-bottom: 30px; }
.section-cta-acompanhe-fundo-vale .content-cta {
border: 1px solid #ffffff;
border-radius: 4px;
padding: 20px 50px 30px 30px;
display: flex; }
.section-cta-acompanhe-fundo-vale .content-cta img {
width: 30px;
height: 30px; }
.section-cta-acompanhe-fundo-vale .content-cta .content-text {
padding-left: 20px; }
.section-cta-acompanhe-fundo-vale .content-cta .content-text h1,
.section-cta-acompanhe-fundo-vale .content-cta .content-text h2,
.section-cta-acompanhe-fundo-vale .content-cta .content-text h3,
.section-cta-acompanhe-fundo-vale .content-cta .content-text h4,
.section-cta-acompanhe-fundo-vale .content-cta .content-text h5,
.section-cta-acompanhe-fundo-vale .content-cta .content-text h6 {
color: #ffffff;
font-family: "Vale Sans";
margin-bottom: 10px; }
.section-cta-acompanhe-fundo-vale .content-cta .content-text p {
color: #ffffff;
font-family: "Vale Sans";
font-size: 10px;
font-size: 1rem; }
.section-cta-acompanhe-fundo-vale .content-redes {
display: flex;
align-items: center;
justify-content: center; }
.section-cta-acompanhe-fundo-vale .content-redes ul {
display: flex;
padding: 0;
margin-top: 60px; }
.section-cta-acompanhe-fundo-vale .content-redes ul li {
list-style: none;
margin: 0px 34px;
position: relative;
display: flex;
align-items: center;
justify-content: center; }
.section-cta-acompanhe-fundo-vale .content-redes ul li:before {
content: "";
position: absolute;
padding: 10px;
border-radius: 100px;
background-color: #ffffff;
height: 35px;
width: 35px; }
.section-cta-acompanhe-fundo-vale .content-redes ul li a {
position: absolute; }
.section-cta-acompanhe-fundo-vale .content-redes ul li a i {
color: #007e7a;
font-size: 20px; }
.darckTheme .section-cta-acompanhe-fundo-vale {
background-color: #212121; }
.darckTheme .section-cta-acompanhe-fundo-vale .content-redes ul li a i {
color: #000 !important; }
.section-imagem-texto-fomento {
margin: 80px 0px;
overflow: hidden; }
@media(max-width:767px){
.section-imagem-texto-fomento {
margin: 60px 0px;
}
}
.section-imagem-texto-fomento figure {
position: relative; }
@media screen and (max-width: 560px) {
.section-imagem-texto-fomento figure {
margin-top: 40px;
overflow: hidden;
display: flex;
justify-content: center; } }
.section-imagem-texto-fomento figure:before {
content: none;
left: -70px;
background: #ffffff;
height: 130px;
width: 240px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
top: -100px;
z-index: 2; }
.section-imagem-texto-fomento figure::after {
content: none;
right: -60px;
background: #ffffff;
height: 110px;
width: 240px;
position: absolute;
transform: rotate3d(1, 0, 1, 310deg);
bottom: -40px; }
.section-imagem-texto-fomento figure img {
width: 520px;
height: 590px;
object-fit: cover;
position: relative; }
@media screen and (max-width: 1370px) {
.section-imagem-texto-fomento figure img {
width: 100%;
height: 470px; } }
@media screen and (max-width: 1024px) {
.section-imagem-texto-fomento figure img {
width: 100%; } }
@media screen and (max-width: 560px) {
.section-imagem-texto-fomento figure img {
width: 100%;
height: 450px; } }
.section-imagem-texto-fomento figure span {
position: absolute;
right: -30px;
top: 70px;
height: 140px;
width: 80px;
transform: rotate(150deg) skew(-30deg);
transform-style: flat;
background-color: #F7AF01; }
.section-imagem-texto-fomento .content-text-fomento {
padding-left: 80px; }
@media screen and (max-width: 1024px) {
.section-imagem-texto-fomento .content-text-fomento {
padding-left: 40px; } }
@media screen and (max-width: 560px) {
.section-imagem-texto-fomento .content-text-fomento {
padding: 0px; } }
.section-imagem-texto-fomento .content-text-fomento h1,
.section-imagem-texto-fomento .content-text-fomento h2,
.section-imagem-texto-fomento .content-text-fomento h3,
.section-imagem-texto-fomento .content-text-fomento h4,
.section-imagem-texto-fomento .content-text-fomento h5,
.section-imagem-texto-fomento .content-text-fomento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-imagem-texto-fomento .content-text-fomento p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 24px; }
.darckTheme .section-imagem-texto-fomento figure:before {
background: #000; }
.darckTheme .section-imagem-texto-fomento figure:after {
background: #000; }
.darckTheme .section-imagem-texto-fomento figure span {
background: #ffffff; }
.section-texto-imagem-fomento {
margin: 80px 0;
overflow: hidden;
position: relative; }
@media screen and (max-width: 560px) {
.section-texto-imagem-fomento {
margin: 60px 0; } }
.section-texto-imagem-fomento .content-img {
position: absolute;
max-width: 57%;
right: 0; }
@media screen and (max-width: 1024px) {
.section-texto-imagem-fomento .content-img {
max-width: 65%;
margin-top: 100px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-fomento .content-img {
position: relative;
max-width: 100%;
margin-top: 20px; } }
.section-texto-imagem-fomento .content-img .thumb-header {
position: relative; }
.section-texto-imagem-fomento .content-img .thumb-header span {
position: absolute;
left: 17%;
top: -11px;
height: 150px;
width: 150px;
transform: rotate(330deg);
background-color: #F7AF01;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
z-index: -2; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-fomento .content-img .thumb-header span {
transform: rotate(315deg); } }
@media screen and (max-width: 1024px) {
.section-texto-imagem-fomento .content-img .thumb-header span {
top: 4px;
transform: rotate(315deg); } }
@media screen and (max-width: 560px) {
.section-texto-imagem-fomento .content-img .thumb-header span {
left: 0%; } }
.section-texto-imagem-fomento .content-img .thumb-header img {
position: absolute;
right: -114px;
top: 0;
height: 500px;
object-fit: cover;
width: 100%;
clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 75%, 60% 75%, 44% 100%, 0 100%, 0% 80%, 0% 45%, 35% 0);
z-index: 2; }
@media screen and (max-width: 1370px) {
.section-texto-imagem-fomento .content-img .thumb-header img {
height: 470px; } }
@media screen and (max-width: 560px) {
.section-texto-imagem-fomento .content-img .thumb-header img {
position: relative;
right: 0;
height: 330px; } }
.section-texto-imagem-fomento .content-text-fomento {
padding-top: 100px; }
@media(max-width:767px){
.section-texto-imagem-fomento .content-text-fomento {
padding-top: 0; }
}
.section-texto-imagem-fomento .content-text-fomento h1,
.section-texto-imagem-fomento .content-text-fomento h2,
.section-texto-imagem-fomento .content-text-fomento h3,
.section-texto-imagem-fomento .content-text-fomento h4,
.section-texto-imagem-fomento .content-text-fomento h5,
.section-texto-imagem-fomento .content-text-fomento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 28px;
margin-bottom: 20px; }
.section-texto-imagem-fomento .content-text-fomento p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 24px; }
.darckTheme .section-texto-imagem-fomento .thumb-header span {
background: #ffffff; }
.section-img-texto-portfolio-fomento {
padding: 50px 0px 50px 0px; }
.section-img-texto-portfolio-fomento .img-portifolio {
position: relative; }
.section-img-texto-portfolio-fomento figure {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; }
.section-img-texto-portfolio-fomento figure:before {
content: '';
z-index: 5;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 200px 200px;
border-color: transparent transparent #007e7a transparent;
transform: rotate(0deg); }
.section-img-texto-portfolio-fomento figure img {
width: 100%;
object-fit: cover;
position: relative; }
.section-img-texto-portfolio-fomento .content-text-fomento {
position: relative;
padding-left: 30px; }
@media screen and (max-width: 560px) {
.section-img-texto-portfolio-fomento .content-text-fomento {
padding: 0px 40px; } }
.section-img-texto-portfolio-fomento .content-text-fomento h1,
.section-img-texto-portfolio-fomento .content-text-fomento h2,
.section-img-texto-portfolio-fomento .content-text-fomento h3,
.section-img-texto-portfolio-fomento .content-text-fomento h4,
.section-img-texto-portfolio-fomento .content-text-fomento h5,
.section-img-texto-portfolio-fomento .content-text-fomento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 1.6;
margin-bottom: 20px; }
.section-img-texto-portfolio-fomento .content-text-fomento p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 1.6; }
.section-img-texto-portfolio-fomento .content-text-fomento button {
color: #ffffff !important;
display: inline-flex;
border: 0; }
.section-img-texto-portfolio-fomento .content-text-fomento a,
.section-img-texto-portfolio-fomento .content-text-fomento .btn {
color: #ffffff !important;
font-family: "Vale Sans";
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: space-around;
min-width: 140px; }
.section-img-texto-portfolio-fomento .content-text-fomento a:hover, .section-img-texto-portfolio-fomento .content-text-fomento a:visited,
.section-img-texto-portfolio-fomento .content-text-fomento .btn:hover,
.section-img-texto-portfolio-fomento .content-text-fomento .btn:visited {
color: #ffffff !important; }
.section-img-texto-portfolio-fomento .content-text-fomento a svg,
.section-img-texto-portfolio-fomento .content-text-fomento .btn svg {
min-height: 20px;
max-height: 25px;
margin-left: auto; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn {
padding: 10px 20px;
text-decoration: none;
border-radius: 4px; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-projeto {
padding: 10px 20px;
background: #F7AF01;
transition: 400ms;
margin-right: 10px;
min-width: 210px; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-projeto:hover {
color: #ffffff;
background-color: #ecb11fc4;
box-shadow: 0px 3px 9px -2px #ecb11fc4;
border: 0; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-primary-vale {
background: #F7AF01;
box-shadow: 0px 3px 9px -2px #ecb11fc4;
transition: 400ms; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-primary-vale:hover {
color: #ffffff;
background-color: #ecb11fc4;
border: 0; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-primary-vale img {
width: 18px;
height: 18px;
margin-left: 7px;
margin-top: -2px; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale {
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px;
background: #007e7a;
box-shadow: 0px 3px 9px -2px #007e7a8c;
transition: 400ms; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale a {
color: #ffffff; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale:hover {
color: #ffffff;
transition: 400ms;
border: 0; }
.section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale img {
width: 18px;
height: 18px;
margin-left: 7px;
margin-top: -2px; }
@media screen and (max-width: 560px) {
.section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale {
margin-top: -10px; } }
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog {
max-width: 80% !important;
margin-top: 60px; }
@media screen and (max-width: 768px) {
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog {
max-width: 95% !important; } }
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg {
position: relative; }
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg:before {
content: "";
background: #007e7a;
height: 60px;
width: 60px;
top: 10px;
right: -20px;
position: absolute;
z-index: 2;
transform: rotate(150deg) skew(-30deg);
transform-style: flat; }
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg .btn-close {
right: 0;
position: absolute;
top: 30px;
z-index: 9999; }
.section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog .modal-body img {
width: 100%;
height: 80vh;
object-fit: cover; }
.darckTheme .section-img-texto-portfolio-fomento figure span {
background: #ffffff; }
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h1:before,
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h2:before,
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h3:before,
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h4:before,
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h5:before,
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento h6:before {
background-color: #ffffff; }
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento .btn-primary-vale {
color: #ffffff;
background: #000;
box-shadow: none;
border: 1px solid #ffffff; }
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento .btn-secundary-vale {
color: #ffffff;
background: #000;
box-shadow: none;
border: 1px solid #ffffff; }
.darckTheme .section-img-texto-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg:before {
background: #ffffff; }
.section-texto-img-portfolio-fomento {
margin: 80px 0px; }
@media(max-width:767px){
.section-texto-img-portfolio-fomento {
margin: 60px 0px; }
}
.section-texto-img-portfolio-fomento figure {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; }
.section-texto-img-portfolio-fomento figure:before {
content: '';
z-index: 5;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 200px 200px;
border-color: transparent transparent #007e7a transparent;
transform: rotate(0deg); }
.section-texto-img-portfolio-fomento figure img {
width: 100%;
object-fit: cover;
position: relative; }
.section-texto-img-portfolio-fomento .content-text-fomento {
position: relative;}
@media screen and (max-width: 560px) {
.section-texto-img-portfolio-fomento .content-text-fomento {
padding: 0 0 40px; 
gap: 0.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}} 
.section-texto-img-portfolio-fomento .content-text-fomento h1,
.section-texto-img-portfolio-fomento .content-text-fomento h2,
.section-texto-img-portfolio-fomento .content-text-fomento h3,
.section-texto-img-portfolio-fomento .content-text-fomento h4,
.section-texto-img-portfolio-fomento .content-text-fomento h5,
.section-texto-img-portfolio-fomento .content-text-fomento h6 {
color: #007e7a;
font-family: "Vale Sans";
font-weight: bold;
line-height: 1.6;
margin-bottom: 20px; }
.section-texto-img-portfolio-fomento .content-text-fomento p {
color: #747876;
font-family: "Vale Sans";
margin-bottom: 25px;
line-height: 1.6; }
.section-texto-img-portfolio-fomento .content-text-fomento button {
color: #ffffff !important;
display: inline-flex;
border: 0; } .section-texto-img-portfolio-fomento .content-text-fomento a:hover, .section-texto-img-portfolio-fomento .content-text-fomento a:visited,
.section-texto-img-portfolio-fomento .content-text-fomento .btn:hover,
.section-texto-img-portfolio-fomento .content-text-fomento .btn:visited {
color: #ffffff !important; }
.section-texto-img-portfolio-fomento .content-text-fomento a svg,
.section-texto-img-portfolio-fomento .content-text-fomento .btn svg {
min-height: 20px;
max-height: 25px;
margin-left: auto; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn {
padding: 10px 20px;
text-decoration: none;
border-radius: 4px; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-projeto {
padding: 10px 20px;
background: #F7AF01;
transition: 400ms;
margin-right: 10px;
min-width: 210px; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-projeto:hover {
color: #ffffff;
background-color: #ecb11fc4;
box-shadow: 0px 3px 9px -2px #ecb11fc4;
border: 0; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-primary-vale {
background: #F7AF01;
box-shadow: 0px 3px 9px -2px #ecb11fc4;
transition: 400ms; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-primary-vale:hover {
color: #ffffff;
background-color: #ecb11fc4;
border: 0; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-primary-vale img {
width: 18px;
height: 18px;
margin-left: 7px;
margin-top: -2px; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale {
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px;
background: #007e7a;
box-shadow: 0px 3px 9px -2px #007e7a8c;
transition: 400ms; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale a {
color: #ffffff; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale:hover {
color: #ffffff;
transition: 400ms;
border: 0; }
.section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale img {
width: 18px;
height: 18px;
margin-left: 7px;
margin-top: -2px; }
@media screen and (max-width: 560px) {
.section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale {
margin-top: -10px; } }
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog {
max-width: 80% !important;
margin-top: 60px; }
@media screen and (max-width: 768px) {
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog {
max-width: 95% !important; } }
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg {
position: relative; }
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg:before {
content: "";
background: #007e7a;
height: 60px;
width: 60px;
top: 10px;
right: -20px;
position: absolute;
z-index: 2;
transform: rotate(150deg) skew(-30deg);
transform-style: flat; }
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg .btn-close {
right: 0;
position: absolute;
top: 30px;
z-index: 9999; }
.section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog .modal-body img {
width: 100%;
height: 80vh;
object-fit: cover; }
.darckTheme .section-texto-img-portfolio-fomento figure span {
background: #ffffff; }
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h1:before,
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h2:before,
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h3:before,
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h4:before,
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h5:before,
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento h6:before {
background-color: #ffffff; }
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento .btn-primary-vale {
color: #ffffff;
background: #000;
box-shadow: none;
border: 1px solid #ffffff; }
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento .btn-secundary-vale {
color: #ffffff;
background: #000;
box-shadow: none;
border: 1px solid #ffffff; }
.darckTheme .section-texto-img-portfolio-fomento .content-text-fomento .modal-dialog .bt-close-bg:before {
background: #ffffff; }
#sustentaBio {
overflow: hidden;
margin-top: -135px;
position: relative; }
#sustentaBio .header {
position: relative;
max-height: 90vh; }
#sustentaBio .header img {
width: 100%;
margin: 0;
padding: 0; }
@media (max-width:767px){
#sustentaBio .header img {
height:100%;
object-fit:cover;
}
}
#sustentaBio .conteudoHeader {
position: absolute;
top: 0;
color: white;
top: 44%;
top: 50%;
transform: translateY(-50%);
left: 10%;
width: 68%;
border-radius: 6px; }
#sustentaBio .conteudoHeader h2 {
font-weight: normal; }
#sustentaBio .conteudoHeader h1 {
font-size: 58px;
margin-bottom: 11px; }
#sustentaBio .conteudoHeader h3 {
font-weight: normal;
margin-top: 20px; }
#sustentaBio .conteudo-programa h2,
#sustentaBio .conteudo-programa h4 {
color: #D14700; }
#sustentaBio .cadeias-slider {
padding: 2rem 0;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px; }
#sustentaBio .cadeias-slider .slick-list {
padding: 0 !important;
margin: 0;
overflow: visible; }
#sustentaBio .cadeias-slider .slick-slide {
text-align: center;
padding: 0 20px;
opacity: 0.5;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(0.85);
will-change: transform, opacity;
padding-left: 4rem; }
#sustentaBio .cadeias-slider .slick-slide img {
width: 300px;
height: 300px;
object-fit: contain;
margin: 0 auto;
display: block;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
will-change: width, height; }
#sustentaBio .cadeias-slider .slick-slide h4 {
color: #333;
font-weight: 600;
margin-top: 0.5rem;
font-size: 1.2rem;
text-align: center;
opacity: 0.7;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
#sustentaBio .cadeias-slider .slick-slide.slick-current {
opacity: 1;
transform: scale(1); }
#sustentaBio .cadeias-slider .slick-slide.slick-current img {
width: 350px;
height: 350px; }
#sustentaBio .cadeias-slider .slick-slide.slick-current h4 {
opacity: 1;
font-size: 1.4rem;
margin-top: 1rem; }
#sustentaBio .cadeias-slider .slick-slide.slick-active:not(.slick-current) {
opacity: 0.8;
transform: scale(0.9); }
#sustentaBio .cadeias-slider .slick-slide:last-child {
margin-right: 0; }
#sustentaBio .cadeias-slider.slick-slider {
touch-action: pan-y;
user-select: none;
-webkit-tap-highlight-color: transparent; }
#sustentaBio .cadeias-slider .slick-track {
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important; }
#sustentaBio .cadeias-slider .slick-prev,
#sustentaBio .cadeias-slider .slick-next {
width: 585px !important;
height: 40px;
background: transparent;
border: none;
box-shadow: none;
z-index: 1;
top: 100% !important;
transform: translateY(-50%);
transition: all 0.3s ease;
cursor: pointer;
position: absolute; }
#sustentaBio .cadeias-slider .slick-prev:before,
#sustentaBio .cadeias-slider .slick-next:before {
display: none; }
#sustentaBio .cadeias-slider .slick-prev img,
#sustentaBio .cadeias-slider .slick-next img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease; }
#sustentaBio .cadeias-slider .slick-prev:hover,
#sustentaBio .cadeias-slider .slick-next:hover {
background: transparent; }
#sustentaBio .cadeias-slider .slick-prev:hover img,
#sustentaBio .cadeias-slider .slick-next:hover img {
transform: scale(1.1); }
#sustentaBio .cadeias-slider .slick-prev:focus,
#sustentaBio .cadeias-slider .slick-next:focus {
outline: none; }
#sustentaBio .cadeias-slider .slick-prev {
left: -50px; }
#sustentaBio .cadeias-slider .slick-next {
right: -50px; }
#sustentaBio .cadeias-slider .slick-dots {
bottom: -2rem; }
#sustentaBio .cadeias-slider .slick-dots li {
margin: 0 5px; }
#sustentaBio .cadeias-slider .slick-dots li button:before {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(2, 77, 172, 0.3);
opacity: 1;
color: transparent;
content: ''; }
#sustentaBio .cadeias-slider .slick-dots li.slick-active button:before {
background-color: #024DAC; }
@media (max-width: 768px) {
#sustentaBio .cadeias-slider {
padding: 1rem; }
#sustentaBio .cadeias-slider .slick-slide img {
width: 180px;
height: 180px; }
#sustentaBio .cadeias-slider .slick-slide.slick-current img {
width: 280px;
height: 280px;
position: relative;
left: -50px; }
#sustentaBio .cadeias-slider .slick-slide h4 {
font-size: 1.2rem;
margin-top: 0.5rem; }
#sustentaBio .cadeias-slider .slick-prev,
#sustentaBio .cadeias-slider .slick-next {
width: 40px !important;
height: 40px;
top: 50% !important; }
#sustentaBio .cadeias-slider .slick-prev img,
#sustentaBio .cadeias-slider .slick-next img {
width: 100%;
height: 100%; }
#sustentaBio .cadeias-slider .slick-prev {
left: 10px; }
#sustentaBio .cadeias-slider .slick-next {
right: 10px; } }
#sustentaBio .carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #024DAC !important;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease; }
#sustentaBio .cadeias-produtivas .carousel-indicators [data-bs-target] {
background-color: #024DAC !important;
opacity: 0.3;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
margin: 0 5px !important;
border: 0 !important; }
#sustentaBio .cadeias-produtivas .carousel-indicators [data-bs-target].active {
opacity: 1; }
#sustentaBio body #carouselCadeias .carousel-control-prev.hidden,
#sustentaBio body #carouselCadeias .carousel-control-next.hidden {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important; }
#sustentaBio .area-atuacao {
width: 70%;
margin: 3vw auto;
margin-bottom: 0; }
#sustentaBio .area-atuacao h2 {
color: #35756E;
font-size: 40px;
font-weight: bold;
margin-bottom: 1vw; }
#sustentaBio .area-atuacao p {
color: #7E8483;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
width: 100%;
margin-bottom: 2rem; }
#sustentaBio .area-atuacao .conteudo-direita {
position: absolute; }
#sustentaBio .area-atuacao .carrosel {
margin-top: 2vw; }
#sustentaBio .area-atuacao .carrosel-item {
display: flex !important;
align-items: flex-start !important;
align-items: baseline;
justify-content: center; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-img {
padding: 10px; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-img img {
width: 100%;
height: auto; }
@media(max-width:767px){
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-img.mapa-brasil img {
display:none; }
}
@media(min-width:768px){
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-img.mapa-brasil img {
width: 90%;
margin-top: 100px; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo {
margin-top: 2rem;
}
#sustentaBio .area-atuacao .carrosel-item {
padding: 0 20px !important;
}
}
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 3rem;
box-sizing: border-box;
color: white;
border-radius: 30px;
position: relative;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/sustenta-bio/bg-atuacao.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: -31px; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo img {
width: 80%;
padding: 0 20px;
margin: 0 auto; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo ul {
margin-top: 1rem;
text-align: left;
width: 100%;
padding: 0; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo ul li {
list-style: none;
padding: 0 !important;
margin: 0 !important;
color: #FFF;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.48px; }
#sustentaBio .area-atuacao .carrosel-item .carrosel-item-conteudo h4 {
color: #FFF;
text-align: left;
font-size: 37px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 1rem; }
#sustentaBio .objetivos {
margin-top: -50px;
padding-top: 4vw;
padding-bottom: 7vw;
background-color: #F5F5F5; }
#sustentaBio .item-objetivos {
width: 80%;
margin: 0 auto; }
#sustentaBio .objetivo {
gap: 2rem;
background-color: white;
margin-bottom: 15px;
padding: 2rem;
align-items: center;
text-align: left;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/sustenta-bio/bg-objetivo.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 72px; }
#sustentaBio .conteudo-objetivo h4 {
color: #502487;
font-size: 24px;
font-style: normal; }
#sustentaBio .container-projetos {
width: 80%;
margin: 40px auto;
padding: 40px 20px; }
#sustentaBio .container-projetos .imagem-secao img {
width: 100%; }
#sustentaBio .footerDetalhe {
margin-top: -4vw; }
#sustentaBio .cadeias-produtivas h2 {
color: #024DAC;
font-size: 40px;
font-style: normal;
font-weight: bold;
line-height: normal;
margin-bottom: 24px; }
#sustentaBio .cadeias-produtivas.container.mt-5 h4 {
text-align: center;
color: #024DAC;
font-size: 27px;
font-weight: 700; }
#sustentaBio .cadeias-produtivas {
width: 80%;
margin: 0 auto; }
#sustentaBio .container.cadeias-produtivas.container.mt-5 {
width: 70% !important; }
#sustentaBio .rede {
width: 70% !important;
margin: 0 auto; }
#sustentaBio .rede strong {
color: #D14700; }
#sustentaBio .container-logos {
margin-top: 2vw;
display: flex;
flex-wrap: wrap;
margin-bottom: 1vw;
gap: .5rem;
margin-bottom: 8vw !important; }
#sustentaBio .container-logos .logo {
width: calc(20% - 0.5rem);
}
#sustentaBio .container-logos .logo img {
max-width: 100%;
width: 100%;
}
#sustentaBio .hrdetralhe {
margin: 0 auto !important;
margin-bottom: 5vw !important;
display: flex;
justify-content: center; }
#sustentaBio .pre-footer.container {
margin-top: 3vw;
margin-bottom: 8vw; }
#sustentaBio .pre-footer.container h4 {
font-size: 0.85rem;
margin-bottom: 5px;
width: 100%; }
#sustentaBio .pre-footer.container .pre-footer-image {
display: flex;
width: 100%;
justify-content: space-around; }
#sustentaBio .pre-footer.container .pre-footer-image img {
margin-bottom: 5px; }
#sustentaBio .pre-footer.container .pre-footer-image .logo-programa {
padding: 5px 5px 0 0; }
#sustentaBio .pre-footer.container .pre-footer-image .logo-programa .logo {
display: flex;
padding-right: 30px;
padding: 12px 30px 0 0; }
#sustentaBio .pre-footer.container .pre-footer-image .logos-parceiros {
display: flex;
flex-wrap: wrap;
padding: 5px 15px;
border-left: 1px solid #D14700; }
#sustentaBio .pre-footer.container .pre-footer-image .logos-parceiros .logo {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
min-width: 20px;
max-width: 160px; }
#sustentaBio .container-sustenta-numeros {
background-color: #E5710C;
padding-bottom: 5rem; }
#sustentaBio .sustenta-numeros {
width: 70%;
margin: 0 auto;
margin-top: 0;
color: white;
padding: 2rem 5rem; }
#sustentaBio .sustenta-numeros h2 {
font-weight: bold;
font-size: 44px; }
#sustentaBio .container-number {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-top: 4vw;
justify-content: center; }
#sustentaBio .bignumbers {
width: 21%;
padding: .7rem; }
#sustentaBio .number {
font-size: 80px;
font-weight: bold;
line-height: normal;
letter-spacing: -1.64px;
text-align: center; }
#sustentaBio .bignumbers.bgDetalhe {
color: #D14700;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/sustenta-bio/bg-bignumber.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-size: 100% 100%; }
#sustentaBio .text-number {
text-align: center; }
#sustentaBio .sup {
position: relative; }
#sustentaBio .sup sup {
top: 3vw;
position: absolute;
left: .3vw;
font-size: 14px;
font-weight: bold; }
#sustentaBio .headerBignumber {
width: 100%;
margin-top: 5vw;
}
#sustentaBio .FooterBignumber {
width: 100%;
padding-bottom: 4vw;
position: relative;
z-index: 10;
}
#sustentaBio .text-number strong {
font-size: 19px; }
#sustentaBio #carrosel-area-atuacao {
padding: 2rem 0;
max-width: 1200px;
margin: 0 auto; }
#sustentaBio #carrosel-area-atuacao .slick-list {
padding: 0 !important;
margin: 0; }
#sustentaBio #carrosel-area-atuacao .slick-slide {
text-align: center;
padding: 0; }
#sustentaBio #carrosel-area-atuacao .slick-slide .carrosel-item {
display: flex;
gap: 8rem;
opacity: 1;
transform: none; }
#sustentaBio #carrosel-area-atuacao .slick-prev,
#sustentaBio #carrosel-area-atuacao .slick-next {
width: 1208px !important;
height: 40px;
border: none;
border-radius: 50%;
box-shadow: none;
z-index: 1;
top: 67% !important;
transform: translateY(-50%);
transition: all 0.3s ease;
cursor: pointer;
position: absolute; }
#sustentaBio #carrosel-area-atuacao .slick-prev.slick-disabled,
#sustentaBio #carrosel-area-atuacao .slick-next.slick-disabled {
filter: grayscale(1) brightness(2);
pointer-events:none;
}
@media(max-width:767px){
#sustentaBio #carrosel-area-atuacao .slick-prev,
#sustentaBio #carrosel-area-atuacao .slick-next {
width: auto!important;
top:100%!important;
}
}
#sustentaBio #carrosel-area-atuacao .slick-prev:before,
#sustentaBio #carrosel-area-atuacao .slick-next:before {
display: none; }
#sustentaBio #carrosel-area-atuacao .slick-prev:hover img,
#sustentaBio #carrosel-area-atuacao .slick-next:hover img {
transform: scale(1.1); }
#sustentaBio #carrosel-area-atuacao .slick-prev:focus,
#sustentaBio #carrosel-area-atuacao .slick-next:focus {
outline: none; }
#sustentaBio #carrosel-area-atuacao .slick-prev {
left: -538px; }
#sustentaBio #carrosel-area-atuacao .slick-next {
right: -60px; }
@media (max-width: 767px) {
#sustentaBio #carrosel-area-atuacao {
padding: 1rem; }
#sustentaBio #carrosel-area-atuacao .slick-prev {
left: 12px; }
#sustentaBio #carrosel-area-atuacao .slick-next {
right: 12px; }
#sustentaBio #carrosel-area-atuacao .carrosel-item {
flex-direction: column;
}
#sustentaBio .header {
width: 665px;
max-width:100;
height:80vh;}
#sustentaBio .area-atuacao .conteudo-direita {
width: 100%;
display: flex;
flex-direction: column;
justify-content: left;
text-align: left;
position: relative; 
margin-top:60px;}
#sustentaBio .objetivo.d-flex.align-items-center.justify-content-start {
flex-direction: column; }
#sustentaBio .cadeias-slider .slick-slide.slick-current img {
width: 280px;
height: 280px;
position: relative;
left: -100px; }
#sustentaBio .sustenta-numeros {
width: 100%;
margin: 0 auto;
margin-top: 0;
color: white;
padding: 2rem 1.5rem; }
#sustentaBio .container-number {
display: flex;
flex-direction: column; } }
#sustentaBio .pre-footer .pre-footer-image img {
width: 100%;
height: auto;
margin-bottom: 2rem; }
@media (max-width: 768px) {
#sustentaBio .pre-footer .pre-footer-image img {
margin-bottom: 1rem; }
#sustentaBio .bignumbers.bgDetalhe {
color: #D14700;
background-image: url(//www.fundovale.org/wp-content/themes/fundovale/assets/img/sustenta-bio/bg-bignumber.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 250px; }
#sustentaBio .bignumbers {
width: 100%;
padding: .7rem; }
#sustentaBio .sustenta-numeros h2 {
margin-bottom: 11vw; }
#sustentaBio .sup sup {
top: 6vw !important;
position: absolute !important;
left: 22.3vw !important;
font-size: 14px;
font-weight: bold; }
#sustentaBio .area-atuacao {
width: 100%;
margin: 3vw auto;
margin-bottom: 4rem; }
#sustentaBio .objetivos h3 {
text-align: center; }
#sustentaBio .container.cadeias-produtivas.container.mt-5 {
width: 100%!important; }
#sustentaBio .cadeias-produtivas.container.mt-5 h2 {
color: #024DAC;
font-size: 30px;
font-style: normal;
font-weight: bold;
line-height: normal;
width: 108%;
margin-bottom: 24px; }
#sustentaBio .rede {
width: 100% !important;
margin: 0 auto; 
padding-top: 60px;
padding-bottom:60px;}
#sustentaBio .container-logos {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
margin-bottom: 1vw;
gap: .5rem;
margin-bottom:0;
justify-content: center; }
#sustentaBio .container-logos .logo{
width: calc(50% - 0.5rem);
}
#sustentaBio .item-objetivos {
width: 100% !important;
margin: 0 auto; }
#sustentaBio .cadeias-slider .slick-slide.slick-current img {
width: 280px;
height: 280px;
position: relative;
left: -50px; }
#sustentaBio .conteudoHeader {
position: absolute !important;
top: 0 !important;
color: white !important;
top: 60% !important;
transform: translateY(-50%) !important;
left: 5% !important;
width: 53% !important;
border-radius: 6px; }
#sustentaBio .conteudoHeader h2 {
font-weight: normal !important;
font-size: 20px !important; }
#sustentaBio .conteudoHeader h1 {
font-size: 40px !important;
margin-bottom: 11px !important; }
#sustentaBio .conteudoHeader h3 {
font-weight: normal !important;
margin-top: 7px !important;
font-size: 21px !important; }
#sustentaBio .header {
width: 665px;
padding-top: 35vw; } }
@media(max-width:767px){
#sustentaBio  #carrosel-area-atuacao .slick-arrow{
width: 40px !important;
height: 40px !important;
display: block;
}
#sustentaBio  #carrosel-area-atuacao .slick-arrow img{
width: 100%;
height: 100%;
object-fit: contain;
}
#sustentaBio .img-programa {
margin-left: -12px;
}
#sustentaBio .container-projetos {
width: 100%;
padding:0;
}
#sustentaBio .pre-footer.container .pre-footer-image{
flex-direction:column;
}
#sustentaBio .pre-footer.container .pre-footer-image .logos-parceiros .logo{
padding:0;
}
#sustentaBio .pre-footer.container .pre-footer-image .logo-programa {
width: 180px;
}
#sustentaBio .pre-footer.container .pre-footer-image .logos-parceiros{
border:none;
padding:0;
gap:1rem;
}
} @media (max-width:991px){
.custom-slide{
padding-left: 28px!important;
padding-right: 28px!important;
}
.custom-slide-plugin{
padding-left: 40px!important;
padding-right: 40px!important;
}
}
@media (min-width:992px){
.custom-slide:not(.slide-parceiros){
padding-left: 0!important;
padding-right: 0!important;
}
.custom-slide .slick-slider,
.custom-slide-plugin .slick-slider
{
margin-left:-12px;
margin-right:-12px;
}
}
.custom-slide .slick-slider .slick-dots li button:before{
font-size:9px;
}
.custom-slide .slick-slider .slick-arrow,
.custom-slide .slick-slider .slick-arrow:hover,
.custom-slide .slick-slider .slick-arrow:focus,
.custom-slide-plugin .slick-slider .slick-arrow,
.custom-slide-plugin .slick-slider .slick-arrow:hover,
.custom-slide-plugin .slick-slider .slick-arrow:focus
{
border: 5px solid #c21a5e;
border-radius:4px;
height: 28px;
width: 28px;
background-position:center;
background-repeat:no-repeat;
background-color: #C21A5E;
transition:all 0.2s ease-in-out;
}
.custom-slide-plugin .slick-slider .slick-arrow:hover,
.custom-slide .slick-slider .slick-arrow:hover,
#nossa-historia .yearsNextArrow:hover,
#nossa-historia .yearsPrevArrow:hover{
box-shadow: 0px 3px 4px rgba(116, 118, 120, 0.4);
}
.custom-slide .slick-slider .slick-arrow[aria-disabled=true]{
background-color: #E6E6E6;   
border: 5px solid #E6E6E6;
box-shadow:none;
}
.custom-slide-plugin .slick-slider .slick-arrow i{
display:none!important;
}
.custom-slide .slick-slider .slick-next,
.custom-slide .slick-slider .slick-next:hover,
.custom-slide .slick-slider .slick-next:focus,
.custom-slide-plugin .slick-slider .slick-next,
.custom-slide-plugin .slick-slider .slick-next:hover,
.custom-slide-plugin .slick-slider .slick-next:focus
{
background-image: url('data:image/svg+xml;uft-8, <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2857 1.5L18 9M18 9L10.2857 16.5M18 9H0" stroke="white" stroke-width="2"/></svg>');
background-size: contain;
right:-28px!important;
}
.custom-slide .slick-slider .slick-prev,
.custom-slide .slick-slider .slick-prev:hover,
.custom-slide .slick-slider .slick-prev:focus,
.custom-slide-plugin .slick-slider .slick-prev,
.custom-slide-plugin .slick-slider .slick-prev:hover,
.custom-slide-plugin .slick-slider .slick-prev:focus
{
background-image: url('data:image/svg+xml;uft-8, <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.71429 1.5L2 9M2 9L9.71429 16.5M2 9H20" stroke="white" stroke-width="2"/></svg>');
background-size: contain;
left:-28px!important;
z-index:1;
}
.custom-slide .slick-slider .slick-arrow::before,
.custom-slide-plugin .slick-slider .slick-arrow::before{
content:''!important;
}
.custom-slide-plugin{
padding-bottom:60px;
}
.custom-slide .slick-slide{
margin:0 12px;
}
.custom-slide .slick-track{
margin-bottom:30px;
} .membros-conselho-wrapper{
background-color:#007E7A;
padding: 80px 0 60px;
position:relative;
}
.membros-conselho-wrapper:before{
width: 0;
height: 0;
border-style: solid;
border-width: 95px 95px 0 0;
border-color: #ffffff transparent transparent transparent;
left: 0;
right: auto;
top: 0;
position: absolute;
content: '';
z-index: 20;
}
.membros-conselho-wrapper:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 95px 95px;
border-color: transparent transparent #ffffff transparent;
right: 0;
left: auto;
bottom: 0;
position: absolute;
content: '';
z-index: 20;
}
@media (max-width: 991px) {
.membros-conselho-wrapper:before{ 
border-width: 70px 70px 0 0;
}
.membros-conselho-wrapper:after{ 
border-width: 0 0 70px 70px;
}
}
.membros-conselho .title{
color: #ffffff;
font-family: "Vale Sans";
border-radius: 0px;
border: 0px;
padding: 10px 70px;
font-weight: 700;
width: min-content;
position: relative;
background:#F7AF01;
text-align:center;
white-space: nowrap;
margin-bottom:2rem;
}
.membros-conselho .title:after,
.membros-conselho .title:before{
border-style: solid;
bottom: 0;
position: absolute;
content: '';
z-index: 20;
}
.membros-conselho .title:after{
border-color: transparent transparent #007E7A transparent;
border-width: 0 0 49px 49px;
right: 0;
left: auto;
}
.membros-conselho .title:before{
border-color: transparent transparent transparent #007E7A;
border-width: 0 0 49px 49px;
right: auto;
left: 0;
}
.membros-conselho .lista{
padding-left:0;
text-align:center;
}
.membros-conselho .lista li{
list-style:none;
font-family: "Vale Sans";
margin-bottom:1rem;
}
.membros-conselho .lista li .nome{
color: white;
}
.membros-conselho .lista li .cargo{
color:white;
font-weight:bold;
}:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
*,
*::before,
*::after {
box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth; } }
body {
margin: 0;
font-family: var(--bs-font-sans-serif);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25; }
hr:not([size]) {
height: 1px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2; }
h1, .h1 {
font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem; } }
h2, .h2 {
font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem; } }
h3, .h3 {
font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem; } }
h4, .h4 {
font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem; } }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-bs-original-title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul {
padding-left: 2rem; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
b,
strong {
font-weight: bolder; }
small, .small {
font-size: 0.875em; }
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3; }
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #0d6efd;
text-decoration: underline; }
a:hover {
color: #0a58ca; }
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none; }
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr ;
unicode-bidi: bidi-override; }
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700; }
figure {
margin: 0 0 1rem; }
img,
svg {
vertical-align: middle; }
table {
caption-side: bottom;
border-collapse: collapse; }
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left; }
th {
text-align: inherit;
text-align: -webkit-match-parent; }
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0; }
label {
display: inline-block; }
button {
border-radius: 0; }
button:focus:not(:focus-visible) {
outline: 0; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
select {
text-transform: none; }
[role="button"] {
cursor: pointer; }
select {
word-wrap: normal; }
select:disabled {
opacity: 1; }
[list]::-webkit-calendar-picker-indicator {
display: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer; }
::-moz-focus-inner {
padding: 0;
border-style: none; }
textarea {
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit; }
@media (min-width: 1200px) {
legend {
font-size: 1.5rem; } }
legend + * {
clear: left; }
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0; }
::-webkit-inner-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield; } ::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-color-swatch-wrapper {
padding: 0; }
::file-selector-button {
font: inherit; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
iframe {
border: 0; }
summary {
display: list-item;
cursor: pointer; }
progress {
vertical-align: baseline; }
[hidden] {
display: none !important; }
.lead {
font-size: 1.25rem;
font-weight: 300; }
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem; } }
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem; } }
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem; } }
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem; } }
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem; } }
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2; }
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem; } }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 0.875em;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; }
.blockquote > :last-child {
margin-bottom: 0; }
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014\00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 0.875em;
color: #6c757d; }
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px; } }
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px; } }
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px; } }
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px; } }
@media (min-width: 1400px) {
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1320px; } }
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y); }
.col {
flex: 1 0 0%; }
.row-cols-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66667%; }
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%; }
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66667%; } }
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%; }
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66667%; } }
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%; }
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66667%; } }
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%; }
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66667%; } }
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%; }
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333%; }
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66667%; } }
.col-auto {
flex: 0 0 auto;
width: auto; }
.col-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-3 {
flex: 0 0 auto;
width: 25%; }
.col-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-6 {
flex: 0 0 auto;
width: 50%; }
.col-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-9 {
flex: 0 0 auto;
width: 75%; }
.col-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-12 {
flex: 0 0 auto;
width: 100%; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
.g-0,
.gx-0 {
--bs-gutter-x: 0; }
.g-0,
.gy-0 {
--bs-gutter-y: 0; }
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem; }
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem; }
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem; }
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem; }
.g-3,
.gx-3 {
--bs-gutter-x: 1rem; }
.g-3,
.gy-3 {
--bs-gutter-y: 1rem; }
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem; }
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem; }
.g-5,
.gx-5 {
--bs-gutter-x: 3rem; }
.g-5,
.gy-5 {
--bs-gutter-y: 3rem; }
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto; }
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-sm-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-sm-3 {
flex: 0 0 auto;
width: 25%; }
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-sm-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-sm-6 {
flex: 0 0 auto;
width: 50%; }
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-sm-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-sm-9 {
flex: 0 0 auto;
width: 75%; }
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-sm-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-sm-12 {
flex: 0 0 auto;
width: 100%; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; }
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0; }
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0; }
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem; }
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem; }
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem; }
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem; }
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem; }
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem; }
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem; }
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem; }
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem; }
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto; }
.col-md-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-md-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-md-3 {
flex: 0 0 auto;
width: 25%; }
.col-md-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-md-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-md-6 {
flex: 0 0 auto;
width: 50%; }
.col-md-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-md-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-md-9 {
flex: 0 0 auto;
width: 75%; }
.col-md-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-md-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-md-12 {
flex: 0 0 auto;
width: 100%; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; }
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0; }
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0; }
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem; }
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem; }
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem; }
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem; }
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem; }
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem; }
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem; }
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem; }
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem; }
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto; }
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-lg-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-lg-3 {
flex: 0 0 auto;
width: 25%; }
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-lg-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-lg-6 {
flex: 0 0 auto;
width: 50%; }
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-lg-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-lg-9 {
flex: 0 0 auto;
width: 75%; }
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-lg-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-lg-12 {
flex: 0 0 auto;
width: 100%; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; }
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0; }
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0; }
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem; }
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem; }
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem; }
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem; }
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem; }
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem; }
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem; }
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem; }
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem; }
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto; }
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-xl-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-xl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-xl-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-xl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-xl-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-xl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-xl-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-xl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; }
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0; }
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0; }
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem; }
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem; }
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem; }
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem; }
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem; }
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem; }
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem; }
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem; }
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem; }
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem; } }
@media (min-width: 1400px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto; }
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333%; }
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66667%; }
.col-xxl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333%; }
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66667%; }
.col-xxl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333%; }
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66667%; }
.col-xxl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333%; }
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66667%; }
.col-xxl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xxl-0 {
margin-left: 0; }
.offset-xxl-1 {
margin-left: 8.33333%; }
.offset-xxl-2 {
margin-left: 16.66667%; }
.offset-xxl-3 {
margin-left: 25%; }
.offset-xxl-4 {
margin-left: 33.33333%; }
.offset-xxl-5 {
margin-left: 41.66667%; }
.offset-xxl-6 {
margin-left: 50%; }
.offset-xxl-7 {
margin-left: 58.33333%; }
.offset-xxl-8 {
margin-left: 66.66667%; }
.offset-xxl-9 {
margin-left: 75%; }
.offset-xxl-10 {
margin-left: 83.33333%; }
.offset-xxl-11 {
margin-left: 91.66667%; }
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0; }
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0; }
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem; }
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem; }
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem; }
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem; }
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem; }
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem; }
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem; }
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem; }
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem; }
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem; } }
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6; }
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
.table > tbody {
vertical-align: inherit; }
.table > thead {
vertical-align: bottom; }
.table > :not(:last-child) > :last-child > * {
border-bottom-color: currentColor; }
.caption-top {
caption-side: top; }
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem; }
.table-bordered > :not(caption) > * {
border-width: 1px 0; }
.table-bordered > :not(caption) > * > * {
border-width: 0 1px; }
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0; }
.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color); }
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color); }
.table-hover > tbody > tr:hover {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color); }
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6; }
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce; }
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7; }
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3; }
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9; }
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4; }
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1; }
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e; }
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } }
.form-label {
margin-bottom: 0.5rem; }
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem; }
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: #6c757d; }
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control[type="file"] {
overflow: hidden; }
.form-control[type="file"]:not(:disabled):not([readonly]) {
cursor: pointer; }
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.form-control::-webkit-date-and-time-value {
height: 1.5em; }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none; } }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3; }
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
transition: none; } }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3; }
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem; }
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem; }
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem; }
.form-control-lg {
min-height: calc(1.5em + (1rem + 2px));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem; }
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem; }
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem; }
textarea.form-control {
min-height: calc(1.5em + (0.75rem + 2px)); }
textarea.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px)); }
textarea.form-control-lg {
min-height: calc(1.5em + (1rem + 2px)); }
.form-control-color {
max-width: 3rem;
height: auto;
padding: 0.375rem; }
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer; }
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: 0.25rem; }
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: 0.25rem; }
.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none; } }
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none; }
.form-select:disabled {
background-color: #e9ecef; }
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529; }
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem; }
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem; }
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem; }
.form-check .form-check-input {
float: left;
margin-left: -1.5em; }
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
appearance: none;
color-adjust: exact; }
.form-check-input[type="checkbox"] {
border-radius: 0.25em; }
.form-check-input[type="radio"] {
border-radius: 50%; }
.form-check-input:active {
filter: brightness(90%); }
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd; }
.form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
opacity: 0.5; }
.form-switch {
padding-left: 2.5em; }
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none; } }
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-inline {
display: inline-block;
margin-right: 1rem; }
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65; }
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
appearance: none; }
.form-range:focus {
outline: 0; }
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.form-range::-moz-focus-outer {
border: 0; }
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
transition: none; } }
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe; }
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
transition: none; } }
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe; }
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.form-range:disabled {
pointer-events: none; }
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; }
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd; }
.form-floating {
position: relative; }
.form-floating > .form-control,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25; }
.form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none; } }
.form-floating > .form-control {
padding: 1rem 0.75rem; }
.form-floating > .form-control::placeholder {
color: transparent; }
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0; }
.input-group > .form-control:focus,
.input-group > .form-select:focus {
z-index: 3; }
.input-group .btn {
position: relative;
z-index: 2; }
.input-group .btn:focus {
z-index: 3; }
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem; }
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem; }
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem; }
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #198754; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.25rem; }
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .form-select:valid, .form-select.is-valid {
border-color: #198754; }
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #198754; }
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #198754; }
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #198754; }
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: .5em; }
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated
.input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1; }
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated
.input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3; }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #dc3545; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; }
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: #dc3545; }
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #dc3545; }
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #dc3545; }
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; }
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: .5em; }
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated
.input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2; }
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated
.input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3; }
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover {
color: #212529; }
.btn-check:focus + .btn, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.btn:disabled, .btn.disabled,
fieldset:disabled .btn {
pointer-events: none;
opacity: 0.65; }
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca; }
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); }
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be; }
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); }
.btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64; }
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); }
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e; }
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); }
.btn-secondary:disabled, .btn-secondary.disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754; }
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43; }
.btn-check:focus + .btn-success, .btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); }
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f; }
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); }
.btn-success:disabled, .btn-success.disabled {
color: #fff;
background-color: #198754;
border-color: #198754; }
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0; }
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2; }
.btn-check:focus + .btn-info, .btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); }
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;
border-color: #25cff2; }
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); }
.btn-info:disabled, .btn-info.disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0; }
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720; }
.btn-check:focus + .btn-warning, .btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); }
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720; }
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); }
.btn-warning:disabled, .btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107; }
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37; }
.btn-check:focus + .btn-danger, .btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); }
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834; }
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); }
.btn-danger:disabled, .btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb; }
.btn-check:focus + .btn-light, .btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb; }
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
.btn-light:disabled, .btn-light.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21; }
.btn-check:focus + .btn-dark, .btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f; }
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
.btn-dark:disabled, .btn-dark.disabled {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd; }
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); }
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); }
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #0d6efd;
background-color: transparent; }
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); }
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); }
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: #6c757d;
background-color: transparent; }
.btn-outline-success {
color: #198754;
border-color: #198754; }
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754; }
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); }
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
color: #fff;
background-color: #198754;
border-color: #198754; }
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); }
.btn-outline-success:disabled, .btn-outline-success.disabled {
color: #198754;
background-color: transparent; }
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0; }
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0; }
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); }
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0; }
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); }
.btn-outline-info:disabled, .btn-outline-info.disabled {
color: #0dcaf0;
background-color: transparent; }
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107; }
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); }
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107; }
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
color: #ffc107;
background-color: transparent; }
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); }
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); }
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
color: #dc3545;
background-color: transparent; }
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
.btn-outline-light:disabled, .btn-outline-light.disabled {
color: #f8f9fa;
background-color: transparent; }
.btn-outline-dark {
color: #212529;
border-color: #212529; }
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
color: #fff;
background-color: #212529;
border-color: #212529; }
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
color: #212529;
background-color: transparent; }
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline; }
.btn-link:hover {
color: #0a58ca; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem; }
.fade {
transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup,
.dropend,
.dropdown,
.dropstart {
position: relative; }
.dropdown-toggle {
white-space: nowrap; }
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; }
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.125rem; }
.dropdown-menu-start {
--bs-position: start; }
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-end {
--bs-position: end; }
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto; }
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start; }
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-sm-end {
--bs-position: end; }
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start; }
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-md-end {
--bs-position: end; }
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start; }
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-lg-end {
--bs-position: end; }
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start; }
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-xl-end {
--bs-position: end; }
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto; } }
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start; }
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0; }
.dropdown-menu-xxl-end {
--bs-position: end; }
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto; } }
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem; }
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropend .dropdown-toggle:empty::after {
margin-left: 0; }
.dropend .dropdown-toggle::after {
vertical-align: 0; }
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem; }
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropstart .dropdown-toggle::after {
display: none; }
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropstart .dropdown-toggle:empty::after {
margin-left: 0; }
.dropstart .dropdown-toggle::before {
vertical-align: 0; }
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.15); }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #1e2125;
background-color: #e9ecef; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1rem;
color: #212529; }
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, 0.15); }
.dropdown-menu-dark .dropdown-item {
color: #dee2e6; }
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.15); }
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd; }
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd; }
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, 0.15); }
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6; }
.dropdown-menu-dark .dropdown-header {
color: #adb5bd; }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto; }
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1; }
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; }
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
margin-left: 0; }
.dropstart .dropdown-toggle-split::before {
margin-right: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%; }
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none; } }
.nav-link:hover, .nav-link:focus {
color: #0a58ca; }
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0d6efd; }
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center; }
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar > .container,
.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between; }
.navbar-brand {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap; }
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static; }
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none; } }
.navbar-toggler:hover {
text-decoration: none; }
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%; }
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto; }
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-md .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; } }
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand-xxl .navbar-nav {
flex-direction: row; }
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible; }
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xxl .navbar-toggler {
display: none; } }
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start; }
.navbar-expand .navbar-nav {
flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand .navbar-nav-scroll {
overflow: visible; }
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.55); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.55); }
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand {
color: #fff; }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff; }
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff; }
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55); }
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff; }
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group {
border-top: inherit;
border-bottom: inherit; }
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0; }
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem; }
.card-title {
margin-bottom: 0.5rem; }
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1rem; }
.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0; }
.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(0.25rem - 1px); }
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%; }
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card-group > .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap; }
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; }
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; }
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } }
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; }
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none; } }
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg); }
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none; } }
.accordion-button:hover {
z-index: 2; }
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.accordion-header {
margin-bottom: 0; }
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.accordion-item:first-of-type {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.accordion-item:not(:first-of-type) {
border-top: 0; }
.accordion-item:last-of-type {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.accordion-body {
padding: 1rem 1.25rem; }
.accordion-flush .accordion-collapse {
border-width: 0; }
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0; }
.accordion-flush .accordion-item:first-child {
border-top: 0; }
.accordion-flush .accordion-item:last-child {
border-bottom: 0; }
.accordion-flush .accordion-item .accordion-button {
border-radius: 0; }
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/") ; }
.breadcrumb-item.active {
color: #6c757d; }
.pagination {
display: flex;
padding-left: 0;
list-style: none; }
.page-link {
position: relative;
display: block;
color: #0d6efd;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none; } }
.page-link:hover {
z-index: 2;
color: #0a58ca;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.page-item:not(:first-child) .page-link {
margin-left: -1px; }
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6; }
.page-link {
padding: 0.375rem 0.75rem; }
.page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem; }
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem; }
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; }
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 3rem; }
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem; }
.alert-primary {
color: #084298;
background-color: #cfe2ff;
border-color: #b6d4fe; }
.alert-primary .alert-link {
color: #06357a; }
.alert-secondary {
color: #41464b;
background-color: #e2e3e5;
border-color: #d3d6d8; }
.alert-secondary .alert-link {
color: #34383c; }
.alert-success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc; }
.alert-success .alert-link {
color: #0c4128; }
.alert-info {
color: #055160;
background-color: #cff4fc;
border-color: #b6effb; }
.alert-info .alert-link {
color: #04414d; }
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5; }
.alert-warning .alert-link {
color: #523e02; }
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7; }
.alert-danger .alert-link {
color: #6a1a21; }
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe; }
.alert-light .alert-link {
color: #4f5050; }
.alert-dark {
color: #141619;
background-color: #d3d3d4;
border-color: #bcbebf; }
.alert-dark .alert-link {
color: #101214; }
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem; } }
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem; }
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none; } }
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem; }
.list-group-numbered {
list-style-type: none;
counter-reset: section; }
.list-group-numbered > li::before {
content: counters(section, ".") ". ";
counter-increment: section; }
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa; }
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef; }
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 1rem;
color: #212529;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit; }
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit; }
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd; }
.list-group-item + .list-group-item {
border-top-width: 0; }
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px; }
.list-group-horizontal {
flex-direction: row; }
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; }
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row; }
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row; }
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row; }
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row; }
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row; }
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; }
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0; }
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0; }
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px; } }
.list-group-flush {
border-radius: 0; }
.list-group-flush > .list-group-item {
border-width: 0 0 1px; }
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0; }
.list-group-item-primary {
color: #084298;
background-color: #cfe2ff; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #084298;
background-color: #bacbe6; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #084298;
border-color: #084298; }
.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #41464b;
background-color: #cbccce; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #41464b;
border-color: #41464b; }
.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f5132;
background-color: #bcd0c7; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132; }
.list-group-item-info {
color: #055160;
background-color: #cff4fc; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #055160;
background-color: #badce3; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #055160;
border-color: #055160; }
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03; }
.list-group-item-danger {
color: #842029;
background-color: #f8d7da; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029; }
.list-group-item-light {
color: #636464;
background-color: #fefefe; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464; }
.list-group-item-dark {
color: #141619;
background-color: #d3d3d4; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #141619;
background-color: #bebebf; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #141619;
border-color: #141619; }
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5; }
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75; }
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1; }
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: 0.25; }
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%); }
.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; }
.toast:not(.showing):not(.show) {
opacity: 0; }
.toast.hide {
display: none; }
.toast-container {
width: max-content;
max-width: 100%;
pointer-events: none; }
.toast-container > :not(:last-child) {
margin-bottom: 0.75rem; }
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.toast-header .btn-close {
margin-right: -0.375rem;
margin-left: 0.75rem; }
.toast-body {
padding: 0.75rem;
word-wrap: break-word; }
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: none; }
.modal.modal-static .modal-dialog {
transform: scale(1.02); }
.modal-dialog-scrollable {
height: calc(100% - 1rem); }
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden; }
.modal-dialog-scrollable .modal-body {
overflow-y: auto; }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem); }
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.modal-header .btn-close {
padding: 0.5rem 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px); }
.modal-footer > * {
margin: 0.25rem; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-scrollable {
height: calc(100% - 3.5rem); }
.modal-dialog-centered {
min-height: calc(100% - 3.5rem); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px; } }
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px; } }
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen .modal-header {
border-radius: 0; }
.modal-fullscreen .modal-body {
overflow-y: auto; }
.modal-fullscreen .modal-footer {
border-radius: 0; }
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-sm-down .modal-header {
border-radius: 0; }
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto; }
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0; } }
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-md-down .modal-header {
border-radius: 0; }
.modal-fullscreen-md-down .modal-body {
overflow-y: auto; }
.modal-fullscreen-md-down .modal-footer {
border-radius: 0; } }
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-lg-down .modal-header {
border-radius: 0; }
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto; }
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0; } }
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-xl-down .modal-header {
border-radius: 0; }
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto; }
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0; } }
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0; }
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto; }
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0; } }
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 0.9; }
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
padding: 0.4rem 0; }
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
bottom: 0; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000; }
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
padding: 0 0.4rem; }
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
padding: 0.4rem 0; }
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
top: 0; }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000; }
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
padding: 0 0.4rem; }
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000; }
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem; }
.popover {
position: absolute;
top: 0;
left: 0 ;
z-index: 1070;
display: block;
max-width: 276px;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem; }
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; }
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
bottom: calc(-0.5rem - 1px); }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff; }
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem; }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff; }
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
top: calc(-0.5rem - 1px); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f0f0f0; }
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem; }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 1rem 1rem;
color: #212529; }
.carousel {
position: relative; }
.carousel.pointer-event {
touch-action: pan-y; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-inner::after {
display: block;
clear: both;
content: ""; }
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none; } }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block; } .carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%); }
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%); } .carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1; }
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s; }
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none; } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none; } }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%; } .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none; }
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none; } }
.carousel-indicators .active {
opacity: 1; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center; }
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100); }
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000; }
.carousel-dark .carousel-caption {
color: #000; }
@keyframes spinner-border {
to {
transform: rotate(360deg) ; } }
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border; }
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em; }
@keyframes spinner-grow {
0% {
transform: scale(0); }
50% {
opacity: 1;
transform: none; } }
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow; }
.spinner-grow-sm {
width: 1rem;
height: 1rem; }
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s; } }
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1050;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none; } }
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem; }
.offcanvas-header .btn-close {
padding: 0.5rem 0.5rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem; }
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5; }
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto; }
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(-100%); }
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(100%); }
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(-100%); }
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(100%); }
.offcanvas.show {
transform: none; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.link-primary {
color: #0d6efd; }
.link-primary:hover, .link-primary:focus {
color: #0a58ca; }
.link-secondary {
color: #6c757d; }
.link-secondary:hover, .link-secondary:focus {
color: #565e64; }
.link-success {
color: #198754; }
.link-success:hover, .link-success:focus {
color: #146c43; }
.link-info {
color: #0dcaf0; }
.link-info:hover, .link-info:focus {
color: #3dd5f3; }
.link-warning {
color: #ffc107; }
.link-warning:hover, .link-warning:focus {
color: #ffcd39; }
.link-danger {
color: #dc3545; }
.link-danger:hover, .link-danger:focus {
color: #b02a37; }
.link-light {
color: #f8f9fa; }
.link-light:hover, .link-light:focus {
color: #f9fafb; }
.link-dark {
color: #212529; }
.link-dark:hover, .link-dark:focus {
color: #1a1e21; }
.ratio {
position: relative;
width: 100%; }
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""; }
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ratio-1x1 {
--bs-aspect-ratio: 100%; }
.ratio-4x3 {
--bs-aspect-ratio: calc(3 / 4 * 100%); }
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%); }
.ratio-21x9 {
--bs-aspect-ratio: calc(9 / 21 * 100%); }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; }
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020; } }
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020; } }
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020; } }
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020; } }
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020; } }
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important; }
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.float-start {
float: left !important; }
.float-end {
float: right !important; }
.float-none {
float: none !important; }
.overflow-auto {
overflow: auto !important; }
.overflow-hidden {
overflow: hidden !important; }
.overflow-visible {
overflow: visible !important; }
.overflow-scroll {
overflow: scroll !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-grid {
display: grid !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
.d-none {
display: none !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.top-0 {
top: 0 !important; }
.top-50 {
top: 50% !important; }
.top-100 {
top: 100% !important; }
.bottom-0 {
bottom: 0 !important; }
.bottom-50 {
bottom: 50% !important; }
.bottom-100 {
bottom: 100% !important; }
.start-0 {
left: 0 !important; }
.start-50 {
left: 50% !important; }
.start-100 {
left: 100% !important; }
.end-0 {
right: 0 !important; }
.end-50 {
right: 50% !important; }
.end-100 {
right: 100% !important; }
.translate-middle {
transform: translate(-50%, -50%) !important; }
.translate-middle-x {
transform: translateX(-50%) !important; }
.translate-middle-y {
transform: translateY(-50%) !important; }
.border {
border: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-end {
border-right: 1px solid #dee2e6 !important; }
.border-end-0 {
border-right: 0 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-start {
border-left: 1px solid #dee2e6 !important; }
.border-start-0 {
border-left: 0 !important; }
.border-primary {
border-color: #0d6efd !important; }
.border-secondary {
border-color: #6c757d !important; }
.border-success {
border-color: #198754 !important; }
.border-info {
border-color: #0dcaf0 !important; }
.border-warning {
border-color: #ffc107 !important; }
.border-danger {
border-color: #dc3545 !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #212529 !important; }
.border-white {
border-color: #fff !important; }
.border-1 {
border-width: 1px !important; }
.border-2 {
border-width: 2px !important; }
.border-3 {
border-width: 3px !important; }
.border-4 {
border-width: 4px !important; }
.border-5 {
border-width: 5px !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.mw-100 {
max-width: 100% !important; }
.vw-100 {
width: 100vw !important; }
.min-vw-100 {
min-width: 100vw !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mh-100 {
max-height: 100% !important; }
.vh-100 {
height: 100vh !important; }
.min-vh-100 {
min-height: 100vh !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-0 {
gap: 0 !important; }
.gap-1 {
gap: 0.25rem !important; }
.gap-2 {
gap: 0.5rem !important; }
.gap-3 {
gap: 1rem !important; }
.gap-4 {
gap: 1.5rem !important; }
.gap-5 {
gap: 3rem !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.justify-content-evenly {
justify-content: space-evenly !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
.order-first {
order: -1 !important; }
.order-0 {
order: 0 !important; }
.order-1 {
order: 1 !important; }
.order-2 {
order: 2 !important; }
.order-3 {
order: 3 !important; }
.order-4 {
order: 4 !important; }
.order-5 {
order: 5 !important; }
.order-last {
order: 6 !important; }
.m-0 {
margin: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.m-auto {
margin: auto !important; }
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-0 {
margin-top: 0 !important; }
.mt-1 {
margin-top: 0.25rem !important; }
.mt-2 {
margin-top: 0.5rem !important; }
.mt-3 {
margin-top: 1rem !important; }
.mt-4 {
margin-top: 1.5rem !important; }
.mt-5 {
margin-top: 3rem !important; }
.mt-auto {
margin-top: auto !important; }
.me-0 {
margin-right: 0 !important; }
.me-1 {
margin-right: 0.25rem !important; }
.me-2 {
margin-right: 0.5rem !important; }
.me-3 {
margin-right: 1rem !important; }
.me-4 {
margin-right: 1.5rem !important; }
.me-5 {
margin-right: 3rem !important; }
.me-auto {
margin-right: auto !important; }
.mb-0 {
margin-bottom: 0 !important; }
.mb-1 {
margin-bottom: 0.25rem !important; }
.mb-2 {
margin-bottom: 0.5rem !important; }
.mb-3 {
margin-bottom: 1rem !important; }
.mb-4 {
margin-bottom: 1.5rem !important; }
.mb-5 {
margin-bottom: 3rem !important; }
.mb-auto {
margin-bottom: auto !important; }
.ms-0 {
margin-left: 0 !important; }
.ms-1 {
margin-left: 0.25rem !important; }
.ms-2 {
margin-left: 0.5rem !important; }
.ms-3 {
margin-left: 1rem !important; }
.ms-4 {
margin-left: 1.5rem !important; }
.ms-5 {
margin-left: 3rem !important; }
.ms-auto {
margin-left: auto !important; }
.p-0 {
padding: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-0 {
padding-top: 0 !important; }
.pt-1 {
padding-top: 0.25rem !important; }
.pt-2 {
padding-top: 0.5rem !important; }
.pt-3 {
padding-top: 1rem !important; }
.pt-4 {
padding-top: 1.5rem !important; }
.pt-5 {
padding-top: 3rem !important; }
.pe-0 {
padding-right: 0 !important; }
.pe-1 {
padding-right: 0.25rem !important; }
.pe-2 {
padding-right: 0.5rem !important; }
.pe-3 {
padding-right: 1rem !important; }
.pe-4 {
padding-right: 1.5rem !important; }
.pe-5 {
padding-right: 3rem !important; }
.pb-0 {
padding-bottom: 0 !important; }
.pb-1 {
padding-bottom: 0.25rem !important; }
.pb-2 {
padding-bottom: 0.5rem !important; }
.pb-3 {
padding-bottom: 1rem !important; }
.pb-4 {
padding-bottom: 1.5rem !important; }
.pb-5 {
padding-bottom: 3rem !important; }
.ps-0 {
padding-left: 0 !important; }
.ps-1 {
padding-left: 0.25rem !important; }
.ps-2 {
padding-left: 0.5rem !important; }
.ps-3 {
padding-left: 1rem !important; }
.ps-4 {
padding-left: 1.5rem !important; }
.ps-5 {
padding-left: 3rem !important; }
.font-monospace {
font-family: var(--bs-font-monospace) !important; }
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important; }
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important; }
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important; }
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important; }
.fs-5 {
font-size: 1.25rem !important; }
.fs-6 {
font-size: 1rem !important; }
.fst-italic {
font-style: italic !important; }
.fst-normal {
font-style: normal !important; }
.fw-light {
font-weight: 300 !important; }
.fw-lighter {
font-weight: lighter !important; }
.fw-normal {
font-weight: 400 !important; }
.fw-bold {
font-weight: 700 !important; }
.fw-bolder {
font-weight: bolder !important; }
.lh-1 {
line-height: 1 !important; }
.lh-sm {
line-height: 1.25 !important; }
.lh-base {
line-height: 1.5 !important; }
.lh-lg {
line-height: 2 !important; }
.text-start {
text-align: left !important; }
.text-end {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-decoration-none {
text-decoration: none !important; }
.text-decoration-underline {
text-decoration: underline !important; }
.text-decoration-line-through {
text-decoration: line-through !important; }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.text-wrap {
white-space: normal !important; }
.text-nowrap {
white-space: nowrap !important; } .text-break {
word-wrap: break-word !important;
word-break: break-word !important; } .text-primary {
color: #0d6efd !important; }
.text-secondary {
color: #6c757d !important; }
.text-success {
color: #198754 !important; }
.text-info {
color: #0dcaf0 !important; }
.text-warning {
color: #ffc107 !important; }
.text-danger {
color: #dc3545 !important; }
.text-light {
color: #f8f9fa !important; }
.text-dark {
color: #212529 !important; }
.text-white {
color: #fff !important; }
.text-body {
color: #212529 !important; }
.text-muted {
color: #6c757d !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-reset {
color: inherit !important; }
.bg-primary {
background-color: #0d6efd !important; }
.bg-secondary {
background-color: #6c757d !important; }
.bg-success {
background-color: #198754 !important; }
.bg-info {
background-color: #0dcaf0 !important; }
.bg-warning {
background-color: #ffc107 !important; }
.bg-danger {
background-color: #dc3545 !important; }
.bg-light {
background-color: #f8f9fa !important; }
.bg-dark {
background-color: #212529 !important; }
.bg-body {
background-color: #fff !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.bg-gradient {
background-image: var(--bs-gradient) !important; }
.user-select-all {
user-select: all !important; }
.user-select-auto {
user-select: auto !important; }
.user-select-none {
user-select: none !important; }
.pe-none {
pointer-events: none !important; }
.pe-auto {
pointer-events: auto !important; }
.rounded {
border-radius: 0.25rem !important; }
.rounded-0 {
border-radius: 0 !important; }
.rounded-1 {
border-radius: 0.2rem !important; }
.rounded-2 {
border-radius: 0.25rem !important; }
.rounded-3 {
border-radius: 0.3rem !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-pill {
border-radius: 50rem !important; }
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; }
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media (min-width: 576px) {
.float-sm-start {
float: left !important; }
.float-sm-end {
float: right !important; }
.float-sm-none {
float: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-grid {
display: grid !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; }
.d-sm-none {
display: none !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-sm-0 {
gap: 0 !important; }
.gap-sm-1 {
gap: 0.25rem !important; }
.gap-sm-2 {
gap: 0.5rem !important; }
.gap-sm-3 {
gap: 1rem !important; }
.gap-sm-4 {
gap: 1.5rem !important; }
.gap-sm-5 {
gap: 3rem !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.justify-content-sm-evenly {
justify-content: space-evenly !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; }
.order-sm-first {
order: -1 !important; }
.order-sm-0 {
order: 0 !important; }
.order-sm-1 {
order: 1 !important; }
.order-sm-2 {
order: 2 !important; }
.order-sm-3 {
order: 3 !important; }
.order-sm-4 {
order: 4 !important; }
.order-sm-5 {
order: 5 !important; }
.order-sm-last {
order: 6 !important; }
.m-sm-0 {
margin: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-sm-0 {
margin-top: 0 !important; }
.mt-sm-1 {
margin-top: 0.25rem !important; }
.mt-sm-2 {
margin-top: 0.5rem !important; }
.mt-sm-3 {
margin-top: 1rem !important; }
.mt-sm-4 {
margin-top: 1.5rem !important; }
.mt-sm-5 {
margin-top: 3rem !important; }
.mt-sm-auto {
margin-top: auto !important; }
.me-sm-0 {
margin-right: 0 !important; }
.me-sm-1 {
margin-right: 0.25rem !important; }
.me-sm-2 {
margin-right: 0.5rem !important; }
.me-sm-3 {
margin-right: 1rem !important; }
.me-sm-4 {
margin-right: 1.5rem !important; }
.me-sm-5 {
margin-right: 3rem !important; }
.me-sm-auto {
margin-right: auto !important; }
.mb-sm-0 {
margin-bottom: 0 !important; }
.mb-sm-1 {
margin-bottom: 0.25rem !important; }
.mb-sm-2 {
margin-bottom: 0.5rem !important; }
.mb-sm-3 {
margin-bottom: 1rem !important; }
.mb-sm-4 {
margin-bottom: 1.5rem !important; }
.mb-sm-5 {
margin-bottom: 3rem !important; }
.mb-sm-auto {
margin-bottom: auto !important; }
.ms-sm-0 {
margin-left: 0 !important; }
.ms-sm-1 {
margin-left: 0.25rem !important; }
.ms-sm-2 {
margin-left: 0.5rem !important; }
.ms-sm-3 {
margin-left: 1rem !important; }
.ms-sm-4 {
margin-left: 1.5rem !important; }
.ms-sm-5 {
margin-left: 3rem !important; }
.ms-sm-auto {
margin-left: auto !important; }
.p-sm-0 {
padding: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-sm-0 {
padding-top: 0 !important; }
.pt-sm-1 {
padding-top: 0.25rem !important; }
.pt-sm-2 {
padding-top: 0.5rem !important; }
.pt-sm-3 {
padding-top: 1rem !important; }
.pt-sm-4 {
padding-top: 1.5rem !important; }
.pt-sm-5 {
padding-top: 3rem !important; }
.pe-sm-0 {
padding-right: 0 !important; }
.pe-sm-1 {
padding-right: 0.25rem !important; }
.pe-sm-2 {
padding-right: 0.5rem !important; }
.pe-sm-3 {
padding-right: 1rem !important; }
.pe-sm-4 {
padding-right: 1.5rem !important; }
.pe-sm-5 {
padding-right: 3rem !important; }
.pb-sm-0 {
padding-bottom: 0 !important; }
.pb-sm-1 {
padding-bottom: 0.25rem !important; }
.pb-sm-2 {
padding-bottom: 0.5rem !important; }
.pb-sm-3 {
padding-bottom: 1rem !important; }
.pb-sm-4 {
padding-bottom: 1.5rem !important; }
.pb-sm-5 {
padding-bottom: 3rem !important; }
.ps-sm-0 {
padding-left: 0 !important; }
.ps-sm-1 {
padding-left: 0.25rem !important; }
.ps-sm-2 {
padding-left: 0.5rem !important; }
.ps-sm-3 {
padding-left: 1rem !important; }
.ps-sm-4 {
padding-left: 1.5rem !important; }
.ps-sm-5 {
padding-left: 3rem !important; }
.text-sm-start {
text-align: left !important; }
.text-sm-end {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.float-md-start {
float: left !important; }
.float-md-end {
float: right !important; }
.float-md-none {
float: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-grid {
display: grid !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; }
.d-md-none {
display: none !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-md-0 {
gap: 0 !important; }
.gap-md-1 {
gap: 0.25rem !important; }
.gap-md-2 {
gap: 0.5rem !important; }
.gap-md-3 {
gap: 1rem !important; }
.gap-md-4 {
gap: 1.5rem !important; }
.gap-md-5 {
gap: 3rem !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.justify-content-md-evenly {
justify-content: space-evenly !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; }
.order-md-first {
order: -1 !important; }
.order-md-0 {
order: 0 !important; }
.order-md-1 {
order: 1 !important; }
.order-md-2 {
order: 2 !important; }
.order-md-3 {
order: 3 !important; }
.order-md-4 {
order: 4 !important; }
.order-md-5 {
order: 5 !important; }
.order-md-last {
order: 6 !important; }
.m-md-0 {
margin: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-md-0 {
margin-top: 0 !important; }
.mt-md-1 {
margin-top: 0.25rem !important; }
.mt-md-2 {
margin-top: 0.5rem !important; }
.mt-md-3 {
margin-top: 1rem !important; }
.mt-md-4 {
margin-top: 1.5rem !important; }
.mt-md-5 {
margin-top: 3rem !important; }
.mt-md-auto {
margin-top: auto !important; }
.me-md-0 {
margin-right: 0 !important; }
.me-md-1 {
margin-right: 0.25rem !important; }
.me-md-2 {
margin-right: 0.5rem !important; }
.me-md-3 {
margin-right: 1rem !important; }
.me-md-4 {
margin-right: 1.5rem !important; }
.me-md-5 {
margin-right: 3rem !important; }
.me-md-auto {
margin-right: auto !important; }
.mb-md-0 {
margin-bottom: 0 !important; }
.mb-md-1 {
margin-bottom: 0.25rem !important; }
.mb-md-2 {
margin-bottom: 0.5rem !important; }
.mb-md-3 {
margin-bottom: 1rem !important; }
.mb-md-4 {
margin-bottom: 1.5rem !important; }
.mb-md-5 {
margin-bottom: 3rem !important; }
.mb-md-auto {
margin-bottom: auto !important; }
.ms-md-0 {
margin-left: 0 !important; }
.ms-md-1 {
margin-left: 0.25rem !important; }
.ms-md-2 {
margin-left: 0.5rem !important; }
.ms-md-3 {
margin-left: 1rem !important; }
.ms-md-4 {
margin-left: 1.5rem !important; }
.ms-md-5 {
margin-left: 3rem !important; }
.ms-md-auto {
margin-left: auto !important; }
.p-md-0 {
padding: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-md-0 {
padding-top: 0 !important; }
.pt-md-1 {
padding-top: 0.25rem !important; }
.pt-md-2 {
padding-top: 0.5rem !important; }
.pt-md-3 {
padding-top: 1rem !important; }
.pt-md-4 {
padding-top: 1.5rem !important; }
.pt-md-5 {
padding-top: 3rem !important; }
.pe-md-0 {
padding-right: 0 !important; }
.pe-md-1 {
padding-right: 0.25rem !important; }
.pe-md-2 {
padding-right: 0.5rem !important; }
.pe-md-3 {
padding-right: 1rem !important; }
.pe-md-4 {
padding-right: 1.5rem !important; }
.pe-md-5 {
padding-right: 3rem !important; }
.pb-md-0 {
padding-bottom: 0 !important; }
.pb-md-1 {
padding-bottom: 0.25rem !important; }
.pb-md-2 {
padding-bottom: 0.5rem !important; }
.pb-md-3 {
padding-bottom: 1rem !important; }
.pb-md-4 {
padding-bottom: 1.5rem !important; }
.pb-md-5 {
padding-bottom: 3rem !important; }
.ps-md-0 {
padding-left: 0 !important; }
.ps-md-1 {
padding-left: 0.25rem !important; }
.ps-md-2 {
padding-left: 0.5rem !important; }
.ps-md-3 {
padding-left: 1rem !important; }
.ps-md-4 {
padding-left: 1.5rem !important; }
.ps-md-5 {
padding-left: 3rem !important; }
.text-md-start {
text-align: left !important; }
.text-md-end {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.float-lg-start {
float: left !important; }
.float-lg-end {
float: right !important; }
.float-lg-none {
float: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-grid {
display: grid !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; }
.d-lg-none {
display: none !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-lg-0 {
gap: 0 !important; }
.gap-lg-1 {
gap: 0.25rem !important; }
.gap-lg-2 {
gap: 0.5rem !important; }
.gap-lg-3 {
gap: 1rem !important; }
.gap-lg-4 {
gap: 1.5rem !important; }
.gap-lg-5 {
gap: 3rem !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.justify-content-lg-evenly {
justify-content: space-evenly !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; }
.order-lg-first {
order: -1 !important; }
.order-lg-0 {
order: 0 !important; }
.order-lg-1 {
order: 1 !important; }
.order-lg-2 {
order: 2 !important; }
.order-lg-3 {
order: 3 !important; }
.order-lg-4 {
order: 4 !important; }
.order-lg-5 {
order: 5 !important; }
.order-lg-last {
order: 6 !important; }
.m-lg-0 {
margin: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-lg-0 {
margin-top: 0 !important; }
.mt-lg-1 {
margin-top: 0.25rem !important; }
.mt-lg-2 {
margin-top: 0.5rem !important; }
.mt-lg-3 {
margin-top: 1rem !important; }
.mt-lg-4 {
margin-top: 1.5rem !important; }
.mt-lg-5 {
margin-top: 3rem !important; }
.mt-lg-auto {
margin-top: auto !important; }
.me-lg-0 {
margin-right: 0 !important; }
.me-lg-1 {
margin-right: 0.25rem !important; }
.me-lg-2 {
margin-right: 0.5rem !important; }
.me-lg-3 {
margin-right: 1rem !important; }
.me-lg-4 {
margin-right: 1.5rem !important; }
.me-lg-5 {
margin-right: 3rem !important; }
.me-lg-auto {
margin-right: auto !important; }
.mb-lg-0 {
margin-bottom: 0 !important; }
.mb-lg-1 {
margin-bottom: 0.25rem !important; }
.mb-lg-2 {
margin-bottom: 0.5rem !important; }
.mb-lg-3 {
margin-bottom: 1rem !important; }
.mb-lg-4 {
margin-bottom: 1.5rem !important; }
.mb-lg-5 {
margin-bottom: 3rem !important; }
.mb-lg-auto {
margin-bottom: auto !important; }
.ms-lg-0 {
margin-left: 0 !important; }
.ms-lg-1 {
margin-left: 0.25rem !important; }
.ms-lg-2 {
margin-left: 0.5rem !important; }
.ms-lg-3 {
margin-left: 1rem !important; }
.ms-lg-4 {
margin-left: 1.5rem !important; }
.ms-lg-5 {
margin-left: 3rem !important; }
.ms-lg-auto {
margin-left: auto !important; }
.p-lg-0 {
padding: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-lg-0 {
padding-top: 0 !important; }
.pt-lg-1 {
padding-top: 0.25rem !important; }
.pt-lg-2 {
padding-top: 0.5rem !important; }
.pt-lg-3 {
padding-top: 1rem !important; }
.pt-lg-4 {
padding-top: 1.5rem !important; }
.pt-lg-5 {
padding-top: 3rem !important; }
.pe-lg-0 {
padding-right: 0 !important; }
.pe-lg-1 {
padding-right: 0.25rem !important; }
.pe-lg-2 {
padding-right: 0.5rem !important; }
.pe-lg-3 {
padding-right: 1rem !important; }
.pe-lg-4 {
padding-right: 1.5rem !important; }
.pe-lg-5 {
padding-right: 3rem !important; }
.pb-lg-0 {
padding-bottom: 0 !important; }
.pb-lg-1 {
padding-bottom: 0.25rem !important; }
.pb-lg-2 {
padding-bottom: 0.5rem !important; }
.pb-lg-3 {
padding-bottom: 1rem !important; }
.pb-lg-4 {
padding-bottom: 1.5rem !important; }
.pb-lg-5 {
padding-bottom: 3rem !important; }
.ps-lg-0 {
padding-left: 0 !important; }
.ps-lg-1 {
padding-left: 0.25rem !important; }
.ps-lg-2 {
padding-left: 0.5rem !important; }
.ps-lg-3 {
padding-left: 1rem !important; }
.ps-lg-4 {
padding-left: 1.5rem !important; }
.ps-lg-5 {
padding-left: 3rem !important; }
.text-lg-start {
text-align: left !important; }
.text-lg-end {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.float-xl-start {
float: left !important; }
.float-xl-end {
float: right !important; }
.float-xl-none {
float: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-grid {
display: grid !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; }
.d-xl-none {
display: none !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-xl-0 {
gap: 0 !important; }
.gap-xl-1 {
gap: 0.25rem !important; }
.gap-xl-2 {
gap: 0.5rem !important; }
.gap-xl-3 {
gap: 1rem !important; }
.gap-xl-4 {
gap: 1.5rem !important; }
.gap-xl-5 {
gap: 3rem !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.justify-content-xl-evenly {
justify-content: space-evenly !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; }
.order-xl-first {
order: -1 !important; }
.order-xl-0 {
order: 0 !important; }
.order-xl-1 {
order: 1 !important; }
.order-xl-2 {
order: 2 !important; }
.order-xl-3 {
order: 3 !important; }
.order-xl-4 {
order: 4 !important; }
.order-xl-5 {
order: 5 !important; }
.order-xl-last {
order: 6 !important; }
.m-xl-0 {
margin: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-xl-0 {
margin-top: 0 !important; }
.mt-xl-1 {
margin-top: 0.25rem !important; }
.mt-xl-2 {
margin-top: 0.5rem !important; }
.mt-xl-3 {
margin-top: 1rem !important; }
.mt-xl-4 {
margin-top: 1.5rem !important; }
.mt-xl-5 {
margin-top: 3rem !important; }
.mt-xl-auto {
margin-top: auto !important; }
.me-xl-0 {
margin-right: 0 !important; }
.me-xl-1 {
margin-right: 0.25rem !important; }
.me-xl-2 {
margin-right: 0.5rem !important; }
.me-xl-3 {
margin-right: 1rem !important; }
.me-xl-4 {
margin-right: 1.5rem !important; }
.me-xl-5 {
margin-right: 3rem !important; }
.me-xl-auto {
margin-right: auto !important; }
.mb-xl-0 {
margin-bottom: 0 !important; }
.mb-xl-1 {
margin-bottom: 0.25rem !important; }
.mb-xl-2 {
margin-bottom: 0.5rem !important; }
.mb-xl-3 {
margin-bottom: 1rem !important; }
.mb-xl-4 {
margin-bottom: 1.5rem !important; }
.mb-xl-5 {
margin-bottom: 3rem !important; }
.mb-xl-auto {
margin-bottom: auto !important; }
.ms-xl-0 {
margin-left: 0 !important; }
.ms-xl-1 {
margin-left: 0.25rem !important; }
.ms-xl-2 {
margin-left: 0.5rem !important; }
.ms-xl-3 {
margin-left: 1rem !important; }
.ms-xl-4 {
margin-left: 1.5rem !important; }
.ms-xl-5 {
margin-left: 3rem !important; }
.ms-xl-auto {
margin-left: auto !important; }
.p-xl-0 {
padding: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-xl-0 {
padding-top: 0 !important; }
.pt-xl-1 {
padding-top: 0.25rem !important; }
.pt-xl-2 {
padding-top: 0.5rem !important; }
.pt-xl-3 {
padding-top: 1rem !important; }
.pt-xl-4 {
padding-top: 1.5rem !important; }
.pt-xl-5 {
padding-top: 3rem !important; }
.pe-xl-0 {
padding-right: 0 !important; }
.pe-xl-1 {
padding-right: 0.25rem !important; }
.pe-xl-2 {
padding-right: 0.5rem !important; }
.pe-xl-3 {
padding-right: 1rem !important; }
.pe-xl-4 {
padding-right: 1.5rem !important; }
.pe-xl-5 {
padding-right: 3rem !important; }
.pb-xl-0 {
padding-bottom: 0 !important; }
.pb-xl-1 {
padding-bottom: 0.25rem !important; }
.pb-xl-2 {
padding-bottom: 0.5rem !important; }
.pb-xl-3 {
padding-bottom: 1rem !important; }
.pb-xl-4 {
padding-bottom: 1.5rem !important; }
.pb-xl-5 {
padding-bottom: 3rem !important; }
.ps-xl-0 {
padding-left: 0 !important; }
.ps-xl-1 {
padding-left: 0.25rem !important; }
.ps-xl-2 {
padding-left: 0.5rem !important; }
.ps-xl-3 {
padding-left: 1rem !important; }
.ps-xl-4 {
padding-left: 1.5rem !important; }
.ps-xl-5 {
padding-left: 3rem !important; }
.text-xl-start {
text-align: left !important; }
.text-xl-end {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important; }
.float-xxl-end {
float: right !important; }
.float-xxl-none {
float: none !important; }
.d-xxl-inline {
display: inline !important; }
.d-xxl-inline-block {
display: inline-block !important; }
.d-xxl-block {
display: block !important; }
.d-xxl-grid {
display: grid !important; }
.d-xxl-table {
display: table !important; }
.d-xxl-table-row {
display: table-row !important; }
.d-xxl-table-cell {
display: table-cell !important; }
.d-xxl-flex {
display: flex !important; }
.d-xxl-inline-flex {
display: inline-flex !important; }
.d-xxl-none {
display: none !important; }
.flex-xxl-fill {
flex: 1 1 auto !important; }
.flex-xxl-row {
flex-direction: row !important; }
.flex-xxl-column {
flex-direction: column !important; }
.flex-xxl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xxl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xxl-grow-0 {
flex-grow: 0 !important; }
.flex-xxl-grow-1 {
flex-grow: 1 !important; }
.flex-xxl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xxl-shrink-1 {
flex-shrink: 1 !important; }
.flex-xxl-wrap {
flex-wrap: wrap !important; }
.flex-xxl-nowrap {
flex-wrap: nowrap !important; }
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.gap-xxl-0 {
gap: 0 !important; }
.gap-xxl-1 {
gap: 0.25rem !important; }
.gap-xxl-2 {
gap: 0.5rem !important; }
.gap-xxl-3 {
gap: 1rem !important; }
.gap-xxl-4 {
gap: 1.5rem !important; }
.gap-xxl-5 {
gap: 3rem !important; }
.justify-content-xxl-start {
justify-content: flex-start !important; }
.justify-content-xxl-end {
justify-content: flex-end !important; }
.justify-content-xxl-center {
justify-content: center !important; }
.justify-content-xxl-between {
justify-content: space-between !important; }
.justify-content-xxl-around {
justify-content: space-around !important; }
.justify-content-xxl-evenly {
justify-content: space-evenly !important; }
.align-items-xxl-start {
align-items: flex-start !important; }
.align-items-xxl-end {
align-items: flex-end !important; }
.align-items-xxl-center {
align-items: center !important; }
.align-items-xxl-baseline {
align-items: baseline !important; }
.align-items-xxl-stretch {
align-items: stretch !important; }
.align-content-xxl-start {
align-content: flex-start !important; }
.align-content-xxl-end {
align-content: flex-end !important; }
.align-content-xxl-center {
align-content: center !important; }
.align-content-xxl-between {
align-content: space-between !important; }
.align-content-xxl-around {
align-content: space-around !important; }
.align-content-xxl-stretch {
align-content: stretch !important; }
.align-self-xxl-auto {
align-self: auto !important; }
.align-self-xxl-start {
align-self: flex-start !important; }
.align-self-xxl-end {
align-self: flex-end !important; }
.align-self-xxl-center {
align-self: center !important; }
.align-self-xxl-baseline {
align-self: baseline !important; }
.align-self-xxl-stretch {
align-self: stretch !important; }
.order-xxl-first {
order: -1 !important; }
.order-xxl-0 {
order: 0 !important; }
.order-xxl-1 {
order: 1 !important; }
.order-xxl-2 {
order: 2 !important; }
.order-xxl-3 {
order: 3 !important; }
.order-xxl-4 {
order: 4 !important; }
.order-xxl-5 {
order: 5 !important; }
.order-xxl-last {
order: 6 !important; }
.m-xxl-0 {
margin: 0 !important; }
.m-xxl-1 {
margin: 0.25rem !important; }
.m-xxl-2 {
margin: 0.5rem !important; }
.m-xxl-3 {
margin: 1rem !important; }
.m-xxl-4 {
margin: 1.5rem !important; }
.m-xxl-5 {
margin: 3rem !important; }
.m-xxl-auto {
margin: auto !important; }
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important; }
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important; }
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important; }
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important; }
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important; }
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important; }
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important; }
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important; }
.mt-xxl-0 {
margin-top: 0 !important; }
.mt-xxl-1 {
margin-top: 0.25rem !important; }
.mt-xxl-2 {
margin-top: 0.5rem !important; }
.mt-xxl-3 {
margin-top: 1rem !important; }
.mt-xxl-4 {
margin-top: 1.5rem !important; }
.mt-xxl-5 {
margin-top: 3rem !important; }
.mt-xxl-auto {
margin-top: auto !important; }
.me-xxl-0 {
margin-right: 0 !important; }
.me-xxl-1 {
margin-right: 0.25rem !important; }
.me-xxl-2 {
margin-right: 0.5rem !important; }
.me-xxl-3 {
margin-right: 1rem !important; }
.me-xxl-4 {
margin-right: 1.5rem !important; }
.me-xxl-5 {
margin-right: 3rem !important; }
.me-xxl-auto {
margin-right: auto !important; }
.mb-xxl-0 {
margin-bottom: 0 !important; }
.mb-xxl-1 {
margin-bottom: 0.25rem !important; }
.mb-xxl-2 {
margin-bottom: 0.5rem !important; }
.mb-xxl-3 {
margin-bottom: 1rem !important; }
.mb-xxl-4 {
margin-bottom: 1.5rem !important; }
.mb-xxl-5 {
margin-bottom: 3rem !important; }
.mb-xxl-auto {
margin-bottom: auto !important; }
.ms-xxl-0 {
margin-left: 0 !important; }
.ms-xxl-1 {
margin-left: 0.25rem !important; }
.ms-xxl-2 {
margin-left: 0.5rem !important; }
.ms-xxl-3 {
margin-left: 1rem !important; }
.ms-xxl-4 {
margin-left: 1.5rem !important; }
.ms-xxl-5 {
margin-left: 3rem !important; }
.ms-xxl-auto {
margin-left: auto !important; }
.p-xxl-0 {
padding: 0 !important; }
.p-xxl-1 {
padding: 0.25rem !important; }
.p-xxl-2 {
padding: 0.5rem !important; }
.p-xxl-3 {
padding: 1rem !important; }
.p-xxl-4 {
padding: 1.5rem !important; }
.p-xxl-5 {
padding: 3rem !important; }
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important; }
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important; }
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important; }
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important; }
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important; }
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important; }
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.pt-xxl-0 {
padding-top: 0 !important; }
.pt-xxl-1 {
padding-top: 0.25rem !important; }
.pt-xxl-2 {
padding-top: 0.5rem !important; }
.pt-xxl-3 {
padding-top: 1rem !important; }
.pt-xxl-4 {
padding-top: 1.5rem !important; }
.pt-xxl-5 {
padding-top: 3rem !important; }
.pe-xxl-0 {
padding-right: 0 !important; }
.pe-xxl-1 {
padding-right: 0.25rem !important; }
.pe-xxl-2 {
padding-right: 0.5rem !important; }
.pe-xxl-3 {
padding-right: 1rem !important; }
.pe-xxl-4 {
padding-right: 1.5rem !important; }
.pe-xxl-5 {
padding-right: 3rem !important; }
.pb-xxl-0 {
padding-bottom: 0 !important; }
.pb-xxl-1 {
padding-bottom: 0.25rem !important; }
.pb-xxl-2 {
padding-bottom: 0.5rem !important; }
.pb-xxl-3 {
padding-bottom: 1rem !important; }
.pb-xxl-4 {
padding-bottom: 1.5rem !important; }
.pb-xxl-5 {
padding-bottom: 3rem !important; }
.ps-xxl-0 {
padding-left: 0 !important; }
.ps-xxl-1 {
padding-left: 0.25rem !important; }
.ps-xxl-2 {
padding-left: 0.5rem !important; }
.ps-xxl-3 {
padding-left: 1rem !important; }
.ps-xxl-4 {
padding-left: 1.5rem !important; }
.ps-xxl-5 {
padding-left: 3rem !important; }
.text-xxl-start {
text-align: left !important; }
.text-xxl-end {
text-align: right !important; }
.text-xxl-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important; }
.fs-2 {
font-size: 2rem !important; }
.fs-3 {
font-size: 1.75rem !important; }
.fs-4 {
font-size: 1.5rem !important; } }
@media print {
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-grid {
display: grid !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; }
.d-print-none {
display: none !important; } }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/fonts/slick.eot);
src: url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/fonts/slick.woff) format('woff'), url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/fonts/slick.ttf) format('truetype'), url(https://www.fundovale.org/wp-content/themes/fundovale/assets/src/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}