/* Start:/local/components/ai_markt/request.call/templates/requestCallWithoutWidget/style.css?175759230712246*/


.cl_inner-new {
    max-width: 640px;
    max-height: 526px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}

.cl_inner2 {   
    height: 20px; 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "Open Sans Light";
    z-index: 10;
    display: none;
}

#popUp_requestCall {
    z-index: 10000;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    font-family: "Open Sans Light";
}

#cl_bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.7;
    display: none;
    z-index: 1000;
}

#cl_timer_field {
    text-align: center; 
}

#cl_timer_field input {
    width: 270px;
    text-align: center;
}

#cl_timer {
    margin: 45px 0;
    font-size: 82pt;
}

.cl_message {
    font: 16px/25px "Open Sans Bold";
}

.cl_inner {
    width: 30%;
    height: max-content;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 10;
    border-top: 10px solid #79b500;
    background: #9bcc37;
    padding: 10px 30px;
    color: #fff;
    font-family: "Open Sans Light";
}

.cl_inner h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    font: 20px/20px "Open Sans Bold";
}

.cl_text {
    font-weight: bold;
    text-align: center;
    font-family: "Open Sans Light";
}

.cl_text_min {
    font: 12px/14px "Open Sans Light";
    color: #fff;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.cl_placeholders-field {
    margin: 20px;
}

.cl_placeholders-field input {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    background: #fff;
    font: 21px/30px "Open Sans Light";
    height: 40px;
    color: #000;
    border: 0;
}

.cl_submit_form {
    text-align: center;
}

.cl_submit_form input {
    transition: 1s;
    border: 0;
    padding: 0;
    font: 19px/50px "Open Sans Bold";
    color: #fff;
    background-color: #2fd1ff;
    border-radius: 5px;
    cursor: pointer;
    width: auto;
    padding: 0 15px;
    margin: 10px;
}

.cl-green-button {
    transition: 1s;
    background-color: #9bcc37;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    line-height: 50px;
    font-family: 'Open Sans Bold';
    cursor: pointer;
    display: inline-block;
    padding: 0 7pt;
    text-decoration: none;
}

.cl-green-button:hover {
    background-color: #8dbc2c;
}

.cl_popup_close {
    position: absolute;
    cursor: pointer;
    float: right;
    background-size: cover;
    width: 25px;
    height: 25px;
    z-index: 11;
    top: 10px;
    right: 10px;
}

.cl_error {
    outline: 1px solid #be4747;
}

#cl_timer2 {
    color: #666;
    font: 35px "Verdana";
}

#cl_timer_field .adv {
    text-align: left;
    margin: 20px;
}

#call_latter, #call_now {
    text-align: center;  
    font-family: "Open Sans";
}

#call_latter a, #call_now a {
        color: #FFD8F9;
}

#call_latter a:hover, #call_now a:hover {
    border-bottom: 0px; 
}

.cl_inner-new h3 {
    font-family: var(--text-font-family-play);
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #FFD8F9;
    margin-bottom: 16px;
}

.cl_text2 {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 20px;
    line-height: 155%;
    text-align: center;
    color: #FFFFFF;
}

.cl_text_min2 {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}

.cl_placeholders-field2 input, .cl_placeholders-field2 select {
    width: 100%;
    padding: 0;
    height: 50px;
    color: #666;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 0%);
    border: 1px solid #7E20AC;
    border-radius: 5px;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #242424;

}

.cl_placeholders-field2 input {
    padding-left: 0px;
}

.cl_placeholders-field2 input::placeholder {
    font-size: 14px;
    padding-left: 0 !important;
}

.inputselect option {
    font: 14px/30px "Open Sans Light";
}

.cl_placeholders-field2 select {
  text-indent: 10px;
}

.cl_placeholders-field2 #date {
    width: 70%;
    color: #666;
}

.cl_placeholders-field2 #time {
    margin-left: 2%;
    width: 28%;
    color: #666;
}

.cl_submit_form2 {
    text-align: center;
}

.cl_submit_form2 input {
    font: 19px/50px "Open Sans Bold";
    transition: 1s;
    border: 0;
    font-size: 19px;
    line-height: 50px;
    color: #fff;
    background-color: #0084b4;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 35px;
    margin: 10px;
}

.cl_placeholders-field2 #phone {
    display: block;
    float: none;
}

.cl_placeholders-field2 textarea {
    resize: none;
    height: 80px;
    width: 100%;
    text-indent: 15px;
    padding: 10px 0px;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 0%);
    border: 1px solid #7E20AC;
    border-radius: 5px;
}

div#Callphone {
    width: 56px;
    height: 56px;
}

div#Callphone:hover {
    width: 200px;
    height: 56px;
    transition: 0.5s;
}

