html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
template,
[hidden] {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: 700;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/*normalize css */
p,
figure,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
body {
  font-family: 'HelveticaNew', Helvetica, Arial, sans-serif;
  color: #303030;
  font-size: 13px;
}
p {
  color: #303030;
  line-height: 20px;
  font-size: 13px;
}
@font-face {
  font-family: 'HelveticaNew';
  src: url('../fonts/Helvetica-Regular.eot');
  src: local('☺'), url('../fonts/Helvetica-Regular.woff') format('woff'), url('../fonts/Helvetica-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNew';
  src: url('../fonts/Helvetica-Bold.eot');
  src: local('☺'), url('../fonts/Helvetica-Bold.woff') format('woff'), url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNew';
  src: url('../fonts/Helvetica-Light.eot');
  src: local('☺'), url('../fonts/Helvetica-Light.woff') format('woff'), url('../fonts/Helvetica-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
	font-family: GraublauWeb;
	src: url("../fonts/KZ_Tangak.otf") format("opentype");
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slick theme */
.slick-loading .slick-list {
  background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev {
  left: 0px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: 0px;
}
.slick-next {
  right: 0px;
}
.slick-next[dir="rtl"] {
  left: 0px;
  right: auto;
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*begin general styles*/
* {
  box-sizing: border-box;
}
a,
button,
input,
textarea,
.js-svg {
  -webkit-transition: background .2s, border .2s, color .2s;
  -o-transition: background .2s, border .2s, color .2s;
  transition: background .2s, border .2s, color .2s;
}
html,
body {
  height: 100%;
  background-color: #f0f1f3;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: background-color 0.3s ease-in;
}
.wrapper--bg {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center;
}
.wrapper--read {
  position: relative;
  z-index: 2;
}
.wrapper--read:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.59);
  z-index: 5;
}
.wrapper--read .center-part {
  position: relative;
  z-index: 6;
}
.header {
  background-color: #0f9ddb;
  margin-bottom: 18px;
  height: 125px;
}
.uzor--bg {
  position: relative;
}
.uzor--bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.uzor--bg:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.container {
  width: 1140px;
  margin: 0 auto;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.logo {
  background-color: #f0f1f3;
  display: block;
  width: 228px;
  padding: 26px 30px;
  position: relative;
  z-index: 2;
  float: left;
  height: 125px;
  transition: none;
}
.logo__img {
  width: 169px;
  height: 64px;
  background-image: url(../img/logo.png?v=1.01);
}
.header-left {
  float: left;
  width: 912px;
  padding: 38px 0;
  display: flex;
  color: #fff;
  justify-content: space-between;
}
.namz-header {
  margin-left: 34px;
}
.namz-header:after {
  content: "";
  clear: both;
  display: block;
}
.namaz-time {
  text-align: center;
  margin-right: 20px;
  width: 66px;
  float: left;
}
.namaz-time--active {
  color: #ffe850;
}
.namaz-time__heading {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
.namaz-time__time {
  font-size: 24px;
  display: block;
  text-shadow: 1px 8px 7px rgba(0, 0, 0, 0.31);
}
.header-volume {
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin-top: 8px;
  margin-right: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-volume svg {
  width: 15px;
  height: 15px;
}
.header-volume svg path {
  fill: #fff;
}
.header-volume:hover {
  background-color: #1692c7;
}
.header-volume--active {
  background-color: #fff;
}
.header-volume--active:hover {
  background-color: #f3f3f3;
}
.header-volume--active svg path {
  fill: #1692c7;
}
.header-bot__inner {
  display: flex;
}
.city-select {
  margin-top: 14px;
  position: relative;
  margin-right: 25px;
  max-width: 120px;
}
.city-select__heading {
  text-align: right;
  position: relative;
  padding-right: 18px;
  display: block;
}
.city-select__heading:hover {
  text-decoration: underline;
  cursor: pointer;
}
.city-select__heading:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.city-select--active .city-part {
  height: 220px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.city-part {
  background-color: #fff;
  position: absolute;
  top: 40px;
  left: -40px;
  width: 200px;
  height: 0px;
  overflow-y: auto;
  border-radius: 2px;
  z-index: 3;
}
.city-ul {
  padding: 14px;
}
.city-ul li {
  margin-bottom: 8px;
  color: #303030;
  font-weight: bold;
}
.city-ul li a {
  padding-left: 5px;
  color: #909090;
  font-weight: normal;
}
.city-ul li a:hover {
  color: #0f9ddb;
  text-decoration: underline;
}
.vhod {
  display: block;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 5px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  padding: 0 14px;
  font-size: 13px;
}
.vhod:hover {
  background-color: #fff;
  color: #0f9ddb;
}
.cab-header {
  position: relative;
  padding-left: 30px;
  width: 178px;
}
.cab-header:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -2px;
  width: 20px;
  height: 20px;
  background-image: url(../img/avatar.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}
.cab-header a {
    display: flex;
    font-size: 12px;
    justify-content: center;
    flex-direction: column;
}
.cab-header__username {
  margin-bottom: 6px;
  color: #fff;
  height: 30px;
  line-height: 14px;
  overflow: hidden;
}
.cab-header__username:hover {
  text-decoration: underline;
}
.cab-header__cancel {
  color: #8adbff;
  text-decoration: underline;
}
.mob-lang {
  display: none;
  overflow: hidden;
}
.mob-lang li {
  float: left;
  margin-left: 10px;
}
.mob-lang li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.mob-lang li a:hover {
  text-decoration: underline;
}
.mob-lang li.active a {
  text-decoration: underline;
  color: #51caff;
}
.main-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.search {
  width: 228px;
  position:relative;
}
.search__btn{
  position: absolute;
  top: 9px;
  right: 9px;
  height: 20px;
  width: 20px;
  opacity: 0;
}
.search-input {
  border: 1px solid #0991cd;
  border-radius: 2px;
  height: 38px;
  padding: 0 10px;
  width: 228px;
  background-image: url(../img/search-poisk.svg);
  background-position: right 10px center;
  background-size: 16px;
  background-repeat: no-repeat;
}
.box {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.navigation {
  background-color: #fff;
  height: 38px;
  width: 644px;
}
.lang {
  width: 228px;
  background-color: #fff;
  height: 38px;
  text-align: center;
}
.lang__item {
  color: #303030;
  text-transform: uppercase;
  margin: 0 5px;
  line-height: 38px;
  font-size: 12px;
}
.lang__item:hover {
  color: #0991cd;
}
.lang__item--active {
  text-decoration: underline;
  color: #0991cd;
}
.menu {
  padding: 0 10px;
}
.menu:after {
  content: "";
  clear: all;
  display: block;
}
.menu li {
  float: left;
}
.menu li.active a {
  color: #0f9ddb;
}
.menu li a,
.menu li span {
  display: block;
  padding: 0 12px;
  height: 38px;
  line-height: 38px;
  color: #303030;
  cursor: pointer;
}
.menu li a:hover,
.menu li span:hover {
  color: #0991cd;
}
.menu li.li-ramazan a {
  color: #229e05;
}
.menu li.under {
  position: relative;
  padding-right: 6px;
}
.menu li.under:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #303030 transparent transparent transparent;
}
.menu li.under--active .under-menu {
  height: auto;
  overflow: visible;
}
.under-menu {
  position: absolute;
  z-index: 3;
  top: 43px;
  left: -20px;
  width: 130px;
  height: 0;
  overflow: hidden;
}
.under-ul {
  background-color: #fff;
  padding: 18px;
  border-radius: 3px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.under-ul li {
  float: none;
  margin-bottom: 13px;
}
.under-ul li:last-child {
  margin-bottom: 0;
}
.under-ul li a {
  height: 14px;
  line-height: 14px;
  padding: 0;
}
.main-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main-page__left {
  width: 892px;
  justify-content: space-between;
  display: flex;
}
.main {
  flex: 1 0 0;
}
.sidebar {
  width: 228px;
}
.center-part {
  width: 644px;
  margin-left: 18px;
}
.left-nav {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 18px;
}
.left-menu li {
  display: block;
  margin-bottom: 16px;
}
.left-menu li:last-child {
  margin-bottom: 0;
}
.nav-item {
  padding-left: 35px;
  position: relative;
  color: #303030;
  line-height: 25px;
  display: block;
}
.nav-item:hover {
  color: #0991cd;
}
.nav-item .menu-ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 24px;
  background-repeat: no-repeat;
}
.nav-item--active {
  color: #0991cd;
}
.nav-item--active .menu-ico {
  background-position: top 0 left -24px;
}
.open-islam {
  background-color: #0991cd;
  position: relative;
  padding: 25px;
  height: 80px;
  display: flex;
  margin-bottom: 18px;
}
.open-islam:hover {
  background-color: #0c86bb;
}
.open-islam:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  height: 80px;
  width: 40px;
  background-image: url(../img/uzor-left.png);
}
.open-islam:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  height: 80px;
  width: 40px;
  background-image: url(../img/uzor-left.png);
}
.open-islam__heading {
  color: #fff;
  margin: auto;
  padding-left: 46px;
  position: relative;
  line-height: 34px;
  font-size: 12px;
  text-decoration: underline;
}
.open-islam__heading:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 34px;
  background-image: url(../img/open-islam.png);
}
.audio-part {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 18px;
}
.audio-top {
  margin-bottom: 16px;
}
.audio-top__heading {
  display: block;
  float: left;
  color: #0991cd;
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  height: 21px;
  line-height: 21px;
}
.audio-top__heading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(../img/audio-ico.png);
}
.audio-top__heading--video:before {
  background-image: url(../img/video-ico.png);
}
.audio-top__link {
  float: right;
  color: #303030;
  font-size: 13px;
  text-decoration: underline;
  height: 21px;
  line-height: 21px;
}
.audio-top__link:hover {
  color: #0991cd;
}
.sidebar-list li {
  margin-bottom: 15px;
}
.sidebar-list li:last-child {
  margin-bottom: 0;
}
.article-mini__img {
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
}
.article-mini__img img {
  display: block;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.article-mini__img:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.article-mini__img--video {
  position: relative;
}
.article-mini__img--video:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.article-mini__heading {
  color: #303030;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-weight: bold;
  line-height: 18px;
}
.article-mini__heading:hover {
  color: #0f9ddb;
}
.player-img {
  position: relative;
}
.player-img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.06);
  bottom: 0;
  top: 0;
}
.player-img__pl {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -21px;
  margin-left: -21px;
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 1;
}
.player-img__pl:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  position: absolute;
  left: 15px;
  top: 13px;
  border-color: transparent transparent transparent #fff;
}
.article-bot {
  display: flex;
  justify-content: space-between;
  color: #909090;
}
.article-bot__date {
  font-size: 12px;
  margin-right: 12px;
}
.article-bot__date--mob {
  display: none;
}
.article-bot__view {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
}
.article-bot__view:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -2px;
  width: 10px;
  height: 10px;
  background-image: url(../img/search.svg);
  background-size: 10px;
}
.article-bot__comments {
  margin-left: 12px;
  position: relative;
  padding-left: 15px;
}
.article-bot__comments:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/comments.svg);
  background-size: 10px;
}
.d-tour {
  background-color: #ccc;
  height: 197px;
  background-image: url(../img/tour.png);
  background-size: cover;
  padding: 22px;
  margin-bottom: 18px;
  display: block;
}
.d-tour__heading {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  width: 120px;
  position: relative;
  font-weight: bold;
  text-decoration: underline;
}
.d-tour__heading span {
  content: "";
  position: absolute;
  right: -46px;
  top: 0;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.d-tour__heading span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  position: absolute;
  left: 13px;
  top: 10px;
  border-color: transparent transparent transparent #fff;
}
.banner {
  margin-bottom: 18px;
}
.banner img {
  width: 100%;
  display: block;
}
.top-banner{
  display: block;
  background-size: cover;
  background-position: center;
  height: 83px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
.top-news {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.top-news__big {
  background-color: #fff;
  margin-right: 18px;
  width: 374px;
}
.top-news__spisok {
  background-color: #fff;
  width: 252px;
  padding: 20px;
}
.news-list {
  list-style: none;
}
.news-list li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.news-list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.news-mini__heading {
  color: #303030;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  margin-top: -2px;
  height: 40px;
  overflow: hidden;
}
.news-mini__heading:hover {
  color: #0991cd;
}
.news-mini__date {
  font-size: 12px;
  color: #909090;
}
.big-news {
  background-color: #fff;
}
.big-news__img {
  height: 279px;
  display: block;
  width: 100%;
  overflow: hidden;
}
.big-news__img img {
  width: 100%;
  transition: transform 0.5s ease-in-out, opacity 0.45s ease-in-out;
  height: 100%;
  object-fit: cover;
}
.big-news__img:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.bign-info {
  padding: 20px;
}
.bign-info__heading {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  color: #303030;
}
.bign-info__heading:hover {
  color: #0991cd;
}
.big-bot {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 15px;
  color: #909090;
  font-size: 12px;
  overflow: hidden;
}
.big-bot__text {
  float: left;
  margin-right: 15px;
}
.big-bot__text--mob {
  display: none;
}
.big-bot__view {
  float: left;
  margin-right: 12px;
  position: relative;
  padding-left: 15px;
}
.big-bot__view:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/search.svg);
  background-size: 10px;
}
.big-bot__comments {
  float: left;
  position: relative;
  padding-left: 15px;
}
.big-bot__comments:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/comments.svg);
  background-size: 10px;
}
.anons-wrap {
  height: 230px;
  overflow: hidden;
  margin-bottom: 18px;
}
.anons-slider .slick-prev,
.anons-slider .slick-next {
  top: 22px;
  z-index: 2;
  background-color: transparent;
  width: 16px;
  height: 16px;
}
.anons-slider .slick-next {
  right: 6px;
  background-image: url(../img/right-arrow.svg);
  background-size: 16px;
  background-repeat: no-repeat;
}
.anons-slider .slick-prev {
  left: initial;
  right: 24px;
  background-image: url(../img/left-arrow.svg);
  background-size: 16px;
  background-repeat: no-repeat;
}
.anons-day {
  display: block;
  height: 236px;
  position: relative;
  background-position: center;
  overflow: hidden;
}
.anons-day img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  transition: all 0.5s ease-in-out;
}
.anons-day:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.anons-day:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(185, 183, 183, 0.02), rgba(0, 0, 0, 0.58));
  height: 142px;
  left: 0;
  right: 0;
}
.anons-day__top {
  position: absolute;
  top: 18px;
  left: 18px;
  height: 26px;
  line-height: 26px;
  width: 100px;
  border: 1px solid #959595;
  color: #565656;
  text-align: center;
  border-radius: 2px;
  z-index: 2;
}
.anons-day__bot {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  color: #fff;
  z-index: 1;
}
.anons-day__heading {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1px;
}
.anons-day__text {
  display: block;
  color: #fff;
  font-size: 13px;
}
.anons-day__name {
  display: block;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}
