
#window_success_post{
			width: 450px;
			height: 250px;
			position: fixed;
			top: 50%;
			left: 50%;
			margin: -125px 0 0 -225px;
			background: url('assets/img/rectangle.png');
			background-repeat: no-repeat; background-size: 100% 100%;
			z-index: 9999;
			visibility: hidden;
			
		}
		body{overflow-x: none;}
		#window_document{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0%;
			left: 0%;
			margin: 0px 0 0 0px;
			background: #fff;
			background-repeat: no-repeat; background-size: 100% 100%;
			z-index: 9999;
			visibility: hidden;
			overflow-x: none;
			
		}
		#window_document_viewer{
			width: 800px;
			height: 100%;
			position: fixed;
			top: 40%;
			left: 50%;
			margin: -300px 0 0 -400px;
			background: #fff;
			background-repeat: no-repeat; background-size: 100% 100%;
			z-index: 9999;
			visibility: visibility;	
			padding: 15px;
			overflow-y: scroll;			
		}
		#sublnk{color: #71953e; margin: 0px; cursor: pointer; transition: 0.3s;} #sublnk:hover{color: #000; border-bottom: 1px solid #71953e; transition: 0.3s;}
					#show_price{color: #fff; cursor: pointer; background: #71953e; padding: 15px; transition: 0.3s; border: 1px solid #71953e;}
					#show_price:hover{box-shadow: 0px 0px 10px #fff; transition: 0.3s; border: 1px solid #fff;}
					#show_priceNoLNK{color: #fff; cursor: pointer; background: #71953e; padding: 15px; transition: 0.3s; border: 1px solid #71953e;}
					#show_priceNoLNK:hover{box-shadow: 0px 0px 10px #fff; transition: 0.3s; border: 1px solid #fff;}
					#off_on_and_button{outline: none; width: 100%; height: 50px; background: #71953e; color: #fff; border: none; visibility: hidden; margin-top: 5px; margin-bottom: 5px;}
					#off_on_and_button:hover{
						transition: 0.3s; background: #fff; color: #000;
					}
					#anketa{outline: none; width: 100%; height: 50px; background: #71953e; color: #fff; border: none; visibility: hidden;}
					#anketa:hover{
						transition: 0.3s; background: #fff; color: #000;
					}
					#fbtxtbox
					{
					width: 45%; height: 36px; background: #fff; opacity: 0.8; color: #000; text-align: center; outline: none; border: none; border-bottom: 2px solid #000; font-size: 16px;
					}
					#TARGET_FORM{
						width: 600px; height: 0px; visibility: hidden; background: url('http://kupieli.kz/assets/img/section-bg/contact-img.jpg'); background-size: 100% 100%; background-attachment: fixed; padding: 5px;
					}
					#biogumus{
	text-align:left; visibility: hidden; height: 0px; cursor: pointer; margin-top: 20px; opacity: 0; 
}
#ground{
	text-align:left; visibility: hidden; height: 0px; cursor: pointer; margin-top: 20px; opacity: 0; 
}
.bioico{
	width: 150px; height: 150px; border-radius: 0%; box-shadow: 0px 0px 10px #000; display: inline-block; margin-left: 20px;
	transition: 0.3s; cursor: pointer;
}
.bioico:hover{
	box-shadow: 0px 0px 20px #000;
	transition: 0.3s;
}
//STYLES--------------------------FORM-------------------ANKET
#btnsendanket{
width: 100%; height: 40px; color: #000; backgroun: #fff; cursor: pointer;outline: none; border: none; border-bottom: 1px solid #000; box-shadow: 0px -5px 5px #000;
font-size: 16px;transition: 0.3s; opacity:  0.8;
}
#btnsendanket:hover{
opacity:  1;
background: transparent;
color: #fff;
transition: 0.3s;
font-size: 20px;
}
#panel{
background: #fff;
color: #000;
}
#btnsendanket{
width: 100%; height: 40px; font-weight:bold; color: #fff; background: transparent; cursor: pointer;outline: none; border: none; border-bottom: 1px solid #000; box-shadow: 0px -5px 5px #000;
font-size: 20px;transition: 0.3s; opacity:  0.8; 
}
#btnsendanket:hover{
opacity:  1;
background: transparent;
color: #fff;
transition: 0.3s;
font-size: 23px;
}
#panel{
background: #fff;
color: #000;
}
.sty_input{
width: 275px; height: 47px; background: #fff; color: #000; outline: none; border: none; text-align: center; border-radius: 5px; transition: 0.3s;
}
.sty_input:hover{
box-shadow: 0px 0px 10px orange;
transition: 0.3s;
}
#PriceAnket{
									font-weight:bold; visibility: hidden; width: 60%; height: 0px; background: url('http://kupieli.kz/assets/img/section-bg/contact-img.jpg'); background-size: 100% 100%; background-attachment: fixed; 
								}
//STYLES--------------------------FORM-------------------ANKET
#Flipstore{width: 250px; height: 250px; position: relative; left: 50px; top: 50px;}
					#UpShadowWin{
					width: 100%; padding: 15px; height: auto; background: transparent; opacity: 0.9; box-shadow: 0px 0px 5px transparent; visibility: hidden; 
					}
					#DownShadowWin{
					width: 100%; padding: 15px; height: auto; background: #fff; opacity: 0.9; box-shadow: 0px 0px 5px #000; visibility: visibility;
					}
					#DownShadowWin a{margin-left: 5px;}
					#ACTIVATEHOVER{display: block; margin-bottom: 30px;}
					#ACTIVATEHOVER:hover #UpShadowWin{visibility: visible;}
					@media (min-width: 1281px) {	
			
					}
					@media (min-width: 1025px) and (max-width: 1280px) {
						
					}
					/*@media (min-width: 768px) and (max-width: 1024px) {
						#UpShadowWin{
							width: 100%; padding: 15px; height: 500px; background: transparent; opacity: 0.9; box-shadow: 0px 0px 5px transparent; visibility: hidden; 
						}
					}*/
					@media (min-width: 375px) and (max-width: 667px) {
						#UpShadowWin{display: none;}
						
					}
					@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
						
					}
					@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) /* applied to lg also */
					{
						#Flipstore{width: 250px; height: 250px; position: relative; left: 50px; top: 50px;}
					}
					@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation : portrait) /* applied to lg also */
					{
						#Flipstore{width: 250px; height: 200px; position: relative; left: 50px; top: 50px;}
					}
					@media (min-width: 411px) and (max-width: 823px) {
						#UpShadowWin{display: none;}
					}
					
					@media (min-width: 320px) and (max-width: 480px) {
						#Flipstore{width: 250px; height: 250px; position: relative; left: 20px; top: 50px;}
						#TARGET_FORM{width: 100%;}
						#PriceAnket{width: 100%;}
						#window_document_viewer{
							width: 100%;
							height: 100%;
							position: fixed;
							top: 0%;
							left: 0%;
							margin: 0px 0 0 0px;
							background: #fff;
							background-repeat: no-repeat; background-size: 100% 100%;
							z-index: 9999;
							visibility: visibility;	
							padding: 5px;
							overflow-y: scroll;
							
						}
					}