@media (max-width: 945px) {

    .head-text {

        margin-left: 30px;

        width: 78%!important;

    }

}

.head-text {

    padding-top: 30px;

}

@media(max-width: 510px) and (min-width: 444px) {

    .head-logo a {

        width: 80px!important;

    }

    .head-logo {

        width: 15%!important;

    }

    .head-text {

        width: 75%!important;

        padding: 10px 0 0 0!important;

    }

    .head-text p {

        line-height: 15px;

        font-size: 13px!important;

    }

    .min-font-header {

        font-size: 10px!important;

    }

    #head-row {

        padding-top: 48px!important;

    }

}

@media (max-width: 444px) {

    .head-logo a {

        width: 80px!important;

    }

    .head-logo {

        width: 15%!important;

    }

    .head-text p {

        line-height: 15px;

        font-size: 10px!important;

    }

    .head-text {

        width: 65%!important;

        padding: 10px 0 0 20px!important;

        /*padding-top: */

    }

    .min-font-header {

        font-size: 8px!important;

    }

    #head-row {

        padding-top: 48px!important;

    }

}

@media (max-width: 794px) and (min-width: 510px) {

    .head-logo a {

        width: 100px!important;

    }

    .head-logo {

        width: 15%!important;

    }

    .head-text p {

        line-height: 15px;

        font-size: 15px!important;

    }

    .head-text {

        padding-top: 10px;

    }

    .min-font-header {

        font-size: 12px!important;

    }

    #head-row {

        padding-top: 48px!important;

    }

}  



@media (min-width: 1400px) {

    .head-logo {

        width: 12%!important;

    }

    .head-text p {

        font-size: 29px;

    }

}

.alfavit_box {

    display: flex;

    flex-wrap: wrap;

}

.alfavit_box > li {

    display: inline-flex;

    margin-right: 4px;

    margin-bottom: 4px;

    border-radius: 3px;

}

.alfavit_box > li:hover .alfavitBoxItem {

    background: white;

    text-decoration: none;

    cursor: pointer;

}

.alfavit_box > li .alfavitBoxItem {

    padding: 5px 8px 5px 8px;

    font-size: 15px;

    background: white;

    color: #595959;    

    width: 28px;

}

.alfavit_box > li .alfavitBoxItem:hover {

    background-color: #f1f1f1;

} 



#names > li {

    width: 100%;

    color: black;

    background-color: white;

}

.btn-sbmt {

    background: green;

    border: none;

    padding: 10px 50px;

}

.form_radio_btn {

    display: inline-block;

    margin-right: 10px;

    width: 100%;

}

.form_radio_btn input[type=radio] {

    display: none;

}

.form_radio_btn label {

    width: 100%;

    display: block;

    cursor: pointer;

    padding: 0px 15px;

    line-height: 34px;

    border: 1px solid #999;

    border-radius: 6px;

    user-select: none;

}

 

.form_radio_btn input[type=radio]:checked + label {

    background: #fff;

    color: #595959;

}

 

.form_radio_btn label:hover {

    background: rgba(255,255,255,0.5);

}

 

.form_radio_btn input[type=radio]:disabled + label {

    background: #efefef;

    color: #666;

}



.namesScroll::-webkit-scrollbar {

  width: 5px;              

}



.namesScroll::-webkit-scrollbar-track {

  background: transparent;        

}



.namesScroll::-webkit-scrollbar-thumb {

  background-color: black;   

  border-radius: 20px;      

  border:none;  

}



.title-info:hover::after {

    content: attr(data-title);

    position: absolute;

    z-index: 1;

    background: #fff;

    color: #595959;

    font-size: 15px;

    left: 20%; top: 50%;

    line-height: 15px;

    padding: 10px;

    border-radius: 5px;

}



.flex-parent {

    display: flex;

}

.flex-child {

    margin: 0 5px;

    background: rgba(0,0,0,0.5);

    padding: 15px;

    box-sizing: border-box;

    width: 100%;

    flex-wrap: wrap;

    border-radius: 10px;

    align-content: flex-start

}



body {

    margin: 0;

    padding: 0;

}

#supersized img {

    -webkit-animation: spinBackground 100s linear infinite;

    -moz-animation: spinBackground 100s linear infinite;

    animation: spinBackground 100s linear infinite;

}

#supersized {

    width: 100vw;

    height: 100vh;

}

.overlay{

    background: rgba(0,0,0,0.2) url(images/patterns/pattern.png) repeat;        

}



