/***************************************************************/
/*Все что к внешнему сайту, не только главная*/

.I_DARK
{
  background-color: var(--a_dark);
  color:white;
}

.I_DARK a
{
  color: white;
}

.I_DARK a:hover
{
  color: #FFFFEE;
}


/*************************** HEADER ****************************/
DIV.IH_CONT
{
  background-color: var(--a_dark);
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}

DIV.IH_LOGO
{
  color: white;
  font-size: 32px;
  padding: 15px;
  font-weight: 800;
}

DIV.IH_BTNS
{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:20px;
  font-weight: bold;
  font-size: 20px;
}


/*************************** FOOTER ****************************/
DIV.IF_CONT 
{
  padding:10px;
  display:flex;
  flex-wrap:wrap;
  font-size:12px;
  gap:10px 20px;
  justify-content: center;
  opacity: 0; /*В коде покажем, чтобы после загрузки сразу не скакал*/

}

DIV.IF_BOT_FIXED
{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  box-sizing:border-box;
}


/*************************** INDEX ****************************/

DIV.II_SLOGAN1
{
  text-align:center;
  font-size:40px;
  font-weight:bold;
  margin:40px 0 40px 0;
}

/*************************** TABLE ****************************/

TABLE.I_PLAN
{
  width:100%;
}

TABLE.I_PLAN TH, TABLE.I_PLAN TD
{
  padding:5px;
  border:10px solid white;
  font-weight: 300;
  xfont-size: 16px;
}

TABLE.I_PLAN TD
{
  text-align:center;
}

TR.I_PLAN_HEADER DIV 
{
  text-align:center;
}

TR.I_PLAN_HEADER td
{
  min-width: 200px;
  width:200px;
}

TR.I_PLAN_HEADER TH 
{
  border-radius: 5px;
  vertical-align: top;
}

.I_PLAN_TITLE
{
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
  font-weight: 500;
}

.I_PLAN_FREE
{
  padding-top: 20px;
  display: none;
}

.I_PLAN_PRICE
{  
  margin-top:10px;
  padding:5px 0 5px 0;
}
.I_PLAN_PRICE_MORE
{
  font-size:12px;
  margin-top:3px;
  xfont-weight: normal;
}

.I_PLAN_PRICE_HL
{
  font-weight: bold;
}

DIV.I_LOADING
{
  xtext-align:center;
  max-width: 300px;
  margin:50px auto 50px auto;
  color:#777;
}


.HELP_CONT h2
{
  font-size:15px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0px 0;
}

.HELP_CONT li
{
  padding:5px 0 5px 0;
}