.calendar {
  background-color: #0991cd;
  color: #fff;
  padding: 18px;
  margin-bottom: 18px;
}
.calendar-row {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}
.calendar-row:nth-child(2) {
  margin-bottom: 0;
}
.calendar-row--luna:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  width: 14px;
  height: 17px;
  background-image: url(../img/luna.png);
  background-repeat: no-repeat;
}
.calendar-row__heading {
  display: block;
  margin-bottom: 5px;
  position: relative;
  top: 1px;
}
.calendar-row p {
  color: #fff;
}
.calendar-row--calendar:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  width: 15px;
  height: 17px;
  background-image: url(../img/calendar-icon.svg);
  background-repeat: no-repeat;
  background-size: 15px;
}
.calendar-date {
  margin-top: 2px;
  overflow: hidden;
}
.calendar-date span,
.calendar-date a {
  float: left;
  color: #fff;
  text-decoration: underline;
  margin-right: 12px;
}
.question-part {
  background-color: #fff;
  padding: 18px;
  margin-bottom: 18px;
}
.q-top {
  display: block;
  margin-bottom: 14px;
}
.q-top__heading {
  float: left;
  position: relative;
  color: #0991cd;
  padding-left: 30px;
  line-height: 22px;
  font-weight: bold;
  text-decoration: underline;
}
.q-top__heading:before {
  content: "?";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #0991cd;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  font-size: 18px;
}
.q-top__ask {
  float: right;
  position: relative;
  padding-left: 20px;
  text-decoration: underline;
  color: #303030;
  padding-left: 16px;
  line-height: 20px;
}
.q-top__ask:hover {
  color: #0991cd;
}
.q-top__ask:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 18px;
  height: 18px;
  background-image: url(../img/ask-ico.png);
  background-repeat: no-repeat;
}
.facebook-w{
  width:100%;
  overflow:hidden;
}
.n-list {
  overflow: hidden;
  margin-right: -20px;
}
.n-list li {
  float: left;
  width: 33.3%;
}
.news-article {
  margin-right: 20px;
}
.news-article__img {
  margin-bottom: 8px;
  display: block;
  overflow: hidden;
  height: 140px;
  background-position: center;
  background-size: cover;
}
.news-article__img img {
  width: 100%;
  display: block;
  transition: all 0.5s ease-in-out;
}
.news-article__img:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.news-article__heading {
  color: #303030;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-weight: bold;
  line-height: 18px;
}
.news-article__heading:hover {
  color: #0991cd;
}
.hadis-day {
  background-color: #817399;
  padding: 24px 22px;
  margin-bottom: 18px;
  background-image: url(../img/bg_hadis.jpg);
  background-size: cover;
}
.hadis-main {
  float: left;
  display: block;
  position: relative;
  margin-right: 22px;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 2px 2px 16px 0px rgba(27, 23, 23, 0.49019608);
  background-image: url(../img/hadis-day.png);
  background-size: cover;
  background-position: center;
  height: 211px;
  width: 282px;
  opacity: 0.95;
  transition: all 0.2s ease-in;
}
.hadis-main:before {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(185, 183, 183, 0.02), rgba(0, 0, 0, 0.58));
  height: 92px;
  left: 0;
  right: 0;
}
.hadis-main img {
  display: block;
}
.hadis-main__heading {
  position: absolute;
  bottom: 12px;
  left: 16px;
  right: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
}
.hadis-main__player {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 2;
}
.hadis-main__player:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  position: absolute;
  left: 13px;
  top: 10px;
  border-color: transparent transparent transparent #fff;
}
.hadis-main:hover {
  opacity: 1;
}
.hadis-right {
  margin-left: 304px;
  height: 211px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hadis-right__top {
  overflow: hidden;
  margin-bottom: 10px;
}
.hadis-right__heading {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  float: left;
}
.hadis-right__day {
  float: right;
  border: 1px solid #fff;
  color: #fff;
  height: 23px;
  line-height: 21px;
  width: 90px;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  opacity: 0.6;
}
.hadis-right__link {
  display: block;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  width: 130px;
  text-align: center;
  height: 36px;
  line-height: 35px;
  font-size: 12px;
  margin-bottom: 16px;
}
.hadis-right__link:hover {
  background-color: #fff;
  color: #303030;
}
.hadis-line {
  display: block;
  overflow: hidden;
  margin-right: -20px;
}
.hadis-line__item {
  float: left;
  margin-right: 20px;
  width: 138px;
  height: 103px;
  background-color: #bdbdbd;
  background-image: url(../img/hadis-mini.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: 2px 2px 16px 0px rgba(27, 23, 23, 0.49019608);
  opacity: 0.8;
  position: relative;
}
.hadis-line__item .player {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 2;
  opacity: 0;
}
.hadis-line__item .player:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  position: absolute;
  left: 8px;
  top: 6px;
  border-color: transparent transparent transparent #fff;
}
.hadis-line__item:hover {
  opacity: 1;
}
.hadis-line__item:hover .player {
  opacity: 1;
}
.st-rows li {
  margin-bottom: 18px;
}
.st-mini {
  background-color: #fff;
  overflow: hidden;
}
.st-mini__img {
  display: block;
  float: left;
  width: 280px;
  height: 209px;
  overflow: hidden;
}
.st-mini__img img {
  min-height: 100%;
  width: 100%;
  display: block;
  transition: all 0.2s ease-in;
  object-fit: cover;
}
.st-mini__img:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.st-mini__text {
  margin-left: 280px;
  height: 202px;
}
.st-info {
  padding: 20px;
}
.st-info__name {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  border-radius: 2px;
  height: 24px;
  line-height: 22px;
  margin-bottom: 11px;
  color: #303030;
}
.st-info__name a {
  color: #303030;
}
.st-info__heading {
  display: block;
  color: #303030;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
}
.st-info__heading:hover {
  color: #0991cd;
}
.st-info p {
  height: 45px;
  overflow: hidden;
}
.st-info .big-bot {
  margin-top: 14px;
  padding-top: 14px;
}
.big-link {
  background-color: #0991cd;
  color: #fff;
  text-align: center;
  display: block;
  height: 37px;
  line-height: 37px;
  color: #f3f3f3;
}
.big-link:hover {
  background-color: #0f8bc1;
}
.banner-center {
  width: 100%;
  margin-top: 18px;
      margin-bottom: 18px;
}
.main-top-banner{
	margin-top:0;
	margin-bottom:18px;
}
.paginator:after{
  content:"";
  clear:both;
  display:block;
}
.paginator {
    display: flex;
    justify-content: center;
}
.paginator span{
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  display: block;
  float: left;
  margin-right: 10px;
}
.paginator a{
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  height: 28px;
  line-height: 28px;
  width:36px;
  text-align:center;
  display: block;
  float: left;
  margin-right: 10px;
  color: #0991cd;
}
.paginator a:hover{
  background-color: rgba(243, 243, 243, 0.26);
}
.banner-center img{
  width:100%;
  display:block;
}
.bas-mufti {
  display: block;
  height: 230px;
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
}
.bas-mufti img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  transition: all 0.5s ease-in-out;
}
.bas-mufti:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.bas-mufti:before {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(185, 183, 183, 0.02), rgba(0, 0, 0, 0.58));
  height: 142px;
  left: 0;
  right: 0;
  z-index: 1;
}
.bas-mufti__bot {
  position: absolute;
  bottom: 18px;
  left: 20px;
  color: #fff;
  z-index: 2;
}
.bas-mufti__text {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  text-decoration: underline;
}
.bas-mufti__name {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.social {
  color: #fff;
  padding: 10px 10px 5px 20px;
  margin-bottom: 18px;
  background: #4c5f88;
  background: -moz-linear-gradient(left, #4c5f88 0%, #807496 50%, #857698 82%, #797194 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #4c5f88), color-stop(50%, #807496), color-stop(82%, #857698), color-stop(100%, #797194));
  background: -webkit-linear-gradient(left, #4c5f88 0%, #807496 50%, #857698 82%, #797194 100%);
  background: -o-linear-gradient(left, #4c5f88 0%, #807496 50%, #857698 82%, #797194 100%);
  background: -ms-linear-gradient(left, #4c5f88 0%, #807496 50%, #857698 82%, #797194 100%);
  background: linear-gradient(to right, #4c5f88 0%, #807496 50%, #857698 82%, #797194 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5f88', endColorstr='#797194', GradientType=1);
  /* IE6-9 */
}
.social__heading {
  display: block;
  margin-bottom: 12px;
  text-align: center;
}
.social-ul {
  display: block;
  overflow: hidden;
  padding-left: 22px;
}
.social-ul li {
    margin-right: 22px;
    margin-bottom: 10px;
    float: left;
}
.social-ul li:last-child {
  margin-right: 0;
}
.social-ul li a {
  display: block;
  border: 2px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.social-ul li a:hover {
  border: 2px solid #ffe850;
}
.social-ul li a svg path {
  -webkit-transition: fill .2s;
  -o-transition: fill .2s;
  transition: fill .2s;
}
.social-ul li a:hover svg path {
  fill: #ffe850;
}
.facebook svg {
  margin-left: 5px;
  margin-top: 5px;
  width: 17px;
  height: 17px;
}
.instagram svg {
  margin-left: 7px;
  margin-top: 6px;
  width: 16px;
  height: 16px;
}
.vk svg {
  margin-left: 5px;
  margin-top: 6px;
  width: 17px;
  height: 17px;
}
.twitter svg {
  margin-left: 5px;
  margin-top: 6px;
  width: 17px;
  height: 17px;
}
.youtube svg {
  margin-left: 6px;
  margin-top: 6px;
  width: 17px;
  height: 17px;
}
.mob-menu {
  position: fixed;
  left: -210px;
  top: 0;
  width: 210px;
  background-color: #0f9ddb;
  bottom: 0;
  z-index: 2;
  display: none;
  overflow: hidden;
  transition: left 0.5s ease-in;
}
.mob-menu__inner {
  overflow: auto;
  height: 100%;
}
.mob-close {
  position: absolute;
  left: 210px;
  top: 0;
  bottom: 0;
  width: 900px;
  background-color: rgba(0, 0, 0, 0.25);
}
.mob-ul {
  margin-top: 20px;
}
.mob-ul li {
  border-bottom: 1px solid rgba(22, 83, 110, 0.36);
}
.mob-ul li a {
  display: block;
  font-weight: bold;
  padding: 12px 20px;
  color: #fff;
}
.mob-ul li a:hover {
  background-color: #0d8dc5;
  color: #fff;
}
.mob-ul li.active a {
  background-color: #0d8dc5;
  color: #fff;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #0991cd;
  color: white;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  font-size: 18px;
  border: 2px solid #f0f1f3;
  background-image: url(../img/up-arrow.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
#myBtn:hover {
  background-color: #0884bb;
}
/*end main page*/
/*begin library*/
.right-part {
  width: 890px;
  background-color: #fff;
  padding: 20px;
}
.right-part .iman-ul{
  margin-bottom:25px;
}
.right-part .gallery-section:last-child {
  margin-bottom: 0;
}
.heading {
  display: block;
  color: #0991cd;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 22px;
}
.tags {
  display: block;
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.tags__heading {
  float: left;
  display: block;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 4px;
}
.tags a {
  display: block;
  float: left;
  text-decoration: underline;
  color: #505050;
  margin-right: 8px;
  margin-bottom: 6px;
}
.tags a:hover {
  color: #0f9ddb;
}
.library-ul {
  font-size: 0;
  margin-right: -40px;
  margin-bottom: -15px;
}
.library-ul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin-bottom: 20px;
}
.library-mini {
  width: 135px;
  margin-right: 40px;
}
.library-mini__img {
  display: block;
  margin-bottom: 12px;
}
.library-mini__img:hover {
  opacity: 0.9;
}
.library-mini__heading {
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 34px;
  overflow: hidden;
}
.library-mini__bot {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #d7d7d7;
  font-size: 12px;
}
.library-mini__view {
  position: relative;
  padding-left: 15px;
  color: #909090;
}
.library-mini__view:before {
  content: "";
  position: absolute;
  top: 1px;
  left: -2px;
  width: 10px;
  height: 10px;
  background-image: url(../img/search.svg);
  background-size: 10px;
}
.library-mini__comments {
  float: right;
  position: relative;
  padding-left: 14px;
  color: #909090;
}
.library-mini__comments:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/comments.svg);
  background-size: 10px;
}
.breadcrumbs {
  overflow: hidden;
  margin-bottom: 22px;
}
.breadcrumbs li {
  float: left;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-size: 12px;
}
.breadcrumbs li a {
  color: #0071bd;
  text-decoration: underline;
  display: inline-block;
  font-size: 12px;
}
.breadcrumbs li:after {
  content: ">";
  padding: 0 10px;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.library-part {
  overflow: hidden;
  margin-bottom: 25px;
}
.library-part__img {
  float: left;
  width: 283px;
  display: block;
}
.library-part__img img {
  display: block;
  width: 100%;
}
.library-part__info {
  margin-left: 305px;
}
.library-part__info .tags {
  margin-bottom: 0;
}
.library-part__heading {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 4px;
}
.library-part__text p {
  margin-bottom: 14px;
}
.library-top {
  border-top: 1px solid #ccc;
  padding-top: 12px;
  font-size: 12px;
  color: #909090;
  overflow: hidden;
  margin-bottom: 12px;
}
.library-top__date {
  float: left;
  margin-right: 18px;
  display: block;
}
.library-top__view {
  float: left;
  position: relative;
  color: #909090;
  padding-left: 15px;
  margin-right: 18px;
}
.library-top__view:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/search.svg);
  background-size: 10px;
}
.library-top__calendar {
  float: left;
  position: relative;
  color: #909090;
  display: block;
  padding-left: 15px;
}
.library-top__calendar:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-image: url(../img/comments.svg);
  background-size: 10px;
}
.btn-part {
  display: block;
  overflow: hidden;
}
.btn-part .btn-item:last-child {
  margin-right: 0;
}
.btn-item {
  margin-right: 16px;
  float: left;
  display: block;
  border: 1px solid #ccc;
  padding: 4px 14px 4px 30px;
  border-radius: 2px;
  color: #909090;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 14px;
}
.btn-item path {
  fill: #909090;
  transition: fill 0.2s ease-in;
}
.btn-item:hover {
  background-color: #0991cd;
  color: #fff;
  border: 1px solid #0991cd;
}
.btn-item:hover path {
  fill: #fff;
}
.btn-item--active {
  background-color: #0991cd;
  color: #fff;
  border: 1px solid #0991cd;
}
.btn-item--active path {
  fill: #fff;
}
.btn-item svg {
  position: absolute;
  left: 6px;
  top: 5px;
  width: 12px;
  height: 12px;
}
.commentary-part {
  margin-bottom: 25px;
}
.commentary-top {
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #909090;
}
.commentary-top__left {
  display: block;
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding-bottom: 8px;
}
.commentary-top__vhod {
  float: right;
  color: #303030;
  display: block;
  padding-top: 2px;
}
.commentary-top__vhod:hover {
  text-decoration: underline;
}
.comment-ul {
  margin-bottom: 20px;
}
.comment-item {
  margin-bottom: 12px;
}
.fixed-phone {
    width: 40px;
    position: fixed;
    right: 30px;
    bottom: 80px;
    background: #0884bb;
    height: 40px;
    border-radius: 50%;
    display: block;
    z-index: 2;
}
.modal-fix-icon{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y4MjQyMjNBQzdDMTFFNDgxOEZEOEM2QzZDREZGQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y4MjQyMjRBQzdDMTFFNDgxOEZEOEM2QzZDREZGQUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjgyNDIyMUFDN0MxMUU0ODE4RkQ4QzZDNkNERkZBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjgyNDIyMkFDN0MxMUU0ODE4RkQ4QzZDNkNERkZBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn4Qzg4AAAJ6SURBVHjatJbNixJhHMd31ibXhd5foDe2ThvVWbaCpfW0kEF0ki5LCd3DiEIW+gds2YskleFlcVkU3BCiQ9hhpj0kaVItpmJampozpI2pjTt9H1hok9HR9fEHXx5lnp8fn+f3NszIP9sJHYEOQ3ooAX0fGYIZoPNGo/F6IBBwptNpXhCED7Va7dowYOfMZvONfD7/Xtli9XqdfN9FE7QPmo1EIs8VFatUKjepnsput99pNpu/1GA43RcsR2nBpnGqVaWLiaK4SAtmQjIkusFkWRawTA8KGoX+sCw73m2TTqcjcb1IAyY0Gg1JY98L6DENWDGbzX7s8HwDegLNMQzzgwZMDIfDrxCTDZXnLugWQEUayUFgst/vf10qlT61PVNarRYHkEK7g+wJhUJP27NQkiQOyxgtyOjm+hO19hIpXv+vYRoMU6ixuWH0x7F4PB5U6SClcrl8hubJiNW9Xu8DXF1h6wa9Xn8QcXuUy+XGqR+P5/l5tS6SyWSWXS4Xq+F+CNrdD29HMplcUQOmUqkVq9W6v4PfJHTZ6XTex5+6is9sTzSPx3MApbCmBsTMe+N2uy+0hWACusJx3BLKRcbQFVC7z2w222nS7TSBcJxAg36nBqxWq9+CweA9k8l0DFuPk3lIJnz7Pvh/9vl8dy0Wy0lNYDQaPYXUj3aaBojjmsPhsCOxFjrNQ2KFQuEtlllNYCwWO4F/yHcZP7/J1SnalugphjjdXsTQqwxm6z2nKDbrAL2N6ypuE+bpuw7hNInCX8XVSX2ARGhq28UP5xm0socYvOsaINLMZ4gPM2jHwQ+R9L8EkRfas5svvGQ2foWWoGW0O4Hs/SvAAEy8TAMeAGOoAAAAAElFTkSuQmCC) ;
width: 100%;
height: 100%;
background-repeat: no-repeat;
display: block;
background-position: center;
z-index: 2;
background-size: 50%;
}
.modal-fix-animate{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
   border-radius: 100% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  animation: cbpwr-wave 1.5s linear infinite;
  -webkit-animation: cbpwr-wave 1.5s linear infinite;
  -moz-animation: cbpwr-wave 1.5s linear infinite;
  -o-animation: cbpwr-wave 1.5s linear infinite;
  -ms-animation: cbpwr-wave 1.5s linear infinite;
  -webkit-transform-origin: center center !important;
  -ms-transform-origin: center center !important;
  -o-transform-origin: center center !important;
  transform-origin: center center !important;
  background: #0884bb;
}
.fixed-whatsap {
    width: 40px;
    position: fixed;
    right: 30px;
    bottom: 150px;
    background: #4bc450;
    height: 40px;
    border-radius: 50%;
    display: block;
    z-index: 2;
}
.fixed-whatsap-icon{
background-image:url(../img/whatsapp.svg);
width: 100%;
height: 100%;
background-repeat: no-repeat;
display: block;
background-position: center;
z-index: 2;
background-size: 50%;
}
.fixed-whatsap-animate{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
   border-radius: 100% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  animation: cbpwr-wave 1.5s linear infinite;
  -webkit-animation: cbpwr-wave 1.5s linear infinite;
  -moz-animation: cbpwr-wave 1.5s linear infinite;
  -o-animation: cbpwr-wave 1.5s linear infinite;
  -ms-animation: cbpwr-wave 1.5s linear infinite;
  -webkit-transform-origin: center center !important;
  -ms-transform-origin: center center !important;
  -o-transform-origin: center center !important;
  transform-origin: center center !important;
  background: #4bc450;
}
@-webkit-keyframes cbpwr-wave {
    from {
        opacity: .8
    }
    to {
        -webkit-transform: scale(2);
        opacity: 0
    }
}
.comment-item--answered {
  margin-left: 45px;
  display: block;
}
.comment-item__heading {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.comment-item__text p {
  margin-bottom: 6px;
  font-size: 13px;
}
.comment-item__link {
  color: #0f9ddb;
  font-size: 13px;
}
.comment-item__link:hover {
  text-decoration: underline;
}
.comment-item__textarea {
  margin-top: 12px;
  width: 100%;
  display: block;
  resize: none;
  height: 60px;
  padding: 8px;
  margin-bottom: 12px;
}
.comment-item__submite {
  display: inline-block;
  background-color: #daa700;
  color: #fff;
  border-radius: 4px;
  padding: 7px 30px;
  border: none;
  cursor: pointer;
  font-size: 12px;
}
.comment-leave {
  margin-bottom: 20px;
}
.comment-leave__textarea {
  resize: none;
  border-radius: 4px;
  width: 100%;
  height: 52px;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #909090;
  outline: none;
}
.comment-leave__bot {
  overflow: hidden;
}
.comment-leave__bot button {
  float: right;
  background-color: #0991cd;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 6px 20px;
  cursor: pointer;
}
.comment-leave__bot button:hover {
  background-color: #0878a9;
}
.ntop {
  margin-bottom: 12px;
}
.l-similar {
  display: block;
}
.l-similar__heading {
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 8px;
  font-size: 16px;
  border-bottom: 1px solid #909090;
}
.answer-area {
  overflow: hidden;
  height: 0;
}
.answer-area--active {
  height: auto;
}
/*end library*/
/*begin news-second*/
.news-filter {
  background-color: #fff;
  padding: 0 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.news-filter__item {
  display: block;
  float: left;
  margin-right: 14px;
  text-decoration: underline;
  color: #909090;
  height: 38px;
  line-height: 38px;
  padding: 0 8px;
}
.news-filter__item--active {
  color: #0991cd;
  text-decoration: none;
}
.news-filter__item:hover {
  color: #0991cd;
}
.top-category {
  padding: 10px 10px 8px 10px;
}
.top-category:after {
  content: "";
  clear: both;
  display: block;
}
.top-category__heading {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 2px;
}
.top-category__link {
  float: left;
  margin-right: 10px;
  margin-bottom: 2px;
  color: #303030;
  font-size: 13px;
}
.top-category__link--active {
  color: #0991cd;
}
.top-category__link:hover {
  color: #0991cd;
}
.news-part {
  background-color: #fff;
  padding: 18px;
}
.news-part__heading {
  display: block;
  font-size: 16px;
  margin-bottom: 12px;
}
.news-part__img {
  display: block;
  margin-bottom: 12px;
  border-radius: 2px;
  overflow: hidden;
}
.news-part__img img {
  display: block;
  width: 100%;
}
.news-part__text {
  display: block;
}
.news-part__text p {
  margin-bottom: 12px;
}
.news-part__text q {
  display: block;
  margin: 15px auto;
  width: 300px;
  border-top: 2px solid #0991cd;
  border-bottom: 2px solid #0991cd;
  padding: 20px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.ntop {
  border-top: 1px solid #ccc;
  padding-top: 12px;
  overflow: hidden;
  font-size: 12px;
}
.ntop__date {
  color: #909090;
  float: left;
  display: block;
  margin-right: 20px;
  line-height: 24px;
}
.ntop__view {
  float: left;
  position: relative;
  padding-left: 15px;
  color: #909090;
  margin-right: 20px;
  height: 24px;
  line-height: 24px;
}
.ntop__view:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -2px;
  width: 10px;
  height: 10px;
  background-image: url(../img/search.svg);
  background-size: 10px;
}
.ntop__comments {
  position: relative;
  display: block;
  padding-left: 15px;
  color: #909090;
  float: left;
  height: 24px;
  line-height: 24px;
  margin-right: 20px;
}
.ntop__comments:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -2px;
  width: 10px;
  height: 10px;
  background-image: url(../img/comments.svg);
  background-size: 10px;
}
/*end news-second*/
/*begin video part*/
.category {
  display: block;
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.category__heading {
  float: left;
  display: block;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 4px;
}
.category a {
  display: block;
  float: left;
  text-decoration: underline;
  color: #505050;
  margin-right: 8px;
  margin-bottom: 6px;
}
.category a:hover {
  color: #0f9ddb;
}
.video-anons {
  background-color: #303030;
  padding: 22px;
  margin-bottom: 20px;
}
.video-anons__item {
  height: 400px;
  margin-bottom: 20px;
}
.video-anons__heading {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding-bottom: 12px;
  margin-bottom: 13px;
}
.video-ul {
  font-size: 0;
  margin-right: -34px;
  margin-bottom: 16px;
}
.video-ul li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.video-item {
  margin-right: 34px;
  margin-bottom: 25px;
}
.video-item__img {
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
  height: 140px;
  background-size: cover;
  background-position: center;
  transition: opacity 0.3s ease-in-out;
}
.video-item__img:hover{
  opacity: 0.9;
}
.video-item__img img {
  display: block;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.video-item__img:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}
.video-item__heading {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  color: #303030;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 62px;
  overflow: hidden;
}
.video-item__heading:hover {
  color: #0991cd;
}
.vanons-bot {
  color: #fff;
}
.vanons-bot:after {
  content: "";
  clear: both;
  display: block;
}
.vanons-bot__item {
  float: left;
  margin-right: 20px;
  color: #909090;
  font-size: 12px;
  position: relative;
  display: block;
}
.vanons-bot__item--view {
  padding-left: 16px;
}
.vanons-bot__item--view:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -1px;
  width: 11px;
  height: 11px;
  background-image: url(../img/view-video.svg);
  background-size: 11px;
}
.vanons-bot__item--comments {
  padding-left: 18px;
}
.vanons-bot__item--comments:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url(../img/comments-v.svg);
  background-size: 12px;
}
.section-top {
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #909090;
}
.section-top__heading {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 8px;
}
/*end video part*/
/*begin vhod*/
.vhod-area {
  margin: 70px 0 40px 0;
}
.vhod-part {
  background-color: #fff;
  width: 390px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.19);
}
.vhod-p__up {
  margin-bottom: 26px;
  font-weight: bold;
  font-size: 26px;
  margin-top: -4px;
  text-align: center;
}
.vhod-p__up a,
.vhod-p__up span {
  color: #d2d2d2;
}
.vhod-p__up .active {
  color: #0991cd;
}
.vhod-p__row {
  margin-bottom: 23px;
}
.vhod-p__row input {
  border: 1px solid #cccccc;
  width: 100%;
  border-radius: 2px;
  height: 37px;
  padding: 0 16px;
}
.vhod-p__ili {
  display: block;
  text-align: center;
  font-size: 13px;
  margin: 18px 0;
  color: #909090;
}
.vhod-bot {
  margin-top: -2px;
  margin-bottom: 24px;
}
.vhod-bot:after {
  content: "";
  clear: both;
  display: block;
}
.vhod-bot__left {
  float: left;
}
.vhod-bot__forget {
  float: right;
  font-size: 12px;
  color: #0991cd;
  text-decoration: underline;
}
.btn {
  background-color: #0991cd;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 11px 20px;
  display: inline-block;
}
.btn:hover {
  background-color: #078ac3;
  cursor: pointer;
}
.btn--vhod {
  margin: 0 auto;
  display: block;
  width: 220px;
}
.vhod-checkbox {
  position: relative;
  color: #606060;
}
.vhod-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
.vhod-checkbox input:checked + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-position: center;
  background-image: url(../img/tick.svg);
  background-size: 12px;
  background-repeat: no-repeat;
}
.vhod-checkbox input:checked + label:before {
  background-color: #0991cd;
  border: 1px solid #0991cd;
}
.vhod-checkbox label {
  padding-left: 24px;
  line-height: 16px;
  display: block;
  font-size: 12px;
}
.vhod-checkbox label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #c3c3c3;
}
.vhod-social {
  margin-right: -12px;
  overflow: hidden;
  margin-bottom: -10px;
}
.vhod-social__item {
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.social-vhod {
  display: block;
  margin-right: 12px;
  background-color: #3b5998;
  border-radius: 3px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  padding-left: 40px;
  font-weight: bold;
  position: relative;
}
.social-vhod--fb .ico {
  background-color: #fff;
  background-image: url(../img/facebook.svg);
  background-size: 16px;
}
.social-vhod--fb:hover {
  background-color: #34518e;
}
.social-vhod--tw {
  background-color: #4099ff;
}
.social-vhod--tw .ico {
  background-image: url(../img/twitter.svg);
  background-size: 21px;
}
.social-vhod--tw:hover {
  background-color: #3b90f1;
}
.social-vhod--vk {
  background-color: #45668e;
}
.social-vhod--vk .ico {
  background-color: #fff;
  background-image: url(../img/vk.svg);
  background-size: 15px;
}
.social-vhod--vk:hover {
  background-color: #416188;
}
.social-vhod--gp {
  background-color: #d34836;
}
.social-vhod--gp .ico {
  background-image: url(../img/google-plus.svg);
  background-size: 20px;
}
.social-vhod--gp:hover {
  background-color: #c54231;
}
.ico {
  position: absolute;
  left: 10px;
  top: 5px;
  height: 22px;
  width: 20px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
}
/*end vhod*/
/*begin registration*/
.reg-part {
  background-color: #fff;
  width: 682px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.19);
}
.reg-part:after {
  content: "";
  clear: both;
  display: block;
}
.reg-part__left {
  float: left;
  width: 330px;
}
.reg-part__right {
  float: right;
  width: 290px;
  padding-left: 35px;
  padding-top: 53px;
}
.reg-ul {
  margin-bottom: 18px;
}
.reg-ul li {
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 16px;
}
.reg-bot {
  margin-bottom: 15px;
}
.reg-bot__item {
  float: left;
  margin-right: 20px;
  color: #606060;
  margin-bottom:8px;
}
.reg-bot:after {
  content: "";
  clear: both;
  display: block;
}
.reg-rights__heading {
  display: block;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.reg-rights__link {
  font-size: 12px;
  color: #0991cd;
  text-decoration: underline;
}
/*end registration*/
/*begin meshit tanysy*/
.c-heading {
  display: block;
  color: #0991cd;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
}
.meshit-mini {
  margin-bottom: 30px;
}
.meshit-mini:after {
  content: "";
  clear: both;
  display: block;
}
.meshit-mini__img {
  float: left;
  width: 370px;
}
.meshit-mini__img img {
  display: block;
  width: 100%;
}
.meshit-mini__info {
  margin-left: 395px;
}
.meshit-mini__info p {
  margin-bottom: 14px;
  text-indent: 18px;
}
.meshit-mini__btn {
  border: 1px solid #505050;
  border-radius: 4px;
  padding: 9px 30px;
  color: #535353;
  display: inline-block;
}
.meshit-mini__btn:hover {
  background-color: #505050;
  color: #fff;
}
.meshit-mufti {
  background-color: #817399;
  padding: 20px 20px 12px 20px;
  margin-bottom: 30px;
  background-image: url(../img/bg_collective.jpg);
}
.meshit-carousel {
  padding-left: 58px;
  padding-right: 58px;
}
.meshit-carousel .slick-arrow {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  background-color: transparent;
  background-size: 15px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.15s ease-in;
}
.meshit-carousel .slick-arrow:hover {
  background-color: #fff;
}
.meshit-carousel .slick-arrow:before,
.meshit-carousel .slick-arrow:after {
  content: "";
  position: absolute;
}
.meshit-carousel .slick-arrow:hover:after,
.meshit-carousel .slick-arrow:hover:before {
  background-color: #817399;
}
.meshit-carousel .slick-prev {
  left: 2px;
}
.meshit-carousel .slick-prev:before {
  top: 9px;
  left: 18px;
  width: 1px;
  height: 11px;
  background-color: #fff;
  transform: rotate(45deg);
}
.meshit-carousel .slick-prev:after {
  top: 16px;
  left: 18px;
  width: 1px;
  height: 11px;
  background-color: #fff;
  transform: rotate(129deg);
}
.meshit-carousel .slick-next {
  right: 2px;
}
.meshit-carousel .slick-next:before {
  top: 9px;
  left: 18px;
  width: 1px;
  height: 11px;
  background-color: #fff;
  transform: rotate(129deg);
}
.meshit-carousel .slick-next:after {
  top: 16px;
  left: 18px;
  width: 1px;
  height: 11px;
  background-color: #fff;
  transform: rotate(45deg);
}
.mufti-item {
  display: block;
  position: relative;
  border-radius: 4px;
  box-shadow: 1px 1px 13px 2px rgba(0, 0, 0, 0.29019608);
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 10px;
}
.mufti-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(185, 183, 183, 0.02), rgba(0, 0, 0, 0.58));
  height: 142px;
  left: 0;
  right: 0;
}
.mufti-item img {
  display: block;
  width: 100%;
}
.mufti-item__bot {
  position: absolute;
  z-index: 2;
  bottom: 14px;
  left: 14px;
  right: 14px;
  color: #fff;
}
.mufti-item__type {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}
.mufti-item__heading {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  text-decoration: underline;
}
/*end meshit tanysy*/
/*begin static*/
.static-part {
  margin-bottom: -8px;
}
.static-part__img {
  width: 360px;
  float: left;
  margin-right: 20px;
  margin-bottom: 8px;
}
.static-part__img img {
  display: block;
  width: 100%;
}
.static-part img {
  max-width: 100%;
}
.static-part p {
  margin-bottom: 10px;
}
/*end static*/
/*begin photogallery*/
.gallery-category {
  margin-bottom: 20px;
}
.gallery-category li {
  float: left;
  margin-right: 20px;
}
.gallery-category li a {
  color: #303030;
  margin-top: 5px;
  display: block;
  position: relative;
  padding-bottom: 3px;
}
.gallery-category li a:hover {
  color: #0f9ddb;
}
.gallery-category li a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ccc;
}
.gallery-category li a.active {
  color: #0f9ddb;
  font-weight: bold;
  font-size: 18px;
  margin-top: 0;
}
.gallery-section {
  margin-bottom: 25px;
}
.gallery-section__heading {
  display: block;
  color: #0991cd;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
}
.gallery-section__heading:hover {
    text-decoration: underline;
}
.gallery-section--last {
  margin-bottom: 0;
}
.photogallery-ul {
  font-size: 0;
  margin-right: -20px;
}
.photogallery-ul li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.gallery-mini {
  margin-right: 20px;
}

