/* Start:/css/style.css?179111707420897*/
1012html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
sub, sup {
/* Specified in % so that the sup/sup is the
right size relative to the surrounding text */
font-size: 75%;
/* Zero out the line-height so that it doesn't
interfere with the positioning that follows */
line-height: 0;
/* Where the magic happens: makes all browsers position
the sup/sup properly, relative to the surrounding text */
position: relative;
/* Note that if you're using Eric Meyer's reset.css, this
is already set and you can remove this rule */
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -0.5em;
}
sub {
/* Move the subscripted text down, but only
half as far down as the superscript moved up */
bottom: -0.25em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
*{
/* border: solid 1px red !important;*/
}
body {
line-height: 1;
background-color: #ffffff;
font-family: Verdana, Arial;
}
a{
color: #039240;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a:active, a:focus{
outline: none;
}
.all{
width: 950px;
margin: 0 auto;
min-height: 400px;
color: #292929;
font-size: 12px;
}
.clear{
clear: both;
}
.header{
width: 100%;
height: 30px;
}
.header a{
color: #292929;
}
.header a:hover{
text-decoration: none;
color: #039240;
}
.work-area{
line-height: 20px;
}
.head{
margin-top: 25px;
}
.head a{
text-decoration: none;
}
.head a:hover{
color: #292929;
}
.logo, .search{
margin-top: 35px;
}
.book{
margin-left: 174px;
margin-top: 15px;
}
.search{
margin-left: 187px;
}
.search-input{
background-color: #fafafa;
border: solid 1px #fafafa;
height: 22px;
width: 165px;
font-family: Verdana;
padding: 5px 14px 5px 14px;
vertical-align: top;
outline: none;
}
.search-input:focus{
border: solid 1px #292929;
}
.search-submit{
width: 43px;
height: 34px;
cursor: pointer;
background-color: #039240;
background-image: url("/img/loop.png");
background-position: center;
background-repeat: no-repeat;
border: medium none;
vertical-align: top;
}
.search-submit:hover{
background-color: #292929;
}
.nav{
margin-top: 18px;
border-bottom: 1px solid #00923f;
display: block;
height: 22px;
overflow: hidden;
}
.nav ul a{
color: #292929;
padding: 0 0 7px 0;
display: block;
position: relative;
border-bottom: 3px solid #FFF;
}
.nav ul a:hover{
border-bottom: 3px solid #00923f;
}
.nav ul .current a{
border-bottom: 3px solid #00923f;
}
.nav ul li:last-child{
margin-right: 0;
float: right;
}
.nav ul li{
list-style: none;
display: list-item;
float: left;
text-transform: uppercase;
margin-right: 30px;
}
#subscribe .subscribe-input {
width: 185px !important;
}
.subscribe{
width: 300px;
height: 195px;
background-image: url('/img/mail.jpg');
text-align: center;
}
.subscribe span{
color: #FFF;
font-size: 14px;
display: inline-block;
margin-top: 38px;
font-weight: bold;
}
.subscribe-input{
border: solid 1px #00923f;
outline: none;
margin-top: 15px;
height: 34px;
width: 260px;
padding: 0 15px;
font-family: verdana;
}
.subscribe-input:focus,
.textarea:focus {
border: solid 1px #292929;
}
.sub-submit{
color: #FFFFFF;
cursor: pointer;
height: 38px;
width: 216px;
padding: 0 15px;
background-color: #00923f;
border: medium none;
border-bottom: solid 2px #007133;
margin-top: 15px;
font-weight: bold;
letter-spacing: 2.2px;
font-size: 14px;
}
.sub-submit:hover{
background-color: #007133;
}
/* content */
.content{
width: 100%;
padding-top: 45px;
}
.content h1, .content h2{
border-bottom: 1px solid #00923f;
padding-bottom: 13px;
margin-bottom: 26px;
text-transform: uppercase;
}
.content h1 span, .content h2 span{
border-bottom: 4px solid #00923f;
padding-bottom: 7px;
font-size: 16px;
display: inline-block;
margin-bottom: -11px;
}
.content p{
line-height: 20px;
margin-bottom: 14px;
}
.right-block{
margin-bottom: 24px;
}
.line{
border-bottom: solid 1px #dbdbdb;
}
.content .right-block p{
margin-bottom: 4px;
}
.rating{
width: 100%;
height: 9px;
display: block;
margin-bottom: 24px;
}
.rating a{
color: #292929;
font-size: 11px;
}
h3{
margin-bottom: 14px;
}
.date{
color: #0f6698;
display: block;
font-size: 11px;
margin-bottom: 14px;
text-transform: lowercase;
}
.general-block h3 a{
color: #039240;
text-decoration: none;
font-size: 24px;
font-weight: normal;
line-height: 28px;
}
.general-block h3 a:hover {
color: #292929;
}
.left-sidebar a:hover, h4 a{
color: #039240;
}
h4{
margin-bottom: 5px;
}
h4 a{
color: #039240;
font-weight: normal;
line-height: 20px;
text-decoration: none;
}
h4 a:hover {
color: #292929 !important;
}
.main-block{
margin-top: 18px;
}
.main-block .date{
margin-bottom: 10px;
display: inline !important;
}
.left-sidebar .rating{
margin-bottom: 20px;
display: inline !important;
}
.date-and-rating {
margin-bottom: 10px;
}
.banner{
padding-top: 20px;
border-top: solid 1px #007133;
margin-top: 24px;
margin-bottom: 24px;
}
.banner img{
width: 950px;
}
.minbook{
width: 100%;
margin-bottom: 24px;
}
.minbook:last-child{
border-bottom: none;
}
.dictionary{
margin-bottom: 24px;
}
.dictionary h6{
font-size: 12px;
font-weight: bold;
display: inline;
}
.abc a{
text-transform: uppercase;
color: #0f6698;
text-decoration: none;
margin-right: 5px;
}
.abc a:hover{
color: #292929;
}
/* footer */
.footer{
width: 100%;
min-height: 20px;
color: #FFF;
background-color: #272727;
}
.footer h5{
font-size: 14px;
font-weight: bold;
margin-bottom: 24px;
}
.footer p{
color: #808080;
line-height: 20px;
font-size: 12px;
}
.social a:first-child{
margin-right: 2px;
}
.footercontent{
width: 950px;
margin: 0 auto;
padding: 44px 0;
}
.scrollup{
width: 40px;
height: 40px;
opacity: 0.3;
position: fixed;
bottom: 50px;
right: 50px;
display: none;
text-indent: -9999px;
background: url('/img/icon_top.png') no-repeat;
}
.breadcrumb{
margin-top: -20px;
margin-bottom: 20px;
}
.breadcrumb a{
color: #00923f;
text-decoration: none;
}
.breadcrumb a:hover{
text-decoration: underline;
}
.breadcrumb span{
color: #999999;
}
.right-sidebar .right-block ul li, .last-fetva ul li{
list-style: square outside;
color: #292929;
/* padding-left: 9px; */
margin-left: 16px;
line-height: 18px;
margin-bottom: 10px
}
.right-sidebar .right-block ul li:last-child{
margin-bottom: 20px;
}
.right-sidebar .right-block ul li a, .last-fetva ul li a{
color: #292929;
}
.biograph{
margin-bottom: 20px;
}
.biograph p{
margin-top: 10px;
}
.book-banner a{
margin-right: 10px;
}
.b-none{
border-bottom: medium none;
}
.small{
margin-bottom: 15px;
}
.small a, .small span, .small b{
font-size: 11px;
text-decoration: none;
}
.small a:hover{
text-decoration: underline;
}
.small .element{
float: left;
margin-left: 20px;
}
.small .element:first-child{
margin-left: 0;
}
.news .item{
margin-bottom: 20px;
}
.news .item h3 a{
text-transform: uppercase;
font-size: 13px;
line-height: 18px;
}
.news .item p{
margin-bottom: 8px;
}
.news .item a{
text-decoration: none;
}
.news .item a:hover{
text-decoration: underline;
}
.navigation a{
display: block;
float: left;
margin-right: 5px;
border: solid 1px #292929;
padding: 0 8px;
height: 22px;
line-height: 22px;
color: #292929;
text-decoration: none;
}
.navigation a:hover, .navigation a.active{
background-color: #cccaca;
color: #292929;
}
.item-image{
width: 100px;
margin-right: 10px;
margin-bottom: 10px;
}
.item .date{
font-weight: normal;
display: inline;
margin-left: 7px;
}
.item-image small{
margin-top: 10px;
display: inline-block;
font-size: 11px;
text-decoration: underline;
}
.answer{
margin-bottom: 20px;
line-height: 20px;
}
.alim{
border: solid 1px #01913c;
background-color: #d7ffd6;
color: #01913c;
height: 40px;
line-height: 40px;
text-align: center;
margin-bottom: 20px;
}
.ask-alim{
text-decoration: none;
border-bottom: dotted 1px #01913c;
}
.ask-alim:hover{
border-bottom: medium none;
}
.ask-form:hover{
border-bottom: solid 3px #039240;
}
/* detail */
.detail .small{
border-bottom: solid 1px #dbdbdb;
padding-bottom: 4px;
}
.kav{
width: 50px;
margin-right: 10px;
}
.ask {
max-width: 555px;
margin-left: margin-left: 3px;
}
.ask p, .ask{
font-style: italic;
font-family: serif;
font-size: 16px
}
.question{
margin-bottom: 40px;
}
.share{
line-height: 24px;
margin-bottom: 40px;
}
.share .pdf{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/download.png) 13px 4px no-repeat;
margin-right: 4px;
}
.share a.pdf:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/download-h.png) 13px 4px no-repeat;
}
.share .print{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/print.png) 13px 4px no-repeat;
margin-right: 5px;
}
.share a.print:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/print-h.png) 13px 4px no-repeat;
}
.share .frend{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/frend.png) 13px 4px no-repeat;
margin-right: 5px;
}
.share a.frend:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/frend-h.png) 13px 4px no-repeat;
}
.last-fetva{
margin-bottom: 40px;
}
.book-detail img{
border: solid 1px #999999;
}
.book-detail{
margin-right: 20px;
}
.book-detail, .book-description{
margin-bottom: 20px;
}
.book-description p{
max-width: 360px;
}
.words .left{
width: 30%;
margin-right: 20px;
}
.words .word{
margin-bottom: 12px;
position: relative;
}
.triangle{
width: 6px;
height: 7px;
background: url(/img/tri.jpg) no-repeat;
position: absolute;
left: 10px;
cursor: pointer;
}
.dictionary-words .dictionary .abc a{
color: #00923f;
text-decoration: underline;
}
.dictionary-words .dictionary .abc a:hover, .dictionary-words .dictionary .abc a.active{
text-decoration: none;
color: #292929;
}
.word-value .text{
background: url(/img/val-back.png) repeat;
padding: 10px;
color: #FFF;
position: absolute;
top: 7px;
z-index: 10;
cursor: pointer;
line-height: 18px;
}
.word-value{
position: absolute;
width: 100%;
height: 100%;
min-height: 30px;
cursor: pointer;
}
.words{
margin-bottom: 20px;
}
h5.primer2{
vertical-align: top;
background: #fafafa;
border: 1px solid #999;
padding: 10px;
font-size: 13px;
margin-bottom: 20px;
}
.primer{
font-size: 18px;
margin-bottom: 20px;
}
.primer3{
vertical-align: top;
background: #fafafa;
/* border: 1px solid #ededed; */
padding: 10px;
font-size: 13px;
margin-bottom: 20px;
background-color: #039240;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.myword{
color: #039240;
height: 50px;
max-width: 20%;
padding-right: 10px;
}
.search-submit, .search-input, a, .subscribe-input, .sub-submit{
-moz-transition: all 0.3s 0.04s ease;
-o-transition: all 0.3s 0.04s ease;
-webkit-transition: all 0.3s 0.04s ease;
transition: all 0.3s ease;
}
.sf-menu li li ul,
.sf-menu li li a {
transition: none;
}
.sf-menu li li ul {
margin-top: -10px !important;
position: absolute;
}
.sf-menu li li{
width: 140px;
}
.none {
display: none;
}
.breadcrumb {
line-height: 14px;
}
.bln {
color: #0f6698;
}
#back {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
top: 0;
left: 0;
display: none;
cursor: pointer;
z-index: 2;
}
#subscribe-success,
#modal-alim,
.modal{
width: 400px;
padding: 25px;
background-color: #ffffff;
border: solid 3px #039240;
position: fixed;
top: 25%;
z-index: 10;
text-align: center;
display: none;
}
#subscribe-success p,
#modal-alim p,
.modal p {
font-size: 15px;
line-height: 21px;
}
.ask-form {
width: 300px !important;
text-align: center;
}
.main-hidden {
height: 60px;
overflow: hidden;
}
input.error {
border: solid 1px red !important;
}
label.error {
top: -10px;
position: absolute;
color: red
}
form[name=arrFilter_form] {
display: none;
}
.main-block h4 {
height: 40px;
}
.detail-date-fatwa {
color: #999999;
font-style: italic;
float: right;
text-transform: lowercase;
}
img.calendar-icon,
img.calendar-icon-hover {
margin-top: 22px;
}
.ajax-loader {
position: fixed;
top: 49%;
left: 49%;
display: none;
z-index: 999999;
}
.textarea {
display: block;
border: 1px solid rgb(0, 146, 63);
outline: none;
margin: 15px 115px 0px 0px;
height: 104px;
padding: 8px 15px;
font-family: verdana;
resize: none;
margin-left: 4px;
width: 260px;
}
.adm-navigation {
margin-bottom: 25px;
}
#description:hover {
border-bottom: solid 3px #039240 !important;
}
/* Уменьшаем высоту верхней полосы — только на десктопе */
@media only screen and (min-width: 960px) {
.header {
height: 50px !important;
}
}
/* На мобильных — уменьшаем шрифт верхней полосы */
@media only screen and (max-width: 959px) {
.ahrefs,
.ahrefs a,
.ahrefs span,
.ahrefs div,
.ahrefs .left,
.ahrefs .left a,
.ahrefs .right,
.ahrefs .right a,
.ahrefs .right span {
font-size: 12px !important;
line-height: 16px !important;
}
}
/* Убираем отступ сверху */
body {
margin-top: 0 !important;
padding-top: 0 !important;
}
.all {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Поднимаем верхнюю полосу выше */
.header {
padding-top: 0 !important;
margin-top: 0 !important;
}
.ahrefs {
padding-top: 0 !important;
margin-top: 0 !important;
}
.all {
padding-top: 0 !important;
}
/* Если нужно — минимальный отступ */
@media only screen and (min-width: 960px) {
.ahrefs {
padding-top: 3px !important;
}
}
/* Уменьшаем отступ под верхней полосой */
.head {
margin-top: 10px !important;
}
/* Прижимаем верхнюю полосу к верху */
.header {
height: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.ahrefs {
padding: 10px 0 8px 0 !important;
margin: 0 !important;
}
/* На мобильных — уменьшаем отступ только у блока "Халяль и харам" */
@media only screen and (max-width: 959px) {
.head {
margin-top: 25px !important; /* возвращаем как было */
}
.actual {
margin-top: 5px !important; /* поднимаем только слайдер */
}
.head .actual {
margin-bottom: 5px !important;
}
}
/* ============================================================
МОБИЛЬНАЯ ВЕРСИЯ: поиск и меню в одну строку
============================================================ */
@media only screen and (max-width: 959px) {
/* Контейнер для поиска и кнопки меню */
.head .search.left {
margin: 0 !important;
padding: 0 !important;
width: calc(100% - 45px) !important;
float: left !important;
box-sizing: border-box !important;
margin-top: 15px !important;
}
/* Форма поиска внутри */
.head .search.left form {
position: relative !important;
width: 100% !important;
display: block !important;
}
/* Поле поиска — ниже, по высоте кнопки меню */
.head .search.left .search-input {
width: 100% !important;
margin: 0 !important;
padding: 3px 40px 3px 12px !important;
box-sizing: border-box !important;
height: 30px !important;
font-size: 15px !important; /* вводимый текст — крупнее */
line-height: 30px !important;
}
/* Placeholder «Поиск» — жирный и чуть крупнее */
.head .search.left .search-input::placeholder {
font-weight: bold !important;
font-size: 15px !important;
color: #808080 !important; /* тёмно-серый (как основной текст сайта) */
opacity: 1 !important; /* убираем прозрачность, которую Firefox добавляет по умолчанию */
}
/* Для старых браузеров (Safari, Edge) */
.head .search.left .search-input::-webkit-input-placeholder {
font-weight: bold !important;
font-size: 15px !important;
color: #808080 !important;
opacity: 1 !important;
}
.head .search.left .search-input::-moz-placeholder {
font-weight: bold !important;
font-size: 15px !important;
color: #808080 !important;
opacity: 1 !important;
}
/* Кнопка поиска (лупа) — внутри поля справа */
.head .search.left .search-submit {
position: absolute !important;
right: 0 !important;
top: 0 !important;
height: 30px !important;
width: 40px !important;
margin: 0 !important;
background-color: transparent !important;
background-image: url("/img/loop.png") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
border: none !important;
cursor: pointer !important;
opacity: 1 !important;
filter: brightness(0) saturate(100%) invert(35%) !important;
}
/* Кнопка меню (три полоски) */
.head .mobile-icon {
float: right !important;
width: 45px !important;
height: 30px !important;
margin: 15px 0 0 0 !important;
padding: 0 !important;
text-align: center !important;
cursor: pointer !important;
}
.head .mobile-icon img {
width: 30px !important;
height: 30px !important;
margin: 0 !important;
}
/* Отменяем старые отступы поиска на мобильных */
.head .search {
margin-left: 0 !important;
}
/* Сбрасываем float, чтобы блоки встали в одну строку */
.head .clear {
clear: both !important;
}
}
/* ============================================================
МОБИЛЬНАЯ ВЕРСИЯ: скрываем форму поиска на странице результатов
(сами результаты остаются)
============================================================ */
@media only screen and (max-width: 959px) {
/* Скрываем форму поиска внутри .search-page */
.content .search-page > form {
display: none !important;
}
/* Скрываем отступы после формы:
,
,
*/
.content .search-page > form + br,
.content .search-page > form + br + br,
.content .search-page > form + br + br + hr {
display: none !important;
}
}
@media only screen and (max-width: 959px) {
/* На мобильных блок .share по умолчанию СКРЫТ */
.share {
display: none !important;
}
/* Класс, который JS добавит только на книгах и постерах */
.share.share-visible {
display: block !important;
}
/* Внутри видимого блока — показываем ТОЛЬКО PDF */
.share.share-visible .pdf {
display: inline-block !important;
}
/* «Распечатать» и «Отправить другу» — всегда скрыты */
.share.share-visible .print,
.share.share-visible .frend {
display: none !important;
}
}
/* End */
/* Start:/css/sliders.css?15498187342273*/
/*
| ------------------------------------------
| Glide styles
| ------------------------------------------
| Here are slider styles
|
*/
.slider {
position: relative;
height: 19px;
overflow: hidden;
}
.slides {
height: 100%;
padding: 0 !important;
margin-top: 0;
/* Simple clear fix */
overflow: hidden;
/**
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
list-style: none;
}
.slider-arrows {}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
}
.slider-arrow--right { bottom: 42%; right: 30px; }
.slider-arrow--left { bottom: 42%; left: 30px; }
.slider-nav {
display: none;
}
.slider-nav__item {
background: none repeat scroll 1px 1px #999898;
border-radius: 7px;
box-shadow: 1px 1px 2px #686868 inset;
clear: none;
display: block;
float: left;
height: 12px;
margin: 0 5px;
transition: all 0.25s ease 0s;
width: 12px;
}
.slider-nav__item:hover { background: #c58e68; box-shadow: 1px 1px 4px #866147 inset;}
.slider-nav__item--current { background: #c58e68; box-shadow: 1px 1px 4px #866147 inset;}
.slider-arrow--left{
display: block;
width: 23px;
height: 23px;
}
.slider-arrow--right{
display: block;
width: 23px;
height: 23px;
}
.slider-arrow--right {
font-size: 14px;
position: absolute;
right: 0;
top: -2px;
}
.slider-arrow--left {
font-size: 14px;
left: 880px;
position: absolute;
top: -2px;
}
/* End */
/* Start:/css/m-style.css?17914863012478*/
/* */
@media only screen and (max-width: 960px) {
.nomobile {
height: 10px;
text-align: center;
line-height: 10px;
}
.nomobile a {
font-weight: bold;
color: #fff;
}
.kav{
display: none;
}
.mleft{
float: left;
}
.breadcrumb{
display: none;
}
.all{
width: 80%;
}
.ahrefs{
margin-top: 0px;
text-align: center;
}
.ahrefs div{
margin-top: 5px;
}
img{
max-width: 100%;
}
.book{
display: none;
}
.head{
margin: 0;
}
.actual{
text-align: center;
}
.search{
}
.logo{
margin-top: 15px;
}
.main-block{
margin-bottom: 18px;
}
.formobile{
text-align: center;
}
.station{
margin-bottom: 24px;
}
.bookbanner img{
margin-bottom: 24px;
}
.bookbanner{
text-align: center;
}
.minfooter{
margin-bottom: 24px;
}
.footercontent{
width: 80%;
}
.minfooter .search-input{
margin-bottom: 24px;
}
.nav{
height: auto;
border-bottom: medium none;
text-align: center;
}
.nav ul a{
border-bottom: medium none;
color: #039240;
text-decoration: underline;
}
.nav ul a:hover{
border-bottom: medium none;
text-decoration: none;
color: #292929;
}
.nav ul .current a{
border-bottom: medium none;
color: #292929;
text-decoration: none;
}
.nav ul li, .nav ul li:last-child{
display: block;
float: none;
margin: 10px 0;
}
.nav{
height: 0px;
}
.mobile-icon{
text-align: center;
height: 50px;
cursor: pointer;
margin-top: 10px;
float: right;
}
.content{
padding-top: 0;
}
.logo{
float: left;
}
.mnone{
display: none;
}
.mtop{
margin-top: 10px;
}
.head a,
.header a,
.actual,
.content h1 span,
.content h2 span,
p, div,
b,
i,
h1,
h2,
h3, h3 a,
h4,
h5,
h6,
a,
span,
table,
tr,
td,
.alim,
.right-sidebar .right-block ul li a,
.last-fetva ul li a{
font-size: 17px !important;
}
.alim {
height: 90px;
}
.alim b{
display: block;
}
.share {
display: none;
}
}
/* Десктоп: описания в карточках статей — 4 строки, без обрезки */
@media only screen and (min-width: 961px) {
.station .main-hidden,
.right-block .main-hidden {
height: auto !important;
max-height: 88px !important;
overflow: hidden !important;
line-height: 22px !important;
}
}
/* End */
/* Start:/css/s-style.css?15498187342543*/
@media only screen and (min-width: 960px) {
.nomobile {
display: none;
}
.left{
float: left;
}
.right{
float: right !important;
}
.ahrefs{
padding-top: 32px;
}
.header{
border-bottom: solid 1px #dbdbdb;
}
/* content */
.book-description {
width: 355px;
}
.left-sidebar{
width: 65.2%;
float: left;
min-height: 30px;
padding-right: 27px;
}
.right-sidebar{
width: 31.6%;
float: left;
padding-left: 3px;
}
.main-left, .main-right{
width: 49%;
}
.station{
width: 32%;
margin-right: 12px;
margin-bottom: 24px;
}
.bookdescription{
margin-left: 30px;
width: 380px;
}
.margin{
width: 100%;
height: 24px;
}
.minfooter{
width: 30%;
margin-right: 30px;
}
.minfooter form{
margin-top: 6px;
margin-bottom: 14px;
}
.main-block:last-child{
border-bottom: medium none;
}
.mobile-icon{
display: none;
}
.nav{
height: auto !important;
}
/* */
#nav {
overflow: hidden;
}
#nav ul li a {
float: left;
}
#nav li ul {
left: -999em;
position: absolute;
width: 160px;
z-index: 9999;
margin-top: 40px;
padding-left: 20px;
background-color: #fafafa;
}
#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 120px;
}
#nav li:hover ul{
left: auto;
position: absolute;
width: 117px;
z-index: 9999;
margin-top: 19px;
padding: 10px 20px 10px 20px;
background-color: #fafafa;
border-top: solid 4px #00923f;
line-height: 18px;
}
#nav li:hover ul li:last-child{
float: left !important;
}
#nav li:hover ul a:hover{
color: #00923f;
text-decoration: underline;
}
#nav li li ul {
margin: -9px 0 0 135px;
visibility: hidden;
border-top: medium none !important;
}
#nav li li:hover ul {
visibility: visible;
}
.categories .depth-1 li{
display: inline-block;
list-style: none;
text-transform: uppercase;
margin-right: 10px;
}
.categories .depth-1{
margin-bottom: 10px;
}
.categories .depth-1 li a.active{
font-weight: bold;
text-decoration: none;
color: #292929;
}
.categories .depth-2{
margin-bottom: 20px;
}
.categories .depth-2 li{
display: inline-block;
list-style: none;
text-transform: lowercase;
margin-right: 10px;
}
.categories .depth-2 li a.active{
font-weight: bold;
text-decoration: none;
color: #292929;
}
.main-block h4 {
height: 40px;
}
}
/* End */
/* Start:/bitrix/templates/askimam/components/bitrix/menu/tree1/style.css?1716561831855*/
div.menu-sitemap-tree
{
font-size:100%;
}
div.menu-sitemap-tree ul
{
list-style-type: none;
margin: 0;
padding: 0 1em 0 0;
}
div.menu-sitemap-tree ul ul
{
width: auto;
margin:-0.75em 0 0 0;
padding: 0 0 0 0.75em;
}
div.menu-sitemap-tree li
{
margin: 0 0 -0.85em 0;
padding:0;
}
div.menu-sitemap-tree li li
{
margin: 0 0 -0.85em 0.5em;
padding:0;
}
div.menu-sitemap-tree li.menu-close ul
{
display: none;
}
div.menu-sitemap-tree div.item-text
{
position:relative;
top:-19px;left:19px;
}
/*Icons*/
div.folder, div.page
{
background-repeat:no-repeat;
width:17px;
height:17px;
vertical-align:top;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(/bitrix/templates/askimam/components/bitrix/menu/tree1/images/folder_open.gif);}
div.menu-sitemap-tree li.menu-close div.folder{background-image:url(/bitrix/templates/askimam/components/bitrix/menu/tree1/images/folder_close.gif);}
div.page{/*background-image:url(/bitrix/templates/askimam/components/bitrix/menu/tree1/images/page.gif);*/}
/* End */
/* Start:/bitrix/templates/askimam/styles.css?179223882128139*/
/* Start:/css/style.css?147246774913760*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
sub, sup {
/* Specified in % so that the sup/sup is the
right size relative to the surrounding text */
font-size: 75%;
/* Zero out the line-height so that it doesn't
interfere with the positioning that follows */
line-height: 0;
/* Where the magic happens: makes all browsers position
the sup/sup properly, relative to the surrounding text */
position: relative;
/* Note that if you're using Eric Meyer's reset.css, this
is already set and you can remove this rule */
vertical-align: baseline;
}
sup {
/* Move the superscripted text up */
top: -0.5em;
}
sub {
/* Move the subscripted text down, but only
half as far down as the superscript moved up */
bottom: -0.25em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
*{
/* border: solid 1px red !important;*/
}
body {
line-height: 1;
background-color: #ffffff;
font-family: Verdana, Arial;
}
a{
color: #039240;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a:active, a:focus{
outline: none;
}
.all{
width: 950px;
margin: 0 auto;
min-height: 400px;
color: #292929;
font-size: 12px;
}
.clear{
clear: both;
}
.header{
width: 100%;
height: 50px;
}
.header a{
color: #292929;
}
.header a:hover{
text-decoration: none;
color: #039240;
}
.work-area{
line-height: 20px;
}
.head{
margin-top: 25px;
}
.head a{
text-decoration: none;
}
.head a:hover{
color: #292929;
}
.logo, .search{
margin-top: 35px;
}
.book{
margin-left: 174px;
margin-top: 15px;
}
.search{
margin-left: 171px;
}
.search-input{
background-color: #fafafa;
border: solid 1px #fafafa;
height: 22px;
width: calc( 100% - 73px);
font-family: Verdana;
padding: 5px 14px 5px 14px;
vertical-align: top;
outline: none;
}
.search-input:focus{
border: solid 1px #292929;
}
.search-submit{
width: 43px;
height: 34px;
cursor: pointer;
background-color: #039240;
background-image: url("/img/loop.png");
background-position: center;
background-repeat: no-repeat;
border: medium none;
}
.search-submit:hover{
background-color: #292929;
}
.nav{
margin-top: 18px;
border-bottom: 1px solid #00923f;
display: block;
height: 22px;
overflow: hidden;
}
.nav ul a{
color: #292929;
padding: 0 0 7px 0;
display: block;
position: relative;
border-bottom: 3px solid #FFF;
}
.nav ul a:hover{
border-bottom: 3px solid #00923f;
}
.nav ul .current a{
border-bottom: 3px solid #00923f;
}
.nav ul li:last-child{
margin-right: 0;
float: right;
}
.nav ul li{
list-style: none;
display: list-item;
float: left;
text-transform: uppercase;
margin-right: 30px;
}
#subscribe .subscribe-input {
width: 185px !important;
}
.subscribe{
width: 300px;
height: 195px;
background-image: url('/img/mail.jpg');
text-align: center;
}
.subscribe span{
color: #FFF;
font-size: 14px;
display: inline-block;
margin-top: 38px;
font-weight: bold;
}
.subscribe-input{
border: solid 1px #00923f;
outline: none;
margin-top: 15px;
height: 34px;
width: 260px;
padding: 0 15px;
font-family: verdana;
}
.subscribe-input:focus,
.textarea:focus {
border: solid 1px #292929;
}
.sub-submit{
color: #FFFFFF;
cursor: pointer;
height: 38px;
width: 216px;
padding: 0 15px;
background-color: #00923f;
border: medium none;
border-bottom: solid 2px #007133;
margin-top: 15px;
font-weight: bold;
letter-spacing: 2.2px;
font-size: 14px;
}
.sub-submit:hover{
background-color: #007133;
}
/* content */
.content{
width: 100%;
padding-top: 45px;
}
.content h1, .content h2{
border-bottom: 1px solid #00923f;
padding-bottom: 13px;
margin-bottom: 26px;
text-transform: uppercase;
}
.content h1 span, .content h2 span{
border-bottom: 4px solid #00923f;
padding-bottom: 7px;
font-size: 16px;
display: inline-block;
margin-bottom: -11px;
}
.content p{
line-height: 20px;
margin-bottom: 14px;
}
.right-block{
margin-bottom: 24px;
}
.line{
border-bottom: solid 1px #dbdbdb;
}
.content .right-block p{
margin-bottom: 4px;
}
.rating{
width: 100%;
height: 9px;
display: block;
margin-bottom: 24px;
}
.rating a{
color: #292929;
font-size: 11px;
}
h3{
margin-bottom: 14px;
}
.date{
color: #0f6698;
display: block;
font-size: 11px;
margin-bottom: 14px;
text-transform: lowercase;
}
.general-block h3 a{
color: #039240;
text-decoration: none;
font-size: 24px;
font-weight: normal;
line-height: 28px;
}
.general-block h3 a:hover {
color: #292929;
}
.left-sidebar a:hover, h4 a{
color: #039240;
}
h4{
margin-bottom: 5px;
}
h4 a{
color: #039240;
font-weight: normal;
line-height: 20px;
text-decoration: none;
}
h4 a:hover {
color: #292929 !important;
}
.main-block{
margin-top: 18px;
}
.main-block .date{
margin-bottom: 10px;
display: inline !important;
}
.left-sidebar .rating{
margin-bottom: 20px;
display: inline !important;
}
.date-and-rating {
margin-bottom: 10px;
}
.banner{
padding-top: 20px;
border-top: solid 1px #007133;
margin-top: 24px;
margin-bottom: 24px;
}
.banner img{
width: 950px;
}
.minbook{
width: 100%;
margin-bottom: 24px;
}
.minbook:last-child{
border-bottom: none;
}
.dictionary{
margin-bottom: 24px;
}
.dictionary h6{
font-size: 12px;
font-weight: bold;
display: inline;
}
.abc a{
text-transform: uppercase;
color: #0f6698;
text-decoration: none;
margin-right: 5px;
}
.abc a:hover{
color: #292929;
}
/* footer */
.footer{
width: 100%;
min-height: 20px;
color: #FFF;
background-color: #272727;
}
.footer h5{
font-size: 14px;
font-weight: bold;
margin-bottom: 24px;
}
.footer p{
color: #808080;
line-height: 20px;
font-size: 12px;
}
.social a:first-child{
margin-right: 2px;
}
.footercontent{
width: 950px;
margin: 0 auto;
padding: 44px 0;
}
.scrollup{
width: 40px;
height: 40px;
opacity: 0.3;
position: fixed;
bottom: 50px;
right: 50px;
display: none;
text-indent: -9999px;
background: url('/img/icon_top.png') no-repeat;
}
.breadcrumb{
margin-top: -20px;
margin-bottom: 20px;
}
.breadcrumb a{
color: #00923f;
text-decoration: none;
}
.breadcrumb a:hover{
text-decoration: underline;
}
.breadcrumb span{
color: #999999;
}
.right-sidebar .right-block ul li, .last-fetva ul li{
list-style: square outside;
color: #292929;
/* padding-left: 9px; */
margin-left: 16px;
line-height: 18px;
margin-bottom: 10px
}
.right-sidebar .right-block ul li:last-child{
margin-bottom: 20px;
}
.right-sidebar .right-block ul li a, .last-fetva ul li a{
color: #292929;
}
.biograph{
margin-bottom: 20px;
}
.biograph p{
margin-top: 10px;
}
.book-banner a{
margin-right: 10px;
}
.b-none{
border-bottom: medium none;
}
.small{
margin-bottom: 15px;
}
.small a, .small span, .small b{
font-size: 11px;
text-decoration: none;
}
.small a:hover{
text-decoration: underline;
}
.small .element{
float: left;
margin-left: 20px;
}
.small .element:first-child{
margin-left: 0;
}
.news .item{
margin-bottom: 20px;
}
.news .item h3 a{
text-transform: uppercase;
font-size: 13px;
line-height: 18px;
}
.news .item p{
margin-bottom: 8px;
}
.news .item a{
text-decoration: none;
}
.news .item a:hover{
text-decoration: underline;
}
.navigation a{
display: block;
float: left;
margin-right: 5px;
border: solid 1px #292929;
padding: 0 8px;
height: 22px;
line-height: 22px;
color: #292929;
text-decoration: none;
}
.navigation a:hover, .navigation a.active{
background-color: #cccaca;
color: #292929;
}
.item-image{
width: 100px;
margin-right: 10px;
margin-bottom: 10px;
}
.item .date{
font-weight: normal;
display: inline;
margin-left: 7px;
}
.item-image small{
margin-top: 10px;
display: inline-block;
font-size: 11px;
text-decoration: underline;
}
.answer{
margin-bottom: 20px;
line-height: 20px;
}
.alim{
border: solid 1px #01913c;
background-color: #d7ffd6;
color: #01913c;
height: 40px;
line-height: 40px;
text-align: center;
margin-bottom: 20px;
}
.ask-alim{
text-decoration: none;
border-bottom: dotted 1px #01913c;
}
.ask-alim:hover{
border-bottom: medium none;
}
.ask-form:hover{
border-bottom: solid 3px #039240;
}
/* detail */
.detail .small{
border-bottom: solid 1px #dbdbdb;
padding-bottom: 4px;
}
.kav{
width: 50px;
margin-right: 10px;
}
.ask {
max-width: 555px;
margin-left: margin-left: 3px;
}
.ask p, .ask{
font-style: italic;
font-family: serif;
font-size: 16px
}
.question{
margin-bottom: 40px;
}
.share{
line-height: 24px;
margin-bottom: 40px;
}
.share .pdf{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/download.png) 13px 4px no-repeat;
margin-right: 4px;
}
.share a.pdf:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/download-h.png) 13px 4px no-repeat;
}
.share .print{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/print.png) 13px 4px no-repeat;
margin-right: 5px;
}
.share a.print:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/print-h.png) 13px 4px no-repeat;
}
.share .frend{
line-height: 24px;
border: 1px solid #999999;
display: inline-block;
padding: 0 12px;
color: #292929;
font-size: 11px;
text-transform: uppercase;
margin-right: 1px;
text-decoration: none;
padding-left: 40px;
background: url(/img/frend.png) 13px 4px no-repeat;
margin-right: 5px;
}
.share a.frend:hover{
color: #039240;
border: 1px solid #039240;
background: url(/img/frend-h.png) 13px 4px no-repeat;
}
.last-fetva{
margin-bottom: 40px;
}
.book-detail img{
border: solid 1px #999999;
}
.book-detail{
margin-right: 20px;
}
.book-detail, .book-description{
margin-bottom: 20px;
}
.book-description p{
max-width: 360px;
}
.words .left{
width: 30%;
margin-right: 20px;
}
.words .word{
margin-bottom: 12px;
position: relative;
}
.triangle{
width: 6px;
height: 7px;
background: url(/img/tri.jpg) no-repeat;
position: absolute;
left: 10px;
cursor: pointer;
}
.dictionary-words .dictionary .abc a{
color: #00923f;
text-decoration: underline;
}
.dictionary-words .dictionary .abc a:hover, .dictionary-words .dictionary .abc a.active{
text-decoration: none;
color: #292929;
}
.word-value .text{
background: url(/img/val-back.png) repeat;
padding: 10px;
color: #FFF;
position: absolute;
top: 7px;
z-index: 10;
cursor: pointer;
line-height: 18px;
}
.word-value{
position: absolute;
width: 100%;
height: 100%;
min-height: 30px;
cursor: pointer;
}
.words{
margin-bottom: 20px;
}
h5.primer2{
vertical-align: top;
background: #fafafa;
border: 1px solid #999;
padding: 10px;
font-size: 13px;
margin-bottom: 20px;
}
.primer{
font-size: 18px;
margin-bottom: 20px;
}
.primer3{
vertical-align: top;
background: #fafafa;
/* border: 1px solid #ededed; */
padding: 10px;
font-size: 13px;
margin-bottom: 20px;
background-color: #039240;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.myword{
color: #039240;
height: 50px;
max-width: 20%;
padding-right: 10px;
}
.search-submit, .search-input, a, .subscribe-input, .sub-submit{
-moz-transition: all 0.3s 0.04s ease;
-o-transition: all 0.3s 0.04s ease;
-webkit-transition: all 0.3s 0.04s ease;
transition: all 0.3s ease;
}
.sf-menu li li ul,
.sf-menu li li a {
transition: none;
}
.sf-menu li li ul {
margin-top: -10px !important;
position: absolute;
}
.sf-menu li li{
width: 140px;
}
.none {
display: none;
}
.breadcrumb {
line-height: 14px;
}
.bln {
color: #0f6698;
}
#back {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
top: 0;
left: 0;
display: none;
cursor: pointer;
z-index: 2;
}
#subscribe-success,
#modal-alim,
.modal{
width: 400px;
padding: 25px;
background-color: #ffffff;
border: solid 3px #039240;
position: fixed;
top: 25%;
z-index: 10;
text-align: center;
display: none;
}
#subscribe-success p,
#modal-alim p,
.modal p {
font-size: 15px;
line-height: 21px;
}
.ask-form {
width: 300px !important;
text-align: center;
}
.main-hidden {
height: 60px;
overflow: hidden;
}
input.error {
border: solid 1px red !important;
}
label.error {
top: -10px;
position: absolute;
color: red
}
form[name=arrFilter_form] {
display: none;
}
.main-block h4 {
height: 40px;
}
.detail-date-fatwa {
color: #999999;
font-style: italic;
float: right;
text-transform: lowercase;
}
img.calendar-icon,
img.calendar-icon-hover {
margin-top: 22px;
}
.ajax-loader {
position: fixed;
top: 49%;
left: 49%;
display: none;
z-index: 999999;
}
.textarea {
display: block;
border: 1px solid rgb(0, 146, 63);
outline: none;
margin: 15px 115px 0px 0px;
height: 104px;
padding: 8px 15px;
font-family: verdana;
resize: none;
margin-left: 4px;
width: 260px;
}
.adm-navigation {
margin-bottom: 25px;
}
#description:hover {
border-bottom: solid 3px #039240 !important;
}
/* End */
/* Start:/css/sliders.css?14230544452273*/
/*
| ------------------------------------------
| Glide styles
| ------------------------------------------
| Here are slider styles
|
*/
.slider {
position: relative;
height: 19px;
overflow: hidden;
}
.slides {
height: 100%;
padding: 0 !important;
margin-top: 0;
/* Simple clear fix */
overflow: hidden;
/**
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
list-style: none;
}
.slider-arrows {}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
}
.slider-arrow--right { bottom: 42%; right: 30px; }
.slider-arrow--left { bottom: 42%; left: 30px; }
.slider-nav {
display: none;
}
.slider-nav__item {
background: none repeat scroll 1px 1px #999898;
border-radius: 7px;
box-shadow: 1px 1px 2px #686868 inset;
clear: none;
display: block;
float: left;
height: 12px;
margin: 0 5px;
transition: all 0.25s ease 0s;
width: 12px;
}
.slider-nav__item:hover { background: #c58e68; box-shadow: 1px 1px 4px #866147 inset;}
.slider-nav__item--current { background: #c58e68; box-shadow: 1px 1px 4px #866147 inset;}
.slider-arrow--left{
display: block;
width: 23px;
height: 23px;
}
.slider-arrow--right{
display: block;
width: 23px;
height: 23px;
}
.slider-arrow--right {
font-size: 14px;
position: absolute;
right: 0;
top: -2px;
}
.slider-arrow--left {
font-size: 14px;
left: 880px;
position: absolute;
top: -2px;
}
/* End */
/* Start:/css/m-style.css?14410922562161*/
/* ��� ��������� ��������� */
@media only screen and (max-width: 960px) {
.nomobile {
height: 10px;
text-align: center;
line-height: 10px;
}
.nomobile a {
font-weight: bold;
color: #fff;
}
.kav{
display: none;
}
.mleft{
float: left;
}
.breadcrumb{
display: none;
}
.all{
width: 80%;
}
.ahrefs{
margin-top: 0px;
text-align: center;
}
.ahrefs div{
margin-top: 5px;
}
img{
max-width: 100%;
}
.book{
display: none;
}
.head{
margin: 0;
}
.actual{
text-align: center;
}
.search{
}
.logo{
margin-top: 15px;
}
.main-block{
margin-bottom: 18px;
}
.formobile{
text-align: center;
}
.station{
margin-bottom: 24px;
}
.bookbanner img{
margin-bottom: 24px;
}
.bookbanner{
text-align: center;
}
.minfooter{
margin-bottom: 24px;
}
.footercontent{
width: 80%;
}
.minfooter .search-input{
margin-bottom: 24px;
}
.nav{
height: auto;
border-bottom: medium none;
text-align: center;
}
.nav ul a{
border-bottom: medium none;
color: #039240;
text-decoration: underline;
}
.nav ul a:hover{
border-bottom: medium none;
text-decoration: none;
color: #292929;
}
.nav ul .current a{
border-bottom: medium none;
color: #292929;
text-decoration: none;
}
.nav ul li, .nav ul li:last-child{
display: block;
float: none;
margin: 10px 0;
}
.nav{
height: 0px;
}
.mobile-icon{
text-align: center;
height: 50px;
cursor: pointer;
margin-top: 10px;
float: right;
}
.content{
padding-top: 0;
}
.logo{
float: left;
}
.mnone{
display: none;
}
.mtop{
margin-top: 10px;
}
.head a,
.header a,
.actual,
.content h1 span,
.content h2 span,
p, div,
b,
i,
h1,
h2,
h3, h3 a,
h4,
h5,
h6,
a,
span,
table,
tr,
td,
.alim,
.right-sidebar .right-block ul li a,
.last-fetva ul li a{
font-size: 17px !important;
}
.alim {
height: 90px;
}
.alim b{
display: block;
}
.share {
display: none;
}
}
/* End */
/* Start:/css/s-style.css?14230544452543*/
@media only screen and (min-width: 960px) {
.nomobile {
display: none;
}
.left{
float: left;
}
.right{
float: right !important;
}
.ahrefs{
padding-top: 32px;
}
.header{
border-bottom: solid 1px #dbdbdb;
}
/* content */
.book-description {
width: 355px;
}
.left-sidebar{
width: 65.2%;
float: left;
min-height: 30px;
padding-right: 27px;
}
.right-sidebar{
width: 31.6%;
float: left;
padding-left: 3px;
}
.main-left, .main-right{
width: 49%;
}
.station{
width: 32%;
margin-right: 12px;
margin-bottom: 24px;
}
.bookdescription{
margin-left: 30px;
width: 380px;
}
.margin{
width: 100%;
height: 24px;
}
.minfooter{
width: 30%;
margin-right: 30px;
}
.minfooter form{
margin-top: 6px;
margin-bottom: 14px;
}
.main-block:last-child{
border-bottom: medium none;
}
.mobile-icon{
display: none;
}
.nav{
height: auto !important;
}
/* âûïàäàþùåå ìåíþ */
#nav {
overflow: hidden;
}
#nav ul li a {
float: left;
}
#nav li ul {
left: -999em;
position: absolute;
width: 160px;
z-index: 9999;
margin-top: 40px;
padding-left: 20px;
background-color: #fafafa;
}
#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 120px;
}
#nav li:hover ul{
left: auto;
position: absolute;
width: 117px;
z-index: 9999;
margin-top: 19px;
padding: 10px 20px 10px 20px;
background-color: #fafafa;
border-top: solid 4px #00923f;
line-height: 18px;
}
#nav li:hover ul li:last-child{
float: left !important;
}
#nav li:hover ul a:hover{
color: #00923f;
text-decoration: underline;
}
#nav li li ul {
margin: -9px 0 0 135px;
visibility: hidden;
border-top: medium none !important;
}
#nav li li:hover ul {
visibility: visible;
}
.categories .depth-1 li{
display: inline-block;
list-style: none;
text-transform: uppercase;
margin-right: 10px;
}
.categories .depth-1{
margin-bottom: 10px;
}
.categories .depth-1 li a.active{
font-weight: bold;
text-decoration: none;
color: #292929;
}
.categories .depth-2{
margin-bottom: 20px;
}
.categories .depth-2 li{
display: inline-block;
list-style: none;
text-transform: lowercase;
margin-right: 10px;
}
.categories .depth-2 li a.active{
font-weight: bold;
text-decoration: none;
color: #292929;
}
.main-block h4 {
height: 40px;
}
}
/* End */
/* /css/style.css?147246774913760 */
/* /css/sliders.css?14230544452273 */
/* /css/m-style.css?14410922562161 */
/* /css/s-style.css?14230544452543 */
/* Исправляем высоту строки и внутренние отступы, чтобы буквы не обрезались */
.div-navnav a,
.div-navnav ul li a,
.head a {
line-height: normal !important; /* Возвращает тексту естественную высоту */
height: auto !important; /* Убирает жесткое ограничение по высоте */
padding-top: 5px !important; /* Добавляет безопасный отступ сверху внутри ссылки */
padding-bottom: 0px !important; /* Добавляет безопасный отступ снизу внутри ссылки */
overflow: visible !important; /* Разрешает тексту выходить за границы, если он не помещается */
}
/* === Улучшение читаемости сайта === */
/* Основной текст */
.work-area,
.content {
font-size: 13px;
line-height: 1.6;
}
/* Абзацы */
.content p {
line-height: 1.7;
}
/* Главный заголовок фетвы */
.general-block h3 a {
font-size: 22px;
line-height: 20px;
}
/* Список последних фетв */
.main-block h4 a,
.last-fetva ul li a {
font-size: 13px;
line-height: 12px;
}
/* Даты и категории оставляем чуть меньше */
.date {
font-size: 12px;
}
/* Правая колонка "Статьи" */
.right-sidebar .right-block p {
font-size: 13px;
line-height: 20px;
}
.right-sidebar .right-block ul li {
line-height: 20px;
}
/* Заголовки разделов */
.content h1 span,
.content h2 span {
font-size: 13px !important;
}
/* Опустить меню чуть ниже */
.nav ul a {
top: 9px !important;
}
/* Сдвигаем меню левее, кроме последнего пункта */
#nav > .menu-sitemap-tree > ul {
margin-left: -19px;
}
/* ==========================
COOKIE NOTICE
========================== */
#cookie-box{
position:fixed;
right:25px;
bottom:25px;
width:420px;
max-width:calc(100% - 30px);
background:#fff;
border-radius:12px;
box-shadow:0 12px 40px rgba(0,0,0,.18);
padding:22px;
display:none;
z-index:999999;
animation:cookieShow .35s ease;
}
@keyframes cookieShow{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}
.cookie-head{
color:#2d7c3f;
font-size:20px;
font-weight:bold;
margin-bottom:12px;
}
.cookie-body{
color:#555;
font-size:14px;
line-height:1.7;
}
.cookie-body a{
color:#2d7c3f;
font-weight:600;
text-decoration:underline;
}
.cookie-footer{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
}
.cookie-footer a{
color:#2d7c3f;
}
#cookie-ok{
background:#2d7c3f;
color:#fff;
border:none;
border-radius:6px;
padding:10px 22px;
cursor:pointer;
transition:.2s;
}
#cookie-ok:hover{
background:#245f32;
}
#cookie-close{
position:absolute;
top:8px;
right:10px;
background:none;
border:none;
font-size:26px;
color:#999;
cursor:pointer;
}
#cookie-close:hover{
color:#333;
}
@media(max-width:700px){
#cookie-box{
left:10px;
right:10px;
bottom:10px;
width:auto;
padding:18px;
}
.cookie-footer{
flex-direction:column;
align-items:flex-start;
gap:15px;
}
#cookie-ok{
width:100%;
}
}
/* Финальное жесткое центрирование любого всплывающего окна Битрикса */
body div[id*="popup-window-at"],
body div[class*="popup-window"],
body div[style*="position: absolute"][style*="z-index:"] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
}
/* === Мобильная карточка фетвы === */
@media only screen and (max-width: 960px) {
.general-block .date-and-rating,
.general-block .date-and-rating .date,
.general-block .date-and-rating .rating,
.general-block .date-and-rating .rating a {
font-size: 13px !important;
line-height: 18px !important;
}
.general-block .date-and-rating .rating a {
text-decoration: none !important;
}
.general-block h3 a {
font-size: 21px !important;
line-height: 27px !important;
}
.main-block .date-and-rating,
.main-block .date-and-rating .date,
.main-block .date-and-rating .rating,
.main-block .date-and-rating .rating a {
font-size: 13px !important;
line-height: 18px !important;
}
.main-block .date-and-rating .rating a {
text-decoration: none !important;
}
.main-block h4 {
height: auto !important;
min-height: 40px;
}
.main-block h4 a {
font-size: 21px !important;
line-height: 27px !important;
}
/* --- Блок «Статьи» в правой колонке --- */
.right-block .date {
font-size: 13px !important;
line-height: 18px !important;
}
.right-block .rating,
.right-block .rating a {
font-size: 13px !important;
line-height: 18px !important;
text-decoration: none !important;
}
.right-block h3 a {
font-size: 19px !important;
line-height: 25px !important;
}
/* Подписка — по центру */
.right-block.line:has(.subscribe),
.subscribe {
margin-left: auto !important;
margin-right: auto !important;
}
/* Скрыть лишнюю линию под блоком статей */
.right-block.line:has(.rating) {
border-bottom: none !important;
}
/* Уменьшить отступ до следующего блока */
.right-sidebar .right-block {
margin-bottom: 12px !important;
}
/* --- Карточки «Статьи» (правая колонка) --- */
.right-block .date-and-rating,
.right-block .date-and-rating .date,
.right-block .date-and-rating .rating,
.right-block .date-and-rating .rating a {
font-size: 13px !important;
line-height: 18px !important;
text-decoration: none !important;
}
.right-block .date-and-rating .rating a {
text-decoration: none !important;
}
.right-block h3 a {
font-size: 19px !important;
line-height: 25px !important;
text-decoration: none !important;
}
/* --- Карточки «Статьи» на главной --- */
.station .date-and-rating,
.station .date-and-rating .date,
.station .date-and-rating .rating,
.station .date-and-rating .rating a {
font-size: 13px !important;
line-height: 18px !important;
text-decoration: none !important;
}
.station h3 a {
font-size: 19px !important;
line-height: 25px !important;
text-decoration: none !important;
}
}
/* End */
/* Start:/bitrix/templates/askimam/template_styles.css?1792238821170*/
.top-menu, [class*="menu"] {
margin-right: 5px !important;
}
.top-menu li, [class*="menu"] a {
padding-left: 5px !important;
padding-right: 5px !important;
}
/* End */
/* /css/style.css?179111707420897 */
/* /css/sliders.css?15498187342273 */
/* /css/m-style.css?17914863012478 */
/* /css/s-style.css?15498187342543 */
/* /bitrix/templates/askimam/components/bitrix/menu/tree1/style.css?1716561831855 */
/* /bitrix/templates/askimam/styles.css?179223882128139 */
/* /bitrix/templates/askimam/template_styles.css?1792238821170 */