.bg-transparent {
  background: transparent;
}

.bg-white {
  background: #fff;
}

.f-num {
  font-family: "arial";
}

.txt-grey {
  color: #757575 !important;
}

.bg-none {
  background: none !important;
}

.txt-secondary {
  color: #ab1e56 !important;
}

.txt-blue {
  color: #012d6b !important;
}

@media screen and (max-width: 767.9px) {
  *::-webkit-scrollbar-thumb {
    background: transparent !important;
    width: 0 !important;
  }

  *::-webkit-scrollbar-track {
    background: transparent !important;
  }

  *::-webkit-scrollbar {
    width: 0;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: transparent !important;
  }
}
@media screen and (max-width: 767.9px) {
  body {
    background: #f7f7f7;
  }
  body*::-webkit-scrollbar-thumb {
    background: transparent !important;
    width: 0 !important;
  }
}

.tophead {
  z-index: 100;
}
@media screen and (max-width: 767.9px) {
  .tophead {
    background: #fff;
  }
}
.tophead .lang ul {
  z-index: 10;
}
.tophead .lang li {
  float: none;
  text-align: right;
}
.tophead .lang li a.active {
  background: #002d6a;
  color: #fff;
}
.tophead .lang li a:hover {
  color: #ab1e56;
}

.dropdown-lang {
  line-height: normal;
}
.dropdown-lang .btn {
  background: transparent !important;
  color: #012d6b !important;
  min-width: auto;
  height: auto;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
}
.dropdown-lang .btn svg {
  margin: 0 5px;
  width: 20px;
  height: 20px;
}

