*
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

/*------------------------------------*/
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*------------------------------------*/

body {
  font: 0.8em/1.4em Verdana, Tahoma, Arial, sans-serif;
  width: 100%;
}
a {
  color:#1792f3;
  outline: none;  /*--ubrati obvodku ssilki--*/
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color:#FF002A;
}
img {
  border: none;
}
input {vertical-align: middle}

#wrapper {
  margin: 0  auto;
  background-color:#FFFFFF;
}

/*------------------------------------*/



#wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.main {
  flex: 1 1 auto;
}

.dark {
  width: 100%;
  background-color: #0a284a;
}

.footer {
  display: flex;
  justify-content: space-between;
  background-color: #0b294b;
  padding: 30px 20px;
  max-width: 1100px;
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer-logo {
  flex: 0 0 20%;
}
.footer-nav {
  flex: 0 0 70%;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.footer-list {
  list-style-type: none;
  padding-left: 0;
  width: 30%;
}
.footer-list-title {
  font-size: 16px;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  margin: 0 0 20px;
  padding: 6px 20px;
  text-transform: uppercase;
  border-left: none;
  border-right: none;
  text-align: left;
}
.footer-list-item {
  margin-bottom: 10px;
}
.footer-list-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.footer-nav a:hover {
  text-decoration: underline;
  color: #fff;
}
.bottom {
  background: #24466C;
  width: 100%;
}

.footer-bottom {
  color: #fff;
  max-width: 1100px;
  padding: 15px 0 15px 30px;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .footer {
    flex-direction: column;
  }
  .footer-logo {
	  margin-bottom: 2%;
  }
  	.footer-list-link {
		font-size: 17px;
		}
}

@media (max-width: 576px) {
  .footer-nav {
    flex-direction: column;
  }
	.footer {
		padding-left: 40px;
	}
	.footer-list {
		padding-left: 0;
		width: 80%;
    margin-top: 20px;
	}
}

.lvit {
  float: right;
  margin: -5px 5px 11px 0;
}


/* Header
-----------------------------------------------------------------------------*/
.container {
	max-width: 1100px;
	margin: 0px auto;
	padding: 0px 20px;
}
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
}
.header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0b294b;
	z-index: 2;
}

.header_body {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 70px;
	align-items: center;
}
.header_logo {
	flex: 0 0 80px;
	position: relative;
	z-index: 3;
}
.header_logo img {
}
.header_body a:hover {
  text-decoration: none;
}

.logo_img {
  width: 30px;
  height: 30px;
  z-index: 10;
}
.logo {
  font-size: 30px;
  font-weight:bold;
  font-family: 'Times New Roman', sans-serif;
  color: #fff;
}
.my {
  color: #c8c4c4;
  margin: 0 10px 0 0;
  font-family: 'Lemon', cursive;
}
.header_burger {
	display: none;
}
.header_menu a:hover {
  color: #FFF;
  text-decoration: underline;
}
.header_list {
	display: flex;
	position: relative;
	z-index: 2;
  margin-bottom: 5px;
}
.header_list li {
	list-style: none;
	margin: 0px 0px 0px 20px;
}
.header_link {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;
}
.dom {
  width: 20px;
  height: 16px;
  margin: 0 auto 11px;
}

@media (max-width: 767px){
	body.lock{
    overflow: hidden;
    }
  .header_body {
		height: 50px;
	}
  .dom {
    margin: 0 auto;
}
	.header_burger {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		z-index: 3;
	}
	.header_burger span {
		position: absolute;
		background-color: #fff;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
    transition: all 0.3s ease 0s;
	}
		
	.header_burger:before,
	.header_burger:after{
		content: '';
		background-color: #fff;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
    transition: all 0.3s ease 0s;
	}
	.header_burger:before{
		top: 1px;
	}
	.header_burger:after{
		bottom: 1px;
	}
	
	.header_burger.active span {
		transform: scale(0);
	}
		
	.header_burger.active:before{
		transform:rotate(45deg);
		top: 9px;
	}
	.header_burger.active:after{
		transform:rotate(-45deg);
		bottom: 9px;
	}
	
	.header_menu {
		position: fixed;
		top: -115%;
		left: 0;
		width: 100%;
		overflow: auto;
    transition: all 0.4s ease 0s;
		background-color: #5b88bb;
		padding: 70px 10px 20px 10px;
	}

  .header_menu.active {
    top: 0;
  }

	.header_list {
		display: block;
	}
	.header_list li {
		margin: 0px 0px 20px 0px;
	}
		
}
		

/* Middle
-----------------------------------------------------------------------------*/
#middle {
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 0px 10px 0px;
  height: 1%;
  overflow: hidden;
}
#middle:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

@media (max-width: 767px){
  #middle {
    padding-top: 50px;
    width: 100%;
  }
}
@media (max-width: 900px){
  #middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.content {
  padding: 0 0 0 0px;
  width: 70%;
  float: right;
  }
@media (max-width: 900px){
  .content {
    width: 100%;
    float: none;
  }
}
.content img {
  max-width: 100%;
}
   figure {
    display: block;
    margin:40px 5px;
    text-align: center;
   }
   figcaption {
    color: #888;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
   }
.content a {
  font-size:1.0em;
  font-weight:600;
  } 
.content p{
  margin:15px; 
  font-family: "Open Sans",serif;
  font-size: 1.3em;
  line-height: 1.5;
  color:#2a3643;
}

.content ul {
  list-style: square;
}
.content li{
  margin:15px 35px; 
  text-align: left;
  font-family: "Open Sans",serif;
    font-size: 1.3em;
    line-height: 1.4;
    color:#2a3643;
}
.lii {
  font-style:italic;
  font-size:0.9em;
  font-family:"Times New Roman", Times, serif;
  
}

h1 {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1.1;
    color: #353536;
    margin: 25px auto 20px;
    text-align: center;
}
h2 {
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 2.1em;
    font-weight: 300;
    line-height: 1.1;
    color: #353536;
    margin: 25px auto 5px;
    text-align: center;
    margin-top: 50px;
}

h3 {
    font-family: "Open Sans",Arial,Helvetica,"Roboto",sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.1;
    color: #353536;
    margin: 15px auto 5px;
    text-align: center;
    margin-top: 50px;
} 

h4{
    color:#000;
    margin:5px 40px 5px 50px;
  text-align:center;
 }


.zakladki{
  display: inline; 
}
.fig {
    color: #888;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
   }
.spisok {
    color: #000; 
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
   }
.prov {
  margin:5px 10px 20px 18px;
  }
.pr a {
  color:#fff;
  font-size:1.2em !important;
  margin:auto 15px;
  font-weight:normal !important;
  }
.pr td{
  padding:8px;
  background-color:#004B89;
  }
.pr tr{
  border-bottom:solid;
  border-bottom-color:#3372B0;
  border-bottom-width:thin;
  }
.pn {
  background: none repeat scroll 0 0 #fee6b5;
  border: 1px solid #747473;
  display: block;
  padding: 10px 15px 15px;
  margin:15px auto 10px;
  max-width:500px;
}
.pn1 {
  background-color:#009933;
  color:#FFFFFF;
  max-width:516px;
  padding:5px 5px 5px 10px;
  margin:-10px 0px 0px -15px;
  font-size:14px;
  font-weight:bold;
  }
  
.info-box,.download-box,.notification-box,.error-box{
  padding:10px 10px 10px 50px;
  margin-bottom:15px;
  position:relative;
  height:1%;
  font:0.8em/1.4 Arial;
  min-height:50px; 
  text-align:justify;
  box-shadow: 0.5em 0.5em 6px;
  
  }
  
.info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf; box-shadow:0.5em 0.5em 6px #91b6d0;}
.download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159; height:auto; box-shadow:0.5em 0.5em 6px #9dc483;}
.notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555; box-shadow:0.5em 0.5em 6px #d1b28a;}
.error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999;}

