/*@import url("https://fonts.googleapis.com/css2?family=Righteous&display=swap");*/
/* latin-ext */
@font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WhnGFucE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGF.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.ui.button, button, input, optgroup, select, textarea,
h1, h2, h3, h4, h5,
.ui.input > input {
  font-family: "IRANSans-web", serif;
}

.direction-ltr {
  direction: ltr;
}

.direction-rtl {
  direction: rtl;
}

#loading {
  background-color: #fff;
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999999999;
}
#loading .animation {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
#loading .animation div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #2E4053;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#loading .animation div:nth-child(1) {
  left: 8px;
  animation: loading_one 0.6s infinite;
}
#loading .animation div:nth-child(2) {
  left: 8px;
  animation: loading_two 0.6s infinite;
}
#loading .animation div:nth-child(3) {
  left: 32px;
  animation: loading_two 0.6s infinite;
}
#loading .animation div:nth-child(4) {
  left: 56px;
  animation: loading_three 0.6s infinite;
}

@keyframes loading_one {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loading_two {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes loading_three {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
#header .top-header {
  border-bottom: 1px solid #f1f2f3;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
  -moz-box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
  box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
}
#header .top-header .navbar-list .large-navbar > ul > li {
  display: inline-block;
  position: relative;
  margin: 0 3px;
}
#header .top-header .navbar-list .large-navbar > ul > li:first-child {
  margin-right: 0;
}
#header .top-header .navbar-list .large-navbar > ul > li:last-child {
  margin: 0;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a {
  display: flex;
  align-items: center;
  padding: 12px 9px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):after, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):before {
  content: "";
  position: absolute;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):after {
  background-color: #76D7C4;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  border-radius: 5px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):before {
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #76D7C4;
  border-left: 5px solid transparent;
  opacity: 0;
  bottom: 2px;
  left: 50%;
  transform: translate(-50%, 2px);
  -ms-transform: translate(-50%, 2px);
  -webkit-transform: translate(-50%, 2px);
  -moz-transform: translate(-50%, 2px);
  -o-transform: translate(-50%, 2px);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):hover:after, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):hover:before, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):active:after, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):active:before {
  pointer-events: none;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):hover:after, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):active:after {
  width: 100%;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):hover:before, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a:not(.active):active:before {
  transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  opacity: 1;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a svg, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a span {
  transition: all 250ms;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a svg {
  fill: rgba(46, 64, 83, 0.5);
  height: 14px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a svg:first-child {
  margin-left: 6px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a svg:last-child {
  margin-right: 7px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a span {
  color: rgba(46, 64, 83, 0.5);
  font-size: 14px;
  font-weight: 500;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a.active svg {
  fill: #5DADE2;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) > a.active span {
  color: #5DADE2;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul {
  z-index: 9999;
  top: 100%;
  right: 0;
  width: 200px;
  border-radius: 3px;
  position: absolute;
  display: block;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #f1f2f3;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
  transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -o-transform: translateY(25px);
  -webkit-box-shadow: -2px 4px 9px rgba(151, 154, 154, 0.05);
  -moz-box-shadow: -2px 4px 9px rgba(151, 154, 154, 0.05);
  box-shadow: -2px 4px 9px rgba(151, 154, 154, 0.05);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul:before {
  content: "";
  position: absolute;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  bottom: calc(100% - 6px);
  right: 5px;
  border: 1px solid #f1f2f3;
  background-color: #ffffff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li {
  display: block;
  position: relative;
  border-bottom: 1px solid #f1f2f3;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 9px 12px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a.active {
  background-color: #f9f9f9;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a svg, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a span {
  position: relative;
  display: inline-block;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a svg {
  fill: rgba(46, 64, 83, 0.5);
  height: 14px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a svg:first-child {
  margin-left: 7px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a svg:last-child {
  margin-right: auto;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.5);
  z-index: 1;
  font-size: 14px;
  font-weight: 400;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0;
  background-color: #f1f2f3;
  pointer-events: none;
  top: 0;
  left: 0;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:hover svg, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:active svg {
  fill: rgba(46, 64, 83, 0.6);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:hover span, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:active span {
  color: rgba(46, 64, 83, 0.6);
  transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  -webkit-transform: translateX(-6px);
  -moz-transform: translateX(-6px);
  -o-transform: translateX(-6px);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:hover:before, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li > a:active:before {
  width: calc(100% - 1px);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:first-child > a:before {
  top: 1px;
  border-radius: 3px 3px 0 0;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:last-child > a:before {
  top: -1px;
  border-radius: 0 0 3px 3px;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:hover > a svg.dropdown-icon, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:active > a svg.dropdown-icon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:hover > ul, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li:active > ul {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li ul {
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(20px, -50%);
  -ms-transform: translateY(20px, -50%);
  -webkit-transform: translateY(20px, -50%);
  -moz-transform: translateY(20px, -50%);
  -o-transform: translateY(20px, -50%);
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon) ul li ul:before {
  top: 50%;
  right: -6px;
  transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon):hover > a span, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon):active > a span {
  color: #48C9B0;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon):hover > a svg, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon):active > a svg {
  fill: #48C9B0;
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon):hover > a svg.dropdown-icon, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon):active > a svg.dropdown-icon {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
#header .top-header .navbar-list .large-navbar > ul > li:not(.icon):hover > ul, #header .top-header .navbar-list .large-navbar > ul > li:not(.icon):active > ul {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .image {
  overflow: hidden;
  border: 1px solid #f1f2f3;
  border-radius: 50%;
  max-width: 64px;
  max-height: 64px;
  -webkit-box-shadow: 0 4px 9px rgba(46, 64, 83, 0.1);
  -moz-box-shadow: 0 4px 9px rgba(46, 64, 83, 0.1);
  box-shadow: 0 4px 9px rgba(46, 64, 83, 0.1);
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .image a {
  display: block;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .image a img {
  width: 54px;
  height: 54px;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .dropdown > button {
  outline: none;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .dropdown > button svg {
  color: rgba(46, 64, 83, 0.7);
  height: 16px;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .dropdown .dropdown-menu {
  border: 1px solid #EEEEEE;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .dropdown .dropdown-menu a.dropdown-item {
  display: block;
  width: 100%;
  text-align: right;
  color: rgba(46, 64, 83, 0.7);
  margin: 0;
  padding: 9px 12px;
  border-bottom: 1px solid #EEEEEE;
}
#header .top-header .navbar-list .large-navbar > ul > li.profile .dropdown .dropdown-menu a.dropdown-item:last-child {
  border-bottom: none;
}
#header .top-header .navbar-list .small-navbar > ul > li, #header .top-header .navbar-list .large-navbar > ul > li.icon {
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
#header .top-header .navbar-list .small-navbar > ul > li:not(.icon):first-child, #header .top-header .navbar-list .large-navbar > ul > li.icon:not(.icon):first-child {
  margin-right: 0;
}
#header .top-header .navbar-list .small-navbar > ul > li:last-child, #header .top-header .navbar-list .large-navbar > ul > li.icon:last-child {
  margin-left: 0;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box {
  position: absolute;
  right: 0;
  top: calc(100% + 7px);
  opacity: 0;
  pointer-events: none;
  border: 1px solid #f1f2f3;
  border-radius: 3px;
  width: 360px;
  z-index: 99999;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
  transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -o-transform: translateY(25px);
  -webkit-box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
  -moz-box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
  box-shadow: 0 2px 12px rgba(151, 154, 154, 0.1);
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box:before, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box:before {
  content: "";
  position: absolute;
  bottom: calc(100% - 6px);
  right: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  width: 12px;
  height: 12px;
  border: 1px solid #f1f2f3;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form {
  position: relative;
  padding: 12px;
  z-index: 1;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group {
  direction: ltr;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button {
  background-color: #48C9B0;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button button, #header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button span, #header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button i:before, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button button, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button span, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .button i:before {
  color: #ffffff;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .label, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.submit > .label {
  font-weight: 500;
  background-color: #ffffff;
  color: rgba(46, 64, 83, 0.5);
  border-color: #48C9B0;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button {
  background-color: #ff5951;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button span, #header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button i:before, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button span, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .button i:before {
  color: #ffffff;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .label, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .btn-group .ui.labeled.button.reset > .label {
  font-weight: 400;
  background-color: #ffffff;
  color: rgba(46, 64, 83, 0.5);
  border-color: #ff5951;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .form-row input, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .form-row input {
  width: 264px;
  height: 36px;
  padding: 0 9px;
  border: 1px solid #eeeeee;
  border-right: none;
  border-radius: 3px 0 0 3px;
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 400;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .form-row .ui.search, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .form-row .ui.search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 70px;
  min-height: 36px;
  padding: 0 9px;
  border-radius: 0 3px 3px 0;
  border: 1px solid #eeeeee;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .form-row .ui.search input.search, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .form-row .ui.search input.search {
  width: 100%;
  height: 36px;
  color: rgba(46, 64, 83, 0.5);
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .form-row .ui.search .text, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .form-row .ui.search .text {
  font-size: 12px;
  font-weight: 400;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box] > .search-box form .form-row .ui.search .menu .item, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box] > .search-box form .form-row .ui.search .menu .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 400;
}
#header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box]:hover > .search-box, #header .top-header .navbar-list .small-navbar > ul > li[data-target=search-box]:active > .search-box, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box]:hover > .search-box, #header .top-header .navbar-list .large-navbar > ul > li.icon[data-target=search-box]:active > .search-box {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
}
#header .top-header .navbar-list .small-navbar > ul > li > a, #header .top-header .navbar-list .large-navbar > ul > li.icon > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border: 1px solid rgba(46, 64, 83, 0.5);
  border-radius: 50%;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .small-navbar > ul > li > a svg, #header .top-header .navbar-list .large-navbar > ul > li.icon > a svg {
  height: 14px;
  fill: rgba(46, 64, 83, 0.5);
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .navbar-list .small-navbar > ul > li > a:hover, #header .top-header .navbar-list .large-navbar > ul > li.icon > a:hover {
  background-color: #48C9B0;
  border-color: #46cdb3;
}
#header .top-header .navbar-list .small-navbar > ul > li > a:hover svg, #header .top-header .navbar-list .large-navbar > ul > li.icon > a:hover svg {
  fill: #fafafa;
}
#header .top-header .navbar-logo h1 {
  color: #48C9B0;
  font: normal 26px "Righteous", cursive;
  letter-spacing: 1px;
}
#header .top-header .navbar-logo h1 span {
  color: #73C6B6;
}
#header .top-header .hamburger-navbar {
  top: 0;
  right: 0;
  background-color: rgba(46, 64, 83, 0.6);
}
#header .top-header .hamburger-navbar .navbar-inner {
  overflow-y: auto;
  width: 250px;
  height: 100%;
  border-left: 1px solid #f0f0f0;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-header {
  background-color: #fbfbfb;
  border-bottom: 1px solid #EEEEEE;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-header .image {
  max-width: 54px;
  max-height: 54px;
  border-radius: 50%;
  overflow: hidden;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-header .image img {
  width: 54px;
  height: 54px;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-header .user-panel a {
  display: block;
  padding: 4px;
  color: rgba(46, 64, 83, 0.7);
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li {
  display: block;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li:last-child {
  border-bottom: none;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a {
  text-align: right;
  background-color: #fff;
  display: block;
  padding: 17px 15px;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a > span, #header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a > svg {
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a > span {
  margin: 0 9px 0 0;
  color: rgba(46, 64, 83, 0.8);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a > svg {
  height: 16px;
  fill: rgba(46, 64, 83, 0.8);
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a:hover {
  background-color: #1E88E5;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a:hover > span {
  color: #fafafa;
}
#header .top-header .hamburger-navbar .navbar-inner .navbar-body > nav > ul > li > a:hover > svg {
  fill: #fafafa;
}

#main {
  position: relative;
}
#main .sidebar {
  top: 12px;
  height: 100%;
  max-height: 98vh;
}
#main .sidebar .sidebar-inner {
  border-radius: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: -3px 3px 12px rgba(151, 154, 154, 0.1);
  -moz-box-shadow: -3px 3px 12px rgba(151, 154, 154, 0.1);
  box-shadow: -3px 3px 12px rgba(151, 154, 154, 0.1);
}
#main .filtering-sidebar .sidebar-inner {
  top: 12px;
}
#main .filtering-sidebar .sidebar-inner .section {
  padding: 15px 20px 15px 25px;
  background-color: #ffffff;
  text-align: right;
  border-bottom: 1px solid #eeeeee;
  margin: 0;
}
#main .filtering-sidebar .sidebar-inner .section:last-child {
  border-bottom: none;
  margin-bottom: 20px;
}
#main .filtering-sidebar .sidebar-inner .section.bg-light .header h3 svg {
  fill: rgba(46, 64, 83, 0.6);
}
#main .filtering-sidebar .sidebar-inner .section.bg-light .header h3 span {
  color: rgba(46, 64, 83, 0.6);
}
#main .filtering-sidebar .sidebar-inner .section .header h3 svg {
  margin: 0 0 0 5px;
  height: 13px;
  fill: rgba(46, 64, 83, 0.5);
}
#main .filtering-sidebar .sidebar-inner .section .header h3 span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.5);
  font-size: 13px;
  font-weight: 500;
}
#main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-from, #main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-to, #main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-bar, #main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-single {
  background-color: #48C9B0;
}
#main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-single:before, #main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-from:before, #main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-to:before {
  border-top-color: #48C9B0;
}
#main .filtering-sidebar .sidebar-inner .section.price-range > .body .form-group .irs-handle > i:first-child {
  background-color: #48C9B0;
}
#main .filtering-sidebar .sidebar-inner .section.doctor-calendar > .body .form-group .ui.input {
  width: 100%;
  height: 36px;
}
#main .filtering-sidebar .sidebar-inner .section.doctor-calendar > .body .form-group .ui.input input {
  border: 1px solid #f1f2f3;
  text-align: right;
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 400;
}
#main .filtering-sidebar .sidebar-inner .section.doctor-calendar > .body .form-group .ui.input input::placeholder {
  color: rgba(46, 64, 83, 0.6);
}
#main .filtering-sidebar .sidebar-inner .section.doctor-calendar > .body .form-group .ui.input i {
  color: rgba(46, 64, 83, 0.9);
}
#main .filtering-sidebar .sidebar-inner .section.map > .body {
  max-width: 100%;
  height: 300px;
}
#main .filtering-sidebar .sidebar-inner .section.location > .body .form-row input {
  border-radius: 0 !important;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group input.easy, #main .filtering-sidebar .sidebar-inner .section > .body .form-row input.easy {
  text-align: right;
  border: 1px solid #f1f2f3;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 0 7px;
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 400;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group input.easy::placeholder, #main .filtering-sidebar .sidebar-inner .section > .body .form-row input.easy::placeholder {
  color: rgba(46, 64, 83, 0.6);
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.dropdown, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.dropdown {
  text-align: right;
  border: 1px solid #f1f2f3;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.dropdown input.search, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.dropdown input.search {
  text-align: right;
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 400;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.dropdown input.search::placeholder, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.dropdown input.search::placeholder {
  color: rgba(46, 64, 83, 0.6);
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.dropdown .text, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.dropdown .text {
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 400;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.dropdown .menu .item, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.dropdown .menu .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 400;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.labeled .ui.label, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.labeled .ui.label {
  text-align: center;
  background-color: #f1f2f3;
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 500;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.labeled .ui.label i, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.labeled .ui.label i {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.labeled .ui.selection.dropdown, #main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.labeled input.easy, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.labeled .ui.selection.dropdown, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.labeled input.easy {
  min-width: auto;
  max-width: calc(100% - 35px) !important;
}
#main .filtering-sidebar .sidebar-inner .section > .body .form-group .ui.search .results .result > .content .title, #main .filtering-sidebar .sidebar-inner .section > .body .form-row .ui.search .results .result > .content .title {
  color: rgba(46, 64, 83, 0.8);
  text-align: right;
  font: 500 13px "IRANSans-web";
  line-height: 1.8;
}
#main .filtering-sidebar .sidebar-inner .btn-section {
  border-top: 1px solid #eeeeee;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 38px;
  font-size: 12px;
  font-weight: 500;
  color: #fafafa;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button:first-child {
  border-radius: 0 5px 5px 0;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button:last-child {
  border-radius: 5px 0 0 5px;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.submit {
  background-color: #48C9B0;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.submit:hover, #main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.submit:active {
  background-color: #08ac8d;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.reset {
  background-color: #EC7063;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.reset:hover, #main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button.reset:active {
  background-color: #CB4335;
}
#main .filtering-sidebar .sidebar-inner .btn-section .ui.buttons .ui.button i {
  line-height: 0.7;
}
#main .newspaper-sidebar .sidebar-inner .not-found {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#main .newspaper-sidebar .sidebar-inner .not-found h3 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 15px;
  font-weight: 600;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li:last-child {
  border-bottom: none;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a {
  display: block;
  padding: 9px 12px;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .image {
  width: 85px;
  height: 85px;
  background-color: #f7f8f9;
  border-radius: 5px;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .image img {
  max-width: 85px;
  max-height: 85px;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .image .date {
  background-color: rgba(0, 0, 0, 0.3);
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .image .date span {
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 500;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .text-group {
  max-width: calc(100% - 85px);
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .text-group h3.title, #main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .text-group p.deck {
  display: block;
  width: 100%;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .text-group h3.title {
  color: rgba(46, 64, 83, 0.8);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .newspaper-sidebar .sidebar-inner .items-section > ul > li > a .text-group p.deck {
  height: 48px;
  overflow: hidden;
  line-height: 1.9;
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 400;
}
#main .newspaper-sidebar .sidebar-inner .search-newspaper {
  border-bottom: 2px solid #f1f2f3;
}
#main .newspaper-sidebar .sidebar-inner .search-newspaper .ui.search .ui.input input {
  border-radius: 7px;
  border: 1px solid #eeeeee;
  height: 44px;
  padding: 0 12px;
}
#main .newspaper-sidebar .sidebar-inner .search-newspaper .ui.search .ui.input input, #main .newspaper-sidebar .sidebar-inner .search-newspaper .ui.search .ui.input input::placeholder {
  color: rgba(46, 64, 83, 0.8);
  font-size: 14px;
  font-weight: 400;
}
#main .newspaper-sidebar .sidebar-inner .search-newspaper .ui.search .ui.input i.search {
  color: rgba(46, 64, 83, 0.8);
}
#main .results > .header {
  border: 1px solid #f1f2f3;
  border-radius: 7px;
  -webkit-box-shadow: 3px 3px 9px rgba(151, 154, 154, 0.1);
  -moz-box-shadow: 3px 3px 9px rgba(151, 154, 154, 0.1);
  box-shadow: 3px 3px 9px rgba(151, 154, 154, 0.1);
}
#main .results > .header .filters .section > .header > h4 {
  padding: 3px 0;
  color: rgba(46, 64, 83, 0.5);
  font-size: 13px;
  font-weight: 500;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #f0f0f0;
  min-width: 175px;
  height: 36px;
  border-radius: 4px;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .text {
  display: flex;
  align-items: center;
  color: rgba(46, 64, 83, 0.5);
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .text, #main .results > .header .filters .section.select-box > .body .ui.dropdown .menu .item {
  font-size: 12px;
  font-weight: 400;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .text i, #main .results > .header .filters .section.select-box > .body .ui.dropdown .menu .item i {
  height: 100%;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .text i.large, #main .results > .header .filters .section.select-box > .body .ui.dropdown .menu .item i.large {
  font-size: 1rem;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .menu {
  z-index: 9999;
  width: 100%;
}
#main .results > .header .filters .section.select-box > .body .ui.dropdown .menu .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.5);
}
#main .results > .header .apply-filters {
  margin: 32px 0 0 0;
  border-radius: 4px;
}
#main .results > .header .apply-filters .btn-section .ui.button.search a.label, #main .results > .header .apply-filters .btn-section .ui.button.search .ui.button {
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .results > .header .apply-filters .btn-section .ui.button.search a.label {
  color: rgba(46, 64, 83, 0.5);
  border-color: #48C9B0;
  line-height: 1.9;
  font-size: 12px;
  font-weight: 500;
}
#main .results > .header .apply-filters .btn-section .ui.button.search .ui.button {
  background-color: #48C9B0;
}
#main .results > .header .apply-filters .btn-section .ui.button.search .ui.button span, #main .results > .header .apply-filters .btn-section .ui.button.search .ui.button i {
  vertical-align: middle;
  color: #fafafa;
  font-size: 12px;
  font-weight: 500;
}
#main .results > .header .apply-filters .btn-section .ui.button.search:hover a.label, #main .results > .header .apply-filters .btn-section .ui.button.search:active a.label {
  border-color: #76D7C4;
}
#main .results > .header .apply-filters .btn-section .ui.button.search:hover .ui.button, #main .results > .header .apply-filters .btn-section .ui.button.search:active .ui.button {
  background-color: #76D7C4;
}
#main .results > .header .apply-filters .btn-section .ui.button.reset {
  background-color: #CD6155;
  color: #fafafa;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .results > .header .apply-filters .btn-section .ui.button.reset i {
  line-height: 1.9;
  background-color: #CB4335;
}
#main .results > .header .apply-filters .btn-section .ui.button.reset span {
  font-size: 12px;
  font-weight: 400;
}
#main .results > .header .apply-filters .btn-section .ui.button.reset:hover, #main .results > .header .apply-filters .btn-section .ui.button.reset:active {
  opacity: 0.8;
}
#main .results > .header .apply-filters .view-result .ui.form .inline.fields > label {
  color: rgba(46, 64, 83, 0.7);
  font-size: 13px;
  font-weight: 500;
}
#main .results > .header .apply-filters .view-result .ui.form .inline.fields .field {
  display: flex;
  align-items: center;
}
#main .results > .header .apply-filters .view-result .ui.form .inline.fields .field .ui.radio.checkbox label {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#main .results > .header .apply-filters .view-result .ui.form .inline.fields .field .ui.radio.checkbox label i {
  color: rgba(46, 64, 83, 0.5);
  font-size: 1rem;
}
#main .results > .body {
  top: 20px;
}
#main .results > .body .result-items {
  border-radius: 7px;
}
#main .results > .body .result-items.th-large .item, #main .results > .body .result-items.th-list .item {
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .results > .body .result-items.th-large .item .item-inner, #main .results > .body .result-items.th-list .item .item-inner {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
  -webkit-box-shadow: 0 4px 9px rgba(151, 154, 154, 0.09);
  -moz-box-shadow: 0 4px 9px rgba(151, 154, 154, 0.09);
  box-shadow: 0 4px 9px rgba(151, 154, 154, 0.09);
}
#main .results > .body .result-items.th-large .item .item-inner:hover, #main .results > .body .result-items.th-large .item .item-inner:active, #main .results > .body .result-items.th-list .item .item-inner:hover, #main .results > .body .result-items.th-list .item .item-inner:active {
  background-color: #fcfcfc;
  transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  -webkit-transform: translateY(-7px);
  -moz-transform: translateY(-7px);
  -o-transform: translateY(-7px);
  -webkit-box-shadow: 0 4px 12px rgba(151, 154, 154, 0.12);
  -moz-box-shadow: 0 4px 12px rgba(151, 154, 154, 0.12);
  box-shadow: 0 4px 12px rgba(151, 154, 154, 0.12);
}
#main .results > .body .result-items.th-large .item .item-inner .image, #main .results > .body .result-items.th-list .item .item-inner .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group, #main .results > .body .result-items.th-list .item .item-inner .text-group {
  width: 100%;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .title > h2, #main .results > .body .result-items.th-large .item .item-inner .text-group .subtitle > h3, #main .results > .body .result-items.th-list .item .item-inner .text-group .title > h2, #main .results > .body .result-items.th-list .item .item-inner .text-group .subtitle > h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .title h2, #main .results > .body .result-items.th-list .item .item-inner .text-group .title h2 {
  color: rgba(46, 64, 83, 0.8);
  font-weight: 600;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .subtitle h3, #main .results > .body .result-items.th-list .item .item-inner .text-group .subtitle h3 {
  color: rgba(46, 64, 83, 0.6);
  font-weight: 500;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .text p, #main .results > .body .result-items.th-list .item .item-inner .text-group .text p {
  display: block;
  text-align: justify;
  color: rgba(46, 64, 83, 0.6);
  line-height: 1.8;
  font-weight: 400;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons {
  position: relative;
  z-index: 1;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button {
  padding: 0;
  background-color: #1c3abb;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button i, #main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button span, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button i, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button span {
  color: #fafafa;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button span, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button span {
  font-size: 12px;
  font-weight: 400;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button:hover, #main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button:active, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button:hover, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button:active {
  opacity: 0.85;
}
#main .results > .body .result-items.th-large .item .item-inner .text-group .footer .ui.buttons .ui.button.information, #main .results > .body .result-items.th-list .item .item-inner .text-group .footer .ui.buttons .ui.button.information {
  background-color: #1ABC9C;
}
#main .results > .body .result-items.th-large .item {
  margin: 0 0 17px 0;
}
#main .results > .body .result-items.th-large .item .item-inner {
  padding: 0;
  min-height: 425px;
  border-radius: 10px;
}
#main .results > .body .result-items.th-large .item .item-inner .image, #main .results > .body .result-items.th-large .item .item-inner .title, #main .results > .body .result-items.th-large .item .item-inner .subtitle, #main .results > .body .result-items.th-large .item .item-inner .text, #main .results > .body .result-items.th-large .item .item-inner .footer {
  width: 100%;
}
#main .results > .body .result-items.th-large .item .item-inner .image img {
  width: 100%;
  min-height: 300px;
  max-height: 300px;
}
#main .results > .body .result-items.th-large .item .item-inner .title h2 {
  font-size: 14px;
}
#main .results > .body .result-items.th-large .item .item-inner .subtitle h3 {
  font-size: 13px;
}
#main .results > .body .result-items.th-large .item .item-inner .text {
  height: 117px;
  overflow: hidden;
}
#main .results > .body .result-items.th-large .item .item-inner .text p {
  font-size: 13px;
}
#main .results > .body .result-items.th-large .item .item-inner .footer {
  background-color: #ffffff;
  height: 50px;
  border-top: 1px solid #eeeeee;
  position: absolute;
  bottom: 0;
  left: 0;
}
#main .results > .body .result-items.th-large .item .item-inner .footer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background-color: transparent;
  left: 0;
  bottom: 100%;
  pointer-events: none;
  -webkit-box-shadow: 0 0 12px 12px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 12px 12px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 12px 12px rgba(255, 255, 255, 0.5);
}
#main .results > .body .result-items.th-list .item {
  margin: 0 0 12px 0;
}
#main .results > .body .result-items.th-list .item .item-inner {
  min-height: 100px;
  border-radius: 5px;
  padding: 9px;
}
#main .results > .body .result-items.th-list .item .item-inner .image {
  height: 150px;
  width: 150px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #f5f5f5;
  border: 1px solid #f1f2f3;
}
#main .results > .body .result-items.th-list .item .item-inner .image img {
  max-width: 150px;
  max-height: 150px;
}
#main .results > .body .result-items.th-list .item .item-inner .text-group {
  position: relative;
  height: 150px;
  width: calc(100% - 150px);
}
#main .results > .body .result-items.th-list .item .item-inner .text-group .title h2 {
  font-size: 16px;
}
#main .results > .body .result-items.th-list .item .item-inner .text-group .subtitle h3 {
  font-size: 14px;
}
#main .results > .body .result-items.th-list .item .item-inner .text-group .text {
  height: 75px;
  overflow: hidden;
}
#main .results > .body .result-items.th-list .item .item-inner .text-group .text p {
  font-size: 14px;
}
#main .results > .body .result-items.th-list .item .item-inner .text-group .footer {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 215px;
  max-width: 400px;
}
#main .content .add-post {
  background-color: #fcfcfc;
  top: 12px;
  border-radius: 10px;
  height: 50px;
  border: 1px solid #f1f2f3;
}
#main .content .add-post button.send-post {
  outline: none;
  position: relative;
  background-color: transparent;
}
#main .content .add-post button.send-post svg {
  height: 16px;
  fill: rgba(46, 64, 83, 0.4);
  margin-right: 7px;
}
#main .content .add-post button.send-post span {
  color: rgba(46, 64, 83, 0.4);
  font-size: 13px;
  font-weight: 600;
}
#main .content .content-inner {
  border-radius: 10px;
  top: 9px;
}
#main .content .content-inner .tab-content .tab-pane {
  min-height: 200px;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu {
  width: auto;
  background-color: transparent;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown:hover, #main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown:active, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown:hover, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown:active, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown:hover, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown:active {
  background-color: transparent;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown i.icon, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown i.icon, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown i.icon {
  color: rgba(46, 64, 83, 0.7);
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown .menu, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown .menu, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown .menu {
  border: 1px solid #f1f2f3;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown .menu a.item, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown .menu a.item, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown .menu a.item {
  margin: 0;
  padding: 9px 7px;
  text-align: right;
  border-bottom: 1px solid #f1f2f3;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown .menu a.item:last-child, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown .menu a.item:last-child, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown .menu a.item:last-child {
  border-bottom: none;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown .menu a.item svg, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown .menu a.item svg, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown .menu a.item svg {
  height: 12px;
  fill: rgba(46, 64, 83, 0.7);
  margin-left: 4px;
}
#main .content .content-inner .tab-content .tab-pane.posts .setting .ui.vertical.menu .ui.dropdown .menu a.item span, #main .content .content-inner .tab-content .tab-pane.about-dr .setting .ui.vertical.menu .ui.dropdown .menu a.item span, #main .content .content-inner .tab-content .tab-pane.insurance .setting .ui.vertical.menu .ui.dropdown .menu a.item span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.7);
  font: 500 12px "IRANSans-web";
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post {
  border-bottom: 2px solid #f1f2f3;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.input {
  height: 44px;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.input input {
  border: 1px solid #eeeeee;
  border-radius: 7px 0 0 7px;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.input input, #main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.input input::placeholder {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.input i {
  color: rgba(46, 64, 83, 0.7);
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.dropdown {
  height: 44px;
  min-width: 110px;
  border: 1px solid #eeeeee;
  border-radius: 0 7px 7px 0;
  background-color: #f8f8f8;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.dropdown .text, #main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.dropdown .menu > .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.posts .search-post .ui.search > .ui.labeled.input .ui.dropdown i {
  color: rgba(46, 64, 83, 0.7);
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item {
  position: relative;
  display: block;
  border-bottom: 2px solid #f0f0f0;
  margin: 14px 0 0 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item:last-child {
  border-bottom: none;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .text-box p {
  color: rgba(46, 64, 83, 0.8);
  line-height: 1.9;
  font-size: 15px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .text-box p b {
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .text-box p span.hashtag, #main .content .content-inner .tab-content .tab-pane.posts .items > .item .text-box p a {
  color: #039BE5;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .gallery-file {
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
  background-color: #f3f4f5;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .gallery-file img, #main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .gallery-file video {
  display: block;
  margin: 15px auto;
  border-radius: 5px;
  max-height: 150px;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button {
  display: inline-block;
  margin: 0 5px;
  background-color: transparent;
  outline: none;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button:first-child {
  margin-left: 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button:last-child {
  margin-right: 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button, #main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button svg, #main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button i {
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button svg {
  fill: rgba(46, 64, 83, 0.7);
  height: 19px;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button i {
  color: rgba(46, 64, 83, 0.7);
  font-size: 20px;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .gallery .actions button.liked > i {
  color: #E0245E;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply {
  margin: 0 0 17px 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply:last-child {
  margin-bottom: 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply h4.name, #main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply p {
  width: 100%;
  display: block;
  vertical-align: middle;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply h4.name img {
  margin: 0 0 0 3px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply h4.name span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.8);
  font-size: 13px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply h4.name span b {
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply p {
  line-height: 1.9;
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .reply.active > h4.name > span > b {
  color: #039BE5;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .replies .view-replies button {
  outline: none;
  background-color: transparent;
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply {
  border-top: 2px solid #f0f0f0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply textarea {
  width: calc(100% - 80px);
  color: rgba(46, 64, 83, 0.7);
  text-align: justify;
  direction: rtl;
  resize: none;
  overflow: hidden;
  padding: 9px 12px;
  line-height: 1.6;
  min-height: 40px;
  font-size: 13px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply textarea::placeholder {
  color: rgba(46, 64, 83, 0.7);
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply button {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  margin: 0;
  padding: 0;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply button svg {
  fill: rgba(46, 64, 83, 0.8);
  height: 20px;
}
#main .content .content-inner .tab-content .tab-pane.posts .items > .item .enter-reply button.emojis > emoji-picker {
  position: absolute;
  bottom: 100%;
  left: 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr section > .header h3, #main .content .content-inner .tab-content .tab-pane.insurance > .header h3 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 600;
}
#main .content .content-inner .tab-content .tab-pane.about-dr section .body > .not-found {
  height: 250px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr section .body > .not-found h4 {
  color: rgba(46, 64, 83, 0.6);
  font-size: 16px;
  font-weight: 600;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .about-us .body .about-text {
  padding: 9px 0 9px 25px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .about-us .body .about-text p {
  color: rgba(46, 64, 83, 0.7);
  line-height: 1.9;
  font-size: 14px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .about-us .body .about-video {
  padding: 0 25px 0 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .about-us .body .about-video, #main .content .content-inner .tab-content .tab-pane.about-dr .about-us .body .about-video video {
  max-width: 100%;
  max-height: 300px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .gallery .image {
  border-radius: 7px;
  overflow: hidden;
  max-width: 130px;
  max-height: 130px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .gallery .image img {
  width: 130px;
  height: 130px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner {
  border: 2px solid #f1f2f3;
  border-radius: 7px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .image img {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .name > h4 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li {
  display: block;
  position: relative;
  margin: 2px 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li:first-child {
  margin-top: 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li:last-child {
  margin-bottom: 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li > a {
  display: block;
  padding: 4px 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li > a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #2196F3;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .specialties-list > ul li > a span {
  vertical-align: middle;
  color: #2196F3;
  margin-right: 14px;
  font-size: 14px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .comments .comment .comment-inner .reply > p {
  color: rgba(46, 64, 83, 0.8);
  line-height: 2;
  font-size: 14px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record {
  border-bottom: 2px solid #f0f0f0;
  padding: 12px 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record .text-box {
  overflow: hidden;
  height: 112px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record .text-box h4 {
  color: rgba(46, 64, 83, 0.7);
  font-size: 15px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record .text-box p {
  line-height: 1.9;
  color: rgba(46, 64, 83, 0.6);
  font-size: 15px;
  font-weight: 400;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record .images .image {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  border-radius: 5px;
}
#main .content .content-inner .tab-content .tab-pane.about-dr .records > .body .record .images .image img {
  max-width: 112px;
  max-height: 112px;
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li {
  display: block;
  margin: 4px 2px;
  position: relative;
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li:first-child {
  margin-top: 0;
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li:last-child {
  margin-bottom: 0;
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li > a {
  display: block;
  padding: 7px 9px;
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li > a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #2196F3;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#main .content .content-inner .tab-content .tab-pane.insurance .body > ul > li > a span {
  vertical-align: middle;
  color: #2196F3;
  margin-right: 7px;
  font-size: 15px;
  font-weight: 500;
}
#main .content .content-inner .tab-content .tab-pane .swiper-slide-shadow-left, #main .content .content-inner .tab-content .tab-pane .swiper-slide-shadow-right {
  background-image: none;
}
#main .content .content-inner .tab-selector {
  border-bottom: 2px solid #f1f2f3;
  overflow: visible;
  bottom: 0;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item {
  margin-bottom: 0;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link {
  border: 0;
  border-radius: 0;
  width: auto;
  height: 52px;
  vertical-align: middle;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  right: 0 !important;
  padding: 0 15px;
  transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link:hover, #main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link:active {
  border: 0;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link.active {
  border: none;
  position: relative;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #5DADE2;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link.active span {
  color: #5DADE2;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link.active svg {
  fill: #5DADE2;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#main .content .content-inner .tab-selector ul.nav-tabs > .nav-item > .nav-link svg {
  margin-left: 8px;
  height: 14px;
  fill: rgba(46, 64, 83, 0.6);
}
#main .detail {
  top: 12px;
}
#main .detail .detail-inner {
  border-radius: 10px 10px 0 0;
  min-height: 400px;
}
#main .detail .detail-inner .images {
  min-height: 200px;
}
#main .detail .detail-inner .images .banner {
  cursor: pointer;
  top: 0;
  left: 0;
  background: #eeeeee no-repeat scroll center;
  background-size: cover;
  height: 200px;
  filter: blur(0.5px);
}
#main .detail .detail-inner .images img {
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#main .detail .detail-inner .information h2 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 500;
}
#main .detail .detail-inner .information h2 b {
  font-weight: 600;
}
#main .detail .detail-inner .information p {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 400;
}
#main .detail .detail-inner .information p b {
  font-weight: 500;
}
#main .detail .detail-inner .contact-us a {
  background-color: #607D8B;
  color: #fafafa;
  border-radius: 100px;
  width: 125px;
  height: 48px;
  font-size: 14px;
  font-weight: 600;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  min-width: 100px;
  padding: 0 12px;
  height: 48px;
  font-size: 0;
  margin: 0 9px;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button:first-child {
  margin-right: 0;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button:last-child {
  margin-left: 0;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button svg {
  margin: 0 7px 0 0;
  fill: rgba(255, 255, 255, 0.8);
  height: 16px;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 600;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.follow {
  border-color: #1387ee;
  background-color: #1E88E5;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.follow span {
  color: rgba(255, 255, 255, 0.9);
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.unfollow {
  border-color: #e5410e;
  background-color: #E64A19;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.unfollow span {
  color: rgba(255, 255, 255, 0.9);
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.compare {
  border-color: #019caf;
  background-color: #00ACC1;
}
#main .detail .detail-inner > .btn-section .ui.buttons .ui.button.compare span {
  color: rgba(255, 255, 255, 0.9);
}
#main .detail > .btn-section .ui.buttons {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
#main .detail > .btn-section .ui.buttons .ui.button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fafafa;
  background-color: #ffffff;
  width: 50%;
  height: 48px;
  font-size: 14px;
  font-weight: 600;
}
#main .detail .social-links .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
}
#main .detail .social-links .swiper-container .swiper-wrapper .swiper-slide > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  background-color: #ffffff;
  border: 1px solid #f1f2f3;
  border-radius: 12px;
}
#main .detail .social-links .swiper-container .swiper-wrapper .swiper-slide > a svg {
  fill: #fafafa;
  height: 32px;
}
#main .detail .map .neshan-map {
  height: 300px;
  border-radius: 10px;
}
#main .compare-options > .sidebar-inner > section {
  text-align: right;
  border-bottom: 1px solid #eeeeee;
}
#main .compare-options > .sidebar-inner > section:nth-child(2n+1) {
  background-color: #fff;
}
#main .compare-options > .sidebar-inner > section:nth-child(2n) {
  background-color: #f9f9f9;
}
#main .compare-options > .sidebar-inner > section:last-child {
  border-bottom: none;
}
#main .compare-options > .sidebar-inner > section .form-group, #main .compare-options > .sidebar-inner > section .form-row {
  font-size: 0;
}
#main .compare-options > .sidebar-inner > section .form-group label, #main .compare-options > .sidebar-inner > section .form-row label {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.8);
  padding: 0;
  margin: 0;
  text-align: justify;
  line-height: 1.8;
  font-size: 15px;
  font-weight: 500;
}
#main .compare-options > .sidebar-inner > section .form-group input[type=checkbox], #main .compare-options > .sidebar-inner > section .form-row input[type=checkbox] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  margin: 0 0 0 9px;
}
#main .compare-options > .sidebar-inner > section .form-group input[type=checkbox]:checked, #main .compare-options > .sidebar-inner > section .form-row input[type=checkbox]:checked {
  background: url("../images/correct-symbol.svg") #17a2b8 no-repeat center;
  background-size: 14px 14px;
  border-color: #17a2b8;
}
#main .compare-options > .sidebar-inner > .form-group button {
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
  background-color: #2196F3;
  color: #fafafa;
  font-size: 15px;
  font-weight: 500;
}
#main .compare-results > .header {
  border-radius: 12px;
  min-height: 70px;
  max-height: 70px;
}
#main .compare-results > .header .ui.search .ui.input input.prompt {
  border-radius: 7px;
  height: 46px;
  padding: 0 12px;
  border: 1px solid #eeeeee;
}
#main .compare-results > .header .ui.search .ui.input input.prompt, #main .compare-results > .header .ui.search .ui.input input.prompt::placeholder {
  color: rgba(46, 64, 83, 0.6);
  font-size: 14px;
  font-weight: 500;
}
#main .compare-results > .header .ui.search .ui.input i.icon {
  color: rgba(46, 64, 83, 0.8);
}
#main .compare-results > .body .physicians .item > .item-inner {
  border-radius: 15px;
  overflow: hidden;
}
#main .compare-results > .body .physicians .item > .item-inner .profile {
  height: 240px;
}
#main .compare-results > .body .physicians .item > .item-inner .profile .banner {
  background: #eeeeee no-repeat scroll center;
  background-size: cover;
  max-height: 200px;
  min-height: 200px;
}
#main .compare-results > .body .physicians .item > .item-inner .profile .banner img {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#main .compare-results > .body .physicians .item > .item-inner .information {
  border-bottom: 1px solid #eeeeee;
}
#main .compare-results > .body .physicians .item > .item-inner .information h2 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 500;
}
#main .compare-results > .body .physicians .item > .item-inner .information p {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 400;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card {
  border-radius: 0;
  border-bottom: 1px solid #eeeeee;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card:first-child {
  border-top: 1px solid #eeeeee;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card:last-child {
  border-bottom: 0;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-header {
  border: 0;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-header > h5 {
  font-size: 0;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-header > h5 button {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.8);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-header > h5 svg {
  fill: rgba(46, 64, 83, 0.6);
  height: 16px;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-body {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 75px;
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-body .not-found {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 15px;
  margin: 0;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#main .compare-results > .body .physicians .item > .item-inner .sections > .card .card-body .not-found h5 {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 600;
}
#main .newspaper-template .newspaper-inner {
  overflow: hidden;
  width: calc(100% - 90px);
}
#main .newspaper-template .newspaper-inner .newspaper-information, #main .newspaper-template .newspaper-inner .newspaper-body {
  border-radius: 12px;
  border: 1px solid #f1f2f3;
}
#main .newspaper-template .newspaper-inner .newspaper-information .image {
  max-width: 110px;
  max-height: 110px;
  border-radius: 50%;
  background-color: #eeeeee;
  border: 1px solid #e9e9e9;
}
#main .newspaper-template .newspaper-inner .newspaper-information .image img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail {
  max-height: 110px;
  max-width: calc(100% - 110px);
  overflow: hidden;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail .title {
  font-size: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail .title a {
  color: rgba(46, 64, 83, 0.8);
  font-size: 15px;
  font-weight: 600;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail .title button {
  padding: 12px 17px;
  color: #ffffff;
  border-radius: 100px;
  background-color: #1ABC9C;
  font-size: 14px;
  font-weight: 600;
  margin: 0 12px 0 0;
  outline: none;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail .bio > p {
  color: rgba(46, 64, 83, 0.8);
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .newspaper-template .newspaper-inner .newspaper-information .dr-detail .date > span {
  color: rgba(46, 64, 83, 0.6);
  font-size: 13px;
  font-weight: 400;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags {
  border-top: 2px solid #f3f4f5;
  border-bottom: 2px solid #f3f4f5;
  font-size: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a {
  height: 48px;
  padding: 0 12px 0 24px;
  margin: 6px 19px;
  background-color: #1ABC9C;
  border-right: 4px solid #148F77;
  border-bottom: 2px solid #148F77;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:first-child {
  margin-right: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:last-child {
  margin-left: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:after, #main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:before {
  content: "";
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:after {
  border: 2px solid rgba(46, 64, 83, 0.12);
  right: calc(100% - 7px);
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 8px rgba(46, 64, 83, 0.1);
  -moz-box-shadow: 2px 2px 8px rgba(46, 64, 83, 0.1);
  box-shadow: 2px 2px 8px rgba(46, 64, 83, 0.1);
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a:before {
  right: 100%;
  border-top: 24px solid transparent;
  border-right: 24px solid #1ABC9C;
  border-bottom: 24px solid transparent;
  border-left: 24px solid transparent;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-tags > a span {
  vertical-align: middle;
  line-height: 3.2;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .avatar {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 0 0 12px;
  border-radius: 50%;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .avatar img {
  max-width: 70px;
  max-height: 70px;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail {
  width: calc(100% - 82px);
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .title {
  font-size: 0;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .title h4, #main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .title button {
  vertical-align: middle;
  display: inline-block;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .title h4 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 14px;
  font-weight: 600;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .title button {
  cursor: pointer;
  background-color: transparent;
  margin: 0 9px 0 0;
  color: rgba(46, 64, 83, 0.5);
  font-size: 13px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .job {
  vertical-align: middle;
  color: #039BE5;
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .job span {
  margin: 0 3px;
  color: rgba(46, 64, 83, 0.6);
  font-size: 13px;
  font-weight: 600;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .date span {
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments .comments .comment .detail .message > p {
  line-height: 1.9;
  color: rgba(46, 64, 83, 0.8);
  font-size: 13px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments form textarea {
  max-height: 400px;
  min-height: 250px;
  height: 400px;
  resize: none;
  border: 1px solid #f3f4f5;
  background-color: #fbfbfb;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments form textarea, #main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments form textarea::placeholder {
  color: rgba(46, 64, 83, 0.7);
}
#main .newspaper-template .newspaper-inner .newspaper-body .newspaper-comments form button {
  background-color: #1ABC9C;
  color: #ffffff;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-template .social-media {
  width: 90px;
}
#main .newspaper-template .social-media a {
  width: 60px;
  height: 60px;
  border-radius: 30%;
  margin: 7px 0;
}
#main .newspaper-template .social-media a:first-child {
  margin-top: 0;
}
#main .newspaper-template .social-media a:last-child {
  margin-bottom: 0;
}
#main .newspaper-template .social-media a svg {
  height: 26px;
  fill: #ffffff;
}
#main .newspaper-category > .category-inner .newspaper {
  border-radius: 12px;
  padding: 25px 30px 25px 40px;
  margin: 20px 0;
}
#main .newspaper-category > .category-inner .newspaper:first-child {
  margin-top: 0;
}
#main .newspaper-category > .category-inner .newspaper:last-child {
  margin-bottom: 0;
}
#main .newspaper-category > .category-inner .newspaper .image {
  width: 200px;
  height: 120px;
  border-radius: 7px;
  overflow: hidden;
  margin: 0 0 0 12px;
}
#main .newspaper-category > .category-inner .newspaper .image img {
  width: 200px;
  height: 120px;
}
#main .newspaper-category > .category-inner .newspaper .detail {
  width: calc(100% - 212px);
}
#main .newspaper-category > .category-inner .newspaper .detail .title > h3 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 600;
}
#main .newspaper-category > .category-inner .newspaper .detail .info {
  display: inline-block;
  color: rgba(46, 64, 83, 0.6);
  font-size: 14px;
  font-weight: 600;
}
#main .newspaper-category > .category-inner .newspaper .detail .info span {
  margin: 0 7px;
  color: rgba(46, 64, 83, 0.5);
}
#main .newspaper-category > .category-inner .newspaper .detail .desc > p {
  line-height: 1.9;
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#main section.corona-virus--help .section-header h4, #main section.corona-virus--help .section-header p, #main section.medical-specialties .section-header h4, #main section.medical-specialties .section-header p {
  line-height: 1.9;
}
#main section.corona-virus--help .section-header h4, #main section.medical-specialties .section-header h4 {
  color: rgba(46, 64, 83, 0.8);
  font-size: 22px;
  font-weight: 600;
}
#main section.corona-virus--help .section-header p, #main section.medical-specialties .section-header p {
  color: rgba(46, 64, 83, 0.6);
  font-size: 16px;
  font-weight: 500;
}
#main section.search-filter {
  margin: 0 0 70px 0;
}
#main section.search-filter .section-inner {
  background: #F7F9F9 no-repeat scroll center;
  min-height: 300px;
}
#main section.search-filter .section-inner .filter {
  padding: 75px 0 10px 0;
}
#main section.search-filter .section-inner .filter .header h2, #main section.search-filter .section-inner .filter .header p {
  display: block;
  width: 100%;
}
#main section.search-filter .section-inner .filter .header h2 {
  color: rgba(46, 64, 83, 0.7);
  font-size: 32px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .header p {
  color: rgba(46, 64, 83, 0.6);
  font-size: 18px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body .circle-box .box {
  margin: 0 25px;
  width: 85px;
  height: 85px;
  border: 2px solid #f1f2f3;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main section.search-filter .section-inner .filter .body .circle-box .box:first-child {
  margin-right: 0;
}
#main section.search-filter .section-inner .filter .body .circle-box .box:last-child {
  margin-left: 0;
}
#main section.search-filter .section-inner .filter .body .circle-box .box.active {
  background-color: #48C9B0;
  border-color: #41caaf;
  color: #fafafa;
}
#main section.search-filter .section-inner .filter .body .circle-box .box.active > a svg {
  fill: #fafafa;
}
#main section.search-filter .section-inner .filter .body .circle-box .box.active > a span {
  color: #fafafa;
}
#main section.search-filter .section-inner .filter .body .circle-box .box > a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main section.search-filter .section-inner .filter .body .circle-box .box > a svg, #main section.search-filter .section-inner .filter .body .circle-box .box > a span {
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main section.search-filter .section-inner .filter .body .circle-box .box > a svg {
  margin-left: 5px;
  fill: rgba(46, 64, 83, 0.4);
  height: 13px;
}
#main section.search-filter .section-inner .filter .body .circle-box .box > a span {
  color: rgba(46, 64, 83, 0.4);
  font-size: 13px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form select, #main section.search-filter .section-inner .filter .body form input, #main section.search-filter .section-inner .filter .body form button {
  outline: none;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown {
  border: 1px solid #f1f2f3;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown .text, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown .text {
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown i.dropdown.icon, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown i.dropdown.icon {
  line-height: 2.4;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown a.ui.label, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown a.ui.label {
  background-color: #f9f9f9;
  border: 1px solid #f3f4f5;
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown .menu > .item, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown .menu > .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.7);
  font-size: 13px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form .search-box .ui.dropdown {
  height: 50px;
}
#main section.search-filter .section-inner .filter .body form .search-box .filter-help {
  background-color: transparent;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  text-align: right;
  height: 50px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body form .search-box .filter-help p {
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body form .search-box .filter-help svg {
  margin: 0 9px 0 0;
  height: 14px;
  fill: rgba(46, 64, 83, 0.7);
}
#main section.search-filter .section-inner .filter .body form .search-box button {
  height: 50px;
  text-align: center;
  border-top: 2px solid #f1f2f3;
  border-bottom: 2px solid #f1f2f3;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main section.search-filter .section-inner .filter .body form .search-box button svg {
  height: 20px;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main section.search-filter .section-inner .filter .body form .search-box button[type=reset] svg {
  fill: rgba(46, 64, 83, 0.3);
}
#main section.search-filter .section-inner .filter .body form .search-box button[type=reset]:hover svg, #main section.search-filter .section-inner .filter .body form .search-box button[type=reset]:active svg {
  fill: rgba(46, 64, 83, 0.7);
}
#main section.search-filter .section-inner .filter .body form .search-box button[type=submit] {
  border-left: 2px solid #f1f2f3;
  border-radius: 5px 0 0 0;
  background-color: #48C9B0;
}
#main section.search-filter .section-inner .filter .body form .search-box button[type=submit]:hover, #main section.search-filter .section-inner .filter .body form .search-box button[type=submit]:active {
  background-color: #7FB3D5;
}
#main section.search-filter .section-inner .filter .body form .search-box button[type=submit] svg {
  fill: #fafafa;
}
#main section.search-filter .section-inner .filter .body form .search-options {
  border: 2px solid #f1f2f3;
  min-height: 120px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 12px rgba(46, 64, 83, 0.05);
  -moz-box-shadow: 0 5px 12px rgba(46, 64, 83, 0.05);
  box-shadow: 0 5px 12px rgba(46, 64, 83, 0.05);
}
#main section.search-filter .section-inner .filter .body form .search-options .header h3 {
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form .search-options .body {
  margin: 17px 0 0 0;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group {
  margin: 0 0 7px 0;
  font-size: 0;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .choose-header p {
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 40px;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown > .dropdown.icon {
  height: 40px;
  width: 30px;
  position: relative;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.dropdown > .dropdown.icon::before {
  font-size: 14px;
  color: rgba(46, 64, 83, 0.7);
  line-height: 3;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.search .results .result {
  padding: 4px 7px;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.search .results .result .image {
  width: 42px;
  height: 42px;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.search .results .result .content .title, #main section.search-filter .section-inner .filter .body form .search-options .body .form-group .ui.search .results .result .content .description {
  color: rgba(46, 64, 83, 0.8) !important;
  font: 500 13px "IRANSans-web" !important;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group label {
  vertical-align: middle;
  margin: 0 0 0 12px;
  color: rgba(46, 64, 83, 0.5);
  font-size: 12px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group input:not([type=radio]):not([type=checkbox]) {
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #f1f2f3;
  border-radius: 5px;
  padding: 0 9px;
  height: 40px;
  color: rgba(46, 64, 83, 0.8);
  font-size: 13px;
  font-weight: 600;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group input[type=radio] {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border: 2px solid #D6EAF8;
  border-radius: 50%;
  background-color: #D6EAF8;
}
#main section.search-filter .section-inner .filter .body form .search-options .body .form-group input[type=radio]:checked {
  background-color: #48C9B0;
  border-color: #48C9B0;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .results p {
  color: rgba(46, 64, 83, 0.6);
  font-size: 12px;
  font-weight: 400;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .results p span {
  color: #48C9B0;
  font-weight: 500;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button {
  border-radius: 5px;
  padding: 9px 12px;
  margin: 0 5px;
  font-size: 12px;
  font-weight: 500;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button:first-child {
  margin-right: 0;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button:last-child {
  margin-left: 0;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=reset] {
  background-color: transparent;
  color: rgba(46, 64, 83, 0.55);
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=reset]:hover, #main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=reset]:active {
  color: #EC7063;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=submit] {
  color: #fafafa;
  background-color: #48C9B0;
}
#main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=submit]:hover, #main section.search-filter .section-inner .filter .body form .search-options .footer .btn-section button[type=submit]:active {
  background-color: #7FB3D5;
}
#main section.search-filter .section-inner .cut {
  width: 100%;
  bottom: 0;
  left: 0;
}
#main section.medical-specialties {
  margin: 100px auto;
}
#main section.medical-specialties .section-body a.circle {
  width: 160px;
  height: 160px;
  margin: 7px;
}
#main section.medical-specialties .section-body a.circle .icon img {
  max-height: 90px;
  max-width: 90px;
  fill: #ffffff;
}
#main section.medical-specialties .section-body a.circle .title span {
  display: block;
  color: rgba(46, 64, 83, 0.8);
  font-size: 16px;
  font-weight: 500;
}
#main section.corona-virus--help form .form-row input {
  width: 100%;
  border: 1px solid #dddddd;
  background-color: #fbfbfb;
  height: 48px;
  padding: 0 12px;
  text-align: left;
  color: #a1a1a1;
}
#main section.corona-virus--help form .form-row input::placeholder {
  color: #a1a1a1;
  text-align: right;
}
#main section.corona-virus--help form .form-row button {
  width: 125px;
  height: 48px;
  padding: 0 7px;
}
#main .go-compare {
  left: 25px;
  bottom: 40px;
  z-index: 9999;
}

#main .newspaper-sidebar {
  top: 12px;
  position: relative !important;
}
#main .newspaper-sidebar .sidebar-inner > section {
  margin: 0 0 32px 0;
}
#main .newspaper-sidebar .sidebar-inner > section:last-child {
  margin-bottom: 0;
}
#main .newspaper-sidebar .sidebar-inner > section > .header .icon {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 20px;
  border: 1px solid #f1f2f3;
}
#main .newspaper-sidebar .sidebar-inner > section > .header .icon svg {
  fill: rgba(46, 64, 83, 0.5);
  height: 20px;
}
#main .newspaper-sidebar .sidebar-inner > section > .header .text h4 {
  display: block;
  color: rgba(46, 64, 83, 0.6);
  font-size: 15px;
  font-weight: 600;
}
#main .newspaper-sidebar .sidebar-inner > section > .body {
  border-radius: 20px;
  border: 1px solid #f1f2f3;
  background-color: #ffffff;
}
#main .newspaper-sidebar .sidebar-inner > section > .body > .not-found {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#main .newspaper-sidebar .sidebar-inner > section > .body > .not-found p {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-sidebar .sidebar-inner > section > .body > ul > li {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
#main .newspaper-sidebar .sidebar-inner > section > .body > ul > li:last-child {
  border-bottom: none;
}
#main .newspaper-sidebar .sidebar-inner > section.tags > .body > ul > li > a {
  display: block;
  padding: 15px 12px;
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a {
  display: block;
  padding: 12px;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .image {
  background: #f1f1f1 no-repeat scroll center;
  border: 1px solid #f1f2f3;
  background-size: cover;
  border-radius: 9px;
  overflow: hidden;
  height: 95px;
  width: 150px;
  margin: 0 0 0 12px;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group {
  max-width: calc(100% - 162px);
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .title, #main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .date, #main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .tags {
  font-size: 14px;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .title {
  color: rgba(46, 64, 83, 0.8);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .date {
  color: rgba(46, 64, 83, 0.6);
  font-weight: 600;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .tags {
  color: rgba(46, 64, 83, 0.7);
  font-weight: 500;
}
#main .newspaper-sidebar .sidebar-inner > section.items > .body > ul > li > a .text-group .tags span {
  margin: 0 7px;
  font-weight: 500;
}
#main .newspaper-sidebar .sidebar-inner > section.advertisement > .body {
  padding: 15px !important;
}

#main .write-newspaper .newspaper-texts, #main .write-newspaper .newspaper-options {
  border-radius: 12px;
}
#main .write-newspaper .newspaper-texts .form-group label, #main .write-newspaper .newspaper-texts .form-row label, #main .write-newspaper .newspaper-options .form-group label, #main .write-newspaper .newspaper-options .form-row label {
  color: rgba(46, 64, 83, 0.8);
  font-size: 15px;
  font-weight: 600;
}
#main .write-newspaper .newspaper-texts .form-group.title input, #main .write-newspaper .newspaper-texts .form-row.title input, #main .write-newspaper .newspaper-options .form-group.title input, #main .write-newspaper .newspaper-options .form-row.title input {
  border-radius: 7px;
  padding: 0 12px;
  outline: none;
  border: 1px solid #eeeeee;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
}
#main .write-newspaper .newspaper-texts .form-group.title input, #main .write-newspaper .newspaper-texts .form-group.title input::placeholder, #main .write-newspaper .newspaper-texts .form-row.title input, #main .write-newspaper .newspaper-texts .form-row.title input::placeholder, #main .write-newspaper .newspaper-options .form-group.title input, #main .write-newspaper .newspaper-options .form-group.title input::placeholder, #main .write-newspaper .newspaper-options .form-row.title input, #main .write-newspaper .newspaper-options .form-row.title input::placeholder {
  color: rgba(46, 64, 83, 0.7);
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown {
  height: 44px;
  line-height: 1.45rem;
  border: 1px solid #eeeeee;
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown .ui.label, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown .ui.label, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown .ui.label, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown .ui.label, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown .ui.label, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown .ui.label, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown .ui.label, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown .ui.label {
  background-color: #f7f8f9;
  color: rgba(46, 64, 83, 0.7);
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 500;
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown .ui.label i, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown .ui.label i {
  padding: 0;
  margin: 0 4px 0 0;
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown > i.icon.dropdown, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown > i.icon.dropdown {
  border-radius: 7px;
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown > .menu .item, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown > .menu .item {
  text-align: right;
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 500;
}
#main .write-newspaper .newspaper-texts .form-group.select-box--multiple .ui.dropdown .text, #main .write-newspaper .newspaper-texts .form-group.select-box--single .ui.dropdown .text, #main .write-newspaper .newspaper-texts .form-row.select-box--multiple .ui.dropdown .text, #main .write-newspaper .newspaper-texts .form-row.select-box--single .ui.dropdown .text, #main .write-newspaper .newspaper-options .form-group.select-box--multiple .ui.dropdown .text, #main .write-newspaper .newspaper-options .form-group.select-box--single .ui.dropdown .text, #main .write-newspaper .newspaper-options .form-row.select-box--multiple .ui.dropdown .text, #main .write-newspaper .newspaper-options .form-row.select-box--single .ui.dropdown .text {
  color: rgba(46, 64, 83, 0.7);
  font-size: 12px;
  font-weight: 500;
}
#main .write-newspaper .newspaper-texts .form-group.buttons button, #main .write-newspaper .newspaper-texts .form-row.buttons button, #main .write-newspaper .newspaper-options .form-group.buttons button, #main .write-newspaper .newspaper-options .form-row.buttons button {
  padding: 14px 9px;
  font-size: 15px;
  font-weight: 500;
}
#main .write-newspaper .newspaper-texts .form-group.buttons button:first-child, #main .write-newspaper .newspaper-texts .form-row.buttons button:first-child, #main .write-newspaper .newspaper-options .form-group.buttons button:first-child, #main .write-newspaper .newspaper-options .form-row.buttons button:first-child {
  border-radius: 0 20px 20px 0;
}
#main .write-newspaper .newspaper-texts .form-group.buttons button:last-child, #main .write-newspaper .newspaper-texts .form-row.buttons button:last-child, #main .write-newspaper .newspaper-options .form-group.buttons button:last-child, #main .write-newspaper .newspaper-options .form-row.buttons button:last-child {
  border-radius: 20px 0 0 20px;
}

#footer {
  background-color: #2471A3;
  position: relative;
  margin: 150px 0 0 0;
}
#footer .notch-image {
  bottom: 100%;
}
#footer .notch-image img {
  width: 100%;
  height: 100%;
}
#footer .top-footer section .header h3 {
  display: block;
  color: #fafafa;
  font-size: 22px;
  font-weight: 500;
}
#footer .top-footer .about-us .logo h1 {
  color: #fafafa;
  display: block;
  font: normal 24px "Righteous", cursive;
}
#footer .top-footer .about-us .about-text p {
  line-height: 32px;
  color: #f7f8f9;
  font-size: 14px;
  font-weight: 400;
}
#footer .top-footer .about-us .social-media {
  direction: ltr;
}
#footer .top-footer .about-us .social-media ul > li {
  display: inline-block;
  border-right: 2px solid rgba(250, 250, 250, 0.3);
  padding: 3px 9px;
}
#footer .top-footer .about-us .social-media ul > li:first-child {
  padding-left: 0;
}
#footer .top-footer .about-us .social-media ul > li:last-child {
  border-right: none;
  padding-right: 0;
}
#footer .top-footer .about-us .social-media ul > li a span, #footer .top-footer .about-us .social-media ul > li a svg {
  display: block;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#footer .top-footer .about-us .social-media ul > li a span {
  color: rgba(250, 250, 250, 0.5);
  font-size: 12px;
  font-weight: 400;
}
#footer .top-footer .about-us .social-media ul > li a span:hover, #footer .top-footer .about-us .social-media ul > li a span:active {
  color: #fafafa;
}
#footer .top-footer .about-us .social-media ul > li a svg {
  fill: rgba(250, 250, 250, 0.5);
  height: 20px;
}
#footer .top-footer .about-us .social-media ul > li a svg:hover, #footer .top-footer .about-us .social-media ul > li a svg:active {
  fill: #fafafa;
}
#footer .top-footer .popular-pages .body ul > li {
  display: block;
  position: relative;
}
#footer .top-footer .popular-pages .body ul > li > a {
  display: block;
  padding: 7px 0 7px 9px;
}
#footer .top-footer .popular-pages .body ul > li > a span {
  display: block;
  color: rgba(250, 250, 250, 0.7);
  margin-right: 20px;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#footer .top-footer .popular-pages .body ul > li > a span:hover, #footer .top-footer .popular-pages .body ul > li > a span:active {
  color: #fafafa;
  transform: translateX(-7px);
  -ms-transform: translateX(-7px);
  -webkit-transform: translateX(-7px);
  -moz-transform: translateX(-7px);
  -o-transform: translateX(-7px);
}
#footer .top-footer .popular-pages .body ul > li > a:after, #footer .top-footer .popular-pages .body ul > li > a:before {
  content: "";
  border-radius: 50%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#footer .top-footer .popular-pages .body ul > li > a:after {
  background-color: rgba(250, 250, 250, 0.8);
  width: 7px;
  height: 7px;
  right: 3px;
  transition: all 325ms;
  -webkit-transition: all 325ms;
  -moz-transition: all 325ms;
  -o-transition: all 325ms;
}
#footer .top-footer .popular-pages .body ul > li > a:before {
  right: 0;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(250, 250, 250, 0.8);
}
#footer .top-footer .popular-pages .body ul > li > a:hover:after, #footer .top-footer .popular-pages .body ul > li > a:active:after {
  background-color: #fafafa;
}
#footer .top-footer .contact-us .body ul > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 9px 0 9px 12px;
}
#footer .top-footer .contact-us .body ul > li h4, #footer .top-footer .contact-us .body ul > li p {
  margin: 0;
  padding: 0;
}
#footer .top-footer .contact-us .body ul > li h4 {
  color: rgba(250, 250, 250, 0.8);
  font-size: 14px;
  font-weight: 500;
}
#footer .top-footer .contact-us .body ul > li p {
  direction: ltr;
  margin-right: 4px;
  color: rgba(250, 250, 250, 0.9);
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#footer .bottom-footer {
  background-color: #206592;
}
#footer .bottom-footer p.copyright {
  color: rgba(250, 250, 250, 0.8);
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
}
#footer .bottom-footer p.copyright span {
  font: normal 10px "Righteous", cursive;
}

