/* Start:/bitrix/templates/.default/components/bitrix/news.list/upload_norma_mail/style.css?15505646345488*/
/**Форма обратной связи для отправки клиенту файлов прайс листов*/
.ajaxform{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: -999999999;
    opacity: 0;
    top: -100vw;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.ajaxform form {
    position: absolute;
    bottom: 0px;
    top: 1vh;
    right: 0px;
    left: 0px;
    margin: auto;
    height: 18px;
    color: #264796;
    padding-top: 11px;
    width: 322px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 200;
    height: 520px;
}
.ajaxform.openaj {
    z-index: 999999999;
    top: 0px;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.ajaxform .closeaj {
    position: absolute;
    bottom: 0px;
    top: -540px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 436px;
    height: 25px;
    padding-top: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 200;
    text-align: right;
}
.ajaxform .closeaj img:active{margin: 1px 0 0 1px;}
.ajaxform .imgfon{
	position: absolute;
    bottom: 0px;
    top: -1vh;
    right: 0px;
    left: 0px;
    margin: auto;
	z-index: 100;
}

.ajaxform form label{
	text-align: left;
}
.ajaxform form fieldset{
	text-align: center;
}
.distribution{
	text-align: left;
    display: block;
    font-size: 18px;
    margin-bottom: 11px;
    letter-spacing: 0.6px;
}
.distribution input[type="checkbox"]{margin: 0;}
.fhidden{display: none;}
#fanswer{
	position: absolute;
    bottom: 0px;
    top: -31vh;
    right: 0px;
    left: 0px;
    margin: auto;
    height: 10px;
    color: #264796;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 25px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 200;
    width: 315px;
    line-height: 40px;
}
#sendform b{
	font-size: 30px;
	font-family: Arial, sans-serif;
}
#sendform fieldset p>label{
	font-size: 20px;
    font-family: Arial, sans-serif;
	margin-top: 1px;
    margin-bottom: 8px;
}
#sendform input[type="text"], #sendform input[type="email"] {
width: 315px;
    border: 1px solid blue;
    border-radius: 10px;
    font-size: 22px;
    padding: 10px;
}
#sendform input{outline:none; border: none;}
#sendform input[type="submit"]:active{outline:none; margin: 1px 0 0 1px;}
#sendform input::focus {outline:none;}
.pimg{
	margin: 0 0 13px;
}
.imail{
	margin: 22px 0 25px;
} 

.ich{
	display: none;
}
.ich-custom{
	position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 20px;             /* Обязательно задаем ширину */
	height: 20px;            /* Обязательно задаем высоту */
	border: 2px solid #264796;
	border-radius: 50%;
	margin-top: 1px;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.ich-custom,
.distribution label {
	display: inline-block !important;
	vertical-align: middle;
}
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.ich:checked + .ich-custom::before {
	content: "";             /* Добавляем наш псевдоэлемент */
	display: block;			 /* Делаем его блочным элементом */
	position: absolute;      /* Позиционируем его абсолютным образом */
	/* Задаем расстояние от верхней, правой, нижней и левой границы */
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	background: #264796;     Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border: 1px solid #264796;
	border-radius: 50%;
}
.isub{
	background: url(/bitrix/templates/.default/components/bitrix/news.list/upload_norma_mail/images/button.png)no-repeat;
    height: 33px;
    width: 106px !important;
    border: none;
    color: #fff;
    font-size: 16px;
    font-family: Arial;
}
#yourname-error, #yourmail-error{
	position: absolute;
    z-index: 300;
}
.pl{
	cursor: pointer;
	text-decoration: none !important;
	color: #363636;
}
.pl:hover{
	color: #fff;
	text-shadow: 0px 0px 20px #fff;
}
#sendform label{
	display: block;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/upload_norma_mail/style.css?15505646345488 */