.head-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.openedsearch.searchbar {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 767.9px) {
  .header {
    display: block;
    z-index: 100;
    position: relative;
  }
}
@media screen and (max-width: 767.9px) {
  .header section {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767.9px) {
  .header .logo {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .header .header-part {
    display: inline-flex;
    align-items: center;
  }
}
.header .ai.mobi-block {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .header .ai.mobi-block {
    display: inline-flex;
  }
}
.header .nav-menu {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .header .nav-menu {
    width: 21px;
    height: 14px;
    position: absolute;
    display: inline-flex;
  }
}
@media screen and (max-width: 767.9px) {
  .header .nav-menu span {
    width: 20.85px;
    height: 2.98px;
    background: #012d6b;
  }
}
@media screen and (max-width: 767.9px) {
  .header .amobile {
    float: right;
    line-height: normal;
    margin: 0;
  }
}
.header .websearch {
  color: #ab1e56;
  text-decoration: underline;
}
@media screen and (max-width: 767.9px) {
  .header .head {
    background: transparent;
    box-shadow: none;
    line-height: normal;
    padding: 0 15px;
    overflow: visible;
  }
}
.header .head .logo {
  line-height: normal;
}
@media screen and (max-width: 767.9px) {
  .header .searchbar {
    top: 50px;
    z-index: 10000;
  }
}

@media screen and (max-width: 767.9px) {
  .portalheader {
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
@media screen and (min-width: 768px) {
  .portalheader .menu a img {
    max-height: none;
    margin-top: 0;
    width: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .portalheader ol {
    border-radius: 3px;
    background: rgba(157, 157, 157, 0.12);
    border: 0;
    margin-bottom: 5px;
    margin-top: 5px;
  }
}
.portalheader ol li {
  color: #970c44;
}
.portalheader ol span {
  color: #012d6b;
}

@media screen and (max-width: 767.9px) {
  .portalpage {
    background-image: none;
    padding: 0 10px;
  }
}

.title-page {
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .title-page {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #fff url(../../content/img/bg-pattern1.png) no-repeat left top;
  }
}
@media screen and (max-width: 767.9px) {
  .title-page .menu {
    flex: 0 0 100%;
    border-top: 1px solid rgba(112, 112, 112, 0.18);
    margin-top: 5px;
    padding-top: 10px;
  }
}
.title-page .menu li {
  border: 0;
  padding: 0 10px;
}
.title-page .menu li a {
  text-align: right;
  display: flex;
}
@media screen and (min-width: 768px) {
  .title-page .menu li a {
    align-items: center;
  }
}
.title-page .menu li a img {
  margin-left: 10px;
}
.title-page h1 {
  padding-right: 10px;
}
@media screen and (max-width: 767.9px) {
  .title-page h1,
.title-page a {
    margin-top: 0;
    margin-bottom: 0;
    text-align: end;
    line-height: 43px !important;
  }
}
@media screen and (max-width: 767.9px) {
  .title-page .nav-menu {
    display: inline-flex;
    align-items: center;
    justify-content: end;
  }
}

.h-list {
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  padding: 15px 10px;
}
@media screen and (max-width: 767.9px) {
  .h-list {
    padding: 10px;
  }
}

.mobi-search {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .mobi-search {
    display: inline-flex;
  }
}

.mobi-closesearch {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .mobi-closesearch {
    display: inline-flex;
  }
}

.modalsidemenu {
  z-index: 10000;
}
.modalsidemenu .modal-content {
  background-color: #f7f7f7;
  height: 100vh;
  overflow-y: scroll;
  border-radius: 0;
  border: 0;
}
.modalsidemenu .social a {
  margin: 0 3px;
}
.modalsidemenu .ai .btn {
  height: auto;
  padding: 15px 0 !important;
}
.modalsidemenu .menu {
  display: block !important;
  padding-top: 0;
  background: transparent;
}
.modalsidemenu .menu li {
  border-radius: 5px;
  background: #fff;
  margin-bottom: 1px;
  padding: 5px 0;
}
.modalsidemenu .menu li a {
  display: flex;
  align-items: center;
}
.modalsidemenu .menu li a i {
  width: 40px;
  height: 30px;
  line-height: normal;
  margin: 0 0 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.font-setting {
  margin: 10px 0;
  border-radius: 3px;
  background: #fff;
  padding: 10px 15px;
  color: #012d6b;
}
.font-setting a {
  color: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.font-setting .hint {
  color: #ab1e56;
  font-size: 16px;
  font-family: "Lotus Linotype";
  margin-top: 5px;
  color: #ab1e56;
  margin-bottom: 10px;
  font-weight: 300;
}
.font-setting .form-check {
  padding-right: 1.5em;
  padding-left: 0;
}
.font-setting .form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.font-setting .choice {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-bottom: 10px;
  font-family: "Lotus Linotype";
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #012d6b;
}

.form-check-input:checked[type=checkbox] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7.461" viewBox="0 0 10 7.461"><path id="Icon" d="M3.4,7.3.137,4.062a.52.52,0,0,1,0-.7l.723-.7A.435.435,0,0,1,1.2,2.5a.5.5,0,0,1,.361.156L3.75,4.844,8.437.156A.5.5,0,0,1,8.8,0a.435.435,0,0,1,.342.156l.723.7A.476.476,0,0,1,10,1.211a.476.476,0,0,1-.137.352L4.1,7.3a.474.474,0,0,1-.7,0Z" fill="%23ab1e56"/></svg>') no-repeat center;
}

.form-check-input {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #012d6b;
}
.form-check-input:checked {
  background: #fff;
  border: 1px solid #012d6b;
}

.btn-gradient {
  background: linear-gradient(#d15b8a 0%, #ab1e56 100%);
  border: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (max-width: 767.9px) {
  .mainitemtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.search-options {
  display: inline-block;
}
@media screen and (max-width: 767.9px) {
  .search-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.search-options select {
  flex: 0 0 200px;
  width: 200px;
}
@media screen and (max-width: 767.9px) {
  .search-options select {
    width: 33%;
    flex: 0 0 33%;
  }
}

@media screen and (max-width: 767.9px) {
  .input-searchlibrary {
    width: 100%;
  }
}

@media screen and (max-width: 767.9px) {
  .right-nav {
    margin-bottom: 10px;
  }
}
.right-nav .mainitemtitle {
  padding: 5px 0;
}

.block-style {
  background: #fff;
  border-radius: 5px;
}
.modallogin .modal-content {
  padding: 10px;
  width: 405px;
  max-width: 99%;
  border-radius: 5px;
  background: #fff;
  border: 1px solid rgba(112, 112, 112, 0.18);
  margin: auto;
}
.modallogin .modal-content .modal-body {
  border-radius: 2px;
  background: #f0f0f0;
}
.modallogin .modal-content .modal-body img {
  max-width: 100%;
}

.modalprofile .modal-content {
  width: 287px;
  border-radius: 5px;
  background: #fff;
  border: 0.5px solid rgba(112, 112, 112, 0.18);
  margin: auto;
}
.modalprofile .modal-content li {
  padding: 10px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.12);
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 14px;
  line-height: 39px;
  text-align: right;
  color: #012d6b;
}
.modalprofile .modal-content li:hover {
  background: rgba(1, 45, 107, 0.08);
}
.modalprofile .modal-content li .num {
  font-family: Arial;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-align: left;
  color: #6e6e6e;
}

.w-border li {
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
}

.portalheader .logo a img {
  height: auto !important;
  width: auto !important;
}

@media screen and (max-width: 767.9px) {
  .oneitems {
    max-height: 50vh;
    overflow: scroll;
  }
}
.oneitems li {
  margin: 0;
  padding: 15px 40px 15px 5px;
  background-image: url(../img/ico-bookitem.svg);
  background-repeat: no-repeat;
  background-position: right 10px top 20px;
}
@media screen and (max-width: 767.9px) {
  .oneitems li {
    padding: 15px 40px 15px 5px;
    background-image: url(../img/ico-bookitem.svg);
    background-repeat: no-repeat;
    background-position: right 10px top 20px;
  }
}
.oneitems li:hover {
  background-image: url(../img/ico-bookitem.svg);
  background-repeat: no-repeat;
  background-position: right 10px top 20px;
  background-color: rgba(1, 45, 107, 0.08);
}
.oneitems li:hover a,
.oneitems li:hover span {
  color: #4b5c74;
}
.oneitems li .date {
  font-family: "Lotus Linotype" !important;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px;
  text-align: right;
  color: #6e6e6e;
  float: none;
}
.oneitems li h2 {
  color: #012d6b;
  display: flex;
  justify-content: space-between;
  font-family: "GESSTwo", "Comfortaa", arial !important;
  font-size: 16px;
}
.oneitems li h2 label {
  font-family: inherit !important;
}
.oneitems li h2 a {
  color: inherit;
}
.oneitems li .info-book {
  margin-top: 8px;
}
.oneitems li .info-book samp {
  display: inline-flex;
  color: #6e6e6e !important;
  float: none;
  font-family: "Lotus Linotype";
  font-size: 15px;
}
@media screen and (max-width: 539.9px) {
  .oneitems li .info-book samp {
    font-size: 14px !important;
  }
}
.oneitems li .info-book samp a {
  color: inherit;
}

@media screen and (max-width: 767.9px) {
  .searchleft {
    display: none;
  }
}

@media screen and (max-width: 767.9px) {
  .booklist-search {
    display: none;
  }
}
.booklist-search .d-style {
  display: inline-flex;
}
@media screen and (max-width: 767.9px) {
  .booklist-search .d-style {
    display: flex;
  }
}
.booklist-search.showSearch {
  display: block;
}
.booklist-search .mobi-closesearch {
  width: 25px;
  height: 25px;
  z-index: 100;
}
@media screen and (max-width: 767.9px) {
  .booklist-search .inputstyle {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 767.9px) {
  .booklist-search .inputstyle.input-searchlibrary {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: none;
  }
}
.booklist-search .inputstyle::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><path id="Icon_ionic-md-close" data-name="Icon ionic-md-close" d="M24.023,9.173l-1.65-1.65-6.6,6.6-6.6-6.6-1.65,1.65,6.6,6.6-6.6,6.6,1.65,1.65,6.6-6.6,6.6,6.6,1.65-1.65-6.6-6.6Z" transform="translate(-7.523 -7.523)" fill="%23012d6b"/></svg>') no-repeat;
}

.title-booklist {
  display: none;
}
.title-booklist.showSearch {
  display: inline-flex;
}

h3.mainitem {
  font-family: "GESSTwo", "Comfortaa", arial !important;
  font-size: 18px !important;
}

/*====================================Library*****************/
.b-articles {
  background: #fff url(../../content/img/bg-hader.svg) no-repeat top 20px center;
}
.b-articles h3 {
  font-size: 21px !important;
  font-weight: normal;
  color: #424142;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  padding: 10px;
  display: flex;
  align-items: center;
}

.twoslid .owl-controls {
  padding: 0 !important;
}
.twoslid .owl-item {
  padding: 15px;
}
.twoslid .owl-item .book img {
  width: 100px !important;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  .twoslid .owl-item .book img {
    width: 100px !important;
  }
}
.twoslid .owl-item .desc-slide {
  margin: 0 15px 15px 0;
}
.twoslid .owl-item h2 {
  font-weight: bold;
  color: #012d6b;
  margin: 0;
  font-family: "GESSTwo", "Comfortaa", arial;
}
.twoslid .owl-item h2 a {
  color: inherit;
  font-family: inherit !important;
}
@media screen and (max-width: 767.9px) {
  .twoslid .owl-item h2 a {
    font-size: 16px !important;
  }
}
.twoslid .owl-item h5 {
  color: #ab1e56;
  display: flex;
  align-items: start;
  margin: 5px 0;
}
.twoslid .owl-item h5 img {
  width: auto;
  margin: 0 0 0px 5px;
}
.twoslid .owl-item .info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #6e6e6e;
  font-size: 15px;
}
.twoslid .owl-item p {
  color: #000000;
  margin: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .twoslid .owl-item p {
    font-size: 18px !important;
  }
}
.twoslid .owl-controls {
  top: auto;
  bottom: -25px;
  width: 100%;
  left: auto !important;
  background: #f7f7f7;
  padding: 15px 0;
}
.twoslid .owl-controls .owl-nav {
  display: none;
}
.twoslid .owl-controls .owl-dots {
  text-align: center;
}
.twoslid .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 2px;
}
.twoslid .owl-controls .owl-dots .owl-dot span {
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: rgba(1, 45, 107, 0.15);
}
.twoslid .owl-controls .owl-dots .owl-dot.active span {
  width: 8px;
  height: 8px;
  background: #ab1e56;
}

@media screen and (max-width: 767.9px) {
  .selections i.fa-quote-right {
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 12px;
  }
}

/*==========================LeftSide=====================*/
.fatCatleft h3, .list-topics h3, .list-cat h3, .nameslist h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-weight: normal;
  background: url(../../content/img/bg-pattern.png) no-repeat left 20px top;
}
.fatCatleft h3 span, .list-topics h3 span, .list-cat h3 span, .nameslist h3 span {
  display: inline-flex;
  align-items: center;
}
.fatCatleft h3 a, .list-topics h3 a, .list-cat h3 a, .nameslist h3 a {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .fatCatleft h3 a, .list-topics h3 a, .list-cat h3 a, .nameslist h3 a {
    display: none;
  }
}
.fatCatleft.changeStyle h3 a, .changeStyle.list-topics h3 a, .changeStyle.list-cat h3 a, .changeStyle.nameslist h3 a {
  transform: rotate(180deg);
}
@media screen and (max-width: 767.9px) {
  .fatCatleft ul, .list-topics ul, .list-cat ul, .nameslist ul {
    display: none;
  }
}
.fatCatleft ul li, .list-topics ul li, .list-cat ul li, .nameslist ul li {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  background: linear-gradient(#fff 0%, #efefef 100%) !important;
  border: 1px solid rgba(112, 112, 112, 0.27);
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  transition: auto;
}
.fatCatleft ul li i, .list-topics ul li i, .list-cat ul li i, .nameslist ul li i {
  display: none;
}
.fatCatleft.catblue ul li span, .list-topics ul li span, .list-cat ul li span, .nameslist ul li span {
  font-family: Arial;
  font-weight: normal;
  font-size: 10px;
  color: rgba(110, 110, 110, 0.68);
}
.fatCatleft.catblue ul li a, .list-topics ul li a, .list-cat ul li a, .nameslist ul li a {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
  color: #4b5c74;
  padding-right: 25px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.886" height="12.665" viewBox="0 0 16.886 12.665"><path id="Icon_awesome-folder" data-name="Icon awesome-folder" d="M15.3,6.611H8.971L6.86,4.5H1.583A1.583,1.583,0,0,0,0,6.083v9.5a1.583,1.583,0,0,0,1.583,1.583H15.3a1.583,1.583,0,0,0,1.583-1.583V8.194A1.583,1.583,0,0,0,15.3,6.611Z" transform="translate(0 -4.5)" fill="%23012d6b"/></svg>');
  background-repeat: no-repeat;
  background-position: right center;
}
.fatCatleft.catblue ul li:hover, .list-topics ul li:hover, .list-cat ul li:hover, .nameslist ul li:hover {
  background: #ab1e56 !important;
}
.fatCatleft.catlibrary ul li, .catlibrary.list-topics ul li, .catlibrary.list-cat ul li, .catlibrary.nameslist ul li {
  background: linear-gradient(#d33e79 0%, #ab1e56 100%) !important;
  border: 1px solid rgba(112, 112, 112, 0.27);
}
.fatCatleft.catlibrary ul li a, .catlibrary.list-topics ul li a, .catlibrary.list-cat ul li a, .catlibrary.nameslist ul li a {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.845" height="14.134" viewBox="0 0 18.845 14.134"><path id="Icon_awesome-folder" data-name="Icon awesome-folder" d="M17.078,6.856H10.011L7.656,4.5H1.767A1.767,1.767,0,0,0,0,6.267v10.6a1.767,1.767,0,0,0,1.767,1.767H17.078a1.767,1.767,0,0,0,1.767-1.767V8.622A1.767,1.767,0,0,0,17.078,6.856Z" transform="translate(0 -4.5)" fill="%23fdc6dc"/></svg>');
}
.fatCatleft.catlibrary ul li span svg, .catlibrary.list-topics ul li span svg, .catlibrary.list-cat ul li span svg, .catlibrary.nameslist ul li span svg {
  display: none;
}
.fatCatleft.catlibrary ul li:hover, .catlibrary.list-topics ul li:hover, .catlibrary.list-cat ul li:hover, .catlibrary.nameslist ul li:hover {
  background: #012d6b !important;
  border: 1px solid rgba(112, 112, 112, 0.27);
}
.fatCatleft.catlibrary ul li:hover a, .catlibrary.list-topics ul li:hover a, .catlibrary.list-cat ul li:hover a, .catlibrary.nameslist ul li:hover a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19.278" height="14.366" viewBox="0 0 19.278 14.366"><path id="Icon_awesome-folder-open" data-name="Icon awesome-folder-open" d="M19.168,13.033l-2.424,4.645a2.111,2.111,0,0,1-1.85,1.188H1.507a.9.9,0,0,1-.694-1.35l2.424-4.645a2.111,2.111,0,0,1,1.85-1.188H18.474a.9.9,0,0,1,.694,1.35ZM5.087,10.486H16.065V8.69a1.709,1.709,0,0,0-1.607-1.8H9.1L6.962,4.5H1.607A1.709,1.709,0,0,0,0,6.3V16.7l2.312-4.43A3.177,3.177,0,0,1,5.087,10.486Z" transform="translate(0 -4.5)" fill="%23fff"/></svg>');
}
.fatCatleft.catlibrary ul li:hover span, .catlibrary.list-topics ul li:hover span, .catlibrary.list-cat ul li:hover span, .catlibrary.nameslist ul li:hover span {
  color: #fff;
}
.fatCatleft.catlibrary ul li:hover span svg path, .catlibrary.list-topics ul li:hover span svg path, .catlibrary.list-cat ul li:hover span svg path, .catlibrary.nameslist ul li:hover span svg path {
  stroke: #fff;
}

/*========================Listing=======================*/
.title-style {
  font-weight: normal;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.title-style img {
  margin: 0 8px;
}

.list-cat h3, .nameslist h3 {
  background: #fff;
}
.list-cat h3 span, .nameslist h3 span {
  margin: 10px 0 0 0;
}
.list-cat ul, .nameslist ul {
  display: block;
  margin: 10px;
}
.list-cat ul li, .nameslist ul li {
  width: 31%;
  margin: 5px 1%;
  padding: 0 10px;
  height: 70px;
}
@media screen and (max-width: 767.9px) {
  .list-cat ul li, .nameslist ul li {
    width: 49%;
    margin: 0.5%;
    padding: 0 5px;
    height: 50px;
  }
}
@media screen and (max-width: 390px) {
  .list-cat ul li, .nameslist ul li {
    width: calc(49% - 4px);
    margin: 0.5%;
  }
}
.list-cat ul li:after, .nameslist ul li:after {
  display: none;
}
.list-cat ul li .tree_label, .nameslist ul li .tree_label {
  width: 65%;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 65%;
}
.list-cat ul li .tree_label a, .nameslist ul li .tree_label a {
  font-size: 17px;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .list-cat ul li .tree_label a, .nameslist ul li .tree_label a {
    font-size: 14px;
  }
}
.list-cat ul li span, .nameslist ul li span {
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .list-cat ul li span, .nameslist ul li span {
    font-size: 10px;
  }
}
@media screen and (min-width: 767.9px) {
  .list-cat ul li span svg, .nameslist ul li span svg {
    width: 11px;
    height: 12px;
  }
}
.list-cat label.tree_label:before, .nameslist label.tree_label:before,
.list-cat .tree li span:before,
.nameslist .tree li span:before {
  display: none;
}

.list-grey ul li:hover {
  background: rgba(1, 45, 107, 0.08) !important;
}

.list-topics h3 {
  background: url(../../content/img/bg-pattern.png) no-repeat left 20px top;
}
.list-topics ul li {
  padding: 0 5px;
  background: linear-gradient(#2a538d 0%, #012d6b 100%) !important;
  border: 1px solid rgba(112, 112, 112, 0.27);
}
.list-topics ul li:after {
  display: none;
}
.list-topics ul li .tree_label {
  width: 100%;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
}
.list-topics ul li .tree_label a {
  display: block;
  padding-right: 22px;
  color: #fff !important;
  padding-left: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.845" height="14.134" viewBox="0 0 18.845 14.134"><path id="Icon_awesome-folder" data-name="Icon awesome-folder" d="M17.078,6.856H10.011L7.656,4.5H1.767A1.767,1.767,0,0,0,0,6.267v10.6a1.767,1.767,0,0,0,1.767,1.767H17.078a1.767,1.767,0,0,0,1.767-1.767V8.622A1.767,1.767,0,0,0,17.078,6.856Z" transform="translate(0 -4.5)" fill="%23adc0db"/></svg>');
}
@media screen and (min-width: 767.9px) {
  .list-topics ul li .tree_label a {
    font-size: 12px;
  }
}
.list-topics ul li .tree_label label {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inherit;
  white-space: nowrap;
}
.list-topics ul li span {
  font-family: Arial;
  font-weight: normal;
  line-height: 20px;
  text-align: right;
  color: #fff;
  opacity: 0.68;
}
.list-topics ul li span svg path {
  fill: #adc0db;
}
.list-topics ul li:hover .tree_label a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19.278" height="14.366" viewBox="0 0 19.278 14.366"><path id="Icon_awesome-folder-open" data-name="Icon awesome-folder-open" d="M19.168,13.033l-2.424,4.645a2.111,2.111,0,0,1-1.85,1.188H1.507a.9.9,0,0,1-.694-1.35l2.424-4.645a2.111,2.111,0,0,1,1.85-1.188H18.474a.9.9,0,0,1,.694,1.35ZM5.087,10.486H16.065V8.69a1.709,1.709,0,0,0-1.607-1.8H9.1L6.962,4.5H1.607A1.709,1.709,0,0,0,0,6.3V16.7l2.312-4.43A3.177,3.177,0,0,1,5.087,10.486Z" transform="translate(0 -4.5)" fill="%23fff"/></svg>');
}
.list-topics ul label.tree_label:before,
.list-topics ul li span:before {
  display: none;
}

.leftblock.fatCatleft.list-topics ul span, .leftblock.list-topics ul span {
  display: none;
}

/*===================Tarajem=======================*/
.list-names {
  overflow: visible;
}
.list-names .booklist-search {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list-names .booklist-search {
    width: 60%;
  }
}
.list-names .dropdown-lang {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid rgba(112, 112, 112, 0.17);
}
.list-names .dropdown-lang .btn {
  display: flex !important;
  margin: 0 !important;
  padding: 0 10px !important;
  height: inherit;
}
.list-names .dropdown-menu {
  float: none;
  width: 100%;
}
.list-names .dropdown-menu li {
  float: none;
  text-align: right;
  width: 100%;
}
@media screen and (min-width: 767.9px) {
  .list-names .search-options {
    width: inherit;
  }
}
.list-names .dropdown-toggle:after {
  left: 0;
  position: absolute;
}

.nameslist ul {
  display: block;
}
.nameslist ul li a {
  background-image: url(../../content/img/ico-name.svg);
  display: inline-flex;
  align-items: center;
  font-size: 18px;
}
.nameslist ul li:hover {
  background: rgba(1, 45, 107, 0.08) !important;
}
.nameslist ul li:hover h2 {
  color: inherit;
}
.nameslist ul li:hover a {
  color: #4b5c74;
}

/*====================================3bdat tree category page =======================*/
.categories .mainitem {
  padding: 0 10px;
}
.categories .list-cat ul, .categories .nameslist ul {
  margin-left: 0;
  margin-right: 0;
}
.categories .list-cat ul li, .categories .nameslist ul li {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.categories .list-cat ul li:after, .categories .nameslist ul li:after {
  display: none;
}
.categories .sub-cat ul li {
  display: block;
  height: auto;
  padding: 10px;
}
.categories .sub-cat ul li .head-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4b5c74 !important;
}
.categories .sub-cat ul li .head-toggle label,
.categories .sub-cat ul li .head-toggle a {
  color: inherit !important;
  font-size: 17px;
}
.categories .sub-cat ul li:hover {
  background: rgba(1, 45, 107, 0.08) !important;
}
.categories .sub-cat ul li:hover a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16.617" height="14.54" viewBox="0 0 16.617 14.54"><path id="Path_23144" data-name="Path 23144" d="M18.617,7.039v9.693a.82.82,0,0,1-.831.808H2.831A.82.82,0,0,1,2,16.732V6.231H17.786A.82.82,0,0,1,18.617,7.039ZM10.653,4.616H2V3.808A.82.82,0,0,1,2.831,3h6.16Z" transform="translate(-2 -3)" fill="%23012d6b"/></svg>');
}
.categories .sub-cat ul li:hover span {
  color: rgba(110, 110, 110, 0.68);
}
.categories .sub-cat ul li:hover svg path {
  fill: #9d9d9d !important;
}
.categories .sub-cat .items .result,
.categories .sub-cat .items-search-result .result {
  color: #fff;
  font-size: 13px;
  background: #012d6b;
  padding: 10px;
}
.categories .sub-cat .items .it,
.categories .sub-cat .items-search-result .it {
  padding: 10px 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
}
.categories .sub-cat .items .it:last-child,
.categories .sub-cat .items-search-result .it:last-child {
  border: 0;
}
.categories .sub-cat .items .it span,
.categories .sub-cat .items-search-result .it span {
  display: block;
  font-size: 16px;
  font-family: "GESSTwo", "Comfortaa", arial;
  color: #4b5c74 !important;
}
.categories .sub-cat .items .it span.text-primary,
.categories .sub-cat .items-search-result .it span.text-primary {
  color: #ab1e56 !important;
  font-family: "Lotus Linotype";
}

/*-======================Fatwa=================*/
.fatwalist .list-cat li label a label, .fatwalist .nameslist li label a label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.fatwalist .oneitems .owl-stage-outer,
.fatwalist .fatwa-slider .owl-stage-outer {
  height: auto !important;
}
.fatwalist .oneitems li,
.fatwalist .oneitems .item-slider,
.fatwalist .fatwa-slider li,
.fatwalist .fatwa-slider .item-slider {
  padding: 0;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  height: auto;
  font-family: "Lotus Linotype" !important;
  line-height: 20px;
}
.fatwalist .oneitems li h2,
.fatwalist .oneitems .item-slider h2,
.fatwalist .fatwa-slider li h2,
.fatwalist .fatwa-slider .item-slider h2 {
  padding-right: 20px;
  background: url(../../content/img/ico-quest.svg) no-repeat right 0px center;
  color: #012d6b;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .fatwalist .oneitems li h2,
.fatwalist .oneitems .item-slider h2,
.fatwalist .fatwa-slider li h2,
.fatwalist .fatwa-slider .item-slider h2 {
    font-size: 16px;
  }
}
.fatwalist .oneitems li h2 a,
.fatwalist .oneitems .item-slider h2 a,
.fatwalist .fatwa-slider li h2 a,
.fatwalist .fatwa-slider .item-slider h2 a {
  display: block;
}
.fatwalist .oneitems li p,
.fatwalist .oneitems .item-slider p,
.fatwalist .fatwa-slider li p,
.fatwalist .fatwa-slider .item-slider p {
  font-size: 18px !important;
  margin-top: 5px !important;
}
@media screen and (max-width: 767.9px) {
  .fatwalist .oneitems li p,
.fatwalist .oneitems .item-slider p,
.fatwalist .fatwa-slider li p,
.fatwalist .fatwa-slider .item-slider p {
    font-size: 16px;
  }
}
.fatwalist .oneitems li p a,
.fatwalist .oneitems .item-slider p a,
.fatwalist .fatwa-slider li p a,
.fatwalist .fatwa-slider .item-slider p a {
  color: #ab1e56;
  font-weight: bold;
  text-decoration: underline;
  padding-left: 17px;
  background: url(../../content/img/ico-next.svg) no-repeat left center;
}
.fatwalist .oneitems li p img,
.fatwalist .oneitems .item-slider p img,
.fatwalist .fatwa-slider li p img,
.fatwalist .fatwa-slider .item-slider p img {
  display: none;
  color: #000;
}
.fatwalist .oneitems li .top-item,
.fatwalist .oneitems .item-slider .top-item,
.fatwalist .fatwa-slider li .top-item,
.fatwalist .fatwa-slider .item-slider .top-item {
  padding: 10px;
}
.fatwalist .oneitems li .footer-item,
.fatwalist .oneitems .item-slider .footer-item,
.fatwalist .fatwa-slider li .footer-item,
.fatwalist .fatwa-slider .item-slider .footer-item {
  border-radius: 0px 0px 5px 5px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(112, 112, 112, 0.12);
  padding: 3px 5px;
}
.fatwalist .oneitems li .footer-item span,
.fatwalist .oneitems .item-slider .footer-item span,
.fatwalist .fatwa-slider li .footer-item span,
.fatwalist .fatwa-slider .item-slider .footer-item span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  float: none;
}
@media screen and (max-width: 767.9px) {
  .fatwalist .oneitems li .footer-item span,
.fatwalist .oneitems .item-slider .footer-item span,
.fatwalist .fatwa-slider li .footer-item span,
.fatwalist .fatwa-slider .item-slider .footer-item span {
    justify-content: space-between;
  }
}
.fatwalist .oneitems li .footer-item samp,
.fatwalist .oneitems .item-slider .footer-item samp,
.fatwalist .fatwa-slider li .footer-item samp,
.fatwalist .fatwa-slider .item-slider .footer-item samp {
  color: #6e6e6e;
  font-size: 15px !important;
  font-family: "Lotus Linotype";
  margin: 0 15px;
}
@media screen and (max-width: 767.9px) {
  .fatwalist .oneitems li .footer-item samp,
.fatwalist .oneitems .item-slider .footer-item samp,
.fatwalist .fatwa-slider li .footer-item samp,
.fatwalist .fatwa-slider .item-slider .footer-item samp {
    font-size: 12px !important;
    margin: 0;
  }
}
.fatwalist .oneitems li .footer-item a,
.fatwalist .oneitems .item-slider .footer-item a,
.fatwalist .fatwa-slider li .footer-item a,
.fatwalist .fatwa-slider .item-slider .footer-item a {
  color: #ab1e56;
}
.fatwalist .oneitems li:hover,
.fatwalist .fatwa-slider li:hover {
  background: rgba(1, 45, 107, 0.08);
}
.fatwalist .bg-actions, .fatwalist .search-page .catblue .arrange, .search-page .catblue .fatwalist .arrange, .fatwalist .search-page .list-cat .arrange, .search-page .list-cat .fatwalist .arrange, .fatwalist .search-page .list-topics .arrange, .search-page .list-topics .fatwalist .arrange, .fatwalist .search-page .nameslist .arrange, .search-page .nameslist .fatwalist .arrange, .fatwalist .forminheritance .row-form, .forminheritance .fatwalist .row-form {
  background: #fff;
  padding: 10px 0;
}
.fatwalist .bg-actions .action-login, .fatwalist .search-page .catblue .arrange .action-login, .search-page .catblue .fatwalist .arrange .action-login, .fatwalist .search-page .list-cat .arrange .action-login, .search-page .list-cat .fatwalist .arrange .action-login, .fatwalist .search-page .list-topics .arrange .action-login, .search-page .list-topics .fatwalist .arrange .action-login, .fatwalist .search-page .nameslist .arrange .action-login, .search-page .nameslist .fatwalist .arrange .action-login, .fatwalist .forminheritance .row-form .action-login, .forminheritance .fatwalist .row-form .action-login {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 12px;
  color: #f72f2f;
  text-align: center;
  margin-bottom: 15px;
}
.fatwalist .bg-actions .btn, .fatwalist .search-page .catblue .arrange .btn, .search-page .catblue .fatwalist .arrange .btn, .fatwalist .search-page .list-cat .arrange .btn, .search-page .list-cat .fatwalist .arrange .btn, .fatwalist .search-page .list-topics .arrange .btn, .search-page .list-topics .fatwalist .arrange .btn, .fatwalist .search-page .nameslist .arrange .btn, .search-page .nameslist .fatwalist .arrange .btn, .fatwalist .forminheritance .row-form .btn, .forminheritance .fatwalist .row-form .btn {
  font-size: 14px;
  border-radius: 10px;
  margin: 0 5px !important;
  width: 160px !important;
  height: 40px;
  padding: 5px !important;
  line-height: 30px;
}
.fatwalist .bg-actions .btn.btn-outline-primary, .fatwalist .search-page .catblue .arrange .btn.btn-outline-primary, .search-page .catblue .fatwalist .arrange .btn.btn-outline-primary, .fatwalist .search-page .list-cat .arrange .btn.btn-outline-primary, .search-page .list-cat .fatwalist .arrange .btn.btn-outline-primary, .fatwalist .search-page .list-topics .arrange .btn.btn-outline-primary, .search-page .list-topics .fatwalist .arrange .btn.btn-outline-primary, .fatwalist .search-page .nameslist .arrange .btn.btn-outline-primary, .search-page .nameslist .fatwalist .arrange .btn.btn-outline-primary, .fatwalist .forminheritance .row-form .btn.btn-outline-primary, .forminheritance .fatwalist .row-form .btn.btn-outline-primary {
  background: #fff !important;
  color: #ab1e56 !important;
  border: 1px solid #ab1e56 !important;
}
.fatwalist .bg-actions .btn.btn-blue, .fatwalist .search-page .catblue .arrange .btn.btn-blue, .search-page .catblue .fatwalist .arrange .btn.btn-blue, .fatwalist .search-page .list-cat .arrange .btn.btn-blue, .search-page .list-cat .fatwalist .arrange .btn.btn-blue, .fatwalist .search-page .list-topics .arrange .btn.btn-blue, .search-page .list-topics .fatwalist .arrange .btn.btn-blue, .fatwalist .search-page .nameslist .arrange .btn.btn-blue, .search-page .nameslist .fatwalist .arrange .btn.btn-blue, .fatwalist .forminheritance .row-form .btn.btn-blue, .forminheritance .fatwalist .row-form .btn.btn-blue {
  background: #012d6b !important;
}

.login .btn {
  height: 35px;
  line-height: 35px;
  min-width: auto !important;
  width: 75px !important;
  padding: 0 8px !important;
  font-size: 13px;
}

.left-nav .loginleft {
  display: none;
}

.mostviewleft h3 {
  background: url(../../content/img/bg-pattern.png) no-repeat left 20px top;
}
@media screen and (max-width: 767.9px) {
  .mostviewleft ul {
    display: none;
  }
}
.mostviewleft ul li {
  height: auto;
  padding: 5px;
  width: 100% !important;
}
.mostviewleft ul li:hover {
  background: rgba(1, 45, 107, 0.08) !important;
}
.mostviewleft ul li h2 {
  margin: 0;
}
.mostviewleft ul li a {
  background-image: none !important;
  padding-right: 0;
}
.mostviewleft ul li span {
  background: transparent !important;
  margin: 0;
  padding: 0;
}
.mostviewleft ul li span img {
  width: 18px;
}

.fatwa-slider {
  margin-bottom: 15px;
}
.fatwa-slider .owl-item {
  padding: 0;
}
.fatwa-slider .item-slider {
  margin-bottom: 0 !important;
}
.fatwa-slider .top-item {
  display: flex;
}
.fatwa-slider .top-item .img-item {
  width: 45%;
  flex: 0 0 45%;
  margin-left: 10px;
}
.fatwa-slider .top-item .img-item .img-wrapper {
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .fatwa-slider .top-item .img-item {
    width: 33%;
    flex: 0 0 33%;
  }
}
.fatwa-slider .top-item .img-item .rules {
  padding: 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  width: 73px;
  height: 23px;
  border-radius: 0px 0px 5px 0px;
  background: rgba(171, 30, 86, 0.87);
}
.fatwa-slider .top-item h2 {
  padding: 0 !important;
  background: transparent !important;
  text-align: right;
  margin-top: 20px;
  font-size: 20px !important;
}
@media screen and (max-width: 767.9px) {
  .fatwa-slider .top-item h2 {
    margin-top: 0;
    font-size: 18px !important;
  }
}
@media screen and (min-width: 768px) {
  .fatwa-slider .top-item p {
    font-size: 18px !important;
  }
}

.questmodal {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
  color: #292929;
}

.item-fatwa {
  padding: 0;
  background: #fff;
  border-radius: 5px;
  height: auto;
  font-family: "Lotus Linotype" !important;
  line-height: 20px;
}
.item-fatwa h2 {
  padding-right: 20px;
  background: url(../../content/img/ico-quest.svg) no-repeat right center;
  color: #012d6b;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: "GESSTwo", "Comfortaa", arial !important;
}
@media screen and (max-width: 767.9px) {
  .item-fatwa h2 {
    font-size: 16px;
  }
}
.item-fatwa h2 a {
  display: block;
  font-family: "GESSTwo", "Comfortaa", arial !important;
}
.item-fatwa .top-item {
  padding: 10px;
}
.item-fatwa .footer-item {
  border-radius: 0px 0px 5px 5px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(112, 112, 112, 0.12);
  padding: 3px 5px;
}
.item-fatwa .footer-item span {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  float: none;
}
@media screen and (max-width: 767.9px) {
  .item-fatwa .footer-item span {
    justify-content: space-between;
  }
}
.item-fatwa .footer-item samp {
  color: #6e6e6e;
  font-size: 17px !important;
  font-family: "Lotus Linotype";
  margin: 0 15px;
}
@media screen and (max-width: 767.9px) {
  .item-fatwa .footer-item samp {
    font-size: 12px !important;
    margin: 0;
  }
}
.item-fatwa .footer-item a {
  color: #ab1e56;
}

@media screen and (max-width: 767.9px) {
  .d-none-mobile {
    display: none;
  }
}

.d-mobile {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .d-mobile {
    display: block;
  }
}

@media screen and (max-width: 767.9px) {
  .leftblock {
    margin-bottom: 10px;
  }
}

.bg-actions .collapseSearch, .search-page .catblue .arrange .collapseSearch, .search-page .list-cat .arrange .collapseSearch, .search-page .list-topics .arrange .collapseSearch, .search-page .nameslist .arrange .collapseSearch, .forminheritance .row-form .collapseSearch {
  padding: 0 10px 10px;
}
.bg-actions .inputstyle, .search-page .catblue .arrange .inputstyle, .search-page .list-cat .arrange .inputstyle, .search-page .list-topics .arrange .inputstyle, .search-page .nameslist .arrange .inputstyle, .forminheritance .row-form .inputstyle {
  width: 49%;
  font-family: "Lotus Linotype";
}
.bg-actions .form-check .form-check-input, .search-page .catblue .arrange .form-check .form-check-input, .search-page .list-cat .arrange .form-check .form-check-input, .search-page .list-topics .arrange .form-check .form-check-input, .search-page .nameslist .arrange .form-check .form-check-input, .forminheritance .row-form .form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
  border: 5px solid #e3e7ee;
  width: 21px;
  height: 21px;
  outline: transparent !important;
  box-shadow: none !important;
}
.bg-actions .form-check, .search-page .catblue .arrange .form-check, .search-page .list-cat .arrange .form-check, .search-page .list-topics .arrange .form-check, .search-page .nameslist .arrange .form-check, .forminheritance .row-form .form-check {
  padding-right: 1.5em;
  padding-left: 0;
  margin: 10px 0;
  width: 33%;
  flex: 0 0 33%;
  font-family: "Lotus Linotype";
}
.bg-actions .form-check-input:checked[type=radio], .search-page .catblue .arrange .form-check-input:checked[type=radio], .search-page .list-cat .arrange .form-check-input:checked[type=radio], .search-page .list-topics .arrange .form-check-input:checked[type=radio], .search-page .nameslist .arrange .form-check-input:checked[type=radio], .forminheritance .row-form .form-check-input:checked[type=radio] {
  background: #ab1e56;
}

.mainitem.quest-fatwa {
  padding: 10px 15px;
}
.mainitem.quest-fatwa .mainitemtitle2 {
  padding: 6px;
  border-radius: 5px 0px;
  background: rgba(171, 30, 86, 0.87);
  min-width: 75px;
  line-height: 23px;
}
@media screen and (max-width: 767.9px) {
  .mainitem.quest-fatwa p {
    font-family: "Lotus Linotype";
    font-weight: 300;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: right;
    color: #000;
  }
}
.mainitem.quest-fatwa .static-nums {
  font-family: Arial;
  font-weight: normal;
  font-size: 10px;
  line-height: 20px;
  color: #ab1e56;
}
.mainitem.quest-fatwa .static-nums span {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .mainitem.quest-fatwa .static-nums span {
    font-size: 17px;
  }
}
.mainitem.quest-fatwa .static-nums span svg {
  margin: 0 5px;
}
@media screen and (min-width: 768px) {
  .mainitem.quest-fatwa .static-nums span svg {
    width: 16px;
    height: 13px;
  }
}

.links-shares a {
  margin: 0 5px;
  display: inline-flex !important;
}

/*===========================Mwareth=========================*/
.title-calc {
  border-radius: 5px 5px 0px 0px;
  background: rgba(171, 30, 86, 0.06);
  padding: 10px 20px;
}
.title-calc p {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #ab1e56;
}

.forminheritance {
  padding: 10px;
  background: #fff;
}
.forminheritance .row-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border-radius: 5px;
  background: rgba(240, 240, 240, 0.37);
  padding: 0 5px;
  margin-bottom: 10px;
}
.forminheritance .row-form > span,
.forminheritance .row-form > label {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  text-align: right;
  color: #292929;
}
.forminheritance .row-form .form-check {
  display: inline-block;
  width: auto;
  margin: 0 5px;
}

.note-mwareth {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  color: #f72f2f;
}

.quest-btn {
  background: #012d6b;
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quest-btn svg {
  margin-left: 10px;
}
.quest-btn a {
  color: inherit;
}

.footform-mwareth {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footform-mwareth .btn-gradient-primary {
  max-width: 48%;
  width: 177px;
  height: 41px;
  border-radius: 5px;
  background: linear-gradient(#d15b8a 0%, #ab1e56 100%);
  border: 1px solid rgba(0, 0, 0, 0);
  color: #fff;
}
.footform-mwareth .btn-outline-primary {
  max-width: 48%;
  width: 177px;
  height: 41px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ab1e56;
  color: #ab1e56;
}

/*===========================Search=======================*/
.global-search {
  display: flex;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  margin-bottom: 15px;
  margin-top: 10px;
}
.global-search .input-searchBooks {
  background: transparent;
  border: 0;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
}
.global-search .input-searchBooks::-webkit-input-placeholder {
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .global-search .input-searchBooks::-webkit-input-placeholder {
    font-size: 12px !important;
  }
}

.resultsearch-lnks {
  padding: 10px 0 0 0;
  background: #dbdbdb;
}

.links-booksinfo a {
  min-width: 77px;
}

.search-page {
  background: #f7f7f7;
  padding: 10px 5px;
  /* Thumb: webkit */
  /* Thumb: Firefox */
  /* Hover, active & focus Thumb: Webkit */
  /* Hover, active & focus Thumb: Firfox */
}
.search-page .slidecontainer {
  width: 70%;
  flex: 0 0 70%;
}
.search-page .block-search h3,
.search-page .right-nav h3 {
  background: none;
}
.search-page .slider {
  -webkit-appearance: #ab1e56;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  outline: none;
  background: rgba(59, 62, 81, 0.27);
  background: #ab1e56;
}
.search-page .slider:hover {
  opacity: 1;
}
.search-page .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: #ab1e56;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.search-page .slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #ab1e56;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.search-page input[type=range] {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none;
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  /*  overflow: hidden;  remove this line*/
  /* New additions */
  height: 2px;
  background: rgba(59, 62, 81, 0.27);
}
.search-page input[type=range]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none;
  /* creating a custom design */
  height: 15px;
  width: 15px;
  background-color: #ab1e56;
  border-radius: 50%;
  border: none;
  /* box-shadow: -407px 0 0 400px #f50; emove this line */
  transition: 0.2s ease-in-out;
}
.search-page input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #ab1e56;
  border-radius: 50%;
  border: none;
  /* box-shadow: -407px 0 0 400px #f50; emove this line */
  transition: 0.2s ease-in-out;
}
.search-page input[type=range]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(255, 85, 0, 0.1);
}
.search-page input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(255, 85, 0, 0.2);
}
.search-page input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(255, 85, 0, 0.2);
}
.search-page input[type=range]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(255, 85, 0, 0.1);
}
.search-page input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(255, 85, 0, 0.2);
}
.search-page input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(255, 85, 0, 0.2);
}
.search-page .catblue, .search-page .list-cat, .search-page .list-topics, .search-page .nameslist {
  background: #fff;
  margin-bottom: 10px;
  padding: 0 15px;
}
.search-page .catblue h3, .search-page .list-cat h3, .search-page .list-topics h3, .search-page .nameslist h3,
.search-page .catblue h5,
.search-page .list-cat h5,
.search-page .list-topics h5,
.search-page .nameslist h5 {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 20px;
  text-align: right;
  color: #012d6b;
  padding: 0;
}
.search-page .catblue .arrange, .search-page .list-cat .arrange, .search-page .list-topics .arrange, .search-page .nameslist .arrange {
  display: flex;
}
.search-page .catblue .classfiy, .search-page .list-cat .classfiy, .search-page .list-topics .classfiy, .search-page .nameslist .classfiy {
  margin-bottom: 15px;
}
.search-page .catblue .classfiy select, .search-page .list-cat .classfiy select, .search-page .list-topics .classfiy select, .search-page .nameslist .classfiy select {
  width: 48%;
  font-family: "Lotus Linotype";
}
.search-page .catblue .block-search, .search-page .list-cat .block-search, .search-page .list-topics .block-search, .search-page .nameslist .block-search {
  border-radius: 3px;
  background: #fff;
  border: 1px solid rgba(112, 112, 112, 0.17);
  padding: 15px 10px 5px;
}
.search-page .catblue .block-search h3, .search-page .list-cat .block-search h3, .search-page .list-topics .block-search h3, .search-page .nameslist .block-search h3 {
  line-height: 20px;
  margin: 0;
}

