/* all forms */

/* button-link for call modal window TOP */

label.btn-top {
	position: relative;
	display: block;
	width: 183px;	
	cursor: pointer;
	font-family: "HelveticaMedium", Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: #b60137;
	border-radius: 5px;
	border: none;	
	z-index: 100;
	padding: 11px 0px 9px 0px;
	margin-top: 0px;
	margin-right: 0px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-top:hover {
	background: #4e2a01;	
}

/* button-link for call modal window TOP2 */

label.btn-top2 {
	position: relative;
	display: block;	
	cursor: pointer;
	font-family: "HelveticaMedium", Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	color: #4e2a01;
	border: none;
	z-index: 100;
	padding: 0px 0px 0px 4px;
	margin-top: 5px;
	margin-right: 0px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-top2:hover {
	text-decoration: underline;
}

/* button-link for call modal window HEADER */

label.btn-header {		
	cursor: pointer;
	font-family: "HelveticaMedium", Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #4e2a01;
	background: none;
	border-radius: 5px;
	border: 2px solid #836354;	
	z-index: 100;
	padding: 12px 16px 11px 16px;
	margin-top: 0px;	
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-header:hover {
	border: 2px solid #b60137;
	background: #b60137;
	color: #fff;
}
/* politika */
label.btn-politika {		
	cursor: pointer;
	font-family: "HelveticaMedium", Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;	
	color: #4e2a01;
	background: none;
	z-index: 100;	
	margin-top: 0px;	
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-politika:hover {
color: #b60137;
}

/*********************************************************************************/
/*  ФОРМА ОБРАТНОЙ СВЯЗИ (СТАЦИОНАР) 2  */
/*********************************************************************************/
/* Стили формы */
.application {
width: 80%;
max-width: 500px;
margin: 0 auto;
padding-bottom: 30px;
}
/*Стили полей для ввода*/
.applicationName, .applicationEmail, .applicationTelephone {
width: 100%;
height: 50px;
margin-top: 25px;
background: #eaedf2;
border: 0;
border-radius: 0px;
text-align: center;
color: #004556;
font-size: 16px;
}
.applicationMessage {
width: 100%;
height: 100px;
margin-top: 25px;
padding-top: 20px;
background: #eaedf2;
border: 0;
border-radius: 0px;
text-align: center;
color: #004556;
font-size: 16px;
}
/*Стили полей при клике по ним*/
.applicationName:focus, .applicationEmail:focus, .applicationTelephone:focus,  .applicationMessage:focus {
border: 1px solid #000;
}
/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
color: #000;
font-family: Arial, sans-serif;
}
::-moz-placeholder  {
color: #000;
font-family: Arial, sans-serif;
}  /* Firefox 19+ */
:-moz-placeholder {
color: #000;
font-family: Arial, sans-serif;
}  /* Firefox 18- */
:-ms-input-placeholder {
color: #000;
font-family: Arial, sans-serif;
}
::placeholder {
color: #000;
}

/*********************************************************************************/
/*** МОДАЛЬНОЕ ОКНО - ВЫЛЕТ СВЕРХУ (DOBROVOI) 
* Модальное окно исключительно средствами CSS;
* без javascript и дополительных изображений;
* работает на скрытых чекбоксах;
* @dobrovoi dbmast.ru
*/
/*********************************************************************************/
/*** position for inline elements ***/
.center {
margin: 0 auto;
text-align: center;
}
.margin-t20 {
margin-top: 20px;
}
.modal1 {
-webkit-transition-duration: 2s;
-o-transition-duration: 2s;
-moz-transition-duration: 2s;
transition-duration: 2s;
}
/* Стили модального окна */
.modal-header h2 {
font-family: "MyriadProCondRegular", Helvetica, sans-serif;
color: #555;  
font-size: 20px;
text-transform: uppercase;
font-weight: normal;
line-height: 1;    
margin: 0;
}
/* кнопка закрытия окна */
.modal1 .btn-close {
color: #aaa;
cursor: pointer;
font-size: 30px;
text-decoration: none;
position: absolute;
right: 10px;
top: 5px;
}
.modal1 .btn-close:hover {
color: red;
}
/* слой затемнения */
.modal-wrap:before {
content: "";
display: none;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
}
.modal-overlay {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 102;
}
/* активация слоя затемнения и модального блока */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 10%;
}
.modal-open:checked ~ .modal-wrap .modal-dialog5 {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 10%;
}
/* элементы модального окна */
.modal-dialog {
background: #fff;
border-radius: 5px;
position: fixed;
left: 50%;
top: -100%;
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
transition: transform 1s ease-out;
width: 80%;
max-width: 500px;
z-index: 103;
}
.modal-dialog5 {
background: #fff;
border-radius: 5px;
position: fixed;
left: 50%;
top: -100%;
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
transition: transform 1s ease-out;
width: 80%;
max-width: 500px;
z-index: 110;
}
.modal-body {
padding: 20px;
}
.modal-body p {
margin: 0;
}
.modal-header,
.modal-footer {
padding: 20px 20px;
}
.modal-header {
border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
font-size: 20px;
letter-spacing: 2px;
margin: 0;
}
.modal-footer {
border-top: #eaeaea solid 1px;
text-align: right;
}
/* адаптивные картинки в модальном блоке */
.modal-body img { 
max-width: 100%;
height: auto;
}
/* кнопки */
.btn-primary {
display: block;
margin: 0 auto;
background: #b3b9bb;
border-color: #357ebd;
color: #fff;
text-align: center;
}
.btn-primary:hover{
background: #10a0b4;
}
/* Элементы формы контактов */
.textbox{
height:45px;
width:100%;
border-radius:3px;
border:rgba(0,0,0,.3) 1px solid;
box-sizing:border-box;
font-size:14px; 
padding:8px;
margin-bottom:20px;  
}
.message:focus,
.textbox:focus{
outline:none;
border:rgba(24,149,215,1) 1px solid;
color:rgba(24,149,215,1);
}
.message{
background: rgba(255, 255, 255, 0.4); 
width:100%;
height: 120px;
border:rgba(0,0,0,.3) 1px solid;
box-sizing:border-box;
-moz-border-radius: 3px;
font-size:14px;
-webkit-border-radius: 3px;
border-radius: 3px; 
display:block;
padding:10px;
margin-bottom:20px;
overflow:hidden;
}
/* кнопка "отправить" формы */
.btn-form{
width:100%;
height:45px;  
border:rgba(0,0,0,.2) 1px solid;
box-sizing:border-box;
background: #dedede;
color:#555;
transition:background .4s;
}
/* Изменение фона кнопки при наведении */
.btn-form:hover{
background: #f2f2f2;
}

/*********************************************************************************/
/*** FINISH МОДАЛЬНОЕ ОКНО - ВЫЛЕТ СВЕРХУ (DOBROVOI) */
/*********************************************************************************/

/* ------вызов button-link for политика конфиденциальности ( ссылка в футере на вызов окошка ) ------ */

label.btn-politica {
position: relative;
cursor: pointer; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	color: #626f82;
	line-height: 1.4;
z-index: 100;
}
.btn-politica:hover {
color: #1fa2b3;
border: none;
}

/* ------------ политика конфид-ти стили для окошка ------------------ */

.modal-header3 h2 {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 0px;
margin: 0;
}
.modal-header3,
.modal-footer {
padding: 20px 20px;
}
.modal-header3 {
border-bottom: #eaeaea solid 1px;
}
p.politica {
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0px;
color: #4e2a01;
line-height: 1.2;
padding: 20px;
margin-bottom: 30px;
}

/* финиш стили для окошка политика конфид-ти */

/* --------button-link for call modal window в шапке сайта "связаться с нами" -------- */
label.btn {
position: relative;
cursor: pointer; 
top: -90px;
font-family: "MyriadProCondRegular", Arial, sans-serif;
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
color: #b4bbc2;
line-height: 0;
border-radius: 4px;
border: 1px solid #9ea8b1;
z-index: 100;
padding: 10px 1%;

	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn:hover {
background: #49add7;
color: #252f39;
border: none;
}

/* button-link for call modal window над футером FOOTER */

label.btn-footer {
position: relative;
cursor: pointer; 
font-family: "MyriadProCondRegular", Arial, sans-serif;
font-size: 22px;
letter-spacing: 2px;
text-transform: uppercase;
color: #000;
background: #49add7;
border-radius: 4px;
border: none;
z-index: 100;
padding: 10px 3% 10px;

	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-footer:hover {
border: 1px solid #93979a;
color: #252f39;
background: none;
}
/* END button-link for call modal window над футером FOOTER */

/* **************** */
/* ВСЕ ПО ЧЕКБОКСАМ */
/* **************** */

/* for IE  display:none, for checkbox !!! */
input[type="checkbox"],
input[type="radio"] {
display:none;            
}
/* чекбок для согласия политики конфид в форме связи */
input#visible[type="checkbox"],
input[type="radio"] {
display: block;            
}

/* СТИЛИ ДЛЯ ЧЕКБОКСА И ССЫЛКИ НА ПОЛИТИКУ КОНФИД В САМОЙ ФОРМЕ ОБРАТНОЙ СВЯЗИ */
/* чекбокс */
p input#visible {
display: block;
float: left;
margin: 7px 0 0 0px;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0px;
color: #0c1229;
line-height: 1.5;
}
/* политика конф-ти */
p label.btn-polit {
text-decoration: underline;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #b60137;
line-height: 1.5;
cursor: pointer;
margin-bottom: 18px;
text-align: left;
}
p label.btn-polit:hover {
color: #0c1229;
}
/* я согласен */
p span.check-check {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #000;
line-height: 1.3;
text-align: left;
}
p.adapt-politica {
margin-top: 20px;
}

/*Стили для кнопки*/

input.applicationButton2 {
background: #49add7;
width: 100%;
height: 45px;
border: 0;
outline: none;
margin-top: 20px;
border-radius: 4px;
transition: .5s;
}
input.applicationButton2 {
font-family: "MyriadProCondRegular", Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 23px;
}

#visible:checked + input.applicationButton2[type="submit"] {
  background: yellow;
	cursor: pointer;
}

/* :checked+ input[type="submit"] {
    background: #000;
   } */

/* ФИНИШ ПОКА ФЛАЖОК НЕ УСТАНОВЛЕН, ПО ССЫЛКЕ ПРОЙТИ НЕЛЬЗЯ: */

/* ФОРМА СВЯЗИ ДЛЯ ТЕЛЕГРАМ */
/* ФОРМА СВЯЗИ ДЛЯ ТЕЛЕГРАМ */
/* ФОРМА СВЯЗИ ДЛЯ ТЕЛЕГРАМ */

.form-element, .form-element2, .form-element3, .form-element6, .form-element7, 
.form-element8, .form-element9, .form-element10, .form-element11, .form-element12, .form-element13 {
  width: 100%;
  max-width: 486px;
  box-sizing: border-box;
  border: 0;
  padding: 20px;
  margin: 10px auto;
  font-weight: 700;
}
p.form-title {
font-family: "HelveticaMedium", Helvetica, sans-serif;
color: #555;  
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
line-height: 1;    
margin: 0;
margin-bottom: 20px;
}
.form-input__name, .form-input__phone, .form-input__email, textarea.form-input__message {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1rem;
  padding: 14px;
  border: 1px solid #eaedf2;
  border-radius: 3px;
	text-align: center;
	background: #eaedf2;
}
.form-input__name:focus, .form-input__phone:focus, .form-input__email:focus, textarea.form-input__message:focus {
  border: 1px solid #b60137;
}

input.form-input__button {
background: #b60137;
width: 100%;
height: 45px;
border: 0;
outline: none;
margin-top: 20px;
border-radius: 4px;
transition: .5s;
}
input.form-input__button {
font-family: "HelveticaMedium", Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 23px;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}
/*Доп запросы*/
@media only screen and (max-width : 680px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 486px) {
  .form__wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
  }
  .form-element, .form-element2, .form-element3, .form-element6, .form-element7, 
	.form-element8, .form-element9, .form-element10, .form-element11, .form-element12, .form-element13 {
    padding: 15px;
    margin: 0 auto;
  }
  .form-input__name, .form-input__phone, .form-input__email, .form-input__message{
    margin-bottom: 10px;
  }
}

/* адаптивная форма для мобильных устройств меньше 600 */

/* If ! Screen size is less than or equal to 600px (adaptive layout) */
@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
h2.center.margin-t20.form-title {
		display: none;
	}
	p.form-title {
		font-size: 18px;
	}
.modal-header {
		padding: 0px 10px;
		border: 0;
	}
.modal-dialog {
	width: 70%;
	max-width: 400px;
}
.modal-dialog5 {
	width: 70%;
	max-width: 400px;
}
.form__wrapper {
	padding: 5px;
}
.modal-wrap {
	padding: 10px;
}
.form-input__name, .form-input__phone, .form-input__email, textarea.form-input__message {
	margin-bottom: 5px;
	padding: 7px;
}
p.adapt-politica {
	margin-top: 0;
}
input#Lead.form-input__button {
	margin-top: 5px;
	font-size: 18px;
}
h2.helveticamedium16.center.margin-t20 {
	font-size: 14px;
}
}