html {
  scroll-behavior: smooth;
}
@font-face  {
    font-family: "Tenor Sans";
    src: local(''),
     url('../font/TenorSans-Regular.ttf');

  }
@font-face {
font-family: "UNSCII";
src: local(''), 
url('../font/unscii-16.woff');
}
 
.info_modal {
  background: url('/assets/images/back_info.webp');
  background-size: 100% 130%;
  background-repeat: no-repeat;
}
.coma_fm {
  color: lightgreen;
  font-size: 25px;
  position: absolute;
  bottom: 0;
  left: 6%;

}
.workbench-1 {
  font-family: "Workbench", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "BLED" 5,
    "SCAN" -10;
}
/*.workbench-1 {
font-family: "UNSCII";

}*/
  .btn {
    /*border-radius: 3px!important;*/
   
/*    opacity: 0.7!important;*/
/*  background: repeating-linear-gradient( 0deg, #90ee90a1, 
  var(--coma-secondary-color) 1px, var(--coma-secondary-color) 1px, 
  var(--coma-secondary-color) 2.5px );*/
  }

  :root {
/*    --ice-player-primary-color:  #1887a9 ;  */
    --coma-primary-color:  lightgreen ;  
   --coma-primary-color2: darkgreen;
    --coma-secondary-color: #10290c59 !important;
    --coma-tertiary-color: #031205fc !important;

}
  .btn-outline-info {
     border-color:   #90ee90db;
/*    --bs-btn-color:#1887a9!important;
    background-color: #2b2f6ead!important;
    --bs-btn-hover-color:#0f5970!important;*/
   --bs-btn-color: var(--coma-primary-color) !important;
/*  background-color: var(--coma-secondary-color) darkgreen !important;*/
  --bs-btn-hover-color: black;
  --bs-btn-hover-border-color: var(--coma-primary-color) !important;
  --bs-btn-active-border-color: var(--coma-primary-color) !important;
  --bs-btn-hover-bg: var(--coma-primary-color);
  --bs-btn-active-bg: var(--coma-primary-color);
  }
 
  .song_progress_elapsed_offcanvas {
    font-family: monospace;
    position: absolute;
    right:55px;
    bottom: 0;
    font-size: 12px;
    margin-bottom: -2px;
    /* margin-left: 20px; */
    z-index: 1;
    color: whitesmoke;
  }
  .song_duration_offcanvas {
    font-family: monospace;
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 12px;
    margin-bottom: -2px;
    /* margin-right: 20px; */
    z-index: 1;
    color: whitesmoke;
  }
  .song_separator_offcanvas {
    font-family: monospace;
    position: absolute;
    right: 45px;
    bottom: 0;
    font-size: 12px;
    margin-bottom: -2px;
    /* margin-right: 20px; */
    z-index: 1;
    color: whitesmoke;
  }
  
 
    .progress_bar_div_wrapper_offcanvas {
      height: 15px;
      width: 100%;
      border-bottom-right-radius: 0.45rem;
      border-bottom-left-radius: 0.45rem;
      border: none;
      color: #777;
      opacity: 0.8;
      background: #777;
      overflow: hidden;
    }
    #progress_bar_div_offcanvas {
      height: 15px;
      width: 100%;
      border: none;
      opacity: 0.8;
      background:repeating-linear-gradient( 0deg, #00ef00, #45b53359 1px, var(--coma-secondary-color) 1px, #26741a59 2.5px );
      transition: width 1s linear;

      
    }
  .song_progress_elapsed {
    font-family:  "Workbench",  monospace;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    margin-bottom: -0.5px;
    margin-left: 22px;
    z-index: 1;
    color: var(--coma-primary-color) ;
  }
  .song_duration {
    font-family:  "Workbench",  monospace;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin-bottom: -0.5px;
    margin-right: 22px;
    z-index: 1;
    color: var(--coma-primary-color) ;
  }
      .progress_bar_div_wrapper {
      height: 15px;
      width: calc(100% - 28px);
      position: absolute;
      bottom: 5%;
      left: 14px;
      right: 0%;
      border: none;
      background-color: rgba(75, 75, 75, 1);
      opacity: 1;
      border-radius: 100px;
      overflow: hidden;
    }
    #progress_bar_div {
      height: 15px;
      width:  0%;
      background:repeating-linear-gradient( 0deg, #90ee90a1, 
  var(--coma-secondary-color) 1px, var(--coma-secondary-color) 1px, 
  var(--coma-secondary-color) 2.5px );;
      opacity: 0.75;
      transition: width 1s linear;
      
    }
 #clock {
    font-family: 'Share Tech Mono', monospace;
    text-align: center;
    font-weight: 200;
    opacity: 0.5;
    color: var(--coma-primary-color);
    text-shadow: 0 0 20px rgb(10, 189, 230), 0 0 20px rgba(31, 79, 95, 0);
    }
    #clock .time {
        letter-spacing: 0.05em;
        font-size: 30px;
         
    }
    #clock .utc {
        letter-spacing: 0.1em;
        font-size: 10px;
        top: -1.4em;
    }