/*=========================Search Result========================*/
.global-searchresult .result-head {
  color: #fff;
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
  background: #012d6b;
  padding: 10px;
}

.detailsearchlk {
  font-family: "GE SS Two";
  font-weight: 500;
  text-decoration: underline !important;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #ab1e56;
  padding: 0 10px;
}

.mainitem:after {
  display: none;
}

.search-results li {
  height: auto !important;
  background-image: url(../img/ico-searchresultitem.svg);
}
.search-results li:hover {
  background-color: rgba(1, 45, 107, 0.08);
  background-image: url(../img/ico-searchresultitem.svg);
}
.search-results h5 {
  font-family: "GESSTwo", "Comfortaa", arial;
  font-size: 19px !important;
  font-weight: normal;
  color: #012d6b;
  margin-bottom: 14px;
}
@media screen and (max-width: 767.9px) {
  .search-results h5 {
    font-size: 14px !important;
  }
}
.search-results .desc {
  font-family: "Lotus Linotype";
  font-size: 20px !important;
  color: #012d6b !important;
  margin: 0 !important;
}
@media screen and (max-width: 767.9px) {
  .search-results .desc {
    font-size: 14px !important;
  }
}
.search-results .book-name {
  font-family: "Lotus Linotype";
  font-size: 12px !important;
  color: #6e6e6e;
}

