:root{
    --color-white:rgb(255,255,255);
    --color-white-hover:rgb(163,16,16);
    --color-dark:rgb(0,0,0);
    --color-black:rgb(43,42,41);
    --color-red:rgb(191,7,7);
    --color-lightblue:rgb(0,136,211);
    --color-blue:rgb(64,95,182);
    --color-lineblue:rgb(34,138,255);
    --color-greyviolet:rgb(87,102,135);
    --color-darkblack:rgb(0,0,0);
    --color-yellow:rgb(255,217,51);
    --color-light:rgb(247,247,247);
    --color-lightgrey:#eeeff4;
    --color-grey:rgb(238,238,238);
    --color-gray:rgb(150,159,168);
    --color-darkgrey:rgb(150,159,168);
    --color-pink:rgb(236,182,182);
    --color-darkred:rgb(73,55,55);
    --color-darkblue:rgb(35,42,76);
    --color-slider-yellow:rgb(255,253,240);
    --color-slider-blue:rgb(235,241,255);
    --color-slider-grey:rgb(245,245,245);
    --color-slider-grey:rgb(219,255,173);
    --color-slider-grey:rgb(219,255,173);
    --color-head-menu-grey: rgb(150,159,168);
    --color-orange: rgba(255,181,4);
    --color-frends: rgba(77,102,167);
    --color-polu: rgba(0,0,0,.3);
  }


.color-white, .link-white {color: var(--color-white);}
.link-white:hover {opacity: .6;transition: all 1s; }
.color-greyviolet, .link-greyviolet {color: var(--color-greyviolet);}
.color-gray, .color-grey, .link-grey {color: var(--color-greyviolet);}
.color-lightblue, .link-lightblue {color: var(--color-lightblue);}
.color-lightgrey, .link-lightgrey {color: var(--color-lightgrey);}
.color-yellow {color: var(--color-yellow);}
.color-red {color: var(--color-red);}
.color-blue {color: var(--color-blue);}

.link-lightgrey {
  color: var(--color-head-menu-grey);
}
.link-lightgrey:hover {border-bottom: 1px solid var(--color-head-menu-grey);}
.link-red {color: var(--color-red);}

.bg-grey {
  background: var(--color-grey);
}
.bg-blue {
  background: var(--color-blue);
}
.bg-lightgrey {
  background: var(--color-lightgrey);
}

.bg-black {
  background: var(--color-black);
}


.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.fw-700 {font-weight: 700}
.fw-900 {font-weight: 900}

.line-height-120 {line-height: 120%;}


.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-26 {font-size: 26px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fs-36 {font-size: 36px;}
.fs-38 {font-size: 38px;}
.fs-40 {font-size: 40px;}
.fs-50, h2 {font-size: 50px;}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}

a {
  color: var(--color-blue)
}

a:hover {
  color: var(--color-red)
}


body {
  position: relative;
}

.content, .content_mobile {
  width: 80%;
  margin: 0 auto;

}
.border-bottom-hover:hover {
    border-bottom: 0px !important;
}