.photogallery-ul li div.gallery-mini{
  margin-bottom: 25px;
}

.gallery-mini__img {
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 8px;
}
.gallery-mini__img img {
  display: block;
  width: 100%;
  transition: all 0.2s ease-in;
  object-fit: cover;
  height: 188px;
}
.gallery_page .gallery-mini__img img {
  height: 100%;
}
.gallery-mini__heading {
  font-size: 13px;
  line-height: 18px;
  display: block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  color: #303030;
}
.gallery-mini__heading:hover {
  color: #0f9ddb;
}
.instagram-ul {
  font-size: 0;
}
.instagram-ul li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.instagram-part {
  font-size: 0;
}
.instagram-part__item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.instagram-main {
  display: block;
  margin-right: 12px;
}
.instagram-main__img {
  height: 410px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  overflow: hidden;
}
.instagram-ul {
  font-size: 0;
  margin-right: -12px;
  margin-bottom: -12px;
}
.instagram-ul li {
  vertical-align: top;
  display: inline-block;
  width: 50%;
}
.instagram-mini {
  margin-right: 12px;
  margin-bottom: 12px;
  display: block;
  position: relative;
}
.instagram-mini__img {
  height: 199px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  overflow: hidden;
  background-color: #ccc;
}
.instagram-list {
  font-size: 0;
  margin-bottom: -20px;
  margin-right: -20px;
}
.instagram-list li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.instagram-list .instagram-mini {
  margin-right: 20px;
  margin-bottom: 20px;
}
/*end photogallery*/
/*begin cabinet*/
.cabinet-left {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}
.cabinet-left__heading {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #0f9ddb;
  margin-bottom: 25px;
}
.cabinet-left__user {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.cab-ul {
  display: block;
  border-top: 1px solid #898989;
  padding-top: 20px;
}
.cab-ul li {
  margin-bottom: 8px;
}
.cab-ul li:last-child {
  margin-bottom: 0;
}
.cab-ul li a {
  color: #505050;
  position: relative;
  padding-left: 18px;
  line-height: 18px;
}
.cab-ul li a:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #505050;
}
.cab-ul li a:hover {
  text-decoration: underline;
}
.cab-ul li.active a {
  color: #0f9ddb;
}
.cab-ul li.active a:before {
  border-color: transparent transparent transparent #0f9ddb;
}
.cab-mob {
  display: none;
  margin-bottom: 20px;
}
.cab-mob__heading {
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #898989;
  margin-bottom: 12px;
}
.mcab-ul {
  overflow: hidden;
}
.mcab-ul li {
  float: left;
  margin-right: 8px;
}
.mcab-ul li a {
  color: #303030;
}
.mcab-ul li a:hover {
  color: #0991cd;
}
.mcab-ul li.active a {
  color: #0991cd;
}
.cabinet-part {
  overflow: hidden;
}
.cabinet-part__item {
  float: left;
  width: 50%;
}
.cabinet-part > div:first-child .cabinet-profile {
  padding-right: 25px;
}
.cabinet-part > div:first-child .cabinet-profile:after {
  content: "";
  position: absolute;
  top: 38px;
  right: 0;
  bottom: 2px;
  width: 1px;
  background-color: #9b9dab;
}
.cabinet-part > div:last-child .cabinet-profile {
  padding-left: 25px;
}
.cabinet-profile {
  position: relative;
}
.cabinet-profile__heading {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
  color: #0991cd;
}
.cabinet-profile .reg-bot {
  margin-top: 24px;
}
.cab-row {
  display: block;
  margin-bottom: 14px;
}
.cab-row__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
}
.cab-row__input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #9b9dab;
}
.cab-row__select {
  width: 100%;
  border: 1px solid #9b9dab;
  height: 36px;
  border-radius: 4px;
  padding: 0 8px;
}
.cab-save {
  margin-top: 25px;
}
.cab-save--save .btn {
  background-color: #00a651;
}
.cat-ul {
  display: block;
  margin-bottom: 18px;
  overflow: hidden;
}
.cat-ul li {
  float: left;
  margin-right: 15px;
}
.cat-ul li a {
  color: #303030;
  font-size: 13px;
  position: relative;
}
.cat-ul li a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #000;
}
.cat-ul li.active a {
  color: #0f9ddb;
}
.cat-ul li.active a:after {
  display: none;
}
.cab-section {
  margin-bottom: 25px;
}
.cab-section__heading {
  display: block;
  color: #0f9ddb;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 18px;
}
.cab-isbrannoe .cab-section:last-child {
  margin-bottom: 0;
}
.com-list li:last-child .cab-com {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.cab-com {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.cab-com__heading {
  display: block;
  color: #0f9ddb;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.cab-com__heading:hover {
  text-decoration: underline;
}
.cab-com__name {
  font-style: italic;
  display: block;
  margin-bottom: 6px;
}
/*end cabinet*/
/*begin namaz-first*/
.namaz-first {
  display: flex;
  justify-content: space-between;
}
.namaz-option {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  display: block;
  text-align: center;
  margin-right: 20px;
  width: 560px;
}
.namaz-option__img {
  display: block;
  margin: 0 auto 25px auto;
}
.namaz-option__heading {
  display: block;
  text-align: center;
  color: #0991cd;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
}
.namaz-option__btn {
  display: block;
}
/*end namaz-first*/
/*begin ramazan*/
.ramazan-top {
  background-image: url(../img/ramazan-top.jpg);
  height: 110px;
  line-height: 110px;
  margin-bottom: 22px;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  background-size: cover;
  background-position: center;
}
.ramazan-center {
  display: flex;
  margin-bottom: 22px;
  justify-content: space-between;
}
.ramazan-center .anons-slider {
  margin-bottom: 0;
}
.ramazan-center__right {
  width: 458px;
}
.ramazan-center__right .ramazan-row:last-child {
  margin-bottom: 0;
}
.ram-sl {
  height: 363px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: block;
  width: 100%;
}
.ram-sl:before {
  content: "";
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(185, 183, 183, 0.02), rgba(0, 0, 0, 0.58));
  height: 162px;
  left: 0;
  right: 0;
}
.ram-sl__bot {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
}
.ram-sl__heading {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.ram-sl__text {
  font-size: 13px;
  color: #fff;
}
.ramazan-row {
  background-color: #0f9ddb;
  display: block;
  text-align: center;
  color: #fff;
  padding: 35px 0;
  position: relative;
  margin-bottom: 12px;
  height: 113px;
}
.ramazan-row:hover {
  background-color: #129ad6;
}
.ramazan-row__text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  margin-left: -88px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 22px;
}
.ramazan-row__text:before {
  content: "";
  position: absolute;
  left: -50px;
  top: -2px;
  width: 36px;
  height: 44px;
  background-repeat: no-repeat;
}
.ramazan-row__text:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #d6e9f6;
  bottom: -1px;
}
.ramazan-row__text--1:before {
  background-image: url(../img/ram-ico1.png);
}
.ramazan-row__text--2:before {
  background-image: url(../img/ram-ico2.png);
}
.ramazan-row__text--3:before {
  background-image: url(../img/ram-ico3.png);
}
.ramazan-row__text--4:before {
  background-image: url(../img/ram-ico4.png);
}
.ramazan-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.ramazan-row:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.qurban-right-block .ramazan-row__text:before,.qurban-right-block .ramazan-row__text:after{
  display:none;
}
.qurban-right-block .ramazan-row__text{
  margin-left:0;
  left:0;
  right:0;
  text-align:center;
}
.question-part--ramazan {
  background-color: #f0f1f3;
  margin-bottom: 22px;
}
.q-arrows {
  margin-left: 15px;
  float: right;
  overflow: hidden;
}
.q-arrows__item {
  float: left;
  margin-left: 5px;
  cursor: pointer;
}
.q-arrows__item path {
  stroke-width: 1;
}
.q-slider {
  margin-right: -20px;
}
.q-slider .slick-arrow {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.qurban-q .news-article__img{
  height: 188px;
  background-position: center bottom -4px;
}
.video-ramazan {
  background-color: #303030;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 22px;
}
.video-ramazan__big {
  float: left;
  width: 580px;
}
.video-ramazan__right {
  height: 400px;
  width: 210px;
  float: right;
}
.video-slider .vid-item {
  outline: none;
}
.ram-video {
  display: block;
}
.ram-video__name {
  display: block;
  margin-bottom: 20px;
}
.ram-video__name span {
  color: #0991cd;
  position: relative;
  font-weight: bold;
  font-size: 14px;
}
.ram-video__name span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background-color: #157daf;
}
.ram-video__iframe {
  overflow: hidden;
  width: 100%;
  height: 380px;
  margin-bottom: 12px;
}
.ram-video__heading {
  display: block;
  height: 52px;
  overflow: hidden;
  font-weight: bold;
  color: #fff;
  margin-bottom: 14px;
  border-bottom: 1px solid #959595;
}
.ram-video__heading span {
  font-size: 14px;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  display: block;
}
.ram-bot {
  overflow: hidden;
}
.ram-bot__date {
  float: left;
  margin-right: 12px;
  color: #909090;
  font-size: 12px;
}
.ram-bot__view {
  float: left;
  color: #909090;
  position: relative;
  padding-left: 14px;
  font-size: 12px;
}
.ram-bot__view:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  width: 14px;
  height: 14px;
  background-image: url(../img/search.svg);
  background-repeat: no-repeat;
}
.video-arrows {
  height: 37px;
}
.video-arrows__item {
  float: right;
  margin-left: 12px;
  cursor: pointer;
}
.video-arrows__item svg {
  transform: rotate(90deg);
}
.video-arrows__item--top svg {
  transform: rotate(-90deg);
}
.video-slider .slick-arrow {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.vid-item {
  margin-bottom: 17px;
}
.vid-item__img {
  height: 135px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url(../img/video-item.png);
  margin-bottom: 12px;
}
.qurban .vid-item__img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.vid-item__heading {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
  border-bottom: 1px solid #959595;
  padding-bottom: 12px;
  height: 52px;
  overflow: hidden;
}
.ramazan-article {
  padding: 20px;
  border-radius: 4px;
  background-color: #f0f1f3;
  margin-bottom: 25px;
}
.ram-article-top {
  margin-bottom: 16px;
  display: block;
  overflow: hidden;
  height: 25px;
}
.ram-article-top__heading {
  float: left;
  display: block;
}
.ram-article-top__heading span {
  color: #0991cd;
  display: block;
  font-weight: bold;
  position: relative;
  font-size: 14px;
}
.ram-article-top__heading span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #63acd7;
  bottom: -2px;
}
.article-mini__img {
  display: block;
  background-size: cover;
  background-position: center;
}
.article-carousel {
  margin-right: -20px;
}
.article-carousel .slick-prev,
.article-carousel .slick-next {
  position: absolute;
  top: -30px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.article-carousel .slick-prev {
/*background-image: url(../img/left-arrow--blue.svg);*/
  right: 40px;
  left: initial;
}
.article-carousel .slick-prev.slick-disabled {
  opacity: 0.5;
}
.article-carousel .slick-next {
  right: 20px;
  /*background-image: url(../img/right-arrow--blue.svg);*/
}
.article-carousel .slick-next.slick-disabled {
  opacity: 0.5;
}
.cartic-mini {
  margin-right: 20px;
}
.cartic-mini__img {
  display: block;
  height: 140px;
  background-position: center;
  background-size: cover;
  background-image: url(../img/st-img.jpg);
  margin-bottom: 12px;
}
.cartic-mini__heading {
  display: block;
  color: #505050;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #959595;
}
.cartic-mini__heading:hover {
  color: #0991cd;
}
/*end ramazan*/
/*begin audio second*/
.audio-sec {
  margin: -20px -20px 20px -20px;
  padding: 20px;
  background-image: url(../img/audio-bg.jpg);
  background-position: center;
  background-size: cover;
}
.audio-sec .breadcrumbs li {
  color: #fff;
}
.audio-sec .breadcrumbs li a {
  color: #fff;
  text-decoration: none;
}
.audio-sec .breadcrumbs li span {
  color: #fff;
}
.audio-ob {
  overflow: hidden;
  margin-bottom: 5px;
}
.audio-ob__img {
  float: left;
  border: 4px solid #fff;
  width: 290px;
  margin-bottom: 3px;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.35);
}
.audio-ob__img img {
  display: block;
  width: 100%;
}
.audio-ob__text {
  height: 208px;
  margin-left: 320px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.audio-ob__text span {
  display: block;
  width: 240px;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}
.audio-second {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  padding-top: 16px;
}
.audio-second .article-bot {
  margin-bottom: 14px;
  justify-content: flex-start;
}
.audio-second p {
  margin-bottom: 10px;
}
.audio-section {
  border-top: 1px solid #ccc;
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.audio-item {
  height: 42px;
  position: relative;
  padding-right: 88px;
}
.audio-item__heading {
  position: absolute;
  left: 60px;
  font-size: 13px;
  top: 4px;
  color: #606060;
}
.audio-item__download {
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 12px;
  width: 68px;
  display: block;
  border-radius: 2px;
  text-align: center;
  height: 26px;
  line-height: 22px;
  text-decoration: none;
  border: 1px solid #0f9ddb;
  color: #303030;
}
.audio-item__download:hover {
  background-color: #f3f3f3;
}
.audio-list li {
  margin-bottom: 15px;
}
.add-ibsrannoe {
  margin-bottom: 5px;
  overflow: hidden;
}
.share-part {
  margin-bottom: 25px;
}
.share-img {
  background-image: url(../img/share-img.jpg);
  height: 32px;
  background-repeat: no-repeat;
}
/*end audio second*/
/*begin open islam*/
.oislam {
  padding: 50px 0;
  display: block;
  width: 100%;
}
.oislam__heading {
  display: block;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 26px;
  color: #0991cd;
  text-align: center;
}
.oislam-part {
  overflow: hidden;
  margin-right: -20px;
}
.oislam-part__item {
  width: 50%;
  float: left;
}
.open-part {
  height: 240px;
  background-image: url(../img/open1.jpg);
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-right: 20px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.open-part:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 57, 82, 0.31);
}
.open-part__heading {
  font-weight: bold;
  color: #fff;
  font-size: 36px;
  position: relative;
  margin-bottom: 20px;
  z-index: 3;
}
.open-part__link {
  background-color: #0f9ddb;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 10px 0;
  display: block;
  width: 150px;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  position: relative;
  z-index: 3;
}
.open-part__link:hover {
  background-color: #0e91ca;
  cursor: pointer;
}
/*end open islam*/
/*begin iman shartary*/
.white-part {
  background-color: #fff;
  width: 100%;
}
.white-part__pad {
  padding: 18px;
}
.iman-ul {
  overflow: hidden;
}
.iman-ul li {
  float: left;
  margin-right: 10px;
  color: #cacaca;
  font-weight: bold;
  font-size: 16px;
}
.iman-ul li a {
  color: #cacaca;
}
.iman-ul li a.active {
  color: #0f9ddb;
  text-decoration: underline;
}
.i-tab {
  display: none;
}
.i-tab.active {
  display: block;
}
.islam-tab {
  background-image: url(../img/islam-bg.jpg);
  padding: 20px 50px;
  height: 275px;
}
.itab-ul {
  margin-top: 78px;
  display: flex;
  justify-content: space-between;
}
.itab-ul--islam {
  margin-top: 86px;
  padding: 0 15px;
}
.itab-ul li {
  margin: 0 10px;
}
.itab-ul li.active a {
  opacity: 1;
}
.iman-ico {
  display: block;
  position: relative;
  padding-top: 58px;
  color: #fff;
  text-align: center;
}
.iman-ico:hover {
  text-decoration: underline;
}
.iman-ico:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 58px;
  top: -14px;
  background-repeat: no-repeat;
  background-position: center;
}
.iman-ico--1:before {
  background-image: url(../img/iman-ico1.png);
}
.iman-ico--2:before {
  background-image: url(../img/iman-ico2.png);
}
.iman-ico--3:before {
  background-image: url(../img/iman-ico3.png);
}
.iman-ico--4:before {
  background-image: url(../img/iman-ico4.png);
}
.iman-ico--5:before {
  background-image: url(../img/iman-ico5.png);
}
.iman-ico--6:before {
  background-image: url(../img/iman-ico6.png);
}
.iman-ico--7:before {
  background-image: url(../img/iman-ico7.png);
}
.islam-ico {
  color: #fff;
  position: relative;
  padding-left: 60px;
  display: block;
  font-weight: bold;
  line-height: 18px;
  padding-top: 6px;
  font-size: 14px;
  opacity: 0.85;
}
.islam-ico:hover {
  opacity: 1;
}
.islam-ico:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 45px;
  background-repeat: no-repeat;
}
.islam-ico--1:before {
  background-image: url(../img/iman-ico1.png);
}
.islam-ico--2 {
  padding-left: 72px;
}
.islam-ico--2:before {
  background-image: url(../img/iman-ico6.png);
  height: 50px;
  width: 58px;
}
.islam-ico--3 {
  padding-left: 72px;
}
.islam-ico--3:before {
  background-image: url(../img/islam-ico3.png);
  height: 54px;
  width: 61px;
}
.islam-ico--4 {
  padding-left: 72px;
}
.islam-ico--4:before {
  background-image: url(../img/islam-ico4.png);
  height: 54px;
  width: 61px;
}
.islam-ico--5 {
  padding-left: 75px;
}
.islam-ico--5:before {
  background-image: url(../img/islam-ico5.png);
  height: 54px;
  width: 61px;
}
.shartary-video {
  overflow: hidden;
  margin-bottom: 20px;
}
.shartary-video__big {
  float: left;
  width: 60%;
  height: 400px;
}
.shartary-video__right {
  float: right;
  width: 40%;
  margin-bottom: -20px;
}
.shartary-video__right .s-min:last-child {
  margin-bottom: 0;
}
.s-minv {
  height: 190px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.shartary-static {
  font-size: 0;
  margin-right: -20px;
  margin-bottom: 15px;
}
.shartary-static__item {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.shartary-item {
  margin-right: 20px;
}
.shartary-item__img {
  display: block;
  height: 190px;
  width: 100%;
  background-image: url(../img/shartary-item.jpg);
  margin-bottom: 12px;
  background-size: cover;
  background-position: center;
}
.shartary-item__heading {
  display: block;
  color: #505050;
  font-size: 14px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #959595;
}
.shartary-link {
  display: flex;
  background-color: #ebebeb;
  height: 190px;
  padding: 20px;
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #0f9ddb;
  font-size: 14px;
  font-weight: bold;
}
.shartary-link:hover {
  background-color: #e8d7d7;
}
.shartary-link span {
  position: relative;
  display: inline;
}
.shartary-link span:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 20px;
  height: 1px;
  background-color: #0f9ddb;
}
/*end iman shartary*/
/*begin namaz time*/
.full-width {
  background-color: #fff;
  width: 100%;
  padding: 18px;
}
.time-top {
  margin-bottom: 20px;
}
.time-top:after{
  content:"";
  clear:both;
  display:block;
}
.time-select {
  float: left;
  border: 1px solid #0f9ddb;
  border-radius: 4px;
  height: 36px;
  width: 130px;
  padding: 0 15px;
  position: relative;
  margin-right: 28px;
}
.time-select .city-part{
  top:50px;
}
.time-select__heading{
  line-height: 36px;
  display:block;
}
.time-select:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #555 transparent transparent transparent;
}
.time-select--active .city-part{
  height: 220px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.time-top__rashet {
  margin-top: 9px;
  float: left;
  font-size: 14px;
  color: #0991cd;
}
.time-top__rashet span {
  color: #303030;
}
.year-ul {
  float: left;
  margin-right: 28px;
  overflow: hidden;
  margin-top: 8px;
}
.year-ul li {
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.year-ul li a {
  color: #909090;
}
.year-ul li a:hover {
  color: #0f9ddb;
}
.year-ul li.active a {
  color: #0f9ddb;
}
.year-ul li span {
  color: #909090;
  padding: 0 8px;
}
.pechat {
  float: right;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  padding: 0 13px 0 32px;
  position: relative;
  cursor: pointer;
  background-image: url(../img/print.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: top 8px left 12px;
}
.pechat:hover {
  background-color: #f3f3f3;
}
.m-table {
  width: 100%;
  overflow: auto;
}
.namaz-table {
  display: table;
  width: 100%;
  min-width: 500px;
  margin-bottom: 18px;
  border-spacing: 0;
  font-size: 14px;
}
.namaz-table th {
  background-color: #0f9ddb;
  color: #fff;
  padding: 12px;
}
.namaz-table td {
  text-align: center;
  padding: 12px;
}
.namaz-table tr:nth-child(2n + 1) td {
  background-color: #f3f3f3;
}
.year-list {
  font-size: 0;
  margin-right: -20px;
}
.year-list > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.year-item {
  background-color: #1BA2DD;
  border-radius: 8px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 14px;
}
.year-item__heading {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
  padding-top: 5px;
}
.month-kol li {
  margin-bottom: 8px;
  padding-left: 50%;
  margin-left: -36px;
  font-size: 13px;
}
/*begin question*/
.test-part {
  display: flex;
  justify-content: space-between;
}
.test-part__row {
  width: 48%;
}
.question {
  margin-bottom: 27px;
  font-size: 14px;
}
.question__heading {
  margin-bottom: 12px;
  display: block;
  font-weight: bold;
}
.question-row {
  margin-bottom: 8px;
  overflow: hidden;
}
.question-row__input {
  float: left;
  display: block;
  margin-right: 10px;
  padding: 0;
  width: 14px;
  height: 14px;
}
.question-row__text {
  line-height: 14px;
  float: left;
  display: block;
}
.question-row__text:hover {
  color: #0273b9;
  cursor: pointer;
}
.test-result {
  background-color: #0f9ddb;
  padding: 25px;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 130px;
  position: relative;
  color: #fff;
  display: none;
}
.test-result--active {
  display: flex;
}
.test-result:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.test-result:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../img/uzor-top.png);
  background-repeat: repeat;
  height: 24px;
}
.test-result__again {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
  padding: 12px;
}
.test-result__again:hover {
  background-color: #0d8cc3;
  cursor: pointer;
}
.result-left {
  display: flex;
  align-items: center;
}
.result-left__up {
  display: flex;
  align-items: center;
}
.result-left__text {
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
}
.result-left__procent {
  font-weight: bold;
  font-size: 48px;
  margin-right: 20px;
}
.result-left__rows {
  color: #fff;
}
.result-left__rows p {
  color: #fff;
}
/*end question*/
/*begin alert*/
.alert {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 5;
  height: 0;
  overflow: hidden;
  background-color: #0000001a;
}
.alert--active {
  height: auto;
  bottom:0;
}
.alert .container {
   position: relative;
   display: flex;
   height: 100%;
}
.alert__close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  background-size: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../img/close.svg);
}
.my-alert {
  position: fixed;
  top: 18px;
  left: 0;
  right: 0;
  z-index: 5;
  overflow: hidden;
  height: 0;
}
.my-alert--active {
  height: auto;
}
.my-alert .container {
  position: relative;
}
.my-alert__close {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
  right: 50%;
  margin-right: -236px;
  width: 20px;
  height: 20px;
  background-size: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../img/close.svg);
}
.message {
    background-color: #0f9ddb;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #fff;
    line-height: 20px;
    padding: 0 20px;
    padding: 12px 30px 12px 12px;
    font-size: 17px;
    margin: auto;
    width: 500px;
}
.message#badMessage {
  background-color: #f13b3b;
}
/*end alert*/
/*begin footer*/
#namaz-audio {
  display: none;
}
.footer {
  flex: 0 0 0;
  background-color: #0f9ddb;
  margin-top: 30px;
  padding: 25px 0;
}
.footer-part {
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
}
.footer-part__left {
  width: 740px;
  display: flex;
  flex-direction: column;
  height: 110px;
  justify-content: space-between;
}
.footer-part__right {
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 110px;
  justify-content: space-between;
}
.footer-bot {
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.footer-bot__left {
  width: 55%;
}
.footer-bot__left span {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 14px;
}
.footer-bot__left p {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
.footer-bot__right {
  width: 45%;
}
.footer-bot__right .shetchik:last-child {
  margin-right: 0;
}
.shetchik {
  float: left;
  margin-top: 3px;
  margin-left: 18px;
  width: 88px;
  height: 32px;
  background-image: url(../img/google-anal.png);
}
.f-nav {
  overflow: hidden;
}
.f-nav li {
  float: left;
  margin-right: 15px;
  margin-bottom: 8px;
}

.f-nav li a {
  color: #fff;
  text-decoration: underline;
}
.f-nav li a:hover {
  color: #ffe850;
}
.f-nav li:last-child{
  margin-right:0;
}
.created {
  display: block;
  color: #fff;
}
.created:hover {
  text-decoration: underline;
}
/*end footer*/
/*begin search*/
.big-search {
  overflow: hidden;
  margin-bottom: 20px;
}
.big-search__input {
  float: left;
  width: 640px;
  border: 1px solid #0991cd;
  border-radius: 4px;
  height: 40px;
  padding: 0 10px;
}
.big-search__submit {
  margin-left: 660px;
}
.big-search__submit button {
  background-color: #0f9ddb;
  color: #fff;
  border: none;
  width: 100%;
  height: 40px;
  border-radius: 4px;
}
/*end search*/
.popup {
  padding: 10px;
}
.popup__heading {
  display: block;
  color: #0991cd;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
  text-align: center;
}
.popup__centr {
  text-align: center;
}
.popup-row {
  margin-bottom: 10px;
}
.popup-row__input {
  width: 100%;
  border: 1px solid #0991cd;
  height: 32px;
  padding: 0 10px;
}
.popup-row__textarea {
  width: 100%;
  border: 1px solid #0991cd;
  height: 62px;
  padding: 10px;
  resize: vertical;
}
/*end footer*/
@media (max-width: 1200px) {
  .container {
    width: 900px;
  }
  .logo {
    width: 150px;
    overflow: hidden;
    padding: 40px 14px;
  }
  .logo__img {
    width: 122px;
    height: 46px;
    background-image: url(../img/logo.png);
    background-size: cover;
    background-position: center;
  }
  .header-left {
    width: 750px;
  }
  .namz-header {
    margin-left: 20px;
    margin-top: 5px;
  }
  .namaz-time {
    margin-right: 9px;
    width: 58px;
  }
  .namaz-time__heading {
    font-size: 13px;
  }
  .namaz-time__time {
    font-size: 18px;
  }
  .vhod {
    padding: 0 10px;
  }
  .header-volume {
    margin-left: 10px;
  }
  .main-top {
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
  }
  .main-top:after {
    content: "";
    clear: both;
    display: block;
  }
  .main-top .box {
    border-radius: 0;
    box-shadow: none;
  }
  .sidebar {
    width: 238px;
  }
  .lang {
    width: auto;
    padding-right: 20px;
  }
  .navigation {
    width: 720px;
  }
  .search {
    width: 24px;
    margin-right: 16px;
    height: 38px;
    overflow: hidden;
    order: 3;
    background-image: url(../img/search-poisk.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .search-input {
    display: none;
  }
  .main-page__left {
    width: auto;
  }
  .sidebar--second {
    display: none;
  }
  .right-part {
    width: 644px;
    margin-left: 18px;
  }
  .library-ul {
    margin-right: -18px;
  }
  .library-ul li {
    width: 25%;
  }
  .library-mini {
    margin-right: 18px;
  }
  .video-ul li {
    width: 33.3%;
  }
  .shetchik {
    display: none;
  }
  .meshit-mini__img {
    width: 300px;
  }
  .meshit-mini__info {
    margin-left: 320px;
  }
  .meshit-carousel {
    padding-left: 50px;
    padding-right: 50px;
  }
  .mufti-item {
    margin-right: 8px;
    margin-left: 8px;
  }
  .meshit-carousel .slick-prev:after {
    top: 16px;
    left: 16px;
  }
  .meshit-carousel .slick-prev:before {
    top: 9px;
    left: 16px;
  }
  .meshit-carousel .slick-arrow {
    width: 36px;
    height: 36px;
  }
  .meshit-mufti {
    padding: 20px 18px 12px 18px;
  }
  .mufti-item {
    margin-right: 6px;
    margin-left: 6px;
  }
  .mufti-item__bot {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
  .mufti-item__heading {
    font-size: 13px;
    line-height: 18px;
  }
  .video-anons__item {
    height: 330px;
  }
  /*begin mob ramaz*/
  .ramazan-center .top-news__big {
    width: 285px;
  }
  .ramazan-center__right {
    width: 300px;
  }
  .ram-sl {
    height: 300px;
  }
  .ramazan-row {
    height: 92px;
  }
  .ramazan-row__text {
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 0;
    font-size: 16px;
    line-height: 22px;
  }
  .ramazan-row__text:before {
    display: none;
  }
  .ramazan-row__text:after {
    display: none;
  }
  .video-ramazan__big {
    width: auto;
    float: none;
  }
  .video-ramazan__right {
    display: none;
  }
  .instagram-main__img {
    height: 290px;
  }
  .instagram-mini__img {
    height: 139px;
  }
  /*end mob ramaz*/
  .big-search__submit {
    margin-left: 0px;
    float: right;
    width: 140px;
  }
  .big-search__input {
    width: 450px;
  }
  .photogallery-ul li {
    width: 33.3%;
  }
  .photogallery-ul li:last-child {
    display: none;
  }
  .open-part__heading {
    font-size: 28px;
  }
  .namaz-option {
    width: 440px;
  }
  .footer-bot__left {
    width: 100%;
  }
}
@media (max-width: 940px) {
  .header {
    height: auto;
  }
  .header:after {
    display: none;
  }
  .header .container {
    width: auto;
    margin: 0 auto;
  }
  .header-top {
    display: block;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
  }
  .header-top:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/uzor-top.png);
    background-repeat: repeat;
    height: 24px;
  }
  .header-top__inner {
    display: flex;
    width: 750px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
  }
  .mob-menu {
    display: block;
  }
  .mob-menu--active {
    left: 0;
    overflow: visible;
  }
  .mob-start {
    width: 40px;
    height: 28px;
    right: 0;
    cursor: pointer;
    position: relative;
  }
  .mob-start span {
    position: absolute;
    left: 0;
    width: 40px;
    height: 3px;
    display: block;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f0f1f3;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  .mob-start .menu1 {
    top: 0;
  }
  .mob-start .menu2 {
    top: 13px;
  }
  .mob-start .menu3 {
    top: 25px;
  }
  .mob-start:hover .menu1 {
    top: 3px;
  }
  .mob-start:hover .menu3 {
    top: 23px;
  }
  .mob-start--active .menu2 {
    left: -20px;
    opacity: 0;
  }
  .mob-start--active .menu1,
  .mob-start--active:hover .menu1 {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .mob-start--active .menu3,
  .mob-start--active:hover .menu3 {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .cab-header {
    display: none;
  }
  .mob-vhod {
    width: 35px;
    height: 35px;
    background-size: 35px;
    background-image: url(../img/avatar.svg);
    background-repeat: no-repeat;
    background-position: center;
  }
  .logo {
    background-color: transparent;
    padding: 0;
    height: auto;
  }
  .logo__img {
    background-image: url(../img/m-logo.png);
    height: 50px;
    width: 136px;
  }
  .header-left {
    display: block;
    float: none;
    width: auto;
    padding: 0;
  }
  .wrapper--bg .main-top {
    display: none;
  }
  .namz-header {
    background-color: #1d6f93;
    margin-left: 0;
    padding: 18px 0;
    margin-top: 1px;
  }
  .namz-header__inner {
    width: 750px;
    margin: 0 auto;
    text-align: center;
  }
  .namaz-time {
    margin-right: 5px;
    margin-left: 5px;
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .namaz-time__time {
    font-size: 17px;
    text-shadow: 1px 5px 7px rgba(0, 0, 0, 0.22);
  }
  .namaz-time__heading {
    display: none;
  }
  .header-volume,
  .vhod {
    display: none;
  }
  .header-bot {
    display: block;
    background-color: #0587c0;
    padding: 18px 0;
  }
  .header-bot__inner {
    margin: 0 auto;
    width: 750px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .city-select {
    margin: 0;
    max-width: initial;
  }
  .city-select__heading {
    padding-left: 28px;
    height: 20px;
    line-height: 22px;
    font-size: 16px;
  }
  .city-select__heading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(../img/placeholder.svg);
    background-size: 22px;
    background-repeat: no-repeat;
  }
  .city-select__heading:after {
    top: 8px;
  }
  .city-part {
    left: 0;
    top: 36px;
  }
  .mob-lang {
    display: block;
  }
  .container {
    width: 750px;
  }
  .navigation,
  .lang {
    display: none;
  }
  .search {
    width: 100%;
    margin-right: 0;
  }
  .search-input {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .main-page {
    flex-direction: column;
  }
  .big-news__img {
    height: 300px;
  }
  .big-news__img img {
    margin-top: -10px;
  }
  .news-mini__heading {
    line-height: 21px;
    margin-top: -2px;
    height: 43px;
  }
  .top-news__big {
    width: 425px;
  }
  .top-news__spisok {
    width: 305px;
  }
  .center-part {
    width: auto;
    margin-left: 0;
  }
  .sidebar {
    display: none;
  }
  .sidebar.mobile-sidebar {
      display: block;
      display: flex;
      width: 100%;
  }
  .sidebar.mobile-sidebar div:first-child{
      width:230px;
  }
  .sidebar.mobile-sidebar div:nth-child(2) .left-menu {
      display: flex;
      flex-wrap: wrap;
  }
   .sidebar.mobile-sidebar div:nth-child(2) .left-menu > li {
      width: 50%;
  }
 .left-nav {
    width: 100%;
    border: 1px solid #cecece;
}


  .banner-center {
    /*display: none;*/
  }
  .hadis-main {
    width: 325px;
  }
  .hadis-right {
    margin-left: 352px;
    height: 211px;
  }
  .hadis-line__item {
    margin-right: 24px;
    width: 145px;
    height: 80px;
  }
  .f-nav{
    text-align:center;
    margin-bottom:15px;
  }
  .f-nav li{
      display:inline-block;
      float:none;
      width:auto;
  }
  .right-part {
    margin-left: 0;
    width: 100%;
  }
  .meshit-mini__img {
    float: left;
    width: 300px;
  }
  .meshit-mini__info {
    margin-left: 325px;
  }
  .cab-mob {
    display: block;
  }
  /*begin mob ramaz*/
  .ramazan-center .top-news__big {
    width: 330px;
  }
  .ramazan-center__right {
    width: 360px;
  }
  .ram-sl {
    height: 348px;
  }
  .ramazan-row {
    height: 108px;
  }
  .cartic-mini__img {
    height: 155px;
  }
  .instagram-main__img {
    height: 340px;
  }
  .instagram-mini__img {
    height: 164px;
  }
  /*end mob ramaz*/
  .big-search__input {
    width: 550px;
  }
  .namaz-option {
    width: 365px;
  }
  .namaz-option__img {
    width: 150px;
  }
  .namaz-option__img img {
    display: block;
    width: 100%;
  }
  .shartary-static .shartary-static__item:last-child {
    display: none;
  }
  .shartary-static__item {
    width: 33.3%;
  }
  .islam-tab {
    padding: 20px;
  }
  .itab-ul {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .itab-ul li {
    width: 25%;
    margin: 0 0 30px 0;
  }
  .itab-ul--islam li {
    width: 33.3%;
    margin: 0 0 30px 0;
  }
  .iman-ico {
    padding-top: 50px;
  }
  .shartary-video__big {
    height: 320px;
  }
  .s-minv {
    height: 150px;
  }
  .footer-part {
    flex-direction: column;
  }
  .footer-bot {
    display: block;
  }
  .footer-part__left {
    width: auto;
    text-align: center;
    height: auto;
    margin-bottom: 15px;
  }
  .footer-part__right {
    float: none;
    height: auto;
    width: auto;
    display: block;
  }
  .footer-bot__left{
    margin-bottom:25px;
  }
  .footer-bot__right{
      width: auto;
  }
  .social-ul {
    width: 188px;
    margin: 0 auto 15px auto;
  }
  .pechat {
    display: none;
  }
  .created {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .container {
    width: 600px;
    margin: 0 auto;
  }
  .header-top__inner {
    width: 600px;
  }
  .header-bot__inner {
    width: 600px;
  }
  .namz-header__inner {
    width: 600px;
  }
  .top-news__big {
    width: 330px;
  }
  .top-news__spisok {
    width: 255px;
  }
  .big-news__img {
    height: 236px;
  }
  .bign-info {
    padding: 18px;
  }
  .top-news__spisok {
    padding: 18px;
  }
  .news-mini__heading {
    margin-bottom: 8px;
    height: 40px;
    font-size: 13px;
    line-height: 20px;
    margin-top: -2px;
  }
  .hadis-day {
    background-color: #817399;
    padding: 20px 18px;
  }
  .hadis-main {
    width: 262px;
    height: 160px;
  }
  .hadis-right {
    margin-left: 284px;
    height: 160px;
  }
  .hadis-line__item {
    margin-right: 20px;
    width: 130px;
    height: 68px;
  }
  .st-mini {
    padding: 18px;
  }
  .static-part__img {
    width: 270px;
  }
  .st-info {
    padding: 0 0 0 15px;
  }
  .btn-item--read {
    display: none;
  }
  .library-ul li {
    width: 33.3%;
  }
  .library-part__img {
    width: 220px;
  }
  .library-part__info {
    margin-left: 240px;
  }
  .meshit-mini__info {
    margin-left: 0;
  }
  .meshit-mini__img {
    margin-right: 18px;
  }
  .video-ul {
    margin-right: -25px;
  }
  .video-item {
    margin-right: 25px;
  }
  .video-anons__item {
    height: 290px;
  }
  .reg-part {
    width: 390px;
    margin: 0 auto;
  }
  .reg-part__left {
    float: none;
  }
  .reg-part__right {
    text-align: center;
    height: auto;
    float: none;
    width: auto;
    padding: 20px 0 0px 0;
  }
  .reg-rights__heading {
    margin-bottom: 12px;
  }
  .reg-ul {
    display: none;
  }
  /*begin mob ramaz*/
  .ramazan-center .top-news__big {
    width: 260px;
  }
  .ramazan-center__right {
    width: 280px;
  }
  .ram-sl {
    height: 278px;
  }
  .ramazan-row {
    height: 85px;
  }
  .ram-video__iframe {
    height: 310px;
  }
  .cartic-mini__img {
    height: 125px;
  }
  .instagram-main__img {
    height: 270px;
  }
  .instagram-mini__img {
    height: 129px;
  }
  /*end mob ramaz*/
  .year-list > li {
    width: 33.3%;
  }
  .audio-ob__img {
    width: 260px;
  }
  .audio-ob__text {
    height: 187px;
    margin-left: 280px;
  }
  .big-search__input {
    width: 400px;
  }
  .cab-section .st-mini {
    padding: 0;
  }
  .oislam-part__item {
    width: 100%;
    float: none;
  }
  .oislam-part .oislam-part__item:first-child {
    margin-bottom: 25px;
  }
  .namaz-option {
    width: 290px;
  }
  .namaz-option__img {
    width: 120px;
  }
  .instagram-list li {
    width: 33.3%;
  }
  .shartary-video__big {
    height: 268px;
  }
  .s-minv {
    height: 125px;
    margin-bottom: 18px;
    margin-left: 18px;
  }
  .ramazan-row__text {
    font-size:14px;
    line-height:20px;
  }
}
@media (max-width: 640px) {
  .container,
  .header-top__inner,
  .header-bot__inner,
  .namz-header__inner {
    width: 480px;
  }
  .top-banner{
    height:60px;
  }
  .top-news {
    flex-direction: column;
  }
  .top-news__big {
    width: auto;
    margin-right: 0;
    margin-bottom: 18px;
  }
  .top-news__spisok {
    width: auto;
  }
  .n-list li {
    width: 50%;
  }
  .n-list li:last-child {
    display: none;
  }
  .big-news__img {
    height: 342px;
    margin-bottom: -10px;
  }
  .static-part__img {
    width: 210px;
  }
  .st-mini__img {
    width: 200px;
    height: initial;
  }
  .st-mini__text {
    margin-left: 200px;
    height: auto;
  }
  .hadis-right__top {
    display: none;
  }
  .hadis-right__link {
    display: none;
  }
  .hadis-line__item {
    margin-right: 0;
    float: none;
  }
  .hadis-main {
    float: left;
    width: 60%;
    margin-right: 0;
  }
  .hadis-right {
    float: left;
    width: 40%;
    margin-left: 0;
  }
  .hadis-line {
    height: 100%;
    display: flex;
    padding-left: 20px;
    margin-right: 0;
    flex-direction: column;
    justify-content: space-between;
  }
  .hadis-line__item {
    width: 100%;
    height: 72px;
  }
  .st-info__name {
    display: none;
  }
  .library-part__img {
    width: 150px;
    border-right: 18px solid #fff;
  }
  .library-part__info {
    margin-left: 0;
  }
  .btn-item {
    margin-right: 13px;
  }
  .meshit-mini__img {
    width: 170px;
  }
  .video-ul {
    margin-right: -18px;
  }
  .video-item {
    margin-right: 18px;
  }
  .video-anons {
    padding: 20px;
  }
  .video-anons__item {
    height: 270px;
  }
  /*begin mob ramaz*/
  .ramazan-center {
    display: block;
  }
  .ramazan-center .top-news__big {
    display: none;
  }
  .ramazan-center__right {
    width: auto;
  }
  .ram-video__iframe {
    height: 250px;
  }
  .ramazan-top {
    display: none;
  }
  .cartic-mini__img {
    height: 140px;
  }
  .instagram-main__img {
    height: 210px;
  }
  .instagram-mini__img {
    height: 99px;
  }
  /*end mob ramaz*/
  .audio-ob__img {
    width: 120px;
  }
  .audio-ob__text {
    height: auto;
    margin-left: 146px;
    display: block;
  }
  .big-search__input {
    width: 300px;
  }
  .big-search__submit {
    width: 120px;
  }
  .photogallery-ul li {
    width: 50%;
  }
  .photogallery-ul li:last-child {
    display: inline-block;
  }
  .gallery-mini {
    margin-bottom: 20px;
  }
  .cabinet-part__item {
    float: none;
    width: 100%;
  }
  .cabinet-part > .cabinet-part__item > div:first-child {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .cabinet-part > .cabinet-part__item > div:first-child:after {
    opacity: 0;
  }
  .cabinet-part > div:last-child .cabinet-profile {
    padding-left: 0;
  }
  .namaz-first {
    display: block;
    width: 100%;
  }
  .namaz-option {
    width: 100%;
    margin-bottom: 15px;
  }
  .time-top__rashet {
    display: none;
  }
  .shartary-video__big {
    width: 100%;
    margin-bottom: 20px;
  }
  .shartary-video__right {
    width: 100%;
  }
  .s-minv {
    height: 270px;
    margin-left: 0;
  }
  .shartary-static__item {
    width: 100%;
  }
  .shartary-static {
    margin-bottom: -10px;
  }
  .shartary-item {
    margin-bottom: 20px;
  }
  .shartary-item__img {
    height: 270px;
  }
  .test-part {
    display: block;
  }
  .test-part__row {
    width: 100%;
  }
  .test-result {
    height: auto;
    padding: 30px 25px;
  }
  .test-result--active {
    display: block;
  }
  .result-left {
    margin-bottom: 10px;
  }
  .test-result__again {
    margin-bottom: 12px;
  }
  .question {
    margin-bottom: 22px;
  }
  .year-list > li {
    width: 50%;
  }
  .sidebar.mobile-sidebar {
      width: 100%;
      flex-wrap: wrap;
  }
  .sidebar.mobile-sidebar div:first-child {
      width: 100%;
  }
}
@media (max-width: 520px) {
  .header .container {
    padding-left: 0;
    padding-right: 0;
  }
  .container,
  .header-top__inner,
  .header-bot__inner,
  .namz-header__inner {
    padding-left: 18px;
    padding-right: 18px;
    width: auto;
  }
  .big-news__img {
    height: auto;
    margin-bottom: 10px;
  }
  .st-mini__img {
    width: 180px;
  }
  .static-part__img {
    width: 173px;
    margin-bottom: 4px;
  }
  .st-mini__text {
    margin-left: 180px;
  }
  .library-mini {
    width: auto;
    max-width: 135px;
  }
  .library-mini__img img {
    max-width: 100%;
    display: block;
  }
  .video-ul li {
    width: 50%;
  }
  .big-bot__text {
    display: none;
  }
  .big-bot__text--mob {
    display: block;
  }
  .reg-part {
    width: auto;
  }
  .reg-part .reg-part__left {
    width: auto;
  }
  .video-anons {
    padding: 18px;
  }
  .video-anons__item {
    height: 260px;
  }
  .cartic-mini__img {
    height: 170px;
  }
  .q-arrows {
    display: none;
  }
  .question-part--ramazan {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .cartic-mini__img {
    height: 120px;
  }
  .ram-video__iframe {
    height: 230px;
  }
  .instagram-main__img {
    height: 190px;
  }
  .instagram-mini__img {
    height: 89px;
  }
  .audio-ob__text {
    margin-left: 140px;
  }
  .audio-ob__text span {
    font-size: 19px;
    line-height: 23px;
  }
  .big-search__input {
    width: 72%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .big-search__submit {
    width: 28%;
  }
  .big-search__submit button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .islam-tab {
    background-image: none;
    height: auto;
    padding: 0 20px;
  }
  .itab-ul {
    display: block;
    margin-top: 0;
    font-size: 0;
  }
  .itab-ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    margin: 0 0 12px 0;
  }
  .itab-ul li:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .itab-ul--islam {
    padding: 0;
  }
  .itab-ul--islam li {
    width: 50%;
  }
  .iman-ico,
  .islam-ico {
    color: #000;
    padding-top: 0;
    font-size: 13px;
    text-align: left;
    margin-right: 10px;
    background-color: #f3f3f3;
    padding: 10px;
    font-weight: normal;
    opacity: 1;
  }
  .iman-ico br,
  .islam-ico br {
    display: none;
  }
  .iman-ico:before,
  .islam-ico:before {
    display: none;
  }
  .f-nav li{
    display:block;
  }
  .f-nav li a{
    display:block;
    text-align:center;
  }
}
@media (max-width: 450px) {
  .container,
  .header-top__inner,
  .header-bot__inner,
  .namz-header__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .namaz-time__time {
    font-size: 16px;
  }
  .header-bot {
    padding: 17px 0;
  }
  .bign-info,
  .top-news__spisok,
  .question-part,
  .hadis-day,
  .st-mini {
    padding: 15px;
  }
  .st-mini__img {
    width: 160px;
  }
  .static-part__img {
    width: auto;
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .st-mini__text {
    margin-left: 160px;
  }
  .st-info__heading {
    font-size: 15px;
  }
  .st-info {
    padding: 0 0 0 12px;
  }
  .library-ul {
    margin-right: -15px;
  }
  .library-ul li {
    width: 50%;
  }
  .library-mini {
    margin-right: 15px;
  }
  .article-bot__date {
    display: none;
  }
  .article-bot__date--mob {
    display: block;
  }
  .video-anons {
    padding: 16px;
  }
  .video-anons__item {
    height: 250px;
  }
  .video-ul {
    margin-right: -15px;
  }
  .video-item {
    margin-right: 15px;
  }
  .cartic-mini__img {
    height: 200px;
  }
  .article-carousel {
    margin-right: -20px;
  }
  .cartic-mini {
    margin-right: 20px;
  }
  .ram-video__iframe {
    height: 210px;
  }
  .instagram-main__img {
    height: 180px;
  }
  .instagram-mini__img {
    height: 84px;
  }
  .instagram-list li {
    width: 50%;
  }
  .vhod-part {
    width: auto;
    padding: 20px;
  }
  .vhod-p__up {
    margin-bottom: 20px;
  }
  .vhod-p__up {
    font-size: 22px;
  }
  .photogallery-ul {
    margin-right: -15px;
  }
  .gallery-mini {
    margin-right: 15px;
  }
  .itab-ul li {
    width: 100%;
  }
  .iman-ico,
  .islam-ico {
    margin-right: 0;
  }
  .open-part {
    height: 210px;
  }
  .open-part__heading {
    font-size: 24px;
  }
  .result-left {
    display: block;
  }
  .result-left__up {
    justify-content: center;
    margin-bottom: 8px;
  }
  .result-left__rows {
    text-align: center;
    margin-bottom: 22px;
  }
  .result-left__rows p {
    display: inline-block;
    margin: 0 10px;
  }
  .result-left__procent {
    margin-right: 0;
  }
  .test-result__again {
    margin: 0 auto 15px auto;
    display: block;
  }
}
@media (max-width: 410px) {
  html,
  body {
    background-color: #fff;
  }
  .wrapper--blue {
    background: #fff;
  }
  .logo {
    width: 68px;
  }
  .namaz-time__time {
    font-size: 15px;
  }
  .namz-header {
    padding: 15px 0;
    height: 48px;
  }
  .header-bot {
    height: 48px;
    padding: 15px 0;
  }
  .city-select__heading {
    height: 16px;
    line-height: 18px;
    font-size: 15px;
  }
  .city-select__heading:before {
    top: -2px;
  }
  .mob-lang li a {
    font-size: 12px;
  }
  .bign-info,
  .top-news__spisok,
  .question-part,
  .hadis-day,
  .st-mini,
  .right-part,
  .news-part,
  .full-width {
    padding: 0px;
  }
  .news-filter {
    background-color: #f3f3f3;
  }
  .box {
    box-shadow: none;
  }
  .news-list {
    background-color: #f3f3f3;
    padding: 15px;
  }
  .news-article {
    margin-right: 15px;
  }
  .n-list {
    margin-right: -15px;
  }
  .namaz-time {
    margin-right: 4px;
    margin-left: 4px;
  }
  .hadis-day {
    background-color: #817399;
    padding: 15px;
  }
  .hadis-main {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .hadis-right {
    width: 100%;
    height: auto;
  }
  .hadis-line {
    padding-left: 0;
    flex-direction: row;
    white-space: space-between;
  }
  .hadis-line__item {
    width: 46%;
  }
  .st-mini__img {
    width: 140px;
  }
  .st-mini__text {
    margin-left: 140px;
  }
  .video-anons {
    padding: 15px;
  }
  .video-anons__item {
    height: 230px;
  }
  .ram-video__iframe {
    height: 200px;
  }
  .q-slider {
    margin-right: 0;
  }
  .article-carousel {
    margin-right: -15px;
  }
  .cartic-mini {
    margin-right: 0;
  }
  .article-carousel .slick-next {
    right: 0;
  }
  .article-carousel .slick-prev {
    right: 20px;
  }
  .instagram-main__img {
    height: 163px;
  }
  .instagram-mini__img {
    height: 75px;
  }
  .audio-sec {
    margin: 0;
  }
  .audio-ob__img {
    width: 100px;
  }
  .audio-ob__text {
    margin-left: 116px;
  }
  .audio-ob__text span {
    width: auto;
    font-size: 17px;
    line-height: 21px;
  }
  .vhod-social__item {
    float: none;
    width: 100%;
  }
  .audio-item__download {
    display: none;
  }
  .audio-item {
    padding-right: 0;
  }
  .year-item {
    padding: 14px;
  }
}
@media (max-width: 360px) {
  .video-anons__item {
    height: 210px;
  }
  .namaz-time {
    margin-left: 2px;
    margin-right: 2px;
  }
  .namaz-time__time {
    font-size: 14px;
  }
}