/*=============================Fhrs===============================*/
.book-content {
  font-family: "Lotus Linotype";
  padding: 0;
}
.book-content .portalheader {
  background: #fff;
}
.book-content .portalheader section {
  padding: 10px 15px;
}
.book-content .booktitle {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .book-content .booktitle {
    margin-top: 10px;
  }
}
.book-content h4,
.book-content h3 {
  font-weight: 300;
}

.booktopsdata .dropdown {
  display: inline-block;
  width: 45px;
  height: 25px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid rgba(234, 234, 234, 0.69);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
  text-align: right;
}
.booktopsdata .dropdown .dropdown-toggle {
  color: #ab1e56;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: right;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 7px;
}
.booktopsdata .dropdown .dropdown-toggle:after {
  border: 0;
  width: 8px;
  height: 5px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8.06" height="4.608" viewBox="0 0 8.06 4.608"><path id="arrow-down" d="M10.219,14.466l3.048-3.05a.574.574,0,0,1,.814,0,.581.581,0,0,1,0,.816l-3.453,3.456a.575.575,0,0,1-.794.017l-3.477-3.47a.576.576,0,0,1,.814-.816Z" transform="translate(-6.187 -11.246)" fill="%23012d6b"/></svg>');
  background-repeat: no-repeat;
}
.booktopsdata .dropdown .dropdown-item {
  text-align: right;
}
.booktopsdata .dropdown .btn {
  margin: 0;
}