.site-logo {

    opacity: 1!important; 

    width: 150px!important; 

    height: auto!important; 

    margin: 10px 0 0!important;

}



.head-text p {

    /*font-weight: bold; */

    font-size: 24px; 

    text-align: left;

    font-family: montserrat, sans-serif;

}



.alfavit_box > li:hover .alfavitBoxItemFather {

    background: white;

    text-decoration: none;

    cursor: pointer;

}

.alfavit_box > li .alfavitBoxItemFather {

    padding: 5px 8px 5px 8px;

    font-size: 15px;

    background: white;

    color: #595959;    

    width: 28px;

}

.alfavit_box > li .alfavitBoxItemFather:hover {

    background-color: #f1f1f1;

} 





.lds-ring {

  display: inline-block;

  position: relative;

  width: 80px;

  height: 80px;

}

.lds-ring div {

  box-sizing: border-box;

  display: block;

  position: absolute;

  width: 64px;

  height: 64px;

  margin: 8px;

  border: 8px solid #fff;

  border-radius: 50%;

  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

  border-color: #fff transparent transparent transparent;

}

.lds-ring div:nth-child(1) {

  animation-delay: -0.45s;

}

.lds-ring div:nth-child(2) {

  animation-delay: -0.3s;

}

.lds-ring div:nth-child(3) {

  animation-delay: -0.15s;

}

@keyframes lds-ring {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #595959;
  z-index: 1001;
}



.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}



.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #ffffff;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}



.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}



@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}


.lds-ripple {
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
}
.lds-ripple div {
  position: absolute;
  border-right: 10px solid yellow;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}



@keyframes preloader-bounce {



  0%,

  100% {

    transform: scale(0);

  }



  50% {

    transform: scale(1);

  }

}



.loaded_hiding .preloader {

  transition: 0.3s opacity;

  opacity: 0;

}



.loaded .preloader {

  display: none;

}



.authorization-block {

    position: fixed; 

    top: 20px; 

    right: 5px; 

    z-index: 100;

}



.authorization-block a {

    background: rgba(0,0,0,0.5); 

    border: 1px solid black; 

    padding: 10px 20px; 

    color: white;

}



.authorization-block a:hover {

    font-weight: bold;

    color: white;

}



@media (max-width: 414px) {

  .authorization-block a {

    padding: 8px 13px; 

    font-size: 7px;

  }

  .categories {

    padding: 8px 13px!important;

    font-size: 8px!important;

  }

}



    #sucAudio input {

        width: 100%;

        margin-top: 20px;

        border: none;

        padding: 10px;

        background: green;

        color: white;

    }





.lds-spinner {

  color: white;

  display: inline-block;

  position: relative;

  width: 80px;

  height: 80px;

  left: 50%;

  margin-right: -50%;

  transform: translate(-50%);

}

.lds-spinner div {

  transform-origin: 40px 40px;

  animation: lds-spinner 1.2s linear infinite;

}

.lds-spinner div:after {

  content: " ";

  display: block;

  position: absolute;

  top: 3px;

  left: 37px;

  width: 6px;

  height: 18px;

  border-radius: 20%;

  background: #fff;

}

.lds-spinner div:nth-child(1) {

  transform: rotate(0deg);

  animation-delay: -1.1s;

}

.lds-spinner div:nth-child(2) {

  transform: rotate(30deg);

  animation-delay: -1s;

}

.lds-spinner div:nth-child(3) {

  transform: rotate(60deg);

  animation-delay: -0.9s;

}

.lds-spinner div:nth-child(4) {

  transform: rotate(90deg);

  animation-delay: -0.8s;

}

.lds-spinner div:nth-child(5) {

  transform: rotate(120deg);

  animation-delay: -0.7s;

}

.lds-spinner div:nth-child(6) {

  transform: rotate(150deg);

  animation-delay: -0.6s;

}

.lds-spinner div:nth-child(7) {

  transform: rotate(180deg);

  animation-delay: -0.5s;

}

.lds-spinner div:nth-child(8) {

  transform: rotate(210deg);

  animation-delay: -0.4s;

}

.lds-spinner div:nth-child(9) {

  transform: rotate(240deg);

  animation-delay: -0.3s;

}

.lds-spinner div:nth-child(10) {

  transform: rotate(270deg);

  animation-delay: -0.2s;

}

.lds-spinner div:nth-child(11) {

  transform: rotate(300deg);

  animation-delay: -0.1s;

}

