@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Tenor+Sans&display=swap');

body {
    margin: 0 !important;!i;!;
    font-family: "Roboto";
    font-weight: 300;
    --c-main: #C2D1FF;
    --c-main-dark: #6e7ca9;
    font-size: 15px;
}

.menu-opened {overflow:hidden;}

h2 {font-family: "Tenor Sans";letter-spacing: -1px;font-weight: 500;}
h3 {font-family: "Tenor Sans";letter-spacing: -1px;font-weight: 500;}

strong {font-weight:500;}
* {box-sizing:border-box;outline:none}

.btn {padding: 14px 25px;background: var(--c-main);border-radius: 10px;font-size: 14px;font-weight: 400;color: #000 !important;!i;!;text-decoration: none;display: inline-block;}
.btn:hover {background: var(--c-main-dark) !important;color:#fff !important;color: #000;}
.btn.outline {background: none; border: solid 1px #000; font-weight: 500; }
.btn.outline:hover {border:solid 1px transparent !important;}
.btn.large {padding: 18px 55px; font-size: 14px; }


#page {}


.hero {margin: 0;position: relative;background: rgb(0,49,79);background: linear-gradient(180deg, rgba(0,49,79,1) 0%, rgba(0,84,135,1) 100%);}
.hero img {width: 100%;height: 780px;object-fit: cover;opacity: 0.2;mix-blend-mode: luminosity;}
.hero .content {position: absolute;bottom: 40px;width: 100%;max-width: 1240px;left: 50%;transform: translateX(-50%);z-index: 101;color: #fff;display: flex;align-items: center;padding: 0 20px;}
.hero .content .text {flex: 1;padding: 0 40px 0 0;font-weight: 200;font-size: 18px;}
.hero .content .text h2 {font-weight: 500;font-size: 46px;}
.hero .content .text p {margin: 0 0 20px 0;text-align: justify;}
.hero .content .text .btn {background: #fff; margin: 0 10px 0 0; font-size: 15px; }
.hero .content .text .btn.outline {color: #fff;border: solid 1px #fff;background: none;color: #fff !important;!i;!;}
.hero .content .form {background: url(/wp-content/themes/serenita/images/nl-bg.png) top center no-repeat var(--c-main);padding: 0;border-radius: 20px;width: 450px;/* height: 470px; */padding: 30px;color: #000;background-size: cover;}
.hero .content .form h2 {font-weight: 800; font-size: 25px; }


#masthead {width: 100%;max-width: 1240px;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);z-index: 1001;}
#masthead .content {display: flex;align-items: center;margin: 0 auto;padding: 0 20px;}
#masthead .content .logo {}
#masthead .content .logo img {max-width: 202px; }
#masthead .content .main-navigation {margin: 0 0 0 auto; }
#masthead .content .main-navigation .menu {}
#masthead .content .main-navigation .menu {padding: 0;margin: 0;justify-content: flex-end;font-size: 17px;}
#masthead .content .main-navigation .menu li {display: inline-block; margin: 0 0 0 50px; }

#masthead .content .main-navigation .menu li a {color: #000;text-decoration: none;font-weight: 700;}
#masthead .content .main-navigation .menu li.current-menu-item:first-child a {color:var(--c-main) !important;}
#masthead .content .main-navigation .menu li.current-menu-item a {}
#masthead .content .main-navigation .menu li a:hover {color:var(--c-main-dark)}
#masthead .content .main-navigation .menu li a {color: #fff;}



.menuTrigger {display: none;margin: 0;z-index: 99999;font-size: 26px;width: 26px;margin: 0px 0 0 auto;}
.menuTrigger.sticky {position:fixed;} 
.menuTrigger.open {/* position: absolute; *//* top: 20px; */right: 0;}
.menuTrigger div {width: 26px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin: 0 0 0 auto;}
.menuTrigger.open div {width: 31px;/* height: 31px; */}
.menuTrigger div span {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 26px;border-radius: 1px;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}
.menuTrigger div span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger div span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;}
.menuTrigger div span:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger.open div span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;width: 40px;}
.menuTrigger.open div span:nth-child(2) {opacity: 0;transition: none !important;}
.menuTrigger.open div span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 0px;top: 28px;width: 40px;}
.menuTrigger.open div span {background: #000;}


@media (max-width: 1200px) {
    #masthead {transform: none;left: 0;right: 0;}
    #masthead .content .main-navigation {/* display:none; */}
    .menuTrigger {display: block;}

    #masthead .main-navigation.open {}
    #masthead .main-navigation .menu-main-menu-container {visibility: hidden;opacity: 0;clip-path: circle(10% at 100% 0%);transition: clip-path 0.3s ease-in-out;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: #000;z-index: 1004;margin: 0 !important;display: flex;flex-direction: column;padding: 100px 20px 30px;transform: none;z-index: 1000;}
    #masthead .main-navigation.open .menu-main-menu-container {visibility: visible; opacity: 1; clip-path: circle(200% at 100% 0%); background: var(--c-main); }
    #masthead .main-navigation.open .menu-main-menu-container .menu {display:block;text-align: center;}
    #masthead .main-navigation.open .menu-main-menu-container .menu li {
    display: block;
    margin: 0;
    padding: 0;
}
    #masthead .main-navigation.open .menu-main-menu-container .menu li a {
    color: #000 !important;!i;!;
    font-size: 22px;
    padding: 5px 0;
} 
}

@media (max-width: 991px) {
    .hero .content .text h2 {font-size: 36px; }
}

@media (max-width: 767px) {
   .hero {}
   .hero img {height: 720px;}
   .hero .content {flex-wrap: wrap;bottom: 0;left: 0;transform: none;right: 0;position: unset;}
   .hero .content .text {flex: 0 1 100%;padding: 20px;position: absolute;top: 150px;left: 0;right: 0;}
   .hero .content .text h2 {font-size: 38px;} 
   .hero .content .text p {font-size: 15px; }
   .hero .content .text .btn {margin: 0 0 10px 0; display: block; width: 100%; }
   .hero .content .text .btn.outline {}
   .hero .content .form {border-radius: 0;width: calc(100% + 40px);padding: 20px;margin: 0 -20px;}
   .hero .content .form h2 {}


   
   #masthead .content {padding: 0 20px; }
   #masthead .content .logo {}
   #masthead .content .logo img {max-width: 150px; }
   #masthead .content .main-navigation {/* display: none; */}
   
   #masthead .content .main-navigation .menu {}
   #masthead .content .main-navigation .menu li {}
   #masthead .content .main-navigation .menu li a {}
   #masthead .content .main-navigation .menu li.current-menu-item a {}
   #masthead .content .main-navigation .menu li.current-menu-item a {}
   #masthead .content .main-navigation .menu li a:hover {}
   #masthead .content .main-navigation .menu li a {}

}

#primary {}
#primary .type-page {/* margin: 40px auto 40px; */ }
#primary .type-page .entry-content {max-width: 1240px;margin: 40px auto 40px;padding: 0 20px;text-align: justify;}

#primary .type-page .entry-content h3 {
    font-size: 20px;
    font-weight: 300;
}
#primary .type-page .entry-content h4 {
    font-size: 18px;
    font-family: "Tenor Sans";
}

#primary .type-page .entry-footer {max-width: 1200px;margin: 40px auto 40px;}
#primary .type-page .entry-footer a {color: var(--c-main-dark); opacity: 1; font-weight: 700; text-decoration: none; }
#primary .type-page .post-thumbnail {
    background: rgb(0, 49, 79);
    background: linear-gradient(180deg, rgba(0, 49, 79, 1) 0%, rgba(0, 84, 135, 1) 100%);
}
#primary .type-page .post-thumbnail img {width: 100%;height: 480px;object-fit: cover;opacity: 0.2;mix-blend-mode: luminosity;}
#primary .type-page .entry-header {position: relative; }
#primary .type-page .entry-header h1 {position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);font-family: "Tenor Sans";color: #fff;text-align: center;z-index: 100;}


