/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
   line-height: 1.15;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
}

/* Sections
    ========================================================================== */

/**
  * Remove the margin in all browsers.
  */

body {
   margin: 0;
}

/**
  * Render the `main` element consistently in IE.
  */

main {
   display: block;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */

/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */

hr {
   box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

pre {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
}

/* Text-level semantics
    ========================================================================== */

/**
  * Remove the gray background on active links in IE 10.
  */

a {
   background-color: transparent;
   color: inherit;
}

/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */

abbr[title] {
   border-bottom: none;
   /* 1 */
   text-decoration: underline;
   /* 2 */
   text-decoration: underline dotted;
   /* 2 */
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */

b,
strong {
   font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

code,
kbd,
samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */

small {
   font-size: 80%;
}

/**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */

sub,
sup {
   font-size: 75%;
   line-height: 1.15;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
    ========================================================================== */

/**
  * Remove the border on images inside links in IE 10.
  */

img {
   border-style: none;
}

/* Forms
    ========================================================================== */

/**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   line-height: 1.15;
   /* 1 */
   margin: 0;
   /* 2 */
}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */

button,
input {
   /* 1 */
   overflow: visible;
}

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */

button,
select {
   /* 1 */
   text-transform: none;
}

/**
  * Correct the inability to style clickable types in iOS and Safari.
  */

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

/**
  * Remove the inner border and padding in Firefox.
  */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
  * Restore the focus styles unset by the previous rule.
  */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
  * Correct the padding in Firefox.
  */

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */

legend {
   box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
}

/**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */

progress {
   vertical-align: baseline;
}

/**
  * Remove the default vertical scrollbar in IE 10+.
  */

textarea {
   overflow: auto;
}

/**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */

[type="checkbox"],
[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */

[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
}

/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */

::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
}

/* Interactive
    ========================================================================== */

/*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */

details {
   display: block;
}

/*
  * Add the correct display in all browsers.
  */

summary {
   display: list-item;
}

/* Misc
    ========================================================================== */

/**
  * Add the correct display in IE 10+.
  */

template {
   display: none;
}

/**
  * Add the correct display in IE 10.
  */

[hidden] {
   display: none;
}

/* --------------------custom------------------------------ */
ul,
ol {
   margin: 0;
}

a {
   text-decoration: none;
}

/* a:visited {
   color: inherit;
} */


body {
   line-height: 1.15;
   font-size: 100%;
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

input,
textarea {
   outline: none !important;
}

p {
   margin: 0;
}

/* ===============================END RESET====================================================== */

html {
   scroll-behavior: smooth;
}
p{
	line-height:30px;
}
#preloader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99999;
}

#preloader.hide-preloader {
   display: none;
}

.wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
   background-color: #CCD6DB;
   font-family: "Montserrat", sans-serif;
   font-size: 16px;
}

.container {
   max-width: 1120px;
   margin: 0 auto;
   position: relative;
}


/* ===========================================header=============================================== */

header {
   color: #fff;
}

.header-top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 25px;
   border-bottom: 1px solid #fff;
   padding-bottom: 20px;
}

.header-top-right {
   display: flex;
   justify-content: end;
   align-items: center;

}

.departur {
   display: flex;
   align-items: center;
}

.departur img {
   margin-right: 18px;
}

.phone {
   margin: 0 0 0 100px;

}

.phone-number {
   display: flex;
   align-items: center;
}

.phone img {
   margin-right: 5px;
}
/*
.lang a:first-child {
   border-right: 1px solid #fff;
   padding: 2px 10px 2px 0;
}
*/
.lang {
   font-weight: 700;
   display: none;
}
/*
.lang a:last-child {
   padding-left: 6px;
}
*/
.header-bottom {
   margin-top: 14px;
}

.navigation {
   display: flex;
   align-items: center;
   font-family: 'Andika';
   line-height: 1.15;
}

.navigation li {
   margin-right: 40px;
   padding-bottom: 30px;
   position: relative;
   list-style: none;
}

.navigation li::before {
   position: absolute;
   bottom: 22px;
   content: " ";
   border-bottom: 1px solid #fff;
   transform: scale(0, 1);
   width: 100%;
   transition: transform 0.6s;
}

.navigation li:hover::before {
   transform: scale(1, 1);
}

.sub-menu li::before {
   transform: scale(0, 0);
}

.sub-menu li:hover::before {
   transform: scale(0, 0);
}

.sub-menu li .navigation li:last-child {
   margin-right: 0;
}

.menu-item-52 {
   position: relative;
}

.menu-item-52 a {
   padding-right: 25px;
   pointer-events: none;
}
.menu-item-52 .sub-menu a{
    pointer-events: auto;
}
.menu-item-52::after {
   content: '';
   position: absolute;
   width: 9px;
   height: 5px;
   background-image: url(../img/arrow-bottom.svg);
   top: 8px;
   right: 3px;
}

.menu-item-52:hover .sub-menu {
   display: block;
}

.menu-header .sub-menu {
   display: none;
   position: absolute;
   padding: 20px;
   background-color: #763E63;
   white-space: nowrap;
   top: 45px;
   z-index: 9999999;
}

.menu-header .sub-menu::before {
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   top: -15px;
   left: 12px;
   border-style: solid;
   border-width: 0 15px 20px 15px;
   border-color: transparent transparent #763e63 transparent;
}

.menu-header .sub-menu li {
   margin-bottom: 10px;
   margin-right: 0;
   padding-bottom: 0;
   left: 0;
   transition: 0.3s;
}

.menu-header .sub-menu li:hover {
   left: 4px;
   transition: 0.3s;
}

.sub-menu li:last-child {
   margin-bottom: 0;
}

.header-bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.social-header {
   display: flex;
   align-items: center;
   padding-bottom: 30px;
}

.social-header a {
   margin-left: 20px;
}



/* ==============================================================index================================================================ */

.main-slider {
   position: relative;
}

.main-slider .slick-track {
   display: flex;
}

.slider-text-block {
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translateY(-50%);
   color: #fff;
}

.main-slider img {
   width: 100%;
   height: 600px;
   object-fit: cover;
}

.main-button {
   font-family: 'Andika';
   padding: 13px 30px 16px 30px;
   background: linear-gradient(180deg, #049CB3 0%, rgba(4, 156, 179, 0) 114%);
   border-radius: 25px;
   margin-top: 50px;
   display: inline-block;
}

.main-button:hover {
   background: linear-gradient(180deg, #763E63 0%, rgba(118, 62, 99, 0) 127%);
}

.main-slider .slick-dots {
   display: flex;
   position: absolute;
   left: 50%;
   bottom: 20px;
   transform: translateX(-50%);
   z-index: 999999;
   padding: 0;
   margin: 0;
   font-size: 0;
}



.main-slider .slick-dots li {
   width: 15px;
   height: 15px;
   border-radius: 50px;
   background: #D3D3D3;
   cursor: pointer;
   margin-right: 15px;
}

.main-slider .slick-dots li:last-child {
   margin-right: 0;
}

.main-slider li.slick-active {
   background: #4B5363;
}

.main-slider .slick-dots button {
   border: 0;
   width: 0;
   height: 0;
   padding: 0;
   margin: 0;
}

section {
   margin-top: 100px;
}

.title h2 {
   font-family: 'Mulish';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   margin: 0 20px;
   text-align: center;
}
.slider-text-block h2, .slider-text-block h1{
    font-size: 40px;
    font-weight: bold;
    margin: 0.67em 0;
    margin-bottom: 40px;
    text-align: left;
}
.title {
   text-align: center;
   display: flex;
   justify-content: space-between;
   align-items: center;
   white-space: nowrap;
}

.line {
   width: 100%;
   height: 1px;
   background-color: #616063;
   position: relative;
   top: 4px;
}

.services-row {
   display: flex;
   justify-content: space-between;
   text-align: center;
   margin-top: 50px;
}

.service {
   background: #232F47;
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
   border-radius: 10px;
}

.img-box {
   overflow: hidden;
   border-radius: 10px 10px 0px 0px;
}

.service img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px 10px 0px 0px;
   transition: 1s;
}

.services-row .service {
   margin-right: 20px;
}

.services-row .service:last-child {
   margin-right: 0px;
}

.service img:hover {
   transform: scale(1.1);
   transition: 1s;
}

.service p {
   font-weight: 700;
   font-size: 16px;
   padding: 20px 0;
   color: #fff;
}

.how-to-use-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 50px;
   position: relative;
}

.how-to-use-item {
   display: flex;
   align-items: center;
   border-radius: 10px;
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
   background-color: #fff;
   width: 250px;
   height: 130px;
   overflow: hidden;
   position: relative;
   z-index: 4;
}

.how-to-use-item span {
   padding: 0 25px;
   background: linear-gradient(90deg, #049CB3 0%, rgba(4, 156, 179, 0) 322.08%);
   border-radius: 10px 0px 0px 10px;
   width: 77px;
   display: flex;
   height: 100%;
   align-items: center;
   font-family: 'Andika';
   font-size: 36px;
   color: #FFFFFF;
}

.how-to-use-item p {
   background-color: #fff;
   height: 100%;
   padding: 10px;
   font-size: 14px;
   line-height: 19px;
}

.items-line {
   width: 100%;
   height: 1px;
   background-color: #616063;
   position: absolute;
}

.portfolio-slider .slick-track {
   display: flex;
   justify-content: space-around;
}

.portfolio-slider .slick-list {
   overflow: hidden;
}

.portfolio-slider {
   margin-top: 50px;
}

.slider-container {
   max-width: 1240px;
   margin: 0 auto;
   position: relative;
}

.portfolio-slider-item {
   max-width: 500px;
   max-height: 250px;
}

.portfolio-slider-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.portfolio-slider .slick-arrow {
   position: absolute;
   top: 34%;
   z-index: 999999;
   font-size: 0;
   border: 0;
   padding: 0;
   margin: 0;
   width: 50px;
   height: 50px;
   background-color: inherit;
   cursor: pointer;
}

.portfolio-slider .slick-prev {
   left: -20px;
   background-image: url(../img/arrow-prev.svg);
}

.portfolio-slider .slick-next {
   right: -20px;
   background-image: url(../img/arrow-next.svg);
}

.portfolio-slider .slick-dots {
   display: flex;
   padding: 0;
   margin: 0;
   font-size: 0;
   justify-content: center;
   margin-top: 40px;
}

.portfolio-slider .slick-dots li {
   width: 15px;
   height: 15px;
   border-radius: 50px;
   background: rgba(35, 47, 71, 0.5);
   cursor: pointer;
   margin-right: 15px;
}

.portfolio-slider .slick-dots li:last-child {
   margin-right: 0;
}

.portfolio-slider li.slick-active {
   background: #232F47;
}

.portfolio-slider .slick-dots button {
   border: 0;
   width: 0;
   height: 0;
   padding: 0;
   margin: 0;
}

.advantages-slider .slick-track {
   display: flex;
   justify-content: space-around;
   margin-top: 50px;
}

.advantages-slider .slick-list {
   overflow: hidden;
}

.advantages-item {
   max-width: 330px;
   max-height: 100px;
   display: flex;
   align-items: center;
   background: #FFFFFF;
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
   padding: 20px;
}

.advantages-item img {
   max-width: 70px;
}

.advantages .slider-container {
   max-width: 1180px;
}

.advantages-item p {
   padding-left: 20px;
   line-height: 30px;
}

.advantages-slider .slick-dots button {
   border: 0;
   width: 0;
   height: 0;
   padding: 0;
   margin: 0;
}

.advantages-slider .slick-dots {
   display: flex;
   padding: 0;
   margin: 0;
   font-size: 0;
   justify-content: center;
   margin-top: 40px;
}

.advantages-slider .slick-dots li {
   width: 40px;
   height: 3px;
   border-radius: 10px;
   background: rgba(35, 47, 71, 0.5);
   cursor: pointer;
   margin-right: 25px;
}

.advantages-slider .slick-dots li:last-child {
   margin-right: 0;
}

.advantages-slider li.slick-active {
   background: #232F47;
}

.price-table {
   max-width: 800px;
   margin: 0 auto;
   margin-top: 50px;
}

.price-table div {
   border-right: 1px solid rgba(35, 47, 71, 0.5);
   border-bottom: 1px solid rgba(35, 47, 71, 0.5);
   border-left: 1px solid rgba(35, 47, 71, 0.5);

}

.price-table div:first-child {
   border-top: 1px solid rgba(35, 47, 71, 0.5);
   background: #232F47;
   color: #fff;
}

.price-table div:first-child p:first-child {
   border-right: 1px solid #fff;
}

.price-table-row {
   display: flex;
}

.price-table-row p {
   padding: 20px;
}

.price-table-row p:first-child {
   width: 80%;
   border-right: 1px solid rgba(35, 47, 71, 0.5);
}

.price-table-row p:last-child {
   width: 20%;
}

.btn-all-price-box {
   text-align: center;
   margin-top: 34px;
}

.btn-all-price {
   font-family: 'Andika';
   color: #fff;
   background: #049CB3;
   border-radius: 25px;
   padding: 7px 40px 11px 40px;
}
.btn-all-price p{
    display: inline-block;
}
.btn-all-price:hover {
   background: #763E63;
}

.map-row {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
}

.map-left,
.map-right {
   width: 45%;
}

.map-right img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.map-left ul {
   margin-top: 30px;
}

.map-left ul li {
   margin-bottom: 10px;
   list-style: disc;
}

.map-left ul li:last-child {
   margin-bottom: 0px;
}

.block-text p {}

.text-hidden {
   height: 0;
   overflow: hidden;
   transition: 1s;
}

.read-more {
   margin-top: 35px;
   background: #049CB3;
   border-radius: 25px;
   border: 0;
   padding: 7px 40px 10px 40px;
   font-family: 'Andika';
   color: #fff;
   cursor: pointer;
}

.read-more:hover {
   background: #763E63;
}

.show-text {
   height: 100%;
   transition: 1s;
}

.displaynone {
   display: none;
}

footer {
   color: #fff;
   background-color: #242424;
   margin-top: 100px;
}

.footer-row {
   display: flex;
   justify-content: space-between;
   padding: 20px 0;
   position: relative;
}

footer .phone {
   margin-left: 0;
}
.footer-phone-mobile{
    display: none;
}
.schedule-social {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.schedule {
   line-height: 30px;
}

.social-email {
   text-align: center;

}

.social {
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.social a {
   margin-right: 25px;
}

.social a:last-child {
   margin-right: 0;
}

.email-row{
   display: flex;
   justify-content: center;
   align-items: center;
}

.email img {
   margin-right: 15px;
}

.copyright {
   text-align: center;
   border-top: 1px solid #EAEAEA;
   padding: 20px 0;
}

.mailing p:first-child {
   font-family: 'Andika';
   font-size: 20px;
}

.mailing p:nth-child(2) {
   padding: 20px 0;
   line-height: 24px;
}

.btn-mailing {
   background: linear-gradient(180deg, #049CB3 0%, rgba(4, 156, 179, 0.26) 125%);
   border-radius: 25px;
   border: 0;
   padding: 8px 30px 11px 30px;
   font-family: 'Andika';
   color: #fff;
   cursor: pointer;
}

.btn-mailing:hover {
   background: #763E63;
}

footer .phone {
   margin: 20px 0;
}

.popup-subscribe {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100vh;
   background-color: rgb(0, 0, 0, 0.8);
   opacity: 0;
   visibility: hidden;
   transition: 0.8s;
   z-index: 2;
}

.active-popup-subscribe {
   opacity: 1;
   visibility: visible;
   transition: 0.8s;
}

.popup-subscribe-body {
   min-height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   white-space: nowrap;
}

.popup-subscribe-content {
   background-color: #fff;
   color: #000;
   padding: 20px 50px;
   position: relative;
   opacity: 0;
   transform: perspective(600px) translate(0, -100%) rotateX(45deg);
   transition: 0.8s;
}

.active-popup-subscribe-content {
   opacity: 1;
   visibility: visible;
   transform: perspective(600px) translate(0, 0%) rotateX(0deg);
   transition: 0.8s;
}

.popup-subscribe form p {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.popup-subscribe form input {
   max-width: 200px;
   height: 30px;
   border: 0;
   border-bottom: 1px solid #616063;
}

.popup-subscribe form input::placeholder {
   color: #000;
}

.popup-subscribe .field-email {
   margin: 20px 0;
}

.popup-subscribe form .wpcf7-submit {
   width: 200px;
   height: 40px;
   background: #049CB3;
   border-radius: 25px;
   border: 0;
   color: #fff;
   margin-top: 50px;
   cursor: pointer;
}

.popup-subscribe form .wpcf7-submit:hover {
   background: #763E63;
}

.popup-subscribe .wpcf7 form .wpcf7-response-output {
   position: absolute;
   bottom: 87px;
   left: 50%;
   transform: translate(-50%, 0);
   margin: 0;
   padding: 0;
   border: 0;
   color: red;
}

.popup-subscribe .wpcf7-not-valid-tip {
   position: absolute;
   font-size: 14px;
}

.close-popup-subscribe {
   position: absolute;
   top: 0px;
   right: 8px;
   font-size: 24px;
   cursor: pointer;
}

.popup-subscribe .wpcf7-spinner {
   position: absolute;
   right: 0;
   bottom: 43px;
}

#arrowTop {
   position: fixed;
   width: 40px;
   height: 40px;
   background-color: #763E63;
   border-radius: 4px;
   border: 1px solid #763E63;
   box-shadow: 6px 6px 4px rgb(0 0 0 / 25%);
   right: 20px;
   bottom: 20px;
   z-index: 999999;
   cursor: pointer;
   transition: 0.5s;
}

#arrowTop::after {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   border: 1px solid #fff;
   border-bottom: 0;
   border-right: 0;
   transform: rotate(45deg);
   top: 16px;
   left: 11px;
   transition: 0.5s;
}

#arrowTop:hover {
   background: transparent;
   border: 1px solid #fff;
   transition: 0.5s;
}

#arrowTop:hover::after {
   border: 1px solid #000;
   border-bottom: 0;
   border-right: 0;
   transition: 0.5s;
}

.lang-burger {
   display: none;
}

.burger-menu {
   display: none;
}

.img-mobile {
   display: none;
}

.map-navigation li{
    margin-bottom: 15px;
    list-style-type: disc;
}
.map-navigation .sub-menu li{
   list-style-type: circle; 
}
.map-navigation ul{
    margin-top: 15px;
}

.map-navigation{
    margin-top: 35px;
}
.phone-row{
    display: flex;
    align-items: center;
}

.call{
    position: fixed;
   width: 70px;
   height: 70px;
   left: 20px;
   bottom: 20px;
   z-index: 999999;
   cursor: pointer;
   transition: 0.5s;
   visibility: hidden;
   /*display: none;*/
}

.telegram{
    position: fixed;
   width: 70px;
   height: 70px;
   left: 20px;
   bottom: 20px;
   z-index: 999999;
   cursor: pointer;
   transition: 0.5s;
   /*display: none;*/
}

.map-right iframe{
    width:100%;
}

.redaktor .img-styles img{
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.list-margin li{
    margin-bottom: 20px;
}
.list-margin li:last-child{
    margin-bottom: 0px;
}
.redaktor pre{
    font-family: 'Montserrat';
}
.wp-block-image .alignleft{
   margin: 0 60px 30px 0; 
} 
.wp-block-image .alignright{
    margin: 0 0 30px 60px;
}



/* ================================================================================responsive============================================================== */



@media(max-width:1440px) {
   .slider-text-block {
      top: 60%;
   }
}

@media(max-width:1024px) {

   .container,
   .slider-container,
   .advantages .slider-container {
      width: 95%;
   }

   .slider-text-block h2 ,
   .slider-text-block h1 {
      margin: 15px 0;
      font-size: 36px;
   }

   .main-button {
      margin-top: 15px;
   }

   .how-to-use-row .how-to-use-item {
      margin-right: 10px;
   }

   .how-to-use-row .how-to-use-item:last-child {
      margin-right: 0px;
   }
}

@media(max-width:900px) {
   .logo {
      max-width: 200px;
   }

   .img-mobile {
      display: block;
   }

   .img-pc {
      display: none;
   }

   .logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .social-header {
      display: none;
   }

   .departur {
      display: none;
   }

   .phone {
      display: none;
   }
.footer-phone-mobile{
    display: block;
    display: flex;
    justify-content: center;
}
   .lang {
      display: none;
   }

   .lang-burger {
      margin-top: 50px;
   }

   /*.lang-burger a:first-child {*/
   /*   border-right: 1px solid #fff;*/
   /*   padding: 2px 10px 2px 0;*/
   /*}*/

   .lang-burger {
      font-weight: 700;
   }

   /*.lang-burger a:last-child {*/
   /*   padding-left: 6px;*/
   /*}*/

   .burger {
      transition: 0.5s;
   }

   .burger-deactive {
      transform: scale(0);
      transition: 0.5s;
   }

   .burger-close {
      position: absolute;
      left: 12px;
      top: 0;
      transform: scale(0);
      transition: 0.5s;
   }

   .burger-close-active {
      transform: scale(1);
      transition: 0.5s;
   }

   .burger-menu {
      display: block;
      position: relative;
   }

   .header-bottom {
      position: absolute;
      right: 0;
      top: 40px;
      margin: 0;
      background: #763E63;
      padding: 0;
      opacity: 0;
      font-size: 0;
      transition: 0.5s;
      z-index: 99999;
   }

   .header-bottom-active {
      font-size: 16px;
      padding: 20px 100px 20px 20px;
      opacity: 1;
      transition: 0.5s;
   }

   .header-bottom .navigation {
      flex-direction: column;
      align-items: flex-start;
   }

   .header-bottom .navigation li {
      margin-right: 0;
      padding: 10px 0;
   }

   .menu-item-52::after {
      top: 19px;
      right: -10px;
   }

   .header-top {
      border-bottom: 0;
   }

   .slider-text-block {
      left: 50%;
      top: 36%;
      transform: translate(-50%, -50%);
      text-align: center;
   }

  

   .slider-text-block h2,
   .slider-text-block h1 {
      font-size: 26px;
      text-align: center;
   }

   .main-button {
      margin-top: 50px;
   }

   .footer-row {
      flex-direction: column;
      text-align: center;
   }

   footer .logo {
      margin: 0 auto;
   }

   footer .navigation {
      flex-direction: column;
      margin-top: 20px;
   }

   footer .navigation li {
      margin-right: 0;
   }

   footer .schedule-social {
      flex-direction: column;
   }

   footer .social {
      margin-top: 20px;
   }

   footer .row-3 {
      margin-top: 20px;
   }

   .services-row {
      flex-wrap: wrap;
      justify-content: space-evenly;
   }

   .services-row .service {
      margin-right: 0;
      margin: 0 20px 50px 20px;
   }

   .services-row .service:last-child {
      margin: 0 20px 50px 20px;
   }

   .how-to-use-row {
      flex-wrap: wrap;
      justify-content: space-evenly;
   }

   .items-line {
      display: none;
   }

   .how-to-use-row .how-to-use-item {
      margin: 0 20px 50px 20px;
   }

   .how-to-use-row .how-to-use-item:last-child {
      margin: 0 20px 50px 20px;
   }

   header .sub-menu {
      left: 50%;
      transform: translateX(-50%);
      background-color: #232F47;
   }

   .sub-menu::before {
      display: none;
   }

   .navigation li::before {
      display: none;
   }

   .how-to-use {
      margin-top: 50px;
   }

   .portfolio {
      margin-top: 50px;
   }

   .price-table-row p:first-child {
      width: 70%;
   }

   .price-table-row p:last-child {
      width: 30%;
   }

   .main-button {
      background: #049CB3;

   }
}

@media (max-width:767px) {
    iframe{
        width: 100%;
    }
    .call{
        left: 10px;
        bottom: 10px;
        visibility: visible;
    }
    .telegram{
        left: 10px;
        bottom: 90px;
    }
   .line {
      display: none;
   }

   .title {
      justify-content: center;
   }

   h2 {
      white-space: normal;
   }

   section {
      margin-top: 50px;
   }

   .map-row {
      flex-direction: column;

   }

   .map-left,
   .map-right {
      width: 100%;
   }

   .map-left {
      margin-bottom: 50px;
   }
}
@media(max-width:600px){
    .redaktor .img-styles img{
        margin-bottom: 40px;
    }
    .wp-block-media-text .wp-block-media-text__content{
        padding: 0;
    }
    .wp-block-image .alignleft, .wp-block-image .alignright{
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    p.has-white-background-color{
        padding: 20px 15px;
    }
}
@media (max-width:400px) {
   .advantages-item {
      margin: 0 10px;
   }


}