#feedback{
	font-family: "Myriad Pro", Roboto, sans-serif;
	background-color:#0066FF; /*#0033CC;*/
	width:340px;
	height:460px;
	position:fixed;
	bottom:0;
	right:120px;
	margin-bottom:-420px; /* -380 arrow up down in index.php*/
	z-index:10000;
	color:#fff;

}

#feedback span
{
font-family: "Myriad Pro", Roboto, sans-serif;
font-size: 16px;
}

#feedback .red
{
color:#C00000 ;
font-size: 18px;

}

#feedback .col-xs-5
{
margin-top:-20px;
}

#feedback .section{
	background:url('bg1.png') repeat-x top left;
	border:3px solid #808f81;
	border-bottom:none;
	padding:10px 25px 25px;
}

#feedback .color{
	float:left;
	height:5px;
	width:100%;
	overflow:hidden;
}

#feedback .color-1{ background-color:#d3b112;}
#feedback .color-2{ background-color:#12b6d3;}
#feedback .color-3{ background-color:#8fd317;}
#feedback .color-4{ background-color:#ca57df;}
#feedback .color-5{ background-color:#8ecbe7;}

#feedback h6{
	/*background:url("img/feedback.png") no-repeat;*/
	height:38px;
	margin:3px 0 12px;
	/*text-indent:-99999px;*/
	cursor:pointer;
	font:16px 'Lucida Sans',Arial,sans-serif;
	color: #000000;
	font-weight: bold;



}

#feedback textarea{
	background-color:#fff;
	border:none;
	color:#666666;
	font:13px 'Lucida Sans',Arial,sans-serif;
	height:50px;
	padding:10px;
	width:236px;
	resize:none;
	outline:none;
	overflow:auto;
	
	-moz-box-shadow:4px 4px 0 #8a9b8c;
	-webkit-box-shadow:4px 4px 0 #8a9b8c;
	box-shadow:4px 4px 0 #8a9b8c;
}

#feedback a.submit{
	background:url("submit.png") no-repeat;
	border:none;
	display:block;
	height:34px;
	margin:20px auto 0;
	text-decoration:none;
	text-indent:-99999px;
	width:91px;
}

#feedback a.submit:hover{
	background-position:left bottom;
}

#feedback a.submit.working{
	background-position:top right !important;
	cursor:default;
}

#feedback .message{
	font-family:Corbel,Arial,sans-serif;
	color:#5a665b;
	text-shadow:1px 1px 0 #b3c2b5;
	margin-bottom:20px;
}

#feedback .arrow{
	background:url('arrows.png') no-repeat;
	float:right;
	width:22px;
	height:20px;
	position:relative;
	top:0px;
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}

#feedback .response{
	font-size:21px;
	margin-top:70px;
	text-align:center;
	text-shadow:2px 2px 0 #889889;
	color:#FCFCFC;
	display:block;
}



.popup-fade {
	display: none;
}
.popup-fade:before {
	content: '';
	background: #000;
	position: fixed; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	opacity: 0.7;
	z-index: 9999;
}
.popup {
	position: fixed;
	top: 20%;
	left: 50%;
	padding: 20px;
	width: 660px;
	margin-left: -400px;	
	background: #fff;
	border: 10px solid #007cff;
	border-radius: 15px; 
	z-index: 99999;
	opacity: 1;	
}
.popup-close {
	/*position: absolute;
	top: 10px;
	right: 10px;*/
margin-left: 46%;
}


a.popup-close{
color:#39393A;
	font-size:12px;
	text-align:center;

}

.text1 {
	font-size:21px;
	margin-top:70px;
	margin-bottom: 70px;
	text-align:center;
	/*text-shadow:2px 2px 0 #889889;*/
	color:#CC2626;
	display:block;
	font-weight: bold;

}

.popup-perehod {
margin-left: 40%;
}

a.popup-perehod {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
font-weight: bold;
font-size: 21px;
border-radius: 10px;
} 
a.popup-perehod:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.popup-perehod:active { background: rgb(152,15,0); } /* при нажатии */
 

.banner2{
position: absolute;
left: 450px;
	/*position: fixed;
	top: 20%;
	left: 50%;
	padding: 20px;*/
	padding-top:10px;
	width: 650px;
	margin-left: -100px;	
	background: #fff;
	border: 8px solid #007cff;
	border-radius: 10px; 
	/*z-index: 99999;
	opacity: 1;*/	
height: 60px;

}

.text2 {
	font-size:21px;
	margin-top:10px;
	margin-bottom: 10px;
	text-align:center;
	/*text-shadow:2px 2px 0 #889889;*/
	color:#CC2626;
	display:block;
	font-weight: bold;

}

a.popup-perehod2 {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .3em 0.7em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
font-weight: bold;
font-size: 21px;
border-radius: 10px;
} 
a.popup-perehod2:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.popup-perehod2:active { background: rgb(152,15,0); } /* при нажатии */