@import url("https://fonts.googleapis.com/css2?family=Besley&family=Montserrat&display=swap");
h1, h2, h3, h4, h5, h6 {
font-family: "Besley", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@media (max-width: 1023px) {
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
display: none;
}
}
p, li, span, a {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@media (max-width: 1023px) {
p br, li br, span br, a br {
display: none;
}
}
.light {
color: rgba(34, 34, 34, 0.7);
}
h1 {
font-size: 52px;
line-height: 62px;
}
@media (max-width: 767px) {
h1 {
font-size: 32px;
line-height: 42px;
}
}
h2 {
font-size: 42px;
line-height: 58px;
}
@media (max-width: 767px) {
h2 {
font-size: 28px;
line-height: 32px;
}
}
h3 {
font-size: 30px;
line-height: 58px;
}
@media (max-width: 767px) {
h3 {
font-size: 24px;
line-height: 30px;
}
}
p {
font-size: 24px;
line-height: 32px;
}
@media (max-width: 767px) {
p {
font-size: 18px;
line-height: 26px;
}
}
ul, ol {
padding: 0;
margin: 0;
padding-left: 40px;
}
ul li, ol li {
font-size: 24px;
line-height: 32px;
}
@media (max-width: 767px) {
ul li, ol li {
font-size: 18px;
line-height: 26px;
}
}
* {
box-sizing: border-box;
}
main {
margin-top: -100px;
position: relative;
z-index: 1;
}
body {
min-width: 360px;
overflow-x: hidden;
}
body.menu-open {
overflow: hidden;
}
@media (max-width: 1023px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
.wpcf7-spinner {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
margin-top: 20px;
padding: 0;
border: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border: none;
color: #222222;
}
a, input, textarea, select, button {
outline: none !important;
}
@media (min-width: 1024px) {
.animate-on-scroll {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.animate-on-scroll.is-visible {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.animate-on-scroll {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}
.btn {
font-size: 20px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 50px;
border: 1px solid #fff;
border-bottom-width: 2px;
border-right-width: 2px;
color: #fff;
text-decoration: none;
white-space: nowrap;
transition: all ease-in-out 0.2s;
}
.btn:active {
color: #fff;
outline: none;
}
.btn:visited {
color: #fff;
outline: none;
}
.btn:focus {
color: #fff;
outline: none;
}
.btn:hover {
background-color: #fff;
color: #222222;
border-color: #222222;
}
.btn.btn-black {
color: #222222;
border-color: #222222;
}
.btn.btn-black:active {
color: #222222;
outline: none;
}
.btn.btn-black:visited {
color: #222222;
outline: none;
}
.btn.btn-black:focus {
color: #222222;
outline: none;
}
.btn.btn-black:hover {
background-color: #222222;
color: #fff;
border-color: #222222;
}
.side-btn .btn {
max-width: 220px;
height: 35px;
font-size: 18px;
letter-spacing: -0.4px;
}
.site-header {
min-height: 100px;
background-color: rgba(0, 0, 0, 0.7);
padding: 12px 110px;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2;
transition: background-color 0.3s ease;
}
.site-header.scrolled {
background-color: rgb(0, 0, 0);
}
@media (max-width: 1700px) {
.site-header {
padding: 12px 40px;
}
}
@media (max-width: 767px) {
.site-header {
padding: 12px 20px;
}
}
@media (max-width: 1700px) {
.site-header .site-branding {
width: 150px;
}
}
.site-header .site-branding a {
display: flex;
align-items: center;
}
.site-header .site-branding a img {
display: block;
}
.site-header .site-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
.site-header .site-nav {
display: none;
}
}
.site-header .site-nav .main-navigation ul {
display: flex;
align-items: center;
gap: 90px;
justify-content: center;
}
@media (max-width: 1700px) {
.site-header .site-nav .main-navigation ul {
gap: 40px;
}
}
@media (max-width: 1366px) {
.site-header .site-nav .main-navigation ul {
gap: 20px;
}
}
.site-header .site-nav .main-navigation ul li {
font-size: 20px;
line-height: 24px;
}
@media (max-width: 1366px) {
.site-header .site-nav .main-navigation ul li {
font-size: 18px;
line-height: 22px;
}
}
.site-header .site-nav .main-navigation ul li a {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #fff;
text-transform: uppercase;
position: relative;
font-size: 20px;
line-height: 24px;
}
@media (max-width: 1366px) {
.site-header .site-nav .main-navigation ul li a {
font-size: 18px;
line-height: 22px;
}
}
.site-header .site-nav .main-navigation ul li a:after {
content: "";
width: 0;
border-bottom: 1px solid #fff;
transition: all ease-in-out 0.2s;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
}
.site-header .site-nav .main-navigation ul li:hover a:after {
width: 100%;
}
.site-header .site-nav .main-navigation ul li.current_page_item a:after {
width: 100%;
}
@media (max-width: 1024px) {
.site-header .side-btn {
display: none;
}
}
.menu-toggle {
display: none;
}
@media screen and (max-width: 1024px) {
.menu-toggle {
display: flex;
flex-direction: column;
border: none;
background: none;
width: 70px;
height: 50px;
justify-content: space-between;
}
.menu-toggle span {
height: 2px;
background: #fff;
width: 100%;
}
}
@media (max-width: 767px) {
.menu-toggle {
width: 60px;
height: 34px;
}
}
.mobile-menu {
display: none;
}
@media screen and (max-width: 1024px) {
.mobile-menu {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/mobile_menu.webp);
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
padding-top: 80px;
transition: all 0.3s ease-in-out;
}
.mobile-menu.open {
left: 0;
}
.mobile-menu .close-menu {
position: absolute;
top: 20px;
right: 40px;
}
.mobile-menu .close-menu svg {
width: 25px;
}
.mobile-menu .site-branding {
margin-bottom: 40px;
max-width: 180px;
}
.mobile-menu .site-nav {
margin-bottom: 60px;
}
.mobile-menu .site-nav .mobile-main-navigation ul {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
justify-content: center;
padding: 0;
}
.mobile-menu .site-nav .mobile-main-navigation ul li {
font-size: 20px;
line-height: 24px;
list-style: none;
}
.mobile-menu .site-nav .mobile-main-navigation ul li a {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #fff;
text-transform: uppercase;
position: relative;
font-size: 20px;
line-height: 24px;
text-decoration: none;
}
.mobile-menu .site-nav .mobile-main-navigation ul li a:after {
content: "";
width: 0;
border-bottom: 1px solid #fff;
transition: all ease-in-out 0.2s;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
}
.mobile-menu .site-nav .mobile-main-navigation ul li:hover a:after {
width: 100%;
}
.mobile-menu .site-nav .mobile-main-navigation ul li.current_page_item a:after {
width: 100%;
}
.mobile-menu .side-btn .btn {
max-width: 260px;
height: 50px;
font-size: 20px;
letter-spacing: -0.4px;
}
}
.site-footer {
background: #222222;
padding-top: 50px;
padding-bottom: 25px;
overflow: hidden;
}
.site-footer .container {
max-width: 1040px;
margin: 0 auto;
}
.site-footer .container .footer-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
@media (max-width: 768px) {
.site-footer .container .footer-top {
flex-wrap: wrap;
gap: 40px;
}
}
@media (max-width: 768px) {
.site-footer .container .footer-top .footer-logo {
order: 1;
width: 100%;
display: flex;
justify-content: center;
}
}
@media (max-width: 768px) {
.site-footer .container .footer-top .footer-menu {
order: 2;
}
}
.site-footer .container .footer-top .footer-navigation {
width: 255px;
max-width: 100%;
padding-left: 45px;
}
@media (max-width: 768px) {
.site-footer .container .footer-top .footer-navigation {
padding-left: 0;
}
}
.site-footer .container .footer-top .footer-navigation ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.site-footer .container .footer-top .footer-navigation ul li {
list-style: none;
}
.site-footer .container .footer-top .footer-navigation ul li a {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-size: 16px;
}
.site-footer .container .footer-top .footer-adress {
width: 255px;
max-width: 100%;
}
@media (max-width: 768px) {
.site-footer .container .footer-top .footer-adress {
order: 3;
}
}
.site-footer .container .footer-top .footer-adress ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.site-footer .container .footer-top .footer-adress ul li {
list-style: none;
}
.site-footer .container .footer-top .footer-adress ul li a {
font-family: "Montserrat", sans-serif;
text-decoration: none;
color: #fff;
font-size: 16px;
}
.site-footer .container .footer-top .footer-adress ul li span {
font-family: "Montserrat", sans-serif;
text-decoration: none;
color: #fff;
font-size: 16px;
}
.site-footer .container .site-info {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
}
@media (max-width: 767px) {
.site-footer .container .site-info {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 6px;
flex-direction: column-reverse;
}
}
.site-footer .container .site-info .copyr span {
font-family: "Montserrat", sans-serif;
text-decoration: none;
color: #fff;
font-size: 12px;
}
.site-footer .container .site-info .privacy a {
font-family: "Montserrat", sans-serif;
color: #fff;
font-size: 12px;
}
.main-banner {
overflow: hidden;
}
.main-banner .banner-wrap {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
padding-top: 100px;
}
.main-banner .banner-wrap .content-side {
background-color: rgba(0, 0, 0, 0.4);
flex: 0 1 50%;
padding: 190px 102px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1023px) {
.main-banner .banner-wrap .content-side {
flex: unset;
padding: 190px 20px;
width: 100%;
}
}
@media (max-width: 767px) {
.main-banner .banner-wrap .content-side {
padding: 80px 20px;
}
}
.main-banner .banner-wrap .content-side .title-block {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.main-banner .banner-wrap .content-side .title-block {
margin-bottom: 40px;
}
}
.main-banner .banner-wrap .content-side .title-block h1 {
margin: 0;
color: #fff;
}
.main-banner .banner-wrap .content-side .banner-content {
margin-bottom: 132px;
}
@media (max-width: 767px) {
.main-banner .banner-wrap .content-side .banner-content {
margin-bottom: 60px;
}
}
.main-banner .banner-wrap .content-side .banner-content p {
color: #fff;
margin: 0;
}
.main-banner .banner-wrap .content-side .btns-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
@media (max-width: 767px) {
.main-banner .banner-wrap .content-side .btns-row {
flex-direction: column-reverse;
}
}
.main-banner .banner-wrap .content-side .btns-row .btn {
min-width: 330px;
}
.about-block {
background-color: #F4F2F2;
padding: 170px 0;
}
@media (max-width: 1023px) {
.about-block {
padding: 80px 0;
}
}
.about-block .content-wrap {
max-width: 1040px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 50px;
}
.about-block .content-wrap .block-title h2 {
margin: 0;
}
.about-block .content-wrap .block-content p:last-of-type {
margin: 0;
}
.products-block {
padding-top: 180px;
padding-bottom: 180px;
}
@media (max-width: 1023px) {
.products-block {
padding-top: 80px;
padding-bottom: 80px;
}
}
.products-block .block-title {
margin-bottom: 70px;
}
.products-block .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.products-block .products-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 1500px;
margin: 0 auto;
}
@media (max-width: 1023px) {
.products-block .products-wrap {
flex-direction: column;
gap: 80px;
}
}
.products-block .products-wrap .product-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1366px) {
.products-block .products-wrap .product-item {
max-width: 32%;
}
}
@media (max-width: 1024px) {
.products-block .products-wrap .product-item {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1023px) {
.products-block .products-wrap .product-item {
max-width: unset;
width: 100%;
}
}
.products-block .products-wrap .product-item .product-image {
margin-bottom: 44px;
aspect-ratio: 328/424;
width: 100%;
max-height: 424px;
}
@media (max-width: 1024px) {
.products-block .products-wrap .product-item .product-image {
max-height: 384px;
}
}
.products-block .products-wrap .product-item .product-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.products-block .products-wrap .product-item .product-title {
margin-bottom: 10px;
text-align: center;
}
.products-block .products-wrap .product-item .product-title h3 {
margin: 0;
}
.products-block .products-wrap .product-item .product-text {
margin-bottom: 30px;
text-align: center;
}
.products-block .products-wrap .product-item .product-text p {
margin: 0;
}
.operate-block {
padding-top: 130px;
padding-bottom: 130px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 1023px) {
.operate-block {
padding-top: 80px;
padding-bottom: 80px;
padding-right: 20px;
padding-left: 20px;
}
}
.operate-block .block-title {
margin-bottom: 50px;
}
.operate-block .block-title h2 {
margin: 0;
color: #fff;
text-transform: uppercase;
}
.operate-block .block-text {
margin-bottom: 110px;
}
.operate-block .block-text p {
margin: 0;
color: #fff;
}
.operate-block .operate-block-repeater {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 150px;
}
@media (max-width: 1366px) {
.operate-block .operate-block-repeater {
gap: 50px 130px;
flex-wrap: wrap;
}
}
@media (max-width: 1023px) {
.operate-block .operate-block-repeater .operate-item {
max-width: 33%;
}
}
@media (max-width: 767px) {
.operate-block .operate-block-repeater .operate-item {
max-width: unset;
width: 100%;
}
}
.operate-block .operate-block-repeater .operate-item .operate-image {
min-height: 150px;
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.operate-block .operate-block-repeater .operate-item .operate-image {
min-height: unset;
}
}
.operate-block .operate-block-repeater .operate-item .operate-item-title {
text-align: center;
}
.operate-block .operate-block-repeater .operate-item .operate-item-title p {
margin: 0;
color: #fff;
line-height: 25px;
}
.audience-block {
padding: 180px 0;
}
@media (max-width: 1024px) {
.audience-block {
padding: 180px 20px;
}
}
@media (max-width: 1023px) {
.audience-block {
padding: 80px 0px;
}
}
.audience-block .container {
max-width: 1040px;
margin: 0 auto;
}
.audience-block__group:not(:last-child) {
margin-bottom: 110px;
}
.audience-block__group .block-title {
margin-bottom: 50px;
}
.audience-block__group .block-title h2 {
text-align: center;
margin: 0;
text-transform: uppercase;
}
.audience-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 28px;
padding: 0;
margin: 0;
list-style: none;
}
.audience-grid__item {
display: flex;
align-items: center;
justify-content: center;
min-height: 100px;
padding: 20px 24px;
border: 1px solid #222222;
text-align: center;
font-size: clamp(22px, 2vw, 30px);
line-height: 1.2;
font-family: "Besley", serif;
color: #222222;
}
.audience-grid__item--2 {
grid-column: span 2;
}
.audience-grid__item--3 {
grid-column: span 3;
}
.audience-grid__item--4 {
grid-column: span 4;
}
.audience-grid__item--5 {
grid-column: span 5;
}
.audience-grid__item--6 {
grid-column: span 6;
}
.audience-grid__item--7 {
grid-column: span 7;
}
.audience-grid__item--8 {
grid-column: span 8;
}
.audience-grid__item--9 {
grid-column: span 9;
}
@media (max-width: 991px) {
.audience-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.audience-grid__item, .audience-grid__item--2, .audience-grid__item--3, .audience-grid__item--4, .audience-grid__item--5, .audience-grid__item--7, .audience-grid__item--8, .audience-grid__item--9 {
grid-column: span 1;
}
}
@media (max-width: 575px) {
.audience-block {
padding: 56px 0;
}
.audience-block__group:not(:last-child) {
margin-bottom: 56px;
}
.audience-block__title {
margin-bottom: 24px;
}
.audience-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.audience-grid__item {
min-height: 80px;
padding: 18px 20px;
font-size: 22px;
}
}
.documentation-block {
padding: 100px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media (max-width: 1023px) {
.documentation-block {
padding: 80px 0px;
}
}
.documentation-block .bg-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.6;
z-index: 1;
}
.documentation-block .container {
position: relative;
z-index: 2;
}
.documentation-block .container .block-title {
margin-bottom: 26px;
}
.documentation-block .container .block-title h2 {
color: #fff;
margin: 0;
text-transform: uppercase;
font-weight: 100;
}
.documentation-block .container .block-text {
margin-bottom: 74px;
}
.documentation-block .container .block-text p {
color: #fff;
margin: 0;
}
.documentation-block .container .files-wrap {
max-width: 705px;
margin: auto;
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
}
.documentation-block .container .files-wrap div {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 18px;
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-family: "Besley", serif;
transition: all ease-in-out 0.2s;
}
@media (max-width: 767px) {
.documentation-block .container .files-wrap div {
font-size: 18px;
line-height: 26px;
}
}
.documentation-block .container .files-wrap div svg {
flex-shrink: 0;
}
.coverage-block {
padding-top: 180px;
}
@media (max-width: 1023px) {
.coverage-block {
padding-top: 80px;
}
}
.coverage-block .block-title {
margin-bottom: 30px;
}
.coverage-block .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.coverage-block .block-text {
margin-bottom: 30px;
}
.coverage-block .block-text p {
margin: 0;
}
.coverage-block .block-destination {
margin: auto;
max-width: 1040px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.coverage-block .block-destination {
padding: 0px 20px;
}
}
@media (max-width: 767px) {
.coverage-block .block-destination {
padding: 0px;
}
}
.coverage-block .block-destination .dest-item span {
font-size: 30px;
line-height: 32px;
font-family: "Besley", serif;
}
@media (max-width: 767px) {
.coverage-block .block-destination .dest-item span {
font-size: 18px;
line-height: 26px;
}
}
.coverage-block .block-image {
display: flex;
align-items: center;
justify-content: center;
}
.coverage-block .block-image img {
display: block;
max-width: 100%;
}
.quotation-block {
position: relative;
padding-top: 350px;
padding-bottom: 350px;
}
@media (max-width: 1366px) {
.quotation-block {
padding-top: 160px;
padding-bottom: 160px;
}
}
@media (max-width: 1024px) {
.quotation-block {
padding: 160px 20px;
}
}
@media (max-width: 1023px) {
.quotation-block {
padding: 80px 0px;
}
}
.quotation-block:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: auto;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/left.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 597/1179;
z-index: -1;
}
@media (max-width: 1023px) {
.quotation-block:before {
bottom: 0;
top: auto;
height: 500px;
}
}
@media (max-width: 767px) {
.quotation-block:before {
height: 350px;
}
}
.quotation-block:after {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: auto;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/right.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 652/1179;
z-index: -1;
}
@media (max-width: 1023px) {
.quotation-block:after {
bottom: 0;
top: auto;
height: 500px;
}
}
@media (max-width: 767px) {
.quotation-block:after {
height: 350px;
}
}
.quotation-block .container {
position: relative;
z-index: 1;
max-width: 1040px;
margin: 0 auto;
}
.quotation-block .container .block-title {
margin: 35px auto;
}
.quotation-block .container .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.quotation-block .container .block-text {
margin-bottom: 90px;
}
@media (max-width: 767px) {
.quotation-block .container .block-text {
margin-bottom: 60px;
}
}
.quotation-block .container .block-text p {
margin: 0;
}
.quotation-block .container .form-wrap {
display: flex;
gap: 75px;
}
@media (max-width: 1023px) {
.quotation-block .container .form-wrap {
flex-direction: column-reverse;
}
}
.quotation-block .container .form-wrap .form-side p {
margin: 0;
}
.quotation-block .container .form-wrap .form-side p br {
display: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 20px;
display: block;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] {
position: relative;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] select {
min-height: 53px;
width: 100%;
background-color: #F4F2F2;
border: none;
border-radius: 0;
font-size: 24px;
line-height: 32px;
padding: 10px 19px;
text-transform: uppercase;
color: #222222;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
z-index: 1;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] select:focus {
outline: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] select:active {
outline: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] select.wpcf7-not-valid {
background-color: #DEC9C9;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-] select {
font-size: 18px;
line-height: 26px;
min-height: 46px;
}
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap[data-name^=select-]::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 14px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.334961 0.371094L6.97151 6.37109L13.608 0.371094' stroke='%23222222'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 2;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input {
min-height: 53px;
width: 100%;
background-color: #F4F2F2;
border: none;
border-radius: 0;
font-size: 24px;
line-height: 32px;
padding: 10px 19px;
text-transform: uppercase;
color: #222222;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input::placeholder {
color: #222222;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input:focus {
outline: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input:active {
outline: none;
}
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input.wpcf7-not-valid {
background-color: #DEC9C9;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .form-side .wpcf7-form-control-wrap input {
font-size: 18px;
line-height: 26px;
min-height: 46px;
}
}
.quotation-block .container .form-wrap .form-side .wpcf7-submit {
width: 100%;
height: 53px;
font-size: 24px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 19px;
border: 1px solid #222222;
border-bottom-width: 2px;
border-right-width: 2px;
color: #222222;
text-decoration: none;
white-space: nowrap;
transition: all ease-in-out 0.2s;
background-color: #fff;
cursor: pointer;
}
.quotation-block .container .form-wrap .form-side .wpcf7-submit:hover {
background-color: #222;
color: #fff;
border-color: #222222;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .form-side .wpcf7-submit {
font-size: 18px;
line-height: 26px;
height: 46px;
width: 100%;
}
}
.quotation-block .container .form-wrap .form-side .privacy-block {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0;
}
.quotation-block .container .form-wrap .form-side .privacy-block .wpcf7-not-valid-tip {
display: none;
}
.quotation-block .container .form-wrap .form-side .privacy-block span {
margin: 0;
}
.quotation-block .container .form-wrap .form-side .privacy-block span label {
display: flex;
align-items: center;
gap: 17px;
cursor: pointer;
position: relative;
}
.quotation-block .container .form-wrap .form-side .privacy-block span label .wpcf7-list-item-label {
color: #222222;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .form-side .privacy-block span label .wpcf7-list-item-label {
font-size: 18px;
}
}
.quotation-block .container .form-wrap .form-side .privacy-block span label:before {
content: "";
width: 18px;
height: 18px;
padding: 0;
min-height: unset;
border: 1px solid rgba(34, 34, 34, 0.7);
border-radius: 0px;
background-color: transparent;
}
.quotation-block .container .form-wrap .form-side .privacy-block span label input {
display: none;
}
.quotation-block .container .form-wrap .form-side .privacy-block span.is-checked label::after {
content: "";
width: 14px;
height: 8px;
border-left: 2px solid rgba(34, 34, 34, 0.7);
border-bottom: 2px solid rgba(34, 34, 34, 0.7);
position: absolute;
left: 2px;
top: 6px;
transform: rotate(-50deg);
}
.quotation-block .container .form-wrap .form-side .privacy-block .wpcf7-not-valid label:before {
background-color: #DEC9C9;
}
.quotation-block .container .form-wrap .form-side .privacy-block a {
color: #222222;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
margin-left: 5px;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .form-side .privacy-block a {
font-size: 18px;
}
}
.quotation-block .container .form-wrap .content-side ul {
margin: 0;
padding: 0;
display: flex;
gap: 40px;
flex-direction: column;
}
.quotation-block .container .form-wrap .content-side ul li {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 27px;
}
.quotation-block .container .form-wrap .content-side ul li span {
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
color: #222222;
}
@media (max-width: 767px) {
.quotation-block .container .form-wrap .content-side ul li span {
font-size: 18px;
line-height: 26px;
}
}
.banner-block {
padding-top: 220px;
padding-bottom: 140px;
background-color: #F4F2F2;
}
@media (max-width: 1023px) {
.banner-block {
padding-top: 150px;
padding-bottom: 80px;
}
}
.banner-block .block-title {
margin-bottom: 54px;
}
.banner-block .block-title h1 {
margin: 0;
}
.banner-block .block-text p {
margin: 0;
}
.products .product-item {
padding-top: 90px;
padding-bottom: 90px;
}
@media (max-width: 1023px) {
.products .product-item {
padding-top: 80px;
padding-bottom: 80px;
}
}
.products .product-item:nth-child(even) {
background-color: #F4F2F2;
}
.products .product-item .container {
max-width: 1040px;
margin: 0 auto;
}
.products .product-item .container .product-item-wrap {
display: flex;
align-items: flex-start;
gap: 60px;
justify-content: space-between;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap {
flex-direction: column;
}
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .image-side {
width: 100%;
display: flex;
justify-content: center;
}
}
.products .product-item .container .product-item-wrap .details-side {
max-width: 575px;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .details-side {
max-width: unset;
width: 100%;
}
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product-item-title {
margin-bottom: 34px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product-item-title h2 {
margin: 0;
font-size: 30px;
line-height: 36px;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .details-side .product-item-details .product-item-title h2 {
font-size: 28px;
line-height: 36px;
}
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties {
padding-bottom: 36px;
border-bottom: 1px solid rgba(34, 34, 34, 0.7);
display: flex;
flex-direction: column;
gap: 20px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap {
display: flex;
gap: 16px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .properties_name {
min-width: 160px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .properties_name span {
color: rgba(34, 34, 34, 0.7);
font-size: 24px;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .properties_name span {
font-size: 18px;
line-height: 26px;
}
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .product_propertie span {
color: #222222;
font-size: 24px;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .product_propertie span {
font-size: 18px;
line-height: 26px;
}
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .product_properties .product_properties-wrap .product_propertie span .light {
display: block;
color: rgba(34, 34, 34, 0.7);
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block {
padding-top: 20px;
padding-bottom: 10px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-trigger {
margin-bottom: 30px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-trigger a {
font-size: 24px;
text-transform: uppercase;
color: #222;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-trigger a svg {
transition: all 0.3s ease;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-trigger a.is-open svg {
transform: rotate(180deg);
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie_name {
margin-bottom: 20px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie_name span {
font-size: 20px;
line-height: 36px;
}
@media (max-width: 767px) {
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie_name span {
font-size: 18px;
line-height: 26px;
}
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie {
margin-bottom: 32px;
display: flex;
flex-direction: column;
gap: 8px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie .details_propertie-wrap {
display: flex;
align-items: center;
gap: 16px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie .details_propertie-wrap .name {
width: 160px;
flex-shrink: 0;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie .details_propertie-wrap .name span {
font-size: 18px;
color: rgba(34, 34, 34, 0.7);
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .details .details_propertie .details_propertie-wrap .propertie span {
font-size: 18px;
color: #222222;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .documentation_provided {
margin-bottom: 20px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .documentation_provided span {
font-size: 20px;
line-height: 36px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .documentation_item {
padding-bottom: 30px;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .documentation_item ul {
padding: 0;
margin: 0;
}
.products .product-item .container .product-item-wrap .details-side .product-item-details .details-block .details-collapse-block .documentation_item ul li {
list-style: none;
font-size: 18px;
line-height: 36px;
color: #222222;
}
.products .product-item .container .product-item-wrap .details-side .product-btn .btn {
width: 100%;
}
.model-page-banner-block {
padding-top: 175px;
padding-bottom: 80px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.model-page-banner-block .banner-overlay {
position: absolute;
left: 0;
bottom: 0;
background-color: #000000;
opacity: 0.5;
width: 100%;
height: calc(100% - 100px);
z-index: 1;
}
.model-page-banner-block .container {
position: relative;
z-index: 2;
}
.model-page-banner-block .container .block-title {
margin-bottom: 54px;
}
.model-page-banner-block .container .block-title h1 {
margin: 0;
color: #fff;
}
.model-page-banner-block .container .block-text p {
margin: 0;
color: #fff;
}
.model-block {
padding-top: 120px;
padding-bottom: 200px;
}
@media (max-width: 1023px) {
.model-block {
padding: 80px 0px;
}
}
.model-block {
position: relative;
}
.model-block:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: auto;
max-height: 100%;
width: 35.3%;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/left-bottom.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 666/1927;
z-index: -1;
}
.model-block:after {
position: absolute;
content: "";
top: 0;
right: 0;
height: auto;
max-height: 100%;
width: 35.2%;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/right-top.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 665/1960;
z-index: -1;
}
.model-block.qandd-block:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: unset;
height: auto;
max-height: 100%;
width: 35.3%;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/top-left.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 666/1927;
z-index: -1;
}
.model-block.qandd-block:after {
position: absolute;
content: "";
top: unset;
bottom: 0;
right: 0;
height: auto;
max-height: 100%;
width: 35.2%;
background-image: url(//comusnutrition.com/wp-content/themes/comus/assets/images/right-bottom.webp);
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 665/1960;
z-index: -1;
}
.model-block .container {
max-width: 1040px;
margin: auto;
position: relative;
z-index: 2;
}
.model-block .container .model-top .logo-block {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 90px;
}
@media (max-width: 1023px) {
.model-block .container .model-top .logo-block {
margin-bottom: 60px;
}
}
.model-block .container .model-top .title-block h2 {
margin: 0;
text-transform: uppercase;
}
.model-block .container .model-repeater-wrap {
display: flex;
flex-direction: column;
gap: 50px;
margin-top: 50px;
}
.model-block .container .model-repeater-wrap .model-item {
border: 1px solid #116BCD;
padding: 60px;
position: relative;
margin-top: 150px;
background-color: #fff;
}
@media (max-width: 1023px) {
.model-block .container .model-repeater-wrap .model-item {
padding: 30px;
}
}
.model-block .container .model-repeater-wrap .model-item:before {
position: absolute;
content: "";
margin: auto;
margin: auto;
top: -150px;
left: 0px;
right: 0px;
height: 75px;
width: 1px;
background-color: #000000;
z-index: 0;
}
.model-block .container .model-repeater-wrap .model-item .model-item__number {
position: absolute;
width: 49px;
height: 49px;
border: 1px solid #116BCD;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: "Besley", serif;
color: #116BCD;
font-size: 30px;
line-height: 32px;
margin: auto;
top: 0px;
left: 0px;
right: 0px;
margin-top: -24.5px;
z-index: 1;
}
.model-block .container .model-repeater-wrap .model-item div:last-of-type {
margin-bottom: 0px;
}
.model-block .container .model-repeater-wrap .model-item .model-title {
margin-bottom: 32px;
}
.model-block .container .model-repeater-wrap .model-item .model-title h3 {
margin: 0;
text-transform: uppercase;
}
.model-block .container .model-repeater-wrap .model-item .model-text {
margin-bottom: 32px;
}
.model-block .container .model-repeater-wrap .model-item .model-text p {
margin: 0;
}
.model-block .container .model-repeater-wrap .model-item .model-square-blocks {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 32px;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 767px) {
.model-block .container .model-repeater-wrap .model-item .model-square-blocks .model-square-block {
width: 100%;
}
}
.model-block .container .model-repeater-wrap .model-item .model-square-blocks .block-name {
font-size: 24px;
line-height: 32px;
padding: 10px 20px;
border: 1px solid #000000;
text-align: center;
}
@media (max-width: 767px) {
.model-block .container .model-repeater-wrap .model-item .model-square-blocks .block-name {
font-size: 18px;
line-height: 26px;
width: 100%;
}
}
.key-takeaway {
padding-top: 128px;
padding-bottom: 128px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 1023px) {
.key-takeaway {
padding: 80px 0px;
}
}
.key-takeaway .block-overlay {
position: absolute;
left: 0;
bottom: 0;
background-color: #000000;
opacity: 0.5;
width: 100%;
height: 100%;
z-index: 1;
}
.key-takeaway .container {
position: relative;
z-index: 2;
max-width: 1040px;
margin: 0 auto;
}
.key-takeaway .container .block-title {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.key-takeaway .container .block-title {
margin-bottom: 60px;
}
}
.key-takeaway .container .block-title h2 {
color: #fff;
margin: 0;
text-transform: uppercase;
}
.key-takeaway .container .block-text-first {
margin-bottom: 40px;
}
.key-takeaway .container .block-text-first p {
margin: 0;
color: #fff;
}
.key-takeaway .container .block-list {
margin-bottom: 40px;
display: flex;
justify-content: center;
}
.key-takeaway .container .block-list ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: flex-start;
align-items: flex-start;
}
.key-takeaway .container .block-list ul li {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 35px;
font-size: 24px;
line-height: 26px;
color: #fff;
text-transform: uppercase;
}
@media (max-width: 767px) {
.key-takeaway .container .block-list ul li {
font-size: 18px;
line-height: 26px;
}
}
.key-takeaway .container .block-list ul li svg {
flex-shrink: 0;
}
.key-takeaway .container .block-text-second {
margin-bottom: 0px;
}
.key-takeaway .container .block-text-second p {
margin: 0;
color: #fff;
}
.about-banner .container {
max-width: 1040px;
margin: 0 auto;
}
.about-banner .container .block-title h1 {
color: #222222;
}
.about-banner .container .block-text p {
color: #222222;
}
.approach-block {
position: relative;
}
.approach-block .block-overlay {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
}
.approach-block .container {
position: relative;
z-index: 2;
}
.approach-block .container .block-text {
margin-bottom: 80px;
}
.transaction-block {
padding: 130px 0;
}
@media (max-width: 1023px) {
.transaction-block {
padding: 80px 0px;
}
}
.transaction-block .container {
max-width: 1040px;
margin: 0 auto;
}
.transaction-block .container .block-title {
margin-bottom: 40px;
}
.transaction-block .container .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.transaction-block .container .block-text {
margin-bottom: 40px;
}
.transaction-block .container .block-text p {
margin: 0;
}
.transaction-block .container .block-list {
margin-bottom: 50px;
}
.transaction-block .container .block-list ul {
margin: 0;
padding: 0;
display: flex;
gap: 20px;
flex-direction: column;
}
.transaction-block .container .block-list ul li {
border: 1px solid #222222;
list-style: none;
font-size: 30px;
line-height: 32px;
font-family: "Besley", serif;
color: #222222;
padding: 30px 20px;
text-align: center;
}
@media (max-width: 767px) {
.transaction-block .container .block-list ul li {
width: 100%;
font-size: 18px;
line-height: 26px;
padding: 10px 20px;
}
}
.transaction-block .container .block-second-text p {
margin: 0;
}
.cta-banner-block {
padding: 220px 20px;
background-size: cover;
position: relative;
}
@media (max-width: 1023px) {
.cta-banner-block {
padding: 100px 0px;
}
}
.cta-banner-block .block-overlay {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
}
.cta-banner-block .container {
position: relative;
z-index: 2;
max-width: 1040px;
margin: 0 auto;
}
.cta-banner-block .container .block-text p {
margin: 0;
color: #fff;
font-size: 42px;
line-height: 58px;
font-family: "Besley", serif;
text-transform: uppercase;
}
@media (max-width: 767px) {
.cta-banner-block .container .block-text p {
font-size: 28px;
line-height: 32px;
}
}
.market-block {
padding: 150px 30px;
}
@media (max-width: 1023px) {
.market-block {
padding: 80px 0px;
}
}
.market-block .container {
max-width: 1040px;
margin: 0 auto;
}
.market-block .container .block-title {
margin-bottom: 50px;
}
.market-block .container .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.market-block .container .block-text {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.market-block .container .block-text {
margin-bottom: 40px;
}
}
.market-block .container .block-text p {
margin: 0;
}
.market-block .container .market-icons-block {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 1023px) {
.market-block .container .market-icons-block {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 50px;
}
}
.market-block .container .market-icons-block .icon-wrap {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}
@media (max-width: 767px) {
.market-block .container .market-icons-block .icon-wrap {
gap: 20px;
}
}
.market-block .container .market-icons-block .icon-wrap .icon-title {
font-size: 30px;
line-height: 32px;
font-family: "Besley", serif;
}
@media (max-width: 767px) {
.market-block .container .market-icons-block .icon-wrap .icon-title {
font-size: 24px;
line-height: 32px;
}
}
.commitment-block {
padding: 170px 30px;
background-color: #F4F2F2;
}
@media (max-width: 1023px) {
.commitment-block {
padding: 80px 0px;
}
}
.commitment-block .container {
max-width: 1040px;
margin: 0 auto;
}
.commitment-block .container .block-title {
margin-bottom: 50px;
}
.commitment-block .container .block-title h2 {
margin: 0;
text-transform: uppercase;
}
.commitment-block .container .block-text p {
margin: 0;
}
.contact-banner {
background-color: #F4F2F2;
}
.contact-banner .container {
max-width: 1040px;
margin: 0 auto;
}
.contact-banner .container .block-title h1 {
color: #222222;
margin: 0;
}
.contact-banner .container .block-text p {
color: #222222;
}
.contact-form-block {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 1023px) {
.contact-form-block {
padding: 80px 0px;
}
}
.contact-form-block .container {
max-width: 1040px;
margin: 0 auto;
}
.contact-form-block .container .form-wrap {
display: flex;
flex-direction: column;
gap: 60px;
}
.contact-form-block .container .form-wrap .form-row .form-row-title {
padding-left: 20px;
margin-bottom: 28px;
}
.contact-form-block .container .form-wrap .form-row .form-row-title p {
font-family: "Besley", serif;
text-transform: uppercase;
font-size: 30px;
}
@media (max-width: 768px) {
.contact-form-block .container .form-wrap .form-row .form-row-title p {
font-size: 24px;
}
}
.contact-form-block .container .form-wrap .form-row .form-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 30px;
}
@media (max-width: 767px) {
.contact-form-block .container .form-wrap .form-row .form-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap {
background-color: #F4F2F2;
padding: 20px;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .block-title {
margin-bottom: 30px;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .block-title p {
font-size: 24px;
text-transform: uppercase;
color: #222222;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item {
margin: 0;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 17px;
cursor: pointer;
position: relative;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
color: rgba(34, 34, 34, 0.7);
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
}
@media (max-width: 767px) {
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 18px;
line-height: 24px;
}
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item label:before {
content: "";
width: 18px;
height: 18px;
padding: 0;
min-height: unset;
border: 1px solid rgba(34, 34, 34, 0.7);
border-radius: 0px;
background-color: transparent;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item label input {
display: none;
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-checkbox .wpcf7-list-item.is-checked label::after {
content: "";
width: 14px;
height: 8px;
border-left: 2px solid rgba(34, 34, 34, 0.7);
border-bottom: 2px solid rgba(34, 34, 34, 0.7);
position: absolute;
left: 2px;
top: 6px;
transform: rotate(-50deg);
}
.contact-form-block .container .form-wrap .form-row .form-grid .items-wrap .form-textarea {
background-color: transparent;
border: 1px solid rgba(34, 34, 34, 0.7);
border-radius: 0px;
resize: none;
padding: 10px;
max-height: 150px;
}
.contact-form-block .container .form-wrap .form-row p {
margin: 0;
}
.contact-form-block .container .form-wrap .form-row p br {
display: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 0px;
display: block;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] {
position: relative;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] select {
min-height: 53px;
width: 100%;
background-color: #F4F2F2;
border: none;
border-radius: 0;
font-size: 24px;
line-height: 32px;
padding: 10px 19px;
text-transform: uppercase;
color: #222222;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
z-index: 1;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] select:focus {
outline: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] select:active {
outline: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] select.wpcf7-not-valid {
background-color: #DEC9C9;
}
@media (max-width: 767px) {
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-] select {
font-size: 18px;
line-height: 26px;
min-height: 46px;
}
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap[data-name^=select-]::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 14px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.334961 0.371094L6.97151 6.37109L13.608 0.371094' stroke='%23222222'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 2;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input {
min-height: 53px;
width: 100%;
background-color: #F4F2F2;
border: none;
border-radius: 0;
font-size: 24px;
line-height: 32px;
padding: 10px 19px;
text-transform: uppercase;
color: #222222;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input::placeholder {
color: #222222;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input:focus {
outline: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input:active {
outline: none;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input.wpcf7-not-valid {
background-color: #DEC9C9;
}
@media (max-width: 767px) {
.contact-form-block .container .form-wrap .form-row .wpcf7-form-control-wrap input {
font-size: 18px;
line-height: 26px;
min-height: 46px;
}
}
.contact-form-block .container .form-wrap .form-row .wpcf7-submit {
width: 100%;
height: 53px;
font-size: 24px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 19px;
border: 1px solid #222222;
border-bottom-width: 2px;
border-right-width: 2px;
color: #222222;
text-decoration: none;
white-space: nowrap;
transition: all ease-in-out 0.2s;
background-color: #fff;
cursor: pointer;
}
.contact-form-block .container .form-wrap .form-row .wpcf7-submit:hover {
background-color: #222;
color: #fff;
border-color: #222222;
}
@media (max-width: 767px) {
.contact-form-block .container .form-wrap .form-row .wpcf7-submit {
height: 46px;
font-size: 18px;
line-height: 26px;
}
}
.contact-form-block .container .privacy-block {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0;
}
.contact-form-block .container .privacy-block .wpcf7-not-valid-tip {
display: none;
}
.contact-form-block .container .privacy-block span {
margin: 0;
}
.contact-form-block .container .privacy-block span label {
display: flex;
align-items: center;
gap: 17px;
cursor: pointer;
position: relative;
}
.contact-form-block .container .privacy-block span label .wpcf7-list-item-label {
color: #222222;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
}
@media (max-width: 767px) {
.contact-form-block .container .privacy-block span label .wpcf7-list-item-label {
font-size: 18px;
}
}
.contact-form-block .container .privacy-block span label:before {
content: "";
width: 18px;
height: 18px;
padding: 0;
min-height: unset;
border: 1px solid rgba(34, 34, 34, 0.7);
border-radius: 0px;
background-color: transparent;
}
.contact-form-block .container .privacy-block span label input {
display: none;
}
.contact-form-block .container .privacy-block span.is-checked label::after {
content: "";
width: 14px;
height: 8px;
border-left: 2px solid rgba(34, 34, 34, 0.7);
border-bottom: 2px solid rgba(34, 34, 34, 0.7);
position: absolute;
left: 2px;
top: 6px;
transform: rotate(-50deg);
}
.contact-form-block .container .privacy-block .wpcf7-not-valid label:before {
background-color: #DEC9C9;
}
.contact-form-block .container .privacy-block a {
color: #222222;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
margin-left: 5px;
}
@media (max-width: 767px) {
.contact-form-block .container .privacy-block a {
font-size: 18px;
}
}
.contact-form-block .container .submit-block {
display: flex;
justify-content: center;
}
.contact-form-block .container .submit-block p {
margin: 0;
display: inline-flex;
}
@media (max-width: 768px) {
.contact-form-block .container .submit-block p {
display: block;
}
}
@media (max-width: 767px) {
.contact-form-block .container .submit-block p {
width: 100%;
}
.contact-form-block .container .submit-block p p {
width: 100%;
}
}
.contact-form-block .container .submit-block .wpcf7-submit {
max-width: 100%;
width: 580px;
height: 53px;
font-size: 24px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 19px;
border: 1px solid #222222;
border-bottom-width: 2px;
border-right-width: 2px;
color: #222222;
text-decoration: none;
white-space: nowrap;
transition: all ease-in-out 0.2s;
background-color: #fff;
cursor: pointer;
border-radius: 0;
}
.contact-form-block .container .submit-block .wpcf7-submit:hover {
background-color: #222;
color: #fff;
border-color: #222222;
}
@media (max-width: 768px) {
.contact-form-block .container .submit-block .wpcf7-submit {
width: 100%;
}
}
article.page .container {
max-width: 1040px;
margin: 0 auto;
}
article.page .container .entry-header {
padding-top: 220px;
padding-bottom: 100px;
text-align: center;
}
@media (max-width: 767px) {
article.page .container .entry-header {
padding-top: 175px;
padding-bottom: 80px;
}
}
article.page .container .entry-header h1 {
margin: 0;
text-transform: uppercase;
}
article.page .container .entry-content {
padding-bottom: 110px;
}
@media (max-width: 767px) {
article.page .container .entry-content {
padding-bottom: 80px;
}
}
article.page .container .entry-content a {
color: #222222;
}