div.wpcf7 {
	margin: 0;
	padding: 0;
	
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: relative;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 400px;
	height: 400px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

/*******Стили для Contact form 7 вариант1********/
 #fancybox-wrap{
background:#EBECEC!important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;   
}

#fancybox-outer{
background:none!important;
}

#fancybox-outer>div, #fancybox-content,  #contact_form_pop_up{
background:none!important;
border:none!important;
}

#contact_form_pop_up{
padding: 20px 0px 0px 0px!important;
}

.wpcf7 {
color:#838681!important;
background:none!important;
width:535px; /*ширину задаём такую, как нам нужно в случае с всплывающей формой можно вообще не задавать*/
padding:10px 40px 0px 10px!important;/*нулевой отступ для всплывающей формы, а если форма на странице, то нужно задать 20px*/
overflow:hidden;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
border:1px solid red;
padding:4px!important;
border-radius:5px;
border:1px solid #f1f1f1;
}

.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
border:1px solid #000;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
width:555px!important;
}

.wpcf7-submit{
background: linear-gradient(#323334, #8b8b8b), #323334!important;
color:#000!important;
text-transform:uppercase;
float:right;
margin-top:0px;
}

.wpcf7-submit:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;  
background-image: #DE7907; linear-gradient( #8b8b8b, #f1f1f1), #8b8b8b!important;
}

/*******Стили для файл жибериу********/
.file_upload {
  /* Для того, чтобы спозиционировать input
     относительно контейнера. */
  position: relative;
  /* Скрываем неумещающуюся часть input-а. */
  overflow: hidden;
 
  /* Украшательство: */
    display: block;
    width: 260px;
    background: #FFA947;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.file_upload:hover {
    background: #DE7907;
}
 
.file_upload input[type=file] {
  /* Позиционируем правый верхний край
     input поверх нашего контейнера.
     Правый верхний потому как именно там
     у нас кнопка. */
  position: absolute;
  top: 0; right: 0;
 
  /* Делаем input побольше, чтобы он точно
     перекрыл контейнер. */
  font-size: 200px;
 
  /* Делаем input невидимым. По-другому нельзя,
     иначе браузер не будет на него реагировать. */
  opacity: 0;
  filter: alpha(opacity=0);
 
  /*  Украшательства: */
  cursor: pointer;
}