.fnt-bld, .extra-box .inner-container .row .top-checkbox .cbx.selected, #main-container[data-mode=boxes] .box .content-area .title, #main-container [data-mode=boxes] .box .content-area .title, #main-container[data-mode=boxes] .box .content-area p.views, #main-container [data-mode=boxes] .box .content-area p.views, #main-container[data-mode=list] .box header .title, #main-container [data-mode=list] .box header .title {
  font-family: 'RutzBold';
}

.fnt-md, #main-container[data-mode=boxes] .box .content-area .title.small, #main-container [data-mode=boxes] .box .content-area .title.small, #main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title-small, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title-small, #main-container[data-mode=list] .box[data-category="author"] .content-area .author-name, #main-container [data-mode=list] .box[data-category="author"] .content-area .author-name, #main-container[data-mode=list] .box[data-category="author"] .content-area .items-num, #main-container [data-mode=list] .box[data-category="author"] .content-area .items-num {
  font-family: 'RutzMedium';
}

.ttl {
  font-weight: normal;
}
.ttl.xl {
  font-size: 28px;
}
.ttl.lg, #main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title {
  font-size: 24px;
}
.ttl.md, .extra-box .top-line .title-box, #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area h2, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area h2, #main-container[data-mode=boxes] .box[data-category="notes"] .title.profile-title, #main-container [data-mode=boxes] .box[data-category="notes"] .title.profile-title, #main-container[data-mode=list] .box header .title, #main-container [data-mode=list] .box header .title, #main-container[data-mode=list] .box[data-category="author"] .content-area .author-name, #main-container [data-mode=list] .box[data-category="author"] .content-area .author-name {
  font-size: 22px;
}
.ttl.sm, .extra-box .inner-container .section-bar ul li i, #main-container[data-mode=boxes] .box .content-area .title, #main-container [data-mode=boxes] .box .content-area .title, #main-container[data-mode=boxes] .box .content-area .title.small, #main-container [data-mode=boxes] .box .content-area .title.small {
  font-size: 18px;
}
.ttl.xs, #main-container[data-mode=boxes] .box .text, #main-container[data-mode=boxes] .box .content-area p, #main-container[data-mode=boxes] .box footer .tag, #main-container [data-mode=boxes] .box .text, #main-container [data-mode=boxes] .box .content-area p, #main-container [data-mode=boxes] .box footer .tag, #main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title-small, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title-small, #main-container[data-mode=list] .box .text, #main-container[data-mode=list] .box .content-area p, #main-container[data-mode=list] .box footer .tag, #main-container [data-mode=list] .box .text, #main-container [data-mode=list] .box .content-area p, #main-container [data-mode=list] .box footer .tag, #main-container[data-mode=list] .box[data-category="author"] .content-area span, #main-container [data-mode=list] .box[data-category="author"] .content-area span {
  font-size: 16px;
}
.ttl.xxs {
  font-size: 12px;
}

.rtl {
  direction: rtl !important;
}

.clearfix {
  clear: both;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
    /*font: inherit;*/
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Rutz', arial, sans-serif;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  border-radius: 0;
}

/*.gold{
    color: $gold !important;
}*/
.pina-left {
  float: right;
  width: 127px;
  position: absolute;
  border-bottom: 40px solid #0080a5;
  border-left: 15px solid transparent;
}
.pina-left.white-250 {
  max-width: 250px;
  width: 100%;
}

.more-content {
  display: none;
}

.extra-box {
  max-width: 1052px;
  width: 100%;
  background-color: #f7f5f4;
  border-top: solid 2px #fffdf9;
  border-bottom: solid 2px #0080a5;
  margin: 0 auto;
  margin-bottom: 40px;
}
.extra-box .top-line {
  width: 100%;
  height: 40px;
  background-color: #0080a5;
  margin-bottom: 50px;
}
.extra-box .top-line .long-p {
  width: 415px;
  z-index: 1;
  border-bottom-color: #2693b2;
  height: inherit;
}
.extra-box .top-line .title-box {
  color: #ffffff;
  padding: 7px 7px 7px 55px;
  font-family: 'RutzBold';
  line-height: 40px;
  z-index: 2;
  position: relative;
}
.extra-box .inner-container {
  width: 927px;
  margin: 0 auto;
}
.extra-box .inner-container .results {
  position: relative;
}
.extra-box .inner-container .results .boxes-pool {
  position: relative;
  width: 100%;
  max-width: 925px;
}
.extra-box .inner-container .results .boxes-pool .title:before {
  line-height: 36px !important;
}
.extra-box .inner-container .results .boxes-pool.smaller {
  max-width: 825px;
}
.extra-box .inner-container .results .boxes-pool .box:hover {
  background-color: white !important;
}
.extra-box .inner-container .section-bar {
  margin-bottom: 10px;
}
.extra-box .inner-container .section-bar ul {
  width: 927px;
  border-bottom: solid 2px #006a96;
  border-top: solid 2px #dad8d8;
  display: inline-block;
}
.extra-box .inner-container .section-bar ul .tab-right {
  border-right: solid 2px #dad8d8;
}
.extra-box .inner-container .section-bar ul .selected {
  background-color: #006a96;
  color: #ffffff;
  border-right: solid 2px #006a96;
  border-left: none;
}
.extra-box .inner-container .section-bar ul .selected i {
  color: #ffffff;
}
.extra-box .inner-container .section-bar ul li {
  background-color: #ebe9e9;
  width: 154.5px;
  height: 40px;
  display: inline-block;
  border-left: solid 2px #dad8d8;
  cursor: pointer;
  text-align: center;
  position: relative;
  line-height: 38px;
  float: right;
  padding-left: 0;
}
.extra-box .inner-container .section-bar ul li:hover {
  background-color: #006a96;
  color: #ffffff;
}
.extra-box .inner-container .section-bar ul li:hover p {
  color: #ffffff;
  cursor: pointer;
}
.extra-box .inner-container .section-bar ul li:hover i {
  color: #ffffff;
}
.extra-box .inner-container .section-bar ul li i {
  color: #0080a5;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.extra-box .inner-container .section-bar ul li p {
  display: inline-block;
}
.extra-box .inner-container .row {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 10px;
}
.extra-box .inner-container .row .mode-view i {
  font-size: 36px;
  color: #bcbaba;
}
.extra-box .inner-container .row .mode-view i:first-of-type {
  margin-right: 10px;
}
.extra-box .inner-container .row .mode-view i:hover {
  cursor: pointer;
  color: #ccb764;
}
.extra-box .inner-container .row .top-checkbox {
  line-height: 2.5;
  margin-left: 28px;
}
.extra-box .inner-container .row .top-checkbox .cbx {
  height: 28px;
}
.extra-box .inner-container .row .top-checkbox .cbx:before {
  content: " ";
  width: 12px;
  height: 12px;
  border: 1px solid #bcbaba;
  color: #ccb764;
  float: right;
  margin-left: 10px;
  line-height: 1.3;
  margin-top: 13px;
}
.extra-box .inner-container .row .top-checkbox .cbx:after {
  content: " ";
  font-family: 'RutzBold';
}
.extra-box .inner-container .row .top-checkbox .cbx.selected {
  color: #ccb764;
  margin-top: 20px;
}
.extra-box .inner-container .row .top-checkbox .cbx.selected:before {
  border: 1px solid #ccb764;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 11px;
  margin-top: 13px;
  margin-left: 7px;
}
.extra-box .inner-container .group-video, .extra-box .inner-container .group-tfila, .extra-box .inner-container .group-manuscript, .extra-box .inner-container .group-tavim, .extra-box .inner-container .group-article, .extra-box .inner-container .group-video {
  display: none;
}