.icon {
    display: inline-block;
    position: relative;
  margin:0px 10px 10px -35px;
  border:none;
}
.content .info-box img {
  border:none;
}
.content .download-box img {
  border:none;
}
.content .notification-box img {
  border:none;
}
.content .error-box img {
  border:none;
}

.info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{
  position:absolute;
  left:34px;
  top:16px;
  margin:0;   
  text-indent:0px;
  text-align:justify;}

.code a.code-icon{margin-bottom:10px}
.code a.code-icon i{padding-right:6px;font-style:normal}

.zagl {
  color:#D80546 !important;
  font-size:150% !important;
}
blockquote {
  margin:4% 2%;
  padding:1.5em 1.0em 1.5em 2.0em;
  font-style:italic;
  font-size:1.3em;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#999;
  border: solid 1px #eee;
  border-left: solid 5px #aeacac;
  display: block;
background-image: url(http://mylcd.info/images/kv-1.jpg);
background-repeat: no-repeat;
background-position: top left;
text-indent:1.8em;
}

.news {
  margin:0px 20px 5px 30px;
  padding:2px;
    overflow: auto;
  }
.news p {
  text-indent:0px;
  
  }
.news img {
  float:left;
  margin:15px 15px 10px 0px;
  }
.news a {
  font-size:1.0em;
  text-decoration:none;
  color:#0066FF;
  }
.news a:hover {
  text-decoration:underline;
  color:#0099FF;
  }
.prev {
  height:70px;
  max-width:100px;
}
.sny {
  height:20px;
  width:70%;
  background-color:#282828;
  color:#FFF;
  font-size:1.4em;
  margin:25px 10px 10px 15px;
  font-family:"Times New Roman", Times, serif;
  padding: 5px;
}

.obv {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: rgb(183, 169,154);
  border-style:solid;
  border-width:1px;
  padding: 3px;
}
.blok {
    box-shadow: 0.5em 0.5em 6px #d1b28a;
    background-color: #fef7e0; 
    border: 1px solid #e6c555; 
}
.blok2 {
    box-shadow: 0.5em 0.5em 6px #9dc483;
    background-color: #eeffdd; 
    border: 1px solid #a3c159; 
}
.blok3 {
    box-shadow: 0.5em 0.5em 6px #91b6d0;
    background-color: #E1F2FC; 
    border: 1px solid #6093b7; 
}
.blok, .blok2, .blok3 {
    padding: 15px 25px 15px 25px;
    width: 85%;
    margin: 5px 0px 25px 12px;
    color:#333;
    font-family: "Open Sans",serif;
    font-size: 1.3em;
    line-height: 1.4;
}
.blok li, .blok2 li, .blok3 li {
  font-size: 1.0em;
}

.blok1 {
    background-color: #FDFDFD; 
    padding: 0px 10px 15px 10px; 
    border: 1px solid #d1cfcf;
    border-top: 4px solid #a2a0a0; 
    width: 85%; 
    margin: 5px auto;
    color:#666;
    font-family: "Open Sans",serif;
    font-size: 1.3em;
    line-height: 1.4;
  }

  
.blok1 p {
  font-size: 1.4em  !important;
  font-weight:600;
  margin: 0.5em 0 0.5em 5.5em  !important;
}
.blok1 a {
  font-size: 1.1em;
  margin: -10px 0px 0px 0px;
  font-weight:normal !important;
}
.blok4 {
    background-color: #FDFDFD; 
    padding: 4% 3% 4% 4%; 
    border: 1px solid #d1cfcf;
  border-top: 4px solid #a2a0a0; 
    width: 85%; 
    margin: 5px auto;
  color:#666;
  font-family: "Open Sans",serif;
    font-size: 1.1em;
  line-height: 1.4;
  font-style:italic;
  }
@media (max-width: 767px){
  .blok, .blok2, .blok3 {
    margin: 2% auto;
    width: 89%;
    padding: 10px;
    box-shadow: none;
  }
}

  
.pri {
  margin:15px 5px 25px 30px;
  background-color:#f6f5f5;
  width:80%;
  padding:10px;
  font-size: 0.9em;
  font-style: italic;
}
.pan {
  font-size:1.4em;
  font-weight:bold;
}
.yashare {
  margin:27px 5px 15px 14px;
}
.yashare li {
  
  margin:4px !important;
}
.yashare a {
  font-size:1.0em;
  font-weight:400 !important;
  }

.content-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 98%;
  margin: 10px auto;
}  
.content-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sl {
  float: left;
  width: 25%;
  min-width: 250px;
  position: relative;
  margin-top: 30px;
  padding: 0 10px;
}
@media (max-width: 900px){
  #sl {
    width: 70%;
    float:none;
  }
}
 .nav, .nov, .rek{
  background-repeat:no-repeat;
  background-position:center;
  margin:0px;
  margin-bottom:0px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:170%;
  color:#fff;
  text-align:center;
}
.nav{
  background-color:#616161;
  height:45px; 
  line-height:43px;
  width: 95%;
}
.nov{
  background-color:#616161;
}