.Callblock1 {
    z-index: 1;
    position: fixed;
    left: 50px;
    bottom: 50px;
    border: 7px solid #00aeef21;
    border-radius: 50%;
    transition-property: right, left;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.Callblock1:hover {
    border-radius: 34px;
}

.Callblock1 img {
    width: 100%;
}

.Callblock1:hover img {
    display: none;
}

.Callblock1:hover a {
    display: block;
}

.Callblock1-adaptive {
    z-index: 1;
    position: fixed;
    bottom: 47px;
    width: 70px;
    height: 70px;
    border: 7px solid #00aeef21;
    border-radius: 50%;
    left: 30px;
}

.Callblock2 {
    display: none;
    width: 200px;
    height: 56px;
    background: #00aeef;
    float: right;
    font-family: 'Open Sans';
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    bottom: 0;
    position: absolute;
    right: 0;
    border-radius: 28px;
    animation: 0.2s linear slide;
}

.Callblock2:hover {
	text-decoration: none;
}

.Callblock2-adaptive {
    display: none;
    width: 100%;
    height: 100%;
    background-image: url('/local/components/gendalf/request.call/templates/.default/phone.png');
    background-size: contain;
    float: right;
    font-family: 'Open Sans';
    font-size: 17px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.Callblock2 p {
    margin-top: 14px;
}

.Callblock2-adaptive p {
    display: none;
}

#Callphone:hover .Callblock2 {
    cursor: pointer;
    color: #fff;
}

.hide {
    display: none;
}

.call-later-is-active {
    display: block;
}

.cl_inner-new.later-active {
    height: 570px;
}

@keyframes slide {
    from { 
        width: 0; 
    }

    to { 
        width: 100%; 
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .adv {
        display:none;
    }
}

@media (max-width:1024px) {
    #text2_form2 {
        display:none;
    }
}

#cl_requestCall {
    position: relative;
    max-width: 640px;
    width: 100%;
    height: fit-content;
    background: linear-gradient(135deg, #3a7bd5, #6d5bba);
    border-radius: 20px;
    padding: 48px 54px 54px 54px;
    color: white;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.cl_popup_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.cl_popup_close:before {
    transform: rotate(45deg);
}
.cl_popup_close:after {
    transform: rotate(-45deg);
}
#cl_field {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
h3 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}
.cl_text2 {
    margin-bottom: 16px;
    text-align: center;
}
.cl_placeholders-field2 {
    width: 100%;
    margin-bottom: 16px;
}
.cl_placeholders-field2 input {
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
    linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 0%);
    border: 1px solid #7E20AC;
    padding: 12px 16px;
}
.cl_placeholders-field2 input::placeholder {
    color: #242424;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
}
.form-btn__wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    justify-content: flex-start;
    width: 100%;
}
.checkbox-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
    text-align: left;
}
.checkbox-container input {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border-width: 1px;
    margin: 0 13px 0 0;
}
.checkbox-container label {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
}
.cl_submit_form2 {
    margin-top: 10px;
    margin-bottom: 15px;
}
.cl_submit_form2 input[type="submit"] {
    background: linear-gradient(90deg, #00c6ff, #0072ff);
    color: white;
    border: none;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 114, 255, 0.3);
    transition: all 0.3s ease;
}
.cl_submit_form2 input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(0, 114, 255, 0.4);
}
#call_latter {
    margin-bottom: 15px;
}
#call_latter a {
    color: #FFD8F9;
    text-decoration: underline;
    font-family: var(--text-font-family-play);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 130%;
}
.cl_text_min2 {
    font-size: 12px;
    opacity: 0.8;
}
/* Мобильная версия */
@media (max-width: 640px) {
    #cl_requestCall {
        min-width: 340px;
        padding: 25px 20px;
    }
    h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .cl_text2 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .cl_placeholders-field2 input {
        padding: 12px;
        font-size: 14px;
    }
    .checkbox-container label {
        font-size: 12px;
    }
    .cl_submit_form2 input[type="submit"] {
        padding: 12px 40px;
        font-size: 16px;
    }
    #call_latter a {
        font-size: 14px;
    }
    .cl_inner-new{
        max-width: unset;
        max-height: unset;
        position: absolute;
        top: 50%;
        right: 50%;
        bottom: unset; 
        left: unset; 
        margin: auto;
        z-index: 10;
        transform: translate(50%, -50%);
    }

    .cl_inner-new h3 {
        font-weight: 700;
        font-size: 24px;
    } 

    .form-btn__wrapper {
        flex-direction: column;
        gap: 8px;
    }
    .checkbox-container {
        margin-bottom: 24px;
    }
    .filter-container {
        position: sticky;
        top: 10px;
        z-index: 10;
    }
    .cl_inner2 {   
        top: -265px;
    }
}


.filter-header {
    display: flex;
    width: 100%;
}
.filter-toggle{
    background: transparent;
    width: 100%;
    border: none;
}
.filter-title{
    font-family: var(--text-font-family-play);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
}

.filter-content {
    /* overflow: hidden; */
    max-height: 0;
    transition: all 0.3s ease-out;
}

.filter-content.active {
    max-height: 1000px;
    padding: 16px 32px;
}
.filter-icon{
    position: absolute;
    right: 20px;
    top: 10px;
    transition: all 0.3 ease-in;
}
.filter-toggle.active .filter-icon{
    transform: rotate(90deg);
}
@media (min-width: 768px) {
    .filter-content {
        max-height: none;
    }
.filter-header{
    display: none;
}
}

.label_policy {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    color: #FFFFFF;
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/form.result.new/call_me_latter/style.css?17521448372236*/
textarea {
    resize: none;
    height: 40px;
    width: 98%;
    /*border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #666666  !important;*/
    padding: 10px 0px;
    /*font: 15px "Open Sans Light";*/
    color: #000;

}
@media(max-width:1024px){
    textarea {
        font-size: 35px;
    }
    #text2_form2{
        display:none;
    }
}


.wrapper-btn {
    position: relative;
    margin: 24px 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 231px;
    z-index: 100;
}

.btn-custom {
    display: block;
    width: 100%;
    position: relative;
    background: transparent;
    border-radius: 30px;
    font-family: var(----text-font-family-play);
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-decoration: none;
    color: #fff;
    margin: 16px 40px;
    z-index: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border: none;
}

.wrapper-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100%);
    height: calc(100%);
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B, 5px 5px 7px 0px #8AFFF1 inset, -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;
    z-index: -1;
    transition: opacity 0.3s ease;
}

.wrapper-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    box-shadow: 0px 0px 6px 3px #FFFFFF7A inset;
    border-radius: 40px;
    z-index: -2;
    transition: all 0.3s ease;
}

.wrapper-btn:hover::before {
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 2px 2px 6px 0px #4C0090, 5px 5px 7px 0px #EFD4FF inset, -7.61px -8.75px 11.59px 0px #612ACE inset;
    transition: all 0.3s ease;
}

.wrapper-btn:hover::after {
    background: #D744BF8F;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 7.9px 0px #D744BF8F;
    backdrop-filter: blur(12px);
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: -2;
}


/* End */


/* Start:/local/templates/ai_markt/css/preloader.css?17555027174875*/
:root {
  --main-gradient: linear-gradient(
    90deg,
    #40E4DC,
    #FF86F3,
    #C81CE2,
    #B75CFF,
    #40E4DC,
    #FF86F3,
    #C81CE2
  );
}

.preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0f1a; /* Более глубокий темный фон с синим оттенком */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden; /* Предотвращает прокрутку */
}

.preloader-container::before {
  content: '';
  position: absolute;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, transparent 20%, #0f0f1a 70%);
  background-size: 15px 15px;
  opacity: 0.3;
  animation: backgroundNoise 8s linear infinite;
}

.preloader-wrapper {
  position: relative;
  width: 690px; /* Уменьшаем ширину для лучшего вида */
  height: 30px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preloader-bar {
  width: 100%;
  height: 6px; 
  background: rgba(30, 30, 50, 0.5); 
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  box-shadow: 
    inset 0 0 10px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(88, 86, 217, 0.3);
}

.preloader-progress {
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%; 
  background: linear-gradient(
    90deg, 
    #4cff63, 
    #34aadc, 
    #5856d9, 
    #ff2d53,
    #4cff63
  );
  background-size: 200% 100%;
  animation: 
    progressAnimation 3s ease-in-out forwards,
    gradientShift 3s linear infinite,
    pulseGlow 1.5s ease-in-out infinite;
  box-shadow: 
    0 0 15px rgba(76, 255, 99, 0.7),
    0 0 30px rgba(76, 255, 99, 0.4);
}
/*мои стили*/






/*мои стили*/

.preloader-text {
  margin-bottom: 15px;
  font-family: var(--text-font-family-play);
  font-size: 64px;
  font-weight: 700;
  letter-spacing: 2px;
  color: white;
  text-transform: uppercase;
}

.preloader-text span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.3s ease forwards;
  background: linear-gradient(
    to bottom,
    #ffffff,
    #a0a0ff
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 
    0 0 10px rgba(255, 255, 255, 0.5),
    0 0 20px rgba(120, 120, 255, 0.3),
    0 0 30px rgba(120, 120, 255, 0.2);
}

/* Задержка для каждой буквы */
.preloader-text span:nth-child(1) { animation-delay: 0.1s; }
.preloader-text span:nth-child(2) { animation-delay: 0.2s; }
.preloader-text span:nth-child(3) { animation-delay: 0.3s; }
.preloader-text span:nth-child(4) { animation-delay: 0.4s; }
.preloader-text span:nth-child(5) { animation-delay: 0.5s; }
.preloader-text span:nth-child(6) { animation-delay: 0.6s; }
.preloader-text span:nth-child(7) { animation-delay: 0.7s; }
.preloader-text span:nth-child(8) { animation-delay: 0.8s; }

/* Анимации */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes progressAnimation {
  0% { width: 0%; }
  10% { width: 10%; }
  20% { width: 25%; }
  30% { width: 40%; }
  40% { width: 50%; }
  50% { width: 60%; }
  60% { width: 75%; }
  70% { width: 85%; }
  100% { width: 100%; }
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 15px rgba(76, 255, 99, 0.7), 0 0 30px rgba(76, 255, 99, 0.4); }
  25% { box-shadow: 0 0 15px rgba(52, 170, 220, 0.7), 0 0 30px rgba(52, 170, 220, 0.4); }
  50% { box-shadow: 0 0 15px rgba(88, 86, 217, 0.7), 0 0 30px rgba(88, 86, 217, 0.4); }
  75% { box-shadow: 0 0 15px rgba(255, 45, 83, 0.7), 0 0 30px rgba(255, 45, 83, 0.4); }
  100% { box-shadow: 0 0 15px rgba(76, 255, 99, 0.7), 0 0 30px rgba(76, 255, 99, 0.4); }
}

@keyframes backgroundNoise {
  0% { transform: translate(0, 0); }
  25% { transform: translate(10%, 10%); }
  50% { transform: translate(-5%, 5%); }
  75% { transform: translate(5%, -10%); }
  100% { transform: translate(0, 0); }
}

/* Добавляем эффект частиц */
.preloader-container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: 
    radial-gradient(circle, #ffffff 1px, transparent 1px),
    radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
  opacity: 0.05;
  animation: particlesDrift 20s linear infinite;
}