footer {
  display: block;
  padding: 80px 0 10px;
  background: var(--color-black);

}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
    border: 1px solid var(--color-head-menu-grey);
}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item:hover {
  background: rgba(255,255,255,.3);
}
.social-icon.socicon-openai {
  position: relative;
}
.social-icon.socicon-openai:before {
  content: ""!important;
  background-image: url(/wp-content/uploads/2025/08/max.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: +9;
  font-size: 18px;
  padding: 8px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height:20px;
  display: inline-block;
}

.social-icon.socicon-openai:hover:before{
    background-image: url(/wp-content/uploads/2025/08/max-bottom-hover.webp);
}

.social-icon-head .social-icon.socicon-openai:hover:before{
    background-image: url(/wp-content/uploads/2025/08/max-red.png);
}


.MenuBottom {
  display: flex;
  gap: 60px
}

.BottomMenu li {

      list-style: none;
  }


ul.BottomMenu li a {
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  font-size: 15px;

}

ul.BottomMenu li  a:hover{
  color: var(--color-lightblue)
}

ul.BottomMenu .sub-menu li a {
  text-transform: none;
  font-weight: 400;
  line-height: 100%;
  font-size: 14px;
}
ul.BottomMenu .link-fire {
  position: relative;
}
ul.BottomMenu .link-fire a {
  color: var(--color-orange);
  display: table;
}

ul.BottomMenu .link-fire a::after  {
  content: '\f06d';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color:  var(--color-orange);
  z-index: +10;
  font-size: 16px;
  right: 62px;
  top: -8px;
}

ul.BottomMenu .link-fire:hover a, ul.BottomMenu .link-fire:hover a::after {
    color:  var(--color-white);
}



overhead, header {
  display: flex;
  padding: 15px 0 0 0;
  justify-content: space-between;
}

.HeadMenu  {
  display: flex;
  gap: 20px;
}
.HeadMenu  li {
  list-style: none;
}
.HeadMenu  li a {
  color: var(--color-head-menu-grey);
  font-weight: 400;
  line-height: 30px;
  font-size: 14px;

}

.HeadMenu  li:hover a {
  transition: all 1s;
  border-bottom:  1px solid var(--color-head-menu-grey);
}


.link_callback ul {
  display: flex;
  gap:20px;
  list-style: none
}

.link_callback ul li:hover .link-red {
  border-bottom: 1px solid var(--color-red);
}

.head__end, .header__start, .header__end{
  display: flex;
  gap: 60px;
  align-items: center;

}

.logo--header {
  width: 160px;
  height: auto;
}

.HeaderMenu {
  display: flex;
  gap:40px;
  list-style: none
}

.HeaderMenu li a {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 500
}

.HeaderMenu li:hover a {
    transition: all .6s;
    opacity: 0.6;
}


.phone_header a {
  color: var(--color-black);
}
.phone_header a:hover {
  transition: all .6s;
  opacity: 0.8;
}

.phone_header .fa {
  display: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background: var(--color-black);
  color: var(--color-white);
  animation: rotate .5s infinite;

}

@keyframes rotate {
  0% {
    transform: rotate(-10deg)
  }
  100% {
    transform: rotate(10deg)
  }
}

.menu__iconmobile {
  font-size: 30px;
}

.menu__mobile {
      display: none;
      position: fixed;
      background: var(--color-white);
      width: 80%;
      max-width: 80%;
      top: 0;
      left: 0;
      z-index: 90;
      min-height: 100vh;
      height: 100%;
      padding: 16px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.cls {
        position: absolute;

        z-index: 101!important;
        font-weight: normal;
        color: var(--color-darkgrey);
        top: 14px; right: -36px;
        font-size: 16px;
        font-weight: 600;
        width: 24px;
        height: 24px;
        line-height: 19px;
        text-align: center;
        border-radius: 50%;
        border: 2px solid var(--color-darkgrey);

    }

.container__menu   {
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
}

.phone_header_ a {
  color: var(--color-black);
}

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

.menumobile li a {
  font-size: 16px;
  color: var(--color-black);
  text-transform:  full-width;
}

.menumobile li {
  line-height: 36px;
  position: relative;
}

.menumobile li.menu-item-has-children:after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;

  z-index: +10;
  font-size: 16px;
  right: 14px;
  top: 0px;
}

.menumobile li .sub-menu {
  padding: 12px 0 20px 0;
  font-size: 14px;
  line-height: 18px;
}

.menumobile li .sub-menu li {
    padding: 0 0 0 20px;
    line-height: 32px;
}

.menumobile li .sub-menu li {}

.link__OrderSend {
  background: var(--color-red);
  color: var(--color-white);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 15px 36px 15px 66px;
  position: relative;
}

.link__OrderSend:before {
  content: "";
  background-image: url(/wp-content/uploads/2025/08/heand.webp);
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: +9;
  left: 20px;
  top: calc(50% - 17.5px);
  width: 35px;
  height: 35px;
}

.link__OrderSend:hover {
  transition: all .6s;
  opacity: 0.8;
}

.privacy {
  font-size: 14px;
}


.policyConfi {
    position: fixed;
    display: flex;
    align-items: center;
    z-index: +90999999999;
    bottom: 30px;
    left: 20%;
    right: 0;
    gap: 100px;
    text-align: left;
    font-size: 13px;
    color: #FFF;
    background: var(--color-light);
    color: var(--color-black);
    width: 60%;
    max-width: 1280px;
    padding: 4px 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    visibility: hidden;
    font-weight: 500;
    box-shadow: rgba(6, 5, 50, 0.1) 0px 6px 20px
}

.showPolicy {
    visibility: visible !important;
}

.policyConfi a {
  color: var(--color-blue);
}

.policyConfi a:hover {
  opacity: .8;
}

.clockButtonPolicy {
  color: var(--color-dark)!important;
  font-weight: bold;
}

input {
  width: 100%;
}


.modal-content-flex {
  gap: 10px;

}

.modal-header {
    border-bottom: 0px;}
.modal-dialog-scrollable .modal-body {

    }

.modal-content-title    {
  text-transform: uppercase;
  font-size: 74px;
  font-weight: 700;
  line-height: 100%;
}
.modal-content-subtitle    {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
}

.modal-content-text {
  text-transform: uppercase;
  font-size: 20px;
}
.modal-content-discont {
    font-size: 160px;
  font-weight: 700;
}

.modal-content-discont sup {font-size: 100px}
.modal-header {position: relative;}
.modal-header .btn-close {
  position: absolute;
    right: 30px;
    top: 20px;
    z-index: +8;
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: visible;
}
.modal-header {
  height: 0px;
  padding: 0;
}
.modal-body {
    padding: 0;
    overflow: hidden;
}

.modal-content .select-from {
  font-size: 20px;

  width: 100%;
  padding: 12px 20px;
  color: var(--color-black);
  border:0;
  border-radius: 10px;
  appearance: none;
  -webkit-appearance: none; /* Для Safari */
  -moz-appearance: none; /* Для Firefox */
}

.modal-content .select-from:target,  .modal-content .select-from:hover, .modal-content .select-from:active, .modal-content .select-from:focus,  .modal-content .select-from:focus-visible {
    border:0!important;
}
select {position: relative;}
select {

  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
}




.form_front_page .form__block {
	background: var(--color-white);
	padding: 12px 16px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.form_front_page .form__block label {
	font-size: 10px;
	color: var(--color-gray);
}
.form_front_page .form__block input {
	font-size: 20px;
	border: 0 none
}

.modal-content  .form__block textarea  {
  font-size: 20px;
	border: 0 none;
  width: 100%
}

.modal-content  .form__block label { border: 1px solid var(--color-grey);
  padding: 12px 16px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.modal-content  .form__block label {
  max-width: 326px;
}


.form__block__2 {
	display: flex;
	align-items: center;
  width: 100%
}

.form__block__2 p {
	width: 100%;
}

.modal-content .form__block__2 {
    padding: 12px 16px;  max-width: 360px;}

.modal-content  .privacy a {
  color: var(--color-gray);
}
.modal-content  .privacy {
  font-size: 10px;
  padding: 12px 16px;
  width: 100%;
}

.form_front_page input[type="submit"] {
	background: var(--color-blue);
	border: 0 none;
	color: var(--color-white);
	padding: 22px 46px;
	font-size: 16px;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    position: fixed;
		bottom: 50px;
		right: 50px;
		z-index: +100;
		width: 250px;
		-webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
		padding: 20px;
		background: var(--color-black);
		color: var(--color-white);
		font-size: 16px;
		border: 0 none;
		opacity: .8;

		-moz-animation: cssAnimation 0s ease-in 2s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 2s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        display: none;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        display: none;
    }
}


.ul__404 {
  display: flex;
  flex-flow: wrap column;
  max-height: 220px; /* Limit height to whatever you need */
  list-style: none;
 }

 .ul__404 li {padding: 8px 0;}

  .ul__404 li a {
    color: var(--color-blue);
    padding: 3px 8px;
    position: relative;
  }

  .ul__404 li a.front__page {
    background: var(--color-red);
    color: var(--color-white);
    -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
  }

    .ul__404 li a:hover {
      opacity: .8
    }


    ul.ul__404 .link-fire a::after {
        content: '\f06d';
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        color: var(--color-orange);
        z-index: +10;
        font-size: 16px;
        right: 0px;
        top: -5px;
    }

.kontakt a.kontakt__link {
  font-size: 32px;
  color: var(--color-black);
  font-weight: 600
}
.kontakt a.kontakt__link:hover {
  color: var(--color-red);
}
.kontakt-grey {
  font-size:12px;
  color: var(--color-darkgrey);
}

.feedback__block {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: var(--color-white);
}

.yoast-breadcrumbs {
  font-size: 14px;
}

.feedback__block .form__block__2{
  display: flex;
  gap: 20px;
  margin-top: 20px;
  align-items: center;
}

.feedback__block .form__block__2 p {
	position: relative;
}

.feedback__block .form__block__2 .wpcf7-spinner {
	position: absolute;
	right: -60px;
	top: calc( 50% - 12px);
}

.feedback__block .form__block {
    background: var(--color-white);
    padding: 12px 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

.feedback__block .form__block label {
    font-size: 10px;
    color: var(--color-gray);

}

.feedback__block .form__block input {
    font-size: 20px;
    border: 0 none;
}


.feedback__block  .form__block textarea {
    font-size: 20px;
    border: 0 none;
    width: 100%;
    height: 200px;
}

.feedback__block input[type="submit"] {
    background: var(--color-blue);
    border: 0 none;
    color: var(--color-white);
    padding: 22px 46px;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}