#pno{
  background-color:#faf9f9;
  margin:1px 5px 10px 5px;
  padding:5px 5px 5px 20px;

}
#pno a {
  font-weight: 600 !important;
  font-size:1.1em;
  color:#3f7cda;
}
#pno p {
  text-align:left;
}
#pre{
  background-color:#f5f4f4;
  margin:1px 10px 10px 10px;
  padding:5px 5px 5px 20px;
}
.ver_menu a{
  color:#000;
  font-size:110%;
  font-family:Arial, Helvetica, sans-serif;
}
.ver_menu a:hover {
  color:#666666;
}
@media (max-width: 767px){
  .ver_menu a{
    font-size: 16px;
  }
}

.ver_menu ul{
  padding: 0;
  }
.ver_menu li{
  padding: 7px 0px 7px 5px;
  margin: 0 10px;
  max-width: 99%;
  border-bottom-color:#999999;
  border-bottom-style:dashed;
  border-bottom-width:1px;
}
@media (max-width: 767px){
  .ver_menu li{
    padding: 9px 0px 9px 5px;
  }
}
.ver_menu{
  background-color:#f5f4f4;
  margin: 0;
  padding:0px 0px 0px 0px;
  text-align: left;
  width: 95%;
}
.sidebar-list {
  width: 100%;
}
/* Footer
-----------------------------------------------------------------------------*/

.bld {
  font-weight: 600;
  color:#121212;
  font-family: "Open Sans",serif;
}
.bld1 {
  font-weight:bold;
  color:#333;
  font-size:1.4em !important;;
  }
.bld2 {
  font-weight:bold;
  color:#333;
  font-size:100%;
  font-style:italic;
  }
.bld3 {
  font-weight:bold;
  color:#FFF;
}
.bld4 {
  font-weight: 600;
  color:#000;
  font-family: "Open Sans",serif;
} 
.wiki {
  margin:-1% 0% 5% 10%;
  width:85%;
  font-family: "Open Sans",serif;
    font-size: 1.2em;
    line-height: 1.3;
}
.style1 {
  color: #660033;
  font-weight: bold;
}
.style22 {
  font-size: 16px;
  color: #999999;
  font-family: "Times New Roman", Times, serif;
}
.style33 {
  font-size: 26px;
  color: #666;
  font-family: "Times New Roman", Times, serif;
}

.CSSTableGenerator {
  margin:0px auto;
  padding:0px;
  width:80%;
  box-shadow: 10px 10px 5px #888888;
  border:1px solid #000000;
  
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
  
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
  
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
  
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
  
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
  vertical-align:middle;
  
  
  border:1px solid #000000;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:1.1em;
  font-family:Arial;
  font-weight:normal;
  color:#000000;
}.CSSTableGenerator tr:last-child td{
  border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
  border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
    background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
  background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");  background: -o-linear-gradient(top,#005fbf,003f7f);

  background-color:#005fbf;
  border:0px solid #000000;
  text-align:center;
  border-width:0px 0px 1px 1px;
  font-size:14px;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
  background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
  background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");  background: -o-linear-gradient(top,#005fbf,003f7f);

  background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}