@keyframes particlesDrift {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

@media (max-width: 767px) {
  .preloader-wrapper {
    width: 80%;
  }
  
  .preloader-text {
    font-size: 22px;
    letter-spacing: 2px;
  }
}
/* End */


/* Start:/local/templates/ai_markt/css/header.css?17521424509000*/
.header {
    position: relative;
    z-index: 100;
}


/* Верхняя часть */
.header-top {
    background:	linear-gradient(179deg, #CFEFFF 26.75%, #D4C1E5 70.88%),
				linear-gradient(179deg, #FFFFFF 75%, #E9D5FF 70.88%),
				linear-gradient(179deg, #E2EBFF 100%, #C1C8E5 70.88%);
    padding: 20px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

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

.logo__img {
    max-width: 150px;
    height: auto;
}

.header-top__contacts {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-top__phone {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-decoration: underline;
    transition: color 0.3s;
}

.header-top__phone {
    color: var(--main-text-color);
	font-family: var(--text-font-family-play);
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
}
.header-top__phone:hover {
    text-shadow: 0px 0px 36.1px #D400FF,
                0px 0px 11.8px #FF00D5;
    color: #7E20AC;
    transition: all 0.2s ease;
}
.header-top__callback-btn {
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: linear-gradient(322.4deg, #4C0091 49.93%, #00FFE1 95.31%);
    background-size: 200% 100%;
    background-position: 0% 0%;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    box-shadow: 5px 5px 7px 0px #8AFFF1 inset,
                -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;

    font-family: var(--text-font-family-play-bold);
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.header-top__callback-btn:hover {
    box-shadow: 0px 0px 9px #8800FF,
                0px 0px 16.5px #FF00D5,
                5px 5px 7px #C3FFF8 inset,
                -7.61px -8.75px 11.59px #34059F inset;
    transition: all 0.2s ease;
    background-position: 100% 0%;
}
.logo__link{
	display: flex;
	flex-direction: row;
	gap: 24px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.header-top__logo-name{
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	max-width: 165px;
	font-family: var(--text-font-family-play);
	font-size: 20px;
	font-weight: 400;
	line-height: 22.86px;
	text-align: left;
	color: var(--main-text-color);

}
.header-top__main-site{
	color: var(--main-text-color);
	font-family: var(--text-font-family-play-bold);
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	text-align: left;
	text-decoration: underline;
    transition: all 0.2s ease;
}
.header-top__main-site:hover{
    color: #7E20AC;
    text-shadow: 0 0 36.1px #EF9CFF,
                0 0 11.8px #FFA6F0;
    transition: all 0.2s ease;
}

.header-content--mobile{
    display: none;
}
@media (max-width: 1024px) {
    .header-top__wrapper {
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .header-top__contacts {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .header-top__contacts {
        flex-direction: column;
    }
    
    .header-top__main-site {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .header-top__contacts {
        flex-direction: column;
    }
    
    .header-top__main-site {
        width: 100%;
        text-align: center;
    }
    .header-content--mobile{
        display: flex;
        flex-direction: column;
    }
    .header--desktop{
        display: none !important;
    }
    .header-top__main-site{
        width: 100%;
        background: linear-gradient(349deg, #4C0091 11.93%, #00D9FF 95.31%), linear-gradient(338deg, #420A7E 11.93%, #0095FF 95.31%);
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;

        font-family: var(--text-font-family-play);
        font-weight: 400;
        font-size: 14px;
        text-decoration: underline;
        color: #FFFFFF;
    }
    .header-mobile__btm-container{
        position: relative;
        background: linear-gradient(360deg, #CFEFFF 6.81%, #D4C1E5 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
    }
    .logo__link{
        position: absolute;
        left: 15px;
        top: -25px;
    }
    .burger-button{
        position: absolute;
        right: 10px;
    }
    .header-top__logo-name{
        font-family: var(--text-font-family-play);
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #092968;
    }

    .burger-button {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 200;
    }
    
    .burger-button span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #092968;
        border-radius: 3px;
        transition: all 0.3s ease;
    }
    
    .burger-button.active span:nth-child(1) {
        transform: translateY(8.5px) rotate(45deg);
    }
    
    .burger-button.active span:nth-child(2) {
        opacity: 0;
    }
    
    .burger-button.active span:nth-child(3) {
        transform: translateY(-8.5px) rotate(-45deg);
    }
    .mobile-menu{
        display: none;
    }
    .mobile-menu.active{
        display: flex;
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #CFEFFF;
        z-index: -1;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
    }
    .mobile-menu__list{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin: 30px 0 0 0;
    }
    .mobile-menu__list > a{
        font-family: var(--text-font-family-play);
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        text-decoration: none;
        color: #092968;
        text-transform: uppercase;
    }
    .mobile-menu.active .header-top__callback-btn{
        margin-top: 16px;
    }
    .mobile-menu__phone-link{
        margin-top: 32px;
        font-family: var(--text-font-family-play);
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        text-decoration: underline;
        color: #092968;
    }
    .mobile-menu__phone-link:hover{
        text-decoration: none;
    }
}

.footer-btn__wrapper {
     position: relative;
    margin: 24px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 231px;
}

.footer-btn__wrapper .default-button {
    display: block;
    width: 100% ;
    position: relative;
    text-align: center;
    background: transparent !important;
    box-shadow: none !important;
    margin: 16px 40px !important;
    padding: 0 !important;
    border-radius: 30px;
    font-family: var(----text-font-family-play);
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-decoration: none;
    color: #fff;
    z-index: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border: none;
}

    .footer-btn__wrapper::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100%);
        height: calc(100%);
        background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
        box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B, 5px 5px 7px 0px #8AFFF1 inset, -7.61px -8.75px 11.59px 0px #792ACE inset;
        border-radius: 30px;
        z-index: -1;
        transition: opacity 0.3s ease;
    }

    .footer-btn__wrapper::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 24px);
        height: calc(100% + 24px);
        box-shadow: 0px 0px 6px 3px #FFFFFF7A inset;
        border-radius: 40px;
        z-index: -2;
        transition: all 0.3s ease;
    }

    .footer-btn__wrapper:hover::before {
        background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
        box-shadow: 2px 2px 6px 0px #4C0090, 5px 5px 7px 0px #EFD4FF inset, -7.61px -8.75px 11.59px 0px #612ACE inset;
        transition: all 0.3s ease;
    }

    .footer-btn__wrapper:hover::after {
        background: #D744BF8F;
        border: 1px solid #D744BF;
        box-shadow: 0px 0px 7.9px 0px #D744BF8F;
        backdrop-filter: blur(12px);
        opacity: 1;
        transition: opacity 0.3s ease;
        z-index: -2;
    }
/* End */


/* Start:/local/templates/ai_markt/css/footer.css?17521424133594*/
.footer {
    background: linear-gradient(175deg, #0095FF 5.45%, #420A7E 88.83%);
    /* background: #2C5CC4; */
    /* background: #2259c4; */
    position: relative;
}
.footer__main{
    padding: 40px 0 0 0;
    position: relative;
    overflow: hidden;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer__main-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 166px;
    padding-bottom: 40px;
}

.footer__info {
    flex-shrink: 0;
}

.footer__logo {
    margin-bottom: 20px;
}

.footer__logo-img {
    max-width: 150px;
    height: auto;
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer__contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--text-font-family-play);
    font-weight: 700;
    font-size: 24px;
    line-height: 27.77px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
}

.footer__contact-item:hover {
    text-shadow: 0 0 7px #D400FF,
               0 0 10px #D400FF,
               0 0 21px #D400FF,
               0 0 36.1px #D400FF,
               0 0 11.8px #FF00D5;
}
.footer__contact-item span{
    width: max-content;
    position: relative;

}
.footer__contact-item:hover span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: white;
    box-shadow: 0 0 7px #D400FF,
               0 0 10px #D400FF,
               0 0 21px #D400FF,
               0 0 36.1px #D400FF,
               0 0 11.8px #FF00D5;
  }

.footer__menu {
    flex-grow: 1;
    max-width: 600px;
}

.footer__bottom {
    background: linear-gradient(137deg, #E2EBFF 70.75%, #C1C8E5 80%),
                linear-gradient(139deg, #FFFFFF 0%, #E9D5FF 50%),
                linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 0%);
    padding: 24px 0;
}

.footer__bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer__copyright {
    color: #666;
    font-size: 14px;
}

.footer__links {
    display: flex;
    gap: 20px;
}

.footer__link {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.footer__link:hover {
    color: #007bff;
}
.footer__logo-link{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 26px;
    text-decoration: none;
}
.footer__logo-name{
    font-family: var(--text-font-family-play);
    font-weight: 400;
    font-size: 32px;
    line-height: 33px;
    color: #FFFFFF;
    max-width: 268px;
    display: inline-block;
}
.footer-logo-img{
    width: 83px;
    height: fit-content;
}
.video-footer__container{
    position: absolute;
    top: 0;
    right: 0;
}
.mobile-footer__img-wrapper{
    display: none;
}
/* Медиа-запросы для адаптивности */
@media (max-width: 768px) {
    .footer__main-wrapper {
        flex-direction: column;
    }

    .footer__bottom-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .footer__links {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .video-footer__container{
        display: none;
    }
    .mobile-footer__img-wrapper{
        display: block;
        position: absolute;
        right: 0px;
        top: 20px;
        z-index: -2;
    }
    .footer__main-wrapper{
        gap: 24px;
        padding: 0 10px 40px 10px;
        position: relative;
        z-index: 1;
    }
    .footer{
        z-index: -3;
    }
}


/* End */


/* Start:/local/templates/ai_markt/css/variables.css?1742540456317*/
:root{
   --blue-title-color:#092968;
   --black-text-color:#242424; 
   --pink-ligth-color: #FFD8F9;
   --open-sans-family : "Open-sans", sans-serif;
   --font-size-40px: 40px;
   --font-size-32px: 32px;
   --font-size-18px: 18px;
   --font-size-16px: 16px;
   --font-weight-400: 400;
   --font-weight-700: 700;



}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/menu/main-top-menu/style.css?17412720611846*/
#main-top-menu{
    list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	height: 100%;
}
#main-top-menu li{
	width: max-content;
}
#main-top-menu li a{
	font-family: var(--text-font-family-play);
	font-size: 18px;
	font-weight: 400;
	line-height: 20.83px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	position: relative;
}
#main-top-menu li a:hover{
	text-shadow: 0 0 36.1px #D400FF, 0 0 11.8px #FF00D5;
	transition: all 0.2s ease-in-out;
}
#main-top-menu li a {
    position: relative;
}

#main-top-menu li a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    height: 7px;
    width: 0;
    opacity: 0;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(215, 68, 191, 0) 0.1%, #FF00D5 19.75%, #FF00FB 49.9%, #FF00D5 80.04%, rgba(215, 68, 191, 0) 99.7%);
}

@keyframes lineAppearCenter {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}

#main-top-menu li a:hover::after {
    animation: lineAppearCenter 0.3s ease-out forwards;
}

@keyframes lineDisappearCenter {
    from {
        width: 100%;
        opacity: 1;
    }
    to {
        width: 0;
        opacity: 0;
    }
}

#main-top-menu li a:not(:hover)::after {
    animation: lineDisappearCenter 0.3s ease-in forwards;
}
.header-bottom-menu{
	background: linear-gradient(358.4deg, #4C0091 31.93%, #00D9FF 93.31%),
    			linear-gradient(322.4deg, #420A7E 20.93%, #0095FF 100.31%);
	width: 100%;
	height: 71px;
	display: flex;
	justify-content: center;
    transition: all 0.3s ease;
}

.header-bottom-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/form.result.new/footer-web-form/style.css?17555162348679*/
.form-footer {
    position: relative;
    padding: 43px 0 60px 0;
    overflow: hidden;
    z-index: 3;
}


/* .form-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    opacity: 0.8;
    z-index: 1;
} */

.background-video {
    position: absolute;
    top: 60%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    /* transform: translate(-50%, -50%); */
    object-fit: cover;
    z-index: -2;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: 100%;
    z-index: -2;
}

.form-footer > *:not(.background-video) {
    position: relative;
    z-index: 2;
}
.form-footer .limited--form{
	margin: 0 0 0 auto;
  max-width: 639px;
}

form[name="SIMPLE_FORM_1"] {
	max-width: 639px;
	margin: 0 auto;
	padding: 0px;
	background-color: transparent;
}
  
  /* Заголовок формы */
  .consultation__form-title {
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 40px;
	line-height: 130%;
	color: #FFD8F9;
	margin-bottom: 23px;
  }
  
  /* Стили для fieldset */
  fieldset {
	border: none;
	margin-bottom: 8px !important;
	position: relative;
	padding: 0;
  }
  
  /* Стили для label */
form[name="SIMPLE_FORM_1"]  .consultation__form-label {
	position: relative;
	display: block;
	width: 100%;
  }
  
  /* Стили для текстовых полей и textarea */
form[name="SIMPLE_FORM_1"]  .inputtext, .inputtextarea {
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	font-size: 16px;
	transition: all 0.3s ease;
	background: linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 100%);
	border: 1px solid #7E20AC;
	outline: none;
  }
  
  form[name="SIMPLE_FORM_1"]  .inputtext:focus, .inputtextarea:focus {

}
  
form[name="SIMPLE_FORM_1"] .inputtextarea {
	min-height: 120px;
	resize: vertical;
  }
  
  /* Стили для текста внутри label */
  form[name="SIMPLE_FORM_1"] .consultation__form-label-text {
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	color: #242424;
	transition: all 0.3s ease;
	pointer-events: none;
	background-color: transparent;
	opacity: 0.5;
  }
  
  
  /* Стили для иконок */
  form[name="SIMPLE_FORM_1"] .consultation__form-icon {
	position: absolute;
	right: 10px;
	top: 25px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	transition: opacity 0.3s ease;
  }
  
  /* Показываем иконку при валидации */
  form[name="SIMPLE_FORM_1"]  .inputtext:valid ~ .consultation__form-icon,
  form[name="SIMPLE_FORM_1"] .inputtextarea:valid ~ .consultation__form-icon {
	opacity: 1;
  }
  
  /* Скрываем иконку ошибки по умолчанию */
  form[name="SIMPLE_FORM_1"] .consultation__form-icon-wrong--hidden {
	display: none;
  }
  
  /* Стили для чекбоксов */
  form[name="SIMPLE_FORM_1"] input[type="checkbox"] {
	position: absolute;
	opacity: 0;
  }
  
  form[name="SIMPLE_FORM_1"] input[type="checkbox"] + label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 155%;
	color: #FFFFFF;
  }
  
  form[name="SIMPLE_FORM_1"] input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #7E20AC;
	background: #FFFFFF;
	border-radius: 3px;
	transition: all 0.3s ease;
  }
  form[name="SIMPLE_FORM_1"] input[type="checkbox"]:hover + label:before {
	background: url('/local/templates/ai_markt/components/bitrix/form.result.new/footer-web-form/icon/hover.webp') center/cover no-repeat;
  }
  form[name="SIMPLE_FORM_1"] input[type="checkbox"]:checked + label:before {
	background: url('/local/templates/ai_markt/components/bitrix/form.result.new/footer-web-form/icon/checked.webp') center/cover no-repeat;
  }

  .consultation__form-label-text.active{
	display: none !important;
  }

  
  /* Медиа-запросы для адаптивности */
  @media (max-width: 768px) {
	form[name="SIMPLE_FORM_1"] {
	  padding: 20px;
	}
	
	.consultation__form-title {
	  font-size: 20px;
	}
	
	.inputtext, .inputtextarea {
	  padding: 12px;
	}
	
  }
  
  .inputtext.error, .inputtextarea.error {
	border-color: #FD7583 !important;
	border-width: 2px;
	box-shadow: 0 0 0 2px rgba(253, 117, 131, 0.2);
  }
  
  .inputtext.error + .consultation__form-label-text,
  .inputtextarea.error + .consultation__form-label-text {
	color: #FD7583;
  }
  
  .inputtext.error ~ .consultation__form-icon .consultation__form-icon-wrong,
  .inputtextarea.error ~ .consultation__form-icon .consultation__form-icon-wrong {
	display: block;
  }
  
  .inputtext.error ~ .consultation__form-icon .consultation__form-icon-success,
  .inputtextarea.error ~ .consultation__form-icon .consultation__form-icon-success {
	display: none;
  }
  
  /* Анимация для полей ввода */
  @keyframes shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
  }
  
  .shake {
	animation: shake 0.6s;
  }
  .footer-form__button{
	margin-top: 34px;
  }

  @media (max-width: 767px) {
	.background-video {
		position: absolute;
        bottom: 50%;
        left: 50%;
        width: 177%;
        height: fit-content;
        object-fit: contain;
        z-index: -2;
        transform: translate(-61%, -13%) scaleX(-1);
	}
	.form-footer::before {
		content: none;
	}
	.form-footer {
		padding: 43px 0 0 0;
	}
	form[name="SIMPLE_FORM_1"] {
        padding: 10px 10px 100px 10px;
    }
	.consultation__form-title{
		font-family: var(--text-font-family-play);
		font-weight: 700;
		font-size: 24px;
		line-height: 100%;
		text-align: center;
		margin: 0 0 16px 0;
	}
	fieldset[data-field="SIMPLE_QUESTION_779"]{
		margin-top: 14px;
	}
  }

.footer-form__button {
     position: relative;
    margin: 24px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 231px;
}

.footer-form__button .default-button {
        display: block;
        width: 100% ;
        position: relative;
        text-align: center;
        background: transparent !important;
        box-shadow: none !important;
        margin: 16px 40px !important;
        padding: 0 !important;
        border-radius: 30px;
        font-family: var(----text-font-family-play);
        font-size: 24px;
        font-weight: 700;
        line-height: 28.8px;
        text-decoration: none;
        color: #fff;
        z-index: 1;
        transition: opacity 0.3s ease;
        cursor: pointer;
        border: none;
    }

    .footer-form__button::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100%);
        height: calc(100%);
        background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
        box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B, 5px 5px 7px 0px #8AFFF1 inset, -7.61px -8.75px 11.59px 0px #792ACE inset;
        border-radius: 30px;
        z-index: -1;
        transition: opacity 0.3s ease;
    }

    .footer-form__button::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 24px);
        height: calc(100% + 24px);
        box-shadow: 0px 0px 6px 3px #FFFFFF7A inset;
        border-radius: 40px;
        z-index: -2;
        transition: all 0.3s ease;
    }

    .footer-form__button:hover::before {
        background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
        box-shadow: 2px 2px 6px 0px #4C0090, 5px 5px 7px 0px #EFD4FF inset, -7.61px -8.75px 11.59px 0px #612ACE inset;
        transition: all 0.3s ease;
    }

    .footer-form__button:hover::after {
        background: #D744BF8F;
        border: 1px solid #D744BF;
        box-shadow: 0px 0px 7.9px 0px #D744BF8F;
        backdrop-filter: blur(12px);
        opacity: 1;
        transition: opacity 0.3s ease;
        z-index: -2;
    }
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/menu/footer-bottom/style.css?1741337579990*/
.footer-menu {
	display: block;
	padding-left: 16px;
	padding-top: 5px;
	margin: 0 0 35px;
	width: 100%;
	list-style: none;
}

