@charset "UTF-8"; /* Указываем box sizing */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Убираем внутренние отступы */ ul[class], ol[class] { padding: 0; } /* Убираем внешние отступы */ body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } /* Выставляем основные настройки по-умолчанию для body */ body { min-height: 100vh; scroll-behavior: smooth; line-height: 1.5; overflow-x: hidden; } /* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/ ul[class], ol[class] { list-style: none; } /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-decoration: none; } a:not([class]):hover { color: #2ea8df; } a[class] { text-decoration: none; } /* Упрощаем работу с изображениями */ img { max-width: 100%; display: block; } /* Наследуем шрифты для инпутов и кнопок */ input, button, textarea, select { font: inherit; } /* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */ a, label, button, input, a *, button *, input * { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } :focus { outline: none; } html { font-size: 10px; } :root { --main-color: #6560e1; } :root { --main-font: "Gilroy", sans-serif; --main-font-color: #0c0e10; --main-font-size: 1.4rem; --main-font-weight: 400; --main-line-height: 1.4; } :root { --header-height: 7.2rem; --container-max-width: 116rem; } body { font-family: var(--main-font); color: var(--main-font-color); font-weight: var(--main-font-weight); font-size: var(--main-font-size); line-height: var(--main-line-height); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; line-height: 115%; } h1, .h1 { font-size: 7.1rem; } h2, .h2 { font-size: 5.4rem; } h3, .h3 { font-size: 2.8rem; } h4, .h4 { font-size: 2.4rem; } h5, .h5 { font-size: 1.6rem; } h6, .h6 { font-size: 1.6rem; } /* Text Align Center */ .ta-center { text-align: center; } /* Color White */ .color-white { color: #fff; } /* Section */ .section { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } /* Container Fluid */ .container-fluid { width: 100%; position: relative; z-index: 15; } /* Container */ .container { width: 100%; max-width: var(--container-max-width); display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; z-index: 15; } /* Row */ .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Section Wrap */ .section-wrap { position: relative; } .section-wrap > * { padding-top: 8rem; padding-bottom: 8rem; } .noscroll { overflow: hidden; } /* Menu */ .menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu__list > .menu__item + .menu__item { margin-left: 4rem; } .menu__url { font-weight: 400; font-size: 1.4rem; line-height: 100%; color: #312e2e; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu__url:hover { color: var(--main-color); } .menu__has-children { position: relative; } .menu__parent-wrap { position: relative; z-index: 10; } .menu__parent-url-wrap { position: relative; padding-right: 1.5rem; } .menu__parent-url-icon { background-image: url(../img/chevron-down.svg); background-position: center; background-repeat: no-repeat; background-size: contain; background-color: transparent; width: 1rem; height: 1rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu__drop-children { position: absolute; background: #000000; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.8rem; padding: 2rem !important; min-width: 25rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu__drop-children .menu__item + .menu__item { margin-top: 1.2rem; } /* Mobile Menu Modal */ .mobile-menu-modal { background: #fff; position: fixed; width: 100%; height: 100vh; top: 0rem; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 360; display: block; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .mobile-menu-modal--open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } /* Hamburger */ .hamburger { display: block; width: 1.6rem; height: 1.4rem; position: relative; } .hamburger * { position: absolute; background: #000; width: 100%; height: 0.2rem; border-radius: 10rem; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .hamburger *:nth-child(1) { top: 0; } .hamburger *:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hamburger *:nth-child(3) { bottom: 0; } .hamburger--open > :nth-child(1) { top: 0.65rem; right: 0rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger--open > :nth-child(1) { top: 0.65rem; right: 0rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger--open > :nth-child(1) { top: 0.65rem; right: 0rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger--open > :nth-child(2) { opacity: 0; } .hamburger--open > :nth-child(3) { top: 0.65rem; right: 0rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Logo */ .logo a { display: -webkit-box; display: -ms-flexbox; display: flex; } .logo img { width: 14.3rem; height: 5rem; -o-object-fit: contain; object-fit: contain; } /* Header */ .header { width: 100%; height: var(--header-height); z-index: 300; } /* Footer */ .grid { display: grid; gap: 1.8rem; } .grid--col-2 { grid-template-columns: repeat(2, 1fr); } .grid--col-3 { grid-template-columns: repeat(3, 1fr); } .grid--col-4 { grid-template-columns: repeat(4, 1fr); } .grid-item-2 { grid-column-end: span 2; } .flex-grid { --flex-grid-gap: 2rem; --negative-flex-grid-gap: var(--flex-grid-gap) - var(--flex-grid-gap) - var(--flex-grid-gap); width: calc(100% + var(--flex-grid-gap)); margin: 0 calc(var(--negative-flex-grid-gap) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-grid > * { margin: calc(var(--flex-grid-gap) / 2); } .flex-grid--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-grid--col-2 > * { width: calc(50% - var(--flex-grid-gap)); } .flex-grid--col-3 > * { width: calc(33.3333% - var(--flex-grid-gap)); } .flex-grid--col-4 > * { width: calc(25% - var(--flex-grid-gap)); } /* Button Reset */ .btn-reset { padding: 0; margin: 0; border: none; background: 0 0; cursor: pointer; } /* Button Wrap */ .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-wrap > * + * { margin-left: 2rem; } .btn-wrap--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Button */ .btn { position: relative; line-height: 1; padding: 0 3rem; font-size: 1.6rem; font-weight: 400; color: #fff; background: var(--main-color); border: none; height: 6rem; border-radius: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Form */ .form { width: 100%; position: relative; } /* Form Wrap */ .form-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* Form Input */ .form-input { width: 100%; color: #fff; border: 1px solid rgba(0, 0, 0, 0.5); font-size: 1.4rem; line-height: 1; background: rgb(255, 255, 255); border-radius: 1.6rem; height: 4.8rem; padding: 0 1.6rem; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .form-input::-webkit-input-placeholder { color: rgba(252, 252, 252, 0.5); } .form-input::-moz-placeholder { color: rgba(252, 252, 252, 0.5); } .form-input:-ms-input-placeholder { color: rgba(252, 252, 252, 0.5); } .form-input::-ms-input-placeholder { color: rgba(252, 252, 252, 0.5); } .form-input::placeholder { color: rgba(252, 252, 252, 0.5); } .form-input:focus { border-color: var(--main-color); } /* Form Textarea */ .form-textarea { height: 9.6rem; resize: none; padding-top: 1.6rem; } /* Form Submit */ .form-submit { width: 100%; font-size: 1.4rem; line-height: 1; } /* Form Text */ .form-text { font-weight: 500; font-size: 1.4rem; line-height: 100%; margin-bottom: 2.4rem; } /* Form Row */ .form-row { width: 100%; } .form-row + .form-row { margin-top: 0.8rem; } .form-row + .form-row--submit { margin-top: 2.4rem; } /* Form Column */ .form-col { position: relative; } /* Form Label */ .form-label { position: relative; color: #000; font-size: 1.5rem; font-weight: 500; line-height: 1.3; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.4rem; } .form-label img { width: 2.4rem; height: 2.4rem; -o-object-fit: contain; object-fit: contain; margin-right: 0.4rem; } /* Form Grid */ .form-grid { display: grid; gap: 0.8rem; } .form-grid--col-2 { grid-template-columns: repeat(2, 1fr); } .form-grid--col-3 { grid-template-columns: repeat(3, 1fr); } /* Radio Like Checkbox */ .radio-like-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .radio-like-checkbox > * + * { margin-left: 2.4rem; } .radio-like-checkbox > span > label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; cursor: pointer; } .radio-like-checkbox > span [type=radio] { display: none; } .radio-like-checkbox .wpcf7-list-item-label { position: relative; padding-left: 2.8rem; font-weight: 500; font-size: 1.4rem; line-height: 100%; } .radio-like-checkbox .wpcf7-list-item-label::before { content: ""; background: #fff; border: 1px solid #e0e0e0; width: 2rem; height: 2rem; border-radius: 0.4rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .radio-like-checkbox .wpcf7-list-item-label::after { content: ""; position: absolute; width: 2rem; height: 2rem; border-radius: 0.4rem; background-color: var(--main-color); border: 1px solid var(--main-color); background-image: url(../img/checkmark.svg); background-size: 70%; background-position: center; background-repeat: no-repeat; opacity: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .radio-like-checkbox > span [type=radio]:checked ~ .wpcf7-list-item-label:after { opacity: 1; } /* Form Checkbox */ .form-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-checkbox, .form-checkbox * { font-weight: 400; font-size: 1.4rem; line-height: 130%; letter-spacing: -0.03em; } .form-checkbox a { text-decoration: underline; color: var(--main-color); } .form-checkbox > * + * { margin-left: 2.4rem; } .form-checkbox label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; cursor: pointer; } .form-checkbox > span [type=checkbox] { display: none; } .form-checkbox .wpcf7-list-item-label { position: relative; padding-left: 3.2rem; } .form-checkbox .wpcf7-list-item-label::before { content: ""; background: #fff; border: 1px solid #e0e0e0; width: 1.6rem; height: 1.6rem; border-radius: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-checkbox .wpcf7-list-item-label::after { content: ""; position: absolute; width: 1.6rem; height: 1.6rem; border-radius: 0; background-color: var(--main-color); border: 1px solid var(--main-color); background-image: url(../img/check.svg); background-size: 70%; background-position: center; background-repeat: no-repeat; opacity: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-checkbox > span [type=checkbox]:checked ~ .wpcf7-list-item-label:after { opacity: 1; } /* File Upload Input */ .file-upload-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-upload-input__message { font-weight: 500; font-size: 1.4rem; line-height: 100%; color: #9e9e9e; margin-left: 1.6rem; } .file-upload-input span { display: none; } /* Date Input */ .date-input label { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 1.4rem; line-height: 100%; margin-bottom: 1.6rem; } .date-input input { width: 100%; border: none; border-bottom: 1px solid #e0e0e0; height: 5.3rem; font-size: 1.4rem; } /* Form Select */ .form-select { width: 100%; color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 1; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 1.6rem; padding: 0 1.6rem; height: 4.8rem; } .form-select option { color: black; } /* Submit Btn */ .submit-btn { width: 100%; } /* Form Message */ .wpcf7-not-valid-tip, .ajax-loader, .wpcf7-spinner { display: none !important; } .wpcf7 form .wpcf7-response-output { margin: 0; margin-top: 1rem; width: 100%; text-align: center; line-height: 1.3; font-size: 1.1rem; font-weight: 400; padding: 1rem 1rem; border: none; -webkit-box-shadow: 0 0.16rem 1.28rem rgba(0, 0, 0, 0.08); box-shadow: 0 0.16rem 1.28rem rgba(0, 0, 0, 0.08); border-radius: 0.3rem; background: #fff; } /* Overlay */ .overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 10; } /* Modal Wrap */ .modal-wrap { display: none; position: fixed; width: 100%; height: 100%; z-index: 500; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); } .modal-wrap--scroll { overflow-y: scroll; } .modal-wrap--scroll .modal { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: unset; } .modal-wrap--scroll .modal__close-overlay { position: fixed; } /* Modal */ .modal { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-container { position: relative; max-width: 48rem; width: 100%; background: #fff; border-radius: 5rem; z-index: 20; margin: 0 2rem; } .modal-container--clear { background: transparent; border-radius: 0; } .modal-content { padding: 4rem; } .modal-content--clear { padding: 0; } .modal-close-overlay { width: 100%; height: 100%; position: absolute; z-index: 10; cursor: pointer; } .modal-close { position: absolute; top: 7rem; right: 8rem; cursor: pointer; width: 8rem; height: 8rem; border: none; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 1; } .modal-close svg { width: 100%; height: 100%; } /* Entry Content */ .entry-content * { font-size: 1.6rem; line-height: 140%; } .entry-content p { font-weight: 400; padding-bottom: 1.7rem; } .entry-content a { color: var(--main-color); text-decoration: underline; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { padding-top: 2.4rem; padding-bottom: 2.4rem; line-height: 1.2; font-weight: 400; margin: 0; } .entry-content h2 { font-size: 2.8rem; } .entry-content h3, .entry-content h4 { font-size: 2.4rem; } .entry-content h5, .entry-content h6 { font-size: 2.1rem; padding-bottom: 1rem; } .entry-content > img { padding-bottom: 6.4rem; } .entry-content .aligncenter { margin: 0 auto; } .entry-content .alignleft { float: left; margin-bottom: 2rem; margin-right: 2.5rem; } .entry-content .alignright { float: right; margin-bottom: 2rem; margin-left: 2.5rem; } .entry-content img.size-full { width: 100%; height: auto; } .entry-content figure { max-width: 100%; padding-top: 6.4rem; padding-bottom: 4.8rem; } .entry-content figure img { width: 100%; } .entry-content figcaption { padding-top: 2.4rem; font-weight: 400; font-size: 1.4rem; line-height: 120%; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); } .entry-content ul, .entry-content ol { padding: 0; margin: 0; margin-left: 0; padding-bottom: 1.6rem; } .entry-content ol { padding-left: 1.76rem; } .entry-content ul { list-style: none; } .entry-content ul li { padding-left: 1.76rem; position: relative; } .entry-content ul li::before { content: ""; position: absolute; background: #000; width: 0.5rem; height: 0.5rem; border-radius: 50%; left: 0; top: 1rem; } .entry-content ul li + li { margin-top: 0; } .entry-content table { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2.4rem; width: 100%; position: relative; border-spacing: 0; border-collapse: unset; } .entry-content tr:last-child td { border-bottom: none; } .entry-content td { border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-align: left; padding: 2.4rem; line-height: 1.4; vertical-align: baseline; } .entry-content th { border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-align: left; padding: 2.4rem; line-height: 1.4; font-weight: 700; vertical-align: baseline; } .entry-content td + td { border-left: 1px solid rgba(0, 0, 0, 0.2); } .entry-content th + th { border-left: 1px solid rgba(0, 0, 0, 0.2); } .entry-content table { margin-bottom: 3.84rem; } .entry-content table caption { text-align: left; font-size: 1.28rem; line-height: 1; color: #000; padding-top: 2rem; } .entry-content > :first-child { padding-top: 0 !important; } .entry-content > :last-child { padding-bottom: 0 !important; } /* Entry Block */ .entry-block { width: 100%; position: relative; margin-top: 3.2rem; margin-bottom: 2.4rem; } /* Breadcrumbs */ .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 3.2rem; } .breadcrumbs, .breadcrumbs * { font-weight: 400; font-size: 1.4rem; line-height: 105%; letter-spacing: 0.05em; color: #000; } .breadcrumbs a { color: rgba(0, 0, 0, 0.3); } .breadcrumbs__separator { margin: 0 0.8rem; display: inline-block; } .breadcrumbs > span > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-section { width: 100vw; height: 100vh; } .hero-section .row { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -100px; } .hero-section__logo { width: 100%; max-width: 635px; max-height: 165px; -o-object-fit: contain; object-fit: contain; } .hero-section__title { margin-top: 20px; text-align: center; color: #322d5d; font-size: 50px; } /* Hide On Mobile */ /* Show On Mobile */ .show-on-mobile { display: none; } /* Hidden */ .hidden { display: none; } @media screen and (min-width: 767px) { .menu__has-children:hover .menu__parent-url-icon { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .menu__drop-children { opacity: 0; pointer-events: none; } .menu__has-children:hover .menu__drop-children { opacity: 1; pointer-events: all; } } @media screen and (max-width: 767px) { :root { --main-font-size: 1.4rem; } :root { --header-height: 7.2rem; } h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 3.2rem; } h3, .h3 { font-size: 2.5rem; } .section { overflow: hidden; } .container { padding: 0 1.6rem; } .section-wrap > * { padding-top: 4.8rem; padding-bottom: 4.8rem; } .menu--desktop { display: none; } .menu--mobile { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 15; padding-top: 10rem; } .menu--mobile .menu__list { padding: 0; margin: 0; list-style: none; position: relative; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .menu__item { width: 100%; text-align: left; padding: 0 2.5rem; } .menu__list > .menu__item + .menu__item { margin-left: 0; } .menu__parent-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .menu__parent-url-wrap { width: 100%; } .menu__url { display: inline-block; font-size: 2.2rem; font-weight: 600; padding: 1.6rem 0; line-height: 1; } .menu__parent-url-icon { background-image: url(../img/plus.svg); width: 2.5rem; height: 2.5rem; right: 0; bottom: 1.2rem; background-color: rgba(57, 87, 211, 0.15); background-size: 1rem; border-radius: 0.4rem; } .menu__has-children .menu__drop-children { display: none; width: 100% !important; position: relative; top: 0; margin: 0 !important; bottom: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; min-width: unset !important; max-width: unset !important; -webkit-box-shadow: unset; box-shadow: unset; background: transparent; padding: 1rem 0 !important; } .menu__drop-children .menu__url { padding: 0; } .logo img { width: 10rem; height: 3.5rem; } .grid { row-gap: 2rem; } .grid--gap-4 { gap: 2rem; } .grid--col-2 { grid-template-columns: repeat(1, 1fr); } .grid--col-3 { grid-template-columns: repeat(1, 1fr); } .grid--col-4 { grid-template-columns: repeat(1, 1fr); } .grid-item-2 { grid-column-end: span 1; } .flex-grid--col-2 > *, .flex-grid--col-3 > *, .flex-grid--col-4 > * { width: calc(100% - var(--flex-grid-gap)); } .btn-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .btn-wrap--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-wrap > * + * { margin-top: 1.6rem; margin-left: 0; } .btn { padding: 0 2.5rem; font-size: 1.5rem; height: 5rem; } .form-row + .form-row { margin-top: 0.8rem; } .form-col .btn { width: 100%; } .form-grid { gap: 1.5rem; } .form-grid--col-2 { grid-template-columns: repeat(1, 1fr); } .form-grid--col-3 { grid-template-columns: repeat(1, 1fr); } .modal-container { border-radius: 1.6rem; } .modal-container--clear { border-radius: 0; } .modal-content { padding: 2rem 1.5rem; } .modal-content--clear { padding: 0; } .modal-close { top: -0.8rem; right: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .entry-content * { font-size: 1.6rem; } .entry-content h2 { font-size: 2.8rem; } .entry-content h3, .entry-content h4 { font-size: 2.4rem; } .entry-content h5, .entry-content h6 { font-size: 2rem; } .entry-content figure { max-width: 100%; padding-top: 3.1rem; padding-bottom: 3.2rem; } .entry-content figcaption { padding-top: 1.6rem; } .entry-content ul, .entry-content ol { padding-bottom: 4.8rem; } .entry-content table { border-radius: 0.8rem; } .entry-content td, .entry-content th { padding: 0.9rem 0.5rem; font-size: 1.2rem; } .breadcrumbs > span > span { -ms-flex-wrap: wrap; flex-wrap: wrap; } .hero-section__title { margin-top: 5px; font-size: 35px; } .hero-section__title br { display: none; } .hide-on-mobile { display: none; } .show-on-mobile { display: block; } .show-on-mobile--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .show-on-mobile--grid { display: grid; } } @media (prefers-reduced-motion: reduce) { * { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; -o-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }