/* Модальное окно записи на прием */
.modal_dialog {
    position: fixed;
	font-family:'Oranienbaum', serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
}
.framemodal{
	position:relative;
	width:620px;
	margin: 5% auto;
	border-collapse:collapse;
	background: white;
	border: 10px solid #bddbb2;
	border-radius: 1px;
	height:550px;
	padding: 0px 70px;

}
.framemodal h1{
	padding: 30px 0px 10px 0;
	margin:0;
	font-family:'Oranienbaum', serif;
	font-size: 54px;
	font-weight:normal;
	width:100%;
	color:#3b110b;
	text-align: center;
	line-height:54px;
}
.framemodal p{
	padding: 0px 0px;
	font-family:'Oranienbaum', serif;
	font-size: 24px;
	line-height: 36px;
	font-weight:normal;
	width:100%;
	color:#3b110b;
	text-align: center;
	margin-top:20px;
	margin-bottom: 20px;
}
.framemodal {
	font-family:'PT Sans', sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight:normal;
	color:#a08778;
	/*text-align: left;*/
}
.framemodal textarea{
	width:696px;
	padding-left: 4px;
	font-size:18px;
	resize: vertical; 
}
.framemodal input[type="text"],.framemodal input[type="number"],.framemodal input[type="password"],.framemodal input[type="date"],.framemodal textarea{
	width:390px;
	padding-left: 20px;
	height:24px;
	border: none;
	border-bottom: 1px solid #8b512e; 
}
.framemodal textarea{
	height:76px;
	overflow: hidden;
	width:380px;
}
.framemodal input[type="text"],.framemodal input[type="number"],.framemodal input[type="password"],.framemodal input[type="date"], .framemodal select{
	font-family:'PT Sans', sans-serif;
	font-size:20px;
	color:#3b110b; 
}
.framemodal_width400 input[type="text"],.framemodal input[type="number"],.framemodal input[type="password"],.framemodal input[type="date"], .framemodal select,.framemodal textarea{
	font-family:'PT Sans', sans-serif;
	font-size:20px;
	color:#3b110b; 
}
.framemodal select{
	-webkit-appearance: none; /*for WebKit*/
	-moz-appearance: none;/* for FF */
    -ms-appearance: none;/* for IE */
	border: none;
	border-bottom: 1px solid #8b512e; 	
    background-image: url(../image/arrow1_down.png);
    background-position: right center;
    background-repeat: no-repeat;
    text-indent: 8px; 
    text-overflow: '...  ';
    appearance: none!important;
}
 .framemodal_width400 select{
	width:400px;
}    
.framemodal    select::-ms-expand {
      display: none;
    }

.framemodal select > option {
    background-color: transparent;
    border: 2px solid #8b512e;
    padding-right: 15px;
    height: 24px;
    width: 220px;
}	
	

.framemodal_width400 {
	float:left;
	overflow: hidden;
	margin-bottom: 20px;
	width:400px; 
	display:inline-block;
}
.framemodal_width220 {
	float:left;
	overflow: hidden;
	margin-bottom: 20px;
	width:220px; 
	display:inline-block;
}
.but_send {
	min-height:44px;
	height:44px;
	width:240px;
	text-align:center;
	background-color: #d5a98e;
	margin: 20px 190px 0 190px; 
	box-sizing: border-box;	

	font-family:'PT Sans', sans-serif;
	font-size:18px;
	letter-spacing:0em;
	line-height:18px;
	color:#ffffff; 	
	text-transform:uppercase;
	text-decoration: none;
	border:none;
}
.but_send:hover {
	background-color: #a08778;
}
.but_close {
	position:absolute;
	top: 15px;
	right: 15px;
	content: '';
	width:25px;
	height:25px;
	background-image:url(../image/but_close.png); 
	border:none;
	background-color:#fff;
	z-index: 37;

 }
.but_close:hover {
	background-image:url(../image/but_close_hover.png); 
}

.centered {
margin:0 auto;  
width:250px;
/*display:inline-table;*/
text-align:center;
}
@media only screen and (min-width: 960px) and (max-width: 1260px){}
@media only screen and (min-width: 760px) and (max-width: 960px){
	.modal_dialog {	background: #fff;	}
	.framemodal{
		margin: 5% auto;
		border: none;
	}
}

@media only screen and (min-width: 640px) and (max-width: 760px){
	.modal_dialog {	background: #fff;}
	.framemodal{
		width:500px; 
		margin: 5% auto;
		border: none;
		font-size:18px;
		height: 800px;
	}
	.framemodal h1{font-size: 48px;}
	.framemodal p{font-size: 20px;line-height: 30px;	margin-top:10px;}
	.framemodal_width400 {width:100%;margin-bottom: 35px;}
	.framemodal_width220 {width:100%;	margin-bottom: 0px;}
	.framemodal input[type="text"],.framemodal input[type="number"],.framemodal input[type="password"],.framemodal input[type="date"],.framemodal textarea{
		width:100%;
		height:20px;
		padding-left: 0px;
		font-family:'PT Sans', sans-serif;
		font-size:18px;
	}	
	.framemodal select{text-indent: 0px; 	font-size:18px;	}
	.framemodal_width400 select{	width:100%;} 
	.but_send {margin: 20px 130px 0 130px;}	
}

@media only screen and (max-width: 640px){
	.modal_dialog {	background: #fff;  	position:absolute;
}
	.framemodal{
		width:100%; 
		margin: 5% 0;
		padding:0;
		border: none;
		font-size:18px;
		height: 800px;
	}
	.framemodal h1{font-size: 30px;}
	.framemodal p{font-size: 18px;line-height: 26px;margin-top:10px;}
	.framemodal_width400 {width:100%;margin: 0px 30px 35px 30px;height:30px;}
	.framemodal_width220 {width:100%;margin-bottom: 0px;padding-left:30px;}
	.framemodal input[type="text"],.framemodal input[type="number"],.framemodal input[type="password"],.framemodal input[type="date"],.framemodal textarea{
		width:  calc(100% - 60px);
		height:20px;
		padding-left: 0px;
		font-family:'PT Sans', sans-serif;
		font-size:18px;
	}	
	.framemodal textarea{
		height:66px;
	}	
	.framemodal select{text-indent: 0px; 	font-size:18px;	}
	.framemodal_width400 select{width:  calc(100% - 60px);} 
	.but_send {margin: 20px calc((100% - 240px) / 2);}	
	.but_close {	top: 5px;}
}