.inthis{text-align:center;width:95%;margin:0 auto;padding:5px; margin:10px;margin-top:20px;}
.block{margin:10pt;height:auto;display:inline-block;vertical-align:middle;text-align:center; width:46%;}
.block .icon {width:20%;height:auto;float:left;vertical-align:middle;padding:5px 0 0 7px;} 
.block .icon img {width:80%; }
.block .txt {width:78%;height:auto;vertical-align:middle; float:right; text-align:left; font-size:1.3em;}
.orange{ color:#EB926B}
.bl0{width:100%; max-width: 1000px; margin:0 auto; margin-top:25px; padding:10px;  border-radius:5px 5px;}
.bl0::after{content: "";clear: both; display: table;}
.total::after{content: "";clear: both; display: table;}
.green {color:#00998A}
.krug {border-radius: 10% 10%}		
.white {background:#FFF;	}
.red {color:#FF5465}
.bl1{width:42%; float:left; }
.right{float:right; padding-right:20px;}
.ban {background:#F2CBA1; padding:5px;}
.ban1{background:#A0AF6B; }
body { font-family:Calibri, Tahoma, Helvetica, Arial, sans-serif;  color: #333;  font-size:18px; text-align:justify}
@media (max-width: 480px) {body{font-size:12px;}}
@media (max-width: 780px) {body{font-size:14px;}}
p {text-align:justify; margin: 0;  margin-bottom: 1em;}
.bl2 {width:52%; float:right; } 
h1, h2 {margin-left:15px; margin-top:10px}
.big {font-size:1.3em;}
@media (max-width: 480px) {body{font-size:12px;} .big {font-size:14px;}}
@media (max-width: 780px) {body{font-size:14px;}}
.myul {display:block;color:#444; font-size:1.1em; margin-left:0; padding:0px 10px}
/*.myul ul {margin-left:5px;}*/
.myul li, .myul1 li {margin: 15px 0; list-style: none;  }
.myul   li::before {
    content: '►'; /* Символ маркера */
    color: #A0AF6B; /* Цвет маркера */
    margin-right: 0.5em; /* Расстояние от маркера до текста */
   }


.myul1 {display:block;margin:10px 5px; color:#444; font-size:1.2em}
.myul1 ul {margin-left:5px;}
.myul1   li::before {
    content: '►'; /* Символ маркера */
    color: #F58A5B; /* Цвет маркера */
    margin-right: 0.5em; /* Расстояние от маркера до текста */
   }


h1, h2 {letter-spacing: -2px; color:#5F77A1;} h1 {font-size:2em;} h2 {font-size:1.6em; font-weight:500}
.button {background:#FFF; border:1px solid #ccc; width:80%; border-radius:10px 10px; padding:12px; margin:0 auto; margin-bottom:5px;margin-top:25px;text-align:center; display:block; cursor:pointer;}
.adaptive {max-width:700px; width:95%; padding: 8px; margin:0px auto; text-align:center;display:block}
.adaptive1 {max-width:500px; width:90%; margin:0px auto; text-align:center;display:block}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0; top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close1 {color: #444; float: right; font-size: 28px;font-weight: bold;}
.close1:hover,
.close1:focus {color: black;text-decoration: none;cursor: pointer;}

#myBtn1{width:45%; margin-top:25px;}
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
textarea {  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px 4px;
  box-sizing: border-box;
}

.prim {
border-left: 2px dotted green; 
padding-left: 10px; 
margin-left: 10px; 
}


.block1{width:25%; float:left; border-radius:10px 10px;font-size:1.2em; }
.block2{width:67%; float:right; background:#FFF;}
.fone {background:#CAD5BF;}
.total { width:98%; margin:0 auto; background-image:url(fon.jpg); }
.button {border:1px solid #ccc; width:250px; border-radius:10px 10px; padding:5px; margin:0 auto; margin-bottom:5px;margin-top:5px;text-align:center; display:block; cursor:pointer; font-size:1.2em}
#txt {border:1px solid #ccc; padding:20px;}
.prim {display:block; padding:10px; border-left:1px solid red;}
.none {text-decoration:none;}

.adaptive {max-width:600px; width:100%; padding: 8px; margin:0px auto; text-align:center;display:block}