#main-container .box header i {
  width: 40px;
  height: 40px;
  background-color: #0080a5;
  color: #fff;
  font-size: 22px;
  float: right;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}
#main-container .box header i.community {
  background-color: #e77b23 !important;
}
#main-container .box header .icons-pool {
  float: left;
}
#main-container .box header .icons-pool i {
  font-size: 24px;
  float: left;
}
#main-container .box a {
  text-decoration: underline;
  line-height: 21px;
  color: #334a94;
}
#main-container .box a:hover {
  color: #824d6f;
}
#main-container[data-mode=boxes] .text-contain, #main-container [data-mode=boxes] .text-contain {
  width: 100%;
}
#main-container[data-mode=boxes] .img-contain, #main-container [data-mode=boxes] .img-contain {
  width: 100%;
}
#main-container[data-mode=boxes] .mode-view i#boxes, #main-container [data-mode=boxes] .mode-view i#boxes {
  color: #ccb764;
}
#main-container[data-mode=boxes] .box, #main-container [data-mode=boxes] .box {
  border: 1px solid #c7c5c4;
  border-top: 0;
  width: 295px;
  margin-bottom: 20px;
  float: right;
  position: relative;
  background-color: #fff;
  cursor: pointer !important;
  overflow: hidden;
}
#main-container[data-mode=boxes] .box header, #main-container [data-mode=boxes] .box header {
  height: 40px;
  background-color: #f7f5f4;
  border-top: 5px solid #0080a5;
  margin: 0;
  border-bottom: 0;
  margin-right: -1.1px;
  -webkit-transition: 0.4s background-color ease;
  -moz-transition: 0.4s background-color ease;
  -o-transition: 0.4s background-color ease;
  transition: 0.4s background-color ease;
}
#main-container[data-mode=boxes] .box header .icons-pool, #main-container [data-mode=boxes] .box header .icons-pool {
  display: none;
}
#main-container[data-mode=boxes] .box header .icons-pool i, #main-container [data-mode=boxes] .box header .icons-pool i {
  font-size: 20px;
  width: auto;
  margin-left: 10px;
  background-color: transparent;
}
#main-container[data-mode=boxes] .box header i, #main-container [data-mode=boxes] .box header i {
  height: 35px;
  line-height: 32px;
}
#main-container[data-mode=boxes] .box header i.community, #main-container [data-mode=boxes] .box header i.community {
  height: 40px;
  margin-top: -5px;
  padding-top: 5px;
}
#main-container[data-mode=boxes] .box header .title, #main-container [data-mode=boxes] .box header .title {
  color: #b19e4c;
  margin-right: 8px;
  float: right;
}
#main-container[data-mode=boxes] .box .text, #main-container[data-mode=boxes] .box .content-area p, #main-container[data-mode=boxes] .box footer .tag, #main-container [data-mode=boxes] .box .text, #main-container [data-mode=boxes] .box .content-area p, #main-container [data-mode=boxes] .box footer .tag {
  color: #707070;
  line-height: 21px;
  text-align: right;
}
#main-container[data-mode=boxes] .box .content-area, #main-container [data-mode=boxes] .box .content-area {
  padding: 20px 20px 0;
}
#main-container[data-mode=boxes] .box .content-area .media, #main-container [data-mode=boxes] .box .content-area .media {
  display: block;
}
#main-container[data-mode=boxes] .box .content-area .title, #main-container [data-mode=boxes] .box .content-area .title {
  color: #0080a5;
  line-height: 21.6px;
  padding: 0 0 7px;
}
#main-container[data-mode=boxes] .box .content-area .title.profile-title, #main-container [data-mode=boxes] .box .content-area .title.profile-title {
  text-align: center;
  color: #e67a22;
  line-height: 75px;
  margin-bottom: 10px;
}
#main-container[data-mode=boxes] .box .content-area .profile-contain, #main-container [data-mode=boxes] .box .content-area .profile-contain {
  height: auto;
  width: 100%;
}
#main-container[data-mode=boxes] .box .content-area .profile-contain.bott-border, #main-container [data-mode=boxes] .box .content-area .profile-contain.bott-border {
  border-bottom: 2px dotted #dedfdf;
}
#main-container[data-mode=boxes] .box .content-area .l-height, #main-container [data-mode=boxes] .box .content-area .l-height {
  line-height: 1;
}
#main-container[data-mode=boxes] .box .content-area .marg-10, #main-container [data-mode=boxes] .box .content-area .marg-10 {
  margin-bottom: 10px;
}
#main-container[data-mode=boxes] .box .content-area p, #main-container [data-mode=boxes] .box .content-area p {
  cursor: inherit;
}
#main-container[data-mode=boxes] .box .content-area p img, #main-container [data-mode=boxes] .box .content-area p img {
  padding-top: 10px;
  width: 100%;
  height: auto;
}
#main-container[data-mode=boxes] .box .content-area p.views, #main-container [data-mode=boxes] .box .content-area p.views {
  margin-right: 0;
  color: #0080a5;
  line-height: 24px;
  padding: 7px 0;
}
#main-container[data-mode=boxes] .box .content-area p.views.no-marg, #main-container [data-mode=boxes] .box .content-area p.views.no-marg {
  margin-right: 0;
}
#main-container[data-mode=boxes] .box .content-area p.max-height, #main-container [data-mode=boxes] .box .content-area p.max-height {
  height: 85px;
  overflow: hidden;
}
#main-container[data-mode=boxes] .box .content-area .quote-box, #main-container [data-mode=boxes] .box .content-area .quote-box {
  border: 1px solid #000;
  background-color: #f7f5f4;
  padding: 5px;
  margin: 10px 0;
}
#main-container[data-mode=boxes] .box .content-area .profile-section, #main-container [data-mode=boxes] .box .content-area .profile-section {
  max-width: 300px;
  height: 90px;
}
#main-container[data-mode=boxes] .box .content-area .profile-picture, #main-container [data-mode=boxes] .box .content-area .profile-picture {
  height: 75px;
  width: 75px;
}
#main-container[data-mode=boxes] .box .content-area .profile-picture img, #main-container [data-mode=boxes] .box .content-area .profile-picture img {
  height: 100%;
  width: auto;
  border: 2px solid #e67a22;
  border-radius: 50%;
  box-sizing: border-box;
}
#main-container[data-mode=boxes] .box .content-area .profile-picture i.img, #main-container [data-mode=boxes] .box .content-area .profile-picture i.img {
  color: #e67a22;
  font-size: 75px;
}
#main-container[data-mode=boxes] .box footer, #main-container [data-mode=boxes] .box footer {
  height: 40px;
  border-top: 2px dotted #dedfdf;
  line-height: 40px;
  padding: 0 20px;
  width: 104%;
  margin: 0 -5px;
}
#main-container[data-mode=boxes] .box footer .tag:after, #main-container [data-mode=boxes] .box footer .tag:after {
  content: " | ";
}
#main-container[data-mode=boxes] .box footer .tag:last-of-type:after, #main-container [data-mode=boxes] .box footer .tag:last-of-type:after {
  content: " ";
}
#main-container[data-mode=boxes] .box:hover, #main-container [data-mode=boxes] .box:hover {
  background-color: #f7f5f4;
}
#main-container[data-mode=boxes] .box:hover header, #main-container [data-mode=boxes] .box:hover header {
  background-color: #0080a5;
  -webkit-transition: 0.2s background-color ease;
  -moz-transition: 0.2s background-color ease;
  -o-transition: 0.2s background-color ease;
  transition: 0.2s background-color ease;
}
#main-container[data-mode=boxes] .box:hover header .icons-pool, #main-container [data-mode=boxes] .box:hover header .icons-pool {
  display: block;
}
#main-container[data-mode=boxes] .box:hover header .icons-pool i, #main-container [data-mode=boxes] .box:hover header .icons-pool i {
  font-size: 20px;
  width: auto;
  margin-left: 10px;
  opacity: 1;
  background-color: transparent;
}
#main-container[data-mode=boxes] .box:hover header .icons-pool i:hover, #main-container [data-mode=boxes] .box:hover header .icons-pool i:hover {
  color: #adabab;
}
#main-container[data-mode=boxes] .box:hover header .title, #main-container [data-mode=boxes] .box:hover header .title {
  color: #fff;
}
#main-container[data-mode=boxes] .box:hover .quote-box, #main-container [data-mode=boxes] .box:hover .quote-box {
  background-color: #dedfdf;
}
#main-container[data-mode=boxes] .box[data-category="piut-profile"].box:hover, #main-container [data-mode=boxes] .box[data-category="piut-profile"].box:hover {
  background-color: white;
}
#main-container[data-mode=boxes] .box[data-category="characters"] .content-area p, #main-container [data-mode=boxes] .box[data-category="characters"] .content-area p {
  margin-bottom: 7px;
}
#main-container[data-mode=boxes] .box[data-category="characters"] .content-area img, #main-container [data-mode=boxes] .box[data-category="characters"] .content-area img {
  display: none;
}
#main-container[data-mode=boxes] .box[data-category="video"] .content-area .title, #main-container [data-mode=boxes] .box[data-category="video"] .content-area .title {
  text-align: center;
}
#main-container[data-mode=boxes] .box[data-category="video"] .content-area .title:before, #main-container [data-mode=boxes] .box[data-category="video"] .content-area .title:before {
  display: block;
  content: "\e620";
  font-family: 'icomoon';
  font-size: 60px;
  height: 70px;
  line-height: 70px;
  margin-bottom: 5px;
  margin-top: 20px;
}
#main-container[data-mode=boxes] .box[data-category="video"] .content-area p, #main-container [data-mode=boxes] .box[data-category="video"] .content-area p {
  margin-bottom: 7px;
}
#main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title {
  text-align: center;
}
#main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title:before, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title:before {
  display: block;
  content: "\e616";
  font-family: 'icomoon';
  font-size: 70px;
  height: 70px;
  line-height: 70px;
  margin-top: 20px;
}
#main-container[data-mode=boxes] .box[data-category="audio"] .content-area .title-small, #main-container [data-mode=boxes] .box[data-category="audio"] .content-area .title-small {
  color: #0080a5;
  line-height: 21.6px;
  padding: 0 10px 7px;
}
#main-container[data-mode=boxes] .box[data-category="manuscript"] .content-area .manuscript-img, #main-container [data-mode=boxes] .box[data-category="manuscript"] .content-area .manuscript-img {
  height: 150px;
  width: 100%;
  margin: 10px auto;
  display: block;
}
#main-container[data-mode=boxes] .box[data-category="article"] footer, #main-container [data-mode=boxes] .box[data-category="article"] footer {
  display: none;
}
#main-container[data-mode=boxes] .box[data-category="article"] .small-t, #main-container [data-mode=boxes] .box[data-category="article"] .small-t {
  font-weight: normal;
  font-size: 16px;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"], #main-container [data-mode=boxes] .box[data-category="article-article-page"] {
  width: 100%;
  border: none;
  margin-bottom: 40px;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] header, #main-container [data-mode=boxes] .box[data-category="article-article-page"] header {
  border-top: 2px dotted #c7c5c4;
  background-color: white;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] header h3, #main-container [data-mode=boxes] .box[data-category="article-article-page"] header h3 {
  display: none;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area {
  padding: 0px 50px 0;
  margin-top: -30px;
  background-color: white;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area h2, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area h2 {
  line-height: 1;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p {
  max-width: 590px;
  width: 100%;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p span, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p span {
  font-family: 'RutzBold';
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p.next-article, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p.next-article {
  color: #2693b2;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p i, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p i {
  color: #2693b2;
  font-size: 12px;
  line-height: 30px;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .toggl-fm, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .toggl-fm {
  display: none;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar {
  text-decoration: none;
  color: #0080a5;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar h4, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar h4 {
  display: inline-block;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar .arrow-maamar, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar .arrow-maamar {
  font-size: 12px;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar:hover h4, #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar:hover .arrow-maamar, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar:hover h4, #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar:hover .arrow-maamar {
  color: #6f6f6f;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] footer, #main-container [data-mode=boxes] .box[data-category="article-article-page"] footer {
  border: none;
  padding-right: 50px;
  background-color: white;
}
#main-container[data-mode=boxes] .box[data-category="article-article-page"] footer span, #main-container [data-mode=boxes] .box[data-category="article-article-page"] footer span {
  color: #bcbaba;
}
#main-container[data-mode=boxes] .box[data-category="notes"].box, #main-container [data-mode=boxes] .box[data-category="notes"].box {
  max-width: 345px;
  width: 100%;
  margin-left: 20px;
}
#main-container[data-mode=boxes] .box[data-category="notes"].box:last-of-type, #main-container [data-mode=boxes] .box[data-category="notes"].box:last-of-type {
  margin-left: 0;
}
#main-container[data-mode=boxes] .box[data-category="notes"].box:hover, #main-container [data-mode=boxes] .box[data-category="notes"].box:hover {
  background-color: white;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .profile-picture, #main-container [data-mode=boxes] .box[data-category="notes"] .profile-picture {
  height: 70px;
  width: 70px;
  margin-top: -20px;
  margin-left: 20px;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .profile-picture i.img, #main-container [data-mode=boxes] .box[data-category="notes"] .profile-picture i.img {
  font-size: 70px;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .title.profile-title, #main-container [data-mode=boxes] .box[data-category="notes"] .title.profile-title {
  text-align: right;
  color: #707070;
  line-height: 30px;
  margin-bottom: 0;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .profile-contain, #main-container [data-mode=boxes] .box[data-category="notes"] .profile-contain {
  height: 65px;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .icon-colum, #main-container [data-mode=boxes] .box[data-category="notes"] .icon-colum {
  width: 33px;
  display: block;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .icon-colum i, #main-container [data-mode=boxes] .box[data-category="notes"] .icon-colum i {
  color: #0080a5;
  font-size: 25px;
  text-align: right;
  line-height: 1;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .icon-colum span, #main-container [data-mode=boxes] .box[data-category="notes"] .icon-colum span {
  display: none;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .contain-colum, #main-container [data-mode=boxes] .box[data-category="notes"] .contain-colum {
  width: 270px;
}
#main-container[data-mode=boxes] .box[data-category="notes"] .contain-colum p, #main-container [data-mode=boxes] .box[data-category="notes"] .contain-colum p {
  line-height: 18px;
}
#main-container[data-mode=boxes] .box[data-category="notes"] footer, #main-container [data-mode=boxes] .box[data-category="notes"] footer {
  display: none;
}
#main-container[data-mode=list] .mode-view i#list, #main-container [data-mode=list] .mode-view i#list {
  color: #ccb764;
}
#main-container[data-mode=list] .box, #main-container [data-mode=list] .box {
  border-top: 2px dotted #bcbaba;
  width: 100%;
  position: relative;
  background-color: #fff;
  cursor: pointer !important;
  padding-bottom: 15px;
}
#main-container[data-mode=list] .box header, #main-container [data-mode=list] .box header {
  height: 40px;
  margin-bottom: 6px;
  border-bottom: 0;
}
#main-container[data-mode=list] .box header .title, #main-container [data-mode=list] .box header .title {
  color: #0080a5;
  margin-right: 8px;
  line-height: 40px;
  margin-top: 2px;
  height: 100%;
  float: right;
}
#main-container[data-mode=list] .box header .icons-pool, #main-container [data-mode=list] .box header .icons-pool {
  float: left;
}
#main-container[data-mode=list] .box header .icons-pool i, #main-container [data-mode=list] .box header .icons-pool i {
  display: none;
  background-color: transparent;
  color: #0080a5;
  float: left;
  font-size: 20px;
  width: 30px;
}
#main-container[data-mode=list] .box .text, #main-container[data-mode=list] .box .content-area p, #main-container[data-mode=list] .box footer .tag, #main-container [data-mode=list] .box .text, #main-container [data-mode=list] .box .content-area p, #main-container [data-mode=list] .box footer .tag {
  color: #707070;
  line-height: 21px;
  text-align: right;
}
#main-container[data-mode=list] .box .content-area, #main-container [data-mode=list] .box .content-area {
  padding: 0px 50px 0;
  max-height: 42px;
  overflow: hidden;
  max-width: 600px;
}
#main-container[data-mode=list] .box .content-area .title, #main-container [data-mode=list] .box .content-area .title {
  display: none;
}
#main-container[data-mode=list] .box .content-area .quote-box, #main-container [data-mode=list] .box .content-area .quote-box {
  display: none;
}
#main-container[data-mode=list] .box .content-area p.views, #main-container [data-mode=list] .box .content-area p.views {
  display: none;
}
#main-container[data-mode=list] .box .content-area .member, #main-container [data-mode=list] .box .content-area .member {
  display: none;
}
#main-container[data-mode=list] .box footer, #main-container [data-mode=list] .box footer {
  color: #d9edf7;
  line-height: 1.2;
  padding: 0 50px;
  height: auto;
  padding-top: 10px;
}
#main-container[data-mode=list] .box footer .tag, #main-container [data-mode=list] .box footer .tag {
  color: #adabab;
}
#main-container[data-mode=list] .box footer .tag:after, #main-container [data-mode=list] .box footer .tag:after {
  content: " | ";
}
#main-container[data-mode=list] .box footer .tag:last-of-type:after, #main-container [data-mode=list] .box footer .tag:last-of-type:after {
  content: " ";
}
#main-container[data-mode=list] .box:hover, #main-container [data-mode=list] .box:hover {
  background-color: #f7f5f4;
}
#main-container[data-mode=list] .box:hover header .icons-pool i, #main-container [data-mode=list] .box:hover header .icons-pool i {
  display: block;
}
#main-container[data-mode=list] .box:hover header .icons-pool i:hover, #main-container [data-mode=list] .box:hover header .icons-pool i:hover {
  color: #ccb764;
}
#main-container[data-mode=list] .box[data-category="author"], #main-container [data-mode=list] .box[data-category="author"] {
  border-top: 0;
  border-bottom: 1px solid #d3d1d1;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#main-container[data-mode=list] .box[data-category="author"] .author-img, #main-container [data-mode=list] .box[data-category="author"] .author-img {
  max-width: 54px;
  max-height: 54px;
  float: right;
  margin-left: 20px;
}
#main-container[data-mode=list] .box[data-category="author"] .content-area, #main-container [data-mode=list] .box[data-category="author"] .content-area {
  float: right;
  max-height: 64px;
  padding: 6px 0px 0;
}
#main-container[data-mode=list] .box[data-category="author"] .content-area .author-name, #main-container [data-mode=list] .box[data-category="author"] .content-area .author-name {
  color: #0080a5;
}
#main-container[data-mode=list] .box[data-category="author"] .content-area span, #main-container [data-mode=list] .box[data-category="author"] .content-area span {
  color: #707070;
}
#main-container[data-mode=list] .box[data-category="author"] .content-area .items-num, #main-container [data-mode=list] .box[data-category="author"] .content-area .items-num {
  padding-right: 10px;
}
#main-container[data-mode=list] .box[data-category="author"]:hover, #main-container [data-mode=list] .box[data-category="author"]:hover {
  background-color: inherit;
}
#main-container[data-mode=list] .box[data-category="author"]:hover .content-area, #main-container [data-mode=list] .box[data-category="author"]:hover .content-area {
  background-color: #f7f5f4;
}
#main-container[data-mode=list] .box[data-category="manuscript"] .content-area .manuscript-img, #main-container [data-mode=list] .box[data-category="manuscript"] .content-area .manuscript-img {
  display: none;
}