.footer-menu-item {
	display: block;
	padding: 0;
	margin: 0;
}

.footer-menu-item-title {
	display: block;
	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 24px;
	line-height: 27.77px;
	color: #fff;
	text-decoration: none;
	margin: 0 0 8px 0;
	padding-top: 28px;
}
.footer-menu-item-link{
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 20px;
	line-height: 27.24px;
	margin: 0 0 4px 0;
	text-decoration: none;
	color: #fff;
}
.footer-menu-item-link:hover{
	text-decoration: underline;
	text-shadow: 0px 0px 36.1px #D400FF,
				 0px 0px 11.8px #FF00D5;
	
}
.footer-menu-item.selected .footer-menu-item-link,
.footer-menu-item-title,
.footer-menu-item-link:active ,
.footer-menu-item-link:hover {
	opacity: 1;
	color: #fff;
}
.footer-menu-item.selected .footer-menu-item-link:after {
	border-color: #fff;
}
/* End */


/* Start:/local/templates/ai_markt/styles.css?17616499392960*/
:root{
	--main-text-color: #092968;
	--text-font-family-play: Play Regular;
	--text-font-family-play-bold: Play Bold;
}

img {border:0 none;}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	font-weight:normal;
	line-height:1.2;
	font-family: var(--text-font-family-play);
}

