@font-face {
    font-family: "UbuntuRegular"; 
    src: url("/font/UubuntuRegular.eot");
    src: url("/font/UbuntuRegular.eot?#iefix")format("embedded-opentype"),
    url("/font/UbuntuRegular.woff") format("woff"),
    url("/font/UbuntuRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html, body {   height: 100%;  margin:0;}

h1 {
 padding: 0;
 margin: 0;
 padding-top: 5px;
 padding-left: 5px;
 padding-right: 5px;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 font-size: 12px;
 font-weight: normal;
}

div {
box-sizing: border-box;
color:white;
/* color:black; */
font-size:16px;
font-family: UbuntuRegular;
}

.div1 {
background: #a7a7a7;
height: 100%;
border-top: 2px solid #ffffff;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
}
.s0 {
	opacity: 0.6;
	z-index: -1;
}
.s1 {
	background: #009fc3;
}
.s2 {
/*	background: repeating-linear-gradient( 45deg, #bbd7e2, #bbd7e2 7px, #cef1ff 7px, #cef1ff 12px ) !important; */
	background: repeating-linear-gradient( 45deg, #009fc3, #009fc3 7px, #008baa 7px, #008baa 12px ) !important;
}
.s4 {
	background: #009fc3;
	box-shadow: aqua 50;
	box-shadow: 8px 18px 18px rgb(0 0 0 / 80%);
	z-index: 5;
/*	height: auto !important; */
	opacity: 0.88;
}
.s5{
	background: repeating-linear-gradient( 45deg, #00a94b, #00a94b 7px, #298451 7px, #298451 12px ) !important;
}

.s6 {
 background: #CABB3C !important;
}

.sp {
font-size: 8px;
}

.dt {
color: #353535;
padding: 0 5px;
width: 100%;
font-size: 12px;
border-top: 2px solid #777777;
text-align: center;
display: table;
}

\@media handheld, only screen and (max-width: 767px) {
  .div1 {
    font-size: 10px;
  }
}

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


    .tabs {
display: contents;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>input[type="radio"]:checked+label {
      background-color: #bdbdbd;
    }

    .tabs>div {
      /* скрыть контент по умолчанию */
      display: none;

      padding: 10px 15px;
      border-radius: 4px;
    }

    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3 {
      display: contents;
    }

    .tabs>label {
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #eee;
height: 6%;
float: right;
padding: 4px; 
 display: flex; 
/* display: none; */
  justify-content: center;
  flex-direction: column;
  min-height: 25px;
    font-size: 13px;
    line-height: 1.5;
 
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

    cursor: pointer;

    color: #2d2d2d;
    width: 33%;
    }

    .tabs>label:first-of-type {
      float: right;
    }

.table2 {
border-collapse: collapse;
  width: 100%;
  color: #747474;
    font-size: 12px;
}
.td3 {
padding: 10px;
}
th2 {
  height: 50px;
}
tr2 {
  height: 50px;
}
.centr {
  text-align: center;
}
.bk {
  background: #efefef;
}
.rk {
  background: #ffe0b9;
  height: 30px;
}
textarea{
        margin:0 0 10px;
        width: 100%;
        background-color: #666;
        color: #dedede;
        border:0px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        font-size: 11px;
        font-family: "Courier New", Courier, monospace;
        }
    textarea:focus{outline: none; background-color: #444;}
    ul.features{
        margin:0;
        font-size: 14px;
        }
    ul.features li{ margin-bottom: 2px;}
    a.selector{ font-size: 12px; color:#47b; text-decoration: none; font-weight: bold; float: right;}
    a.selector:hover{color:#359;}
    .btn{ text-decoration: none; }
    .btn:hover{cursor: pointer; background-color: #359;}
    /* ==========================================================================
       Helium Modal styles
       ========================================================================== */
    /* === essential styles === */
    .helium-modal{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        background-color: rgba(0,0,0,0.6);
        z-index: 2000;
        display: none;
        }
    .helium-modal .modal{
        position: absolute;
        left: -9999px;

    width: 95%;
	color: #383838;
    font-size: 12px;
    padding: 9px;
        }
    /* === customizable styles === */
    .helium-modal .modal{
        background-color: #ffffff;

    border-radius: 10px;
        }
    .helium-modal .modal a.x-button{
        position: absolute;
    top: 15px;
    right: 17px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 24px;
    line-height: 20px;
    color: #0a0a0a;
        }
		
		
	.modal1{
line-height: 20px;
    border-radius: 5px;
    color: #323232;
    font-size: 12px;
 border-radius: 0px 0px 5px 5px;
    padding: 10px;
    position: relative;
    background: #ceffd6;
        }
		
			.modal2{
line-height: 20px;
    border-radius: 5px;
    color: #323232;
    font-size: 12px;
 border-radius: 0px 0px 5px 5px;
    padding: 10px;
    position: relative;
    background: #cef1ff;
        }
		
		
				.modal3{
line-height: 20px;
    border-radius: 5px;
    color: #323232;
    font-size: 12px;
 border-radius: 0px 0px 5px 5px;
    padding: 10px;
    position: relative;
    background: #dedede;
        }	
		
		
			.modal1m{
line-height: 20px;
    border-radius: 5px;
    color: #323232;
    font-size: 12px;
margin-bottom: 1px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    position: relative;
    background: #ceffd6;
        }
		
			.modal2m{
line-height: 20px;
    border-radius: 5px;
    color: #323232;
    font-size: 12px;
margin-bottom: 1px;
/*    border-radius: 5px 5px 0px 0px; */
border-radius: 5px;
    padding: 10px;
    position: relative;
    background: #cef1ff;
        }

.grid-dl dl { display: grid; grid-template-columns: 20px auto; margin:0; }
.grid-dl dt { grid-column-start: 1; }
.grid-dl dd { grid-column-start: 2; margin-left:4px; }
.grid-dl dt img { padding: 5px 2px 0 1px; }
h1.grid-dl>dl>dt>img { padding: 0; }

table.ost tbody tr:nth-child(odd){  background: #efefef;}
div.req { position:absolute; width: 100%; }
div.req:hover {height: auto !important;z-index: 10; }

.fotoform { display: inline; }