body {
    font-family: Arial;
    color: #202020;
    line-height: 0;
    font-size: 11pt;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    background-color: #ebebeb;

}

.need_visit {
  display: flex;
  flex-direction: column;
  line-height: normal;
}

.need_visit a:hover {
  cursor: pointer;
}


.txt_message {
  margin: 0 auto;
  max-width: 700px;
}

.bestro {
    font-weight: bold;
    display: inline-block;
}

img {
    border: none;
}

a {
    color: black;
}

a:hover {
    color: #fc5300;
}

.whl {
    color: white;
}

.whl:hover {
    color: red;
}

#wrap {
    text-align: center;
    width: 100%;
    max-width: 1300px;
    /*min-width:280px;*/
    margin: 0;
    padding: 0;
    line-height: 21px;
    display: -moz-inline-box;
    display: inline-block;
    background-color: white;


}

.cap {
	background: url("../i/cap_1.png") no-repeat center center;
	width: 64px;
	height: 64px;
	position: absolute;
	margin-left: -27px;
	margin-top: -10px;
	z-index: 9999;
}

.top20 {

    width: 100%;
    height: 100px;
    text-align: center;
    background-image: url('../i/25-4.jpg');
    background-position: center center;
}

#header {
    min-height: 319px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: solid 1px gold;
    text-align: left;
    background: url("../i/bg11.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.header-informer {
    width: 100%;
    margin: 40px 0 0 0;

    padding: 0;
    float: left;
    list-style: none;
}

.header-informer2 {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    display: none;
    float: left;
    list-style: none;
}

.header-informer3 {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    display: none;
    float: left;
    list-style: none;
}

.header-informer4 {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    display: none;
    float: left;
    list-style: none;
}

.logoplace {
    width: 30%;
    text-align: center;
    margin: 0;
    padding: 20px 30px 0 20px;
    float: left;
    height: 144px;
    background: url("../i/vline.png");
    background-repeat: no-repeat;
    background-position: right center;

}