@media (max-width: 699px) {
  .yes-mob {
    display: block !important;
  }

  .no-mob {
    display: none;
  }

  /* Top boxs view */
  .mode-view {
    display: none;
  }

  .container .extra-box {
    border-bottom: none;
  }
  .container .extra-box .top-line {
    display: none;
  }
  .container .extra-box .inner-container {
    width: 100%;
  }
  .container .extra-box .inner-container .section-bar {
    display: none;
  }
  .container .extra-box .inner-container .row {
    display: none;
  }

  .main.result #main-container {
    width: 100%;
    padding: 0 15px;
  }
  .main.result #main-container .row .marg-top-mob {
    margin-top: -20px;
  }
  .main.result #main-container .row .no-marg-top-mob {
    margin-top: 0;
  }
  .main.result #main-container .row .marg-10-mob {
    margin: 10px 0;
  }
  .main.result #main-container[data-mode=boxes] .box, .main.result #main-container [data-mode=boxes] .box {
    margin-bottom: 0px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box {
    max-width: none;
    margin-bottom: 20px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area {
    border: 1px solid #c7c5c4;
    border-top: 5px solid #0080a5;
    padding: 10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area.note-arrow:after, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area.note-arrow:after {
    display: block;
    content: "\e609";
    font-family: 'icomoon';
    font-size: 12px;
    color: #0080a5;
    line-height: 20px;
    position: absolute;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
    height: 20px;
    width: auto;
    bottom: 5px;
    left: 9px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area.flip:after, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area.flip:after {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area:after, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area:after {
    display: block;
    content: "\e609";
    font-family: 'icomoon';
    font-size: 12px;
    color: #0080a5;
    line-height: 20px;
    position: absolute;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 5px;
    left: 9px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain {
    float: right;
    max-width: 100px;
    border-bottom: none;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture {
    height: 55px;
    width: 55px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture img, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture img {
    border: 2px solid #e67a22;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture i.img, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain .profile-picture i.img {
    color: #e67a22;
    font-size: 50px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain h2, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .profile-contain h2 {
    line-height: 21px;
    font-weight: normal;
    font-size: 18px;
    color: #707070;
    text-align: center;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section {
    float: right;
    width: 50vw;
    margin: 0;
    margin-top: 0px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .title, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .title {
    display: none;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum {
    max-width: 240px;
    width: 100%;
    margin-bottom: 10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum i, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum i {
    font-size: 20px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum span, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .icon-colum span {
    font-size: 18px;
    color: #0080a5;
    font-family: 'RutzMedium';
    display: inline;
    margin-right: 10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .contain-colum, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section .contain-colum {
    width: inherit;
    float: right;
    width: 100%;
    max-width: 300px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section p, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section p {
    font-weight: normal;
    font-size: 16px;
    font-family: 'RutzMedium';
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section p.mob-contain, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section p.mob-contain {
    width: 100%;
    height: 50px;
    overflow: hidden;
    padding-top: 10px;
    line-height: 21px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h4, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h4 {
    font-family: 'RutzMedium';
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    float: right;
    color: #707070;
    margin: 5px 0;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h3.l-height, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h3.l-height {
    font-family: 'RutzMedium';
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h3.l-height:before, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .description-section h3.l-height:before {
    display: inline;
    content: "\e620";
    font-family: 'icomoon';
    font-size: 20px;
    color: #0080a5;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="notes"].box .content-area .views, .main.result #main-container [data-mode=boxes] .box[data-category="notes"].box .content-area .views {
    display: inline;
    position: absolute;
    top: 17px;
    right: 110px;
    text-decoration: underline;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="characters"].box .content-area, .main.result #main-container [data-mode=boxes] .box[data-category="characters"].box .content-area {
    padding: 8px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="characters"].box .content-area p, .main.result #main-container [data-mode=boxes] .box[data-category="characters"].box .content-area p {
    margin-bottom: 7px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"], .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] {
    margin-bottom: 40px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] footer, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] footer {
    display: block;
    padding-right: 10px;
    margin-top: -10px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] header, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] header {
    background-color: #ebe9e9;
    height: 40px;
    border-top: 3px solid #0080a5;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] header h3, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] header h3 {
    display: block;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area {
    padding: 10px;
    margin-top: 0;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area h2, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area h2 {
    line-height: 1;
    font-size: 18px;
    font-family: 'RutzBold';
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p {
    max-width: 590px;
    width: 100%;
    height: 55px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p.next-article, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p.next-article {
    color: #2693b2;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area p i, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area p i {
    color: #2693b2;
    font-size: 12px;
    line-height: 30px;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"] .content-area .open-maamar {
    display: none;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"]:hover header, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"]:hover header {
    background-color: #0080a5;
  }
  .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"]:hover .content-area, .main.result #main-container[data-mode=boxes] .box[data-category="article-article-page"]:hover footer, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"]:hover .content-area, .main.result #main-container [data-mode=boxes] .box[data-category="article-article-page"]:hover footer {
    background-color: #f7f5f4;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile header, .main.result #main-container [data-mode=boxes] #piut-profile header {
    display: none;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area, .main.result #main-container [data-mode=boxes] #piut-profile .content-area {
    border: 1px solid #c7c5c4;
    border-top: 5px solid #0080a5;
    padding: 10px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area:after, .main.result #main-container [data-mode=boxes] #piut-profile .content-area:after {
    display: block;
    content: "\e609";
    font-family: 'icomoon';
    font-size: 12px;
    color: #0080a5;
    line-height: 20px;
    position: absolute;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 5px;
    left: 9px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .profile-section, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .profile-section {
    float: right;
    max-width: 100px;
    margin-left: 20px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture {
    height: 55px;
    width: 55px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture img, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture img {
    border: 2px solid #e67a22;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture i.img, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .profile-section .profile-picture i.img {
    color: #e67a22;
    font-size: 40px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .profile-section h3, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .profile-section h3 {
    line-height: 21px;
    color: #707070;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section {
    float: right;
    max-width: 290px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section .title, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section .title {
    display: none;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section p, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section p {
    font-size: 18px;
    font-family: 'RutzMedium';
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section h3.l-height, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section h3.l-height {
    font-family: 'RutzMedium';
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section h3.l-height:before, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section h3.l-height:before {
    display: inline;
    content: "\e620";
    font-family: 'icomoon';
    font-size: 20px;
    color: #0080a5;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
  }
  .main.result #main-container[data-mode=boxes] #piut-profile .content-area .description-section .follow, .main.result #main-container [data-mode=boxes] #piut-profile .content-area .description-section .follow {
    float: right !important;
    margin-right: -122px;
  }
  .main.result #main-container .bot-dot {
    border-bottom: 2px dotted #bcbaba !important;
    margin-bottom: 15px;
  }
  .main.result #main-container header {
    border-bottom: none;
    margin-bottom: 10px;
    margin: 0;
  }
  .main.result #main-container header .rest-mob {
    position: relative;
    width: 100%;
  }
  .main.result #main-container header .rest-mob .res-fil-line {
    position: absolute;
    top: -35px;
    left: 0;
    height: inherit;
  }
  .main.result #main-container header .side {
    margin-bottom: 13px;
  }
  .main.result #main-container header .side h3 {
    color: #2693b2;
  }
  .main.result #main-container header .side .more-settings-btn {
    display: inline;
    position: absolute;
    height: 40px;
    width: 30px;
    left: 0;
    cursor: pointer;
    top: 5px;
  }
  .main.result #main-container header .side .more-settings-btn i {
    text-align: left;
    font-size: 20px;
    color: #707070;
    position: absolute;
    left: 0px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .main.result #main-container header .side .more-settings-container {
    display: inline;
    margin: 0;
    margin-left: 20px;
    position: absolute;
    background-color: transparent;
    height: 60px;
    margin-top: 0px;
    z-index: 1;
    display: none;
  }
  .main.result #main-container header .side .more-settings-container ul {
    background-color: transparent;
  }
  .main.result #main-container header .side .more-settings-container ul li {
    margin: 0;
    border: 1px solid #bcbaba;
    width: 100px;
    max-height: 30px;
    padding: 0;
    padding-right: 10px;
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
    color: #707070;
    background-color: white;
  }
  .main.result #main-container header .side .more-settings-container ul li:first-of-type {
    border-bottom: none;
  }
  .main.result #main-container header .side .more-settings-container ul li:hover, .main.result #main-container header .side .more-settings-container ul li.active {
    background-color: #f7f5f4;
  }
  .main.result #main-container .about {
    margin-bottom: 15px;
  }
  .main.result #main-container .filter {
    display: none;
  }
  .main.result #main-container #container {
    width: 100% !important;
  }
  .main.result #main-container .icons-pool {
    display: none;
  }
  .main.result #main-container .mob-list-content .more-content {
    width: 100%;
  }
  .main.result #main-container .res-fil-line {
    width: 100%;
    height: 40px;
  }
  .main.result #main-container .res-fil-line span {
    font-size: 18px;
    color: #707070;
    line-height: 1.2;
  }
  .main.result #main-container .res-fil-line .res-num {
    display: none;
    float: right;
  }
  .main.result #main-container .res-fil-line .fil-sec {
    cursor: pointer;
    float: left;
  }
  .main.result #main-container .res-fil-line .fil-sec i {
    color: #ccb764;
    font-size: 25px;
  }
  .main.result #main-container .res-fil-line .fil-sec .icon-icons2-10 {
    font-size: 15px;
    line-height: 1.2;
  }
  .main.result #main-container[data-mode=list] .text-contain, .main.result #main-container [data-mode=list] .text-contain, .main.result #main-container[data-mode=boxes] .text-contain, .main.result #main-container [data-mode=boxes] .text-contain {
    float: left;
    width: 60%;
  }
  .main.result #main-container[data-mode=list] .img-contain, .main.result #main-container [data-mode=list] .img-contain, .main.result #main-container[data-mode=boxes] .img-contain, .main.result #main-container [data-mode=boxes] .img-contain {
    width: 35%;
    margin: 0;
    margin-left: 5%;
    height: auto;
    float: right;
  }
  .main.result #main-container[data-mode=list] .box, .main.result #main-container [data-mode=list] .box, .main.result #main-container[data-mode=boxes] .box, .main.result #main-container [data-mode=boxes] .box {
    border: none;
    width: 100%;
    position: relative;
    background-color: #fff;
    cursor: pointer !important;
    padding-bottom: 0;
  }
  .main.result #main-container[data-mode=list] .box:hover header, .main.result #main-container [data-mode=list] .box:hover header, .main.result #main-container[data-mode=boxes] .box:hover header, .main.result #main-container [data-mode=boxes] .box:hover header {
    background-color: none;
  }
  .main.result #main-container[data-mode=list] .box:hover header .icons-pool, .main.result #main-container [data-mode=list] .box:hover header .icons-pool, .main.result #main-container[data-mode=boxes] .box:hover header .icons-pool, .main.result #main-container [data-mode=boxes] .box:hover header .icons-pool {
    display: none;
  }
  .main.result #main-container[data-mode=list] .box header, .main.result #main-container [data-mode=list] .box header, .main.result #main-container[data-mode=boxes] .box header, .main.result #main-container [data-mode=boxes] .box header {
    background-color: #ebe9e9;
    height: 40px;
    margin-bottom: 0;
    border-top: 3px solid #0080a5;
  }
  .main.result #main-container[data-mode=list] .box header i, .main.result #main-container [data-mode=list] .box header i, .main.result #main-container[data-mode=boxes] .box header i, .main.result #main-container [data-mode=boxes] .box header i {
    float: left;
    height: 40px;
    line-height: 34px;
    margin-top: -3px;
    padding-top: 3px;
  }
  .main.result #main-container[data-mode=list] .box header .title, .main.result #main-container [data-mode=list] .box header .title, .main.result #main-container[data-mode=boxes] .box header .title, .main.result #main-container [data-mode=boxes] .box header .title {
    color: #ccb764 !important;
    margin-top: 0;
    line-height: 37px;
    /*@extend .ttl.xs;
            @extend .fnt-md;*/
    font-weight: normal;
    font-size: 16px;
    font-family: 'RutzMedium';
  }
  .main.result #main-container[data-mode=list] .box header i.community, .main.result #main-container [data-mode=list] .box header i.community, .main.result #main-container[data-mode=boxes] .box header i.community, .main.result #main-container [data-mode=boxes] .box header i.community {
    height: 40px;
    margin-top: -3px;
    padding-top: 5px;
  }
  .main.result #main-container[data-mode=list] .box .content-area, .main.result #main-container [data-mode=list] .box .content-area, .main.result #main-container[data-mode=boxes] .box .content-area, .main.result #main-container [data-mode=boxes] .box .content-area {
    padding: 8px;
    margin: 0;
    font-size: 100%;
      /*font: inherit;*/
    vertical-align: baseline;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Rutz',arial,sans-serif;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    overflow: hidden;
  }
  .main.result #main-container[data-mode=list] .box .content-area .media, .main.result #main-container [data-mode=list] .box .content-area .media, .main.result #main-container[data-mode=boxes] .box .content-area .media, .main.result #main-container [data-mode=boxes] .box .content-area .media {
    display: block;
  }
  .main.result #main-container[data-mode=list] .box .content-area .width-video, .main.result #main-container [data-mode=list] .box .content-area .width-video, .main.result #main-container[data-mode=boxes] .box .content-area .width-video, .main.result #main-container [data-mode=boxes] .box .content-area .width-video {
    width: 100%;
  }
  .main.result #main-container[data-mode=list] .box .content-area.img-con-mobile img.manuscript-img, .main.result #main-container [data-mode=list] .box .content-area.img-con-mobile img.manuscript-img, .main.result #main-container[data-mode=boxes] .box .content-area.img-con-mobile img.manuscript-img, .main.result #main-container [data-mode=boxes] .box .content-area.img-con-mobile img.manuscript-img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
  }
  .main.result #main-container[data-mode=list] .box .content-area.img-con-mobile img.tavim-img, .main.result #main-container [data-mode=list] .box .content-area.img-con-mobile img.tavim-img, .main.result #main-container[data-mode=boxes] .box .content-area.img-con-mobile img.tavim-img, .main.result #main-container [data-mode=boxes] .box .content-area.img-con-mobile img.tavim-img {
    width: 100%;
  }
  .main.result #main-container[data-mode=list] .box .content-area.img-con-mobile .no-marg, .main.result #main-container [data-mode=list] .box .content-area.img-con-mobile .no-marg, .main.result #main-container[data-mode=boxes] .box .content-area.img-con-mobile .no-marg, .main.result #main-container [data-mode=boxes] .box .content-area.img-con-mobile .no-marg {
    margin: 0;
  }
  .main.result #main-container[data-mode=list] .box .content-area.img-con-mobile .member:before, .main.result #main-container [data-mode=list] .box .content-area.img-con-mobile .member:before, .main.result #main-container[data-mode=boxes] .box .content-area.img-con-mobile .member:before, .main.result #main-container [data-mode=boxes] .box .content-area.img-con-mobile .member:before {
    margin-right: 30px;
  }
  .main.result #main-container[data-mode=list] .box .content-area .title, .main.result #main-container [data-mode=list] .box .content-area .title, .main.result #main-container[data-mode=boxes] .box .content-area .title, .main.result #main-container [data-mode=boxes] .box .content-area .title {
    display: block;
    color: #0080a5;
    line-height: 21.6px;
    padding: 0 0 7px;
    font-family: 'RutzBold';
    font-weight: normal;
    font-size: 18px;
  }
  .main.result #main-container[data-mode=list] .box .content-area .title.video-before, .main.result #main-container [data-mode=list] .box .content-area .title.video-before, .main.result #main-container[data-mode=boxes] .box .content-area .title.video-before, .main.result #main-container [data-mode=boxes] .box .content-area .title.video-before {
    text-align: right;
  }
  .main.result #main-container[data-mode=list] .box .content-area .title.video-before:before, .main.result #main-container [data-mode=list] .box .content-area .title.video-before:before, .main.result #main-container[data-mode=boxes] .box .content-area .title.video-before:before, .main.result #main-container [data-mode=boxes] .box .content-area .title.video-before:before {
    display: none;
  }
  .main.result #main-container[data-mode=list] .box .content-area p, .main.result #main-container [data-mode=list] .box .content-area p, .main.result #main-container[data-mode=boxes] .box .content-area p, .main.result #main-container [data-mode=boxes] .box .content-area p {
    color: #707070;
    cursor: inherit;
    line-height: 21px;
    text-align: right;
    font-size: 16px;
  }
  .main.result #main-container[data-mode=list] .box .content-area .views, .main.result #main-container [data-mode=list] .box .content-area .views, .main.result #main-container[data-mode=boxes] .box .content-area .views, .main.result #main-container [data-mode=boxes] .box .content-area .views {
    color: #0080a5;
    line-height: 24px;
    padding: 7px 0;
    margin-right: 0;
    font-family: 'RutzBold';
  }
  .main.result #main-container[data-mode=list] .box .content-area .quote-box, .main.result #main-container [data-mode=list] .box .content-area .quote-box, .main.result #main-container[data-mode=boxes] .box .content-area .quote-box, .main.result #main-container [data-mode=boxes] .box .content-area .quote-box {
    display: block;
    border: 1px solid #000;
    background-color: #f7f5f4;
    padding: 5px;
    margin: 10px 0;
  }
  .main.result #main-container[data-mode=list] .box footer, .main.result #main-container [data-mode=list] .box footer, .main.result #main-container[data-mode=boxes] .box footer, .main.result #main-container [data-mode=boxes] .box footer {
    display: none;
  }
  .main.result #main-container .open-link-fp i:nth-child(1) {
    font-size: 25px;
  }
  .main.result #main-container .content .side {
    max-width: 480px;
    width: 100%;
    padding-left: 0;
  }
  .main.result #main-container .content .side.filter {
    display: none;
  }
  .main.result #main-container .content .side.side-playlist {
    max-width: none;
    display: block !important;
  }
  .main.result #main-container .content .side .playlist-container {
    max-width: inherit;
    width: 100%;
  }
  .main.result #main-container .content .side .playlist-container .title {
    background-color: #0080a5;
    height: 40px;
    line-height: 40px;
    display: block;
  }
  .main.result #main-container .content .side .playlist-container .title.bottom {
    margin-top: 20px;
  }
  .main.result #main-container .content .side .playlist-container h4 {
    font-size: 18px;
    font-family: 'RutzMedium';
  }
  .main.result #main-container .content .side .playlist-container h4:before {
    margin-right: 5px;
  }
  .main.result #main-container .content .side .playlist-container ul {
    border: 1px solid #c7c5c4;
    margin: 0;
  }
  .main.result #main-container .content .side .playlist-container ul li {
    background-color: #ebe9e9;
    height: 50px;
    margin: 0;
    border-bottom: 1px solid #c7c5c4;
    text-decoration: none;
    line-height: 50px;
    padding-right: 20px;
    color: #0080a5;
    font-size: 18px;
    font-family: 'RutzMedium';
  }
  .main.result #main-container .content .side .playlist-container ul li:last-of-type {
    border-bottom: none;
  }
  .main.result #main-container .content .side .playlist-container ul li:after {
    font-family: 'icomoon';
    content: "\e631";
    color: #707070;
    float: left;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 21px;
    padding: 0;
    margin: 0;
  }
  .main.result #main-container .content .side .playlist-container .read-list-contain ul li:after {
    content: "\e609";
    color: #0080a5;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 12px;
    padding-left: 3px;
  }
  .main.result #main-container .content .side .playlist-container.collor .title {
    background-color: inherit;
  }
  .main.result #main-container .content .side .playlist-container.collor .title.top {
    background-color: #0080a5;
  }
  .main.result #main-container .content .side .playlist-container.collor .title.bottom {
    background-color: #707070;
  }
  .main.result #main-container .personal-profile header {
    margin-bottom: 0;
  }
  .main.result #main-container .personal-profile header .side {
    padding-right: 15px;
    margin: 10px 0;
  }
  .main.result #main-container .personal-profile header .side h2 {
    font-size: 18px;
  }
  .main.result #main-container .personal-profile-container .topic_contain, .main.result #main-container .personal-profile-container subject_contain {
    position: relative;
    /*width: 100%;*/
  }
  .main.result #main-container .personal-profile-container .diagonal-title {
    height: 30px;
  }
  .main.result #main-container .personal-profile-container .diagonal-title h1 {
    font-size: 18px;
    line-height: 30px;
  }
  .main.result #main-container .personal-profile-container .diagonal-title p {
    font-size: 16px;
    line-height: 30px;
  }
  .main.result #main-container .personal-profile-container .diagonal-title p:after {
    font-size: 22px;
  }
  .main.result #main-container .personal-profile-container .diagonal-title .pina-left {
    padding-right: 15px;
  }
  .main.result #main-container .personal-profile-container .diagonal-title .pina-left.width.min-w-120 {
    /*max-width: 290px;*/
    padding-left: 20px;
  }
  .main.result #main-container .personal-profile-container .general-side {
    width: 100%;
    max-width: none;
  }
  .main.result #main-container .personal-profile-container .general-side ul li {
    line-height: 60px;
  }
  .main.result #main-container .personal-profile-container .general-side section {
    margin-top: -18px;
    padding: 10px 15px 10px 10px;
  }
  .main.result #main-container .personal-profile-container .general-side .general-box .subject_contain {
    max-width: none;
  }
  .main.result #main-container .personal-profile-container .general-side .general-box .subject_contain ul {
    /*margin-top: -160px;*/
  }
  .main.result #main-container .personal-profile-container .general-side .general-box .topic_contain, .main.result #main-container .personal-profile-container .general-side .general-box subject_contain {
    width: 100%;
  }
  .main.result #main-container .personal-profile-container .general-side .general-box .topic_contain ul {
    position: absolute;
  }
  .main.result #main-container .personal-profile-container .general-side .general-box .subject_contain ul {
    padding-top: 20px;
  }
  .main.result #main-container .personal-profile-container .services-side {
    width: 100%;
    max-width: none;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box .right, .main.result #main-container .personal-profile-container .services-side .subscribe-box .left {
    display: none;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box .topic_contain img {
    max-width: 70px;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box .subject_contain {
    max-width: 178px;
    padding-right: 20px;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box .subject_contain h3 {
    font-family: 'RutzBold';
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box .subject_contain button:hover {
    margin: -2px;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box[data-slide=national-library] {
    display: block;
  }
  .main.result #main-container .personal-profile-container .services-side .subscribe-box section .center-area {
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 300px;
  }
  .main.result #main-container .personal-profile-container .lending-items-box .topic_contain li {
    line-height: 60px;
  }
  .main.result #main-container .personal-profile-container .lending-items-box .subject_contain ul li {
    line-height: 60px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .topic_contain, .main.result #main-container .personal-profile-container .shitufiyut-box subject_contain {
    width: 100%;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .topic_contain ul {
    position: absolute;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain ul {
    padding-top: 33px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box section {
    margin-top: -20px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .topic_contain li {
    line-height: 60px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain {
    max-width: none;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain ul img {
    margin-top: 10px;
    width: 100px;
    height: auto;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain ul li {
    line-height: 60px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain ul li:first-of-type {
    line-height: 20px;
  }
  .main.result #main-container .personal-profile-container .shitufiyut-box .subject_contain ul li:last-of-type {
    margin-top: 20px;
  }
  .main.result #main-container[data-mode=list] .box .content-area, .main.result #main-container [data-mode=list] .box .content-area {
    max-height: none;
  }
}
@media (max-width: 480px) {
  .tablet-show {
    display: none !important;
  }
}
@media (min-width: 700px) and (max-width: 1249px) {
  .main .container {
    width: 100%;
    padding: 0px 15px;
  }
  .main .container.clean {
    padding: 0px 0px;
  }
  .main .container .row.inner {
    padding: 0 2%;
  }

  .extra-box .inner-container {
    width: 100%;
    padding: 0 15px;
  }
  .extra-box .inner-container .section-bar ul {
    width: 100%;
  }
  .extra-box .inner-container .section-bar ul li {
    width: 16.66%;
    padding-left: 0;
  }
}
@media (min-width: 985px) and (max-width: 1249px) {
  .main.result .extra-box .inner-container {
    width: 927px;
    padding: 0;
  }
}
@media (min-width: 700px) and (max-width: 925px) {
  .main .container .row.inner {
    padding: 0;
  }
}