@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    src:
        local("Inter-Thin"),
        url("../fonts/Inter/Inter-Thin.otf") format("opentype");
    
}
@font-face{ 
    font-family: "Inter";
    font-style: italic;
    font-weight: 100;
    src:
        local("Inter-Thin"),
        url("../fonts/Inter/Inter-ThinItalic.otf") format("opentype");
    
}

@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    src:
        local("Inter-ExtraLight"),
        url("../fonts/Inter/Inter-ExtraLight.otf") format("opentype");
}
@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    src:
        local("Inter-Light"),
        url("../fonts/Inter/Inter-Light.otf") format("opentype"); 
}
@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src:
        local("Inter-Regular"),
        url("../fonts/Inter/Inter-Regular.otf") format("opentype");
}
@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src:
        local("Inter-Medium"),
        url("../fonts/Inter/Inter-Medium.otf") format("opentype");
}
@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src:
        local("Inter-SemiBold"),
        url("../fonts/Inter/Inter-SemiBold.otf") format("opentype"); 
}
@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src:
        local("Inter-Bold"),
        url("../fonts/Inter/Inter-Bold.otf") format("opentype");
}
@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    src:
        local("Inter-ExtraBold"),
        url("../fonts/Inter/Inter-ExtraBold.otf") format("opentype"); 
}
@font-face{ 
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    src:
        local("Inter-Black"),
        url("../fonts/Inter/Inter-Black.otf") format("opentype"); 
}

/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

:root {

    --main-active-color: #940036;
    --main-active-rgba-color: rgba(148,0,54,0.8);
    --main-theme-color: #05336E;
    --main-href-color: #05336E;
    --color-black: #000000;
    --shadow: 0px 0px 0px rgba(0,0,0,0.25);
    --input-bg-color: #E6E6E6;
    --btn-disab-color: #afafaf;
    --footer-href-color : #ffffff;
    --font-size-h: 36px;
    --font-size-h1: 32px;
    --font-size-24: 24px;
    --font-size-20: 20px;
    --font-size-16: 16px;
    --font-size-14: 14px;

   /* --test: #F87C56; */
}

div,ul,li,p,h1,h1,h2,h3,h4,td,input,a,span,ol {font-family: "Inter"; font-weight: 300;

}
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-40 {width: 40% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.w800 {width: 800px;}
.w900 {width: 900px;}
.w1000 {width: 1000px;}

@media (max-width: 1550px) {
.w100 {width: 6.5vw;}
.w200 {width: 13vw;}
.w300 {width: 19.5vw;}
.w400 {width: 26vw;}
.w500 {width: 32.5vw;}
.w600 {width: 39vw;}
.w700 {width: 45.5vw;}
.w800 {width: 52vw;}
.w900 {width: 58.5vw;}
.w1000 {width: 65vw;}

}




.pt-55 {
    padding-top: 55px;
}

.mb-55 { margin-bottom: 55px;}

.pb-55 { padding-bottom: 55px;}
.pb-50 { padding-bottom: 50px;}
.pb-45 { padding-bottom: 45px;}
.pb-40 { padding-bottom: 40px;}
.pb-35 { padding-bottom: 35px;}
.pb-30 { padding-bottom: 30px;}
.pb-25 { padding-bottom: 25px;}
.pb-20 { padding-bottom: 20px;}
.pb-15 { padding-bottom: 15px;}
.pb-10 { padding-bottom: 10px;}
.pb-5 { padding-bottom: 5px;}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.separator{
    height: 2px;
    width: 100%;
    background-color: var(--main-active-color);
}
.separator-shadow{
    background-color: #ffffff;
    height: 6px;
    width: 100%;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 0.25);
}