h1 { margin: 0; font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }

#workarea ol li, #workarea ul li { margin: 0.6em 0; }
#workarea ul { list-style-type: disc; }

.container {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    max-width: 1280px;
}
fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	min-width: 0;
}
.label_policy,
.label_mailing{
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
	font-family: Open Sans;
	text-decoration: underline;
}
.label_policy:hover,
.label_mailing:hover{
	text-decoration: none;
	text-shadow: 0px 0px 36.1px #D400FF,
				 0px 0px 11.8px #FF00D5;
}

.sitemap-page {
	background: linear-gradient(178.54deg, #EAF8FF 1.2%, #F2F5FF 39.68%, #F9F4FF 98.8%);
}

table.map-columns tbody tr {
	display: flex;
	flex-direction: column;
    margin: 24px 5vw;
	max-width: 1280px;
	text-transform: uppercase;
}

table.map-columns tbody tr td {
	display: flex;
	flex-direction: column;
}

table.map-columns tbody tr td ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
}
table.map-columns tbody tr td a {
	color: #092968;
	font-weight: 700;
	font-size: 20px;
	line-height: 27.77px;
	font-family: var(--text-font-family-play);
	text-decoration: none;
}

table.map-columns tbody tr td a:hover {
	text-decoration: underline;
}

table.map-columns tbody tr td a:hover {
	text-decoration: underline;
}