.logoplace2 {
    width: 300px;
    text-align: left;
    margin: 0 0 0 30px;
    padding: 0;
    float: left;


    padding: 20px 20px 0 0;
    float: left;
    height: 144px;
    background: url("../i/vline.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.logoplace3 {
    width: 230px;
    text-align: left;
    margin: 0 0 0 30px;
    padding: 0;
    float: left;


    padding: 40px 20px 0 0;
    float: left;
    height: 124px;
    background: url("../i/vline.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.radio {
  display: flex;
  flex-grow:0;
  gap: 6px;
  align-items:center;
  line-height: normal;
  
}

.radio-group {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.logoplace4 {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0;
    float: left;

    padding: 20px 0 0 0;
    float: left;
    height: 110px;
}
.slog1 {
    background: url("../i/slog1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 16%;
    height: 164px;
    float: left;

}

.infoplace {
    width: 22%;
    color: black;
    font-weight: bold;

    float: right;

}

.ip-con {
    padding: 0 0 10px 0;
    margin: 60px 20px 0 0;
    font-size: 22px;
    float: left;
}

.otd-bt {
    padding: 5px 0 5px 5px;
    font-size: 14pt;
    color: black;
    margin: -5px 0 5px 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*
.otd-bt{
	padding: 5px;
	border: solid 2px black;
	font-size: 11pt;
	color: black;
	margin: -5px 0 5px 1px;
			border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
*/
.otd-bt2 {
    padding: 2px 0 2px 2px;
    font-size: 13pt;
    color: black;
    margin: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

/*
.otd-bt2{
	padding: 2px;
	border: solid 1px black;
	font-size: 9pt;
	cursor: pointer;
	color: black;
	margin: 0;
			border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	
}
*/
.otd-list {
    position: absolute;
    background-color: white;
    padding: 5px;
    border: solid 1px #ebebeb;
    font-size: 10pt;
    margin: -5px 0 10px 5px;
    color: black;
    line-height: 30px;
    font-weight: normal;
    text-align: left;
    display: none;
}

.otd-list ul {
    margin: 0;
    padding: 0;
}

.otd-list ul li {
    list-style: none;
    padding: 2px;
    border: solid 1px #ebebeb;
    margin: 5px 0 0 5px;
}

.infoplace2 {
    width: 30%;
    color: black;
    font-weight: bold;

    float: right;
}

.ip-con2 {
    padding: 0 0 10px 0;
    margin: 50px 30px 0 0;
    font-size: 19px;
    float: right;
    line-height: 29px;
    text-align: right;
}

.infoplace3 {
    float: right;
    color: black;
    font-weight: bold;

    margin: 0 0 0 0;
}

.ip-con3 {
    padding: 0 0 10px 0;
    margin: 50px 30px 0 0;
    font-size: 16px;
    float: right;
    line-height: 28px;
    text-align: right;
}

.infoplace4 {
    float: left;
    color: black;
    font-weight: bold;
    width: 100%;
    margin: 0 0 0 0;
    font-size: 14px;
    text-align: center;
}




.mainmenu {
    width: 100%;
    height: 90px;
    background: url("../i/submenu.png");

    float: left;
    margin: 25px 0 0 0;
    font-size: 12pt;
    clear: right;
    overflow: hidden;
}

.menuitem {
    float: left;
    width: 20%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/*
.borderL {
    background: url("../i/vline2.png");
    background-repeat: no-repeat;
    background-position: left top;
}
*/

.menuitem2 {
    float: left;
    width: 20%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 18px;

}

.mmlink {
    display: inline-block;
    width: 100%;
    height: 55px;
    padding: 35px 0 0 0;
    text-decoration: none;
    text-align: center;
    color: #461900;
    cursor: pointer;
    font-size: 11pt;
    font-weight: bold;

}

.mmlink:hover {

    background: url("../i/bgw.png");
}

.mmlink-on {
    display: inline-block;
    width: 100%;
    height: 55px;
    padding: 35px 0 0 0;
    text-decoration: none;
    text-align: center;
    color: gold;
    background: url("../i/bgw2.png");
    font-size: 11pt;
    font-weight: bold;
}



.mainmenu2 {


    float: left;
    margin: 0;
    width: 100%;
    font-size: 12pt;
    clear: right;
    overflow: hidden;
    display: none;
    text-align: center;
}

.menuitem-l2 {
    display: inline-block;
    margin: 0 5px 5px 0;
    background: url("../i/submenu.png");
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mmlink2 {
    display: inline-block;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    color: #461900;

    font-size: 10pt;
    font-weight: bold;


}

.mmlink2:hover {
    display: inline-block;
    color: #461900;
    padding: 8px;
    text-decoration: none;
    text-align: center;
    background: url("../i/bgw.png");
    color: #461900;

    font-size: 10pt;
    font-weight: bold;
}


.mainmenu3 {

    float: left;
    margin: 0 0 0 0;
    width: 100%;
    clear: right;
    overflow: hidden;
    display: none;
    text-align: center;
}
.sub-menu{
    position: absolute;
    background-color: rgba(255,255,255,1);
    border-radius: 10px;
    border: solid 2px orange;
    width: 200px;

    margin: 70px 0 0 0;
    display: none;
    padding: 10px;
    text-align: left;
    font-weight: bold;
}
.menuitem-l3 {
    display: inline-block;
    margin: 0 5px 5px 0;
    background: url("../i/submenu.png");
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mmlink3 {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    color: #461900;
cursor: pointer;
    font-size: 10pt;
    font-weight: bold;


}

.mmlink3:hover {
    display: inline-block;
    color: #461900;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    background: url("../i/bgw.png");
    color: #461900;

    font-size: 10pt;
    font-weight: bold;
}


.footya {
    float: left;
    width: 100%;
    margin: 100px 0 0 0;
    min-height: 200px;
    border-top: solid 2px #3e1400;
    text-align: center;
}

.felm1 {
    float: left;
    margin: 20px 0 0 30px;

}

.felm2 {
    float: right;
    margin: 10px 30px 20px 0;
    font-size: 10pt;
    line-height: 18px;

}

.titline1 {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;

}

.titl1-l {
    float: left;
    width: 49%;
    min-height: 300px;

}

.titl1-r {
    float: right;
    width: 49%;
    min-height: 300px;
}

.titl2-l {
    float: left;
    width: 49%;


}

.titl2-r {
    float: right;
    width: 49%;


}

.bnr-l {
display: block;
    margin: 30px;
    min-height: 300px;
    background: url("../i/subb1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;

}

.bnr-r {
    display: block;
    margin: 30px;
    min-height: 300px;
    background: url("../i/subb2.jpg");
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    background-repeat: no-repeat;
}

.vidjh {
    display: block;
    margin: 30px 30px 15px 30px;
    color: #3b1801;
    font-size: 16pt;
    text-align: left;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #fb5e00;
    text-decoration: none;
    font-weight: normal;

}

.parth {
    margin: 10px 0 0 0;
    color: #3b1801;
    font-size: 22pt;
    text-align: left;
    padding: 0 0 8px 0;
    line-height: normal;
    float: left;
    width: 100%;

}

.parth2 {
    margin: 30px 30px 0 10px;
    color: #3b1801;
    font-size: 20pt;
    text-align: left;
    padding: 0 0 8px 0;
    line-height: 30px;
    float: left;
    font-weight: normal;

}
.dep-list{
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

.dep-list li{
    padding: 0 0 12px 0;
}
.dep-list li a{

}

.g-parth {
    margin: 0 0 0 30px;
    color: #3b1801;
    font-size: 22pt;
    text-align: left;
    padding: 0 0 8px 0;
    line-height: 30px;
    float: left;
    font-weight: normal;
}

.subparth {
    cursor: pointer;
    margin: 0 0 15px 0;
    color: #3b1801;
    font-size: 14pt;
    text-align: left;
    padding: 10px;
    background: #fdf0be;
    border-bottom: solid 2px #fb5e00;

}

.subparth2 {

    margin: 20px 0 10px 0;
    color: #d84e12;
    font-size: 14pt;
    text-align: left;


}

.subparth3 {

    margin: 0 0 10px 0;
    color: #d84e12;
    font-size: 17pt;
    text-align: left;


}

.zclph {
    height: 30px;
    font-size: 13pt;
    width: 90%;
    max-width: 300px;
}

.scol-t {
    display:none;
    float: left;
    margin: 0 0 20px 20px;
}

.scol-t2 {
    float: left;
    margin: 0 0 20px 20px;
}

.content-part {
    float: left;
    width: 100%;
}

.content-part2 {
    float: left;
    width: 100%;
}

.content-part3 {
    float: left;
    width: 100%;
}

.part-marg {
    margin: 20px 0 20px 0;
    text-align: left;
    line-height: 30px;

}

.part-marg2 {
    margin: 0 0 20px 0;
}

.right-part {
    float: right;
    width: 25%;
    min-height: 200px;

}

.right-part2 {
    float: right;
    width: 37%;
    min-height: 200px;

}

.somecol {
    float: left;

    width: 100%;
    line-height: 25px;
    text-align: left;
    margin: 5px 0 0 0;
}

.news-date {

    background: #ebebeb;
    padding: 5px;
    text-align: left;
    margin: 0 0 9px 0;

}

.news-short {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    font-size: 11pt;
    text-align: left;
    line-height: 25px;
    float: left;

}

.news-h {
    font-size: 16pt;
    margin: 0 0 10px 0;
    line-height: 27px;
    font-weight: bold;


}

.news-preim {
    float: left;
    width: 150px;
}

.newspreimg {
    width: 100%;
    margin: 6px 0 0 0;
}

.news-pretext {


    margin: 0 0 0 160px;
}

.part-short {
    margin: 0 0 0 0;
    color: #3b1801;
    font-size: 13pt;
    text-align: left;
    line-height: 27px;
    float: left;

}

.infoblock-1 {
    float: left;
    height: 200px;
    width: 100%;

    margin: 0 0 20px 0;
    background: url("../i/subb2.jpg");
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.infoblock-2 {
    float: left;
    height: 200px;
    width: 100%;

    margin: 0 0 20px 0;
    background: url("../i/subb1.jpg");
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.infoblock-3 {
    float: left;

    width: 100%;

    margin: 0 0 20px 0;

}

.magreq {

    margin: 0 30px 0 10px;
    padding: 20px;
    text-align: left;
    float: left;

}

.magreq2 {
    display: none;
    margin: 0 10px 0 10px;
    padding: 20px;
    text-align: left;
    float: left;

}

.aboutmag {
    float: right;
    width: 40%;
    padding: 0 0 0 10px;
    text-align: left;

    color: gray;
    font-size: 10pt;
    line-height: 18px;
}

.aboutmag2 {
    float: right;
    width: 100%;
    padding: 20px 0 0 10px;
    text-align: left;

    color: gray;
    font-size: 10pt;
    line-height: 18px;
}

.reqform {
    float: left;
    width: 100%;
    text-align: left;

}

.reqform2 {
    float: left;
    width: 100%
}

.formfields {
    list-style: none;
    margin: 15px 0 15px 0;
    padding: 0;

    float: left;

}

.formfields li {
    margin: 5px 0 0 0;
    float: left;
    padding: 5px 0 5px 0;
    width: 100%;
    border-bottom: solid 1px #ebebeb;
}

.fieldname {
    float: left;
    width: 48%;
    text-align: left;
    padding: 8px 0 8px 0;
    margin: 0;

}

.fieldinp {
    float: right;
    width: 48%;

    padding: 0;
}

.inpt {
    width: 90%;
    height: 30px;
    border: solid 1px #feae43;
}

.inpta {
    width: 90%;
    height: 80px;
    border: solid 1px #feae43;
}

.bg1 {
    background: url("../i/ico1.jpg");
    background-repeat: no-repeat;
    background-position: left center;
}

.bg2 {
    background: url("../i/ico2.jpg");
    background-repeat: no-repeat;
    background-position: left center;
}

.bg3 {
    background: url("../i/ico3.jpg");
    background-repeat: no-repeat;
    background-position: left 10px;
}

.fdetail {
    font-size: 9pt;
    line-height: 12px;
    font-style: italic;
}


.gobt {
    text-decoration: none;
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    margin: 15px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
}

.gobt:hover {
    text-decoration: none;
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #561809;
    color: white;
    font-weight: bold;
    margin: 15px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
}

.gobt-foot {
    text-decoration: none;
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    margin: 0 5px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    float: left;
    width: 190px;
    display: block;
}
.paystat{
    text-decoration: none;
    border: none;
    padding: 3px 5px 3px 5px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}
.paystat:hover{
   background-color: #d32d00;
    color: white;
}
.gobt-top {
    border: none;
    margin: 10px 0 0 0;
    cursor: pointer;
    display: inline-block;
    font-size: 10pt;
}

.gobt-vo {
    text-decoration: none;
    border: none;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    margin: 10px 0 0 0;
    cursor: pointer;
    float: left;
    display: block;
    font-size: 10pt;
}

.gobt2 {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    margin: 15px 0 0 0;
    float: left;
    cursor: pointer;
}

.gobt2:hover {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #561809;
    font-weight: bold;
    margin: 15px 0 0 0;
    color: white;
    float: left;
    cursor: pointer;
}

.gobt3 {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    margin: 15px 0 0 0;
    position: fixed;
    cursor: pointer;
    right: 20px;
}

.gobt3:hover {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #561809;
    font-weight: bold;
    margin: 15px 0 0 0;
    color: white;
    position: fixed;
    cursor: pointer;
    right: 20px;
}

.formhd {
    font-size: 12pt;
}


.topnews {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}


.topnews li {
    float: left;
    margin: 0 0 0 0;

    padding: 0;
    width: 50%;
    text-align: left;
}

.nwsdate {
    float: left;
    margin: 0 0 10px 30px;
    clear: both;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}

.nws-pre {
    float: left;
    font-size: 10pt;
    margin: 0 20px 0 30px;
}

.nwsim {
    margin: 0 0 0 30px;
    clear: both;
}


.nwsim img {
    width: 90%;
    max-width: 233px;
}

.nwh-l {
    font-weight: bold;
    margin: 10px 20px 10px 30px;
}


.bnr-txt {
    float: left;
    margin: 80px 0 0 0;
    padding: 15px 0 15px 0;
    width: 100%;
    background: url("../i/white1.png");
    color: #3b1801;
    font-size: 17pt;
    line-height: normal;
    display: block;
    text-decoration: none;

}

.q-a {
    margin: 10px 0 50px 30px;
    float: left;
}

.qa-h {
    padding: 15px 10px 0 60px;
    background: url("../i/qico.png");
    background-repeat: no-repeat;
    background-position: left top;
    color: black;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    float: left;
    min-height: 60px;


}

.qa-a {
    text-align: left;
    float: left;
    padding: 15px 10px 0 60px;
    background: url("../i/aico.png");
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 25px;
    min-height: 100px;
}


.allqa {
    float: right;
    margin: -33px 0 0 0;
}

.otd-imgs {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    clear: right;
    overflow: hidden;
}

.otd-imgs li {
    text-align: center;
    padding: 0;
    margin: 0 0 20px 0;
    float: left;
    width: 25%;
}

.otd-imgs li img {
    margin: 0 0 6px 0;
    width: 90%;

}


.pbt {
    border-bottom: dashed 1px gray;
    cursor: pointer;
    font-weight: bold;
    pause: 5px;
    display: inline-block;
}


.city-bt {
    display: inline-block;
    font-size: 14pt;
    padding: 15px;
    border: solid 2px #ebebeb;
    color: gray;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin: 0 0 15px 0;
    cursor: pointer;

}

.city-bt:hover {
    display: inline-block;
    font-size: 14pt;
    padding: 15px;
    border: solid 2px #ebebeb;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    background: #fc5300;
    color: white;
    margin: 0 0 15px 0;
    cursor: pointer;

}

.city-bt-on {
    display: inline-block;
    font-size: 14pt;
    padding: 15px;
    border: solid 2px #ebebeb;
    color: black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    background: #feae43;
    margin: 0 0 15px 0;
    cursor: pointer;

}

.city-bt-on:hover {
    display: inline-block;
    font-size: 14pt;
    padding: 15px;
    border: solid 2px #ebebeb;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    background: #fc5300;
    color: white;
    margin: 0 0 15px 0;
    cursor: pointer;

}

.filial-point {
    list-style: none;
    padding: 0;
}

.filial-point li {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #f8bb00;
}
.point-work{
    margin: 8px 0 0 0;
}
#city2 {
    display: none;
}

.probe {
    width: 50px;
    height: 35px;
    background: gold;
    color: black;
    text-align: center;
    padding: 15px 0 0 0;
    float: left;
    font-weight: bold;
    margin: 0 10px 10px 0;
}

#bigone {

    float: left;
    height: 70px;
    margin: 0 10px 20px 0;

    padding: 10px;
    border: solid 3px #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#reszaim, #procres {
    font-size: 22pt;
    margin: 10px 0 0 0;
}

#bigone2 {

    float: left;

    max-width: 226px;
    min-height: 60px;
    margin: 0 10px 20px 0;
    background: #feae43;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    border: solid 3px #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.inphorcont {
    float: left;
    margin: 0 0 0 0;
    text-align: left;
    width: 95px;

}

.horiz-cont {

    max-width: 500px;
    margin: 5px 0 0 120px;
    padding: 0;
    height: 50px;
    background: #ebebeb;
}


.sliderCont {
    width: 90%;
    height: 50px;

    cursor: pointer;


    background-image: url("../i/1px.jpg");
    background-repeat: repeat-x;
    background-position: left center;


}

.prodnum {
    float: left;
    background-color: orangered;
    color: white;
    padding: 5px;
}


.ui-slider {
    position: relative;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    overflow: hidden;
}

.ui-slider-horizontal {
    height: 50px;
    margin: 10px 0 0 0;
    width: 100%;


}

.ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 50px;
    background: red;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 0 0 -10px;

}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}


.ui-slider-vertical {
    width: 30px;
    margin: 0 0 0 0;
    height: 320px;
    border1: solid 1px blue;
    display: -moz-inline-box;
    display: inline-block;
    text-align: left;

}

.ui-slider-vertical .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: gray;
    cursor: pointer;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin: 0 0 -15px -10px;

}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


.calc-wrap {
    padding: 15px;
    border: solid 3px #fa4107;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}


/*==============================================================*/
#spform3, #frm1, #spform4 {
    padding: 20px;
}

#splash2, #splash3, #splash4, #splash5 {
    position: fixed;
    z-index: 999999;
    width: 100%;

    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    overflow: auto;
    text-align: center;
    display: none;
    margin: 0 0 0 0;
    top: 0;
    line-height: 20px;
    color: #26273e;
    clear: right;

}

.close-l {
    width: 25%;
    float: left;

    height: 100%;
}

.close-r {
    width: 25%;
    float: left;

    height: 100%;
}

.insplash {

    width: 50%;
    min-height: 30%;

    background-color: rgba(225, 225, 225, 0.9);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 20px 0 0 0;
    text-align: center;
    float: left;
    padding: 0 0 30px 0;
}

.insplash-h2 {
    margin: 30px 0 20px 20px;
    font-weight: normal;
    font-size: 20pt;
    color: #26273e;
    line-height: 30px;
    width: 70%;


}

.incent {
    display: -moz-inline-box;
    display: inline-block;
    width: 100%;


    text-align: left;
}

.closerb {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    border: none;
    padding: 5px 9px 5px 9px;
    text-align: center;
    background: maroon;
    font-size: 11pt;
    color: white;
    margin: 30px 30px 0 0;
    float: right;
}

.closerb:hover {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    border: none;
    padding: 5px 9px 5px 9px;
    text-align: center;
    background: #ffab37;
    font-size: 11pt;
    color: white;
    margin: 30px 30px 0 0;
    float: right;
}

.txline {
    width: 100%;
    max-width: 600px;
    height: 40px;
}

.txline2 {
    width: 100%;
    max-width: 600px;
    height: 40px;
    border: solid 2px red;
}

.txblock {
    width: 100%;
    height: 90px;
    max-width: 600px;
}

.gobt-splash {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    border: none;
    padding: 10px;
    text-align: center;
    background: #d32d00;
    font-size: 14pt;
    color: white;
    margin: 10px 0 0 0;
    width: 180px;
}

.gobt-splash:hover {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    border: none;
    padding: 10px;
    text-align: center;
    background: #ffab37;
    font-size: 14pt;
    color: white;
    margin: 10px 0 0 0;
    width: 180px;
}

.closer2 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    border: none;
    padding: 5px 9px 5px 9px;
    text-align: center;
    background: red;
    font-size: 11pt;
    color: white;
    margin: 30px 30px 0 0;

}

.closer2:hover {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    border: none;
    padding: 5px 9px 5px 9px;
    text-align: center;
    background: maroon;
    font-size: 11pt;
    color: white;
    margin: 30px 30px 0 0;

}

#mess, #mess2, #mess3, #mess4 {
    display: none;
    margin: 40px 30px 20px 30px;
}


/*==============================================================*/


.prod-catalog {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}


.prod-catalog-off {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    display: none;
}

.prod-list {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: right;
    overflow: hidden;
}

.prod-list li {
    width: 20%;
    float: left;
    text-align: center;
    height: 400px;
    margin: 0;

}

.prod-list li img {
    width: 90%;
    max-width: 300px;
}

.wes {
    margin: 10px 0 0 0;
}

.gprice {
    padding: 5px;
    background: #feae43;
    font-weight: bold;
    display: -moz-inline-box;
    display: inline-block;
    margin: 10px 0 0 0;
}


.good-bor {
    margin: 10px;
    padding: 10px;
    border: solid 1px gold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;


}

.prod-list2 {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: right;
    overflow: hidden;
    text-align: center;
}

.prod-list2 li {
    width: 200px;
    display: inline-block;
    text-align: center;
    height: 230px;
    margin: 0;

}

.prod-list2 li img {
    width: 100%;


}

.good-bor2 {
    margin: 10px;
    padding: 10px;
    border: solid 2px white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    cursor: pointer;
}

.good-bor2:hover {
    margin: 10px;
    padding: 10px;
    border: solid 2px gold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    cursor: pointer;
}


.prod-list3 {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: right;
    overflow: hidden;
    text-align: center;
}

.prod-list3 li {
    width: 120px;
    display: inline-block;
    text-align: center;
    height: 170px;
    margin: 0;

}

.prod-list3 li img {
    width: 100%;


}


.good-bor3 {
    margin: 5px;
    padding: 5px;
    border: solid 1px white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.good-bor3:hover {
    margin: 5px;
    padding: 5px;
    border: solid 1px gold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}


.prodname2 {
    font-weight: bold;
    font-size: 13pt;
}

.right-part-free {

    float: left;
    border-top: solid 2px gold;
    border-bottom: solid 2px gold;
    margin: 10px 0 20px 0;
}

.footm {
    float: left;
    width: 80%;
    margin: 10px 0 10px 0;
}

.menuitem-foot {
    float: left;
    margin: 0 0 10px 30px;
}

.mmlink-f {
    color: black;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.mmlink-f:hover {
    color: #fb5e00;
    font-weight: bold;
}

.mmlink-f-on {
    color: #fb5e00;
    font-weight: bold;
    text-decoration: none;
}


.goodscower {
    float: left;
    width: 100%;
    clear: right;
    overflow: hidden;
    margin: 0 0 40px 0;
}

.gleftcol {
    float: left;
    width: 47%;

}

.grightcol {
    float: right;
    width: 50%;

}

.gpage-ph {
    width: 100%;
    float: left;

    text-align: center;

}

.grightpad {
    padding: 0 10px 0 10px;
    line-height: 30px;
}

.gpprice {
    color: black;
    font-weight: bold;
    font-size: 15pt;
    margin: 0 0 0 0;
    float: left;
    background: gold;
    padding: 10px;
}

.gpab {
    color: black;
    font-weight: bold;
    font-size: 14pt;
    margin: 10px 0 0 0;
    float: left;
    background: #ebebeb;
    padding: 10px;
    clear: both;
}

.magcon22 {
    color: black;

    font-size: 12pt;
    margin: 10px 0 0 0;
    float: left;
    border: solid 1px gold;
    padding: 10px;
    clear: both;
    line-height: 25px;
}

.gph {
    margin: 0 0 20px 0;
    font-size: 22pt;
    color: black;
    padding: 0;
    line-height: normal;
    text-transform: uppercase;
}

.gmidph {
    width: 90%;
    cursor: pointer;
    max-width: 300px;
}

.backli {

    clear: both;
    margin: 20px 0 10px 12px;

    text-align: left;
}
.att-head{
    background: linear-gradient(45deg, maroon, red);
    color: white;
    font-size: 13pt;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    flex-flow: column nowrap;
    padding: 20px;
    line-height: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.att-head-wrap{
    background-color: maroon;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    line-height: 25px;
}
.inlblock{
    display: inline-block;
}
.pay-online{
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: gold;
    font-weight: bold;
    color: black;
    font-size: 13pt;
    line-height: 18px;
    margin: 10px 0 10px 0;
    text-decoration: none;
    display: inline-block;
    max-width: 800px;
    cursor: pointer;
    text-transform: uppercase;
}
.pay-online-s{
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: gold;
    font-weight: bold;
    color: black;
    font-size: 10pt;
    line-height: 16px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}


.byubt {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #feae43;
    font-weight: bold;
    margin: 15px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    float: left;
    clear: both;
}

.byubt:hover {
    border: none;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #561809;
    color: white;
    font-weight: bold;
    margin: 15px 0 0 0;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    float: left;
    clear: both;
}

.subs {
    float: left;
    width: 100%;
    background-color: gold;
    margin: 10px 0 10px 0;

}

.subs-padd {
    padding: 10px;
}

.subs-lnk {
    float: left;
    background-color: gold;
    margin: 10px 0 10px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14pt;
}

.subs-lnk:hover {
    float: left;
    background-color: orangered;
    margin: 10px 0 10px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14pt;
    color: white;

}

.gtable {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.gtable td {
    padding: 10px;
    text-align: left;
    border-bottom: solid 1px gold;
    width: 50%;
}

.redt1 {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px gold;

}

.redt1 td {
    word-break: break-all;
    font-size: 10pt;
    line-height: 16px;
    padding: 5px;
    text-align: left;
    border: solid 1px gold;
}

.redt1 th {
    font-size: 10pt;
    line-height: 16px;
    padding: 5px;
    text-align: left;
    border: solid 1px gold;
}

.showmap {
    background-color: orange;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 10pt;
    color: white;
    cursor: pointer;
    display: inline-block;
    margin: 8px 0 8px 0;

}

.showmap:hover {
    background-color: orangered;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 10pt;
    color: white;
    cursor: pointer;
    display: inline-block;
    margin: 8px 0 8px 0;

}

.hban {
    float: left;
    width: 100%;
    height: 100px;
    display: block;
    margin: 5px 0 0 0;
    background: url("../i/ban1.jpg");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;

    background-color: #f16822;
}

.ztbl {
    border-collapse: collapse;
    width: 100%;
}

.ztbl th {
    line-height: 15px;
}

.ztbl th, td {
    padding: 10px;
    border: solid 1px #feae43;
    vertical-align: top;
}

.bgclr {
    background-color: #FFFFCC;
}

.bgclr_disable {
  color: gray;
}


.footbg {
    float: left;
    width: 100%;
}

.footbg img {
    margin: -120px 0 0 0;
}

.cookie-att {
    border-top: dashed 2px red;
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    border-bottom: dashed 2px red;
}

.drop_link {
    float: left;
    clear: both;
    margin: 20px 0 10px 10px;
    font-size: 14pt;
    border-bottom: dashed 1px darkorange;
    cursor: pointer;
    color: darkorange;
}

.drop_link:hover {
    border-bottom: dashed 1px orange;
    color: orange;
}
.splash {
    position: fixed;
    z-index: 999999;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    overflow: auto;
    text-align: center;
    display: none;
    margin: 0;
    padding: 0;
    top: 0;
    left:0;
    line-height: 20px;
    clear: right;
}
.insplash2{
    display: inline-block;
    width: 80%;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
    margin: 40px 0 30px 0;
    text-align: center;
    min-height: 200px;
}
.listitclose{
    display: block;
    float: right;
    margin: 0 0 0 0;
    line-height: 0;
    text-align: center;
    clear: both;
    cursor: pointer;
    background-color: orange;
    border-radius:5px;
    height: 40px;
    width: 40px;
    color:white;
    background-image: url("../i/wx.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;

}
.listitclose:hover{

    background-color: orangered;

    box-shadow:1px 1px 10px 1px #c9c9c9;
}
.insphead-zero{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18pt;
    padding: 0 0 10px 0;
    line-height: 20px;
    font-weight: bold;
}
.insphead-zero2{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18pt;
    padding: 0 0 10px 0;
    line-height: 20px;
    font-weight: bold;
}
.shplash-lay{
    float: left; width: 100%; margin: 20px 0 0 0; padding: 20px 0 20px 0; border-radius: 10px; text-align: center; background-color: white
}
.shplash-lay-l{
    float: left; width: 50%; text-align: center; font-size: 15pt
}
.splash-link{
    text-decoration: none;
    line-height: 25px;
}
.splash-im{
    width: 140px;
    margin: 0 0 20px 0;
}
.otd-item{
    float:left; width: 200px; border: solid 1px #ebebeb; padding: 20px; margin: 10px; text-align: center;
}
.otd-item img{
    height: 200px;
    margin: 0 0 10px 0;
}
.ppad{
    padding: 20px;
}
/*---here*---/
/*----------------SCREENW----------------*/


@media only screen and (max-width: 1300px) {
    .prod-list li {
        width: 25%;
        float: left;
        text-align: center;
        height: 400px;
        margin: 0;

    }

}

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

    .top20 {
        height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bnr-txt {
        float: left;
        margin: 80px 0 0 0;
        padding: 15px 0 15px 0;
        width: 100%;
        background: url("../i/white1.png");
        color: #3b1801;
        font-size: 12pt;
        line-height: normal;
        display: block;
        text-decoration: none;
        font-weight: bold;
    }

    .close-l {
        width: 15%;
        float: left;

        height: 100%;
    }

    .close-r {
        width: 15%;
        float: left;

        height: 100%;
    }

    .insplash {

        width: 70%;
        min-height: 30%;

        background-color: rgba(225, 225, 225, 0.9);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin: 20px 0 0 0;
        text-align: center;
        float: left;
        padding: 0 0 30px 0;
    }

    .prod-list li {
        width: 33%;
        float: left;
        text-align: center;
        height: 400px;
    }


    .header-informer {
        display: none;
    }

    .header-informer2 {
        display: block;
    }




    .topnews li {
        float: left;
        margin: 0 0 30px 0;

        padding: 0;
        width: 100%;
        text-align: left;
    }

    .nwsim {
        margin: 0 0 0 30px;
        float: left;
        width: 40%;
        text-align: left;

    }

    .nwh-l {
        font-weight: bold;
        margin: 0 20px 10px 0;
        padding: 0 0 0 0;
        text-align: left;
        float: right;
        width: 40%;

    }

    .nws-pre {

        margin: 0 20px 10px 0;
        padding: 0 0 0 0;
        text-align: left;

        float: right;
        width: 40%;
    }


    .allqa {
        float: right;
        margin: -8px 0 0 0;
        width: 130px;
    }

    .otd-imgs li {
        text-align: center;
        padding: 0;
        margin: 0 0 20px 0;
        float: left;
        width: 50%;
    }
}

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

    .ppad{
        padding: 10px;
    }
    .shplash-lay-l{
        float: left; margin: 0 0 30px 0; padding: 0 0 10px 0; width: 100%; text-align: center; font-size: 15pt
    }
    .gobt-top {

        margin: 0 0 0 10px;
    }
    .nwsim {
        margin: 0 0 0 30px;
        float: left;
        width: 40%;
        text-align: left;

    }

    .nwh-l {
        font-weight: bold;
        margin: 0 20px 10px 0;
        padding: 0 0 0 0;
        text-align: left;
        float: right;
        width: 40%;

    }

    .nws-pre {
        clear: both;
        margin: 0 0 10px 30px;
        padding: 0 0 0 0;
        text-align: left;

        float: left;
        width: 80%;
    }
    .mainmenu {
        display: none;
    }

    .mainmenu3 {
        display: block;
    }

}

@media only screen and (max-width: 700px) {
    .parth {
        font-size: 15pt;
    }

    .header-informer2 {
        display: none;
    }

    .header-informer3 {
        display: block;
    }

    .titl1-l {
        float: left;
        width: 100%;
        min-height: 300px;

    }

    .titl1-r {
        float: right;
        width: 100%;
        min-height: 300px;
    }

    .titl2-l {
        float: left;
        width: 100%;
        min-height: 300px;

    }

    .titl2-r {
        float: right;
        width: 100%;
        min-height: 300px;
    }

    .allqa {
        float: right;
        margin: 40px 0 0 0;
        width: 200px;
    }

    .felm2 {
        float: left;
        margin: 10px 0 20px 30px;
    }

    .prod-list li {
        width: 50%;
        float: left;
        text-align: center;
        height: 460px;
    }


    .nwsim {
        margin: 0 0 0 30px;
        float: left;
        width: 40%;
        text-align: left;

    }

    .nwh-l {
        font-weight: bold;
        margin: 0 20px 10px 0;
        padding: 0 0 0 0;
        text-align: left;
        float: right;
        width: 40%;

    }

    .nws-pre {

        margin: 0 20px 10px 0;
        padding: 0 0 0 0;
        text-align: left;
        clear: none;
        float: right;
        width: 40%;
    }

}

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

    .grightcol {
        float: right;
        width: 99%;

    }

    .header-informer2 {
        display: none;
    }

    .header-informer3 {
        display: block;
    }

    .content-part {
        float: left;
        width: 100%;
    }

    .right-part {
        float: left;
        width: 100%;
        min-height: 200px;

    }

    .content-part2 {
        float: left;
        width: 100%;
    }

    .right-part2 {
        float: right;
        width: 100%;
        min-height: 200px;

    }


}

@media only screen and (max-width: 500px) {
    .header-informer4 {
        display: block;
    }

    .header-informer3 {
        display: none;
    }



    .nwsim2 {
        margin: 0 0 0 30px;
        clear: both;
        float: left;
        width: 150px;
        text-align: left;

    }

    .nwh-l {
        font-weight: bold;
        margin: 0 0 10px 30px;
        padding: 0 0 0 0;
        text-align: left;
        float: left;
        width: 80%;

    }

    .nws-pre {

        margin: 0 0 10px 30px;
        padding: 0 0 0 0;
        text-align: left;
        float: left;
        width: 80%;
    }

    .close-l {
        width: 2%;
        float: left;

        height: 100%;
    }

    .close-r {
        width: 2%;
        float: left;

        height: 100%;
    }

    .insplash {

        width: 96%;
        min-height: 30%;

        background-color: rgba(225, 225, 225, 0.9);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin: 20px 0 0 0;
        text-align: center;
        float: left;
        padding: 0 0 30px 0;
    }

    .prod-list li {
        width: 50%;
        float: left;
        text-align: center;
        height: 360px;
    }

}

@media only screen and (max-width: 400px) {
    .news-preim {
        float: left;
        width: 100%;
    }

    .newspreimg {
        width: 99%;
        margin: 6px 0 0 0;
    }

    .news-pretext {

        margin: 0 0 0 0;
    }
    .prod-list li {
        width: 100%;
        float: left;
        text-align: center;
        height: 450px;
    }

    .menuitem-foot {
        float: left;
        margin: 0 0 10px 30px;
        clear: both;
    }

    .gleftcol {
        float: left;
        width: 99%;

    }

    .fieldname {
        float: left;
        width: 98%;
        text-align: left;
        padding: 8px 0 8px 0;
        margin: 0;

    }

    .fieldinp {
        float: right;
        width: 98%;

        padding: 0;
    }
}

@media only screen and (max-width: 300px) {
    .prod-list li {
        width: 100%;
        float: left;
        text-align: center;
        height: 450px;
    }
}

/*----------------SCREENW----------------*/

/* новое по оплате % */
.ztbli {
    border-collapse: collapse;
    width: 100%;
}

.ztbli th {
    line-height: 15px;
}

.ztbli th, td {
    padding: 10px;
    border: solid 1px #feae43;
    vertical-align: top;
}

.ztbl table thead{
    display: none;
}

.ztbl thead table tr th { /* таблица - заголовок */
    width: 25%;
}

.ztbl thead table tr th:first-of-type { /* таблица - заголовок */
    width: 50%;
}

.ztbl tbody tr td table tbody tr td {
    width: 25%; 
}

.ztbl tbody tr td table tbody tr td:first-of-type {
    width: 50%; 
}

@media only screen and (max-width: 1000px) {
    .ztbl {
        font-size: 12px;
    }
    .ztbl td, .ztbl th {
        padding: 5px;
      }
    
}



@media only screen and (max-width: 730px) {
  .ztbl thead { /* гасим общий заголовок */
    display: none;
  }

  .ztbl {
    font-size: 14px;
}


  .ztbl td {
    padding: 5px;
  }

  .ztbl tbody tr { /* выводим строки как блоки */
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }

  /* ячейки основной таблицы */
  .ztbl>tbody>tr>td:first-of-type {
    background-color: orange;
    font-weight: bold;
    font-size: 18px;
  }


  .ztbl>tbody>tr>td:first-of-type,
  .ztbl>tbody>tr>td:nth-of-type(2), 
  .ztbl>tbody>tr>td:nth-of-type(3),
  .ztbl>tbody>tr>td:nth-of-type(4),
  .ztbl>tbody>tr>td:nth-of-type(5),
  .ztbl>tbody>tr>td:nth-of-type(7),
  .ztbl>tbody>tr>td:nth-of-type(8) { 
    display: flex;
    justify-content: space-between;    
    
  }

  .ztbl>tbody>tr>td:first-of-type::before { 
    content: 'Номер билета: ';
  }

  .ztbl>tbody>tr>td:nth-of-type(2)::before { 
    content: 'Общий вес: ';
  }

  .ztbl>tbody>tr>td:nth-of-type(3)::before { 
    content: 'Сумма займа: ';
  }

  .ztbl>tbody>tr>td:nth-of-type(4)::before { 
    content: 'Дата залога: ';
  }

  .ztbl>tbody>tr>td:nth-of-type(5)::before { 
    content: 'Дата окончания договора: ';
  }

  .ztbl>tbody>tr>td:nth-of-type(7):not(.prepared)::before { 
    content: 'Проценты на текущую дату: ';
  }


  .ztbl>tbody>tr>td:nth-of-type(8)::before { 
    content: 'Оплата процентов: ';
  }


  /* inner table  */
  .ztbl table {
    display: table;
    border-collapse: collapse;    
    width: 100%; 
  }


  .ztbl table thead{
    display: table-row-group;
    width: 100%; 
  }

  .ztbl table thead tr {
    display: table-row;
  }

  .ztbl table thead th {
    display: table-cell;
  }

  .ztbli th {
    line-height: 1;
    padding: 5px;
  }

  .ztbli td {
    line-height: 1;
  }


  .ztbl table tbody tr { /* строки внутренней таблицы */
    display: table-row;
  }

}