.bookcontent-dic {
  color: #012d6b !important;
  line-height: normal;
  background: #fff;
  font-size: 18px;
  padding: 12px;
}
@media screen and (min-width: 768px) {
  .bookcontent-dic {
    font-size: 20px !important;
  }
}
.bookcontent-dic .hadith {
  color: #012d6b !important;
}

.links-booksinfo {
  margin: 10px 0;
}
.links-booksinfo a {
  width: 93px;
  height: 26px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  margin: 0 3px 8px;
  font-family: "GE SS Two";
  font-size: 13px;
  color: #9d9d9d;
  padding: 0;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .links-booksinfo a {
    font-size: 16px !important;
    width: auto;
    padding: 0 10px;
  }
}
.links-booksinfo a.active, .links-booksinfo a:hover {
  border-radius: 4px;
  background: #012d6b;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
}
.links-booksinfo.new-style a {
  background: #002d6a;
  color: #fff;
}
.links-booksinfo.new-style a.active, .links-booksinfo.new-style a:hover {
  background: #ab1e56;
  color: #fff;
}

.modaltabsinfo .modal-dialog {
  margin: 0;
  align-items: flex-end;
  display: flex;
  height: 100vh;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .modaltabsinfo .modal-dialog {
    max-width: 60%;
    margin: 0 auto;
  }
}
.modaltabsinfo .modal-dialog .modal-content {
  height: 70vh;
  overflow: hidden;
}

