/home/bdqbpbxa/demo-subdomains/uvitme.goodface.com.ua/wp-content/themes/uvitme/style.css
/*
Theme Name: Uvitme
Author: Goodface
Description: Uvitme landing page
Version: 1.0.0
*/
.wpcf7-submit {
font-size: 0!important;
}
.wpcf7 .screen-reader-response, .wpcf7-response-output, .ajax-loader {
display: none!important;
}
.input-box .wpcf7-form-control-wrap {
width: 100%;
display: flex;
align-items: center;
}
.input-box .wpcf7-not-valid-tip {
position: absolute;
right: 0;
opacity: 0;
pointer-events: none;
user-select: none;
color: #D8261E;
font-size: 14px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.input-box textarea + .wpcf7-not-valid-tip {
top: 10px;
}
.input-box input.wpcf7-not-valid,
.input-box textarea.wpcf7-not-valid {
border-color: #D8261E;
color: #D8261E;
}
.input-box input.wpcf7-not-valid::placeholder,
.input-box textarea.wpcf7-not-valid::placeholder {
color: #D8261E;
}
.input-box input.wpcf7-not-valid + .wpcf7-not-valid-tip,
.input-box textarea.wpcf7-not-valid + .wpcf7-not-valid-tip {
opacity: 1;
}
.post {
position: relative;
width: 100%;
}
.post .container {
width: 100%;
max-width: 1360px;
}
.row {
position: relative;
display: flex;
display: -webkit-flex;
flex-flow: row wrap;
align-items: flex-start;
margin: 0 -20px;
}
.row-center {
align-items: center;
}
.row-bottom {
align-items: flex-end;
}
.row-justify {
justify-content: space-between;
}
.col {
position: relative;
padding: 0 20px;
}
.double {
flex: 0 1 50%;
max-width: 50%;
}
.triple {
flex: 0 1 33.3333333333%;
max-width: 33.3333333333%;
}
.black-color {
color: #171717;
}
.white-color {
color: #fff;
}
.red-color {
color: #D8261E;
}
.heading {
position: relative;
font-weight: 500;
}
.heading1 {
font-size: 50px;
line-height: 120%;
letter-spacing: -0.015em;
}
.heading2 {
font-size: 35px;
line-height: 121%;
letter-spacing: -0.008em;
}
.heading3 {
font-size: 25px;
line-height: 145%;
letter-spacing: -0.008em;
}
.text {
position: relative;
}
.text1 {
font-size: 18px;
line-height: 137%;
}
.text2 {
font-size: 14px;
line-height: 140%;
}
.center {
text-align: center;
}
.medium {
font-weight: 500;
}
.normal {
font-weight: normal;
}
.line-through {
display: inline-block;
}
.line-through:before {
content: '';
display: block;
height: 3px;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -1.5px;
background: #D8261E;
border-radius: 1.5px;
-webkit-border-radius: 1.5px;
}
.image {
display: block;
}
.button {
position: relative;
width: 100%;
height: 80px;
border-radius: 40px;
-webkit-border-radius: 40px;
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 137%;
cursor: pointer;
white-space: nowrap;
transition: background .25s ease, border-color .25s ease, color .25s ease;
-webkit-transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.fill-button {
background: #D8261E;
color: #fff;
letter-spacing: 0.01em;
}
.fill-button:hover {
background: #B91A12;
}
.stroke-button {
border: 1px solid #D0D0D0;
color: #171717;
}
.stroke-button:hover {
border-color: #171717;
}
.link {
position: relative;
display: inline-block;
}
.red-link {
font-size: 18px;
line-height: 137%;
letter-spacing: 0.01em;
color: #D8261E;
padding-left: 35px;
}
.red-link:before {
content: '';
display: block;
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 50%;
margin-top: -12.5px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMTIuNVYzLjEyNSIgc3Ryb2tlPSIjRDgyNjFFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00LjM5NDUzIDE3LjE4NzVMMTIuNTEzNSAxMi41IiBzdHJva2U9IiNEODI2MUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjUgMy4xMjVDMTQuMTQyNSAzLjEyNTMgMTUuNzU2MSAzLjU1NzE0IDE3LjE3OTIgNC4zNzcyNUMxOC42MDI0IDUuMTk3MzcgMTkuNzg1IDYuMzc2OTggMjAuNjA4OCA3Ljc5Nzk3QzIxLjQzMjcgOS4yMTg5NiAyMS44Njg3IDEwLjgzMTQgMjEuODczMiAxMi40NzRDMjEuODc3OCAxNC4xMTY1IDIxLjQ1MDcgMTUuNzMxNCAyMC42MzQ4IDE3LjE1NjlDMTkuODE5IDE4LjU4MjQgMTguNjQyOCAxOS43Njg2IDE3LjIyNDMgMjAuNTk2NkMxNS44MDU4IDIxLjQyNDYgMTQuMTk0NiAyMS44NjU0IDEyLjU1MjEgMjEuODc0OEMxMC45MDk2IDIxLjg4NDMgOS4yOTM0NSAyMS40NjIgNy44NjU1IDIwLjY1MDNDNi40Mzc1NCAxOS44Mzg3IDUuMjQ3OSAxOC42NjYxIDQuNDE1NjkgMTcuMjVNOC41OTMxOCAxMC4zNjU5TDMuMTc2OTUgMTMuNDkyOUMzLjE0MjI4IDEzLjE2MzEgMy4xMjQ5NCAxMi44MzE2IDMuMTI1IDEyLjVDMy4xMjQ3MSAxMC43MDQ3IDMuNjM5ODMgOC45NDcwNSA0LjYwOTE1IDcuNDM1OTJDNS41Nzg0NiA1LjkyNDc4IDYuOTYxMjMgNC43MjM2OSA4LjU5MzEzIDMuOTc1MzVMOC41OTMxOCAxMC4zNjU5WiIgc3Ryb2tlPSIjRDgyNjFFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center/contain no-repeat;
}
.white-link {
font-size: 35px;
line-height: 121%;
letter-spacing: -0.008em;
color: #fff;
padding-left: 45px;
}
.white-link:before {
content: '';
display: block;
width: 35px;
height: 35px;
position: absolute;
left: 0;
top: 50%;
margin-top: -17.5px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjY0MzIgMTcuMDY0M0MxMy43Nzc4IDE5LjM4MzggMTUuNjU3OSAyMS4yNTU0IDE3Ljk4MjYgMjIuMzc5NEMxOC4xNTI2IDIyLjQ2IDE4LjM0MDggMjIuNDk0OSAxOC41Mjg1IDIyLjQ4MDdDMTguNzE2MSAyMi40NjY1IDE4Ljg5NjkgMjIuNDAzNyAxOS4wNTI5IDIyLjI5ODRMMjIuNDc1NyAyMC4wMTZDMjIuNjI3MSAxOS45MTUxIDIyLjgwMTMgMTkuODUzNSAyMi45ODI1IDE5LjgzNjhDMjMuMTYzNyAxOS44MjAyIDIzLjM0NjIgMTkuODQ5IDIzLjUxMzQgMTkuOTIwN0wyOS45MTY5IDIyLjY2NUMzMC4xMzQ0IDIyLjc1NzQgMzAuMzE2IDIyLjkxOCAzMC40MzQ0IDIzLjEyMjZDMzAuNTUyNyAyMy4zMjcyIDMwLjYwMTMgMjMuNTY0NyAzMC41NzI5IDIzLjc5OTNDMzAuMzcwNSAyNS4zODMxIDI5LjU5NzggMjYuODM4OCAyOC4zOTk0IDI3Ljg5MzhDMjcuMjAxIDI4Ljk0ODkgMjUuNjU5MSAyOS41MzA5IDI0LjA2MjUgMjkuNTMxQzE5LjEzMTEgMjkuNTMxIDE0LjQwMTcgMjcuNTcyIDEwLjkxNDcgMjQuMDg1QzcuNDI3NzMgMjAuNTk4IDUuNDY4NzUgMTUuODY4NiA1LjQ2ODc1IDEwLjkzNzNDNS40Njg4MyA5LjM0MDYyIDYuMDUwODkgNy43OTg3NSA3LjEwNTkzIDYuNjAwMzZDOC4xNjA5NyA1LjQwMTk4IDkuNjE2NjUgNC42MjkyNCAxMS4yMDA0IDQuNDI2ODRDMTEuNDM1IDQuMzk4NDUgMTEuNjcyNSA0LjQ0NzA4IDExLjg3NzEgNC41NjU0QzEyLjA4MTcgNC42ODM3MiAxMi4yNDIzIDQuODY1MzIgMTIuMzM0NyA1LjA4Mjg1TDE1LjA4MTUgMTEuNDkxOUMxNS4xNTI1IDExLjY1NzcgMTUuMTgxNSAxMS44Mzg1IDE1LjE2NTcgMTIuMDE4MkMxNS4xNSAxMi4xOTc4IDE1LjA5MDEgMTIuMzcwOCAxNC45OTEzIDEyLjUyMTdMMTIuNzE2OCAxNS45OTcxQzEyLjYxMzMgMTYuMTUzNCAxMi41NTIxIDE2LjMzMzkgMTIuNTM5MiAxNi41MjFDMTIuNTI2MyAxNi43MDgxIDEyLjU2MjIgMTYuODk1MyAxMi42NDMyIDE3LjA2NDNaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center/contain no-repeat;
}
.address {
position: relative;
padding-left: 35px;
}
.address:before {
content: '';
display: block;
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 50%;
margin-top: -12.5px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDY4NzUgMjIuNjU2MkgxOS41MzEyIiBzdHJva2U9IiNEODI2MUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjUgMTMuMjgxMkMxNC4yMjU5IDEzLjI4MTIgMTUuNjI1IDExLjg4MjEgMTUuNjI1IDEwLjE1NjJDMTUuNjI1IDguNDMwMzYgMTQuMjI1OSA3LjAzMTI1IDEyLjUgNy4wMzEyNUMxMC43NzQxIDcuMDMxMjUgOS4zNzUgOC40MzAzNiA5LjM3NSAxMC4xNTYyQzkuMzc1IDExLjg4MjEgMTAuNzc0MSAxMy4yODEyIDEyLjUgMTMuMjgxMloiIHN0cm9rZT0iI0Q4MjYxRSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAuMzEyNSAxMC4xNTYyQzIwLjMxMjUgMTcuMTg3NSAxMi41IDIyLjY1NjIgMTIuNSAyMi42NTYyQzEyLjUgMjIuNjU2MiA0LjY4NzUgMTcuMTg3NSA0LjY4NzUgMTAuMTU2MkM0LjY4NzUgOC4wODQyNSA1LjUxMDYgNi4wOTcxMSA2Ljk3NTczIDQuNjMxOThDOC40NDA4NiAzLjE2Njg1IDEwLjQyOCAyLjM0Mzc1IDEyLjUgMi4zNDM3NUMxNC41NzIgMi4zNDM3NSAxNi41NTkxIDMuMTY2ODUgMTguMDI0MyA0LjYzMTk4QzE5LjQ4OTQgNi4wOTcxMSAyMC4zMTI1IDguMDg0MjUgMjAuMzEyNSAxMC4xNTYyVjEwLjE1NjJaIiBzdHJva2U9IiNEODI2MUUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center/contain no-repeat;
}
.section {
position: relative;
overflow: hidden;
background: #fff;
}
.section img {
display: block;
max-width: 100%;
height: auto;
}
.color-section {
background: #F3F3F3;
}
.first-section {
height: 770px;
display: flex;
display: -webkit-flex;
align-items: center;
}
.first-section .col {
height: 770px;
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 60px 20px;
}
.first-section .logo img {
max-height: 40px;
}
.first-section .logo + .heading {
margin-top: 40px;
}
.first-section .heading + .text {
margin-top: 40px;
}
.first-section .heading img {
display: inline-block;
vertical-align: middle;
max-width: 25px;
}
.first-section .anchor {
position: absolute;
left: 20px;
bottom: 0;
}
.first-section .image {
position: absolute;
right: 0;
top: 0;
}
.first-section .image img {
max-height: 770px;
border-bottom-left-radius: 80px;
-webkit-border-bottom-left-radius: 80px;
}
.anchor {
line-height: 19px;
}
.second-section {
margin-top: 200px;
}
.circles {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
margin-bottom: 27px;
}
.circles .circle {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #F3F3F3;
}
.circles .heading {
margin: 0 20px;
}
.third-section {
margin-top: 200px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.third-section .heading + .text {
margin-top: 40px;
}
.third-section .text + .button {
margin-top: 40px;
}
.third-section .button {
width: 400px;
}
.third-section .button:before {
content: '';
display: block;
width: 25px;
height: 25px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjAzOTA2IDIuMzQzNjRDOC4wMzkwNiAyLjAzNjgyIDguMjg3NzkgMS43ODgwOSA4LjU5NDYyIDEuNzg4MDlIMTYuNDA3MUMxNi43MTM5IDEuNzg4MDkgMTYuOTYyNyAyLjAzNjgyIDE2Ljk2MjcgMi4zNDM2NFY2LjI0OTg5QzE2Ljk2MjcgNi41NTY3MiAxNi43MTM5IDYuODA1NDUgMTYuNDA3MSA2LjgwNTQ1SDguNTk0NjJDOC4yODc3OSA2LjgwNTQ1IDguMDM5MDYgNi41NTY3MiA4LjAzOTA2IDYuMjQ5ODlWMi4zNDM2NFpNOS4xNTAxNyAyLjg5OTJWNS42OTQzNEgxNS44NTE2VjIuODk5Mkg5LjE1MDE3WiIgZmlsbD0iI0Q4MjYxRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuNDY5NjIgNC40NjE3QzUuNDA5NzYgNC40NjE3IDUuMzUyMzUgNC40ODU0OCA1LjMxMDAzIDQuNTI3OEM1LjI2NzcgNC41NzAxMyA1LjI0MzkyIDQuNjI3NTMgNS4yNDM5MiA0LjY4NzM5VjIxLjA5MzZDNS4yNDM5MiAyMS4xNTM1IDUuMjY3NyAyMS4yMTA5IDUuMzEwMDMgMjEuMjUzMkM1LjM1MjM1IDIxLjI5NTYgNS40MDk3NiAyMS4zMTkzIDUuNDY5NjIgMjEuMzE5M0gxOS41MzIxQzE5LjU5MiAyMS4zMTkzIDE5LjY0OTQgMjEuMjk1NiAxOS42OTE3IDIxLjI1MzJDMTkuNzM0IDIxLjIxMDkgMTkuNzU3OCAyMS4xNTM1IDE5Ljc1NzggMjEuMDkzNlY0LjY4NzM5QzE5Ljc1NzggNC42Mjc1MyAxOS43MzQgNC41NzAxMyAxOS42OTE3IDQuNTI3OEMxOS42NDk0IDQuNDg1NDggMTkuNTkyIDQuNDYxNyAxOS41MzIxIDQuNDYxN0gxNi40MDcxQzE2LjEwMDMgNC40NjE3IDE1Ljg1MTYgNC4yMTI5NyAxNS44NTE2IDMuOTA2MTRDMTUuODUxNiAzLjU5OTMyIDE2LjEwMDMgMy4zNTA1OSAxNi40MDcxIDMuMzUwNTlIMTkuNTMyMUMxOS44ODY3IDMuMzUwNTkgMjAuMjI2NyAzLjQ5MTQzIDIwLjQ3NzQgMy43NDIxM0MyMC43MjgxIDMuOTkyODMgMjAuODY4OSA0LjMzMjg1IDIwLjg2ODkgNC42ODczOVYyMS4wOTM2QzIwLjg2ODkgMjEuNDQ4MiAyMC43MjgxIDIxLjc4ODIgMjAuNDc3NCAyMi4wMzg5QzIwLjIyNjcgMjIuMjg5NiAxOS44ODY3IDIyLjQzMDQgMTkuNTMyMSAyMi40MzA0SDUuNDY5NjJDNS4xMTUwOCAyMi40MzA0IDQuNzc1MDUgMjIuMjg5NiA0LjUyNDM1IDIyLjAzODlDNC4yNzM2NSAyMS43ODgyIDQuMTMyODEgMjEuNDQ4MiA0LjEzMjgxIDIxLjA5MzZWNC42ODczOUM0LjEzMjgxIDQuMzMyODUgNC4yNzM2NSAzLjk5MjgzIDQuNTI0MzUgMy43NDIxM0M0Ljc3NTA1IDMuNDkxNDMgNS4xMTUwNyAzLjM1MDU5IDUuNDY5NjIgMy4zNTA1OUg4LjU5NDYyQzguOTAxNDQgMy4zNTA1OSA5LjE1MDE3IDMuNTk5MzIgOS4xNTAxNyAzLjkwNjE0QzkuMTUwMTcgNC4yMTI5NyA4LjkwMTQ0IDQuNDYxNyA4LjU5NDYyIDQuNDYxN0g1LjQ2OTYyWiIgZmlsbD0iI0Q4MjYxRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguODIwMzEgMTQuODQzNkM4LjgyMDMxIDE0LjUzNjggOS4wNjkwNCAxNC4yODgxIDkuMzc1ODcgMTQuMjg4MUgxNS42MjU5QzE1LjkzMjcgMTQuMjg4MSAxNi4xODE0IDE0LjUzNjggMTYuMTgxNCAxNC44NDM2QzE2LjE4MTQgMTUuMTUwNSAxNS45MzI3IDE1LjM5OTIgMTUuNjI1OSAxNS4zOTkySDkuMzc1ODdDOS4wNjkwNCAxNS4zOTkyIDguODIwMzEgMTUuMTUwNSA4LjgyMDMxIDE0Ljg0MzZaIiBmaWxsPSIjRDgyNjFFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC44MjAzMSAxMS43MTg2QzguODIwMzEgMTEuNDExOCA5LjA2OTA0IDExLjE2MzEgOS4zNzU4NyAxMS4xNjMxSDE1LjYyNTlDMTUuOTMyNyAxMS4xNjMxIDE2LjE4MTQgMTEuNDExOCAxNi4xODE0IDExLjcxODZDMTYuMTgxNCAxMi4wMjU1IDE1LjkzMjcgMTIuMjc0MiAxNS42MjU5IDEyLjI3NDJIOS4zNzU4N0M5LjA2OTA0IDEyLjI3NDIgOC44MjAzMSAxMi4wMjU1IDguODIwMzEgMTEuNzE4NloiIGZpbGw9IiNEODI2MUUiLz4KPC9zdmc+Cg==) center/contain no-repeat;
margin-right: 20px;
}
.third-section .image {
position: absolute;
right: 0;
top: 0;
}
.fourth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0;
}
.fourth-section .heading + .row {
margin-top: 80px;
}
.fourth-section .row:nth-of-type(2n) {
flex-direction: row-reverse;
}
.fourth-section .row + .row {
margin-top: 120px;
}
.fourth-section .image img {
border-radius: 40px;
-webkit-border-radius: 40px;
}
.fourth-section .heading + .text {
margin-top: 40px;
}
.fourth-section .heading + .heading {
margin-top: 40px;
}
.fourth-section .text + .text {
margin-top: 40px;
}
.fourth-section .text + .expand {
margin-top: 10px;
}
.fourth-section .text p + p {
margin-top: 30px;
}
.fourth-section .name {
position: absolute;
left: 54%;
bottom: 13%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
text-transform: uppercase;
font-size: 16px;
line-height: 110%;
font-weight: normal;
color: #ffffff;
}
.content {
position: relative;
max-height: 200px;
margin-bottom: 0;
overflow: hidden;
transition: max-height .25s linear, margin .25s linear;
-webkit-transition: max-height .25s linear, margin .25s linear;
}
.gradient-show:after {
content: '';
display: block;
height: 50px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.expand {
display: inline-block;
line-height: 24px;
cursor: pointer;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
.expand-hide {
display: none;
}
.expand-disappear {
opacity: 0;
pointer-events: none;
}
.content-offset {
margin-bottom: -34px;
}
.fifth-section {
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.fifth-section .heading + .list {
margin-top: 40px;
}
.fifth-section .list {
counter-reset: item;
}
.fifth-section .list li {
position: relative;
padding-left: 40px;
}
.fifth-section .list li:after {
content: '';
display: block;
width: 25px;
height: 25px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjA5MzggNy4wMzE3NEwxMC4xNTYyIDE3Ljk2ODhMNC42ODc1IDEyLjUwMDUiIHN0cm9rZT0iI0Q4MjYxRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center/contain no-repeat;
position: absolute;
left: 0;
top: 0;
}
.fifth-section .list li:before {
content: counters(item, '.') '. ';
counter-increment: item;
}
.fifth-section .list li + li {
margin-top: 30px;
}
.sixth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.sixth-section .heading + .row {
margin-top: 60px;
}
.sixth-section .row + .row:before {
content: '';
display: block;
width: calc(100% - 40px);
height: 1px;
background: #D0D0D0;
margin: 40px auto;
}
.sixth-section .icon {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
}
.sixth-section .icon img {
margin-right: 20px;
}
.sixth-section .icon .heading {
padding-right: 20px;
}
.seventh-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 80px 0 180px;
}
.seventh-section .heading + .text {
margin-top: 40px;
}
.seventh-section .text + .heading {
margin-top: 80px;
}
.seventh-section .col:last-of-type .heading {
display: none;
}
.choices {
position: relative;
margin-top: 60px;
}
.tabs {
position: relative;
}
.choices-nav, .tabs-nav {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
margin: 0 -20px;
}
.choices-nav li, .tabs-nav li {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
height: 45px;
border: 1px solid #D0D0D0;
border-radius: 22.5px;
-webkit-border-radius: 22.5px;
background: transparent;
padding: 0 20px;
margin: 0 20px;
font-size: 18px;
line-height: 141%;
color: #171717;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
transition: background .25s ease, border-color .25s ease, color .25s ease;
-webkit-transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.choices-nav li:hover, .tabs-nav li:hover {
border-color: #171717;
}
.choices-nav li.current-choice, .tabs-nav li.current-tab {
pointer-events: none;
background: #171717;
border-color: #171717;
color: #fff;
}
.tabs-content {
position: relative;
overflow: hidden;
}
.choices-content ul, .tab-content ul {
display: grid;
grid-template-columns: 33% 33% 33%;
}
.choices-content ul {
margin: 40px -20px 0;
}
.tab-content ul {
margin: 0 -20px;
}
.tab-content {
margin-top: 40px;
display: none;
}
.tab-content.current-content {
display: block;
}
.tabs-content > :nth-child(n+2) {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.choices-content li, .tabs-content li, .programm .list li {
position: relative;
display: block;
border-bottom: 1px solid #D0D0D0;
font-size: 18px;
line-height: 137%;
color: #171717;
transition: color .25s ease;
-webkit-transition: color .25s ease;
}
.choices-content li, .tabs-content li {
margin: 0 20px;
}
.choices-content li, .programm .list li {
padding: 20px 0 20px 35px;
}
.tabs-content li {
padding: 20px 0;
}
.choices-content li:nth-last-of-type(-n+3), .tabs-content li:nth-last-of-type(-n+3), .programm .list li:last-of-type {
border-bottom: none;
}
.choices-content li.hidden, .programm .list li.hidden, .programm .numbers li.hidden span {
color: #D0D0D0;
}
.choices-content li:before, .choices-content li:after, .programm .list li:before, .programm .list li:after {
content: '';
display: block;
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 20px;
transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
.choices-content li:before, .programm .list li:before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzk0NTcgNS40Nzg2OEM2LjYwMjQ1IDUuNjExOTEgNS42NDgyMyA2LjU1Mjc5IDUuNTEwMzEgNy43MzIwN0M1LjEzOTggMTAuODk5OSA1LjEzOTggMTQuMTAwMiA1LjUxMDMxIDE3LjI2ODFDNS42NDgyMyAxOC40NDczIDYuNjAyNDUgMTkuMzg4MiA3Ljc5NDU3IDE5LjUyMTRDMTAuODk1NCAxOS44NjggMTQuMTAzNCAxOS44NjggMTcuMjA0MyAxOS41MjE0QzE4LjM5NjQgMTkuMzg4MiAxOS4zNTA1IDE4LjQ0NzMgMTkuNDg4NSAxNy4yNjgxQzE5Ljc1NDcgMTQuOTkxOCAxOS44Mjk3IDEyLjY5ODkgMTkuNzEzNCAxMC40MTMzQzE5LjcxMDMgMTAuMzU0MyAxOS43MzIzIDEwLjI5NjcgMTkuNzc0MiAxMC4yNTQ5TDIwLjg1NjIgOS4xNzI4N0MyMC45ODE1IDkuMDQ3NjQgMjEuMTk1NCA5LjEyNTk1IDIxLjIwODggOS4zMDI1N0MyMS40MTI5IDEyLjAxNiAyMS4zNTY5IDE0Ljc0NDIgMjEuMDQwNCAxNy40NDk1QzIwLjgxNjYgMTkuMzYzMSAxOS4yODAyIDIwLjg2MTYgMTcuMzc3OCAyMS4wNzQzQzE0LjE2MTYgMjEuNDMzNyAxMC44MzcyIDIxLjQzMzcgNy42MjEwMiAyMS4wNzQzQzUuNzE4NTQgMjAuODYxNiA0LjE4MjE4IDE5LjM2MzEgMy45NTgzOSAxNy40NDk1QzMuNTczNzcgMTQuMTYxMSAzLjU3Mzc3IDEwLjgzOSAzLjk1ODM5IDcuNTUwNTZDNC4xODIxOCA1LjYzNzA2IDUuNzE4NTQgNC4xMzg0NyA3LjYyMTAyIDMuOTI1ODRDMTAuODM3MiAzLjU2NjM5IDE0LjE2MTYgMy41NjYzOSAxNy4zNzc4IDMuOTI1ODRDMTguMDQ3OCA0LjAwMDczIDE4LjY3MjUgNC4yMzUxNCAxOS4yMTAzIDQuNTkxMDFDMTkuMzE2MiA0LjY2MTAzIDE5LjMyNjcgNC44MDk4MiAxOS4yMzcgNC44OTk1NkwxOC40MDA2IDUuNzM1OUMxOC4zMzIyIDUuODA0MyAxOC4yMjYxIDUuODE1ODEgMTguMTQwOSA1Ljc3MDExQzE3Ljg1NjEgNS42MTc1MiAxNy41Mzk2IDUuNTE2MTUgMTcuMjA0MyA1LjQ3ODY4QzE0LjEwMzQgNS4xMzIxIDEwLjg5NTQgNS4xMzIxIDcuNzk0NTcgNS40Nzg2OFoiIGZpbGw9IiNEODI2MUUiLz4KPHBhdGggZD0iTTIxLjkwNTkgNi4yODE0NEMyMi4yMTEgNS45NzYzMyAyMi4yMTEgNS40ODE2OCAyMS45MDU5IDUuMTc2NThDMjEuNjAwOCA0Ljg3MTQ4IDIxLjEwNjIgNC44NzE0OCAyMC44MDExIDUuMTc2NThMMTEuOTc4NSAxMy45OTkxTDkuNDA1OTQgMTEuNDI2NkM5LjEwMDg1IDExLjEyMTUgOC42MDYxOCAxMS4xMjE1IDguMzAxMDkgMTEuNDI2NkM3Ljk5NTk5IDExLjczMTcgNy45OTU5OSAxMi4yMjYzIDguMzAxMDkgMTIuNTMxNEwxMS40MjYxIDE1LjY1NjRDMTEuNzMxMiAxNS45NjE1IDEyLjIyNTggMTUuOTYxNSAxMi41MzA5IDE1LjY1NjRMMjEuOTA1OSA2LjI4MTQ0WiIgZmlsbD0iI0Q4MjYxRSIvPgo8L3N2Zz4K) center/contain no-repeat;
opacity: 1;
}
.choices-content li.hidden:before, .programm .list li.hidden:before {
opacity: 0;
}
.choices-content li:after, .programm .list li:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzk0NTcgNS40NzkxN0M2LjYwMjQ1IDUuNjEyMzkgNS42NDgyMyA2LjU1MzI4IDUuNTEwMzEgNy43MzI1NkM1LjEzOTggMTAuOTAwNCA1LjEzOTggMTQuMTAwNiA1LjUxMDMxIDE3LjI2ODZDNS42NDgyMyAxOC40NDc4IDYuNjAyNDUgMTkuMzg4NyA3Ljc5NDU3IDE5LjUyMTlDMTAuODk1NCAxOS44Njg1IDE0LjEwMzQgMTkuODY4NSAxNy4yMDQzIDE5LjUyMTlDMTguMzk2NCAxOS4zODg3IDE5LjM1MDUgMTguNDQ3OCAxOS40ODg1IDE3LjI2ODZDMTkuNzU0NyAxNC45OTIzIDE5LjgyOTcgMTIuNjk5NCAxOS43MTM0IDEwLjQxMzhDMTkuNzEwMyAxMC4zNTQ4IDE5LjczMjMgMTAuMjk3MiAxOS43NzQyIDEwLjI1NTRMMjAuODU2MiA5LjE3MzM2QzIwLjk4MTUgOS4wNDgxMiAyMS4xOTU0IDkuMTI2NDQgMjEuMjA4OCA5LjMwMzA2QzIxLjQxMjkgMTIuMDE2NSAyMS4zNTY5IDE0Ljc0NDcgMjEuMDQwNCAxNy40NUMyMC44MTY2IDE5LjM2MzYgMTkuMjgwMiAyMC44NjIxIDE3LjM3NzggMjEuMDc0OEMxNC4xNjE2IDIxLjQzNDIgMTAuODM3MiAyMS40MzQyIDcuNjIxMDIgMjEuMDc0OEM1LjcxODU0IDIwLjg2MjEgNC4xODIxOCAxOS4zNjM2IDMuOTU4MzkgMTcuNDVDMy41NzM3NyAxNC4xNjE2IDMuNTczNzcgMTAuODM5NSAzLjk1ODM5IDcuNTUxMDVDNC4xODIxOCA1LjYzNzU1IDUuNzE4NTQgNC4xMzg5NiA3LjYyMTAyIDMuOTI2MzNDMTAuODM3MiAzLjU2Njg3IDE0LjE2MTYgMy41NjY4NyAxNy4zNzc4IDMuOTI2MzNDMTguMDQ3OCA0LjAwMTIyIDE4LjY3MjUgNC4yMzU2MiAxOS4yMTAzIDQuNTkxNUMxOS4zMTYyIDQuNjYxNTIgMTkuMzI2NyA0LjgxMDMxIDE5LjIzNyA0LjkwMDA1TDE4LjQwMDYgNS43MzYzOEMxOC4zMzIyIDUuODA0NzkgMTguMjI2MSA1LjgxNjMgMTguMTQwOSA1Ljc3MDZDMTcuODU2MSA1LjYxODAxIDE3LjUzOTYgNS41MTY2MyAxNy4yMDQzIDUuNDc5MTdDMTQuMTAzNCA1LjEzMjU5IDEwLjg5NTQgNS4xMzI1OSA3Ljc5NDU3IDUuNDc5MTdaIiBmaWxsPSIjRDBEMEQwIi8+CjxwYXRoIGQ9Ik0yMS45MDU5IDYuMjgxOTJDMjIuMjExIDUuOTc2ODIgMjIuMjExIDUuNDgyMTYgMjEuOTA1OSA1LjE3NzA3QzIxLjYwMDggNC44NzE5NyAyMS4xMDYyIDQuODcxOTcgMjAuODAxMSA1LjE3NzA3TDExLjk3ODUgMTMuOTk5Nkw5LjQwNTk0IDExLjQyNzFDOS4xMDA4NSAxMS4xMjIgOC42MDYxOCAxMS4xMjIgOC4zMDEwOSAxMS40MjcxQzcuOTk1OTkgMTEuNzMyMiA3Ljk5NTk5IDEyLjIyNjggOC4zMDEwOSAxMi41MzE5TDExLjQyNjEgMTUuNjU2OUMxMS43MzEyIDE1Ljk2MiAxMi4yMjU4IDE1Ljk2MiAxMi41MzA5IDE1LjY1NjlMMjEuOTA1OSA2LjI4MTkyWiIgZmlsbD0iI0QwRDBEMCIvPgo8L3N2Zz4K) center/contain no-repeat;
opacity: 0;
}
.choices-content li.hidden:after, .programm .list li.hidden:after {
opacity: 1;
}
.eighth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
}
.eighth-section .col {
min-height: 678px;
display: inline-flex;
display: -webkit-inline-flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-bottom: 80px;
}
.eighth-section .heading + .text {
margin-top: 40px;
}
.eighth-section .text + .text {
margin-top: 40px;
}
.eighth-section .container + .heading {
display: none;
}
.fifteenth-section .image,
.eighth-section .image {
position: absolute;
left: calc(50% + 20px);
right: 0;
top: 0;
bottom: 0;
}
.fifteenth-section .image img,
.eighth-section .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ninth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 180px;
}
.tenth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.tenth-section .container {
max-width: 920px;
}
.tenth-section .heading + .row {
margin-top: 55px;
}
.tenth-section .col {
margin-bottom: 55px;
}
.tenth-section .icon {
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
}
.tenth-section .icon img {
margin-right: 20px;
}
.tenth-section .icon .text {
padding-right: 20px;
}
.tenth-section .heading + .button {
margin-top: 40px;
}
.eleventh-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 140px;
}
.eleventh-section .heading + .row {
margin-top: 40px;
}
.eleventh-section .icon + .heading {
margin-top: 10px;
}
.eleventh-section .heading + .text {
margin-top: 20px;
}
.eleventh-section .col {
margin-bottom: 60px;
}
.twelfth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 65px;
}
.twelfth-section .heading + .row {
margin-top: 135px;
}
.twelfth-section .col {
display: inline-flex;
display: -webkit-inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 135px;
}
.twelfth-section .col .icon {
margin-right: 10px;
}
.twelfth-section .text2 {
width: 100%;
margin-top: 10px;
}
.twelfth-section .number {
font-size: 80px;
line-height: 100%;
letter-spacing: -0.04em;
}
.twelfth-section .number span {
font-size: 35px;
line-height: 121%;
letter-spacing: -0.008em;
}
.thirteenth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.thirteenth-section .container {
max-width: 920px;
}
.thirteenth-section .heading + .row {
margin-top: 80px;
}
.thirteenth-section .row + .row:before {
content: '';
display: block;
width: calc(100% - 40px);
height: 1px;
background: #D0D0D0;
margin: 40px auto;
}
.thirteenth-section .logo {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.thirteenth-section .row:first-of-type .logo {
height: 70px;
}
.thirteenth-section .row:last-of-type .logo {
height: 41px;
}
.thirteenth-section .logo img {
max-height: 100%;
}
.thirteenth-section .logo img + img {
margin-left: 40px;
}
.thirteenth-section .logo + .text {
margin-top: 20px;
}
.fourteenth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 120px 0 200px;
}
.fourteenth-section .heading + .row {
margin-top: 60px;
}
.programm {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
position: relative;
height: 100%;
background: #F3F3F3;
border-radius: 40px;
-webkit-border-radius: 40px;
padding: 30px;
}
.top-programm {
background: #171717;
}
.programm .label {
position: absolute;
left: 50%;
top: -17.5px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
height: 35px;
display: inline-flex;
display: -webkit-inline-flex;
align-items: center;
justify-content: center;
background: #D8261E;
border-radius: 17.5px;
-webkit-border-radius: 17.5px;
padding: 0 21px;
}
.top-programm .heading, .top-programm .text, .top-programm .button, .top-programm .numbers li, .top-programm .list li {
color: #fff;
}
.programm .heading {
width: 100%;
}
.programm .numbers {
width: 100%;
margin-top: 10px;
}
.programm .numbers li {
padding: 30px 0;
border-bottom: 1px solid #D0D0D0;
}
.programm .numbers li span {
display: block;
}
.programm .numbers li span + span {
margin-top: 5px;
}
.programm .list {
width: 100%;
margin-top: 10px;
}
.top-programm .list li {
color: #fff;
}
.top-programm .list li, .top-programm .numbers li {
border-color: #333;
}
.top-programm .button {
background: #D8261E;
border-color: #D8261E;
letter-spacing: 0.01em;
}
.top-programm .button:hover {
background: #B91A12;
border-color: #B91A12;
}
.programm .link {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
white-space: nowrap;
}
.programm .button {
margin-top: 30px;
}
.programm .link {
margin-top: 30px;
}
.programm .normal {
width: auto;
opacity: 0;
color: #D0D0D0;
margin-bottom: 5px;
}
.top-programm .normal {
opacity: 1;
}
.programm .image {
width: calc(100% + 60px);
display: flex;
display: -webkit-flex;
justify-content: center;
margin: 10px -30px 0;
}
.programm .image img {
width: 100%;
max-width: 400px;
align-self: flex-start;
}
.programm .amount {
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
}
.fifteenth-section {
background: #171717;
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 80px 0 160px;
}
.fifteenth-section .container {
max-width: 1280px;
}
.fifteenth-section .row {
position: static;
}
.fifteenth-section .icon + .heading {
margin-top: 40px;
}
.fifteenth-section .heading strong {
font-weight: 500;
color: #D8261E;
}
.fifteenth-section .heading + .heading {
margin-top: 100px;
}
.fifteenth-section .heading + .link {
margin-top: 10px;
}
.sixteenth-section {
margin-top: -80px;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
padding: 92px 0 20px;
}
.sixteenth-section .logo {
display: flex;
display: -webkit-flex;
align-items: center;
min-height: 46px;
}
.sixteenth-section .col:first-of-type .logo img:first-of-type {
height: 33px;
}
.sixteenth-section .col:last-of-type .logo img:first-of-type {
height: 46px;
}
.sixteenth-section .logo img + img {
margin-left: 20px;
}
.sixteenth-section .logo + .address {
margin-top: 20px;
}
.sixteenth-section .address a {
color: #171717;
}
.sixteenth-section .map {
display: block;
}
.sixteenth-section .address + .map {
margin-top: 40px;
}
.sixteenth-section .map img {
border-radius: 10px;
-webkit-border-radius: 10px;
}
@media screen and (max-width: 1365px) {
.post .container.padding {
padding: 0 40px;
}
.first-section, .first-section .col {
height: 674px;
}
.first-section .image img {
max-height: 674px;
}
}
@media screen and (max-width: 1279px) {
.post .container.padding {
padding: 0 30px;
}
.row {
margin: 0 -15px;
}
.col {
padding: 0 15px;
}
.first-section, .first-section .col {
height: 548px;
}
.first-section .image img {
max-height: 548px;
}
.third-section .image {
right: -5%;
}
.eighth-section .col {
padding: 40px 15px 120px;
}
.fifteenth-section .image,
.eighth-section .image {
left: calc(50% + 15px);
}
.third-section .col {
flex-basis: 80%;
max-width: 80%;
}
.sixth-section .icon {
align-items: flex-start;
}
.content {
max-height: 120px;
}
.seventh-section .heading br {
display: none;
}
.choices-nav, .tabs-nav {
margin: 0 -15px;
}
.choices-nav li, .tabs-nav li {
padding: 0 15px;
margin: 0 15px;
white-space: nowrap;
min-width: 210px;
}
.choices-content, .tabs-content {
margin: 0 -30px;
padding: 0 30px;
overflow-x: auto;
}
.tab-content {
margin: 40px -30px 0;
padding: 0 30px;
}
.choices-content ul, .tab-content ul {
grid-template-columns: auto auto auto;
}
.choices-content ul {
margin: 40px -15px 0;
}
.tabs-content > :nth-child(n+2) {
left: 30px;
right: 30px;
}
.tab-content ul {
margin: 0 -15px;
}
.choices-content li, .tabs-content li {
margin: 0 15px;
white-space: nowrap;
}
}
@media screen and (max-width: 1023px) {
.tabs-nav {
display: grid;
grid-template-columns: auto auto;
}
.tabs-nav li {
margin-bottom: 15px;
}
.tab-content {
margin-top: 25px;
}
.choices-content ul, .tab-content ul {
min-width: calc(100% + 60px);
width: fit-content;
}
.choices-content ul {
margin: 40px -30px 0;
}
.tab-content ul {
margin: 0 -30px;
}
.tab-content li {
min-width: calc(100vw/3 + 60px);
width: fit-content;
}
.choices-content li:nth-of-type(3n+1), .tab-content li:nth-of-type(3n+1) {
margin-left: 30px;
}
.choices-content li:nth-of-type(3n+3), .tab-content li:nth-of-type(3n+3) {
margin-right: 30px;
}
.first-section, .first-section .col {
height: auto;
}
.first-section {
display: block;
padding: 120px 0 0;
}
.first-section .col {
flex-basis: 100%;
max-width: 100%;
padding: 0 15px;
}
.first-section .image {
position: relative;
right: auto;
top: auto;
margin-top: 60px;
}
.first-section .image img {
width: 100%;
max-height: none;
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
.first-section .anchor {
bottom: -140px;
font-size: 18px;
line-height: 137%;
z-index: 1;
}
.second-section {
margin-top: 100px;
}
.third-section {
margin-top: 100px;
padding: 0;
}
.third-section .image {
position: relative;
right: auto;
top: auto;
}
.third-section .col {
flex-basis: 100%;
max-width: 100%;
padding: 80px 15px 180px;
}
.fourth-section {
padding: 100px 0;
}
.fourth-section .row:nth-of-type(2n) {
flex-direction: row;
}
.fourth-section .row + .row {
margin-top: 100px;
}
.fourth-section .col {
flex-basis: 100%;
max-width: 100%;
}
.fourth-section .col + .col {
margin-top: 80px;
}
.fourth-section .image img {
width: 100%;
}
.content {
max-height: 152px;
}
.fifth-section {
padding: 80px 0 180px;
}
.fifth-section .col {
flex-basis: 100%;
max-width: 100%;
}
.fifth-section .col + .col {
margin-top: 80px;
}
.fifth-section .heading {
text-align: center;
}
.sixth-section {
padding: 80px 0 180px;
}
.sixth-section .col {
flex-basis: 100%;
max-width: 100%;
}
.sixth-section .row + .row:before {
width: calc(100% - 30px);
}
.sixth-section .col + .col:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #D0D0D0;
margin: 40px auto;
}
.seventh-section .row {
flex-direction: column-reverse;
align-items: normal;
}
.seventh-section .col {
flex-basis: 100%;
max-width: 100%;
}
.seventh-section .col:first-of-type .heading:first-of-type {
display: none;
}
.seventh-section .col:last-of-type .heading {
display: block;
text-align: center;
}
.seventh-section .heading + .text {
margin-top: 60px;
}
.seventh-section .text + .heading {
margin-top: 40px;
}
.seventh-section .heading + .image {
margin-top: 60px;
}
.seventh-section .heading br {
display: block;
}
.seventh-section .image {
display: flex;
display: -webkit-flex;
justify-content: center;
}
.seventh-section .image img {
align-self: flex-start;
}
.eighth-section {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: normal;
padding: 80px 0 180px;
}
.eighth-section .image img {
height: auto;
border-radius: 80px 80px 0 0;
-webkit-border-radius: 80px 80px 0 0;
}
.eighth-section .image {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
}
.eighth-section .container {
order: 1;
}
.eighth-section .container + .heading {
display: block;
text-align: center;
}
.eighth-section .col {
min-height: auto;
display: block;
flex-basis: 100%;
max-width: 100%;
padding: 0 15px;
}
.eighth-section .col .heading {
display: none;
}
.eighth-section .heading + .image {
margin-top: 40px;
}
.ninth-section {
padding: 80px 0 180px;
}
.tenth-section {
padding: 80px 0 180px;
}
.tenth-section .heading + .row {
margin-top: 40px;
}
.tenth-section .col {
margin-bottom: 40px;
}
.eleventh-section {
padding: 80px 0 140px;
}
.eleventh-section .container > .heading {
text-align: center;
}
.eleventh-section .col {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 40px;
}
.twelfth-section {
padding: 80px 0 180px;
}
.twelfth-section .heading + .row {
margin-top: 60px;
}
.twelfth-section .col {
flex-basis: 50%;
max-width: 50%;
justify-content: flex-start;
margin-bottom: 0;
}
.twelfth-section .col:nth-of-type(n+3):before {
content: '';
display: block;
width: calc(100% + 15px);
height: 1px;
background: #D0D0D0;
margin: 60px -15px 60px 0;
}
.twelfth-section .col:nth-of-type(2n):before {
margin: 60px 0 60px -15px;
}
.twelfth-section .col .text {
text-align: left;
}
.thirteenth-section {
padding: 80px 0 180px;
}
.thirteenth-section .heading + .row {
margin-top: 60px;
}
.fourteenth-section {
padding: 80px 0 150px;
}
.fourteenth-section .row {
justify-content: center;
}
.fourteenth-section .col {
flex-basis: 50%;
max-width: 50%;
margin-bottom: 30px;
}
.sixteenth-section {
padding: 80px 0 30px;
}
.sixteenth-section .col {
flex-basis: 100%;
max-width: 100%;
}
.sixteenth-section .col + .col {
margin-top: 60px;
}
.sixteenth-section .image img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.heading1, .heading2 {
font-size: 25px;
line-height: 145%;
}
.heading3 {
font-size: 18px;
line-height: 137%;
}
.text1 {
font-size: 14px;
line-height: 140%;
}
.button {
font-size: 14px;
font-weight: 500;
line-height: 140%;
}
.red-link {
font-size: 14px;
line-height: 140%;
padding-left: 30px;
}
.red-link:before {
width: 20px;
height: 20px;
margin-top: -10px;
}
.white-link {
font-size: 25px;
line-height: 145%;
padding-left: 35px;
}
.white-link:before {
width: 25px;
height: 25px;
margin-top: -12.5px;
}
.first-section {
padding: 90px 0 0;
}
.first-section .logo {
display: none;
}
.first-section .logo + .heading {
margin-top: 0;
}
.first-section .heading + .text {
margin-top: 20px;
}
.first-section .heading img {
max-width: 16px;
}
.first-section .image {
margin-top: 30px;
}
.first-section .anchor {
bottom: -84px;
}
.circles .circle {
width: 80px;
height: 80px;
}
.circles .heading {
font-size: 25px;
line-height: 145%;
letter-spacing: -0.008em;
}
.circles .circle:first-of-type img {
max-height: 30px;
}
.circles .circle:last-of-type img {
max-height: 26px;
}
.third-section {
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
}
.third-section .col {
padding: 30px 15px 100px;
}
.third-section .heading2 {
font-size: 18px;
line-height: 137%;
letter-spacing: 0.01em;
}
.third-section .heading + .text {
margin-top: 30px;
}
.third-section .text + .button {
margin-top: 30px;
}
.third-section .button {
width: 100%;
}
.third-section .button:before {
margin-right: 10px;
}
.third-section .image img {
width: 100%;
}
.fourth-section {
padding: 60px 0;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.fourth-section .heading + .row {
margin-top: 30px;
}
.fourth-section .row + .row {
margin-top: 60px;
}
.fourth-section .col + .col {
margin-top: 30px;
}
.fourth-section .col .heading2 {
font-size: 18px;
line-height: 137%;
letter-spacing: 0.01em;
}
.fourth-section .image {
margin: 0 -30px;
}
.fourth-section .image img {
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.fourth-section .heading + .text {
margin-top: 20px;
}
.fourth-section .text + .text {
margin-top: 20px;
}
.fourth-section .heading + .heading {
margin-top: 20px;
}
.fourth-section .text + .expand {
margin-top: 10px;
}
.fourth-section .col .heading3 {
font-size: 14px;
line-height: 140%;
}
.fourth-section .text p + p {
margin-top: 20px;
}
.expand {
line-height: 19px;
}
.content-offset {
margin-bottom: -29px;
}
.fifth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
}
.fifth-section .col + .col {
margin-top: 60px;
}
.fifth-section .heading + .list {
margin-top: 30px;
}
.fifth-section .list {
font-size: 18px;
line-height: 137%;
}
.sixth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.sixth-section .heading + .row {
margin-top: 40px;
}
.sixth-section .icon .heading {
padding-right: 0;
}
.sixth-section .col + .col:before, .sixth-section .row + .row:before {
margin: 30px auto;
}
.seventh-section {
padding: 60px 0 86px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.seventh-section .heading + .image {
margin-top: 30px;
}
.seventh-section .heading + .text {
margin-top: 30px;
}
.seventh-section .text + .heading {
margin-top: 30px;
}
.seventh-section .heading br {
display: none;
}
.choices {
margin-top: 30px;
}
.choices-nav, .tabs-nav {
margin: 0 -7.5px;
}
.choices-nav li, .tabs-nav li {
min-width: 145px;
height: 40px;
margin: 0 7.5px;
border-radius: 20px;
-webkit-border-radius: 20px;
font-size: 14px;
line-height: 140%;
}
.tabs-nav li {
min-width: auto;
margin-bottom: 15px;
}
.choices:after, .tabs:after {
content: '';
display: block;
width: 80px;
position: absolute;
right: -30px;
bottom: 0;
background: linear-gradient(270deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
background: -webkit-linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
}
.choices:after {
top: 70px;
}
.tabs:after {
top: 110px;
}
.tab-content {
margin-top: 0;
}
.choices-content ul {
margin: 12px -30px 0;
}
.choices-content li, .programm .list li {
padding: 18px 0 18px 35px;
}
.tabs-content li {
padding: 15px 0;
}
.choices-content li, .tabs-content li, .programm .list li {
font-size: 14px;
line-height: 140%;
}
.tab-content li {
min-width: 265px;
}
.choices-content li:before, .choices-content li:after, .programm .list li:before, .programm .list li:after {
top: 16px;
}
.eighth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.eighth-section .heading + .image {
margin-top: 30px;
}
.fifteenth-section .image img,
.eighth-section .image img {
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
}
.eighth-section .heading + .text {
margin-top: 30px;
}
.eighth-section .text + .text {
margin-top: 30px;
}
.ninth-section {
padding: 60px 0 86px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.tenth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.tenth-section .heading + .row {
margin-top: 30px;
}
.tenth-section .col {
margin-bottom: 30px;
}
.tenth-section .icon {
flex-direction: column;
align-items: flex-start;
}
.tenth-section .icon img {
max-height: 30px;
margin: 0 0 5px;
}
.tenth-section .icon .text {
padding-right: 0;
}
.tenth-section .heading + .button {
margin-top: 30px;
}
.tenth-section .heading br {
display: none;
}
.eleventh-section {
padding: 60px 0 50px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.eleventh-section .heading + .row {
margin-top: 30px;
}
.eleventh-section .col {
margin-bottom: 50px;
}
.eleventh-section .heading2 {
font-size: 18px;
line-height: 137%;
}
.eleventh-section .icon + .heading {
margin-top: 5px;
}
.eleventh-section .heading + .text {
margin-top: 5px;
}
.eleventh-section .icon img {
max-width: 30px;
}
.twelfth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.twelfth-section .heading + .row {
margin-top: 30px;
}
.twelfth-section .number {
font-size: 35px;
line-height: 121%;
letter-spacing: -0.008em;
}
.twelfth-section .number span {
font-size: 18px;
line-height: 137%;
letter-spacing: -0.01em;
}
.twelfth-section .icon img {
max-width: 30px;
}
.twelfth-section .text2 {
margin-top: 5px;
}
.twelfth-section .col:nth-last-of-type(-n+2) {
flex-basis: 100%;
max-width: 100%;
}
.twelfth-section .col:nth-of-type(n+3):before {
margin: 30px -15px 30px 0;
}
.twelfth-section .col:nth-of-type(2n):before {
margin: 30px 0 30px -15px;
}
.thirteenth-section {
padding: 60px 0 140px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.thirteenth-section .heading + .row {
margin-top: 40px;
}
.thirteenth-section .row + .row {
margin-top: 60px;
}
.thirteenth-section .row + .row:before {
display: none;
}
.thirteenth-section .col {
flex: 0 1 100%;
max-width: 100%;
}
.thirteenth-section .row:first-of-type .col:first-of-type .logo {
height: 36px;
}
.thirteenth-section .row:first-of-type .col:first-of-type .logo img:first-of-type {
max-height: 26px;
}
.thirteenth-section .row:first-of-type .col:first-of-type .logo img:last-of-type {
max-height: 36px;
}
.thirteenth-section .row:last-of-type .logo {
height: 33px;
}
.thirteenth-section .logo img + img {
margin-left: 30px;
}
.thirteenth-section .col + .col {
margin-top: 60px;
}
.fourteenth-section {
padding: 30px 0 0;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.fourteenth-section .heading + .row {
margin-top: 30px;
}
.fourteenth-section .row {
justify-content: normal;
}
.fourteenth-section .col {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 0;
}
.fourteenth-section .col + .col {
margin-top: -40px;
}
.fourth-section .name {
left: 54.5%;
bottom: 12.5%;
font-size: 10px;
}
.programm {
margin: 0 -30px;
padding-bottom: 70px;
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.programm .numbers li {
padding: 20px 0;
}
/*.programm .normal {
display: none;
}*/
.top-programm .normal {
display: block;
}
.programm .button {
margin-top: 20px;
}
.programm .label {
display: none;
}
.fifteenth-section {
padding: 60px 0 100px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.fifteenth-section .icon img {
max-height: 22px;
}
.fifteenth-section .icon + .heading {
margin-top: 30px;
}
.fifteenth-section .col {
flex: 0 1 100%;
max-width: 100%;
}
.fifteenth-section .col:last-of-type {
display: none;
}
.fifteenth-section .heading + .heading {
margin-top: 60px;
}
.fifteenth-section .heading + .link {
margin-top: 5px;
}
.fifteenth-section .image {
display: none;
}
.sixteenth-section {
padding: 60px 0 30px;
border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px 40px 0 0;
margin-top: -40px;
}
.sixteenth-section .logo {
min-height: auto;
}
.sixteenth-section .logo + .address {
margin-top: 30px;
}
.sixteenth-section .address + .map {
margin-top: 30px;
}
}