#mainblock{
	margin: 2%;
}
#rites{
/*	width:100%;
	/*padding:10px 4%;*/
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
}
#rites .form_in,#rites .rite_out{
	/*width:50%;
	padding:10px 2%;
	float:left;*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#rite_form{
    padding: 1.5em;
   /*background: rgba(124,101,73,.1);*/
    border-radius: 6px;
    width: 100%;
}

#rite_form {
    float: left;
}
#rite_form label{
	display:block;
	padding-top:1rem;
	padding-bottom:0.3rem;
}
/*#rite_form label,
#rite_type,
#rite_id {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

input, select,textarea {
    width: 100%;
    padding: 0.5rem !important;
    border: 1px solid #A89F93 !important;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	    margin: .2rem;
}

.submit {
    text-align: center;
    margin: .5em 0 0;
}


#add_new {display: none;}
.js #add_new {display: inline;}

.t_treb{
	border-spacing: 0;
	background-image: url(https://pravtreba.ru/remote/all.jpg);
	background-size: 100%;
}
.t_treb tr{
    border-collapse: separate;
    border-spacing: 0;
	padding:0;
	margin:0;
}
.t_treb td{
	padding:0;
	margin:0;
	border-spacing: 0;
}
.t_treb img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
.rite_out {
    float: left;
    min-height: 490px;
    /*background-color: white;*/
    width:100%;
}

	#rite_out_hdr {
        font-size: 1.4em;
		font-style: normal;
		text-align: center;
		color: #5D4323;
		padding: 1% 9%;
	}
	
	#rite_out_hdr span {
	   font-family: 'Oranienbaum', serif;
	   font-size: 1.5em;
	   display: none;
	}
	
    #rite_out_names {
        margin: 1em 0 0;
        font-size: 1.2rem;
		counter-reset: list 0;
		padding: 0 9%;
    }
	
	#rite_out_names li{
		/*border-bottom: 1px dotted #DCD2C5;*/
		padding: .2em 0 .2em 1.5em;
		color: #333;
		list-style-type: none;
	}
	
	#rite_out_names li:before {
    	counter-increment: list;
        content: counters(list, '.') '. ';
        display: inline-block;
        float: left;
        font-size: .875em;
        line-height: 1.6;
        width: 2em;
        text-align: right;
        margin-left: -2.5em;
        color: #5D4323;
        opacity: .8;
    }
	

#rite_out_total {
	text-align: right;
	padding: 0 10% 10px 30%;
	font-size: 12px;
	margin: 0;
}

.ImgBlock{
    position: relative;
    width: 100%;    
     overflow:hidden;
}
.ImgBlock::before {
    content: "";
    display: block;
    padding-top: 52%;
}
.ImgBlock img{
     width:100%;
     height:auto;
    position: absolute;
    top: 0;
    left: 0;
     min-height:100%;
}
.ibbot::before {
    padding-top: 21%;
}
.rite_content {
    background: url(https://pravtreba.ru/remote/middle.jpg) repeat-y top left; 
    background-size: 100% auto; 
	min-height:232px;
}
#SendRIte{width:600px;height:100px; border:#aaa solid 1px;display:none;}

@media  screen and (max-width: 639px) {
	#rites .form_in,#rites .rite_out{
		width:90%;
		margin:0 auto;
	}
	#rite_out_hdr {
		font-size: 1em;
	}
}

.overlay {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(133, 182, 145, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto;
  z-index:100;
}
.overlay.open {
  opacity: 1;
  pointer-events: inherit;
}
.overlay .modal {
  background: white;
  text-align: center;
  padding: 2%;
  box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto;
}
.overlay .modal.open {
  opacity: 1;
  pointer-events: inherit;
}
.overlay .modal.open .content {
  transform: translate(0, 0px);
  opacity: 1;
}
.overlay .modal .content {
  transform: translate(0, -10px);
  opacity: 0;
  transition: 0.35s ease-in-out;
}
.overlay .modal .title {
  margin-top: 0;
}