.acc-head{ 
    padding-bottom: 55px; 
    text-align: center;
    font-size: 36px; 
    font-weight: 300;
}
.acc-head-w{ 
    padding-bottom: 55px; 
    text-align: center;
    font-size: 36px; 
    font-weight: 600;
}
.fs14 {
    font-size: var(--font-size-14);
}
.fs16 {
    font-size: var(--font-size-16);
}
.fs20 {
    font-size: var(--font-size-20);
}
.fs24 {
    font-size: var(--font-size-24);
}
.fs24b {
    font-size: var(--font-size-24);
    color: var(--color-black);
}
.fs32 {
    font-size: var(--font-size-h1);
}
.fs32w {
    font-size: var(--font-size-h1);
    font-weight: 600;
}
.fs36 {
    font-size: var(--font-size-h);
}
.fs36w {
    font-size: var(--font-size-h);
    font-weight: 600;
}
.black {
    color: var(--color-black);
}
.bg-active {
    background-color: var(--main-active-color);
}
.bg-input {
    background-color: var(--input-bg-color);
}
.ml-5 {
    margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-50 {
    margin-left: 50px;
}
.ml-100 {
    margin-left: 100px;
}
.ml-150 {
    margin-left: 150px;
}
.ml-200 {
    margin-left: 200px;
}
.ml-250 {
    margin-left: 250px;
}
.ml-300 {
    margin-left: 300px;
}
.h42{
    height: 42px;
}
.hmt-5{
    height: 42px;
    margin-top: 5px;
}
.hmt-20{
    height: 42px;
    margin-top: 20px;
}
.hmt-26{
    height: 42px;
    margin-top: 26px;
}
.hmt-50{
    height: 42px;
    margin-top: 50px;
}
.hmt-56{
    height: 42px;
    margin-top: 56px;
}
.hmt-70{
    height: 42px;
    margin-top: 70px;
}
.hmt-140{
    height: 42px;
    margin-top: 140px;    
}
.hmt-205{
    height: 42px;
    margin-top: 205px;    
}

.hpt-5{
    height: 42px;
    padding-top: 5px;
}
.hpt-20{
    height: 42px;
    padding-top: 20px;
}
.hpt-26{
    height: 42px;
    padding-top: 26px;
}
.hpt-50{
    height: 42px;
    padding-top: 50px;
}
.hpt-56{
    height: 42px;
    padding-top: 56px;
}
.hpt-70{
    height: 42px;
    padding-top: 70px;
}
.hpt-140{
    height: 42px;
    padding-top: 140px;    
}

#RegCont {
    background-color: rgba(0, 0, 0, .0);
}
.font-slide {
    font-size: 3.7vw;
    font-weight: 800;
}
.white {
    color: #fff;
}
.magenta {
    color: var(--main-active-color);
}
.color-main:hover{
    color: var(--main-active-color);
}