.tabs-modaltabsinfo {
  margin: 0;
}
.tabs-modaltabsinfo .nav-tabs {
  border: 0;
  border-bottom: 3px solid rgba(205, 212, 217, 0.4);
  padding: 0 20px;
}
@media screen and (max-width: 767.9px) {
  .tabs-modaltabsinfo .nav-tabs {
    justify-content: space-between;
  }
}
.tabs-modaltabsinfo .nav-link {
  border: 0;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #6e6e6e;
  padding: 0 5px 10px;
  border-bottom: 4.5px solid transparent;
  min-width: 120px;
}
@media screen and (max-width: 767.9px) {
  .tabs-modaltabsinfo .nav-link {
    font-size: 12px;
    min-width: auto;
  }
}
.tabs-modaltabsinfo .nav-link.active {
  color: #164280;
  font-weight: bold;
  border-bottom: 4.5px solid #ab1e56;
  transition: all 1s;
}
.tabs-modaltabsinfo .tab-pane {
  padding: 0 15px;
}
.tabs-modaltabsinfo .tab-content {
  padding: 15px 0;
  border-radius: 10px 10px 0px 0px;
  background: #fff;
  color: #4a4a4a;
  font-family: "Lotus Linotype";
  font-size: 16px;
}

.exp-book {
  max-height: 300px;
  overflow-y: scroll;
  padding-left: 10px;
}

.tree-list {
  margin-top: 20px;
}
.tree-list li {
  padding: 15px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
}
.tree-list li a {
  display: flex;
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  text-align: right;
  color: #012d6b;
}
.tree-list li a svg {
  margin: 0 10px;
  flex: 0 0 25px;
}

.book-left-nav,
.book-right-nav {
  display: inline-block;
}

.close-bookindex {
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 10000;
  display: none;
}

.wrapper-fhrs {
  padding: 20px 0;
}

