body{
color: #000;
background-image: url("index_files/fon_2.webp");
background-attachment: fixed; 
background-repeat:  no-repeat; 
background-position: left center; 
background-size: cover;}

::-moz-selection { background: #939AB0; color: #fff; text-shadow: none; }
::selection { background: #939AB0; color: #fff; text-shadow: none; }

/* scrollbar*/
::-webkit-scrollbar {
width: 13px; 
height:8px;
} 

::-webkit-scrollbar-track {
border-radius: 20px;
background: #FFFFFF; 
box-shadow: inset 0px 0px 0px #E0E0E0; 
border: 0px solid #FFFFFF;
}

::-webkit-scrollbar-thumb {
background: #545770;  
border-radius: 20px; 
border: 5px solid #FFFFFF; 
box-shadow: inset 0px 0px 0px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to bottom, #555771, #F3938A, #555771);
border: 2px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:active {
background: #545770;
box-shadow: inset 0px 0px 0px rgba(0,0,0,0.3);
}


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

.prozrachnost {background: rgba(0, 15, 40, 0.4);} /*таблица*/

html { overflow-x: hidden; }

img {vertical-align: middle;
max-width:100%;}

.rotate {transition: all 0.8s ease 0s;}
.rotate:hover {
transition: all 0.8s ease 0s;
-webkit-transform:rotateZ(-10deg);
-ms-transform:rotateZ(-10deg);
transform:rotateZ(-10deg);
}

.rotate2 {transition: all 0.8s ease 0s;}
.rotate2:hover {
transition: all 0.8s ease 0s;
-webkit-transform:rotateZ(10deg);
-ms-transform:rotateZ(10deg);
transform:rotateZ(10deg);
}

 /*.zagol {text-shadow: 9px 4px 8px #0E1C6E;} */

 .zagol { 
 -webkit-text-stroke: 1px #0E1C6E; /* Толщина и цвет обводки */ 
 text-stroke: 1px #0E1C6E; /* Толщина и цвет обводки (стандартное свойство) */
 text-shadow: 9px 4px 8px #000; 
 }

 
/*.zagol {text-shadow: 9px 3px 15px #41111D;}*/
.slovo {text-shadow: 2px 2px 1px #000;}

.foot {text-shadow: 1px 1px 9px #000;}

.vhod {text-shadow: 2px 2px 2px #000;}

.vhod a:hover{
color: #FAC739;
}

.knopka:hover {
-webkit-transform:scale(0.92);
-ms-transform:scale(0.92);
transform:scale(0.92);
}

.knopka {
float: left;
}

table {
width: 70%;
} 

.logo {
float: left;
}

/* @MEDIA */

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

table {
width: 100%;
}
}

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

table {
width: 100%;
}
}

@media only screen and (min-width:769px) and (max-width:800px) {

table {
width: 100%;
}

.logo  {
float: none;
}

.knopka {
float: none;
}
}

@media only screen and (min-width:601px) and (max-width:768px) {

table {
width: 100%;
}

.logo  {
float: none;
}

.knopka {
float: none;
}
}

@media only screen and (min-width:481px) and (max-width:600px) {

table {
width: 100%;
}

.logo  {
float: none;
}

.knopka {
float: none;
}
}

@media only screen and (min-width:241px) and (max-width:480px) {

table {
width: 100%;
}

.logo  {
float: none;
}

.knopka {
float: none;
}
}

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

table {
width: 100%;
}

.logo  {
float: none;
}

.knopka {
float: none;
}
}