.container-contacts {
    margin: 0 auto 70px;
    padding: 0 10px;
    width: 100%;
    max-width: 1280px;
}

.contacts-title{
	color: #7E20AC;
}

.contact-card {
	display: flex;
	flex-direction: column;
	gap: 15px;

	max-width: 600px;
    animation: table-light 4s infinite alternate linear;
    padding: 24px;
	border-radius: 8px;
    border: 2px solid rgba(255, 0, 213, 0.64);
	margin: 40px 0 0;
}

.contact-card p {
    font-size: 16px;
    margin: 8px 0;
    line-height: 1.5;
	color: #000;
}

.contact-card a {
    color: #7E20AC;
    text-decoration: none;
    font-weight: bold;
}

.contact-card a:hover {
    text-decoration: underline;
}

.contact-card .label {
    font-weight: bold;
}
@keyframes table-light {
    0% {
        box-shadow: 0 0 7.5px #D744BF, 0 0 15px #D744BF, 0 0 22.5px #D744BF;
    }

    25% {
        box-shadow: 0 0 10px #D744BF, 0 0 20px #D744BF, 0 0 30px #D744BF;
    }

    50% {
        box-shadow: 0 0 12.5px #D744BF, 0 0 25px #D744BF, 0 0 37.5px #D744BF;
    }

    75% {
        box-shadow: 0 0 10px #D744BF, 0 0 20px #D744BF, 0 0 30px #D744BF;
    }

    100% {
        box-shadow: 0 0 7.5px #D744BF, 0 0 15px #D744BF, 0 0 22.5px #D744BF;
    }
}
/* End */


/* Start:/local/templates/ai_markt/template_styles.css?17594964779552*/
html { width:100%; height: 100%; }

@font-face {
    font-family: 'Play Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Play Regular'), url('/local/templates/ai_markt/fonts/Play/Play-Regular.woff') format('woff');
}
    
@font-face {
    font-family: 'Play Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Play Bold'), url('/local/templates/ai_markt/fonts/Play/Play-Bold.woff') format('woff');
}

body * {
	box-sizing: border-box;
	font-family: var(--text-font-family-play);
}

body
{
	height:100%;
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: var(--text-font-family-play);
	overflow-x: hidden;
	background: #000;
	width: 100vw;
}

form { margin:0; padding:0;}
form.main-form
{ 
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}
 
#page-wrapper
{	
	min-height:100%;	
	margin: 0 auto -90px;
}

* html #page-wrapper { height: 100%; }

#header { height: 106px; position: relative; z-index: 10; width:878px; margin:0 auto;}

#top-menu
{
	position: absolute;
	top: 46px;
	width: 638px;
	height: 30px;
	right: 0;
	
}

#top-menu-inner
{
	margin-left: 16px;
	padding-right: 16px;
	height: 30px;
}

#logo 
{
	width: 235px; 
	height: 100px;
	position:absolute;
	left:0;
	top:0;
	text-align: center;
}

#logo td { padding: 0;}
#logo a { outline: none;}

#top-icons { overflow: hidden; height: 15px; position: absolute; top: 17px; width: 200px; left: 252px; }
#top-icons a 
{
	float: left;
	margin-right: 31px;
}

a.home-icon { width: 12px; height: 11px;}
a.search-icon { width: 12px; height: 12px;}
a.feedback-icon { width: 14px; height: 10px;}

#banner { margin:0 auto; width:878px; height: 153px;  position: relative; }
#banner-layout { height: 142px;  table-layout: fixed; }
#banner-overlay { height: 153px; position: absolute; width:437px; left:0; top: 0;}
#banner-image { padding:0; width: 437px; vertical-align: top;}
#banner-image div { width: 437px; height: 142px; overflow: hidden;}
#banner-slogan 
{
	padding:0;
	width: 441px;	
	font-family: Arial; 
	font-style: italic; 
	font-size: 2em; 
	font-weight: bold;
	padding:10px 0 32px;
}

#content { width:878px; overflow: hidden; margin: 20px auto 29px; zoom: 1;}

#sidebar { width: 233px; float: left; }

