/* Файл стилей для кастомной формы заказа обратного звонка.
Форма в виде HTML-модуля может быть применена в любой области сайта.
Использован плагин maskedinput для маски телефона. 
Файл /js/jquery.maskedinput.js в корневой папке.
Три класса модуля:
1) .forma-zakaza-zvonka, ширина полей 230px
2) .zakaz-zvonka-custom-red - красная кнопка заказа, ширина полей 230px
3) .zakaz-zvonka-custom-red-long - красная кнопка заказа, ширина полей 290px */


/* Установка цвета шрифта для атрибута placeholder */

::-webkit-input-placeholder { /* WebKit browsers */
   color:    #080a46 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #080a46 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #080a46 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #080a46 !important;
}

/* Параметры формы заказа звонка на страницах сайта в HTML-модуле в позиции bottom класс ряда: .elhim-bottom-html*/

.elhim-bottom-html  .forma-zakaza-zvonka {
    padding-left: 35px;
}
.elhim-bottom-html  .elhim-bottom-info {
	padding-bottom: 30px !important;
	
}	
.elhim-bottom-html .intro-label {
    color: white;
}

.elhim-bottom-html .forma-warning {
    color: #86a9fd;
}

.elhim-bottom-html  .forma-warning a {
    color: #3a74ff;
}

/* 1) Класс модуля .forma-zakaza-zvonka, ширина полей 230px */

.forma-zakaza-zvonka {
	margin-top: 25px;
}	
	
.intro-label {
	font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.forma-zakaza-zvonka select {
    font-weight: 500;
    font-size: 19px;
    font-family: 'PTSans', sans-serif;
}
.forma-zakaza-zvonka input[type="text"] {
    font-weight: 500;
    font-size: 19px;
    font-family: 'PTSans', sans-serif;
}	
.forma-zakaza-zvonka .forma-control {
    width: 230px;
	background-color: #ebe9e9;
    background-image: url(/images/znachki/call-forma.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: left bottom -2px;
    padding-left: 29px;
    border: none;
    box-shadow: none;
    border-radius: 6px;
    height: 40px;
}
.forma-knopka-zakaza {
	margin-top: 25px;
}	
.btn_submit_forma {
    background-color: #491652;
    color: white;
    border: none;
    width: 230px !important;
    padding: 5px;
    border-radius: 19px;
    font-size: 16px;
}
.btn_submit_forma:hover {
    background-color: #a24fb1;
}
.forma-warning {
	width: 230px;
    margin-top: 11px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #0c2050;
	border: none !important;
	font-weight: 300;
}
.forma-warning a {
    color: #0c2050;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    display: block;
    text-decoration: underline;
}


/* 2). Класс модуля zakaz-zvonka-custom-red, ширина полей 230px, красная кнопка заказа */

.zakaz-zvonka-custom-red  .forma-zakaza-zvonka {
	padding-left: 35px;
}
.zakaz-zvonka-custom-red .intro-label {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    text-shadow: 0px 1px black;
}
.zakaz-zvonka-custom-red .btn_submit_forma {
    background-color: #d11313;
    color: white;
    border: none;
    width: 230px !important;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
}
.zakaz-zvonka-custom-red .btn_submit_forma:hover {
    background-color: #971111;
}
.zakaz-zvonka-custom-red .forma-warning {
    width: 230px;
    margin-top: 11px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #f7f7f7;
    text-shadow: 0px 1px black;
}
 .zakaz-zvonka-custom-red .forma-warning a {
    color: #0ba0eb;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    display: block;
    text-decoration: underline;
}
/* 3). Класс модуля zakaz-zvonka-custom-red-long, ширина полей 290px, красная кнопка заказа */

.zakaz-zvonka-custom-red-long  .forma-zakaza-zvonka {
	margin-top: 0;
	padding-left: 0;
}
.zakaz-zvonka-custom-red-long .intro-label {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    text-shadow: 0px 1px black;
}
.zakaz-zvonka-custom-red-long .btn_submit_forma {
    background-color: #d11313;
    color: white;
    border: none;
    width: 290px !important;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
}
.zakaz-zvonka-custom-red-long .forma-zakaza-zvonka .forma-control  {
	width: 290px;
	background-color: white;
}	
.zakaz-zvonka-custom-red-long .btn_submit_forma:hover {
    background-color: #971111;
}
.zakaz-zvonka-custom-red-long .forma-warning {
    width: 290px;
    margin-top: 11px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #f7f7f7;
}
 .zakaz-zvonka-custom-red-long .forma-warning a {
    color: #0ba0eb;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    display: block;
    text-decoration: underline;
}


@media (min-width: 992px) and (max-width: 1259px) {
.elhim-bottom-html  .forma-zakaza-zvonka,
.zakaz-zvonka-custom-red  .forma-zakaza-zvonka	{
    padding-left: 0px !important;
    }
}