/* Thin */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-Thin.ttf') format('truetype'),
         url('../fonts/Acrom-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-Thin.woff') format('woff'); 
    font-weight: 100;
    font-style: normal;
}

/* Light */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-Light.ttf') format('truetype'),
         url('../fonts/Acrom-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-Light.woff') format('woff'); 
    font-weight: 300;
    font-style: normal;
}

/* Regular */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-Regular.ttf') format('truetype'),
         url('../fonts/Acrom-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-Regular.woff') format('woff'); 
    font-weight: 400;
    font-style: normal;
}

/* Medium */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-Medium.ttf') format('truetype'),
         url('../fonts/Acrom-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-Medium.woff') format('woff'); 
    font-weight: 500;
    font-style: normal;
}

/* Bold */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-Bold.ttf') format('truetype'),
         url('../fonts/Acrom-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-Bold.woff') format('woff'); 
    font-weight: 700;
    font-style: normal;
}

/* ExtraBold */

@font-face {
    font-family: 'Acrom';
    src: local('Acrom'),
         url('../fonts/Acrom-ExtraBold.ttf') format('truetype'),
         url('../fonts/Acrom-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acrom-ExtraBold.woff') format('woff'); 
    font-weight: 800;
    font-style: normal;
}

::-webkit-scrollbar{width:16px;height:16px}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height:0px;display:block;background-color:transparent}
::-webkit-scrollbar-track-piece {background-color:#2d2d30}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#19171b; border:2px solid #19171b}

body, html
{
   background-color: #19171B;
   font-family: 'Acrom';
   font-weight: normal;
   font-size: 36px;
   margin: 0;
   padding: 0;
   color: #CFCFCF;

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

#accordion_feedback *, #accordion_feedback *::before, #accordion_feedback *::after
{
   box-sizing: border-box;
}
#accordion_feedback .panel
{
   background-color: #6D1651;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 4px;
   box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
   margin-bottom: 1px;
   overflow: hidden;
   text-align: left;
}
#accordion_feedback .panel-default
{
   border-color: #6D1651;
}
#accordion_feedback.panel-group .panel
{
   margin-bottom: 0;
   overflow: hidden;
   border-radius: 4px;
}
#accordion_feedback .panel-heading
{
   padding: 12px 12px 12px 12px;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
}
#accordion_feedback .panel-default > .panel-heading
{
   background-color: #6D1651;
   background-image: none;
}
#accordion_feedback .panel-default.active
{
   border-color: #6D1651;
}
#accordion_feedback .panel-default.active > .panel-heading
{
   background-color: #6D1651;
   background-image: none;
}
#accordion_feedback .panel-body
{
   padding: 8px 8px 8px 8px;
   font-size: 0;
   text-align: left;
   position: relative;
}
#accordion_feedback .panel-body::before, #accordion_feedback .panel-body::after
{
   display: table;
   content: " ";
}
#accordion_feedback .panel-body::after
{
   clear: both;
}

#accordion_feedback .panel-default > .panel-heading + .panel-collapse .panel-body
{
   border-top-color: #6D1651;
}
#accordion_feedback .panel-title
{
   position: relative;
   margin-top: 0;
   margin-bottom: 0;
   display: block;
   color: #FBEDF7;
   font-family: "Acrom";
   font-weight: 400;
   font-size: 13px !important;
   font-style: normal;
   text-align: center;
}
#accordion_feedback .panel-title > a
{
   color: inherit;
   display: block;
   padding-left: 20px;
   text-decoration: none;
}
#accordion_feedback .active .panel-title > a
{
   color: #FBEDF7;
}
#accordion_feedback .collapse 
{
   display: none;
}
#accordion_feedback .collapse.show
{
   display: block;
}
#accordion_feedback .collapsing
{
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition: height 0.35s linear;
   transition: height 0.35s linear;
}
#accordion_feedback .panel-default .panel-heading .panel-icon
{
   width: 16px;
   height: 16px;
   box-sizing: content-box;
   padding-right: 4px;
   display: inline-block;
   vertical-align: middle;
   position: relative;
   overflow: hidden;
   background-image: url('https://firebasestorage.googleapis.com/v0/b/ijournal-download.appspot.com/o/icons%2Fic_default.svg?alt=media&token=bab9a6db-5137-4097-8dde-68dd8fa928f2');
   background-repeat: no-repeat;
}
#accordion_feedback .panel-default.active .panel-heading .panel-icon
{
   background-image: url('https://firebasestorage.googleapis.com/v0/b/ijournal-download.appspot.com/o/icons%2Fic_active.svg?alt=media&token=9a6240c8-a531-4f97-a57a-4b7521e33090');
}
#accordion_feedback .panel:nth-of-type(1) .panel-heading
{
   border-color: #7B2560;
   background: #7B2560;
}
#wb_accordion_feedback
{
   margin: 0;
}
#accordion_feedback .accordion-icon
{
   font-size: 16px;
   height: 16px;
   width: 16px;
   position: absolute;
   top: 0px;
   left: 0px;
}
#FlexGrid_feedback
{
   display: grid;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-template-rows: auto;
   grid-template-areas:
      "telegram vk mail";
}
#FlexGrid_feedback .telegram
{
   display: flex;
   grid-area: telegram;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid_feedback .vk
{
   display: flex;
   grid-area: vk;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}
#FlexGrid_feedback .mail
{
   display: flex;
   grid-area: mail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
}

#wb_Preview
{
   width: 100%;
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   box-sizing: border-box;
   padding: 28px;
   background: rgb(34,27,37);
   background: linear-gradient(180deg, rgba(34,27,37,0.877264284620098) 0%, rgba(35,38,39,0.3030345927433473) 100%);
}
#Preview
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

#wb_Content
{
   width: 100%;
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   padding: 20px 40px 20px 40px;
   line-height: normal;
}

#Content-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0%;
   width: 100%;
   height: 24px;
   line-height: 0;
   left: 0;
   transform: scaleY(-1.0);
}
#Content-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
}
#Content-divider-top .divider-fill
{
   fill: rgba(35,38,39,0.3030345927433473);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#Content-divider-bottom
{
   overflow: hidden;
   position: absolute;
   line-height: 0;
   bottom: 0%;
   left: 0;
   width: 100%;
   height: 24px;
}
#Content-divider-bottom svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#Content-divider-bottom .divider-fill
{
   fill: rgba(35,38,39,0.3030345927433473);
   transform-origin: bottom;
   transform: rotateY(0deg);
}
.wave-animated > use
{
   animation: move-wave 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.wave-animated > use:nth-child(1)
{
   animation-delay: -2s;
   animation-duration: 7s;
}
.wave-animated > use:nth-child(2)
{
   animation-delay: -3s;
   animation-duration: 10s;
}
.wave-animated > use:nth-child(3)
{
   animation-delay: -4s;
   animation-duration: 13s;
}
.wave-animated > use:nth-child(4)
{
   animation-delay: -5s;
   animation-duration: 20s;
}
@keyframes move-wave
{
   0%
   {
      transform: scale(1.0,0.5) translate3d(-90px,0,0);
   }
   50%
   {
      transform: scale(1.0,1.0) translate3d(0px,0,0);
   }
   100%
   {
      transform: scale(1.0,0.5) translate3d(85px,0,0);
   }
}
#wb_Basement
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background: rgb(34,27,37);
   background: linear-gradient(0deg, rgba(34,27,37,0.877264284620098) 0%, rgba(35,38,39,0.3030345927433473) 100%);
   box-sizing: border-box;
   padding: 20px 50px 20px 20px;
}

.btn_contacts
{
    vertical-align: middle;
    display: table;
    font-family: "Acrom";
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    height: 32px;
    margin-bottom: 10px;
}


.td
{
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   padding-right: 10px;
}

.td_contacts
{
   padding-bottom: 0px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   padding-right: 10px;
}

.btn_contacts > .td_contacts
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
.btn_contacts > .td_contacts
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}

a
{
    font-family: "Acrom";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
}
a:hover
{
    font-family: "Acrom";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
}
a:visited
{
    font-family: "Acrom";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
}

.menu_bar
{
   
   background-color: #2d2d30;
   border-radius: 2px;
   -moz-box-shadow: 0 2px 22px #000;
   -webkit-box-shadow: 0 2px 22px #000;
   box-shadow: 0 2px 22px #000;
   padding-left: 41px;
   padding-right: 41px;
   padding-top: 20px;
   padding-bottom: 10px;
}

.button
{
   cursor:pointer;
   color: #fff;
   vertical-align: middle;
   display: table;
   background-color: #D533A0;
   border-radius: 8px;
}

#wb_preview
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
}
#preview
{
   width: 100%;
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#preview > .col-1, #preview > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#preview > .col-1, #preview > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#preview > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#preview > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}

#ijournal_title 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   margin-bottom: 50px;
   text-align: right;
}
#ijournal_title div
{
   text-align: right;
}
#ijournal_title
{
   display: block;
   margin-bottom: 50px;
   box-sizing: border-box;
   width: 100%;
}
#ijournal_text 
{
   background-color: transparent;
   border-radius: 0px;
   padding: 0;
   text-align: right;
   margin: 0;
}
#ijournal_text div
{
   text-align: right;
}
#ijournal_text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}