.color-main {
    color: var(--main-theme-color);
}
.cur-pointer {
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.cur-move {
    cursor: move;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
.select-none {
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.stroke-white {
    -webkit-text-stroke: 0.08vw #fff;
}
.reg-notifycation {
    /*font-size: 1.5vw;*/
    font-size: 1.1vw;
    color: #000;
    /*background-color: rgba(255, 255, 0, 0.25);*/
}
p {font-size: 0.9em;}
p > strong {font-weight: 500; color: var(--main-theme-color);}

.holoconf-custom-logo {
    min-height: 3em;
    width: auto;
    height: 90px;
}
.holoconf-custom-logo-mob {
    height: 50px;
    width: auto;
}
.offcanvas {
    width: 85% !important;
}
footer {
    background-color: var(--main-theme-color);
}
.holoconf-custom-event {
    text-align: right;
    color: var(--main-active-color);
    padding-left: 20px;
    padding-top: 5px;
    font-size: 1.1em;
    display: block;
}
.holoconf-custom-event {
    white-space: nowrap;
}
.holoconf-custom-event > span {
    font-size: 2em;

}
nav {
    height: 128px;
    /* background-color: #fff; */
}
.nav-link {
    white-space: nowrap;
    position: relative;
}
.nav-item {
    height: 50px;
}
.imgback {
    background-image: url("http://holoexpoconference.ru/wp-content/uploads/2023/03/2023.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 110vh;
    background-color: rgba(0, 0, 0, .0);
}
.px-heconf {
    padding-left: 10%;
    padding-right: 10%;

}
.btn-registration {
    font-size: 20px;
    font-weight: 300;
    padding: 5px 10px 5px 10px;
    background-color: var(--main-active-color);
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-registration-magenta {
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    background-color: var(--main-active-color);
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-registration-magenta-keypress {
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    color: var(--main-active-color);
    border: solid 1px var(--main-active-color);
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.btn-registration-disab {
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #acacac;
    color: #d3d3d3;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.box-shadow-black {
    box-shadow: var(--shadow);
}
.text-shadow-black {
    text-shadow: var(--shadow);
}
.reg-font-1 {
    /* font-size: 2vw; */
    font-size: 36px;
    text-shadow: var(--shadow);
    font-weight: 300;

}
.reg-font-2 {
   /* font-size: 1.1vw; */
   font-size: 24px;

}
.reg-font-3 {
    font-size: 0.7vw;
}
.reg-font-4 {
    font-size: 1.0vw;
}
.reg-arrow {
    padding-left: 0px;
    padding-right: 0px;
    align-items: center;
    text-align: center;
    width: 4vw;
    height: 3vw;
}
.reg-nav {

    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

    align-items: center;
    text-align: center;
    font-size: 20px;
    /*cursor: pointer;*/
    color: var(--main-href-color);
    /*
    padding-left: 3px;
    padding-right: 3px;  
    height: 3vw;
    */
    /* font-size: 1.0vw; */
    /*text-shadow: var(--shadow);*/
}
.reg-nav-sep {
    font-size: 24px;
    font-weight: 400; 
}
.reg-active {
    color: var(--main-active-color);
    text-shadow: var(--shadow);
}
img.arrow{
    width: 4vw;
    height: 0.75vw;
    margin-top: 1vw;
}
input[type=text]:focus {
    background-color: #efefef;
    border-color: var(--main-active-color);
    outline: solid 1px var(--main-active-color);
 }
 input[type=password]:focus {
    background-color: #efefef;
    border-color: var(--main-active-color);
    outline: solid 1px var(--main-active-color);
 }
 .color-placeholder {
    color: #B9B9B9;
 }
.reg-input::placeholder {
    color: #B9B9B9;
}
.reg-input:disabled {
    color: #B9B9B9;
}
.magenta:disabled {
    color: var(--main-active-color);
}
.reg-input {
    padding-left: 16px;
    font-size: 20px;
    background-color: var(--input-bg-color);
    color: var(--main-active-color);
    border: none;
    height: 42px;
}
.reg-div-over-input {
    padding-left: 16px;
    font-size: 20px;
    background-color: var(--input-bg-color);
    color: var(--main-active-color);
    border: none;
    height: 40px;
    width: calc(100% - 50px);
    left: 1px;
    top: 1px;
}
textarea.reg-input:focus {
    background-color: #efefef;
    border-color: var(--main-active-color);
    outline: solid 1px var(--main-active-color);  
}
/*
.reg-input {
    font-size: 1.2vw;
    background-color: #D9D9D9;
    color: #000;
    border: none;
    height: 2vw;
}
*/
.reg-after::after {
    content: '|';
    margin-left: 0.5vw;
}
.reg-before::before {
    content: '|';
    margin-right: 0.5vw;
}
.reg-req::after {
    content: '*';
    color: var(--main-active-color);
    margin-left: 12px;
}
.reg-req-2::after {
    content: '*\a0\a0\a0**';
    color: var(--main-active-color);
    margin-left: 0.5vw;
}
.reg-req-3::after {
    content: '*\a0\a0\a0***';
    color: var(--main-active-color);
    margin-left: 0.5vw;
}
.h-mt-1 {margin-top: 0.4vw;}
.h-wml-1 {width: 1vw; margin-left: 4vw;}

.h-pt-0 {padding-top: 0.1vw;}
.h-pt-1 {padding-top: 0.4vw;}
.h-pt-2 {padding-top: 0.9vw;}
.h-pt-3 {padding-top: 1.6vw;}
.h-pt-4 {padding-top: 2.5vw;}
.h-pt-5 {padding-top: 3.6vw;}
.h-pt-6 {padding-top: 4.9vw;}

.h-pb-0 {padding-bottom: 0.1vw;}
.h-pb-1 {padding-bottom: 0.4vw;}
.h-pb-2 {padding-bottom: 0.9vw;}
.h-pb-3 {padding-bottom: 1.6vw;}
.h-pb-4 {padding-bottom: 2.5vw;}
.h-pb-5 {padding-bottom: 3.6vw;}
.h-pb-6 {padding-bottom: 4.9vw;}

.h-py-0 {padding-bottom: 0.1vw;padding-top: 0.1vw;}
.h-py-1 {padding-bottom: 0.4vw;padding-top: 0.4vw;}
.h-py-2 {padding-bottom: 0.9vw;padding-top: 0.9vw;}
.h-py-3 {padding-bottom: 1.6vw;padding-top: 1.6vw;}
.h-py-4 {padding-bottom: 2.5vw;padding-top: 2.5vw;}
.h-py-5 {padding-bottom: 3.6vw;padding-top: 3.6vw;}
.h-py-6 {padding-bottom: 4.9vw;padding-top: 4.9vw;}

.checkbox-wh {
    width: 2vw;
    height: 2vw;
}
.reg-u {
    text-decoration: underline;
}

/* -------------------------------------- ОкОРМЛЕНИЕ ЧЕКБОКСА------------------------ */
    /* для элемента input c type="checkbox" */
    .custom-checkbox {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }
  
      /* для элемента label, связанного с .custom-checkbox */
      .custom-checkbox+label {
        display: inline-flex;
        align-items: center;
        user-select: none;
        width: 100%;
        height: 100%;
        background-color: var(--input-bg-color);
      }
  
      /* создание в label псевдоэлемента before со следующими стилями */
      .custom-checkbox+label::before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        flex-grow: 0;
        border: 1px solid #D9D9D9;
        /* border-radius: 0.25em; */
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
      }
  
      /* стили при наведении курсора на checkbox */
      .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
        border-color: #A9A9A9;
      }
  
      /* стили для активного чекбокса (при нажатии на него) */
      .custom-checkbox:not(:disabled):active+label::before {
        background-color: var(--input-bg-color);
        border-color: #D9D9D9;
      }
  
      /* стили для чекбокса, находящегося в фокусе */
      /*
      .custom-checkbox:focus+label::before {
        box-shadow: 0 0 0 0.1rem rgba(197, 0, 95, 0.75);
      }
  */
      /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
      .custom-checkbox:focus:not(:checked)+label::before {
        border-color: #D9D9D9;
      }
  
      /* стили для чекбокса, находящегося в состоянии checked */
      .custom-checkbox:checked+label::before {
        border-color: #D9D9D9;
        background-color: var(--input-bg-color);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23940036' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }
  
      /* стили для чекбокса, находящегося в состоянии disabled */
      .custom-checkbox:disabled+label::before {
        background-color: #efefef;
      }
/* -------------------------------------- ОФОРМЛЕНИЕ ЧЕКБОКСА КОНЕЦ------------------------ */


/* -------------------------------------- ОФОРМЛЕНИЕ INPUT RADIO------------------------ */
/* для элемента input c type="radio" */
.custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  /* для элемента label связанного с .custom-radio */
  .custom-radio+label {
/* КРУГЛЫЙ ВИД
    display: inline-flex;
    align-items: center;
    user-select: none;
    width: 100%;
    height: 100%;
*/
display: inline-flex;
align-items: center;
user-select: none;
width: 100%;
height: 100%;
background-color: var(--input-bg-color);

  }

  /* создание в label псевдоэлемента  before со следующими стилями */
  .custom-radio+label::before {
/* КРУГЛЫЙ ВИД
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #D9D9D9;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
*/
content: '';
display: inline-block;
width: 100%;
height: 100%;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #D9D9D9;
/* border-radius: 0.25em; */
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;



  }
  /* стили при наведении курсора на радио */
  .custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: #A9A9A9;
  }
  /* стили для активной радиокнопки (при нажатии на неё) */
  .custom-radio:not(:disabled):active+label::before {
    background-color: var(--input-bg-color);
    border-color: #D9D9D9;
  }
  /* стили для радиокнопки, находящейся в фокусе */
  /*
  .custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  */
  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  .custom-radio:focus:not(:checked)+label::before {
    border-color: #D9D9D9;
  }
  /* стили для радиокнопки, находящейся в состоянии checked */
  .custom-radio:checked+label::before {
    border-color: #D9D9D9;
    background-color: var(--input-bg-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23940036' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23940036'/%3e%3c/svg%3e"); */
  }
  /* стили для радиокнопки, находящейся в состоянии disabled */
  .custom-radio:disabled+label::before {
    background-color: var(--input-bg-color);
  }
/* -------------------------------------- ОФОРМЛЕНИЕ INPUT RADIO  КОНЕЦ------------------------ */



/* -------------------------------------- ОФОРМЛЕНИЕ SELECT------------------------ */
.new-select-pref {
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 2vw;
    overflow: auto;
    height: 20vw;
    box-shadow: var(--shadow);
    display: none;
    
}
.new-select-button-pref {
    font-size: 20px;
    font-weight: 300;
    padding-top: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--input-bg-color);
    width: 100%;
    height: 42px;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 39'%3e%3cpath fill='%23940036' d='M7.499 0l7.499 13.844 -14.998 0 7.499 -13.844zm0 39.226l7.499 -13.844 -14.998 0 7.499 13.844z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 14px 30px;

}
.new-select-item-pref {
    white-space: normal;
    padding: 0.3vw;
    border: solid 1px #D9D9D9;
    text-align: left;
}
.new-select-item-pref:hover {
    border: solid 1px var(--main-active-color);
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.select {
    display: block;
    max-width: 215px;
    width: 100%;
    position: relative;
}
.new-select {
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 2vw;
    overflow: auto;
    height: 450px;
    box-shadow: var(--shadow);
    display: none;
    
}
.new-select-button {
    font-size: 20px;
    font-weight: 300;
    padding-top: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--input-bg-color);
    width: 100%;
    height: 42px;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 39'%3e%3cpath fill='%23940036' d='M7.499 0l7.499 13.844 -14.998 0 7.499 -13.844zm0 39.226l7.499 -13.844 -14.998 0 7.499 13.844z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 14px 30px;

}
.new-select-item {
    white-space: normal;
    padding: 0.3vw;
    border: solid 1px #D9D9D9;
}
.new-select-item-disable {
    white-space: normal;
    padding: 0.3vw;
    border: solid 1px #D9D9D9;
    color: #afafaf;
}
.new-select-item:hover {
    border: solid 1px var(--main-active-color);
    cursor: pointer;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* -------------------------------------- ОФОРМЛЕНИЕ SELECT  КОНЕЦ------------------------ */




/*--------------------------------------   media НАЧАЛО ---------------------------------------*/
.ml-17{
    margin-left: 0px;
}
.ml-33{
    margin-left: 0px;
}
@media (min-width: 768px) {
    .ml-33{
        margin-left: 25%;
    }
}
@media (min-width: 992px) { 
    .ml-17{
        margin-left: 17%;
    }
    .ml-33{
        margin-left: 33%;
    }
}


    .mycontainer {
        width: 1420px;

        /* padding-left: 10%;
        padding-right: 10%; */
        margin-left: auto;
        margin-right: auto;

    
    }
    .regcontainer{
        width: 1200px;
        margin-left: auto;
        margin-right: auto;       
    }
            

@media(max-width: 1399.98px) { 
    .mycontainer {
        padding-left: 3%;
        padding-right: 3%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    
    }
    .regcontainer{
        padding-left: 3%;
        padding-right: 3%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;       
    }
    .holoconf-custom-logo {
        height: 50px;
    }
    .px-heconf {
        padding-left: 1%;
        padding-right: 1%;
    
    }
}
@media (max-width: 767.98px) { /* Для экранов МЕнее 767 точек */
    .px-heconf {
        padding-left: 0px;
        padding-right: 0px;
    
    }
    nav {
        height: 5em;
    }
    .nav-item {
        height: 40px;
    }

    .holoconf-custom-event {
        display: none;
    }
    .reg-font-1 {
        font-size: 7vw;
        font-weight: 700;

    }
    /*
    .reg-font-2 {
        font-size: 5vw;
        white-space: nowrap;
    }
    */
    .reg-font-4 {
        font-size: 4.0vw;
    }
    .reg-input {
        font-size: 5vw;
        background-color: var(--input-bg-color);
        color: #000;
        border: none;
        height: 8vw;
    }
    .reg-after::after {
        content: '';
    }
    .reg-before::before {
        content: '';
    }
    .h-pt-0 {padding-top: 0.2vw;}
    .h-pt-1 {padding-top: 0.8vw;}
    .h-pt-2 {padding-top: 1.8vw;}
    .h-pt-3 {padding-top: 3.2vw;}
    .h-pt-4 {padding-top: 5.0vw;}
    .h-pt-5 {padding-top: 7.2vw;}
    .h-pt-6 {padding-top: 9.8vw;}
    
    .h-pb-0 {padding-bottom: 0.2vw;}
    .h-pb-1 {padding-bottom: 0.8vw;}
    .h-pb-2 {padding-bottom: 1.8vw;}
    .h-pb-3 {padding-bottom: 3.2vw;}
    .h-pb-4 {padding-bottom: 5.0vw;}
    .h-pb-5 {padding-bottom: 7.2vw;}
    .h-pb-6 {padding-bottom: 9.8vw;}
    
    .h-py-0 {padding-bottom: 0.2vw;padding-top: 0.2vw;}
    .h-py-1 {padding-bottom: 0.8vw;padding-top: 0.8vw;}
    .h-py-2 {padding-bottom: 1.8vw;padding-top: 1.8vw;}
    .h-py-3 {padding-bottom: 3.2vw;padding-top: 3.2vw;}
    .h-py-4 {padding-bottom: 5.0vw;padding-top: 5.0vw;}
    .h-py-5 {padding-bottom: 7.2vw;padding-top: 7.2vw;}
    .h-py-6 {padding-bottom: 9.8vw;padding-top: 9.8vw;} 
    
    .px-heconf {
        padding-left: 5%;
        padding-right: 5%;
    
    }
   
    .checkbox-wh {
        width: 6vw;
        height: 6vw;
    }
    .new-select-button{
        height: 10vw;
        background-size: 7.5vw;
    }
    .new-select {
        top: 10vw;
        height: 100vw;
    }
}
/*--------------------------------------   media КОНЕЦ ---------------------------------------*/


.reg-pass-control {
	position: relative;
	top: 1px;
	left: 6px;
	width: 20px;
	height: 20px;
}

ul.sub-menu{
 position: absolute;
 top: 96px;
 left: 0px;
 list-style-type: '';
 background-color: #ffffff;
 border: solid 1px var(--main-active-color);
 display: none;
 margin: 0px;
 padding: 7px;
 box-shadow: var(--shadow);
 -webkit-box-shadow: var(--shadow);
}
ul.sub-menu-reg{
    position: absolute;
    top: 80px;
    left: 0px;
    list-style-type: '';
    background-color: #ffffff;
    border: solid 1px var(--main-active-color);
    display: none;
    margin: 0px;
    padding: 7px;
   }

.my-nav-link { /* общий класс всех ссылок меню */
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    height: 4rem;
       /*background-color: ; */
}
.nav-link-level_1{/* класс ссылок для корневого уровня */
    /*background-color: #ffffff; */
    font-size: 20px;
    font-weight: 300;
    text-shadow: var(--shadow);
}

.nav-link-level_1:hover{/* класс ссылок для корневого уровня */
    /*background-color: #ffffff; */
    color: var(--main-active-color);
}

.nav-link-level_2{/* класс ссылок для первого уровня */
    color: var(--main-theme-color);  
    background-color: #ffffff;
}
.nav-link-level_2:hover{/* класс ссылок для первого уровня */
    background-color: #ffffff;
    color: var(--main-active-color);
   /* text-decoration-line: underline; */
   /* text-decoration-color: var(--main-active-color);*/
   /* text-decoration-thickness: 2px;*/
}
.my-nav-item {/* общий класс всех элементов <li> меню */
    position: relative;
}
.nav-item-level_1 {/* класс элементов <li> для корневого уровня */  
    height: 6rem;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    padding-top: 20px;
    padding-bottom: 20px;

}
.nav-item-level_2 {/* класс элементов <li> для первого уровня */
    background-color: #ffffff;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    margin-top: 1.4vh;
}
li.nav-item-level_2:last-child {
    margin-bottom: 1.4vh;
}
.navbar-nav {
    /*margin-top: -20px;*/
    margin-top: -20px; 

}
a {   
    text-decoration: underline;
    color: var(--main-href-color);
}
a:hover {
    text-decoration: none;
}

a.footer {
    font-size: 20px;
    font-weight: 200; 
    color: var(--footer-href-color);
}


.mycontainer-1 {
    width: 1420px;
    /* padding-left: 10%;
    padding-right: 10%; */
    margin-left: auto;
    margin-right: auto;

    background-image: url("http://holoexpoconference.ru/wp-content/uploads/2024/01/bg_registration.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    

}
.mybox {
    width: 1420px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, .93);
}











.youtube-wrap {
    position: relative;
    max-width: 1400px;
    margin: 20px auto;
  /*  border: 6px solid #BFE2FF;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2); */
}
.youtube-wrap div[youtube] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
    cursor: pointer;
}
.youtube-wrap div[youtube]:before {
    content: "";  
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5); 
    border: 6px solid var(--main-active-color);
    width: 80px;
    height: 80px;
    z-index: 3;
   /* box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3); */
    position: absolute;
    top: 20px;
    left: 20px;    
/* Кнопка по центру */    
/*    
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); 
*/
    transition: 0.5s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' stroke='%23940036' fill='%23940036' stroke-linecap='round'%3e%3cpolygon points='5 3 19 12 5 21 5 3'%3e%3c/polygon%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 60% 50%;  
}
.youtube-wrap div[youtube]:hover:before {
    background-color: rgba(0, 0, 0, 0.7);
   /* border: 6px solid #FFF; */
}
.youtube-wrap div[youtube].show:before,
.youtube-wrap div[youtube].show:after {
    display: none;
}
.youtube-wrap div[youtube] iframe,
.youtube-wrap div[youtube] img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}    
.youtube-wrap div[youtube] img {
    z-index: 2;
    object-fit: cover;
    object-position: 50% 50%;
}
@media screen and (max-width: 420px) {
    .youtube-wrap div[youtube]:before {
        width: 60px;
        height: 60px;
        /* border: 4px solid #BFE2FF; */
    }
}


.custom-tooltip{
	--bs-tooltip-bg: var(--main-active-color);
	color: #fff;
	opacity: 1.0;
}