.UTC_mobile {
position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;margin-right: 12px;margin-top: 11px;
}
 @media (max-width: 700px) and  (min-width:600px) {
    #clock .utc {
        display: none;
    }
 }
  @media (max-width: 599px) {
/*    .UTC_mobile {
       position: absolute;
  top: 0;
  left: 0; 
  margin-left: 15px;
  margin-top: 55px;
  right: unset;
   z-index: 999;

    }*/
          #clock {
    font-family: 'Share Tech Mono', monospace;
    text-align: center;
    /*color: #c9a885;
    opacity: 0.6;
    text-shadow: 0 0 20px rgb(230, 10, 134), 0 0 20px rgba(10, 175, 230, 0);*/
    display: none;
    }
        #clock .time {
        letter-spacing: 0.05em;
        font-size: 20px;
         display: none;
    }
    #clock .utc {
        letter-spacing: 0.1em;
        font-size: 7px;
        top: -1.4em;
        display: none;
    }

    .leftOffcanvasUTC {display: none;} 
    
}
#button_block .btn {margin-right: 12px}
  .btn-warning {
  --bs-btn-bg: #ff9d41!important;
  --bs-btn-border-color: #ff9d41!important;
}
  .btn-outline-warning {
  --bs-btn-color: #ff9d41!important;
  --bs-btn-border-color: #ff9d41!important;
}
   .icecast-enabled {font-size: 30px; background: rgba(245,245,245,0.8); border-radius: 40px; transform: rotate(20deg); margin-top: -10px;}
    .icecast-enabled img {height:60px; opacity: 0.6}
    .enabled {position: absolute;top: -6%;left: 50%;}
    .hls-enabled img {height:60px; border-radius:40px; opacity: 0.5;
    }
    .hls-enabled .img1 {transform: rotate(20deg);}
  @media (max-width: 390px) and (min-width: 345px)  {
      .enabled {position: absolute;top: -14%;left: 50%;}
       .icecast-enabled img {height:47px;}
        .hls-enabled img {height:47px; border-radius:40px;}
           .icecast-enabled {font-size: 30px; background: rgba(245,245,245,0.7); border-radius: 40px; transform: rotate(20deg); margin-top: -10px;}

        }
        @media (max-width: 475px)  and (min-width:390px) {
      .enabled {position: absolute;top: -12%;left: 45%;}
       .icecast-enabled img {height:50px;}
        .hls-enabled img {height:50px; border-radius:40px;}
        }
         @media (max-width: 344px) {
            .enabled {position: absolute;top: -16%;left: 43%;}
         .icecast-enabled img {height:47px;}
        .hls-enabled img {height:47px; border-radius:40px;}
           .icecast-enabled {font-size: 30px; background: rgba(245,245,245,0.7); border-radius: 40px; transform: rotate(20deg); margin-top: -10px;}

         }
  .dropdown-menu.show {margin-left: -50px!important; margin-top: -2px!important}
  .dropdown-menu {margin-left: -50px!important; margin-top: -2px!important;
  background: rgba(0,0,0,0.8);
  border-radius: 30px;
  color: lightgreen;
  font-family: 'Workbench';
  }
  .dropdown-item{
      --bs-dropdown-link-hover-bg: rgba(255,255,255, 0.2)!important;
      border-radius: 30px;

  }
  .dropdown:hover>.dropdown-menu {
    display: block;
  transform: translate3d(0px, 2px, 0px);

  }
  .dropdown-item {color: var(--coma-primary-color)!important}
  .dropdown>.non-sticky:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  .modal-content {border-radius: 1rem!important}
