/*

@media (max-device-width:640px) {  
#modal5  form{
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
	top: 0;
}
}*/


/* Пoдлoжкa */
#overlay {
    z-index: 9999;
    position: fixed;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
/*
body{
	overflow-y: scroll !important;
	overflow: auto !important;
}
*/
.modal_div{
	position: absolute !important;
}

.modal_div {
    width: 640px;
    height: auto;
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed;
    top: 65%;
    left: 50%;
    margin-top: -251px;
    margin-left: -320px;
    display: none;
    opacity: 0;
    z-index: 10000;
    padding: 20px 10px;
}

.textarea textarea {
    border: 1px solid #bfbfbf;
    background: none;
    color: #1b1b1b;
    font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 12px;
    height: 109px;
    width: 100%;
	resize: none;
}

.modal_div .type_file {
    text-align: right;
    font-size: 13px !important;
}

.modal_div .inputFile[class=inputFile] {
    right: 0;
    left: 0;
    width: 100%;
}

.modal_div .fonTypeFile {
    background: none;
    z-index: 1;
    color: #1b1b1b;
    display: inline-block;
    text-decoration: underline;
}

.form_left .g-recaptcha {
    margin: 0;
}

.modal_div .b_add, .modal_div .type_file {
    text-align: right;
    font-size: 13px !important;
}

.modal_div .type_file {
    position: relative;
    /*width: 610px;
    margin: 0 auto;*/
	margin: 0 13px 0 0;
    text-align: right;
}

.modal_div .feedback_form label {
    color: #1b1b1b;
    font: normal 16px/18px Lora, "Times New Roman", Times, serif;
    display: block;
    padding-bottom: 1px;
    padding-left: 0px;
}

.but {
    text-align: center;
}

input.button_1 {
    border: 0px;
    padding-top: 0px;
    height: 40px;
    cursor: pointer;
	transition: all 200ms ease;
}

input.button_1:hover {
	opacity: 0.8;
}

.button_1 {
    background: url(/templates/process/img/button1.png) no-repeat;
    background-size: 100% 100%;
    height: 26px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font: bold 12px/12px LoraBold, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 14px 0 0;
    margin: 0 8px;
    width: 269px;
}

.modal_div .inputFile { /* поле type="file" */
  position: absolute; /* абсолютное позиционирование, чтобы можно было совместить поле и блок с оформлением */
  top:0px;
  left: 0;
  cursor:pointer;
  z-index: 900; /* z-слой должен быть больше, чем у блока с оформлением */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* делаем поле абсолютно прозрачным */
  -moz-opacity: 0;
  -khtml-opacity: 0;
 	opacity: 0;
  width: 363px;
  font-size:20px;
  height:17px;
}


.modal_div input[type=text]::-webkit-input-placeholder,
.modal_div input[type=password]::-webkit-input-placeholder,
.modal_div input[type=email]::-webkit-input-placeholder,
.modal_div input[type=search]::-webkit-input-placeholder,
.modal_div input[type=tel]::-webkit-input-placeholder,
.modal_div input[type=url]::-webkit-input-placeholder,
.modal_div textarea::-webkit-input-placeholder {
  color: #d3d3d3;
}



.textarea {
    /*background: url(/templates/process/img/textarea2.png) no-repeat;*/
    height: 134px;
    width: 100%;
}

.form_right {
    display: inline-block;
    vertical-align: top;
	text-align: left;
    width: 49%;
}

.form_left {
    text-align: left;
    width: 48%;
	display: inline-block;
    vertical-align: top;
	margin-right: 1%;
}

span.modal_close {
    float: right;
    cursor: pointer;
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
    margin-top: -14px;
}

span.modal_close:hover{
	opacity: 0.5;
}

div#otb {
    width: 100%;
    padding-top: 5px;
}

.feedback {
    padding: 83px 0 0;
    text-align: center;
    padding-top: 37px;
}

h4.tmm {
    margin-top: 0px;
    margin-bottom: 24px;
    text-transform: uppercase;
    color: #807e7e;
	text-align: center;
}

.nt-wraps p {
    text-align: center;
}

.mode {
	text-align: center;	
}

.descrip2 p {
    padding-bottom: 10px;
}

.form_content {
    text-align: center;
}