@media (max-width: 767px) {
    #primary {}
    #primary .type-page {}
    #primary .type-page .entry-content {}
    #primary .type-page .entry-footer {}
    #primary .type-page .entry-footer a {}
    #primary .type-page .post-thumbnail {}
    #primary .type-page .post-thumbnail img {
    height: 290px;
}
    #primary .type-page .entry-header {}
    #primary .type-page .entry-header h1 {
    width: 100%;
    margin: 40px 0 0 0;
}

}



.section {padding: 50px 20px; }
.section.gray {background: #f2f2f2; }
.section.blue {background: url(/wp-content/themes/serenita/images/nl-bg.png) top center no-repeat var(--c-main);background-size: cover;}
.section .content {}
.section.padding-left {padding:50px 0;}
.section.padding-right {padding:50px 0;}
.section.padding-left-right .content {max-width: 1200px; margin: 0 auto; }

.section .content .section-buttons {padding: 0;display: flex;align-items: center;flex-wrap: wrap;}
.section .content .section-buttons .btn {margin:0 10px 0 0}
.section .content .section-buttons .how-its-made-navigation {margin: 0 0 0 auto; }
.section .content .section-buttons .how-its-made-navigation .owl-next {background: none; color: #000; font-size: 26px; border: none; padding: 0; margin:  0 0 0 20px; }
.section .content .section-buttons .how-its-made-navigation .owl-prev {background: none; color: #000; font-size: 26px; border: none; padding: 0; margin:  0 0 0 20px;}

@media (max-width: 767px) {
    .section {padding: 40px 20px;}
    .section.gray {}
    .section.blue {}
    .section .content {}
    .section.padding-left {}
    .section.padding-right {padding: 0; }
    .section.padding-left-right .content {}
    .section .content .section-buttons {}
    .section .content .section-buttons .btn {margin: 0 0 10px 0; width: 100%; }
    .section .content .section-buttons .how-its-made-navigation {
    display: none;
}
    .section .content .section-buttons .how-its-made-navigation .owl-next {}
    .section .content .section-buttons .how-its-made-navigation .owl-prev {}

}

.section .content h3 {font-size: 36px;margin: 0 0 20px 0;}
.section .content p {}
.section .content .img-text {display: flex; align-items: center; width: 100%; grid-template-columns: repeat(2,1fr); }
.section .content .img-text .img {flex: 0 1 50%;position: relative;}
.section .content .img-text .img img {width: 100%;max-height: 520px;height: 520px;object-fit: cover;vertical-align: top;pointer-events: none;}
.section .content .img-text .img img.watermark {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 100px;
    height: auto;
    opacity: 0.7;
}
.section .content .img-text .text {flex: 0 1 50%;line-height: 1.5;/* max-width: 600px; */text-align: justify;} 
.section.padding-right .content .img-text .text {padding: 40px 20px 40px 40px;}
.section.padding-left .content .img-text .text {padding: 40px 40px 40px 20px;}
.section .content .img-text .text:first-child {/* margin-left:auto; */}
.section .content .img-text .text h3 {font-size: 36px;margin: 0 0 8px 0;font-weight: 500;} 
.section .content .img-text .text p {margin: 0 0 20px 0; }
.section .content .img-text .text .actions {}
.section .content .img-text .text .actions .btn {margin: 0 10px 0 0; }


@media (max-width: 767px) {
    .section .content h3 {font-size: 28px; margin: 0 0 10px 0; }
    .section .content p {}
    .section .content .img-text {flex-wrap: wrap; }
    .section .content .img-text .img {flex: 0 1 100%; }
    .section .content .img-text .img img {height: 380px; }
    .section .content .img-text .text {}
    .section.padding-right .content .img-text .text {padding: 20px; flex: 0 1 100%; }
    .section.padding-left .content .img-text .text {padding: 20px !important; }
    .section .content .img-text .text:first-child {order: 3; padding: 20px !important; flex: 0 1 100%; }
    .section .content .img-text .text h3 {font-size: 28px; }
    .section .content .img-text .text p {}
    .section .content .img-text .text .actions {}
    .section .content .img-text .text .actions .btn {}
}

.section .content .discover {text-align: center;padding: 0;/* background: #F2F2F2; */}
.section .content .discover h2 {text-align: center;font-size: 44px;/* font-weight: 800; */margin: 0 0 20px 0;}
.section .content .discover .benefits {margin: 0 auto 20px;display: flex;display: grid;flex=w: ;grid-template-columns: repeat(3,1fr);grid-gap: 20px;text-align: left;}
.section .content .discover .benefits .item {display: flex; align-items: center; flex: 0 1 calc(33.33% - 20px); }
.section .content .discover .benefits .item img {max-width: 85px; margin: 0 10px 0 0; text-align: left; }
.section .content .discover .benefits .item h3 {margin: 0;font-size: 16px;font-family: 'roboto';font-weight: 500;letter-spacing: 0;}
.section .content .discover .benefits .item h3 span {margin: 0;font-size: 13px;font-weight: 300;display: block;margin: 4px 0 0 0;}

@media (max-width: 767px) {
    .section .content .discover {}
    .section .content .discover h2 {font-size: 28px; }
    .section .content .discover .benefits {grid-template-columns: repeat(2, 1fr);}
    .section .content .discover .benefits .item {flex-wrap: wrap; text-align: center; gap: 0; display: flex; align-content: flex-start; }
    .section .content .discover .benefits .item img {margin: 0 auto; }
    .section .content .discover .benefits .item h3 {
    margin: 0 auto;
} 
    .section .content .discover .benefits .item h3 span {} 
}


.how-its-made {}
.how-its-made .steps {display: flex;margin: 0 0 20px 0;} 
.how-its-made .steps .item {padding: 0; }
.how-its-made .steps .item img {border-radius: 10px;margin: 0 0 15px 0;/* height: 220px; *//* object-fit: cover; */}
.how-its-made .steps .item h4 {margin: 0;font-size: 16px;font-weight: 700;}
.how-its-made .steps .item p {margin: 0; font-size: 14px; }

@media (max-width: 767px) {
    .how-its-made {}
    .how-its-made .steps {
    margin: 0 -20px 20px 0px;
    width: calc(100% + 20px);
}
    .how-its-made .steps .item {}
    .how-its-made .steps .item img {}
    .how-its-made .steps .item h4 {}
    .how-its-made .steps .item p {}

}

.faq-section {display: flex;flex-wrap: wrap;}
.faq-section .faq-slider {flex: 0 1 50%;/* max-width: 1270px; */max-width: 50%;}
.faq-section .faq-slider img {width: 100%;height: 680px;object-fit: cover;}
.faq-section .faq-slider img.watermark {
    position: absolute;
    max-width: 130px;
    height: auto;
    opacity: 0.5;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
}
.faq-section .faq-text {max-width: 600px;padding: 0 0 0 40px;text-align: justify;}
.faq-section .faq-text .faq {margin: 40px 0 0 0; }
.faq-section .faq-text .faq .item {margin: 0 0 30px 0;cursor: pointer;}
.faq-section .faq-text .faq .item .question {font-size: 16px;/* font-weight: 800; */position: relative;padding: 0 0 0 50px;margin: 0;}
.faq-section .faq-text .faq .item .question::after {content:"\2b";position: absolute;left: 0;top: -10px;width: 40px;height: 40px;line-height: 40px;background: var(--c-main);border-radius: 50%;font-family: "Font Awesome 6 Pro";text-align: center;font-size: 20px;font-weight: 300;}
.faq-section .faq-text .faq .item.active .question::after {content:"\f068";font-family: "Font Awesome 6 Pro";}
.faq-section .faq-text .faq .item .answer {font-size: 14px;display: none;padding: 10px 0 0 50px;}
.faq-section .faq-text .faq .item .answer p:last-child {margin:0;}
.faq-section .faq-text .faq .item.active .answer {display: block;}

.faq-slider .owl-nav, .faq-slider .owl-dots {display:none}
.faq-slider .owl-thumbs {display: flex;justify-content: flex-end;margin: 20px 0 0 0;}
.faq-slider .owl-thumbs .owl-thumb {height: auto;padding: 0;margin: 0 0 0 20px;border: none;opacity:0.5}
.faq-slider .owl-thumbs .owl-thumb img {height: 50px;width: 50px;object-fit: cover;border-radius: 10px;}
.faq-slider .owl-thumbs .owl-thumb.active {opacity:1;}

@media (max-width: 767px) {
    .faq-section {}
    .faq-section .faq-slider {max-width: 100%; flex: 0 1 100%; }
    .faq-section .faq-slider img {height: 400px; }
    .faq-section .faq-text {padding: 20px; }
    .faq-section .faq-text .faq {}
    .faq-section .faq-text .faq .item {}
    .faq-section .faq-text .faq .item .question {}
    .faq-section .faq-text .faq .item .question::after {}
    .faq-section .faq-text .faq .item.active .question::after {}
    .faq-section .faq-text .faq .item .answer {}
    .faq-section .faq-text .faq .item .answer p:last-child {}
    .faq-section .faq-text .faq .item.active .answer {}

    .faq-slider .owl-nav, .faq-slider .owl-dots {}
    .faq-slider .owl-thumbs {display: none;}
    .faq-slider .owl-thumbs .owl-thumb {}
    .faq-slider .owl-thumbs .owl-thumb img {}
    .faq-slider .owl-thumbs .owl-thumb.active {}

    .faq-slider .owl-nav { display:block}
    .faq-slider .owl-nav .owl-next {position: absolute; top: 50%; right: 20px; background: rgb(255 255 255 / 70%) !important;!i;!; width: 40px; height: 40px; line-height: 40px !important;; border-radius: 50%; transform: translateY(-50%); font-size: 22px !important; }
    .faq-slider .owl-nav .owl-next::before {}
    .faq-slider .owl-nav .owl-prev {position: absolute; top: 50%; left: 20px; background: rgb(255 255 255 / 70%) !important;!; width: 40px; height: 40px; line-height: 40px !important;!i;!; border-radius: 50%; transform: translateY(-50%); font-size: 22px !important;}
    .faq-slider .owl-nav .owl-prev::before {}

}

.signup {text-align: center; }
.section .signup h3 {font-size: 48px; font-weight: 500; margin: 0 0 0 0; }
.section .signup .wpcf7-form ul li .wpcf7-form-control-wrap input[type="email"] {font-size: 20px; height: 70px; padding: 0 30px; }

@media (max-width: 767px) {
    .signup {
        text-align: left;
    }
    .section .signup h3 {font-size: 40px;line-height: 1;margin: 0 0 10px 0;}
    .section .signup .wpcf7-form ul li .wpcf7-form-control-wrap input[type="email"] {}

}


.wpcf7-form {position: relative; }
.wpcf7-form .wpcf7-submit {background: #000;border-radius: 10px;border: none;color: #fff;padding: 15px 20px;font-weight: 500;font-size: 15px;margin: 0;line-height: 1;}

.wpcf7-form h2 {font-family: "Grouch BT";font-size: 32px;letter-spacing: -1.5px;font-weight: normal;margin: 0 0 5px 0;line-height: 1;}
.wpcf7-form h2 span {color:var(--c-pink-dark);}
.wpcf7-form h2 + p {font-size: 16px; }
.wpcf7-form ul {list-style: none;padding: 0;margin: 0 0 20px 0;width: 100%;display: -ms-grid;display: grid;-ms-grid-columns: (1fr 2%)[12];grid-template-columns: repeat(12,1fr);grid-template-rows: repeat(auto-fill,auto);grid-column-gap: 15px;grid-row-gap: 0px;margin: 0;}
.wpcf7-form ul + p {margin:0}
.wpcf7-form ul li.field-row, div[data-class="wpcf7cf_group"] {grid-column: span 12;}
.wpcf7-form ul li.field-row.half {grid-column: span 6;}
.wpcf7-form ul li.field-row.third {grid-column: span 4;}
.wpcf7-form ul li.field-row.fourth {grid-column: span 3;}
.wpcf7-form ul li br {display:none}
.wpcf7-form ul li label {font-weight: 600;margin: 0 0 4px 0;display: block;font-size: 13px;}
.wpcf7-form ul li .wpcf7-form-control-wrap {display: block;}
.wpcf7-form ul li .wpcf7-form-control-wrap.alergii {margin: 17px 0 0 0; }
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio {margin: 7px 0 -15px 0;display: block;}
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item {margin: 0 20px 15px 0;}
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label {margin: 0; line-height: 1; }
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input {display: none; }
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label span {font-weight: 300; position: relative; padding: 0 0 0 30px; display: block; }
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label span::before {content:"";width: 24px;height: 24px;display: block;position: absolute;top: -5px;left: 0;border-radius: 50%;background: #fff;box-shadow: 0 0px 7px rgb(0 0 0 / 10%);}
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label span::after {content:""}
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input:checked + span::before {content:"";background: var(--c-pink-dark);}
.wpcf7-form ul li .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input:checked + span::after {content:"";width: 24px;height: 24px;background: #fff;position: absolute;left: 0;top: -5px;border-radius: 50%;transform: scale(0.5);}
.wpcf7-form ul li .field-description {font-size: 11px; color: #999; }
.wpcf7-form ul li .wpcf7-form-control-wrap input[type="text"], .wpcf7-form ul li .wpcf7-form-control-wrap input[type="email"] {padding: 0 15px;height: 50px;border-radius: 10px;font-family: 'Inter';font-weight: 300;width: 100%;border: none;background: #fff;-webkit-appearance: none;/* -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%); *//* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */}
.wpcf7-form ul li .wpcf7-form-control-wrap input[type="text"]:focus, .wpcf7-form ul li .wpcf7-form-control-wrap input[type="email"]:focus {box-shadow:0 0 0 1px var(--c-main)}
.wpcf7-form ul li .wpcf7-form-control-wrap input[type="date"] {box-shadow: none;background: none;padding: 0 20px;height: 50px;background: #fff;border-radius: 40px;font-family: 'Inter';box-shadow: 0 2px 14px rgb(0 0 0 / 10%);font-weight: 300;width: 100%;border: none;}
.wpcf7-form ul li .wpcf7-form-control-wrap textarea {padding: 10px;background: #fff;border-radius: 10px;font-family: 'Inter';/* box-shadow: 0 0px 10px rgb(0 0 0 / 10%); */font-weight: 300;width: 100%;border: none;height: 100px;vertical-align: top;-webkit-appearance: none;/* -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%); *//* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */}
.wpcf7-form ul li .wpcf7-form-control-wrap textarea:focus {box-shadow:0 0 0 1px var(--c-main)}
.wpcf7-form ul li .wpcf7-form-control-wrap select {padding: 0 20px;height: 50px;background: #fff;border-radius: 40px;font-family: 'Inter';box-shadow: 0 2px 14px rgb(0 0 0 / 10%);font-weight: 300;width: 100%;border: none; color: #000}

.wpcf7 form.invalid .wpcf7-response-output {background: red;color: #fff;border: none;padding: 10px 20px;margin: 20px 0 0 0;font-weight: 600;font-size: 14px;text-align: center;border-radius: 10px;}
.wpcf7-not-valid-tip {font-size: 12px; font-weight: 600; color: red; margin: 10px 0 0 0; }
.wpcf7 form.sent .wpcf7-response-output {background: var(--c-main-dark);color: #fff;border: none;padding: 20px;text-align: center;font-weight: 400;border-radius: 10px;font-size: 14px;font-weight: 600;}


.wpcf7-form .field-row .wpcf7-acceptance {}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item {margin: 0;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label {margin: 0;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label input {display: none;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label span {position: relative;padding: 0 0 0 27px;font-weight: 300;display: block;font-size: 14px;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label span a {color:#000;font-weight: 600;text-decoration: none;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label input + span::before {content: "";width: 20px;height: 20px;display: block;/* border: solid 1px #ddd; */position: absolute;background: #fff;left: 0;top: 0px;border-radius: 5px;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label input:checked + span::before {content: "";background: #000;}
.wpcf7-form .field-row .wpcf7-acceptance .wpcf7-list-item label input:checked + span::after {content: "\f00c";font-family: "Font Awesome 6 Pro";position: absolute;top: 0px;left: 0;font-weight: 900;color: #fff;display: block;text-align: center;height: 20px;width: 20px;font-size: 10px;line-height: 20px;}

.signup .wpcf7-form .form-submit {position: absolute; top: 0; right: 0; height: 80px; background: none; }
.signup .wpcf7-form .form-submit .wpcf7-submit {font-size: 0; width: 50px; height: 50px; background: none; }
.signup .wpcf7-form .form-submit .wpcf7-spinner {display:none}
.signup .wpcf7-form .form-submit::before {content:"\f061";font-size: 38px;color:#000;font-family: "Font Awesome 6 Pro";font-weight: 200;position: absolute;top: 0;right: 0;display: block;width: 70px;height: 70px;line-height: 70px;padding: 0;text-align: center;pointer-events: none;}


@media (max-width: 767px) {
    .wpcf7-form ul li.field-row.half {grid-column: span 12;}
}



#colophon {padding: 40px;background: var(--c-main-dark) !important;} 
#colophon .site-info {max-width: 1200px;margin: 0 auto;text-align: center;color: #fff;display: flex;align-items: center;flex-wrap: wrap;}
#colophon .site-info .left {display: flex;text-align: left;align-items: center;flex-wrap: wrap;}
#colophon .site-info .left .copy {margin: 0 0 0 20px;max-width: 350px;font-size: 13px;}
#colophon .site-info .left .copy small {opacity: 0.5; }
#colophon .site-info .right {flex: 1; text-align: right; }
#colophon .site-info .logo {}
#colophon .site-info .logo img {max-width: 130px; }
#colophon .site-info .menu {margin: 0 0 10px 0;padding: 0;list-style: none;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
#colophon .site-info .menu li {margin: 0 0 0 30px; font-weight: 400; }
#colophon .site-info .menu li a {color: #fff; text-decoration: none; }
#colophon .site-info .sm {list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; align-items: center; font-size: 20px; }
#colophon .site-info .sm li {margin: 0 0 0 30px; }
#colophon .site-info .sm li a {color: #fff; text-decoration: none; }
#colophon .site-info .sm li a i {}

@media (max-width: 767px) {
    #colophon {padding: 20px; text-align: center; }
    #colophon .site-info {}
    #colophon .site-info .left {width: 100%; justify-content: center; text-align: center; margin: 0 0 20px 0; }
    #colophon .site-info .left .copy {}
    #colophon .site-info .left .copy small {}
    #colophon .site-info .right {flex: 0 1 100%; width: 100%; }
    #colophon .site-info .logo {}
    #colophon .site-info .logo img {}
    #colophon .site-info .menu {justify-content: center; font-size: 13px; }
    #colophon .site-info .menu li {}
    #colophon .site-info .menu li a {font-weight: 300; }
    #colophon .site-info .sm {justify-content: center; }
    #colophon .site-info .sm li {margin: 0 13px; }
    #colophon .site-info .sm li a {}
    #colophon .site-info .sm li a i {}

}


.catalogue {display: flex;align-items: center;background: var(--c-main) !important;border-radius: 20px;padding: 0 30px 0 0px;margin: 60px 0 0 0;}
.catalogue img {max-width: 310px;margin: -60px 30px 0 0;}
.catalogue .text {
    padding: 20px 0;
    flex: 1;
}
.catalogue .text h3 {margin: 0 0 5px 0; }
.catalogue .text p {/* margin: 0; */}
.catalogue .text .section-buttons {}
.catalogue .text .section-buttons .btn:not(.outline) {background: #000; color: #fff !important;}


@media (max-width: 767px) {
    .catalogue {flex-wrap: wrap;padding: 20px;margin: 50px -20px 0 -20px;border-radius: 0;text-align: center;}
    .catalogue img {max-width: 100%;margin: -90px auto 20px auto;max-width: 240px;}
    .catalogue .text {flex: 0 1 100%;padding: 0;} 
    .catalogue .text h3 {font-size: 28px; }
    .catalogue .text p {}
    .catalogue .text .section-buttons {}
    .catalogue .text .section-buttons .btn:not(.outline) {}    
}