body {
position: relative;
height: 100%;
background-color: #fff;
font-size: 14px;
line-height: 1.4;
color: #000;
font-weight: 500;
font-family: "Inter", sans-serif;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: -0.5px;
}
img {
display: block;
max-width: 100%;
}
input[type="text"],
input[type="email"],
input[type="number"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
table {
border-collapse: collapse;
border-width: 0px;
padding: 0px;
margin: 0px;
}
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
input,
textarea {
color: #000;
font-family: "Inter", sans-serif;
border-radius: 0;
}
input[type="button"],
input[type="submit"],
button {
cursor: pointer;
font-family: "Inter", sans-serif;
font-size: 14px;
line-height: 1.4;
}
td {
margin: 0px;
padding: 0px;
}
ul {
list-style: none;
}
form {
padding: 0px;
margin: 0px;
}
a {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a,
span,
div,
button {
outline: none !important;
}
input[type=submit],
input[type=button],
button {
-webkit-appearance: none;
outline: none;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
input::-moz-placeholder, textarea::-moz-placeholder {
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
input::placeholder,
textarea::placeholder {
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
opacity: 0;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
opacity: 0;
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 0;
}
.btn {
height: 40px;
padding: 0 15px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-radius: 16px;
overflow: hidden;
color: #fff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: #8ea24e;
}
.btn:active {
color: #fff;
}
.btn:focus::before {
opacity: 1;
}
.btn .btn-text {
position: relative;
z-index: 2;
}
.btn:hover .btn-text span:nth-child(1) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.btn:hover .btn-text span:nth-child(2) {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.btn:hover .btn-bg {
border-radius: 50px;
top: 50%;
}
.btn .btn-text {
overflow: hidden;
}
.btn .btn-text span {
display: block;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn .btn-text span:nth-child(2) {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.btn .btn-bg {
background-color: #000;
height: 200%;
width: calc(100% + 40px);
position: absolute;
left: -20px;
top: 250%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
border-radius: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.call-btn{
height: 40px;
padding: 0 15px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 16px;
overflow: hidden;
color: #fff;
transform: translateZ(0);
background-color: #8ea24e;
text-decoration: none;
margin-bottom: 10px;
}
.ttl-1 {
color: #000;
font-size: 50px;
line-height: 1;
letter-spacing: -2.5px;
font-weight: 600;
margin-bottom: 40px;
}
.ttl-2,
.service-inner__hero-left .add-text h2 {
font-size: 26px;
line-height: 1.15;
letter-spacing: -1px;
font-weight: 600;
color: #000;
transition: all .3s;
}
.ttl-3,
.service-inner__hero-left .add-text h3 {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.7px;
font-weight: 600;
color: #000;
}
.black {
color: #000;
}
.gray {
color: rgba(0,0,0,0.5);
}
.green {
color: #8ea24e;
}
.link-with-arr {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-size: 14px;
line-height: 1;
}
.link-with-arr img {
margin-left: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.5;
}
.link-with-arr span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.link-with-arr:hover {
color: #000;
}
.link-with-arr:hover span {
color: #000;
}
.link-with-arr:hover img {
-webkit-transform: translateX(2px);
transform: translateX(2px);
opacity: 1;
}
.block-w50 {
width: calc(50% - 20px);
min-height: 625px;
border-radius: 30px;
background-color: #f4f4f4;
padding: 40px;
}
.block-w25 {
width: calc(25% - 20px);
min-height: 625px;
border-radius: 30px;
background-color: #f4f4f4;
padding: 40px;
}
.white-info-block {
padding: 25px 30px;
background-color: #fff;
border-radius: 20px;
overflow: hidden;
min-height: 180px;
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 280px;
color: #000;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.white-info-block .icon {
position: absolute;
top: 10px;
right: 10px;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.white-info-block .ttl-2 {
max-width: 210px;
margin-bottom: 10px;
}
.white-info-block p {
color: rgba(0,0,0,0.6);
transition: all .3s;
}
.white-info-block:hover .icon {
opacity: 1;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.jc-sb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jc-c {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ai-c {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.parallax-img-container {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.parallax-img-container img {
width: 100%;
height: 120%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
bottom: 0;
left: 0;
will-change: transform;
}
.parallax-img-container.img-center-top img {
-o-object-position: center top;
object-position: center top;
}
.show-on-768px,
.service-inner__block .ttl .break {
display: none;
}
@-webkit-keyframes gradientRotate {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 100%;
}
}
@keyframes gradientRotate {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 100%;
}
}
@font-face {
font-family: "Inter";
src: url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Regular.eot);
src: local("Inter-Regular"), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Regular.eot?#iefix) format('embedded-opentype'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Regular.woff2) format('woff2'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Regular.woff) format('woff'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Medium.eot);
src: local("Inter-Medium"), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Medium.eot?#iefix) format('embedded-opentype'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Medium.woff2) format('woff2'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Medium.woff) format('woff'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-SemiBold.eot);
src: local("Inter-SemiBold"), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-SemiBold.eot?#iefix) format('embedded-opentype'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-SemiBold.woff2) format('woff2'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-SemiBold.woff) format('woff'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Bold.eot);
src: local("Inter-Bold"), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Bold.eot?#iefix) format('embedded-opentype'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Bold.woff2) format('woff2'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Bold.woff) format('woff'), url(//anidi.com.ua/wp-content/themes/anidi/fonts/Inter/Inter-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.footer {
padding: 120px 0 40px;
}
.footer a {
background: -webkit-gradient(linear, left top, right top, from(#8ea24e), color-stop(50%, #8ea24e), color-stop(50%, rgba(0,0,0,0.6)));
background: linear-gradient(to right, #8ea24e, #8ea24e 50%, rgba(0,0,0,0.6) 50%);
background-size: 200% 100%;
background-position: 100%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer a:hover {
background-position: 0%;
}
.footer__services {
margin-bottom: 80px;
}
.footer__services ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px 40px;
}
.footer__services li {
width: calc(20% - 32px);
}
.footer__copy {
color: rgba(0,0,0,0.6);
}
.footer__main-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
.footer__main-line-item {
width: calc(20% - 32px);
}
.footer__socs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer__socs span {
margin-right: 20px;
color: rgba(0,0,0,0.6);
}
.footer__socs .socs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.footer__socs .socs a {
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: 0.6;
}
.footer__socs .socs a:hover {
opacity: 1;
}
.header {
padding: 30px 0;
z-index: 9;
position: relative;
background-color: #fff;
width: 100%;
border-bottom: 1px solid transparent;
}
.header.fixed {
position: fixed;
top: 0;
left: 0;
padding: 10px 0; -webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: rgba(255,255,255, .75);
-webkit-backdrop-filter: saturate(1.4) blur(17px);
backdrop-filter: saturate(1.4) blur(17px) ;
}
.header.fixed .header__drop-menu {
top: 70px;
}
.header.fixed-shown {
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #fff;
}
.header > .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative;
}
.header.search-opened .header__search {
opacity: 1;
visibility: visible;
z-index: 3;
}
.header.search-opened .header__search-btn {
opacity: 0;
visibility: hidden;
}
.header.search-opened .header__menu {
opacity: 0;
}
.header__logo {
margin-right: 40px;
}
.header__menu {
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;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header__menu li {
margin: 0 25px;
}
.header__menu li.current_page_item a,
.header__menu li.current-page-ancestor a {
background-position: 0%;
}
.header__menu li a {
background: -webkit-gradient(linear, left top, right top, from(#8ea24e), color-stop(50%, #8ea24e), color-stop(50%, rgba(0,0,0,0.6)));
background: linear-gradient(to right, #8ea24e, #8ea24e 50%, rgba(0,0,0,0.6) 50%);
background-size: 200% 100%;
background-position: 100%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transform: translateZ(0);
display: inline-block;
}
.header__menu li a:hover {
background-position: 0%;
}
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.header__search-btn,
.header__langs {
border-radius: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.trp-language-switcher {
height: 40px;
width: auto;
}
.trp-language-switcher > div {
padding: 3.5px 10px 3.5px 8px;
border: 1.5px solid #7A7A7A;
border-radius: 16px;
background-position: calc(100% - 15px) calc(1em - 1px), calc(100% - 4px) calc(1em + 0px);
background-size: 9px 10px, 3px 8px;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
padding: 3.5px 10px 3.5px 8px;
}
.trp-language-switcher .trp-ls-shortcode-current-language, .trp-language-switcher .trp-ls-shortcode-language {
max-width: 65px;
}
.trp-language-switcher > div > a {
padding: 4px;
}
.header__search-btn:hover,
.header__langs:hover {
background-color: #f4f4f4;
}
.header__search-btn {
cursor: pointer;
width: 40px;
height: 40px;
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;
margin-right: 17px;
}
.header__search {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 420px;
height: 40px;
border-radius: 15px;
background-color: #f4f4f4;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 15px;
opacity: 0;
visibility: hidden;
z-index: -9;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header__search .icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__search .clear {
width: 24px;
height: 24px;
cursor: pointer;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__search .clear:before,
.header__search .clear:after {
content: '';
position: absolute;
left: 2px;
top: 50%;
width: 20px;
height: 1px;
border-radius: 1px;
background-color: #000;
opacity: 0.6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header__search .clear:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__search .clear:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header__search .input {
width: 100%;
height: 24px;
}
.header__search .input input {
width: 100%;
height: 100%;
background: none;
border: none;
padding: 0 10px;
font-size: 14px;
font-weight: 500;
}
.header__langs {
font-size: 14px;
margin-right: 32px;
position: relative;
}
.header__langs .active-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
cursor: pointer;
padding: 8px 8px 8px 15px;
}
.header__langs-drop {
position: absolute;
z-index: 3;
top: 40px;
left: 0;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.1);
box-shadow: 10px 15px 30px rgba(25,47,67,0.1);
padding: 10px 15px;
border-radius: 15px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header__langs-drop.visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header__langs-drop li a {
color: #000;
padding: 5px 0;
text-transform: uppercase;
display: block;
opacity: 0.5;
font-weight: 500;
line-height: 1;
}
.header__langs-drop li a.activated {
opacity: 0.2;
}
.header__langs-drop li a:not(.activated):hover {
opacity: 1;
}
.header .hamb-icon {
position: relative;
cursor: pointer;
width: 24px;
height: 24px;
}
.header .hamb-icon:hover span {
opacity: 1;
}
.header .hamb-icon span {
position: absolute;
width: 20px;
height: 1px;
border-radius: 1px;
background-color: #000;
opacity: 0.6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header .hamb-icon span:nth-child(1) {
left: 2px;
top: 6px;
}
.header .hamb-icon span:nth-child(2) {
left: 2px;
top: 12px;
}
.header .hamb-icon span:nth-child(3) {
left: 2px;
top: 18px;
}
.header .hamb-icon img {
position: relative;
z-index: 2;
}
.header .hamb-icon.active:before {
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
.header .hamb-icon.active span {
background-color: #000;
}
.header .hamb-icon.active span:nth-child(2) {
opacity: 0;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.header .hamb-icon.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 11px;
}
.header .hamb-icon.active span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 11px;
}
.header .hamb-icon:before {
content: '';
width: 40px;
height: 40px;
border-radius: 15px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
background-color: #f4f4f4;
opacity: 0;
visibility: hidden;
}
.header__drop-menu {
position: absolute;
left: 0;
top: 110px;
width: 100%;
background-color: #fff;
border-radius: 0px 0px 30px 30px;
z-index: 3;
padding: 30px 0 40px;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
visibility: visible;
opacity: 0;
-webkit-transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
pointer-events: none;
}
.header__drop-menu.visible {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
}
.header__drop-menu-type1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px 30px;
margin-bottom: 60px;
padding: 0 30px;
}
.header__drop-menu-type1 li {
width: calc(20% - 24px);
height: 24px;
}
.header__drop-menu-type1 li.li-empty a {
display: none;
}
.header__drop-menu-type1 li a {
font-size: 20px;
line-height: 1.4;
font-weight: 600;
letter-spacing: -0.7px;
display: inline-block;
position: relative;
background: -webkit-gradient(linear, left top, right top, from(#8ea24e), color-stop(50%, #8ea24e), color-stop(50%, #000));
background: linear-gradient(to right, #8ea24e, #8ea24e 50%, #000 50%);
background-size: 200% 100%;
background-position: 100%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header__drop-menu-type1 li a:hover {
background-position: 0%;
}
.header__drop-menu-type2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px 30px;
padding: 0 30px;
margin-bottom: 60px;
}
.header__drop-menu-type2 li {
width: calc(20% - 24px);
}
.header__drop-menu-type2 li a {
font-size: 14px;
line-height: 1;
color: rgba(0,0,0,0.6);
background: -webkit-gradient(linear, left top, right top, from(#8ea24e), color-stop(50%, #8ea24e), color-stop(50%, rgba(0,0,0,0.6)));
background: linear-gradient(to right, #8ea24e, #8ea24e 50%, rgba(0,0,0,0.6) 50%);
background-size: 200% 100%;
background-position: 100%;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header__drop-menu-type2 li a:hover {
background-position: 0%;
}
.header__drop-menu-banners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__drop-menu-banners .bann {
width: calc(50% - 20px);
height: 300px;
border-radius: 30px;
overflow: hidden;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: cover;
}
.header__drop-menu-banners .bann.consultation {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/first-consult-bg.jpg);
}
.header__drop-menu-banners .bann.implant {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/implant-bg.jpg);
}
.header__drop-menu-banners .bann-ttl {
margin-bottom: 20px;
max-width: 170px;
}
.header__drop-menu-banners .bann .btn-wrap {
margin-top: auto;
}
.header__drop-menu-banners .bann p {
max-width: 140px;
color: rgba(0,0,0,0.5);
}
@-webkit-keyframes header-fixed {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-fixed {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.main-wrapper {
padding: 0;
min-width: 320px;
width: 100%;
position: relative;
overflow: hidden;
min-height: 100%;
}
.wrapper {
min-width: 320px;
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
position: relative;
}
.overlay-bg {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 5;
pointer-events: none;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.29, 0.98);
transition: all 0.2s cubic-bezier(0, 0, 0.29, 0.98);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.overlay-bg.active {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.hero {
margin-bottom: 120px;
}
.hero__wrap {
border-radius: 30px;
background-color: #d8d8d8;
min-height: 710px;
overflow: hidden;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero__bg img {
left: auto;
right: 0;
}
.hero__line1 {
margin-bottom: auto;
position: relative;
z-index: 2;
}
.hero__line1-left {
width: 350px;
max-width: 100%;
}
.hero__line1-right {
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hero__text1 {
margin-top: -7px;
}
.hero__text1 span {
display: block;
}
.hero__text2 {
color: rgba(0,0,0,0.5);
}
.hero__text3 {
margin-bottom: 20px;
color: rgba(0,0,0,0.5);
}
.hero__line2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.hero__item {
width: calc(20% - 14px);
position: relative;
min-height: 180px;
}
.hero__item-wrap {
width: 100%;
height: 100%;
padding: 25px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 20px;
overflow: hidden;
background-color: rgba(255,255,255,0.45);
-webkit-backdrop-filter: blur(34px);
backdrop-filter: blur(34px);
}
.hero__item-wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #fff;
opacity: 0;
border-radius: 20px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.hero__item-wrap:hover:before,
.hero__item-wrap:hover .icon {
opacity: 1;
}
.hero__item:nth-child(1) .icon {
opacity: 1;
}
.hero__item:nth-child(1) .icon:before,
.white-info-block .icon:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/arr-right-green.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.white-info-block .icon:before {
opacity: 0;
}
.hero__item:nth-child(1) .icon img {
opacity: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.hero__item:nth-child(1) .hero__item-wrap {
background-color: #8ea24e;
}
.hero__item:nth-child(1) .hero__item-wrap .ttl {
color: #fff;
}
.hero__item:nth-child(1) .hero__item-wrap .descr {
color: #effcc6;
}
.hero__item:nth-child(1):hover .ttl,
.hero__item:nth-child(1):hover .descr {
color: #000;
}
.hero__item:nth-child(1):hover .icon img {
opacity: 1;
}
.hero__item:nth-child(1):hover .icon:before {
opacity: 0;
}
.hero__item .icon {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hero__item .ttl {
margin-bottom: auto;
max-width: 170px;
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.8px;
color: #000;
font-weight: 600;
}
.hero__item .descr {
font-size: 14px;
line-height: 1.15;
color: rgba(0,0,0,0.6);
}
.hero__item .ttl,
.hero__item .descr {
position: relative;
z-index: 2;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.hero-info {
margin-bottom: 120px;
}
.hero-info__left,
.hero-info__right {
padding: 0 40px;
width: 50%;
}
.hero-info__left h2 {
max-width: 370px;
}
.hero-info__right p,
.paragraphs p {
margin-bottom: 30px;
font-size: 26px;
line-height: 1.15;
font-weight: 600;
letter-spacing: -1px;
color: #000;
}
.hero-info__right p:last-child,
.paragraphs p:last-child {
margin-bottom: 0;
}
[data-anim-split] .ts-char {
will-change: opacity;
opacity: 0.3;
}
.consult {
margin-bottom: 40px;
}
.consult__slogan {
margin-bottom: 20px;
}
.consult__smile {
margin-bottom: auto;
}
.consult__block-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.consult__block-right {
min-height: 625px;
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: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
overflow: hidden;
}
.consult__block-right.label-left {
align-items: flex-start;
}
.consult__block-float {
background-color: #fff;
border-radius: 30px;
padding: 25px 30px;
width: 280px;
}
.consult__block-float .ttl-2 {
margin-bottom: 37px;
}
.consult__text1 {
max-width: 480px;
margin-bottom: 27px;
}
.consult__text2 {
max-width: 480px;
}
.slider-section {
margin-bottom: 40px;
}
.slider-section__wrap {
border-radius: 30px;
overflow: hidden;
min-height: 700px;
position: relative;
padding: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.slider-section__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.slider-section__bg img,
.slider-section__bg video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slider-section__bot {
position: relative;
z-index: 3;
}
.slider-section__bot .white-info-block {
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-right: 20px;
}
.slider-section__bot .white-info-block:hover {
background-color: #8ea24e;
color: #fff;
}
.slider-section__bot .white-info-block:hover .ttl-2,
.technol .white-info-block:hover .ttl-2 {
color: #fff;
}
.slider-section__bot .white-info-block:hover p,
.technol .white-info-block:hover p {
color: #effcc6;
}
.slider-section__bot .white-info-block:hover .icon:before,
.technol .white-info-block:hover .icon:before {
opacity: 1;
}
.slider-section__bot-slides {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.slider-section__bot-slides::-webkit-scrollbar {
display: none;
}
.slider-section__bot-slides .item {
width: 160px;
height: 180px;
display: block;
overflow: hidden;
border-radius: 20px;
}
.slider-section__bot-slides .item-wrap {
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.slider-section__bot-slides .item:hover .item-wrap img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s cubic-bezier(.71,.12,.3,.9);
transition: all 1s cubic-bezier(.71,.12,.3,.9);
}
.slider-section__bot-slides .item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s cubic-bezier(.71,.12,.3,.9);
transition: all .5s cubic-bezier(.71,.12,.3,.9);
}
.technol {
margin-bottom: 120px;
}
.technol__ttl2 {
margin-top: auto;
}
.technol__block2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.technol .block-w50 {
position: relative;
overflow: hidden;
}
.technol__block-slider {
padding: 0 !important;
max-height: 625px;
}
.technol .anim-block-wrap {
z-index: 3;
width: auto;
height: 100%;
position: absolute;
}
.technol .white-info-block {
position: absolute;
z-index: 3;
bottom: 40px;
left: 40px;
transition: all .3s;
}
.technol .white-info-block:hover {
background-color: #8ea24e;
}
.technol__slider {
height: 100%;
width: 100%;
border-radius: 30px;
overflow: hidden;
}
.technol__slider .swiper-wrapper,
.technol__slider .swiper-slide {
width: 100%;
height: 100%;
}
.technol__slider .swiper-wrapper img,
.technol__slider .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
}
.technol__slider .swiper-pagination {
display: none;
}
.technol__slider .swiper-buttons {
position: absolute;
bottom: 40px;
right: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
z-index: 3;
}
.technol__slider .swiper-buttons div {
cursor: pointer;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.technol__slider .swiper-buttons div:hover {
opacity: 1;
}
.blog-home {
margin-bottom: 120px;
}
.blog-home__top {
padding: 0 40px;
margin-bottom: 60px;
}
.blog-home__top-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-home__top-right .smile-text {
margin-bottom: 20px;
}
.blog-home__items .item {
width: calc(25% - 15px);
min-height: 180px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 30px;
}    .blog-home__items .item-wrap {
width: 100%;
height: 100%;
background-color: #f4f4f4;
padding: 25px 30px;
border-radius: 20px;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-home__items .item-wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #EAEFDD;
opacity: 0;
border-radius: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blog-home__items .item-wrap:hover .ttl-3,
.blog-home__items .item-wrap:hover .descr {
color: #000 !important;
}
.blog-home__items .item-wrap:hover:before {
opacity: 1;
}
.blog-home__items .item:first-child:hover .icon img {
opacity: 1;
}
.blog-home__items .item:first-child:hover .icon:before {
opacity: 0;
}
.blog-home__items .item:first-child .icon {
opacity: 1;
}
.blog-home__items .item:first-child .icon:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/arr-right-green.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.blog-home__items .item:first-child .icon img {
opacity: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.blog-home__items .item:first-child .item-wrap {
background-color: #8ea24e;
}
.blog-home__items .item:first-child .item-wrap .ttl-3 {
color: #fff;
}
.blog-home__items .item:first-child .item-wrap .descr {
color: #effcc6;
}
.blog-home__items .item .icon {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
opacity: 0.5;
}
.blog-home__items .item .ttl-3 {
max-width: 245px;
margin-bottom: 10px;
}
.blog-home__items .item .descr {
text-transform: lowercase;
}
.blog-home__items .item .ttl-3,
.blog-home__items .item .descr {
position: relative;
z-index: 2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home-cont .block-w50 {
overflow: hidden;
}
.home-cont__block1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home-cont__line1 .col {
width: 50%;
}
.home-cont__line1 .col:last-child {
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.home-cont__line1 .col:last-child p {
margin-bottom: 20px;
}
.home-cont__line2 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.home-cont__line2 .col .work-ttl {
margin-bottom: 30px;
}
.home-cont__line2 .col .time-cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-cont__line2 .col .time-cols .item:first-child {
margin-right: 40px;
}
.home-cont__line2 .col .time-cols .item p {
line-height: 1;
}
.home-cont__line2 .col .time-cols .item p:first-child {
margin-bottom: 10px;
}
.home-cont__block2 {
padding: 0;
overflow: hidden;
}
.services-page {
padding-top: 50px;
margin-bottom: 80px;
}
.services-page .wrapper {
padding: 0 80px;
}
.services-page__h1 {
color: #000;
max-width: 970px;
margin-bottom: 60px;
}
.services-page__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 40px 40px;
}
.services-page__items .text-cell {
grid-column: 2/4;
grid-row: 3/4;
padding: 30px;
}
.services-page__items .text-cell .t1 {
margin-bottom: 25px;
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.5px;
font-weight: 600;
}
.services-page__items .text-cell .t2 {
font-size: 14px;
line-height: 20px;
letter-spacing: -0.5px;
font-weight: 500;
}
.services-page__items .grid-cell {
min-height: 202px;
}
.services-page__item {
display: block;
position: relative;
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
padding: 30px;
-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
background-color: #f4f4f4;
}
.services-page__item:hover .bg {
-webkit-transform: scale(1);
transform: scale(1);
}
.services-page__item:hover .arr {
opacity: 1;
}
.services-page__item .ttl {
max-width: 220px;
position: relative;
z-index: 2;
font-size: 20px;
line-height: 1.2;
color: #000;
font-weight: 600;
}
.services-page__item .bg {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 1s ;
transition: all 1s ;
}
.services-page__item .arr {
position: absolute;
z-index: 2;
right: 10px;
top: 10px;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.service-inner {
padding-top: 50px;
margin-bottom: 120px;
}
.service-inner .block-w25,
.service-inner .block-w50,
.service-inner .child-line1 {
position: relative;
overflow: hidden;
}
.service-inner .ttl-1 {
padding: 0 40px;
}
.service-inner.child-template .ttl-1 {
margin-bottom: 60px;
}
.service-inner.braces-template .service-inner__block {
min-height: 195px;
}
.service-inner.braces-template .h2-methods {
margin-top: 85px;
margin-bottom: 0;
}
.service-inner.braces-template .info-text {
width: 50%;
padding: 60px 40px 0 40px;
}
.service-inner .child-line1 {
border-radius: 30px;
margin-bottom: 40px;
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 625px;
}
.service-inner .child-line1 .white-info-block {
width: calc(50% - 60px);
}
.service-inner .child-line1 .white-info-block .ttl-2 {
max-width: 100%;
margin-bottom: 25px;
}
.service-inner .child-line2 {
margin-bottom: 40px;
}
.service-inner .child-line2 .block-w50 {
background-color: #fff;
}
.service-inner .child-line2 .block-w50 .ttl-2 {
margin-bottom: 40px;
}
.service-inner .child-line2 .block-w50 p {
font-size: 14px;
line-height: 1.4;
letter-spacing: -0.5px;
font-weight: 500;
margin-bottom: 15px;
}
.service-inner .child-line3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.service-inner__hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.service-inner__hero-video {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9;
border-radius: 30px;
overflow: hidden;
}
.service-inner__hero-video iframe {
width: 100%;
height: 100%;
}
.service-inner__hero-img {
height: 100%;
width: 100%;
}
.service-inner__hero-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service-inner__hero-left,
.service-inner__hero-right {
width: calc(50% - 20px);
}
.service-inner__hero-right {
border-radius: 30px;
overflow: hidden;
}
.service-inner__hero-right img {
border-radius: 30px;
}
.service-inner__hero-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.service-inner__hero-left .bot-part {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.service-inner__hero-left .bot-part .service-inner__block {
width: calc(50% - 20px);
}
.service-inner__hero-left .description {
padding: 0 40px;
}
.service-inner__hero-left .description .subtext:not(:last-child) {
margin-bottom: 15px;
}
.service-inner__hero-left .add-text {
margin-top: 60px;
}
.service-inner__hero-left .add-text p:not(:last-child) {
margin-bottom: 15px;
}
.service-inner__hero-left .add-text .ttl-2,
.service-inner__hero-left .add-text h2 {
margin: 30px 0;
}
.service-inner__block {
padding: 25px 30px;
border-radius: 20px;
overflow: hidden;
background-color: #f4f4f4;
min-height: 245px;
}
.service-inner__block.gradient {
background: #8ea24e;
}
.service-inner__block.gradient .ttl {
color: #fff;
}
.service-inner__block.gradient .ttl .gray {
color: rgba(255,255,255,0.5);
}
.service-inner__block.gradient .descr,
.service-inner__block.gradient .descr .gray {
color: #effcc6;
}
.service-inner__block .ttl {
margin-bottom: 20px;
font-size: 26px;
font-weight: 600;
line-height: 1.15;
letter-spacing: -1px;
}
.service-inner__block .descr p:not(:last-child) {
margin-bottom: 20px;
}
.service-inner__blocks {
display: grid;
gap: 40px 40px;
grid-template-columns: repeat(4, 1fr);
}
.service-inner__blocks .w50 {
grid-column: span 2;
}
.other-services .wrapper {
padding: 0 80px;
}
.other-services__top {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.other-services__slider-arrs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.other-services__slider-arrs .prev-arr,
.other-services__slider-arrs .next-arr {
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.other-services__slider-arrs .prev-arr:hover,
.other-services__slider-arrs .next-arr:hover {
opacity: 1;
}
.other-services .services-page__item {
height: 202px;
}
.other-services .swiper {
overflow: visible;
}
.page404 {
padding-top: 50px;
text-align: center;
}
.page404__img {
width: 692px;
max-width: 100%;
margin: 0 auto 60px;
}
.page404__t1 {
margin-bottom: 20px;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
}
.page404__t2 {
max-width: 380px;
margin: 0 auto 40px;
color: rgba(0,0,0,0.6);
}
.page404__t3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page404__back {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
}
.page404__back:hover img {
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
.page404__back img {
margin-left: 9px;
opacity: 0.6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.textpage {
padding-top: 50px;
}
.textpage .wrapper {
max-width: 880px;
}
.textpage h1 {
font-size: 50px;
font-weight: 600;
letter-spacing: -2.5px;
margin-bottom: 40px;
color: #000;
line-height: 1;
}
.textpage .date {
margin-bottom: 60px;
}
.textpage h2 {
color: #000;
margin: 40px 0 20px;
font-size: 26px;
font-weight: 600;
line-height: 1.15;
}
.textpage p {
margin-bottom: 15px;
color: #4A4A4A;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
letter-spacing: -0.5px;
}
.textpage p em {
font-style: normal;
color: #a5a5a5;
}
.textpage a {
color: #8ea24e;
}
.textpage a:hover {
color: #000000;
}
.contacts {
padding-top: 50px;
}
.contacts__line1,
.contacts__line2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts__line1 .left,
.contacts__line2 .left,
.contacts__line1 .right,
.contacts__line2 .right,
.contacts__line1 .col,
.contacts__line2 .col {
width: 50%;
padding: 0 40px;
}
.contacts__line1 {
margin-bottom: 60px;
}
.contacts__line1 h2 {
margin-top: 10px;
margin-bottom: 25px;
}
.contacts__map {
position: relative;
overflow: hidden;
border-radius: 30px;
margin-bottom: 80px;
}
.contacts__map .map {
height: 100%;
width: 100%;
}
.contacts__map .tab_content {
height: 625px;
position: relative;
}
.contacts__map .tab_item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contacts__map .tab_header {
position: absolute;
bottom: 30px;
left: 40px;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contacts__map .tab {
background-color: rgba(255,255,255,0.45);
-webkit-backdrop-filter: blur(33px);
backdrop-filter: blur(33px);
margin-right: 20px;
border-radius: 20px;
padding: 25px 30px 30px 30px;
cursor: pointer;
width: 240px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.contacts__map .tab.active {
background-color: #fff;
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
}
.contacts__map .tab .city {
margin-bottom: 10px;
}
.contacts__map .tab .address {
margin-bottom: 10px;
opacity: 0.6;
}
.contacts__map .tab .number {
margin-bottom: 20px;
}
.contacts__map .tab .number a {
color: #000;
}
.contacts__map .tab .worktime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.contacts__map .tab .worktime p {
opacity: 0.5;
}
.contacts__map .tab .worktime p:first-child {
margin-bottom: 10px;
}
.contacts__map .tab .worktime p.black {
opacity: 1;
}
.contacts__line2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts__line2 .ttl-2 {
margin-bottom: 40px;
}
.contacts__line2 .email-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts__form,
.booking-online__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contacts__form .w50,
.booking-online__form .w50,
.contacts__form .w100,
.booking-online__form .w100 {
margin-bottom: 20px;
}
.contacts__form .w50,
.booking-online__form .w50 {
width: calc(50% - 10px);
}
.contacts__form .w100,
.booking-online__form .w100 {
width: 100%;
}
.contacts__form input,
.booking-online__form input,
.contacts__form textarea,
.booking-online__form textarea {
width: 100%;
height: 40px;
border: none;
border-radius: 15px;
padding: 0 15px;
background-color: #f4f4f4;
font-weight: 500;
font-size: 14px;
line-height: 1;
}
.contacts__form textarea,
.booking-online__form textarea {
padding: 13px 15px;
height: 110px;
resize: vertical;
min-height: 50px;
max-height: 300px;
}
input:focus-visible,
.contacts__form textarea:focus,
.booking-online__form textarea:focus {
outline: none;
}
.booking-online__form .submit-wrap {
padding-top: 20px;
}
.contacts__form .submit-wrap,
.booking-online__form .submit-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
.contacts__form .submit-wrap img,
.booking-online__form .submit-wrap img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.contacts__form .submit-wrap .wpcf7-spinner,
.booking-online__form .submit-wrap .wpcf7-spinner {
display: none;
}
.contacts__form .submit-wrap input.submit,
.booking-online__form .submit-wrap input.submit {
color: #fff;
background-color: #8ea24e;
}
.contacts__form .submit-wrap input.submit:hover,
.booking-online__form .submit-wrap input.submit:hover {
background-color: #839647;
}
.contacts__form .wpcf7-not-valid-tip,
.booking-online__form .wpcf7-not-valid-tip {
display: inline-block;
max-width: calc(100% - 22px);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 3px 6px;
background-color: #ff784e;
color: #fff;
font-size: 10px;
font-weight: 500;
line-height: 1;
position: relative;
z-index: 5;
left: 11px;
top: -10px;
border-radius: 8px;
margin-bottom: -8px;
}
.contacts__form .wpcf7-response-output,
.booking-online__form .wpcf7-response-output {
width: 100%;
margin: 15px 0 !important;
border: none !important;
padding: 0 !important;
text-align: center;
}
.contacts__form.invalid .wpcf7-response-output,
.booking-online__form.invalid .wpcf7-response-output {
color: #ff784e;
}
.prices {
padding-top: 50px;
}
.prices__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
.prices__head .ttl-1 {
margin-bottom: 0;
}
.prices__head .download {
color: #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prices__head .download:hover img {
-webkit-transform: none;
transform: none;
}
.prices__tabs .tabs-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.prices__tabs .tab_header {
width: 290px;
margin-right: 40px;
position: -webkit-sticky;
position: sticky;
top: 90px;
z-index: 5;
}
.prices__tabs .tab_header .tab {
margin-bottom: 25px;
color: rgba(0,0,0,0.5);
font-size: 20px;
line-height: 1.2;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prices__tabs .tab_header .tab:hover {
color: #000;
}
.prices__tabs .tab_header .tab.active {
color: #8ea24e;
}
.prices__tabs .tab_header .tab .sale {
height: 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
background-color: #ff8a55;
color: #fff;
font-size: 14px;
border-radius: 7px;
position: relative;
font-weight: 500;
margin-left: 10px;
}
.prices__tabs .tab_header .tab .sale:hover .tooltip {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
opacity: 1;
}
.prices__tabs .tab_header .tab .sale .tooltip {
width: 135px;
background-color: #fff;
color: #000;
padding: 10px;
border-radius: 7px;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translate(100%, -90%);
transform: translate(100%, -90%);
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.prices__tabs .tab_content {
width: 100%;
}
.prices__items {
display: grid;
gap: 40px 40px;
grid-template-columns: repeat(3, 1fr);
}
.prices__item {
background-color: #f4f4f4;
padding: 25px 30px 30px;
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 142px;
border-radius: 20px;
cursor: pointer;
}
.prices__item .name {
margin-bottom: 10px;
}
.prices__item .price {
opacity: 0.6;
font-size: 20px;
line-height: 1.2;
font-weight: 600;
}
.prices .oplata {
margin-top: 60px;
}
.prices .oplata__ttl {
margin-bottom: 15px;
}
.prices .oplata-mob {
display: none;
}
.hero__bg-mobile,
.header__drop-menu-mob-langs,
.header__drop-menu-search {
display: none;
}
.pages {
padding: 70px 0;
}
.pages li {
margin-bottom: 10px;
}
.pages li a {
font-size: 20px;
color: #8ea24e;
}
.pages li a:hover {
color: #000;
}
.modal {
width: 660px;
max-width: 100%;
padding: 40px;
border-radius: 30px;
background-color: #fff;
}
.modal.fancybox__content > .f-button.is-close-btn {
top: 15px;
right: 15px;
opacity: 0.5;
background-color: #fff;
}
.modal.fancybox__content > .f-button.is-close-btn:hover {
opacity: 1;
}
.modal.fancybox__content > .f-button.is-close-btn svg {
stroke: #000;
}
.fancybox__content {
color: #000;
}
.modal__ttl {
text-align: center;
font-size: 26px;
line-height: 1.15;
letter-spacing: -1px;
font-weight: 600;
max-width: 440px;
margin: 0 auto 40px;
}
.modals-wrapper {
display: none;
}
.booking-online__form label {
display: block;
margin-bottom: 10px;
color: rgba(0,0,0,0.5);
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: -0.5px;
}
.booking-online__form input:not([type=submit]) {
border: 1px solid #f4f4f4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #000;
}
.booking-online__form input:not([type=submit]):hover {
border-color: rgba(0,0,0,0.2);
}
.booking-online__form input:not([type=submit]):focus {
border-color: #839647;
outline: none;
}
.booking-online__form input:not([type=submit]).wpcf7-not-valid {
border-color: #ff9176;
}
.booking-online__form input:not([type=submit]).wpcf7-not-valid + .wpcf7-not-valid-tip {
display: inline-block;
max-width: calc(100% - 22px);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 3px 6px;
background-color: #ff784e;
color: #fff;
font-size: 10px;
font-weight: 500;
line-height: 1;
position: relative;
z-index: 5;
left: 11px;
top: -10px;
border-radius: 8px;
margin-bottom: -8px;
}
.booking-online__form p br {
display: none;
}
.booking-online__form .submit-wrap p {
width: 100%;
}
.booking-online .time-input {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/time-icon.svg);
background-repeat: no-repeat;
background-position: center right 15px;
}
.booking-online input[type="time"]::-webkit-calendar-picker-indicator {
display: none;
}
.booking-online .date-input {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/date-icon.svg);
background-repeat: no-repeat;
background-position: center right 15px;
}
.air-datepicker-global-container {
z-index: 9999;
}
.air-datepicker {
font-family: "Inter", sans-serif !important;
border-radius: 10px;
border: none;
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.14) !important;
box-shadow: 10px 15px 30px rgba(25,47,67,0.14) !important;
width: 280px !important;
max-width: 100vw;
background-color: #fff;
margin-top: -10px;
}
.air-datepicker .air-datepicker-nav--title {
font-size: 16px;
line-height: 1;
font-weight: 600;
letter-spacing: -0.5px;
}
.air-datepicker .air-datepicker-nav--title i {
color: #000;
}
.air-datepicker .air-datepicker-nav {
border: none;
padding: 10px 15px;
}
.air-datepicker .air-datepicker-nav--action path {
stroke-width: 1px;
stroke: #000;
}
.air-datepicker .air-datepicker-body--day-name {
color: #000;
opacity: 0.6;
}
.air-datepicker .air-datepicker-cell.-selected-,
.air-datepicker .air-datepicker-cell.-selected-.-current- {
background: #8ea24e;
color: #fff;
}
.air-datepicker .air-datepicker-cell {
border-radius: 15px;
font-size: 14px;
}
.air-datepicker .air-datepicker-cell.-current- {
color: #8ea24e;
}
.air-datepicker--pointer {
display: none;
}
.success-modal__descr {
margin-bottom: 40px;
background-color: #f4f4f4;
border-radius: 15px;
padding: 30px 10px;
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: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.6;
font-size: 14px;
letter-spacing: -0.5px;
}
.success-modal__descr .t1 {
opacity: 0.6;
}
.success-modal__btn .btn {
width: 100%;
font-weight: 500;
}
.nice-select {
width: 100%;
background-color: #f4f4f4;
border-radius: 15px;
border: 1px solid #f4f4f4;
padding-left: 16px;
height: 40px;
font-weight: 500;
}
.nice-select:hover {
border-color: rgba(0,0,0,0.2);
}
.nice-select .nice-select-dropdown {
margin-top: 1px;
width: 100%;
border: none;
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
}
.nice-select .list {
padding: 15px 20px;
border-radius: 10px;
width: 100%;
border: none;
}
.nice-select .option {
border: none;
background: transparent;
padding: 5px 0;
line-height: 1;
font-size: 14px;
font-weight: 500;
color: #000;
}
.nice-select .option:hover {
color: #8ea24e;
background: transparent;
}
.nice-select .option.focus,
.nice-select .option.selected.focus {
background: transparent;
}
.nice-select .option.selected {
font-weight: 500;
opacity: 0.2;
}
.nice-select .current {
display: inline-block;
padding-top: 1px;
color: #000;
}
.nice-select.time-select .list {
display: flex;
flex-wrap: wrap;
}
.nice-select.time-select .list li {
width: 25%;
padding: 7px 0;
}
.time-select:after {
width: 24px;
height: 24px;
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/time-icon.svg);
background-repeat: no-repeat;
border: none;
top: 8px;
right: 15px;
-webkit-transform: none !important;
transform: none !important;
margin: 0;
}
select.time-select.wpcf7-select {
position: absolute;
}
.about-page {
padding-top: 50px;
margin-bottom: 180px;
}
.about-page__hero-top {
margin-bottom: 30px;
}
.about-page__hero-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
overflow-x: auto;
overflow-y: hidden;
margin: 0 calc(((100vw - 1360px) / 2 * -1)) 120px;
padding: 0 calc(((100vw - 1360px) / 2));
-ms-overflow-style: none;
scrollbar-width: none;
user-select: none;
}
.about-page__hero-gallery::-webkit-scrollbar {
display: none;
}
.about-page__hero-gallery .item {
border-radius: 30px;
overflow: hidden;
height: 625px;
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0; }
.about-page__hero-gallery .item img {
max-height: 100%;
}
.about-page__textblock {
max-width: 660px;
margin: 0 auto 120px;
position: relative;
}
.about-page__textblock .ttl-1 {
font-size: 50px;
line-height: 1;
letter-spacing: -2.5px;
font-weight: 600;
margin-bottom: 40px;
}
.about-page__textblock .video-icon {
position: absolute;
right: -310px;
bottom: 0;
width: 160px;
height: 160px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
}
.about-page__textblock .video-icon video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.about-page__textblock .video-icon .fill-circle {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
transform: translate(-50%, -50%) scale(0);
border-radius: 50%;
background-color: #8ea24e;
transition: all .4s cubic-bezier(.85,.08,.37,.94);
width: 100%;
height: 100%;
}
.about-page__textblock .video-icon:hover .fill-circle {
transform: translate(-50%, -50%) scale(1);
}
.about-page__textblock .video-icon svg {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
}
.about-page__textblock .video-icon svg path {
transition: all .6s;
}
.about-page__textblock .video-icon:hover svg path {
fill: #000;
}
.our-team {
margin-bottom: 120px;
}
.our-team__ttl {
margin-bottom: 180px;
text-align: center;
font-size: 180px;
font-weight: 600;
letter-spacing: -9px;
line-height: 1;
}
.our-team__items {
display: grid;
gap: 40px;
grid-template-columns: repeat(4, 1fr);
}
.our-team__item {
border-radius: 30px;
}
.our-team__item.big-text {
grid-column: span 2;
}
.our-team__item.green {
background-color: #8ea24e;
padding: 30px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.our-team__item.green .top-text {
margin-bottom: 20px;
}
.our-team__item.green .text {
margin-top: auto;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.8px;
}
.our-team__item.green .smile {
margin-bottom: 15px;
}
.our-team__item.green .gray,
.our-team__item.person.open .posada,
.our-team__item.person:hover .posada {
color: #effcc6;
}
.our-team__item.person {
border-radius: 30px;
overflow: hidden;
position: relative;
cursor: pointer;
height: 430px;
z-index: 2;
}
.our-team__item.person .description {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.7px;
color: #fff;
padding: 20px 30px 30px;
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(30px);
transition: max-height .4s .1s cubic-bezier(.55,.09,.02,.91), opacity .4s cubic-bezier(.55,.09,.02,.91), transform .6s cubic-bezier(.55,.09,.02,.91);
}
.our-team__item.person .person-inner {
background-color: #f4f4f4;
transition: all .4s cubic-bezier(.71,.12,.3,.9);
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.our-team__item.person.open .person-inner,
.our-team__item.person:hover .person-inner {
background-color: #8ea24e;
}
.our-team__item.person .name,
.our-team__item.person .posada {
transition: all .3s;
}
.our-team__item.person.open .name,
.our-team__item.person:hover .name {
color: #fff;
}
.our-team__item.person .close-icon {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .3s;
z-index: 2;
opacity: 0;
}
.our-team__item.person:not(.open):hover .posada .more-info {
opacity: 1;
}
.our-team__item.person:not(.open):hover .posada .posada-name {
opacity: 0;
}
.our-team__item.person .posada .posada-name {
transition: all .3s;
}
.our-team__item.person .photo {
border-radius: 30px;
overflow: hidden;
margin-bottom: 30px;
position: relative;
padding-top: 95%;
transition: all .5s cubic-bezier(.98,0,.53,.96);
}
.our-team__item.person .photo img {
width: 100%;
height: 100%;
object-position: bottom center;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.our-team__item.person .name {
padding: 0 30px;
margin-bottom: 15px;
color: #000;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.8px;
line-height: 1.2;
margin-top: auto;
}
.our-team__item.person .posada {
padding: 0 30px;
color: rgba(0,0,0,0.5);
position: relative;
}
.our-team__item.person .posada .more-info {
display: flex;
align-items: center;
gap: 10px;
position: absolute;
width: 100%;
top: -3px;
left: 0;
padding: 0 30px;
color: #effcc6;
opacity: 0;
transition: all .3s;
}
.our-team__item.person.open .description {
max-height: 100%;
opacity: 1;
transform: translateY(0);
transition: max-height .4s cubic-bezier(.71,.12,.3,.9), opacity .4s .1s cubic-bezier(.71,.12,.3,.9), transform .4s .2s cubic-bezier(.71,.12,.3,.9);
}
.our-team__item.person.open .photo {
padding-top: 0;
}
.our-team__item.person.open .close-icon {
opacity: .5;
}
.our-team__item.person.open .close-icon:hover {
opacity: 1;
}
.our-team__item.big-text {
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 30px;
}
.search-page {
padding: 50px 0 0;
min-height: 45vh;
}
.search-page .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search-page__left .founded {
margin-bottom: 15px;
}
.search-page__left p {
max-width: 310px;
}
.search-page__right {
position: relative;
overflow: hidden;
}
.search-page__left,
.search-page__right {
width: calc(50% - 20px);
}
.search-page__results .item {
display: block;
margin-bottom: 40px;
}
.search-page__results .item:hover .ttl img {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.search-page__results .item:last-child {
margin-bottom: 0;
}
.search-page__results .item .ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
.search-page__results .item .ttl img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-page__results .item .ttl span {
margin-right: 7px;
display: inline-block;
}
.search-page__results .item .content {
color: #000;
}
.blog-page {
padding-top: 50px;
padding-bottom: 120px;
}
.blog-page__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.blog-page__item {
background-color: #f4f4f4;
border-radius: 30px;
overflow: hidden;
padding: 0 30px 30px;
color: #000;
}
.blog-page__item:hover {
-webkit-box-shadow: 10px 15px 30px rgba(25,47,67,0.07);
box-shadow: 10px 15px 30px rgba(25,47,67,0.07);
background-color: #fff;
}
.blog-page__item:hover .read-more img {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.blog-page__item .image {
aspect-ratio: 4/3;
margin: 0 -30px 30px;
}
.blog-page__item .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px;
}
.blog-page__item .ttl {
margin-bottom: 15px;
max-height: 48px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-page__item .descr {
margin-bottom: 15px;
opacity: 0.5;
max-height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-page__item .read-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-page__item .read-more span {
margin-right: 9px;
}
.blog-page__item .read-more img {
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blog-page__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
margin-top: 60px;
}
.blog-page__pagination-item {
display: block;
}
.blog-page__pagination-item a {
display: block;
}
.blog-page__pagination .prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.blog-page__pagination .prev,
.blog-page__pagination .next {
opacity: 0.5;
}
.blog-page__pagination .prev:hover,
.blog-page__pagination .next:hover {
opacity: 1;
}
.blog-page__pagination a {
color: #000;
}
.blog-page__pagination a:hover {
color: #8ea24e;
}
.blog-page__pagination .current {
color: #8ea24e;
}
.blog-page__recommend-posts .ttl-2 {
margin-bottom: 40px;
}
.blog-page-inner__content {
width: 800px;
max-width: 100%;
margin: 0 auto 110px;
}
.blog-page-inner__content .date {
margin-bottom: 60px;
opacity: 0.5;
}
.blog-page-inner__content .wp-block-image {
margin: 60px 0;
}
.blog-page-inner__content .wp-block-image img {
border-radius: 30px;
}
.blog-page-inner__content h2 {
font-size: 26px;
line-height: 1.15;
letter-spacing: -1px;
font-weight: 600;
color: #000;
margin: 40px 0 20px;
}
.blog-page-inner__content p {
margin-bottom: 15px;
}
.blog-page-inner .share-block {
margin-top: 60px;
}
.blog-page-inner .share-block .share-ttl {
margin-bottom: 15px;
opacity: 0.5;
}
.blog-page-inner .share-block .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.blog-page-inner .share-block a:hover {
opacity: 0.5;
}
.grecaptcha-badge {
visibility: hidden !important;
}
mark {
font-weight: normal;
font-style: normal;
}
.green-block {
background-color: #8ea24e;
padding: 25px 30px;
border-radius: 20px;
color: #fff;
margin: 60px 0;
}
.green-block__ttl {
margin-bottom: 20px;
font-size: 26px;
font-weight: 600;
line-height: 30px; letter-spacing: -1px;
}
.green-block__item .t1 {
margin-bottom: 10px;
color: #EFFCC6;
font-size: 14px;
font-weight: 500;
line-height: 20px; letter-spacing: -0.5px;
}
.green-block__item .t2 p {
font-size: 20px;
font-weight: 600;
line-height: 24px; letter-spacing: -0.769px;
margin: 0;
color: #fff;
}
.green-block__item:not(:last-child) {
margin-bottom: 20px;
}
.drop-menu-2-mobile {
display: none;
}
.equipment {
padding-top: 80px;
}
.equipment__hero {
margin-bottom: 80px;
}
.equipment__top-left .ttl-1 {
margin-bottom: 0;
}
.equipment__top-left,
.equipment__top-right {
width: calc(50% - 20px);
}
.equipment__items {
display: grid;
gap: 40px;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 120px;
}
.equipment__item {
border-radius: 30px;
}
.equipment__item.green {
background-color: #8ea24e;
padding: 30px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.equipment__item.green .top-text {
margin-bottom: 20px;
}
.equipment__item.green .text {
margin-top: auto;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.8px;
}
.equipment__item.green .smile {
margin-bottom: 15px;
}
.equipment__item.green .gray,
.equipment__item.equip.open .descr {
color: #effcc6;
}
.equipment__item.equip {
border-radius: 30px;
overflow: hidden;
position: relative;
cursor: pointer;
z-index: 2;
background-color: #f4f4f4;
transition: all .5s;
}
.equipment__item.equip .equip-inner {
padding: 30px;
}
.equipment__item.equip .arr {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
opacity: 0.5;
}
.equipment__item.equip:hover {
background-color: #8ea24e;
}
.equipment__item.equip .name,
.equipment__item.equip .descr {
transition: all .3s;
}
.equipment__item.equip:hover .name,
.equipment__item.equip:hover .descr {
color: #fff;
}
.equipment__item.equip:hover .photo img {
transform: scale(1);
}
.equipment__item.equip .photo {
border-radius: 30px;
overflow: hidden;
position: relative;
}
.equipment__item.equip .photo img {
width: 100%;
height: 100%;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.1);
transition: all 2s;
}
.equipment__item.equip .name {
margin-bottom: 15px;
color: #000;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.8px;
line-height: 1.2;
margin-top: auto;
}
.equipment__item.equip .descr {
color: rgba(0,0,0,0.5);
position: relative;
}
.equip-modal.modal {
width: 1440px;
background-color: transparent;
}
.equip-modal__col {
width: calc(50% - 20px);
height: 625px;
background-color: #ffffff;
border-radius: 30px;
overflow: hidden;
position: relative;
}
.equip-modal.modal.fancybox__content > .f-button.is-close-btn {
top: 60px;
right: 60px;
}
.equip-modal__slider {
height: 100%;
}
.equip-modal__slider .image {
width: 100%;
height: 100%;
}
.equip-modal__slider .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.equip-modal__slider-arrs .prev-arr,
.equip-modal__slider-arrs .next-arr {
position: absolute;
z-index: 2;
opacity: 0.5;
transition: all .5s;
cursor: pointer;
}
.equip-modal__slider-arrs .prev-arr:hover,
.equip-modal__slider-arrs .next-arr:hover  {
opacity: 1;
}
.equip-modal__slider-arrs .prev-arr {
bottom: 40px;
right: 84px;
}
.equip-modal__slider-arrs .next-arr {
bottom: 40px;
right: 40px;
}
.fancybox__container {
--fancybox-bg: rgba(24, 24, 27, 0.7);
}
.equip-modal__right-content {
display: flex;
flex-direction: column;
padding: 40px;
width: 100%;
height: 100%;
overflow: auto;
}
.equip-modal__right .ttl {
margin-bottom: 40px;
color: #1F1F1F;
font-size: 50px;
font-weight: 600;
line-height: 1;
letter-spacing: -2.5px;
}
.equip-modal__right .t2 {
color: rgba(31, 31, 31, 0.80);
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: -0.5px;
margin-bottom: 40px;
}
.equip-modal__right .t2 .gray {
color: rgba(31, 31, 31, 0.50);
}
.equip-modal__right .descr {
margin-top: auto;
}
.equip-modal__right .descr p {
color: #1F1F1F;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.769px;
margin-bottom: 20px;
}
.equip-modal__right .descr p:last-child {
margin-bottom: 0;
}
.equip-modals {
display: none;
}
.cookie-modal {
position: fixed;
width: 1360px;
max-width: calc(100% - 40px);
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: none;
justify-content: center;
}
.cookie-modal__wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
background-color: #f4f4f4;
border-radius: 20px;
padding: 20px;
box-shadow: 10px 15px 30px rgba(25,47,67,0.14);
}
.cookie-button {
flex-shrink: 0;
}
.cookie-text {
margin: 0;
}
.cookie-text a {
color: #8ea24e;
}
.cookie-text a:hover {
color: #000000;
} @media (max-width: 1440px) {
.about-page__hero-gallery {
margin: 0 calc(((100vw - 40px) / 2 * -1)) 120px;
padding: 0 calc(((100vw - 40px) / 2));
}
.our-team__item.person {
height: 30vw;
}
}
@media (max-width: 1360px) {
.slider-section__bot-slides .item {
width: 140px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.hero__item .ttl {
font-size: 18px;
}
.hero__item-wrap {
padding: 25px;
}
.hero__item {
min-height: 170px;
}
.slider-section__bot-slides {
overflow: auto;
}
.about-page__textblock .video-icon {
right: -200px;
}
.our-team__ttl {
font-size: 12vw;
letter-spacing: -0.7vw;
margin-bottom: 120px;
}
.about-page {
margin-bottom: 120px;
}
.our-team__item.person .posada .more-info,
.our-team__item.person .name,
.our-team__item.person .posada {
padding: 0 20px;
}
.our-team__item.person .description {
padding-left: 20px;
padding-right: 20px;
}   .our-team__item.green .text,
.our-team__item.person .description {
font-size: 18px;
}
.our-team__item.person .back-side .description {
font-size: 18px;
}
.our-team__item.person .photo {
margin-bottom: 20px;
}
.our-team__item.person .name {
margin-bottom: 10px;
}
.our-team__item.big-text {
padding: 0;
}
.about-page__hero-gallery {
margin-bottom: 80px;
gap: 20px;
}
}
@media (max-height: 800px) {
.hero__wrap {
min-height: 650px;
}
}
@media (max-width: 1200px) {
.hero__wrap {
min-height: 580px;
}
.wrapper,
.blog-home__top {
padding: 0 20px;
}
.hero__wrap {
padding: 20px;
}
.header__langs {
margin-right: 15px;
}
.header__search-btn {
margin-right: 7px;
}
.header__menu li {
margin: 0 15px;
}
.hero__text1,
.hero__text3 {
margin-top: 10px;
}
.hero-info__left,
.hero-info__right {
padding: 0 20px;
}
.hero,
.hero-info {
margin-bottom: 80px;
}
.block-w50 {
width: calc(50% - 10px);
padding: 30px;
min-height: 540px;
}
.consult,
.slider-section {
margin-bottom: 20px;
}
.slider-section__wrap {
min-height: 560px;
padding: 20px;
}
.technol .white-info-block {
bottom: 20px;
left: 20px;
}
.home-cont__line1 .col:last-child {
text-align: right;
}
.footer {
padding-top: 80px;
}
.header__drop-menu-type1,
.header__drop-menu-type2 {
gap: 25px;
}
.header__drop-menu-type1 li,
.header__drop-menu-type2 li {
width: calc(25% - 20px);
}
.header__drop-menu-type1 li a,
.header__drop-menu-type2 li a {
line-height: 1.1;
}
.header__drop-menu-type1 .li-empty,
.header__drop-menu-type2 .li-empty {
display: none;
}
.footer__services ul,
.footer__main-line {
gap: 20px;
}
.footer__services li,
.footer__main-line li,
.footer__main-line-item {
width: calc(20% - 16px);
}
.footer__socs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__socs .socs {
padding-top: 5px;
}
.services-page .wrapper,
.other-services .wrapper,
.service-inner .ttl-1,
.service-inner__hero-left .description {
padding: 0 20px;
}
.service-inner.braces-template .info-text {
padding-left: 20px;
padding-right: 20px;
}
.service-inner__block .ttl .break {
display: inline-block;
}
.prices__item .name,
.prices__item .price {
font-size: 18px;
}
.prices__item {
min-height: 120px;
}
.prices__items {
gap: 20px;
}
.prices__tabs .tab_header {
margin-right: 20px;
}
.technol__block-slider {
max-height: 540px;
}
.blog-page__items {
gap: 20px;
}
.blog-home__top {
margin-bottom: 30px;
}
}
@media (max-width: 1080px) {
.our-team__item.person {
height: 40vw;
}
.hero__item-wrap,
.header__drop-menu-banners .bann {
padding: 20px 15px;
}
.hero__item .ttl {
font-size: 15px;
}
.hero__item {
min-height: 140px;
}
.hero__item .descr {
font-size: 13px;
}
.hero-info__right p,
.ttl-2,
.paragraphs p {
font-size: 22px;
}
.ttl-1 {
font-size: 44px;
}
.blog-home__items .item-wrap {
padding: 15px 20px;
}
.ttl-3 {
font-size: 18px;
}
.header__drop-menu-type1,
.header__drop-menu-type2 {
padding: 0 15px;
}
.header__drop-menu-banners .bann {
height: 240px;
border-radius: 18px;
}
.header__drop-menu-type1 li a {
font-size: 18px;
}
.about-page__textblock {
margin-bottom: 240px;
}
.about-page__textblock .video-icon {
right: -80px;
bottom: -170px;
}
.our-team__items,
.equipment__items {
grid-template-columns: repeat(3, 1fr);
}
.equip-modal__right .ttl {
font-size: 38px;
}
}
@media (max-width: 1000px) {
.services-page__items {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.services-page__items .text-cell {
grid-column: 1/3;
grid-row: 3/4;
padding: 0;
min-height: 1px;
}
.braces-template {
padding-top: 0;
}
.service-inner__hero-left .bot-part {
display: none;
}
.show-on-768px {
display: block;
}
.service-inner__blocks {
grid-template-columns: repeat(2, 1fr);
}
.service-inner.braces-template .info-text,
.prices {
padding-top: 20px;
}
.service-inner {
margin-bottom: 80px;
}
.service-inner__block {
padding: 20px;
}
.service-inner.braces-template .service-inner__block {
min-height: 160px;
}
.other-services .services-page__item {
height: 150px;
padding: 20px;
}
.service-inner .ttl-1 br {
display: none;
}
.service-inner .child-line1 .white-info-block {
width: 100%;
}
.service-inner .child-line2 .ttl-2 {
font-size: 22px;
}
.service-inner .child-line3 .block-w50 {
width: 100%;
margin-bottom: 40px;
}
.service-inner .child-line3 .block-w25 {
width: calc(50% - 20px);
}
.contacts__line1 .left,
.contacts__line2 .left,
.contacts__line1 .right,
.contacts__line2 .right,
.contacts__line1 .col,
.contacts__line2 .col {
padding: 0 20px;
}
.prices__tabs .tab_header {
min-width: 220px;
}
.prices__items {
grid-template-columns: repeat(2, 1fr);
}
.prices__head {
margin-bottom: 40px;
}
.blog-home__items .item .ttl-3 {
max-width: 185px;
}
.slider-section__bot-slides .item:hover .item-wrap,
.slider-section__bot .white-info-block:hover {
-webkit-transform: none;
transform: none;
}
}
@media (max-width: 940px) {
.header__langs {
margin-right: 5px;
}
.header__search-btn {
margin-right: 0;
}
.header__langs .active-item {
padding: 8px;
}
.hero__line2,
.blog-home__items {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
margin-right: -20px;
margin-left: -20px;
padding-left: 20px;
padding-right: 10px;
scrollbar-width: none;
}
.hero__line2::-webkit-scrollbar,
.blog-home__items::-webkit-scrollbar {
display: none;
}
.hero__item,
.blog-home__items .item {
width: 240px;
min-height: 150px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}
.hero__item .ttl {
font-size: 20px;
}
.hero__item .descr {
font-size: 14px;
}
.consult__block-float {
width: 220px;
}
.blog-home__items .item {
min-height: 167px;
}
.blog-home__items .item-wrap {
padding: 20px;
}
.blog-home__items .item-wrap:before {
background-color: #f8f8f8;
}
.blog-home__items .item:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.home-cont__line1 .ttl-1 {
font-size: 36px;
}
.home-cont__line2 .col .time-cols .item:first-child {
margin-right: 20px;
}
.home-cont .block-w50 { min-height: 387px;
}
.hero__wrap {
min-height: 500px;
}
.header__search {
width: 320px;
}
.technol .white-info-block {
width: 240px;
}
.technol .white-info-block .ttl-2 {
max-width: calc(100% - 20px);
}
.technol__slider .swiper-buttons {
gap: 10px;
bottom: 20px;
right: 20px;
}
.our-team__item.green {
padding: 20px;
}
.about-page__hero-gallery .item {
height: 400px;
}
.about-page__textblock .video-icon {
right: -20px;
}
.blog-page__item {
padding: 0 20px 20px;
border-radius: 20px;
}
.blog-page__item .image {
margin: 0 -20px 20px;
border-radius: 20px;
}
.blog-page__item .ttl,
.blog-page__item .descr {
margin-bottom: 10px;
}
.blog-page__item .ttl {
font-size: 16px;
}
.equipment__item.empty {
display: none;
}
.equipment__items {
gap: 20px;
}
.equip-modal.modal {
padding: 20px;
}
.equip-modal__col {
width: 100%;
margin-bottom: 20px;
}
.equip-modal__row {
flex-wrap: wrap;
}
.equip-modal__left {
height: 400px;
}
.equip-modal.modal.fancybox__content > .f-button.is-close-btn {
top: 40px;
right: 40px;
background-color: transparent;
}
.equip-modal__right {
height: auto;
}
}
@media (max-width: 820px) {
.equipment__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.trp_language_switcher_shortcode {
margin-right: 10px;
}
.ttl-1 {
font-size: 38px;
letter-spacing: -1.5px;
}
.ttl-2 {
font-size: 22px;
}
.services-page__item {
padding: 20px;
}
.services-page__items .grid-cell {
min-height: 170px;
}
.service-inner__hero {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.service-inner__hero-left,
.service-inner__hero-right {
width: 100%;
}
.service-inner__hero-img {
height: 350px;
}
.service-inner__hero-right {
margin-bottom: 20px;
}
.service-inner.braces-template .info-text {
width: 100%;
}
.service-inner__hero-left .txt-block {
margin-top: 20px;
}
.service-inner__hero-left .txt-block .ttl-2 {
margin-top: 40px;
margin-bottom: 20px;
}
.service-inner__hero {
margin-bottom: 20px;
}
.service-inner__block .ttl {
font-size: 22px;
}
.service-inner__blocks {
gap: 20px 20px;
}
.service-inner {
padding-top: 20px;
}
.service-inner__hero-left .add-text {
margin-top: 20px;
}
.service-inner {
margin-bottom: 60px;
}
.service-inner .child-line1 {
min-height: 400px;
padding: 20px;
}
.service-inner .child-line1 .white-info-block {
padding: 20px;
}
.service-inner .child-line2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
}
.service-inner .child-line2 .block-w50 {
width: 100%;
min-height: 400px;
padding: 30px 20px;
}
.service-inner .child-line2 .block-w50 p:last-child {
margin-bottom: 0;
}
.service-inner .child-line3 .block-w25 {
width: calc(50% - 10px);
min-height: 500px;
}
.textpage h1 {
font-size: 38px;
margin-bottom: 20px;
line-height: 1.1;
}
.textpage {
padding-top: 20px;
}
.textpage h2 {
font-size: 24px;
margin-top: 30px;
}
.textpage .date,
.contacts__line1 {
margin-bottom: 40px;
}
.contacts__line1 .left,
.contacts__line2 .left,
.contacts__line1 .right,
.contacts__line2 .right,
.contacts__line1 .col,
.contacts__line2 .col {
padding: 0;
width: calc(50% - 5px);
}
.contacts__map .tab_content {
height: 480px;
}
.contacts__map .tab_header {
left: 20px;
bottom: 20px;
}
.contacts__map .tab {
width: 210px;
padding: 20px;
}
.contacts__map .tab .worktime {
gap: 20px;
}
.prices__tabs .tab_header .tab {
font-size: 16px;
margin-bottom: 15px;
}
.prices__tabs .tab_header .oplata {
display: none;
}
.prices__tabs .tab_header {
min-width: 200px;
}
.prices__items {
grid-template-columns: 1fr;
}
.prices .oplata-mob {
display: block;
margin-top: 40px;
}
.header__logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.header .hamb-icon {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.header__right {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.header__menu,
.header__search-btn,
.header__langs,
.header__search {
display: none;
}
.header {
padding: 20px 0;
}
.header > .wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__right,
.header__logo {
margin: 0;
}
.header__booking .btn {
width: 40px;
height: 40px;
padding: 0;
background: url(//anidi.com.ua/wp-content/themes/anidi/img/icons/book-header.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.header__booking .btn span,
.header__booking .btn:before {
display: none;
}
.hero__text3 {
text-align: right;
}
.hero-info__wrap,
.consult__wrap,
.technol__wrap,
.home-cont__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hero-info__left,
.hero-info__right,
.consult__block,
.technol__wrap .block-w50,
.home-cont__wrap .block-w50 {
width: 100%;
}
.hero-info__left,
.consult__smile,
.technol__block2 .all-equip,
.home-cont__block1,
.home-cont__line1 {
margin-bottom: 40px;
}
.consult__block-left,
.technol__block-slider,
.technol__block2.block-w50,
.home-cont .home-cont__block1 {
min-height: 100px;
margin-bottom: 20px;
}
.slider-section .white-info-block {
width: 230px;
}
.technol {
margin-bottom: 60px;
}
.smile-text {
text-align: right;
}
.footer__services li,
.footer__main-line li,
.footer__main-line-item {
width: calc(33.33% - 16px);
}
.header__drop-menu {
top: 90px;
}
.header__drop-menu-type1 li,
.header__drop-menu-type2 li {
width: calc(50% - 20px);
}
.header__drop-menu-banners .bann {
width: calc(50% - 10px);
height: 200px;
}
.header__drop-menu-banners .bann p {
max-width: 100%;
}
.header__drop-menu-banners .bann p br {
display: none;
}
.header__drop-menu-type1,
.header__drop-menu-type2 {
margin-bottom: 40px;
}
.header__drop-menu {
padding: 10px 0 20px;
}
.hero__wrap {
background-color: #f6f6f6;
}
.hero .parallax-img-container img {
height: 90%;
bottom: -10%;
}
.footer__main-line {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__main-line-item:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__main-line-item:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__main-line-item:nth-child(4) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__main-line-item.footer__copy {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.footer__main-line-item.footer__socs {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.home-cont__line1 .col:nth-child(1) {
width: 60%;
}
.home-cont__line1 .col:nth-child(2) {
width: 40%;
}
.header .hamb-icon {
margin-left: 8px;
}
.header .hamb-icon:before {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header__drop-menu-search {
display: block;
padding: 0 15px;
margin-bottom: 50px;
}
.header__drop-menu-search .input-wrap {
height: 40px;
background-color: #f4f4f4;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__drop-menu-search .input-wrap.active .icon {
display: none;
}
.header__drop-menu-search .input-wrap.active input {
width: 100%;
text-align: center;
}
.header__drop-menu-search .input-wrap .icon {
margin-right: 10px;
}
.header__drop-menu-search .input-wrap input {
height: 40px;
width: 50px;
background: none;
border: none;
font-weight: 500;
font-size: 14px;
letter-spacing: -0.5px;
-webkit-transition: none;
transition: none;
}
.technol__slider .swiper-buttons {
gap: 20px;
}
.about-page__about-child {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-w50 {
width: 100%;
margin-bottom: 20px;
}
.about-page__textblock .ttl-1 {
font-size: 40px;
}
.about-page__textblock,
.about-page,
.our-team__ttl,
.our-team {
margin-bottom: 60px;
}
.about-page__textblock .video-icon {
position: static;
margin: 20px auto 0;
}
.our-team__items {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.our-team__item.empty {
display: none;
}
.search-page__left,
.search-page__right {
width: 100%;
}
.search-page__left {
margin-bottom: 40px;
}
.search-page__left .ttl-1 {
margin-bottom: 20px;
}
.blog-page__items {
grid-template-columns: repeat(2, 1fr);
}
.equipment__item.green .text {
word-wrap: break-word;
}
.blog-page {
padding-top: 20px;
padding-bottom: 60px;
}
.blog-home__top-left .ttl-1 {
margin: 0;
}
.our-team__item.person {
height: 63vw;
}
.drop-menu-2-mobile {
display: block;
}
#menu-drop-menu-2-ukr {
display: none;
}
.equip-modal__right-content {
padding: 30px;
}
.equip-modal__right .ttl {
font-size: 34px;
}
}
@media (max-width: 600px) {
.header__drop-menu {
overflow: auto;
max-height: calc(100vh - 140px);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.header__drop-menu-banners {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header__drop-menu-banners .bann {
width: 100%;
}
.header__drop-menu-banners .bann:first-child {
margin-bottom: 20px;
}
.hero__wrap,
.equipment__item.equip {
border-radius: 20px;
}
.home-cont .block-w50 {
min-height: 380px;
}
.modal {
padding: 30px 20px;
}
.modal.fancybox__content > .f-button.is-close-btn {
background: none;
}
.about-page {
padding-top: 20px;
}
.blog-page__pagination {
gap: 20px;
margin-top: 30px;
}
.green-block__item .t2 p {
font-size: 18px;
}
.equipment__hero-top {
flex-wrap: wrap;
}
.equipment__top-left {
margin-bottom: 20px;
}
.equipment__top-left,
.equipment__top-right {
width: 100%;
}
.equipment {
padding-top: 40px;
}
.equipment__hero {
margin-bottom: 40px;
}
.equipment__item.equip .equip-inner,
.equipment__item.green {
padding: 20px;
}
.equipment__item.green .text {
font-size: 18px;
}
.cookie-modal__wrap {
flex-direction: column;
}
}
@media (max-width: 519px) {
.services-page__h1 {
margin-bottom: 40px;
}
.ttl-1 {
font-size: 34px;
}
.services-page__items {
display: block;
}
.services-page__items .grid-cell {
min-height: initial;
margin-bottom: 20px;
}
.services-page__item {
min-height: 200px;
}
.service-inner__hero-img {
height: 250px;
}
.service-inner .ttl-1,
.service-inner__hero-left .description {
padding: 0;
}
.service-inner__blocks {
grid-template-columns: 1fr;
}
.service-inner.braces-template .service-inner__block {
min-height: 140px;
}
.service-inner__blocks .w50 {
grid-column: auto;
}
.other-services__top {
margin-bottom: 20px;
}
.service-inner__block {
min-height: 175px;
}
.service-inner {
padding-top: 0;
}
.service-inner .ttl-1 {
margin-bottom: 20px;
}
.service-inner.child-template .ttl-1 {
margin-bottom: 30px;
}
.block-w50 {
padding: 20px;
min-height: 420px;
}
.service-inner .child-line3 .block-w25 {
min-height: 420px;
}
.contacts__line1 .left,
.contacts__line2 .left,
.contacts__line1 .right,
.contacts__line2 .right,
.contacts__line1 .col,
.contacts__line2 .col {
width: 100%;
}
.contacts__line1,
.contacts__line2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts__line1 .ttl-1 {
margin-bottom: 20px;
}
.contacts__map .tab_header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts__map .tab {
width: 240px;
margin-top: 20px;
}
.contacts__map .tab_content {
height: 650px;
}
.contacts__line2 .col {
margin-bottom: 60px;
}
.prices__tabs .tabs-wrapper {
display: block;
}
.prices__tabs .tab_header {
width: 100%;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 15px;
margin-bottom: 20px;
}
.prices__tabs .tab_header .tab {
margin-bottom: 0;
}
.prices__items {
grid-template-columns: repeat(2, 1fr);
}
.prices__item {
padding: 20px;
min-height: 100px;
}
.prices__item .name,
.prices__item .price {
font-size: 16px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.prices__tabs .tab_header .tab .sale .tooltip {
-webkit-transform: translate(0%, -100%);
transform: translate(0%, -100%);
}
.prices__tabs .tab_header .tab .sale:hover .tooltip {
-webkit-transform: translate(0%, -110%);
transform: translate(0%, -110%);
} .blog-page-inner .share-block {
margin-top: 30px;
}
.blog-page__recommend-posts .ttl-2 {
margin-bottom: 20px;
}
.blog-page-inner__content {
margin-bottom: 60px;
}
.blog-page-inner__content .ttl-1 {
margin-bottom: 20px;
}
.blog-page-inner__content .date {
margin-bottom: 40px;
}
.blog-page-inner__content .wp-block-image {
margin: 30px 0;
}
}
@media (max-width: 480px) {
.wrapper,
.blog-home__top {
padding: 0 10px;
}
.hero__line1 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.hero__line1-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero__text1 {
margin-top: 20px;
margin-bottom: 25px;
text-align: center;
}
.hero__text2 {
text-align: center;
margin-bottom: 245px;
}
.hero__bg-mobile {
display: block;
}
.hero__bg-desktop {
display: none;
}
.hero__wrap {
background-color: #f5f5f5;
}
.hero .parallax-img-container img {
bottom: 0;
height: 100%;
}
.hero__bg {
top: auto;
bottom: 0;
height: 100vw;
}
.hero__line1-left {
width: 100%;
}
.hero__text2 {
margin-bottom: 65vw;
}
.hero,
.hero-info {
margin-bottom: 50px;
}
.hero-info__left,
.hero-info__right {
padding: 0 10px;
}
.ttl-2 {
font-size: 20px;
}
.block-w50 {
padding: 30px;
border-radius: 20px;
min-height: 496px;
}
.hero-info__left,
.technol__block2 .all-equip,
.home-cont__block1,
.home-cont__line1 {
margin-bottom: 35px;
}
.hero-info__right p,
.paragraphs p {
font-size: 20px;
margin-bottom: 25px;
}
.consult__smile {
margin-bottom: 30px;
}
.consult__text1 {
margin-bottom: 15px;
}
.consult__block-left,
.technol__block-slider,
.technol__block2.block-w50,
.home-cont .home-cont__block1 {
margin-bottom: 10px;
}
.consult__block-float {
border-radius: 15px;
width: 240px;
padding: 20px;
}
.consult__block-float .ttl-2 {
margin-bottom: 20px;
}
.consult__block-right {
padding: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.slider-section__bot-slides {
overflow: visible;
gap: 10px;
}
.slider-section__bot {
overflow: auto;
padding: 0 10px;
margin: 0 -10px;
scrollbar-width: none;
}
.slider-section__bot::-webkit-scrollbar {
display: none;
}
.slider-section .white-info-block {
padding: 20px;
width: 220px;
min-height: 150px;
border-radius: 15px;
}
.white-info-block .ttl-2 {
max-width: 150px;
}
.slider-section__wrap {
padding: 10px;
}
.slider-section__bot-slides .item {
height: 150px;
width: 130px;
border-radius: 15px;
}
.slider-section__bot .white-info-block {
margin-right: 10px;
}
.slider-section__bot-slides .item,
.slider-section__bot-slides .item-wrap {
border-radius: 15px;
}
.technol__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.technol__block-slider {
height: 396px;
}
.footer {
padding: 50px 0;
}
.footer__services ul {
display: block;
}
.footer__services ul li,
.footer__main-line li {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.footer__services ul a,
.footer__main-line a {
font-size: 16px;
font-weight: 500;
letter-spacing: -0.5px;
color: #000;
background-clip: initial;
background: none;
-webkit-text-fill-color: initial;
}
.footer__services {
margin-bottom: 60px;
}
.footer__main-line-item {
width: 100%;
text-align: center;
}
.footer__main-line-item a {
font-size: 14px;
}
.footer__main-line-item.footer__copy {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.footer__main-line-item.footer__socs {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
padding: 30px 0;
display: block;
}
.footer__main-line-item.footer__socs span {
display: block;
text-align: center;
margin-bottom: 20px;
margin-right: 0;
}
.footer__main-line-item.footer__socs .socs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__main-line-item.footer__socs .socs a {
opacity: 1;
}
.service-inner .child-line3 .block-w25 {
width: calc(50% - 5px);
}
.service-inner__block {
min-height: 130px;
}
.our-team__items {
grid-template-columns: 1fr;
}
.our-team__item.big-text {
grid-column: 1;
}
.about-page__hero-gallery .item {
height: 260px;
}
.about-page__hero-gallery {
gap: 10px;
}
.about-page__textblock .ttl-1 {
font-size: 34px;
}
.blog-page__items {
grid-template-columns: 1fr;
}
.blog-page__item .ttl {
font-size: 20px;
}
.our-team__item.person {
height: 115vw;
}
.equipment__items {
grid-template-columns: 1fr;
}
.equip-modal.modal.fancybox__content > .f-button.is-close-btn {
top: 30px;
right: 30px;
}
.equip-modal__col {
border-radius: 20px;
}
}
@media (max-width: 420px) {
.services-page__item {
min-height: 180px;
}
.ttl-2 {
font-size: 20px;
}
.services-page .wrapper {
padding: 0 10px;
}
.services-page__items .grid-cell {
margin-bottom: 20px;
}
.services-page__items .text-cell {
padding: 20px 0;
}
.consult__block-float {
width: 230px;
}
.services-page,
.contacts {
padding-top: 20px;
}
.prices__tabs .tab_header .tab {
font-size: 14px;
}
.prices__item .name,
.prices__item .price {
font-size: 14px;
}
.prices__item {
padding: 15px;
min-height: 60px;
}
.prices__items {
gap: 10px;
}
.technol__slider .swiper-buttons {
display: none;
}
.technol .white-info-block {
width: calc(100% - 20px);
left: 10px;
bottom: 35px;
min-height: 158px;
padding: 20px;
}
.technol__slider .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 3;
}
.technol__slider .swiper-pagination .swiper-pagination-bullet {
width: 5px;
height: 5px;
border-radius: 50%;
border: 1px solid rgba(0,0,0,0.2);
}
.technol__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
background: #000;
}
.blog-home__top,
.home-cont__line1 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.blog-home__top-right,
.home-cont__line1 .col:last-child {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.blog-home__top {
margin-bottom: 25px;
}
.blog-home {
margin-bottom: 50px;
}
.home-cont__line1 .col {
width: 100% !important;
}
.home-cont__line2 .col .time-cols .item:first-child {
margin-right: 40px;
}
.home-cont__line2 {
display: block;
}
.home-cont__line2 .col .time-cols {
margin-bottom: 30px;
}
.header__drop-menu-type1 li,
.header__drop-menu-type2 li {
width: 100%;
text-align: center;
}
.header__drop-menu-type1 {
gap: 15px;
}
.header__drop-menu-type2 {
gap: 20px;
}
.header__drop-menu-mob-langs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 34px;
margin-bottom: 50px;
}
.header__drop-menu-mob-langs a {
text-transform: uppercase;
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: #000;
}
.header__drop-menu-mob-langs a.active {
opacity: 0.6;
}
.header__drop-menu-banners .bann {
height: 300px;
padding: 30px;
}
.header__drop-menu-banners .bann.implant {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/implant-bg-mob.jpg);
}
.header__drop-menu-banners .bann.consultation {
background-image: url(//anidi.com.ua/wp-content/themes/anidi/img/first-consult-bg-mob.jpg);
}
.header__drop-menu-banners .bann p {
max-width: 140px;
}
.header__drop-menu {
max-height: calc(100svh - 91px);
border-radius: 0;
}
.header__drop-menu {
padding: 10px 0;
}
.header__drop-menu-banners .bann:first-child {
margin-bottom: 10px;
}
.hero__line2,
.blog-home__items {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 0;
}
.blog-home__items {
margin-left: -10px;
margin-right: -10px;
}
.hero__wrap {
padding: 30px 10px 10px;
}
.hero__text3 {
margin-top: 0;
}
.consult__block-left {
min-height: 100px;
}
.parallax-img-container img {
height: 115%;
}
.about-page__hero-gallery {
margin-bottom: 40px;
}
.about-page__textblock .ttl-1 {
font-size: 28px;
}
}
@media (max-width: 370px) {
.wrapper,
.blog-home__top,
.other-services .wrapper {
padding: 0 10px;
}
.service-inner__block,
.service-inner.braces-template .info-text {
padding: 20px 10px;
}
.service-inner {
margin-bottom: 40px;
}
.service-inner .child-line2 .block-w50 {
padding: 30px 10px;
}
.service-inner .child-line3 .block-w25 {
width: 100%;
margin-bottom: 10px;
}
.service-inner .child-line3 .block-w50,
.service-inner .child-line1 {
margin-bottom: 20px;
}
}