.modal-content-dark-stepan{
  border-radius: 40px;
  background: url(https://omfm.ru/assets/img/orig.webp) 100% 0 no-repeat, rgba(0, 0, 0, 0.4);;
  color: #fff;
  font-size: 14px;
  background-size:  cover;
  position: absolute;
  border: 7px solid black;
  border-radius: 40px;
  opacity:0.95;
}
.modal-content-dark-stepan::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.modal-content-dark-stepan-shiva{
  border-radius: 40px;
 background:   url("/assets/img/hero-bg.png") center center no-repeat ;

    
    background-attachment: fixed;  
    color: #fff;
  font-size: 14px;
  background-size:  cover;
  position: absolute;
  border: 7px solid black;
  border-radius: 40px;
}
.modal-content-dark-stepan-shiva::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.moodalbackgroundst-col{
  background: 50% 0 no-repeat;
   box-shadow:  0 50px 80px rgb(0 0 0 / 50%);
   background-size:  cover;
   position: absolute;
   padding: 23px 0;
border-radius: 40px;
}
body {
  font-family: "Workbench", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "BLED" 5,
    "SCAN" -10;
  /*background: url(https://omfm.ru/assets/img/3xN23mT0F0bPNNpAHdl59Pf1qgT3.png) 50% 50% no-repeat;
  background-size:  cover;
  position: relative;*/
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.background-general {

/*  background: url(https://omfm.ru/assets/img/3xN23mT0F0bPNNpAHdl59Pf1qgT3.png) 50% 50% no-repeat;*/
  background-color: rgba(0, 0, 0, 0.2); 
  background-size:  cover;
  position: absolute;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: -1;
}

#myVideo {
  position: fixed; 
  opacity: 0.3;
  min-width: 100%;
  min-height: 100vh;
  z-index: -1;
}
 

.accordion {
  --bs-accordion-color: #fff;
  --bs-accordion-bg: inherit;
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: white;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: white;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: white;
  --bs-accordion-active-bg: none;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.rotate.down {
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}
.colorred {
    background: darkred!important;
}
.colorred.red {
    background: darkgreen!important;
}
@media screen and (min-width: 800px) {
#qth,#qth2,#Qbtn, #schedulebut, #linksbut, #dwnld, #dwnldom, #dwnldR {margin-right: 8px;}
#qth,#qth2 {margin-left: 8px;}
  
#videostream {margin-right:9px!important;}
#extaudio {margin-right:10px!important;}
}
#extaudio {padding: 10px 8px;background: rgba(220, 140, 20, 0.2); border-radius: 100px; color: #ccc;}
 #extaudio {margin-right:4px;}
 
#dwnld2 {margin-left:3px;}
#links a {color:orangered;}
.accordion button {color: white;}
.accordion a {color: orangered;}
.accordion-header {margin-top: 10px; margin-bottom: 10px;}
.writer {color: darkred;}
.quote {font-size: 0.9em;}
.tooltip {font-size: 14px;z-index: 99999;}
.col-mod {width: 90%;}
#schedulebut {padding: 10px 10px 10px 10px;}
#linksbut {padding: 10px 7px 10px 7px;}
#qth {padding: 10px 12px 10px 12px;}
#qth2 {padding: 10px 8px 10px 8px;}
#Qbtn {padding:9.5px 8.25px 10px 9px;}
#dwnld {padding: 9px 10px 9px 10px;background: rgba(220, 220, 220, 0.2); border-radius: 100px; color: #ccc;}
#dwnldom {padding: 11px 10px 11px 10px;background: rgba(220, 220, 220, 0.2); border-radius: 100px; color: #ccc;}
#dwnldR {padding: 11px 10px 11px 10px;background: rgba(220, 220, 220, 0.2); border-radius: 100px; color: #ccc;}
#qth,#qth2,#Qbtn, #schedulebut, #linksbut {color: #ccc;background-color: rgba(255, 157, 65, 0.6) ;border-radius: 100%;}
.copybutton  {background: repeating-linear-gradient( 0deg, #00ef00, #45b53359 1px, var(--coma-secondary-color) 1px, #26741a59 2.5px ); color:lightgreen;}
.copybutton:hover  {background: red;}
.copybutton:active  {background: white;}
.gifbg {
position: absolute;
background: url(https://omfm.ru/assets/img/gif/1.gif) 10% no-repeat;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
width: 100%;
opacity: 0;
display: none;
z-index: 9;   
 display: none;
}
.mcont {font-size: 15px;}
    #menu-faq  {background: rgba(0, 0, 0, 0.8) !important; width: 470px;    }
 #diviframe, #iframe1 { height:140vh; }

@media (max-width: 1200px) and (min-width: 1000px) {
  #algeron2,#algeron p {font-size: 0.8em ;}
       #menu-faq  { width: 450px;}

}
@media (max-width: 1000px) and (min-width: 800px) {
  #algeron2,#algeron p {font-size: 0.6em ;}
}
@media (max-width: 1000px) and (min-width: 500px) {
.moon { width: 25em !important;
        height: 25em !important;}
.mcont {font-size: 12.5px;}
.quote {font-size: 12.5px !important;}
.writer {font-size: 13px; }
.omback i {font-size: 15em!important;}
#menu-faq  { width: 400px;}
}

@media (max-width: 500px) and (min-width: 376px) {
.gifbg {display: block;}
.mcont {font-size: 12.5px;}
.quote {font-size: 12px !important;}
.writer {font-size: 13px; }
#myVideo { display:none !important; }
.moon {
/*  opacity: 1 !important;*/
    width: 25em !important;
    height: 25em !important;}
 .omback i {font-size: 14em!important;}
  #menu-faq  { width: 320px;}
  #button_block .btn {margin-right: 0px}

}
@media (max-width: 375px) and (min-width: 350px) {
.gifbg {display: block;}
.mcont {font-size: 11.5px;}
.quote {font-size: 11px !important;}
.writer {font-size: 12px; }
#myVideo { display:none !important; }
.moon {
/*  opacity: 1 !important;*/
    width: 22em !important;
    height: 22em !important;}
 .omback i {font-size: 11em!important;}
  #menu-faq  { width: 320px;}
    #button_block .btn {margin-right: 0px}

   
}
@media screen and (max-width: 349px) {
.gifbg {display: block;}
.mcont {font-size: 11px;}
.quote {font-size: 10px !important;}
.writer {font-size: 11px; }
#myVideo { display:none !important; }
.moon {
/*  opacity: 1 !important;*/
    width: 20em !important;
    height: 20em !important;}
 .omback i {font-size: 9em!important;}
  #menu-faq  { width: 300px;}
    #button_block .btn {margin-right: 0px}

}

@media screen and (max-width: 800px) {
 #algeron2,#algeron  {display: none;}
 .satellite {display: none;}
}

.moon {
color: black;
  width: 25em;
  height: 25em;
  border-radius: 10%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 0 5em 0 rgb(254 216 76 / 50%), 0 0 20em 4em rgb(0, 0, 0, / 20%), 0 0 55em 8em rgb(0, 0, 0, / 10%);
  background-image: url(/assets/images/cosmos.png);
  background-size: contain;
}
.moon:after {

background: repeating-linear-gradient(
  0deg,
  black,
  black 10px,
  #444 10px,
  #444 11px
);
}



.input_data {
 border-radius: 10%;
  background-color: rgba(0, 0, 0, 0.65);
  height: 185px;
  width: 200px;
 position: absolute;
 top: -58px;
 left: -130px;
 
}
.input_data2 {
  border-radius: 10%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 145px;
  width: 190px;
  position: absolute;
  top: 285px;
  left: 330px;
  font-size: 12px;
  color: whitesmoke;
}
/***********************************/
.moodalbackgroundst .footer-top {
   position: relative;
   z-index: 2;
   text-align: center;
 }
 
 .moodalbackgroundst .footer-top .footer-logo img {
   height: 125px;
 }
 @media (max-width: 768px) {
 
 
 .moodalbackgroundst .footer-top .footer-logo img {
     height: 103px;
   }
 }
 
 
 .moodalbackgroundst .footer-top h3 {
   font-size: 36px;
 
   color: #aeaeae;
   position: relative;
 
   padding: 30px 0 0 0;
   margin-bottom: 0;
 }
 
 
 .moodalbackgroundst .footer-top p {
   font-size: 17px;
   font-style: italic;
   margin: 30px 0 0 0;
   padding: 0;
   color: #aeaeae;
 }
 
 .moodalbackgroundst .footer-top .social-links {
   margin-top: 20px;
   
 }
 
 .moodalbackgroundst .footer-top .social-links a {
   background: rgba(255,255,255,0.1);
    box-shadow:  0 50px 80px rgb(0 0 0 / 50%);
   
   font-size: 25px;
   display: inline-block;
 
   color: #b4b4b4;
   line-height: 1;
   padding: 9px 0;
   margin-bottom: 4px;
   border-radius: 50%;
   text-align: center;
   width: 45px;
   height: 45px;
   transition: 0.3s;
 }
 
 .moodalbackgroundst .footer-top .social-links a:hover {
   background: #fff;
   color: #000;
   text-decoration: none;
 }
 
 .moodalbackgroundst .footer-bottom {
   border-top: 1px solid #222222;
   z-index: 2;
   position: relative;
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .moodalbackgroundst .btn-mail-to {
   font-family: "Montserrat", sans-serif;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: 1px;
   display: inline-block;
   width: 220px;
 
   padding: 14px 35px;
   border-radius: 40px;
   border-width: medium;
   border-color: #111;
   margin: 10px;
   color: #aeaeae;
   background: rgba(255,255,255,0.1);
 }
 .moodalbackgroundst .btn-mail-to:hover {
   transition: 0.5s;
   background: #fff;
   color: #333333;
 }
 .moodalbackgroundst .btn-gogo {
   font-family: "Montserrat", sans-serif;
   text-transform:  uppercase;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: 5px;
   display: inline-block;
   width: 95%;
   padding: 15px 1px;
   border-radius: 40px;
   border-width: medium;
   border-color: #111;
    margin-bottom: 10px;;
   color: #aeaeae;
   background: rgba(255,255,255,0.1);
   background: rgba(255,255,255,0.1);
text-decoration: none;
 }
 .moodalbackgroundst .btn-gogo:hover {
   transition: 0.5s;
   background: #fff;
   color: #333333;
 }
 
 .moodalbackgroundst .copyright {
   text-align: center;
 }
 
 .moodalbackgroundst .credits {
   text-align: center;
   font-size: 13px;
   padding-top: 5px;
 }
 
 
 
 .moodalbackgroundst  .image2 {
   background-color: #222;
   padding: 15px;
   box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.4);
 
 
 
 
 
 }
 
 
 
 .moodalbackgroundst .image2 img:hover {
 
 
   transform: scale(1.1);
 
   filter: none;
 }


 .chatwidget {
  position: fixed;
  right: 5%;
  bottom: 70px;
  transition: 0.6s;
  z-index: 9999;
/*  display: none;*/
}
.open.chatwidget {
  bottom: 90px;
}
#chatwidget a {
  color: inherit;
}
.chatme {
  background-color:  #465745;
  color: rgb(0, 0, 0);
  border: none;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  transition: 0.4s;
  box-shadow: 0 0 0 0  var(--bs-primary);
  -webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
  margin-right: -1px;
}
.chatme:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 22'%3E%3Cpath d='M3.631 7.096c-.368 0-.716-.04-1.044-.12a4.027 4.027 0 0 1-.888-.348 3.03 3.03 0 0 1-.648-.504.487.487 0 0 1-.156-.384.445.445 0 0 1 .204-.36.558.558 0 0 1 .396-.096c.152.016.28.076.384.18.192.184.436.34.732.468.296.12.632.18 1.008.18.456 0 .82-.096 1.092-.288a.906.906 0 0 0 .408-.78.854.854 0 0 0-.312-.684c-.2-.184-.456-.28-.768-.288h-.648a.659.659 0 0 1-.42-.132.399.399 0 0 1-.168-.324c0-.128.056-.232.168-.312a.659.659 0 0 1 .42-.132h.648c.272-.008.484-.096.636-.264a.957.957 0 0 0 .228-.648.749.749 0 0 0-.348-.648c-.232-.168-.56-.252-.984-.252-.368 0-.688.056-.96.168a1.805 1.805 0 0 0-.672.432.602.602 0 0 1-.372.204.567.567 0 0 1-.396-.108.356.356 0 0 1-.156-.312.649.649 0 0 1 .168-.396A2.884 2.884 0 0 1 2.191.64 3.37 3.37 0 0 1 3.547.364c.472 0 .888.084 1.248.252.368.16.656.38.864.66.216.272.324.572.324.9 0 .272-.072.516-.216.732-.144.216-.34.388-.588.516-.24.12-.504.188-.792.204v-.12c.336 0 .64.072.912.216.28.136.5.324.66.564.16.24.24.508.24.804 0 .384-.112.728-.336 1.032a2.321 2.321 0 0 1-.924.708c-.384.176-.82.264-1.308.264ZM10.524 7.048c-.6 0-1.136-.144-1.608-.432A3.07 3.07 0 0 1 7.8 5.428a3.53 3.53 0 0 1-.408-1.704c0-.64.144-1.208.432-1.704a3.278 3.278 0 0 1 2.88-1.632c.632 0 1.196.148 1.692.444.496.288.888.684 1.176 1.188.296.504.448 1.072.456 1.704l-.432.108c0 .608-.136 1.156-.408 1.644-.272.488-.64.872-1.104 1.152a2.92 2.92 0 0 1-1.56.42Zm.18-.984c.432 0 .816-.1 1.152-.3.336-.208.6-.488.792-.84.2-.36.3-.76.3-1.2 0-.448-.1-.848-.3-1.2a2.11 2.11 0 0 0-.792-.84 2.143 2.143 0 0 0-1.152-.312c-.416 0-.796.104-1.14.312-.344.2-.616.48-.816.84a2.465 2.465 0 0 0-.288 1.2c0 .44.096.84.288 1.2.2.352.472.632.816.84.344.2.724.3 1.14.3Zm2.76.948a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V4.54l.228-1.152.888.336V6.46c0 .16-.056.292-.168.396a.537.537 0 0 1-.396.156ZM18.634 7.048c-.616 0-1.16-.14-1.632-.42a3.124 3.124 0 0 1-1.104-1.176c-.264-.504-.396-1.08-.396-1.728 0-.656.14-1.232.42-1.728.288-.504.68-.896 1.176-1.176.504-.288 1.076-.432 1.716-.432.648 0 1.22.144 1.716.432.496.28.884.672 1.164 1.176.288.496.436 1.072.444 1.728l-.648.108c0 .632-.124 1.192-.372 1.68A2.76 2.76 0 0 1 20.11 6.64a2.712 2.712 0 0 1-1.476.408Zm.18 2.628a3.804 3.804 0 0 1-1.632-.348 3.227 3.227 0 0 1-1.224-.972.504.504 0 0 1-.12-.384.471.471 0 0 1 .216-.312.54.54 0 0 1 .408-.096c.144.032.26.104.348.216.224.28.504.5.84.66.344.16.74.24 1.188.24.408 0 .78-.1 1.116-.3.336-.192.604-.476.804-.852.2-.368.3-.812.3-1.332V4.444l.372-.912.708.192v2.532c0 .64-.144 1.216-.432 1.728-.28.52-.672.932-1.176 1.236-.496.304-1.068.456-1.716.456Zm0-3.612c.44 0 .828-.1 1.164-.3.336-.2.6-.476.792-.828a2.49 2.49 0 0 0 .288-1.212c0-.456-.096-.86-.288-1.212a2.11 2.11 0 0 0-.792-.84c-.336-.2-.724-.3-1.164-.3-.432 0-.82.1-1.164.3-.336.2-.6.48-.792.84a2.49 2.49 0 0 0-.288 1.212c0 .456.096.86.288 1.212.192.352.456.628.792.828.344.2.732.3 1.164.3ZM26.743 7.048c-.6 0-1.136-.144-1.608-.432a3.07 3.07 0 0 1-1.116-1.188 3.53 3.53 0 0 1-.408-1.704c0-.64.144-1.208.432-1.704a3.278 3.278 0 0 1 2.88-1.632c.632 0 1.196.148 1.692.444.496.288.888.684 1.176 1.188.296.504.448 1.072.456 1.704l-.432.108c0 .608-.136 1.156-.408 1.644-.272.488-.64.872-1.104 1.152a2.92 2.92 0 0 1-1.56.42Zm.18-.984c.432 0 .816-.1 1.152-.3.336-.208.6-.488.792-.84.2-.36.3-.76.3-1.2 0-.448-.1-.848-.3-1.2a2.11 2.11 0 0 0-.792-.84 2.143 2.143 0 0 0-1.152-.312c-.416 0-.796.104-1.14.312-.344.2-.616.48-.816.84a2.465 2.465 0 0 0-.288 1.2c0 .44.096.84.288 1.2.2.352.472.632.816.84.344.2.724.3 1.14.3Zm2.76.948a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V4.54l.228-1.152.888.336V6.46c0 .16-.056.292-.168.396a.537.537 0 0 1-.396.156ZM40.769 7.012a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V3.016c0-.528-.136-.932-.408-1.212-.264-.28-.608-.42-1.032-.42-.448 0-.816.156-1.104.468-.28.304-.42.7-.42 1.188h-.936c.008-.528.124-.992.348-1.392.224-.4.536-.712.936-.936.4-.224.852-.336 1.356-.336.464 0 .872.104 1.224.312.36.208.64.512.84.912.2.392.3.864.3 1.416V6.46a.537.537 0 0 1-.552.552Zm-8.16 0a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V1a.537.537 0 0 1 .552-.552c.168 0 .3.052.396.156A.512.512 0 0 1 33.16 1v5.46a.537.537 0 0 1-.552.552Zm4.092 0a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V3.016c0-.528-.136-.932-.408-1.212-.264-.28-.608-.42-1.032-.42-.448 0-.82.152-1.116.456-.288.304-.432.692-.432 1.164h-.72c.008-.512.116-.964.324-1.356.216-.4.508-.712.876-.936a2.352 2.352 0 0 1 1.248-.336c.464 0 .872.104 1.224.312.36.208.64.512.84.912.2.392.3.864.3 1.416V6.46a.537.537 0 0 1-.552.552ZM46.245 7.108c-.576 0-1.084-.104-1.524-.312a2.45 2.45 0 0 1-1.008-.9c-.24-.384-.36-.832-.36-1.344V.976a.618.618 0 0 1 .18-.384.508.508 0 0 1 .372-.156c.16 0 .292.052.396.156a.537.537 0 0 1 .156.396v1.488h1.968c.52 0 .98.092 1.38.276.408.176.728.436.96.78.24.336.36.732.36 1.188 0 .464-.12.876-.36 1.236s-.576.644-1.008.852c-.424.2-.928.3-1.512.3Zm0-1.02c.512 0 .94-.112 1.284-.336.344-.232.516-.576.516-1.032 0-.424-.152-.744-.456-.96-.296-.224-.684-.336-1.164-.336h-1.968v1.104c0 .296.076.564.228.804.16.232.372.416.636.552.264.136.572.204.924.204ZM3.001 19a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396v-5.472a.61.61 0 0 1 .168-.384.522.522 0 0 1 .384-.156c.168 0 .3.052.396.156a.512.512 0 0 1 .156.396v2.148h2.412v.216c.432 0 .812.076 1.14.228.336.152.596.364.78.636.192.264.288.572.288.924 0 .36-.096.68-.288.96-.184.28-.444.5-.78.66a2.57 2.57 0 0 1-1.14.24H3.001Zm.552-1.032h2.412c.336 0 .608-.08.816-.24a.82.82 0 0 0 .324-.684c0-.304-.108-.544-.324-.72-.208-.176-.48-.264-.816-.264H3.553v1.908Zm1.368-2.232v-.6h1.164c.232 0 .42-.08.564-.24.144-.168.216-.384.216-.648a.73.73 0 0 0-.252-.564c-.16-.152-.368-.228-.624-.228H3.013v-1.02H5.99c.376 0 .708.076.996.228.288.144.516.348.684.612.168.256.252.552.252.888 0 .48-.176.864-.528 1.152-.344.28-.78.42-1.308.42H4.921ZM12.667 19.048c-.64 0-1.212-.14-1.716-.42a3.19 3.19 0 0 1-1.176-1.176c-.28-.504-.42-1.08-.42-1.728 0-.656.14-1.232.42-1.728.288-.504.68-.896 1.176-1.176.504-.288 1.076-.432 1.716-.432.64 0 1.208.144 1.704.432.504.28.896.672 1.176 1.176.288.496.436 1.072.444 1.728 0 .648-.144 1.224-.432 1.728a3.19 3.19 0 0 1-1.176 1.176c-.496.28-1.068.42-1.716.42Zm0-.984c.44 0 .828-.1 1.164-.3.336-.2.6-.476.792-.828a2.49 2.49 0 0 0 .288-1.212c0-.456-.096-.86-.288-1.212a2.11 2.11 0 0 0-.792-.84c-.336-.2-.724-.3-1.164-.3-.432 0-.82.1-1.164.3-.336.2-.6.48-.792.84a2.49 2.49 0 0 0-.288 1.212c0 .456.096.86.288 1.212.192.352.456.628.792.828.344.2.732.3 1.164.3ZM23.38 19.012a.578.578 0 0 1-.407-.156.563.563 0 0 1-.156-.396v-3.024c0-.472-.088-.856-.264-1.152a1.636 1.636 0 0 0-.708-.672 2.202 2.202 0 0 0-1.02-.228c-.36 0-.684.072-.972.216-.288.144-.52.336-.696.576-.168.24-.252.516-.252.828h-.72a2.582 2.582 0 0 1 1.392-2.28c.424-.232.9-.348 1.428-.348.56 0 1.06.12 1.5.36.44.232.788.576 1.044 1.032.256.456.384 1.012.384 1.668v3.024a.542.542 0 0 1-.168.396.522.522 0 0 1-.384.156Zm-5.027 0a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396v-5.472a.537.537 0 0 1 .552-.552c.168 0 .3.052.396.156a.512.512 0 0 1 .156.396v5.472a.537.537 0 0 1-.552.552ZM26.509 21.808a.537.537 0 0 1-.396-.156.537.537 0 0 1-.156-.396V15.7a3.44 3.44 0 0 1 .444-1.692c.296-.504.692-.9 1.188-1.188a3.284 3.284 0 0 1 1.68-.432c.632 0 1.196.148 1.692.444.504.288.9.684 1.188 1.188.296.496.444 1.064.444 1.704 0 .632-.14 1.2-.42 1.704a3.003 3.003 0 0 1-2.712 1.62c-.504 0-.96-.104-1.368-.312a3.102 3.102 0 0 1-1.032-.84v3.36a.537.537 0 0 1-.552.552Zm2.76-3.744c.424 0 .804-.1 1.14-.3.344-.208.612-.488.804-.84.2-.36.3-.76.3-1.2 0-.448-.1-.848-.3-1.2-.192-.36-.46-.64-.804-.84a2.121 2.121 0 0 0-1.14-.312c-.424 0-.808.104-1.152.312a2.22 2.22 0 0 0-.792.84 2.465 2.465 0 0 0-.288 1.2c0 .44.096.84.288 1.2.192.352.456.632.792.84.344.2.728.3 1.152.3ZM37.394 19.048c-.64 0-1.212-.14-1.716-.42a3.19 3.19 0 0 1-1.176-1.176c-.28-.504-.42-1.08-.42-1.728 0-.656.14-1.232.42-1.728.288-.504.68-.896 1.176-1.176.504-.288 1.076-.432 1.716-.432.64 0 1.208.144 1.704.432.504.28.896.672 1.176 1.176.288.496.436 1.072.444 1.728 0 .648-.144 1.224-.432 1.728a3.19 3.19 0 0 1-1.176 1.176c-.496.28-1.068.42-1.716.42Zm0-.984c.44 0 .828-.1 1.164-.3.336-.2.6-.476.792-.828a2.49 2.49 0 0 0 .288-1.212c0-.456-.096-.86-.288-1.212a2.11 2.11 0 0 0-.792-.84c-.336-.2-.724-.3-1.164-.3-.432 0-.82.1-1.164.3-.336.2-.6.48-.792.84a2.49 2.49 0 0 0-.288 1.212c0 .456.096.86.288 1.212.192.352.456.628.792.828.344.2.732.3 1.164.3ZM45.48 19.048c-.633 0-1.197-.144-1.693-.432a3.282 3.282 0 0 1-1.176-1.188 3.449 3.449 0 0 1-.42-1.704c0-.648.136-1.224.408-1.728.28-.504.66-.896 1.14-1.176.48-.288 1.036-.432 1.668-.432.472 0 .908.092 1.308.276.4.184.756.46 1.068.828.104.112.14.232.108.36a.536.536 0 0 1-.24.336.41.41 0 0 1-.336.072.577.577 0 0 1-.336-.204 2.06 2.06 0 0 0-1.572-.684c-.424 0-.8.1-1.128.3-.32.2-.572.476-.756.828-.176.344-.264.752-.264 1.224 0 .448.092.848.276 1.2.192.352.456.632.792.84.336.2.72.3 1.152.3.296 0 .56-.036.792-.108.232-.072.44-.188.624-.348a.594.594 0 0 1 .348-.156.461.461 0 0 1 .336.108.55.55 0 0 1 .204.348.375.375 0 0 1-.132.336c-.576.536-1.3.804-2.172.804Z' fill='%23fff'/%3E%3C/svg%3E");
background-size: 35px auto;
background-position: calc(50%) calc(50% + 1px);
opacity: 1;
background-repeat: no-repeat;
transition: 0s;

}
.chatme:hover .chat{
  opacity: 0;
  transition: 0s;
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.chatme:hover {
  animation: paused;
}
.chatme:focus {
  outline: none;
}

.chatsocials {margin-right: -2px;}
.chatme svg,
.chatsocials > div svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  fill: wheat;
}
.chatsocials > div svg {
  width: 25px;
  height: 25px;
}
.chatme .close {
  opacity: 0;
  transition: 0.4s;
}
.chatme .chat {
  opacity: 1;
  transition: 0.3s;
}
.open .chatme .close {
  opacity: 1;
  transition: 0.3s;
}
.open .chatme {background-image:none;
  width: 45px;
  height: 45px;
  opacity: 1;
}

.open .chatme .chat {
  opacity: 0;
  transition: 0.4s;
}
.open .chatme {
  transform: rotate(45deg);
}
.chatwidget:not(.open) .chatsocials {
  transform: scale(0);
}
.chatsocials {
  position: relative;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0.3);
}
.chatsocials > div {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  color: white;
  transition: 0.4s;
}
.chatsocials > div:hover {
  transform: scale(1.2);
}
.chatsocials .telegram {
  background: #229ED9;
  right: 5%;
  bottom: 70px;
 
}
.chatsocials .email {
  background: #fabc2a;
  right: 5%;
  bottom: 125px;
 
}
.chatsocials .vk {
  background: #0077FF;
  right:5%;
  bottom: 180px;
 
}
.chatsocials .youtube {
  background: red;
  right: 5%;
  bottom: 210px;
  display:none;
 
}
.chatsocials .instagram {
  background: #37515f;
  right: 5%;
  bottom: 235px;
  
}