[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}@font-face {
font-family: "Lato";
src: url(//www.uninform.com/wp-content/themes/uninform/font/lato/Lato-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Lato";
src: url(//www.uninform.com/wp-content/themes/uninform/font/lato/Lato-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
} @font-face {
font-family: "Lato";
src: url(//www.uninform.com/wp-content/themes/uninform/font/lato/Lato-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Lato";
src: url(//www.uninform.com/wp-content/themes/uninform/font/lato/Lato-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
} @font-face {
font-family: "Playfair Display";
src: url(//www.uninform.com/wp-content/themes/uninform/font/playfair/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");
font-weight: 100 900; font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url(//www.uninform.com/wp-content/themes/uninform/font/playfair/PlayfairDisplay-Italic-VariableFont_wght.ttf) format("truetype");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
.theme_panel {
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
position: fixed;
z-index: 11000;
color: #000;
font-weight: 600;
font-size: 11px;
width: 350px;
height: 100%;
left: 100%;
top: 0;
max-width: 85vw;
-webkit-transition: -webkit-transform .6s;
-moz-transition: -moz-transform .6s;
-o-transition: -o-transform .6s;
-ms-transition: -ms-transform .6s;
transition: transform .6s;
}
.theme_panel.opened {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.theme_panel.closing {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.theme_panel_container {
height:  100%;
background-color:  white; -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
z-index: 10001;
position: absolute;
width: 100%;
}
.panel_buttons {
background-color: white!important;
position: absolute;
top: 35%;
margin-top: 30px;
padding-top: 0; cursor: pointer;
z-index: 10002; -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
-webkit-animation-name: slide-panel;
animation-name: slide-panel;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-transition: -webkit-opacity .2s;
-moz-transition: -moz-opacity .2s;
-o-transition: -o-opacity .2s;
-ms-transition: -ms-opacity .2s;
transition: opacity .2s;
}
.home .panel_buttons {
top: 55%;
}
.panel_open,
.panel_tels {
width: 64px;
position: relative;
text-align: center;
font-size: 10px;
line-height: 12px;
color: #384757;
padding-top: 22px;
}
.panel_tels {
height: 79px;
border-bottom: 1px solid #c1bfd0;
}
.panel_tels:last-child {
border: 0;
}
.panel_tels i {
font-size: 16px;
line-height: 24px;
}
.panel_buttons>div a {
color: #384757;
}
.panel_open:hover {
opacity: 1;
}
.theme_panel.opened .panel_open {
opacity: 1;
}
@-webkit-keyframes slide-panel {
from {left:0px;} to {left:-64px;}
}
@keyframes slide-panel {
from {left:0px;} to {left:-64px;}
}
.panel_buttons>div:hover {
opacity:1;
color: #9E9E9E
}
.panel_buttons>div:hover a {
color: #9E9E9E;
}
.panel_buttons>div:hover span {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.panel_buttons span {
font-size: 13px;
padding: 6px 14px 6px 14px;
position: absolute;
margin-right: 12px;
color: #777777;
background-color: #fff;
display: inline-block;
right: 100%;
top: 28px;
border-radius: 3px;
font-weight: 500;
opacity: 0;
white-space: nowrap;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out; -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
}
.panel_buttons span:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
top: 50%;
right: -4px;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #fff;
color: #fff;
}
@media (max-width: 570px) {
.theme_panel {
display: none;
}
.theme_panel_container {
display: none;
}
} .mobile_panel {
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
position: fixed;
bottom: 0;
left: 0;
width: 100vW;
background: rgba(255,255,255,1);
margin: 0;
padding: 10px;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10000; -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
}
.mobile_panel li {
display: inline-block;
margin: 0 20px; text-align: center;
}
.mobile_panel li a {
color: #384757;
text-decoration: none;
}
.mobile_panel li i {
color: #384757;
font-size: 20px;
margin-right: 0!important;
}
.mobile_panel li span {
display: block;
color: #384757;
font-size: 11px;
white-space: nowrap;
text-transform: uppercase;
}
.mobile_panel li a:hover,
.mobile_panel li:hover span,
.mobile_panel li:hover .svg-inline--fa {
color: #9E9E9E;
}
@media (max-width: 570px) {
.mobile_panel{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
} .sw-number {
background:#F44336!important;
border-radius: 1.6em;
color: #ffffff;
display: inline-block;
line-height: 3.2em;
margin-left: .4em;
margin-right: .2em;
margin-bottom: .2em;
text-align: center;
width: 6.4em;
}
.sw-label {
border: 1px solid rgba(0, 159, 227, 0.32)!important;
color: rgba(0, 159, 227, 1);
text-transform: uppercase;
border-radius: 0.25rem!important;
border-bottom-left-radius: 0!important;
margin: 3px 3px 0px 0px;
padding: 2px 7px;
display: inline-block;
transition: all 0.2s linear;
font-size: 8pt !important;
margin-bottom: 4px;
background-color: #E2F1FC;
}  .b-0 {
border: none!important;
}
.b-t-0 {
border-top: none!important;
}
.b-b-0 {
border-bottom: none!important;
}
.b-b-w-0 {
border-bottom-width: 0!important;
}
.b-l-1t {
border-left: 1px solid transparent!important;
}
.b-b-1t {
border-bottom: 1px solid transparent!important;
} .v-m, .vam {
vertical-align: middle!important;
}
.v-t, .vat, .vt {
vertical-align: top!important;
}
.v-b, .vab, .vb {
vertical-align: bottom!important;
}
.a-c, .c {
text-align: center!important;
}
.a-r, .r {
text-align: right!important;
}
.a-l, .l {
text-align: left!important;
}
.fl-l, .fl, .f-l {
float: left !important;
}
.fl-r, .fr, .f-r {
float: right!important;
}
.cl {
clear: both;
}
.cl-l {
clear: left;
}
.cl-r {
clear: right;
}
.cl-n {
clear: none;
} .img-r {
display: block;
max-width: 100%;
height: auto;
} .w-100 {
width: 100%!important;
}
.w-50 {
width: 50%!important;
}
.sw-show {
display: block!important;
}
.sw-hide, .sw-hidden {
display: none!important;
} .m-x-auto {
margin-right: auto!important;
margin-left:  auto!important;
} .m-a-0, .m-0 {
margin: 0 0!important;
}
.m-t-0 {
margin-top: 0!important;
}
.m-r-0 {
margin-right: 0!important;
}
.m-b-0 {
margin-bottom: 0!important;
}
.m-l-0 {
margin-left: 0!important;
}
.m-x-0 {
margin-right: 0!important;
margin-left: 0!important;
}
.m-y-0 {
margin-top: 0!important;
margin-bottom: 0!important;
}  .m-a-5, .m-5 {
margin: 5px!important;
}
.m-a-10, .m-10 {
margin: 10px!important;
}
.m-a-15, .m-15 {
margin: 15px!important;
}
.m-a-20, .m-20 {
margin: 15px!important;
}
.m-a-30, .m-30 {
margin: 30px!important;
} .m-t-5 {
margin-top: 5px!important;
}
.m-t-10 {
margin-top: 10px!important;
}
.m-t-15 {
margin-top: 15px!important;
}
.m-t-20 {
margin-top: 20px!important;
}
.m-t-30 {
margin-top: 30px!important;
}
.m-t-40 {
margin-top: 40px!important;
} .m-r-5 {
margin-right: 5px!important;
}
.m-r-10 {
margin-right: 10px!important;
}
.m-r-15 {
margin-right: 15px!important;
}
.m-r-20 {
margin-right: 20px!important;
}
.m-r-30 {
margin-right: 30px!important;
} .m-b-5 {
margin-bottom: 5px!important;
}
.m-b-10 {
margin-bottom: 10px!important;
}
.m-b-15 {
margin-bottom: 15px!important;
}
.m-b-20 {
margin-bottom: 20px!important;
}
.m-b-30 {
margin-bottom: 30px!important;
}
.m-b-40 {
margin-bottom: 40px!important;
} .m-l-5 {
margin-left: 5px!important;
}
.m-l-10 {
margin-left: 10px!important;
}
.m-l-15 {
margin-left: 15px!important;
}
.m-l-20 {
margin-left: 20px!important;
}
.m-l-30 {
margin-left: 30px!important;
} .m-a-1 {
margin: 1rem 1rem!important;
}
.m-t-1 {
margin-top: 1rem!important;
}
.m-r-1 {
margin-right: 1rem!important;
}
.m-b-1 {
margin-bottom: 1rem!important;
}
.m-l-1 {
margin-left: 1rem!important;
}
.m-x-1 {
margin-right: 1rem!important;
margin-left: 1rem!important;
}
.m-y-1 {
margin-top: 1rem!important;
margin-bottom: 1rem!important;
}
.m-a-2 {
margin: 2rem 2rem!important;
}
.m-t-2 {
margin-top: 2rem!important;
}
.m-r-2 {
margin-right: 2rem!important;
}
.m-b-2 {
margin-bottom: 2rem!important;
}
.m-l-2 {
margin-left: 2rem!important;
}
.m-x-2 {
margin-right: 2rem!important;
margin-left: 2rem!important;
}
.m-y-2 {
margin-top: 2rem!important;
margin-bottom: 2rem!important;
}
.m-a-3 {
margin: 3rem 3rem!important;
}
.m-t-3 {
margin-top: 3rem!important;
}
.m-r-3 {
margin-right: 3rem!important;
}
.m-b-3 {
margin-bottom: 3rem!important;
}
.m-l-3 {
margin-left: 3rem!important;
}
.m-x-3 {
margin-right: 3rem!important;
margin-left: 3rem!important;
}
.m-y-3 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}  .p-a-0, .p-0 {
padding: 0 0!important;
}
.p-t-0 {
padding-top: 0!important;
}
.p-r-0 {
padding-right: 0!important;
}
.p-b-0 {
padding-bottom: 0!important;
}
.p-l-0 {
padding-left: 0!important;
}
.p-x-0 {
padding-right: 0!important;
padding-left: 0!important;
}
.p-y-0 {
padding-top: 0!important;
padding-bottom: 0!important;
}  .p-a-5, .p-5 {
padding: 5px!important;
}
.p-a-10, .p-10 {
padding: 10px!important;
}
.p-a-20, .p-20 {
padding: 20px!important;
}
.p-a-30, .p-30 {
padding: 30px!important;
} .p-t-5 {
padding-top: 5px!important;
}
.p-t-10 {
padding-top: 10px!important;
}
.p-t-15 {
padding-top: 15px!important;
}
.p-t-20 {
padding-top: 20px!important;
}
.p-t-30 {
padding-top: 30px!important;
} .p-r-5 {
padding-right: 5px!important;
}
.p-r-10 {
padding-right: 10px!important;
}
.p-r-15 {
padding-right: 15px!important;
}
.p-r-20 {
padding-right: 20px!important;
}
.p-r-30 {
padding-right: 30px!important;
} .p-b-5 {
padding-bottom: 5px!important;
}
.p-b-10 {
padding-bottom: 10px!important;
}
.p-b-15 {
padding-bottom: 15px!important;
}
.p-b-20 {
padding-bottom: 20px!important;
}
.p-b-30 {
padding-bottom: 30px!important;
} .p-l-5 {
padding-left: 5px!important;
}
.p-l-10 {
padding-left: 10px!important;
}
.p-l-15 {
padding-left: 15px!important;
}
.p-l-20 {
padding-left: 20px!important;
}
.p-l-30 {
padding-left: 30px!important;
} .p-x-5 {
padding-left: 5px!important;
padding-right: 5px!important;
}
.p-x-10 {
padding-left: 10px!important;
padding-right: 10px!important;
} .p-y-5 {
padding-top: 5px!important;
padding-bottom: 5px!important;
}
.p-y-10 {
padding-top: 10px!important;
padding-bottom: 10px!important;
} .p-a-1 {
padding: 1rem 1rem!important;
}
.p-t-1 {
padding-top: 1rem!important;
}
.p-r-1 {
padding-right: 1rem!important;
}
.p-b-1 {
padding-bottom: 1rem!important;
}
.p-l-1 {
padding-left: 1rem!important;
}
.p-x-1 {
padding-right: 1rem!important;
padding-left: 1rem!important;
}
.p-y-1 {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
.p-a-2 {
padding: 1.5rem 1.5rem!important;
}
.p-t-2 {
padding-top: 1.5rem!important;
}
.p-r-2 {
padding-right: 1.5rem!important;
}
.p-b-2 {
padding-bottom: 1.5rem!important;
}
.p-l-2 {
padding-left: 1.5rem!important;
}
.p-x-2 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important;
}
.p-y-2 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}
.p-a-3 {
padding: 3rem 3rem!important;
}
.p-t-3 {
padding-top: 3rem!important;
}
.p-r-3 {
padding-right: 3rem!important;
}
.p-b-3 {
padding-bottom: 3rem!important;
}
.p-l-3 {
padding-left: 3rem!important;
}
.p-x-3 {
padding-right: 3rem!important;
padding-left: 3rem!important;
}
.p-y-3 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
} .sw-black {
background-color: #000000!important;
}
.sw-black-text {
color: #000000!important;
}
.sw-white {
background-color: #FFFFFF!important;
}
.sw-white-text {
color: #FFFFFF!important;
}
.sw-transparent {
background-color: transparent!important;
}
.sw-transparent-text {
color: transparent!important;
}
.sw-uppercase-text {
text-transform: uppercase!important;
}
.sw-lowercase-text {
text-transform: lowercase!important;
}
.sw-capitalize-text {
text-transform: capitalize!important;
}
.sw-ls-plus-1 {
letter-spacing: 1px!important;
}
.sw-ls-plus-2 {
letter-spacing: 2px!important;
}
.sw-ls-plus-3 {
letter-spacing: 3px!important;
}
.sw-ls-minus-1 {
letter-spacing: -1px!important;
}
.sw-fw-bold, .sw-fw-700 {
font-weight: 700!important;
}
.sw-fw-600 {
font-weight: 600!important;
}
.sw-fw-normal {
font-weight: normal!important;
}
.sw-ls-none {
list-style: none!important;
}
.sw-lh-2 {
line-height: 2rem!important;
}
.sw-lh-3 {
line-height: 3rem!important;
}
.sw-ws-nowrap {
white-space: nowrap!important;
}
.sw-d-block {
display:block!important;
}
.sw-d-inline {
display:inline!important;
}
.sw-d-inline-block {
display:inline-block!important;
}
.sw-fs-08r {
font-size: .8rem!important;
}
.sw-fs-1r {
font-size: 1rem!important;
}
.sw-fs-2r {
font-size: 2rem!important;
}
.sw-strike {
text-decoration: line-through;
} .sw-zi-high {
z-index: 110!important;
}
.sw-pr {
position: relative;
}
.sw-pa {
position: absolute;
} .sw-w-100p {
width: 100%!important;
}
.sw-w-50p {
width: 50%!important;
}
.sw-mw-50 {
min-width: 50px!important;
} .sw-op-100p {
opacity: 1!important;
}
.sw-op-80p {
opacity: .8!important;
}
.sw-op-50p {
opacity: .5!important;
} .hero-btn i.fa { vertical-align: middle;}
.wapp-btn .btn .fa, 
.wapp-btn .btn-link .fa, 
.wapp-btn .btn-icon-left .fa,
.wapp-btn .btn.btn-link.btn-icon-left .fa {
vertical-align: middle;
top: 0;
font-size: 14px;
}
#attestato-fondopagina{
max-width: 700px;
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 1501px) {
#attestato-mobile{
display: none;
}
}
@media screen and (max-width: 1500px) {
#attestato-dsk{
display: none;
}
#attestato-mobile{
display: block;
}
}
#faq-hr ul {
padding-left: 18px !important;
}
.custom-label{
display: none;
margin-bottom: 0px !important;
}
@media screen and (max-width: 768px){
.custom-label{
display: block;
}
input[type=date]{
margin-top: -18px !important;
}
}
.petrolio-ai{
background-color: #4c25a2;
}
.uncode-counter.counter.counter-init.started {
font-family: Playfair Display;
font-size: 86px!important;
}
.btn.btn-sm{
font-size: 14px !important;
}.ac-custom-carousel {
display: flex;
gap: 36px; -ms-overflow-style: none; scrollbar-width: none; margin: auto;
}
.ac-custom-carousel:has(.ac-carousel-item:nth-child(3):last-child) {
background-color: black;
} .ac-custom-carousel::-webkit-scrollbar {
display: none;
} .ac-carousel-item {
flex: 0 0 auto;
scroll-snap-align: start;
background: var(--ac-card-bg);
color: white;
display: flex;
flex-direction: column;
}
.ac-carousel-item__wrapper {
text-decoration: none;
padding: 36px;
display: block;
display: flex;
flex-direction: column;
flex-grow: 1;
padding-top: 0;
}
.ac-carousel-item .ac-carousel-item__img {
width: 100%;
z-index: 1;
position: relative;
aspect-ratio: 16/9;
cursor: pointer;
}
.ac-carousel-item .ac-carousel-item__img-img {
max-width: 100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.ac-carousel-item .ac-carousel-item__img-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
height: 50px;
width: 50px;
opacity: 0.7;
color: white;
}
.ac-carousel-item .ac-carousel-item__img::after {
position: absolute;
content: "";
background: transparent;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background-color 0.5s ease;
}
.ac-carousel-item .ac-carousel-item__img:hover::after {
background: rgba(27, 29, 31, 0.5);
} .ac-carousel-item .ac-carousel-item__header {
background-color: white;
z-index: 2;
position: relative;
margin-top: var(--ac-headerHeight);
text-align: center;
padding: 18px;
}
.ac-carousel-item .ac-carousel-item__header-title {
color: var(--ac-card-bg);
font-weight: 700;
font-size: 29px;
margin: 0;
font-family: "Montserrat", "Lato";
}
.ac-carousel-item .ac-carousel-item__header-desc {
font-size: 16px;
font-weight: 400;
color: rgb(48, 48, 48);
text-transform: uppercase;
margin-top: 9px;
}
.ac-carousel-item .ac-carousel-item__header-ver {
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
color: rgba(27, 29, 31, 0.5);
margin-bottom: 18px;
margin-top: 0;
}
.ac-carousel-item .ac-carousel-item__body {
display: flex;
flex-direction: column;
color: white;
flex-grow: 1;
text-align: center;
} .ac-carousel-item .ac-carousel-item__icon {
width: 82px;
aspect-ratio: 1;
height: 82px;
font-size: 24px;
background: transparent;
color: white;
border-radius: 100px;
border: 1px solid white;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
margin-top: 36px;
} .ac-carousel-item .ac-carousel-item__content {
font-weight: 300;
flex-grow: 1;
font-family: "Montserrat", "Lato";
font-size: 20px;
color: white;
margin-top: 36px;
} .ac-carousel-item .ac-carousel-item__counters {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
margin-left: 0;
padding-left: 0;
list-style: none; justify-content: space-between;
text-align: center;
margin-top: 36px;
}
.ac-carousel-item .ac-carousel-item__counter {
margin: auto;
width: 50%;
flex-grow: 1;
}
.ac-carousel-item .ac-carousel-item__counter-num,
.ac-carousel-item .ac-carousel-item__counter-num-suffix {
font-size: 29px;
}
.ac-carousel-item .ac-carousel-item__counter-label {
display: block;
font-size: 12px;
font-weight: 300;
font-family: "Montserrat", "Lato";
text-transform: capitalize;
} .ac-carousel-item .ac-carousel-item__dates {
margin-top: 36px;
flex-grow: 1;
margin-bottom: 36px;
display: flex;
margin-left: 0;
padding-left: 0;
list-style: none;
gap: 18px;
justify-content: space-between;
text-align: center;
}
.ac-carousel-item .ac-carousel-item__date {
background: var(--ac-cardDark-bg);
padding: 9px;
text-align: center;
border: 1px solid transparent;
transition: border 0.5s ease;
}
.ac-carousel-item .ac-carousel-item__date-title {
font-size: 20px;
font-weight: 300;
color: rgba(255, 255, 255, 0.6);
font-family: "Montserrat", "Lato";
margin-top: 0;
margin-bottom: 9px;
}
.ac-carousel-item .ac-carousel-item__date-date {
font-size: 16px;
font-weight: 400;
}
.ac-carousel-item .ac-carousel-item__date:hover {
border-color: white;
} .ac-carousel-item .ac-carousel-item__btn {
text-transform: uppercase;
flex-grow: 1;
font-size: 18px;
margin-top: auto;
padding: 8px 16px;
border: 1px solid white; color: white;
display: block;
}
.ac-carousel-item .ac-carousel-item__wrapper:hover .ac-carousel-item__btn {
background-color: rgba(255, 255, 255, 0.6);
color: var(--ac-card-bg);
transition: all 0.5s ease;
} .ac-carousel-item__modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.ac-carousel-item__modal-backdrop {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(20, 22, 24, 0.94);
z-index: 900;
}
.ac-carousel-item__modal-close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.ac-carousel-item__modal-content {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
max-width: 80vw;
width: 1000px;
}
.ac-carousel-item__modal-content iframe,
.ac-carousel-item__modal-content object,
.ac-carousel-item__modal-content embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} @media only screen and (max-width: 569px) {
.ac-custom-carousel {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
width: 100%;
font-family: "Lato", sans-serif;
flex: 1;
gap: 9px;
-ms-overflow-style: none; scrollbar-width: none; } .ac-custom-carousel::-webkit-scrollbar {
display: none;
}
.ac-carousel-item {
width: 85%;
}
.ac-carousel-item .ac-carousel-item__header {
background-color: white;
z-index: 2;
position: relative;
margin-top: var(--ac-headerHeight);
text-align: center;
padding: 9px;
}
.ac-carousel-item .ac-carousel-item__header-title {
font-size: 25px;
}
.ac-carousel-item .ac-carousel-item__header-desc {
font-size: 12px;
margin-top: 4.5px;
}
.ac-carousel-item .ac-carousel-item__header-ver {
font-size: 16px;
margin-bottom: 9px;
} .ac-carousel-item .ac-carousel-item__icon {
width: 40px;
height: 40px;
margin-top: 18px;
font-size: 14px;
}
.ac-carousel-item .ac-carousel-item__content {
font-size: 16px;
margin-top: 18px;
} .ac-carousel-item .ac-carousel-item__counters {
margin-top: 18px;
}
.ac-carousel-item .ac-carousel-item__counter {
max-width: 50%;
}
.ac-carousel-item .ac-carousel-item__counter-num,
.ac-carousel-item .ac-carousel-item__counter-num-suffix {
font-size: 24px;
} .ac-carousel-item .ac-carousel-item__dates {
margin-top: 18px;
margin-bottom: 18px;
gap: 18px;
}
.ac-carousel-item .ac-carousel-item__date-title {
font-size: 16px;
}
.ac-carousel-item .ac-carousel-item__date-date {
font-size: 12px;
} .ac-carousel-item .ac-carousel-item__btn {
font-size: 14px;
}
} @media only screen and (min-width: 570px) and (max-width: 959px) {
.ac-custom-carousel {
scroll-snap-type: x mandatory;
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
width: 100%;
font-family: "Lato", sans-serif;
flex: 1;
gap: 18px;
-ms-overflow-style: none; scrollbar-width: none; } .ac-custom-carousel::-webkit-scrollbar {
display: none;
}
.ac-carousel-item {
width: 65%;
}
.ac-carousel-item .ac-carousel-item__header {
background-color: white;
z-index: 2;
position: relative;
margin-top: var(--ac-headerHeight);
text-align: center;
padding: 9px;
}
.ac-carousel-item .ac-carousel-item__header-title {
font-size: 25px;
}
.ac-carousel-item .ac-carousel-item__header-desc {
font-size: 12px;
margin-top: 4.5px;
}
.ac-carousel-item .ac-carousel-item__header-ver {
font-size: 16px;
margin-bottom: 9px;
} .ac-carousel-item .ac-carousel-item__icon {
width: 40px;
height: 40px;
margin-top: 18px;
font-size: 14px;
}
.ac-carousel-item .ac-carousel-item__content {
font-size: 16px;
margin-top: 18px;
} .ac-carousel-item .ac-carousel-item__counters {
margin-top: 18px;
}
.ac-carousel-item .ac-carousel-item__counter {
max-width: 50%;
}
.ac-carousel-item .ac-carousel-item__counter-num,
.ac-carousel-item .ac-carousel-item__counter-num-suffix {
font-size: 24px;
} .ac-carousel-item .ac-carousel-item__dates {
margin-top: 18px;
margin-bottom: 18px;
gap: 18px;
}
.ac-carousel-item .ac-carousel-item__date-title {
font-size: 16px;
}
.ac-carousel-item .ac-carousel-item__date-date {
font-size: 12px;
} .ac-carousel-item .ac-carousel-item__btn {
font-size: 14px;
}
} @media only screen and (min-width: 960px) {
.ac-carousel-item {
width: 430px;
}
}
@media only screen and (min-width: 961px) and (max-width: 1200px) {
.ac-custom-carousel {
max-width: 961px;
flex-wrap: wrap;
}
.ac-carousel-item {
width: calc(50% - 18px);
}
.ac-custom-carousel--3 .ac-carousel-item {
width: calc(33.3333% - 24px);
}
}
@media only screen and (min-width: 1201px) {
.ac-custom-carousel {
max-width: 1200px;
flex-wrap: wrap;
}
div.ac-custom-carousel:has(> :nth-child(4):last-child) {
max-width: 2px;
}
.ac-carousel-item {
width: calc(50% - 18px);
}
.ac-custom-carousel--3 .ac-carousel-item {
width: calc(33.3333% - 24px);
}
}