.phil {
  font-size:1.7em !important;
  color:#0B5ED7 !important;
  font-weight:bold;
}
.model {
  margin:2px 0px 10px 15px; 
  font-size:1.2em;
}

caption {
  padding: 1%;
  color: white;
  background: #8BC532;
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
}
.px {
  border-bottom: 2px solid #B9B29F;
  padding: 2% 2% 2% 1%;
}
.px1 {
  border: 1px #F33;
  width: 90%;
  border-spacing:1px;
}
.bql {
  width:50%;
  font-size:1.6em;
  line-height:1.2em;
  font-style:italic;
  color:#666;
  border-left-color:#CCC;
  border-left-width:5px;
  border-left-style:solid;
  padding:2%;
  float:right;
  margin:0 0 1% 2%;
}
.zap1 {
  background-color:#AFBD22;
  padding:5px 15px 5px 30px;
  margin:10px 16px 10px 14px;
  color:#FFFFFF;
  }
.zap2 {
  background-color:#F37421;
  padding:5px 15px 5px 30px;
  margin:10px 16px 10px 14px;
  color:#FFFFFF;
  }
.zap3 {
  background-color:#13B5EA;
  padding:5px 15px 5px 30px;
  margin:10px 16px 10px 14px;
  color:#FFFFFF;
  }
.zap4 {
  background-color:#B31743;
  padding:5px 15px 5px 30px;
  margin:10px 16px 10px 14px;
  color:#FFFFFF;
  }
.zap5 {
  background-color:#6239BA;
  padding:5px 15px 5px 30px;
  margin:10px 16px 10px 14px;
  color:#FFFFFF;
  }
/* адаптивное видео */  
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.or {
  color: #ff6600;
}
.rd {
  color:#ff0000;
}
.sodr {
  background: #EAEAEA;
  margin:1% 1% 3% 3%;
  border: 1px solid #d1cfcf;
  padding: 1%;
  width: 80%;
} 
@media (max-width: 576px){
  .sodr {
    width: 95%;
    margin: 0 auto;
  }
}

.sod {
  width: 90%;
  color:#000;
  margin: 0 auto;
  font-size: 1.3em;
  font-weight:400;
  text-align: center;
}

.sodr li {
  margin:1% 1% 1% 4%;
  line-height: 1.1;
}
@media (max-width: 576px){
  .sodr li {
    margin: 2% 1%;
    line-height: 1.3;
  }
}
.sodr a {
  font-size: 1em;
  font-weight:normal;
}
@media (max-width: 576px){
  .sodr a {
    font-size: 1.1em;
  }
}
.sodr ul {
  margin: 2% 0%;
  list-style: none !important;
} 
@media (max-width: 576px){
  .sodr ul {
    padding: 0 0 0 5px;
  }
}

.prl {
  margin:4% 0% 4% 4%;
  padding: 3%;
  border-left: solid 3px;
  border-color: red;
  background-color: #e2e0e0;
  width: 75%;
}
.com {
  font-family: "Open Sans",Arial,Helvetica,"Roboto",sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.1;
    color: #353536;
    margin: 8% auto 5%;
    text-align: center;
}
#comment {
  margin:12% auto 7%;
}
@media (max-width: 576px){
  #comment {
    width: 98%;
  }
}
.hatom-extra {
  color:#acabab; 
  font-size:1.0em;
}
.tabdg {
  width:90%;
  margin: 4% auto;
}
.diagonal {
  border:1px solid #ddd;
  width: 100%;
}
.tabdg .diagonal td {
  text-align: center;
  padding:2%;
}
.tabdia {
  font-size:0.8em;
  color:#595858;
  align:center;
  font-style: italic;
}
.table-arc {
    font-size: 0.8em;
    text-align: center;
}
.table-arc td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
}
.ecran {
  width: 80%;
  margin: 0 auto;
}
.ecran td {
  padding: 3px 0 3px 5px;
}
.vbtable {
  border: solid 2px #660033;
  width: 100%;
}
@media (max-width: 576px){
  .ecran {
    width: 98%;
  }
}
.spisok {
  margin: 0;
}