#workarea { padding-top:10px; width:612px; float: right;}

#footer  
{
	background: #F5F5F5 url(/local/templates/ai_markt/images/footer-corner.gif) no-repeat left top;
	height: 90px; 
	width:878px; 
	margin:0 auto;  
	position: relative;
}

#copyright { width: 49%; position: absolute; top: 20px; left: 25px;}
#copyright p { margin: 0;}
.footer-links { width:50%; position:absolute; right:25px; top: 20px; }
#footer-links { margin:0; padding:0; list-style: none; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}

#space-for-footer { height: 90px; }

#footer-design { width:300px; position:absolute; right:25px; top: 52px;  text-align: right;}
#footer-design a{color:#757575; font-size:11px; text-decoration:none;}
#footer-design a:hover{text-decoration:underline;}

div.content-block { margin-bottom: 24px; }
div.content-block-inner { padding: 22px 18px 22px 21px;}

div.information-block div.top
{
	height: 13px;
	border-right: 1px solid;
	font-size: 1px;
	background: #FFF url(/local/templates/ai_markt/images/sidebar-corners-form.gif) no-repeat left top;
}

div.information-block div.bottom
{
	height: 13px;
	border-left: 1px solid;
	font-size: 1px;
	background: #FFF url(/local/templates/ai_markt/images/sidebar-corners-form.gif) no-repeat right bottom;
}

div.information-block-inner
{
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 9px 18px 9px 21px;
	zoom: 1;
}

div.information-block div.top, div.information-block div.bottom, div.information-block-inner { border-color: #E3E3E3; }

#search {  width:190px; overflow: hidden;}
#search div.rounded-box { float: left; width:135px;}
#search div.search-inner-box
{
	border: 1px solid; 
	padding-left: 20px;
	height: 20px;
	overflow:hidden;
	background: white url(/local/templates/ai_markt/images/loupe.gif) no-repeat 4px 4px;
}

#search div.search-inner-box input
{
	border:1px solid;
	width: 110px;
	height: 18px;
	padding:0;
	margin:0;
}

#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input 
{
	display: block;
	border: none;
	background: none;
	width:48px;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;	
}

div.search-item h4 { margin-bottom: 0.4em;}

dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1.5em 0 0.5em; }
dl.block-list dd { margin:0; padding:0;}
dl.block-list a { text-decoration: none; outline: none;}
dl.block-list a:hover { text-decoration: underline;}

#sidebar h3  
{
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

#left-menu
{
	margin:0;
	padding:0;
	list-style: none;
}

#left-menu li
{
	margin:0 0 0.7em;
	padding: 0 0 0.7em;
	display: block;
}

#left-menu a
{
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;	
	padding: 1em 1em 1em 0;
	outline: none;
}

#left-menu li.last-item { background: none; margin-bottom: 0; padding-bottom: 0;}
#left-menu li.selected a { padding-left: 1em; }
#left-menu li.selected { text-indent: -1em; padding-left:1em;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/* Product List */
div.product-list { overflow: hidden; }

div.product
{ 
	overflow: hidden; 
	width: 280px;
	height: 105px;
	margin: 0 25px 20px 0;
	position: relative;
	float: left;
}

div.product-alt { margin-right: 0;}

div.product-image
{
	width: 250px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top:0;
	left: 0;	
}

div.product-overlay
{
	width: 280px;
	height: 105px;
	position: absolute;
	z-index: 1;	
}

a.product-desc
{
	float:right;
	height:62px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:142px;
	z-index:2;
	font-size: 1em;
	text-decoration: none;
	padding:13px 10px 30px 129px;
}

a.product-desc p { font-size: 0.85em; margin:7px 0 0;}

/* Catalog List */
div.catalog-list, div.catalog-detail  { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { margin: 0 0 1em;}
div.catalog-item-title a { font-weight: bold; }

div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; }
div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; }
div.catalog-item-desc { clear: left; }
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both; padding: 1em 0 0;  overflow: hidden;}
div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;}
div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }

/* Special Product */
div.special-product-title { text-align: center; margin: 0 0 1em;}
div.special-product-image { text-align: center; margin: 0 0 1em;}
div.special-product { text-align: center; }

/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:12px;
	float:left;
	background: none;
}

#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 3px;
	text-decoration:none;
	text-align:center;
	outline: none;
}

#horizontal-multilevel-menu li { float:left; }
#horizontal-multilevel-menu li a.root-item { font-weight:bold; padding:8px 12px 8px; } /*Root items*/
#horizontal-multilevel-menu a.parent { background: url(/local/templates/ai_markt/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { font-weight:bold; padding:8px 12px 8px; } /*Root menu selected*/
#horizontal-multilevel-menu li.last-item { border: none; }

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	width:163px;
	padding: 3px 11px;
	border:1px solid;
}

#horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/
#horizontal-multilevel-menu li ul a { text-align:left; font-size: 12px;} /*Item link*/
#horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; }

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul
{
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul
{
	display:block;
}

div.menu-clear-left { clear:left; }

/*Common Elements */
div.content-form { padding-left:1em; }


/* End */
/* /local/components/ai_markt/request.call/templates/requestCallWithoutWidget/style.css?175759230712246 */
/* /local/templates/ai_markt/components/bitrix/form.result.new/call_me_latter/style.css?17521448372236 */
/* /local/templates/ai_markt/css/preloader.css?17555027174875 */
/* /local/templates/ai_markt/css/header.css?17521424509000 */
/* /local/templates/ai_markt/css/footer.css?17521424133594 */
/* /local/templates/ai_markt/css/variables.css?1742540456317 */
/* /local/templates/ai_markt/components/bitrix/menu/main-top-menu/style.css?17412720611846 */
/* /local/templates/ai_markt/components/bitrix/form.result.new/footer-web-form/style.css?17555162348679 */
/* /local/templates/ai_markt/components/bitrix/menu/footer-bottom/style.css?1741337579990 */
/* /local/templates/ai_markt/styles.css?17616499392960 */
/* /local/templates/ai_markt/template_styles.css?17594964779552 */