@media screen and (max-width: 767.9px) {
  .wrapper-fhrs {
    padding: 0;
  }

  .book-left-nav {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .book-left-nav .close-bookindex {
    display: block;
  }
  .book-left-nav .bookindex {
    width: calc(100% - 20px);
    background: #fff;
    height: 100vh;
  }
}
.first-level {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  font-size: 18px;
}
.first-level label {
  width: 100%;
}
.first-level .num-page {
  float: left;
}
.first-level .num-page:before {
  display: none;
}
.first-level .tree_label:before {
  width: 25px;
  height: 18px;
  display: inline-block;
  content: " ";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.76" height="18.2" viewBox="0 0 24.76 18.2"><path id="folder_FILL1_wght200_GRAD0_opsz24" d="M122.222-711.031a2.152,2.152,0,0,1-1.586-.636,2.152,2.152,0,0,1-.636-1.586v-13.756a2.152,2.152,0,0,1,.636-1.586,2.152,2.152,0,0,1,1.586-.636h7.542a2.169,2.169,0,0,1,.864.18,2.264,2.264,0,0,1,.718.479l1.034,1.034h10.158a2.153,2.153,0,0,1,1.586.636,2.152,2.152,0,0,1,.636,1.586v12.063a2.152,2.152,0,0,1-.636,1.586,2.152,2.152,0,0,1-1.586.636Z" transform="translate(-120 729.231)" fill="%23012d6b"/></svg>');
}
.first-level :checked ~ label.tree_label {
  background-color: transparent !important;
}
.first-level :checked ~ label.tree_label .num-page p {
  display: none !important;
}
.first-level :checked ~ label.tree_label .num-page svg {
  transform: rotate(270deg);
}
.first-level :checked ~ label.tree_label:before {
  content: " ";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.713" height="18" viewBox="0 0 26.713 18"><path id="folder_open_FILL1_wght200_GRAD0_opsz24" d="M122.041-711.231a1.972,1.972,0,0,1-1.451-.59,1.972,1.972,0,0,1-.59-1.451v-13.762a2.1,2.1,0,0,1,.668-1.529,2.1,2.1,0,0,1,1.529-.668h7.825a1.319,1.319,0,0,1,.5.1,1.309,1.309,0,0,1,.436.29l1.285,1.285h10.047a2.036,2.036,0,0,1,1.228.381,2,2,0,0,1,.734.98H123.558a2.118,2.118,0,0,0-1.555.642A2.118,2.118,0,0,0,121.36-724v10.57a.74.74,0,0,0,.144.471,1.24,1.24,0,0,0,.379.314l2.949-9.861a1.366,1.366,0,0,1,.506-.705,1.337,1.337,0,0,1,.8-.266h19.2a1.3,1.3,0,0,1,1.095.543,1.309,1.309,0,0,1,.216,1.207l-2.71,9.052a1.941,1.941,0,0,1-.742,1.045,2.038,2.038,0,0,1-1.223.4Z" transform="translate(-120 729.231)" fill="%23012d6b"/></svg>');
}
.first-level input:checked ~ ul:before {
  border: 0 !important;
}
.first-level label,
.first-level .tree_label {
  color: #012d6b !important;
}
.first-level ul {
  margin-right: 20px;
}
.first-level ul li :checked ~ label.tree_label:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.713" height="18" viewBox="0 0 26.713 18"><path id="folder_open_FILL1_wght200_GRAD0_opsz24" d="M122.041-711.231a1.972,1.972,0,0,1-1.451-.59,1.972,1.972,0,0,1-.59-1.451v-13.762a2.1,2.1,0,0,1,.668-1.529,2.1,2.1,0,0,1,1.529-.668h7.825a1.319,1.319,0,0,1,.5.1,1.309,1.309,0,0,1,.436.29l1.285,1.285h10.047a2.036,2.036,0,0,1,1.228.381,2,2,0,0,1,.734.98H123.558a2.118,2.118,0,0,0-1.555.642A2.118,2.118,0,0,0,121.36-724v10.57a.74.74,0,0,0,.144.471,1.24,1.24,0,0,0,.379.314l2.949-9.861a1.366,1.366,0,0,1,.506-.705,1.337,1.337,0,0,1,.8-.266h19.2a1.3,1.3,0,0,1,1.095.543,1.309,1.309,0,0,1,.216,1.207l-2.71,9.052a1.941,1.941,0,0,1-.742,1.045,2.038,2.038,0,0,1-1.223.4Z" transform="translate(-120 729.231)" fill="%23ab1e56"/></svg>');
}
.first-level ul li :checked ~ label.tree_label {
  color: #ab1e56 !important;
}
.first-level ul ul {
  margin-right: 20px;
}
.first-level ul ul li span.tree_label {
  color: #6c6c6c !important;
  font-size: 14px;
}
.first-level ul ul li span.tree_label:before {
  content: "";
  width: 11px;
  height: 15px;
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="14.667" viewBox="0 0 11 14.667"><path id="Icon_awesome-file-alt" data-name="Icon awesome-file-alt" d="M6.417,3.9V0H.688A.686.686,0,0,0,0,.688V13.979a.686.686,0,0,0,.688.687h9.625A.686.686,0,0,0,11,13.979v-9.4H7.1A.69.69,0,0,1,6.417,3.9Zm1.833,6.76A.345.345,0,0,1,7.906,11H3.094a.345.345,0,0,1-.344-.344v-.229a.345.345,0,0,1,.344-.344H7.906a.345.345,0,0,1,.344.344Zm0-1.833a.345.345,0,0,1-.344.344H3.094a.345.345,0,0,1-.344-.344V8.594a.345.345,0,0,1,.344-.344H7.906a.345.345,0,0,1,.344.344Zm0-2.063V6.99a.345.345,0,0,1-.344.344H3.094A.345.345,0,0,1,2.75,6.99V6.76a.345.345,0,0,1,.344-.344H7.906A.345.345,0,0,1,8.25,6.76ZM11,3.492v.175H7.333V0h.175A.687.687,0,0,1,8,.2l2.8,2.807A.685.685,0,0,1,11,3.492Z" fill="%23797979"/></svg>');
}

/*-=======================Audio=================*/
.audiolist ul .listitems h2 {
  line-height: normal;
  height: auto;
}
@media screen and (max-width: 767.9px) {
  .audiolist ul .listitems h2 {
    font-size: 16px;
  }
}
.audiolist ul .listitems h3 {
  font-family: "Lotus Linotype";
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .audiolist ul .listitems h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .audiolist ul .listitems .stars {
    font-size: 14px;
    font-family: "Lotus Linotype";
    font-weight: bold;
  }
}
.audiolist ul .listitems .stars i {
  color: #cecece;
}
.audiolist ul .listitems .stars i.rated1 {
  color: #012d6b;
}
.audiolist ul .listitems .wrapper-item {
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="15.199" height="15.199" viewBox="0 0 15.199 15.199"><path id="Icon_awesome-user-alt" data-name="Icon awesome-user-alt" d="M7.6,8.55A4.275,4.275,0,1,0,3.325,4.275,4.276,4.276,0,0,0,7.6,8.55Zm3.8.95H9.764a5.168,5.168,0,0,1-4.328,0H3.8A3.8,3.8,0,0,0,0,13.3v.475A1.425,1.425,0,0,0,1.425,15.2h12.35A1.425,1.425,0,0,0,15.2,13.775V13.3A3.8,3.8,0,0,0,11.4,9.5Z" fill="%23012d6b"/></svg>');
  background-position: top right;
  background-repeat: no-repeat;
}
.audiolist ul .listitems .wrapper-item .ritem {
  flex: 0 0 75%;
}
.audiolist ul .listitems .wrapper-item .litem {
  text-align: left;
}

.leftaudios {
  overflow: hidden;
  background: #fff;
  margin-bottom: 25px;
}
.leftaudios h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-weight: normal;
  line-height: 40px;
  color: #002d6a;
  background: url(../../content/img/bg-pattern.png) no-repeat left 20px top;
}
.leftaudios h3 span {
  display: inline-flex;
  align-items: center;
}
.leftaudios h3 img {
  float: right;
  margin-left: 6px;
  max-height: 40px;
}
.leftaudios h3 a {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .leftaudios h3 a {
    display: none;
  }
}
.leftaudios.changeStyle > h3 a {
  transform: rotate(180deg);
}
.leftaudios h4 {
  background: #012d6b;
  height: 40px;
  padding: 10px 20px;
  color: #fff;
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #fff;
}
.leftaudios h4 svg {
  margin-left: 6px;
}

@media screen and (max-width: 767.9px) {
  .items-suggest {
    display: none;
  }
}
.items-suggest ul li {
  padding: 10px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
}
.items-suggest ul li .wrapper-item {
  padding-right: 20px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="15.199" height="15.199" viewBox="0 0 15.199 15.199"><path id="Icon_awesome-user-alt" data-name="Icon awesome-user-alt" d="M7.6,8.55A4.275,4.275,0,1,0,3.325,4.275,4.276,4.276,0,0,0,7.6,8.55Zm3.8.95H9.764a5.168,5.168,0,0,1-4.328,0H3.8A3.8,3.8,0,0,0,0,13.3v.475A1.425,1.425,0,0,0,1.425,15.2h12.35A1.425,1.425,0,0,0,15.2,13.775V13.3A3.8,3.8,0,0,0,11.4,9.5Z" fill="%23012d6b"/></svg>');
  background-position: top 5px right;
  background-repeat: no-repeat;
}
.items-suggest ul li .wrapper-item h6 {
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 12px;
}
.items-suggest ul li .wrapper-item span {
  font-family: "Lotus Linotype";
  font-weight: bold;
  font-size: 14px;
}
.items-suggest ul li .wrapper-item h5 {
  font-family: "Lotus Linotype";
  font-size: 16px;
}

.sounds-list {
  margin-top: 10px;
  background: #fff;
  padding: 15px 10px;
}
.sounds-list h3 {
  margin-top: 0;
}
.sounds-list li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
}
.sounds-list li .icoink {
  background: transparent;
}
.sounds-list li h2 {
  color: #012d6b;
}
.sounds-list li h2 svg {
  margin-left: 10px;
}
.sounds-list li h2 a {
  color: inherit;
}

.title-audio {
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 18px;
  line-height: 39px;
}

.soundlist .sitems:hover {
  background: rgba(1, 45, 107, 0.08);
}
.soundlist .sitems:hover h2 {
  color: #012d6b !important;
}
.soundlist .sitems:hover h2 a {
  color: inherit !important;
}
.soundlist .sfolder .list-info-sound {
  display: flex;
  flex-wrap: wrap;
}
.soundlist .sfolder .list-info-sound p {
  flex: 0 0 50%;
  margin: 3px 0;
}
.soundlist .sfolder .list-info-sound p svg {
  max-width: 15px;
  margin-left: 5px;
}
.soundlist .sfolder .list-info-sound p span {
  color: #6e6e6e;
}
.soundlist .sfolder .list-info-sound p span.lb {
  color: #012d6b !important;
  width: 80px;
  display: inline-block;
}

