body { 
    background-color: #ffffff;
    font: 15px Arial,sans-serif;
    padding: 5px; /* Поля вокруг текста */
    margin: 5;
}


video {
  max-width: 100%;
  height: auto;
}



@media screen and (min-width: 1281px) {
img {
   max-width: 100%;
   margin-right: 7px;
   border: 0;
}
}


@media screen and (max-width: 1280px) {
img {
   max-width: 100%;
   height: auto;
   margin-right: 0px;
   border: 0;
}
}

.border-button {
background-color: white;
color: black;
border: 2px solid #2196F3;
border-radius: 20px;
padding: 5px 10px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
width: 100%;
}

        .viv5 {
            display: inline-block;
            margin: 3px auto 3px auto;
            padding: 2%;
            border: 1px solid white;
            outline: none;
            width:  150px;
            text-align: left;
        }


.hide_block2 {
  display: none;
  transition: 7s;
}


.hide_block1 {
  display: none;
  transition: 7s;
}



.sticky1{
        position:fixed;
        bottom:20px;
				left:20px;
        width: auto;
    }


.sticky2{
        position:fixed;
        bottom:20px;
				right:20px;
        width: auto;
    }





.titimg {
                 float:left; /* Выравнивание по левому краю */
                 margin: 0 10px 0 0; /* Отступы вокруг картинки */
              }


.hotniz {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.hotup {
vertical-align: top;
text-align: center;
color: #000000;
font-size:19px;
FONT-FAMILY: Verdana, Arial, Tahoma, sans-serif;
}

#advideo_adv_container {
  height: 100%; 
  width: 100%;
}



@media screen and (min-width: 1080px) {
.sideshir {
    max-width: 1080px;
    margin: 5px  auto;
}
}


@media screen and (max-width: 640px) {
.sideleft {
display: none; 
}
}

@media screen and (max-width: 959px) {
.sideright {
display: none; 
}
}

@media screen and (max-width: 640px) {

.sidecenterno {
display: none; 
}
}

@media screen and (min-width: 641px) {

.sidecenteryes {
display: none; 
}
}


.youtube{width:90%;}



.Abstract {
text-align: justify; 
color: #000000;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}

.Abstract10 {
text-align: justify; 
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}


.Abstract11 {
text-align: left; 
color: #000000;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract11 
a:link {
text-decoration: none;
color: #2196F3;
font-size:15px;
font-weight: bold;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract11 
a:visited {
text-decoration: none;
font-weight: bold;
color: #2196F3;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract11
a:hover {
text-decoration: none;
font-weight: bold;
color: #3070ff;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract11
a:active {
text-decoration: none;
font-weight: bold;
color: #2196F3;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}

.Abstract80 {
text-align: justify; 
color: #808080;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract8011 {
text-align: justify; 
color: #808080;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstract8010 {
text-align: justify; 
color: #808080;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}

.AbstractW {
text-align: justify; 
color: #ffffff;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstractf12 {
text-align: justify; 
color: #2196F3;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstractf11 {
text-align: justify; 
color: #2196F3;
font-size:15px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abstractf10 {
text-align: justify; 
color: #f000f0;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}


.Abstract1 {
text-align: justify; 
color: #a000a0;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}

.tract {
text-align: justify; 
color: #2196F3;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}


a:link {
text-decoration: none;
font-weight: bold;
color: #2196F3;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
a:visited {
text-decoration: none;
font-weight: bold;
color: #2196F3;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
a:hover {
text-decoration: none;
font-weight: bold;
color: #3070ff;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
a:active {
text-decoration: none;
font-weight: bold;
color: #2196F3;
font-size:17px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}

.Abs 
a:link {
text-decoration: none;
color: #ffffff;
font-size:20px;
font-weight: bold;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs 
a:visited {
text-decoration: none;
color: #ffffff;
font-size:20px;
font-weight: bold;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs 
a:hover {
text-decoration: none;
font-weight: bold;
color: #ffffff;
font-size:20px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs 
a:active {
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size:20px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs {
text-align: left; 
color: #ffffff;
font-size:20px;
FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

.Abss 
a:link {
text-decoration: none;
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abss 
a:visited {
text-decoration: none;
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abss 
a:hover {
text-decoration: none;
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abss 
a:active {
text-decoration: none;
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abss {
text-align: center; 
color: #000000;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}


.Abs1 
a:link {
text-decoration: none;
color: #ffffff;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs1 
a:visited {
text-decoration: none;
color: #ffffff;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs1 
a:hover {
text-decoration: none;
color: #ffffff;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs1 
a:active {
text-decoration: none;
color: #ffffff;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif;
}
.Abs1 {
text-align: center; 
color: #ffffff;
font-size:13px;
FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

.button {
  /* Сбрасываем дефолтные стили */
  border: none;
  outline: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px;
  /* Можно также использовать любые встроенные и кастомные шрифты, например, отсюда  */
  font-family: Roboto, Verdana, Tahoma, sans;
  /* Тут можно поэкспериментировать */
  padding: 13px 15px;
  border-radius: 100px;
  color: #fff;
}
.button i {
  margin-right: 4px;
}
.button + .button {
  margin-left: 6px;
}
.button.blue {
  background: #2196F3;
}
.button.purple {
  background: #9b59b6;
}

.button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button:hover.blue {
  background: #39a1f4;
}
.button:hover.purple {
  background: #a66bbe;
}
.button:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button:active.blue {
  background: #0d8aee;
}
.button:active.purple {
  background: #8f4bab;
}