/*Каркас сайта*/
body {padding:0px 10% 0px; margin:0; background:url(image/fon1.jpg); font-size:14px; font-family:Arial, Sans-serif;}
#basic {min-height:800px; padding:0px; margin:0; background:url(image/fon.png) repeat; border-radius:0; text-align:center}
/*09ae41*/
img {border:0; width:15vw;}
.yaz{
    border:0;
    width:68px;
    width:1.5vw!important
}


a {color:#ff9c00;}
a:hover {text-decoration:none;}

@font-face {
    font-family: Izica; /* Гарнитура шрифта */
    src: url("fonts/Izhitsa Regular.ttf"); /* Путь к файлу со шрифтом */
   }
   izi {
    font-family: Izica, 'Comic Sans MS', cursive;
   }
@font-face {
    font-family: del; /* Гарнитура шрифта */
    src: url("fonts/17667.otf"); /* Путь к файлу со шрифтом */
   }
   delov {
    font-family: del, 'Comic Sans MS', cursive;
   }

li1 {}

#menu {top:10px; text-align:center; padding:20px 20px 30px 36px; margin:0; background:url(image/menu.png) repeat;}

li {list-style-type: none}
ul {margin-left: 0; padding-left: 0}

#footer {min-height:70px; margin:0 0px 20px; padding:10px 20px 10px 20px; background:url(image/futfon.png); border-radius:0 0 15px 15px; color:white}


#forma {margin: 15px 20px 40px 20px;  padding: 0px 20px 20px 20px; background:#181C1E; border-radius: 5px; box-sizing:content-box;}

#Newss {margin: 15px 0px 15px 20px; padding:15px 20px 10px 20px; background:#1F2527; color: white; border-radius: 25px; font-size: 18px; text-alight: Right}


.imleft {float:left; margin: 25px 15px 0px 15px;}
.imleftl {float:left; margin: 0px 15px 0px 15px;}
.imHis {float: left; width: 35%; margin: 0.4em;}
.tex {float:left; margin: 25px 0px 0px 15px; line-height: 1.5; font-family:Izica, Sans-serif; font-size: 25px; font-size: 2vw; color: white; }
.texP {float:left; margin: 0px 15px 0px 15px; line-height: 1.5; font-family:Izica, Sans-serif; font-size: 25px; font-size: 2vw; color:#0bda51}
.texo {margin: 0px; padding: 15px; line-height: 1.5; font-family:Izica, Sans-serif; font-size: 25px; font-size: 1.5vw; color: white}
texPo {margin: 0px 15px 0px 15px; line-height: 1.5; font-family:Izica, Sans-serif; font-size: 25px; font-size: 1.5vw; color:#0bda51}
.texM {margin: 0px 10px 0px 15px; line-height: 1.5; font-family:Izica, Sans-serif; font-size: 25px; font-size: 1.5vw; color:#0bda51 }
hr {color:#CCCCCC; background-color:#CCCCCC; height: 2px; margin-top: 0; padding: 0px 50px 0px 0px;}
.kno {background:#181C1E; font-size: 2%; color:#0bda51; padding: 10px 20px 10px; margin: 35px; border-radius:15px}
.nev {display: table-cell;}
.hui {margin: 0px 15px 0px 0px;}
.huid {margin: 0px 15px 0px 15px;}
hr{margin: 0px 15px 0px 15px;}
.dintext{font-size: 1vw;}

.nots{ font-size: 2vw; color:#9999cc; }
pre{ font-size: 2vw; font-family:Izica, Sans-serif; color: white; }     
/*
li{
margin-top: 1vw;
margin-bottom: 1vw;
}
*/
.HisM{

  background:#181C1E !important;
  /*padding:inherit;*/
  border:1px solid #000 !important;
}

.m{
  font-size: 1.2vw !important;
}


.smim{

  position:relative;
  margin:0 auto;/* устанваливаем блок div по центру страницы*/
  width:100%;
  height: 8vw;  /* Высота */

}

.smim img {
  width:100%;
  position:absolute; /* абсолютное позиционирование*/
  left: 0;
  top: 0;

}

.smim img.first { /* первая картинка полностью прозрачная */

  opacity:0;
  filter:alpha (opacity=0);
}

.smim:hover img.first { /* при наведении курсора первая картинка становится не прозрачной */
  opacity:1;
  filter:alpha (opacity=100);
}

.smim:hover img.second, .smim img.second:hover { /* а вторая при наведении курсора становится прозрачной */
  opacity:0;
  filter:alpha (opacity=0);
}

.smim:hover img.second, .smim img.second:hover {
  opacity:0;
  filter:alpha (opacity=0);
  -moz-transition: all 2s ease;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

g.tex{font-size: 1vw; text-align: left;}
g.texP{font-size: 1vw;}
g.texo{font-size: 1vw;}
g.texPo{font-size: 1vw;}


div.kno.dropdown-menu{
  margin:0px !important;
  background:#181C1E !important;
  padding:inherit;
  border:1px solid #000 !important;
}

TABLE {
  width: 100%; /* Ширина таблицы */
  height: 100%; /* Высота таблицы */
}

a.kno.d{
  border:none !important;
  display: contents;
  margin: 20px !important;

}
a.kno.h{
  border:none !important;
  display: contents;
  margin-top: 0px !important;
  margin-bottom: 0px !important;

}

a.kno{

  float:middle !important;
  background:#181C1E !important;
  color:#0bda51 !important;
  width:225px !important;
  height:33px !important;
  padding-top: 0.8em !important;
  padding-left: 0.7em !important;
  padding-right: 0.7em !important;
  padding-bottom: 0.8em !important;
  border:1px solid #000 !important;
  margin: 1.5em auto  !important;
  font-family: Izica, Sans-serif;
  font-size: 1.2vw;

  font-weight:200;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  opacity:.8;
  letter-spacing: 1px;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
a.kno:hover{
  width:225px;
  height:33px !important;
  padding-top:15px;
  padding-right:0.3em !important;
  padding-left:0.6em !important;
  margin: 25px auto;
  opacity:1;
  letter-spacing: 3px;
  -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

a.knod{
  background:#181C1E !important;
  color:#0bda51 !important;

  display: block;
  /*
  width:225px !important;
  height:33px !important;
  */
  padding-top: 0.4em !important;
  padding-left: 0.7em !important;
  padding-right: 0.7em !important;
  padding-bottom: 0.3em !important;
  font-family: Izica, Sans-serif;
  font-size: 1.4vw;

  font-weight:200;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  text-opacity:.8;
  letter-spacing: 1px;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

a.knod:hover{
  padding-top:15px;
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
  text-opacity:.4;
  letter-spacing: 4px;
  -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.drop {
  z-index: 100;
  display: inline-block;
  position: relative;
  background:#181C1E !important;
  color:#0bda51 !important;

  /*
  width:225px !important;
  height:33px !important;
  */
  padding-top: 0.4em !important;
  padding-left: 0.7em !important;
  padding-right: 0.7em !important;
  padding-bottom: 0.3em !important;
  font-family: Izica, Sans-serif;
  font-size: 1.4vw;

  font-weight:200;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  text-opacity:.8;
  letter-spacing: 1px;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.drop p {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  background:#181C1E !important;
  color:#0bda51 !important;
}

.drop .dropdown_block {
  display: none;
  width: 100%;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.drop:hover .dropdown_block,
.dropdown_block:hover {
  display: block;
}

.drop ul {
  display: block;
  width: 100%;
  background:#181C1E;
  color:#0bda51;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  max-height: 250px;
  overflow: hidden auto;
}

.drop li {
  display: lock;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
}

.drop li:hover {
  text-opacity:.8;
  letter-spacing: 4px;
  -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  cursor: pointer;
}