.title-sounditempg {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.17);
  margin-bottom: 15px;
}
@media screen and (max-width: 767.9px) {
  .title-sounditempg .stars {
    font-size: 14px;
    font-family: "Lotus Linotype";
    font-weight: bold;
  }
}
.title-sounditempg .stars i {
  color: #cecece;
}
.title-sounditempg .stars i.rated1 {
  color: #012d6b;
}

.right-nav {
  position: relative;
}

.itemplayer {
  border-radius: 15px 15px 0px 0px;
  background: #012d6b;
  box-shadow: 20px 35px 50px rgba(94, 119, 251, 0.07);
  padding: 8px 0 0 0;
}
@media screen and (max-width: 767.9px) {
  .itemplayer {
    margin-bottom: -10px;
    width: calc(102% + 20px);
    margin-right: calc(-1% - 10px);
  }
}
.itemplayer .icoink {
  background: transparent;
}

.buttons-audio {
  background: #012d6b;
  box-shadow: 20px 35px 50px rgba(94, 119, 251, 0.07);
  border-radius: 0px 0px 5px 5px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .buttons-audio {
    justify-content: flex-end;
  }
}
.buttons-audio h6 {
  font-family: "GE SS Two";
  font-weight: 500;
  font-size: 12px;
  line-height: 39px;
  text-align: right;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .buttons-audio .links-buttons {
    margin-left: 20px;
  }
}
.buttons-audio .links-buttons a {
  background: transparent;
}
@media screen and (min-width: 768px) {
  .buttons-audio .links-buttons a {
    margin: 0 10px;
  }
}

.shaf_player {
  border-radius: 15px 15px 0px 0px;
  background: #fff;
  box-shadow: 20px 35px 50px rgba(94, 119, 251, 0.07);
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  height: 55px;
  margin: 0;
  padding: 0 7px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .shaf_player {
    justify-content: space-between;
  }
}
.shaf_player #stopbuttonMoton {
  margin: 0 8px;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml,<svg id="pause" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g id="Group_50" data-name="Group 50" transform="translate(10.304 8.801)"><g id="Group_4378" data-name="Group 4378"><rect id="Rectangle_70" data-name="Rectangle 70" width="3" height="13" rx="1.5" transform="translate(-0.304 0.199)" fill="%23ab1e56"/><rect id="Rectangle_667" data-name="Rectangle 667" width="3" height="13" rx="1.5" transform="translate(6.696 0.199)" fill="%23ab1e56"/></g></g><g id="Ellipse_26" data-name="Ellipse 26" fill="none" stroke="%23012d6b" stroke-width="2"><circle cx="15" cy="15" r="15" stroke="none"/><circle cx="15" cy="15" r="14" fill="none"/></g></svg>');
}
.shaf_player div.jp-progress {
  height: 3px !important;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .shaf_player div.jp-progress {
    width: 390px;
  }
}
.shaf_player div.jp-seek-bar {
  background: #adc0db;
}
.shaf_player #playerspeed {
  background: transparent;
  color: #000;
  border: 0;
  direction: ltr;
  width: 40px;
}
.shaf_player #currentTimeMoton,
.shaf_player #durationTimeMoton {
  color: #000;
}
.shaf_player #playbuttonMoton {
  display: none !important;
}
.shaf_player .prev {
  width: 12px;
  height: 11px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.324" height="11.05" viewBox="0 0 12.324 11.05"><path id="backward-solid" d="M7.139,5l.764.569,5.754,4.316.51.39-.51.39L7.9,14.98l-.764.569V12.013L3.108,14.98l-.764.554V5.015l.764.554L7.139,8.537ZM3.3,6.9v6.743l4.031-2.967.539-.4-.539-.4Zm4.8.015v6.713l4.466-3.357Z" transform="translate(-2.094 -4.75)" fill="%23012d6b" stroke="%23012d6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/></svg>');
}
.shaf_player .next {
  width: 12px;
  height: 11px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.324" height="11.05" viewBox="0 0 12.324 11.05"><path id="backward-solid" d="M9.372,5l-.764.569L2.853,9.885l-.51.39.51.39L8.608,14.98l.764.569V12.013L13.4,14.98l.764.554V5.015l-.764.554L9.372,8.537Zm3.836,1.9v6.743L9.177,10.679l-.539-.4.539-.4Zm-4.8.015v6.713L3.947,10.275Z" transform="translate(-2.094 -4.75)" fill="%23012d6b" stroke="%23012d6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/></svg>');
}

/*-=======================Footer=================*/
.footer {
  background: #012d6b;
  font-family: "GE SS Two";
}
@media screen and (max-width: 767.9px) {
  .footer {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer .d-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 767.9px) {
  .footer section {
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
}
.footer section:after {
  display: none;
}

.sub-footer {
  float: right;
  width: 25%;
}
@media screen and (max-width: 767.9px) {
  .sub-footer {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 767.9px) {
  .sub-footer .menu-footer-mob {
    background: #ab1e56;
    padding: 10px;
  }
}
.sub-footer .menu-footer-mob a {
  color: #fff;
  font-size: 12px;
  padding: 0px 8px;
  width: 0px;
  border-left: 0.5px solid rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 767.9px) {
  .sub-footer .menu-footer-mob a {
    padding: 0px 10px;
  }
}
.sub-footer .menu-footer-mob a:last-child {
  border-left: 0;
}
.sub-footer .sub-footer-wrapper {
  padding: 10px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767.9px) {
  .sub-footer .sub-footer-wrapper {
    background: url(../../content/img/bg-footer.svg) no-repeat center left;
    justify-content: space-between;
  }
}
.sub-footer .sub-footer-wrapper .logo-app {
  max-width: 100px;
}
@media screen and (min-width: 768px) {
  .sub-footer .sub-footer-wrapper .logo-app {
    max-width: none;
  }
}
.sub-footer .sub-footer-wrapper .logo-app img {
  max-width: 100px;
}
@media screen and (min-width: 768px) {
  .sub-footer .sub-footer-wrapper .logo-app img {
    max-width: 225px;
  }
}
.sub-footer .sub-footer-wrapper .logo-app.awkaf {
  width: 70px;
}
.sub-footer .sub-footer-wrapper .logo-app.awkaf img {
  max-width: 100%;
  margin-right: 10px;
}
.sub-footer .footapp {
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  width: auto !important;
}
.sub-footer .footapp a {
  margin: 0 0;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .sub-footer .footapp a {
    width: auto;
  }
}
.sub-footer .footapp a:last-child {
  margin: 0;
}
.sub-footer .footapp a img {
  width: 100%;
  border-radius: 5px;
}
.sub-footer .logos-group {
  display: flex;
  justify-content: center;
  background: #fff;
  align-items: center;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .sub-footer .logos-group {
    border-radius: 10px;
    padding: 10px 0;
  }
}
.sub-footer .logos-group a {
  padding: 0 15px;
}
.sub-footer .dropdown li {
  float: none !important;
}
.sub-footer .dropdown-lang .btn {
  color: #fff !important;
}
.sub-footer .dropdown-lang .btn:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.695" height="7.259" viewBox="0 0 12.695 7.259"><path id="Icon_ionic-ios-arrow-down" data-name="Icon ionic-ios-arrow-down" d="M12.537,16.317l4.8-4.8a.9.9,0,0,1,1.281,0,.915.915,0,0,1,0,1.285L13.18,18.241a.906.906,0,0,1-1.251.026L6.452,12.8a.907.907,0,1,1,1.281-1.285Z" transform="translate(-6.188 -11.246)" fill="%23fff"/></svg>');
}
.sub-footer .social li {
  transform: scale(0.8);
}
.sub-footer .social li svg path {
  fill: #a4c0e6;
}

@media screen and (min-width: 768px) {
  .footlink:nth-child(2) {
    width: 18%;
  }
}

@media screen and (min-width: 768px) {
  .sub-footer {
    float: left;
  }
}

.footlink ul li a {
  color: #fff;
  opacity: 0.64;
}

.copyright {
  font-size: 0.9em;
  line-height: 1.2em;
  display: block;
  margin: 10px 0;
  color: #fff;
  text-align: center;
}

.footer-bottom {
  margin-top: 15px;
  background: #395174;
  padding: 5px;
}
@media screen and (max-width: 767.9px) {
  .footer-bottom {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .footer-bottom .d-mobile {
    display: none;
  }
}

.language {
  display: inline-flex;
}
.language li {
  margin: 0 5px;
  color: #fff;
  line-height: 34px;
}
.language li a {
  color: inherit;
  font-family: "GESSTwo", "Comfortaa", arial;
  padding: 1px 8px;
  display: inline-block;
  line-height: inherit;
}
.language li a.active {
  background: #002d6a;
  color: #fff;
}
.language li a:hover {
  color: #ab1e56;
}

header .language li {
  color: #012d6b !important;
}

@media screen and (min-width: 768px) {
  div#tabs h1 img {
    width: 100px;
  }
}

@media (max-width: 768px) {
  div#tabs h1 {
    font-size: 1em !important;
  }
}

/*# sourceMappingURL=responsive.css.map */