/*
Theme Name: ASP-Divi
Theme URI: http://www.aspbiz.ru/
Version: 1.0.0.1
Template: Divi
Description: Дочерняя тема от Divi Elegant Themes.
Author: AspBiz
Author URI: http://www.aspbiz.ru/
*/
/* Browser Reset */



/* Стиль формы обратной связи плагина Contact Form 7 - начало */

.wpcf7 input,
.wpcf7 textarea{ /* Данная часть кода отвечает за стиль полей ввода, текстовые области */
padding:5px; /* Устанавливает отступ от полей элемента до его содержимого, можно поставить любое знаниче, например 10px */
color:#1D1D1D; /* Цвет текста в полях ввода */
font-family:Arial, Helvetica, sans-serif; /* Шрифт текста в полях ввода */
font-size:18px; /* Размер текста в полях ввода */
line-height: 20px; /* Высота стоки в полях ввода */
border: 1px solid #C7C7C7; /* Рамка вокруг полей. Первое значение - ширина в пикселах, второе - стиль рамки, третье - ее цвет */
box-shadow: inset 2px 2px 8px #F9F9F9; /* Тень от полей ввода. 2px - сдвиг по оси x, 2px - сдвиг по оси y, 8px - радиус размытия тени, #F9F9F9 - цвет тени */

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.wpcf7 .wpcf7-list-item{
padding-left: 0;
margin-left: 0;
margin-right: 25px;
}

.wpcf7 .wpcf7-list-item input{
border: none;
padding-left: 0;
margin-left: 0;
}

.wpcf7 select{
outline: none;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

.wpcf7 input:hover,
.wpcf7 input:focus,
.wpcf7 input:active,
.wpcf7 textarea:hover,
.wpcf7 textarea:focus,
.wpcf7 textarea:active { /* Данная часть отвечает за стиль полей ввода при наведении на них указателя мыши */

background: #FDFDFD; /* Фон поля ввода при наведении указателя мыши на него */
outline: none; /* Внешняя граница поля ввода текста */
}
.wpcf7 input.wpcf7-submit{/* Данная часть кода отвечает за стиль кнопки Отправить в форме */
-webkit-transition: 0;
-moz-transition: 0;
-o-transition: 0;
transition: 0;
width: 372px;
border: none; /* Рамка вокруг кнопки */
position: relative;

color: #fff; /* Цвет текста */

text-transform: uppercase; /* Преобразование текста (uppercase значит, что текст на кнопке будет отображаться заглавными буквами) */

/* Скругление углов кнопки. Значения следующих трех свойств должны быть одинаковы, так как это одно и то же, только для разных браузеров */

-webkit-border-radius: 6px; /* Скругление углов для Chrome */
-moz-border-radius: 6px; /* Скругление углов для Mozilla FireFox */
border-radius: 6px; /* Скругление углов для всех остальных браузеров, в том числе мобильных */

font-size: 22px; /* Размер текста кнопки */
font-weight: bold; /* Стиль текста (bold значит жирный) */
padding-top: 11px; /* Отступ сверху от края элемента до его содержимого */
padding-bottom: 10px; /* Отступ снизу от края элемента до его содержимого */
text-align: center;
padding-left: 35px; /* Отступ слева от края элемента до его содержимого */
padding-right: 35px; /* Отступ справа от края элемента до его содержимого */

/* Gradient background - Градиентный фон кнопки */

background-color: #000000; /* Цвет фона кнопки, если градиент не поддерживается браузером */

/*В следующих свойствах цвета должны быть указаны одинаково, так как это одно и то же, только для разных браузеров. Разберем первое свойство. Часть from(#676767), to(#3B3B3B) значит, что надо отобразить градиент, где от цвета #676767) идет переход к цвету #3B3B3B */

background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#3B3B3B));
background: -moz-linear-gradient(top, #349622, #246416);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#349622', endColorstr='#246416');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#349622, endColorstr=#246416)";

/* Drop Shadow - Тень кнопки. Цвет тени указан в RGBA */
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px rgba(0,0,0,0.3);

}

/* On hover - Стиль кнопки при наведении указателя мыши. Все почти то же самое, что и в предыдущем блоке */
.wpcf7 input.wpcf7-submit:hover{

cursor: pointer;
text-decoration: none;

background-color: #000000;

background: -webkit-gradient(linear, left top, left bottom, from(#246416), to(#349622));
background: -moz-linear-gradient(top, #246416, #349622);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246416', endColorstr='#349622');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)";
}

/* On click - стиль кнопки при нажатии на нее се почти то же самое, что и в предыдущем блоке */
.wpcf7 input.wpcf7-submit:active{
top: 1px;

color: #d8c6e2; /* Цвет текста кнопки при нажатии на нее */

background-color: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#246416));
background: -moz-linear-gradient(top, #FF0000, #246416);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#246416');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#246416)";

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* CF7 Messages - Стиль сообщений об успешной отправке, ошибках и т.д. */

.wpcf7 .wpcf7-validation-errors{ /* Стиль сообщений при ошибках валидации */
border:none; /* Рамка блока сообщения */
background-color:#246416; /* Фон */
color:#fff; /* Цвет текста */
margin:0; /* Внешний отступ */
padding:20px; /* Внутренний отступ */

/* Скругление углов для разных браузеров - следующие 3 свойства */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.wpcf7 .wpcf7-mail-sent-ok{ /* Стиль сообщений об успешной отправке */
border:none; /* Рамка блока сообщения */
background-color:#7ad33f; /* Фон */
margin:0; /* Внешний отступ */
padding:20px; /* Внутренний отступ */

/* Скругление углов для разных браузеров - следующие 3 свойства */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.wpcf7 .wpcf7-mail-sent-ng{
border:none;
background-color:#349622;
margin:0;
padding:20px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

color: white;
}

.wpcf7 span.wpcf7-not-valid-tip{
border:none;
background-color:#349622;
padding:5px;
padding-left: 5px;
padding-right: 5px;
border-radius:10px;
width: 290px;
color: white;

/* Drop shadow */
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.wpcf7-form .fleft{
float: left;
}

.wpcf7-form .mright20{
margin-right: 20px;
}

.wpcf7-form .mright40{
margin-right: 40px;
}

.wpcf7-form .clear{
clear: both;
}