#modals {
  background-color: rgba(0, 0, 0, 0.6);
}
#modals .base-modal {
  max-height: 90vh;
  border-radius: 7px;
  overflow-y: auto;
}
#modals .base-modal > .header {
  padding: 12px 15px;
  background-color: #fafafa;
  border-bottom: 2px solid #f3f4f5;
}
#modals .base-modal > .header h4 {
  font-size: 0;
}
#modals .base-modal > .header h4 svg {
  fill: rgba(46, 64, 83, 0.8);
  height: 16px;
  margin-left: 9px;
}
#modals .base-modal > .header h4 span {
  vertical-align: middle;
  color: rgba(46, 64, 83, 0.8);
  font-size: 14px;
  font-weight: 600;
}
#modals .base-modal > .header .close-modal {
  height: 44px;
  width: 44px;
  border-right: 2px solid #f3f4f5;
  cursor: pointer;
}
#modals .base-modal > .header .close-modal svg {
  height: 20px;
  fill: rgba(46, 64, 83, 0.7);
}
#modals .base-modal.can-write > .body .write-post {
  border: 2px solid #f0f0f0;
  border-radius: 10px 10px 0 0;
}
#modals .base-modal.can-write > .body .write-post textarea {
  resize: none;
  padding: 12px 15px;
  line-height: 1.9;
  height: 40vh;
  font-size: 13px;
  font-weight: 500;
}
#modals .base-modal.can-write > .body .write-post textarea, #modals .base-modal.can-write > .body .write-post textarea::placeholder {
  color: rgba(46, 64, 83, 0.7);
}
#modals .base-modal.can-write > .body .buttons {
  border: 2px solid #f0f0f0;
  padding: 12px;
}
#modals .base-modal.can-write > .body .buttons button {
  cursor: pointer;
  outline: none;
  border-radius: 4px;
  padding: 12px 15px;
  margin: 5px;
}
#modals .base-modal.can-write > .body .buttons button:first-child {
  margin-left: 0;
}
#modals .base-modal.can-write > .body .buttons button:last-child {
  margin-right: 0;
}
#modals .base-modal.can-write > .body .buttons button[type=submit] {
  background-color: #28a745;
}
#modals .base-modal.can-write > .body .buttons button[type=reset] {
  background-color: #E0245E;
}
#modals .base-modal.can-write > .body .buttons button span {
  vertical-align: middle;
  color: #fafafa;
  font-size: 13px;
  font-weight: 500;
}
#modals .base-modal.can-write > .body .buttons button svg {
  height: 14px;
  fill: rgba(255, 255, 255, 0.9);
}
#modals .base-modal.can-write > .body .dz-message > span {
  color: rgba(46, 64, 83, 0.8);
  font-size: 14px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step {
  position: relative;
  display: none;
  width: 100%;
  padding: 2px;
  margin: 0;
  max-height: 400px;
  overflow: auto;
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group input, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group textarea, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group .ui.dropdown {
  background-color: #fbfbfb;
  border: 2px solid #f3f4f5;
  font-size: 12px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group input, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group input::placeholder, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group textarea, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group textarea::placeholder, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group .ui.dropdown, #modals .base-modal.reservation-form--modal > .body .steps .step .form-group .ui.dropdown::placeholder {
  color: rgba(46, 64, 83, 0.8);
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group .ui.dropdown {
  text-align: right;
  height: 38px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group input {
  padding: 0 9px;
  height: 38px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group textarea {
  resize: none;
  border-radius: 10px 10px 5px 5px;
  padding: 9px 12px;
  line-height: 1.8;
  height: 250px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step .form-group .ui.label {
  border: 2px solid #f3f4f5;
  background-color: #f7f8f9;
  font-size: 13px;
  font-weight: 600;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.active {
  display: block;
}
#modals .base-modal.reservation-form--modal > .body .steps .step > .title h4 {
  color: rgba(46, 64, 83, 0.9);
  line-height: 1.9;
  font-size: 14px;
  font-weight: 600;
}
#modals .base-modal.reservation-form--modal > .body .steps .step > .title p {
  color: rgba(46, 64, 83, 0.8);
  line-height: 1.8;
  font-size: 12px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map {
  height: 300px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons {
  top: 10px;
  right: 10px;
  z-index: 999;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button {
  display: flex;
  background-color: #fff;
  min-width: 90px;
  max-width: 90px;
  height: 38px;
  justify-content: center;
  align-items: center;
  outline: none;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button:first-child {
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #ccc;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button:last-child {
  border-radius: 0 0 2px 2px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button:disabled {
  background-color: #f4f4f4;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button:disabled svg {
  fill: #bbb;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button svg {
  height: 14px;
  fill: black;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.map > .view-map .buttons > button span {
  color: black;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.time > .ui.form .field .ui.toggle label span {
  color: rgba(46, 64, 83, 0.7);
  font-size: 14px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .next button, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .prev button {
  outline: none;
  border-radius: 7px;
  background-color: #2196F3;
  border: 2px solid #168fee;
  height: 48px;
  padding: 0 9px;
  min-width: 100px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .next button svg, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .prev button svg {
  height: 16px;
  fill: rgba(255, 255, 255, 0.9);
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .next button span, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .prev button span {
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 600;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date {
  color: rgba(46, 64, 83, 0.7);
  font-size: 18px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date .month, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date .year {
  color: rgba(46, 64, 83, 0.8);
  font-weight: 600;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date .month, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .switch-date .current-date .year {
  display: inline-block;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table thead > tr > th, #modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table tbody > tr > td {
  vertical-align: middle;
  text-align: center;
  border: 0 !important;
  height: 50px;
  padding: 0;
  margin: 0;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table thead > tr th {
  border: 0;
  color: rgba(46, 64, 83, 0.7);
  padding: 9px 7px;
  font-size: 14px;
  font-weight: 500;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table thead > tr th:first-child {
  border-radius: 0 7px 7px 0;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table thead > tr th:last-child {
  border-radius: 7px 0 0 7px;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table tbody > tr td {
  color: rgba(46, 64, 83, 0.7);
  cursor: not-allowed;
  font-size: 14px;
  font-weight: 600;
}
#modals .base-modal.reservation-form--modal > .body .steps .step.date > .date-picker .date-days table tbody > tr td.active {
  color: #03A9F4;
  cursor: pointer;
}
#modals .base-modal.reservation-form--modal > .body .steps .btn-section {
  border-top: 2px solid #f3f4f5;
}
#modals .base-modal.reservation-form--modal > .body .steps .btn-section button {
  height: 38px;
}
#modals .base-modal.reservation-form--modal > .body .steps .btn-section button span {
  font-size: 13px;
  font-weight: 500;
}
#modals .base-modal.show-image--modal > .body .swiper-slide img {
  border-radius: 7px;
  max-width: 100%;
  max-height: 400px;
}

@media screen and (max-width: 992px) {
  #main .filtering-sidebar {
    position: relative !important;
  }
  #main .detail {
    position: relative !important;
  }
}





@media screen and (max-width: 576px) {
  #main .go-compare {
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .profileImageShower{
    width: 250px !important;
    height: 250px !important;
    margin-left: -130px  !important;
  }

  .post-image{
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    display: block;
  }

}
@media screen and (max-width: 400px) {
  #main .go-compare {
    max-width: 300px;
    left: 70%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  #main .go-compare > a {
    text-align: center;
    width: 180px;
  }

  .profile-gallery-image{
    width: 100%  !important;
    height: 250px !important;
    margin-top: 10px !important;
  }
}

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

/* custom code */
.delete-post-btn{
  font-size: 12px;
  padding: 3px 6px;
  cursor: pointer;
  color: red;
  margin-left: 4px;
}

.profileImageShower{
  position: fixed;
  width: 350px;
  height: 350px;
  top: 40%;
  left: 50%;
  margin-top: -100px; /* Negative half of height. */
  margin-left: -200px; /* Negative half of width. */
  z-index: 1000;
}

.profileImageShower i{
 cursor: pointer;
 font-size: 25px;
 color: red;
 margin-left: 100px;
}

.profileImageShower img{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;
  z-index: 1001;
  box-shadow: 0px 2px 49px 18px grey;
  }

  .post-image{
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  #clickToChangeprofileBackground{
    width: 36px;
    height: 36px;
    margin-top: -44px;
    margin-bottom: 15px;
    margin-right: 16px;
    z-index: 1000 !important;
    position: inherit;
  }

  .scientific-license{
    width: 250px;
    height: 250px;
    max-width: 100%;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
  }

  .delete-license-btn{
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 10px;
  }

  .scientific-license-row p{
    text-align: center !important;
    padding-top: 5px;
  }


  .scientific-records{
    width: 250px;
    height: 250px;
    max-width: 100%;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
  }

  .delete-record-btn{
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 10px;
  }

  .scientific-records-row p{
    text-align: center !important;
    padding-top: 5px;
  }

  .profile-gallery-image{
    height: 150px;
    width: 150px;
    float: right;
    margin-right: 15px;
  }

  .post-row{
    background-color: white;
    margin-top: 70px !important;
  }

  #post_container{
    background-color: #f8f9fa;
  }



.article-single-img{
  width: 200px;
  height: 200px;
  display: inline-block;
}

.article-signle-details{
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.article-single-title{
  color: gray  !important
}

.article-single-cat{
  color: rgb(56, 56, 56);
}
.article-single-body{
  color: rgb(48, 48, 48);
}

.article-single-video{
  margin-top: 118px;
  padding: 5px;
}


@media screen and (max-width: 685px) {
  .article-signle-details{
    margin-top: 20px  !important;
    vertical-align: middle;
  }
}


@media screen and (max-width: 558px) {
  .newspaper .row .image{
    width: 100% !important;
  }

  .newspaper .row .image img{
    width: 100% !important;
    height: auto !important;
  }

  .newspaper .row .detail{
    width: 100% !important;
    text-align: center !important;
  }

  .newspaper .row .detail *{
    text-align: center !important;
    display: block;
  }


}