#basement_content
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
}
.tabel_div
{
   width: 100%;
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   padding: 8px;
}
.tabel_div > .col-1, .tabel_div > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
.tabel_div > .col-1, .tabel_div > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
.tabel_div > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
.tabel_div > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}

.tabel_div > .col-1_list, .tabel_div > .col-2_list
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
.tabel_div > .col-1_list, .tabel_div > .col-2_list
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
.tabel_div > .col-1_list
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 30%;
   max-width: 30%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
.tabel_div > .col-2_list
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 70%;
   max-width: 70%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}

.tabel_div > .col-1_list_left, .tabel_div > .col-2_list_left
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
.tabel_div > .col-1_list_left, .tabel_div > .col-2_list_left
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
.tabel_div > .col-1_list_left
{
   text-align: left;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 70%;
   max-width: 70%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
.tabel_div > .col-2_list_left
{
   text-align: left;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 30%;
   max-width: 30%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}


.hr{
   width: 100%;
   height: 1px;
   display: block;
   position: relative;
   margin-bottom: 0em;
   padding: 2em 0;
}
.hr:after, .hr:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   bottom: 50%;
   left: 0;
}
.hr:before {
   background: linear-gradient(90deg, #10111f 0%, #10111f 50%, transparent 50%, transparent 100%);
   background-size: 15px;
   background-position: center;
   z-index: 1;
}
.hr:after {
   transition: opacity 0.3s ease, animation 0.3s ease;
   background: linear-gradient(to right, #62efab 5%, #f2ea7d 15%, #f2ea7d 25%, #ff8797 35%, #ff8797 45%, #e1a4f4 55%, #e1a4f4 65%, #82fff4 75%, #82fff4 85%, #62efab 95%);
   background-size: 200%;
   background-position: 0%;
   animation: bar 15s linear infinite;
}
@keyframes bar {
   0% {
      background-position: 0%;
  }
   100% {
      background-position: 200%;
  }
}
.hr.anim:before {
   background: linear-gradient(90deg, #10111f 0%, #10111f 5%, transparent 5%, transparent 10%, #10111f 10%, #10111f 15%, transparent 15%, transparent 20%, #10111f 20%, #10111f 25%, transparent 25%, transparent 30%, #10111f 30%, #10111f 35%, transparent 35%, transparent 40%, #10111f 40%, #10111f 45%, transparent 45%, transparent 50%, #10111f 50%, #10111f 55%, transparent 55%, transparent 60%, #10111f 60%, #10111f 65%, transparent 65%, transparent 70%, #10111f 70%, #10111f 75%, transparent 75%, transparent 80%, #10111f 80%, #10111f 85%, transparent 85%, transparent 90%, #10111f 90%, #10111f 95%, transparent 95%, transparent 100%);
   background-size: 150px;
   background-position: center;
   z-index: 1;
   animation: bar 120s linear infinite;
}

img, svg
{
   vertical-align: text-top;
}

img
{
   pointer-events: none;
}