.g-recaptcha {
	transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.feedback_form label {
    color: #1b1b1b;
    font: normal 15px/18px Lora, "Times New Roman", Times, serif;
    display: block;
    padding-bottom: 1px;
    padding-left: 0px;
}

.input {
    /*background: url(/templates/process/img/input.png) no-repeat;*/
    height: inherit;
    margin-bottom: 15px;
    width: 100%;
}

.input input[type="text"] {
	border: 1px solid #bfbfbf;
    background: none;
    color: #1b1b1b;
    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 10px 8px;
    width: 100%;
    /*padding-top: 24px;*/
	height: auto;
}

span.modal_close {
    background: url(/templates/process/img/clz.png) no-repeat !important;
    font-size: 0;
    width: 31px;
    height: 32px;
    right: 8px;
    float: right;
    cursor: pointer;
    font-size: 0px;
    font-family: arial;
    font-weight: bold;
    margin-top: -14px;
}





#reviews {
    margin: 0 auto;
    width: 1000px;
    color: #000;
    font: normal 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#reviews .descrip2_in {
	width: 100%; 
	float: none;
}

#reviews .rowrew {
	overflow: hidden; 
	margin: 0 0 50px 0;
}

#reviews .lrew { 
	width: 720px;
	float: left;
}

#reviews .rrew {
	float: right;
	width: 250px;
}

#reviews  h1 {
    padding-bottom: 23px;
    color: #1b1b1b;
    font: normal 23px/18px Lora, "Times New Roman", Times, serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#reviews .rrew img {
	width: 250px;
}

#reviews  .date-r {
	margin-bottom: 5px;
	color: #666;
    font-size: 12px;
    color: #666666;
}

#reviews  .name-r {
	margin-bottom: 5px;
    color: #000;
}

#reviews  .href-r {
	margin-bottom: 9px;
	color: #666;
}

#reviews .answerTxt {

}




#reviews .button_13 {
    background: url(/templates/process/img/button1.png) no-repeat;
    background-size: 100% 100%;
    height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: bold 13px/12px LoraBold, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 14px 0 0;
    margin: 0 0px 0 0;
    width: 220px;
	text-decoration: none;
}

#reviews .button_24 {
    background: url(../images/button2-54.png) no-repeat;
    width: 268px;
    color: #000;
	background-size: cover;
	margin-bottom: 27px;
    height: 26px;
    display: inline-block;
    text-align: center;
    font: bold 13px/12px LoraBold, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 14px 0 0;
	text-decoration: none;
}







#reviews .button_23 {
    background: url(../images/button2.png) no-repeat;
    width: 215px;
    color: #1b1b1b;
    height: 26px;
    display: inline-block;
    text-align: center;
    font: bold 13px/12px LoraBold, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 14px 0 0;
    margin: 0 8px;
	text-decoration: none;
}



#reviews .button_24:hover {
	opacity: 0.7;
}


#reviews .m34 {
	margin-bottom: 30px;
	text-align: center;
}

#reviews .button_23:hover, #reviews .button_13:hover {
	opacity: 0.8;
}

@media (max-width: 1000px) {
	
	
	
	#reviews .lrew { 
		float: none;
		width: 100%;
	}
	
	#reviews .rrew { 
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	#reviews {
		width: auto;
		margin-bottom: 60px;
		margin: 0 20px;
	}
	
	
	.modal_div {
		width: 570px;
		height: auto;
		border-radius: 5px;
		border: 3px #000 solid;
		background: #fff;
	    box-sizing: border-box;
		position: absolute !important;
		top: 65%;
		left: 50%;
		margin-top: -251px;
        margin-left: -285px;
		display: none;
		opacity: 0;
		z-index: 10000;
		padding: 20px 10px;
	}
	
	.modal_div .type_file {
		/*width: 570px;*/
		text-align: center;
	}
	
	.modal_div {
    margin-top: -175px;

}

}

.active-b div#page-wrapper {
    height: 540px;
}

@media (max-width: 1000px) {
.active-b div#page-wrapper {
    height: 990px !important;
}


}

@media (max-device-width: 500px) {
	
.form_left {
	margin-right: 0;
}
	
	
.active-b .modal_div {
	    box-sizing: border-box;
		width: 500px;
		height: auto;
		border-radius: 5px;
		border: 3px #000 solid;
		background: #fff;
		position: fixed !important;
		top: 5% !important;
		margin-top: 0 !important;
		left: 50%;
		/*margin-top: -351px;*/
        margin-left: -250px;
		display: none;
		opacity: 0;
		z-index: 10000;
		padding: 20px 10px;
	}
}