.lds-spinner div:nth-child(12) {

  transform: rotate(330deg);

  animation-delay: 0s;

}

@keyframes lds-spinner {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}







.icon-cards {

  position: relative;

  width: 60vw;

  height: 40vw;

  max-width: 380px;

  max-height: 250px;

  margin: 0;

  color: white;

  perspective: 1000px;

  transform-origin: center;

}

.icon-cards__content {

  position: absolute;

  width: 100%;

  height: 100%;

  transform-origin: center;

  transform-style: preserve-3d;

  transform: translateZ(-30vw) rotateY(0);

  -webkit-animation: carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;

          animation: carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;

}

.icon-cards__content.step-animation {

  -webkit-animation: carousel 8s infinite steps(1) forwards;

          animation: carousel 8s infinite steps(1) forwards;

}

.icon-cards__item {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 60vw;

  height: 40vw;

  max-width: 380px;

  max-height: 250px;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  transform-origin: center;

}

.icon-cards__item:nth-child(1) {

  background: #FDD94F;

  transform: rotateY(0) translateZ(35vw);

}

.icon-cards__item:nth-child(2) {

  background: #F87949;

  transform: rotateY(120deg) translateZ(35vw);

}

.icon-cards__item:nth-child(3) {

  background: #FBAB48;

  transform: rotateY(240deg) translateZ(35vw);

}



@-webkit-keyframes carousel {

  0%, 17.5% {

    transform: translateZ(-35vw) rotateY(0);

  }

  27.5%, 45% {

    transform: translateZ(-35vw) rotateY(-120deg);

  }

  55%, 72.5% {

    transform: translateZ(-35vw) rotateY(-240deg);

  }

  82.5%, 100% {

    transform: translateZ(-35vw) rotateY(-360deg);

  }

}



@keyframes carousel {

  0%, 17.5% {

    transform: translateZ(-35vw) rotateY(0);

  }

  27.5%, 45% {

    transform: translateZ(-35vw) rotateY(-120deg);

  }

  55%, 72.5% {

    transform: translateZ(-35vw) rotateY(-240deg);

  }

  82.5%, 100% {

    transform: translateZ(-35vw) rotateY(-360deg);

  }

}

/*html,

body {

  height: 100%;

}



body {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background: #110F15;

}*/



.checkbox {

  position: relative;

  margin-top: 2rem;

  font-size: 0.9rem;

  font-weight: bold;

  text-transform: uppercase;

  color: #F47956;

  transition: color 0.3s ease;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.checkbox:hover {

  color: #F7A95A;

}

.checkbox__checkbox {

  position: relative;

  top: 0;

  width: 1.0625rem;

  height: 1.0625rem;

  background: white;

  border: 1px solid currentColor;

  border-radius: 4px;

  vertical-align: middle;

  transition: background 0.1s ease;

  cursor: pointer;

}

.checkbox__checkbox::after {

  content: "";

  position: absolute;

  top: 1px;

  left: 5px;

  width: 5px;

  height: 11px;

  opacity: 0;

  transform: rotate(45deg) scale(0);

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transition: all 0.3s ease;

  transition-delay: 0.15s;

}

.checkbox__label {

  margin-left: 5px;

  vertical-align: middle;

  cursor: pointer;

}

.checkbox > input:checked ~ .checkbox__checkbox {

  border-color: transparent;

  background: #F47956;

  -webkit-animation: jelly 0.6s ease;

          animation: jelly 0.6s ease;

}

.checkbox > input:checked ~ .checkbox__checkbox:after {

  opacity: 1;

  transform: rotate(45deg) scale(1);

}



@-webkit-keyframes jelly {

  from {

    transform: scale(1, 1);

  }

  30% {

    transform: scale(1.25, 0.75);

  }

  40% {

    transform: scale(0.75, 1.25);

  }

  50% {

    transform: scale(1.15, 0.85);

  }

  65% {

    transform: scale(0.95, 1.05);

  }

  75% {

    transform: scale(1.05, 0.95);

  }

  to {

    transform: scale(1, 1);

  }

}



@keyframes jelly {

  from {

    transform: scale(1, 1);

  }

  30% {

    transform: scale(1.25, 0.75);

  }

  40% {

    transform: scale(0.75, 1.25);

  }

  50% {

    transform: scale(1.15, 0.85);

  }

  65% {

    transform: scale(0.95, 1.05);

  }

  75% {

    transform: scale(1.05, 0.95);

  }

  to {

    transform: scale(1, 1);

  }

}