/* >>>>>>>>>>>>>>>>> media screen <<<<<<<<<<<<<<<<<<<*/
@media screen and (max-width: 800px) {
  .news .items a .info .row .details {
    flex-wrap: wrap !important;
  }
  .news .items a .info .row .details .date {
    padding-right: 0 !important;
    border: none !important;
  }
  .news .items a .info .row .title {
    margin: 10px 0 5px 0 !important;
    font-size: 16px;
  }
  .news .items a .info .row .text {
    font-size: 16px;
  }
  .news .items a .info .row .read_more {
    font-size: 16px;
    margin: 0 !important;
  }
  .news .pagination {
    margin: 10px 0 !important;
  }
  .inner .innerCon .item > a > img {
    min-height: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .home .resaerches {
    margin: 30px auto 0 auto !important;
  }
  .home .resaerches .title h2 {
    font-size: 28px;
  }
  .home .resaerches .item {
    width: auto !important;
  }
  .home .resaerches .item .info {
    padding: 15px !important;
  }
  .home .resaerches .item .info .row .details .circle {
    width: 20px !important;
    height: 20px !important;
  }
  .home .resaerches .item .info .row .details p {
    margin: 0 10px !important;
    font-size: 14px;
  }
  .home .resaerches .item .info .row .details .date {
    padding-right: 10px !important;
  }
  .home .resaerches .item .info .row .title {
    margin: 10px 0 5px 0 !important;
    font-size: 18px;
  }
  .home .resaerches .item .info .row .text {
    font-size: 16px;
  }
  .home .resaerches .item .info .row .read_more {
    font-size: 16px;
    margin: 0 !important;
  }
  .home .videos .title h2 {
    font-size: 28px;
  }
  .home .videos .video-slider .slick-dots li.slick-active {
    width: 12px !important;
    height: 12px !important;
  }
  .home .videos .video-slider .slick-dots li {
    width: 12px !important;
    height: 12px !important;
  }
  .home .videos .video-slider .slide {
    margin: 0 10px 0 10px !important;
  }
  .home .videos .video-slider .slide .item .info {
    padding: 10px !important;
  }
  .home .videos .video-slider .slide .item .info .row .details p {
    margin: 0 !important;
    font-size: 12px;
  }
  .home .videos .video-slider .slide .item .info .row .details .date {
    padding-right: 8px !important;
  }
  .home .videos .video-slider .slide .item .info .row .title {
    margin: 10px 0 0 0 !important;
    min-height: none !important;
    font-size: 16px;
  }
  .home .issues {
    margin-top: 20px !important;
  }
  .home .issues .title > p {
    font-size: 20px !important;
  }
  .home .issues .arrows > div {
    margin: 0 5px !important;
  }
  .home .issues .items .issues-slider .slide {
    margin: 0 10px !important;
  }
  .news > .title {
    margin: 100px auto 0 auto !important;
  }
  .news > .title p {
    font-size: 28px !important;
  }
  .news > .title span {
    display: none !important;
  }
  .news .nav a, .news .nav p {
    font-size: 16px !important;
  }
  .news .nav span {
    margin: 0 10px !important;
  }
  .news .items {
    margin-top: 15px !important;
  }
  .news .items a {
    width: auto !important;
  }
  .news .items a .info {
    padding: 15px !important;
  }
  .news .items a .info .row .details .circle {
    width: 20px !important;
    height: 20px !important;
  }
  .news .items a .info .row .details p {
    margin: 0 10px !important;
    font-size: 14px;
  }
  .conferences > .title, .researches > .title {
    margin: 100px auto 0 auto !important;
  }
  .conferences > .title p, .researches > .title p {
    font-size: 28px !important;
  }
  .conferences > .title span, .researches > .title span {
    display: none !important;
  }
  .conferences .nav a, .conferences .nav p, .researches .nav a, .researches .nav p {
    font-size: 16px !important;
  }
  .conferences .nav span, .researches .nav span {
    margin: 0 10px !important;
  }
  .conferences .items, .researches .items {
    margin-top: 10px !important;
  }
  .conferences .items .item a, .researches .items .item a {
    margin: 15px !important;
  }
  .conferences .pagination, .researches .pagination {
    margin: 10px 0 !important;
  }
  .inner > .title {
    margin: 100px auto 0 auto !important;
  }
  .inner > .title p {
    font-size: 28px !important;
  }
  .inner > .title span {
    display: none !important;
  }
  .inner .nav a, .inner .nav p {
    font-size: 16px !important;
  }
  .inner .nav span {
    margin: 0 10px !important;
  }
  .inner .innerCon {
    margin-top: 0 !important;
  }
  .inner .innerCon .item {
    padding: 10px !important;
  }
  .inner .innerCon .item .details {
    flex-wrap: wrap !important;
  }
  .inner .innerCon .item .details .share {
    justify-content: center !important;
  }
  .inner .innerCon .item .title {
    font-size: 22px !important;
  }
  .inner .innerCon .item .text {
    font-size: 18px !important;
  }
  .inner .innerCon .sidebar {
    padding: 0 10px 10px 10px !important;
  }
  .inner .innerCon .sidebar .related > p {
    font-size: 24px !important;
  }
  .inner .innerCon .sidebar .related .items {
    margin-top: 10px !important;
  }
  .inner .innerCon .sidebar .related .items a {
    margin: 0 !important;
    padding: 0 !important;
  }
  .inner .innerCon .sidebar .related .items a .info .title {
    max-height: 64px !important;
    overflow: hidden;
  }
  .inner .innerCon .sidebar .activities {
    margin-top: 30px !important;
  }
  .inner .innerCon .sidebar .activities > p {
    font-size: 24px !important;
  }
  .inner .innerCon .sidebar .activities .items a {
    margin: 0 0 20px 0 !important;
    padding: 10px 0 0 0 !important;
  }
  .videos_page > .title, .videos_inner > .title, .books > .title, .books_inner > .title, .contactus > .title {
    margin: 100px auto 0 auto !important;
  }
  .videos_page > .title p, .videos_inner > .title p, .books > .title p, .books_inner > .title p, .contactus > .title p {
    font-size: 28px !important;
  }
  .videos_page > .title span, .videos_inner > .title span, .books > .title span, .books_inner > .title span, .contactus > .title span {
    display: none !important;
  }
  .videos_page .nav a, .videos_page .nav p, .videos_inner .nav a, .videos_inner .nav p, .books .nav a, .books .nav p, .books_inner .nav a, .books_inner .nav p, .contactus .nav a, .contactus .nav p {
    font-size: 16px !important;
  }
  .videos_page .nav span, .videos_inner .nav span, .books .nav span, .books_inner .nav span, .contactus .nav span {
    margin: 0 10px !important;
  }
  .videos_page .pagination, .videos_inner .pagination, .books .pagination, .books_inner .pagination, .contactus .pagination {
    margin: 10px 0 !important;
  }
}
/* >>>>>>>>>>>>>>>>> SCSS code <<<<<<<<<<<<<<<<<<<*/
.home .news a {
  color: #000;
}
.home .news a .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
.home .news a .date p {
  padding: 0 15px;
  color: #03AAA8;
  font-size: 18px;
}
.home .conference a {
  color: #000;
  text-decoration: none;
}
.home .conference a .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
.home .conference a .date p {
  padding: 0 15px;
  color: #8B8B8B;
  font-size: 16px;
}
.home .conference a .read-more {
  text-decoration: none !important;
}
.home .resaerches {
  width: 100%;
  max-width: 1300px;
  margin: 50px auto 0 auto;
  padding: 0;
}
.home .resaerches .row {
  --bs-gutter-x: 0px !important;
}
.home .resaerches p {
  margin: 0;
  padding: 0;
}
.home .resaerches .title h2 {
  position: relative;
}
.home .resaerches .title h2::after, .home .resaerches .title h2::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: #03AAA8;
}
.home .resaerches .title h2::after {
  right: -30px;
}
.home .resaerches .title h2::before {
  left: -30px;
}
.home .resaerches .item {
  background: #FFFFFF;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: #9C9C9C;
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.home .resaerches .item img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home .resaerches .item .info {
  padding: 20px;
}
.home .resaerches .item .info .row div {
  width: 100%;
}
.home .resaerches .item .info .row .details {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.home .resaerches .item .info .row .details .circle {
  width: 27px;
  height: 27px;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.home .resaerches .item .info .row .details p {
  margin: 0 10px;
}
.home .resaerches .item .info .row .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-right: 2px solid #03AAA8;
  padding-right: 10px;
}
.home .resaerches .item .info .row .title {
  margin: 20px 0;
}
.home .resaerches .item .info .row .text {
  color: #BDB7B7;
}
.home .resaerches .item .info .row .read_more {
  color: #03AAA8;
  margin: 0;
}
.home .videos {
  margin-top: 30px !important;
  width: 100%;
  max-width: 1300px;
  min-height: 530px;
  margin: 0 auto;
  padding: 0;
}
.home .videos .row {
  --bs-gutter-x: 0px !important;
}
.home .videos p {
  margin: 0;
  padding: 0;
}
.home .videos .title h2 {
  position: relative;
}
.home .videos .title h2::after, .home .videos .title h2::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: #03AAA8;
}
.home .videos .title h2::after {
  right: -30px;
}
.home .videos .title h2::before {
  left: -30px;
}
.home .videos .items .video-slider .slick-dots li.slick-active {
  background: #03AAA8;
  width: 19px;
  height: 19px;
  border: 2px solid #03AAA8;
}
.home .videos .items .video-slider .slick-dots li {
  background: #D9D9D9;
  width: 19px;
  height: 19px;
  border: 2px solid #D9D9D9;
}
.home .videos .items .video-slider .slide {
  margin: 0 20px;
}
.home .videos .items .video-slider .slide .item {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: #9C9C9C;
}
.home .videos .items .video-slider .slide .item .img {
  position: relative;
}
.home .videos .items .video-slider .slide .item .img img {
  border-radius: 4px 4px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .videos .items .video-slider .slide .item .img .icon {
  position: absolute;
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .videos .items .video-slider .slide .item .info {
  padding: 10px;
}
.home .videos .items .video-slider .slide .item .info .row div {
  width: 100%;
}
.home .videos .items .video-slider .slide .item .info .row .details {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.home .videos .items .video-slider .slide .item .info .row .details .circle {
  width: 20px;
  height: 20px;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.home .videos .items .video-slider .slide .item .info .row .details p {
  margin-right: 8px;
  font-size: 15px;
}
.home .videos .items .video-slider .slide .item .info .row .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-right: 2px solid #03AAA8;
  padding-right: 8px;
  margin-right: 8px;
}
.home .videos .items .video-slider .slide .item .info .row .title {
  margin: 20px 0 0 0;
  min-height: 55px;
}
.home .issues {
  margin-top: 20px !important;
  width: 100%;
  max-width: 1280px;
  min-height: 539px;
  margin: 0 auto;
  padding: 0;
}
.home .issues .row {
  --bs-gutter-x: 0px !important;
}
.home .issues p {
  margin: 0;
  padding: 0;
}
.home .issues .title {
  padding-right: 50px;
}
.home .issues .title > p {
  position: relative;
  font-size: 32px;
  font-weight: bold;
}
.home .issues .title > p::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: #03AAA8;
}
.home .issues .title > p::after {
  right: -30px;
}
.home .issues .arrows {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.home .issues .arrows > div {
  cursor: pointer;
  margin: 0 10px;
  width: 48px;
  height: 48px;
  background-color: #03AAA8;
  border-radius: 50%;
}
.home .issues .items {
  padding-top: 10px;
}
.home .issues .items .issues-slider .slide {
  margin: 0 20px;
}
.home .issues .items .issues-slider .slide .item {
  width: 100%;
  background: #FFFFFF;
  text-decoration: none;
  color: #9C9C9C;
}
.home .issues .items .issues-slider .slide .item .img {
  position: relative;
}
.home .issues .items .issues-slider .slide .item .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 370px;
}
.home .issues .items .issues-slider .slide .item .info {
  padding: 10px;
}
.home .issues .items .issues-slider .slide .item .info .row div {
  width: 100%;
}
.home .issues .items .issues-slider .slide .item .info .row .details {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.home .issues .items .issues-slider .slide .item .info .row .details p {
  margin-right: 8px;
  font-size: 20px;
  color: #03AAA8;
}
.home .issues .items .issues-slider .slide .item .info .row .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.home .issues .items .issues-slider .slide .item .info .row .title {
  margin: 0;
  padding: 0;
  text-align: center;
}

.news {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 1300px;
  margin: 0 auto;
}
.news .row {
  --bs-gutter-x: 0px !important;
}
.news p {
  margin: 0;
  padding: 0;
}
.news > .title {
  margin: 150px auto 0 auto;
  text-align: center;
}
.news > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.news > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.news .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.news .nav a, .news .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.news .nav span {
  margin: 0 20px;
}
.news .items {
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 10px;
}
.news .items a {
  background: #FFFFFF;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: #9C9C9C;
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.news .items a img {
  -o-object-fit: cover;
     object-fit: cover;
}
.news .items a .info {
  padding: 20px;
}
.news .items a .info .row div {
  width: 100%;
}
.news .items a .info .row .details {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.news .items a .info .row .details .circle {
  width: 27px;
  height: 27px;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.news .items a .info .row .details p {
  margin: 0 10px;
}
.news .items a .info .row .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-right: 2px solid #03AAA8;
  padding-right: 10px;
}
.news .items a .info .row .title {
  margin: 20px 0;
}
.news .items a .info .row .text {
  color: #BDB7B7;
}
.news .items a .info .row .read_more {
  color: #03AAA8;
  margin: 0;
}
.news .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
.news .pagination li.active .page-link, .news .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
.news .pagination li a, .news .pagination li .page-link {
  border-radius: 4px;
}

.conferences, .researches {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 1250px;
  margin: 0 auto;
}
.conferences .row, .researches .row {
  --bs-gutter-x: 0px !important;
}
.conferences p, .researches p {
  margin: 0;
  padding: 0;
}
.conferences > .title, .researches > .title {
  margin: 150px auto 0 auto;
  text-align: center;
}
.conferences > .title p, .researches > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.conferences > .title span, .researches > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.conferences .nav, .researches .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.conferences .nav a, .conferences .nav p, .researches .nav a, .researches .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.conferences .nav span, .researches .nav span {
  margin: 0 20px;
}
.conferences .items, .researches .items {
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.conferences .items .item a, .researches .items .item a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  color: #9C9C9C;
}
.conferences .items .item a img, .researches .items .item a img {
  -o-object-fit: cover;
     object-fit: cover;
}
.conferences .items .item a .info, .researches .items .item a .info {
  padding: 15px 10px;
}
.conferences .items .item a .info .row div, .researches .items .item a .info .row div {
  width: 100%;
}
.conferences .items .item a .info .row .details, .researches .items .item a .info .row .details {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.conferences .items .item a .info .row .details .circle, .researches .items .item a .info .row .details .circle {
  width: 20px;
  height: 20px;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.conferences .items .item a .info .row .details p, .researches .items .item a .info .row .details p {
  margin-right: 8px;
  font-size: 15px;
}
.conferences .items .item a .info .row .details .date, .researches .items .item a .info .row .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-right: 2px solid #03AAA8;
  padding-right: 8px;
  margin-right: 8px;
}
.conferences .items .item a .info .row .title, .researches .items .item a .info .row .title {
  margin: 20px 0 0 0;
  min-height: 55px;
}
.conferences .items .item a .info .row .text, .researches .items .item a .info .row .text {
  color: #BDB7B7;
  margin: 15px 0;
  height: 78px;
  overflow: hidden;
}
.conferences .items .item a .info .row .read_more, .researches .items .item a .info .row .read_more {
  color: #03AAA8;
  margin: 0;
}
.conferences .pagination, .researches .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
.conferences .pagination li.active .page-link, .conferences .pagination li:hover:not(.disabled) .page-link, .researches .pagination li.active .page-link, .researches .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
.conferences .pagination li a, .conferences .pagination li .page-link, .researches .pagination li a, .researches .pagination li .page-link {
  border-radius: 4px;
}

.inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 1250px;
  margin: 0 auto;
}
.inner .row {
  --bs-gutter-x: 0px !important;
}
.inner p {
  margin: 0;
  padding: 0;
}
.inner > .title {
  margin: 150px auto 0 auto;
  text-align: center;
}
.inner > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.inner > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.inner .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.inner .nav a, .inner .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.inner .nav span {
  margin: 0 20px;
}
.inner .innerCon {
  margin-top: 10px;
  display: flex;
  width: 100%;
}
.inner .innerCon .item {
  padding: 15px;
}
.inner .innerCon .item > .title {
  margin: 0;
}
.inner .innerCon .item .details {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 15px 0;
}
.inner .innerCon .item .details .circle {
  width: 20px;
  height: 20px;
  background-color: #D9D9D9;
  border-radius: 50%;
}
.inner .innerCon .item .details p {
  margin-right: 8px;
  font-size: 15px;
}
.inner .innerCon .item .details .date {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding-right: 8px;
  margin-right: 8px;
}
.inner .innerCon .item .details .share {
  display: flex;
  align-self: flex-end;
  flex-grow: 1;
  justify-content: flex-end;
}
.inner .innerCon .item .details .share > a {
  display: block;
  margin: 0 7px;
  font-size: 22px;
}
.inner .innerCon .item > .text {
  color: #6E6E6E;
  margin: 25px 0;
  text-align: right;
  white-space: break-spaces !important;
  line-height: 200%;
}
.inner .innerCon .item > a > img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  min-height: 535px;
  max-height: 535px;
}
.inner .innerCon .item .images {
  width: 100%;
  margin: 40px auto;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.inner .innerCon .item .images a {
  margin: 10px;
}
.inner .innerCon .item .images a img {
  width: 230px;
  max-width: 230px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.inner .innerCon .item .comments {
  width: 100%;
  margin: 40px 0 0 0;
}
.inner .innerCon .item .comments > .title {
  margin: 0;
  font-size: 35px;
}
.inner .innerCon .item .comments > .text {
  color: #6E6E6E;
  margin: 10px 0;
  font-size: 17px;
}
.inner .innerCon .sidebar {
  padding: 0 15px 15px 15px;
}
.inner .innerCon .sidebar .related > p {
  font-size: 35px;
  color: #303030;
  line-height: 150%;
  font-weight: bold;
}
.inner .innerCon .sidebar .related .items {
  width: 100%;
  margin-top: 0px;
}
.inner .innerCon .sidebar .related .items a {
  text-decoration: none;
  color: #000;
  margin: 10px 0;
  border-top: 2px solid #DADADA;
  padding: 20px 0 0 0;
  display: flex;
  align-content: center;
  align-items: center;
}
.inner .innerCon .sidebar .related .items a img {
  border-radius: 4px;
  height: 100px;
}
.inner .innerCon .sidebar .related .items a .info {
  padding-right: 10px;
}
.inner .innerCon .sidebar .related .items a .info > p {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.inner .innerCon .sidebar .related .items a .info .details p {
  color: #64607D;
}
.inner .innerCon .sidebar .activities {
  margin-top: 50px;
}
.inner .innerCon .sidebar .activities > p {
  font-size: 35px;
  color: #303030;
  line-height: 150%;
  font-weight: bold;
}
.inner .innerCon .sidebar .activities .items {
  width: 100%;
}
.inner .innerCon .sidebar .activities .items a {
  text-decoration: none;
  color: #000;
  margin: 0 0 30px 0;
  padding: 20px 16px 0 0;
  border-right: 2px solid gray;
}
.inner .innerCon .sidebar .activities .items a .date {
  font-size: 18px;
  color: #0C726F;
  font-weight: bold;
}
.inner .innerCon .sidebar .activities .items a .title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin: 10px 0;
}
.inner .innerCon .sidebar .activities .items a .text {
  font-size: 18px;
  color: #ABABAB;
  margin: 10px 0;
}

.videos_page {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
}
.videos_page > .title {
  margin: 150px auto 0 auto;
  margin: 150px auto 0 auto;
  text-align: center;
}
.videos_page > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.videos_page > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.videos_page .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.videos_page .nav a, .videos_page .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.videos_page .nav span {
  margin: 0 20px;
}
.videos_page .items a {
  text-decoration: none;
  color: #000;
}
.videos_page .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
.videos_page .pagination li.active .page-link, .videos_page .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
.videos_page .pagination li a, .videos_page .pagination li .page-link {
  border-radius: 4px;
}

.videos_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
}
.videos_inner > .title {
  margin: 150px auto 0 auto;
  margin: 150px auto 0 auto;
  text-align: center;
}
.videos_inner > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.videos_inner > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.videos_inner .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.videos_inner .nav a, .videos_inner .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.videos_inner .nav span {
  margin: 0 20px;
}
.videos_inner .poster_con {
  cursor: pointer;
}
.videos_inner .video_con {
  width: 100%;
}
.videos_inner .video_con .vjs-theme-fantasy {
  --vjs-theme-fantasy--primary: #03AAA8;
  --vjs-theme-fantasy--secondary: #fff;
}
.videos_inner .video_con .vjs-poster {
  background-size: cover !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.videos_inner .video_con video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
  background-color: transparent;
}
.videos_inner .share {
  margin-top: 10px;
  display: flex;
  align-self: flex-end;
  flex-grow: 1;
  justify-content: flex-start;
}
.videos_inner .share > a {
  display: block;
  margin: 0 7px;
  font-size: 22px;
}
.videos_inner .items a {
  text-decoration: none;
  color: #000;
}
.videos_inner .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
.videos_inner .pagination li.active .page-link, .videos_inner .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
.videos_inner .pagination li a, .videos_inner .pagination li .page-link {
  border-radius: 4px;
}

#books .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
#books .pagination li.active .page-link, #books .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
#books .pagination li a, #books .pagination li .page-link {
  border-radius: 4px;
}

.books, .books_inner, .contactus {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
}
.books > .title, .books_inner > .title, .contactus > .title {
  margin: 150px auto 0 auto;
  margin: 150px auto 0 auto;
  text-align: center;
}
.books > .title p, .books_inner > .title p, .contactus > .title p {
  font-size: 58px;
  font-weight: bold;
  color: #000;
  line-height: 100%;
}
.books > .title span, .books_inner > .title span, .contactus > .title span {
  float: left;
  margin-top: 15px;
  margin-left: -25px;
}
.books .nav, .books_inner .nav, .contactus .nav {
  margin: 15px auto 0 auto;
  text-align: center;
  align-items: center;
}
.books .nav a, .books .nav p, .books_inner .nav a, .books_inner .nav p, .contactus .nav a, .contactus .nav p {
  font-size: 20px;
  font-weight: bold;
  color: #878787;
  line-height: 100%;
  text-decoration: none;
}
.books .nav span, .books_inner .nav span, .contactus .nav span {
  margin: 0 20px;
}

.search {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 150px;
}
.search .single-event-box {
  position: relative;
  display: block;
}
.search .single-event-box .img-holder {
  position: relative;
  display: block;
}
.search .single-event-box .img-holder .inner {
  position: relative;
  display: block;
  overflow: hidden;
  border-top-left-radius: 8px;
}
.search .single-event-box .img-holder .inner img {
  width: 100%;
  transform: scale(1);
  max-width: 100%;
  height: auto;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.search .single-event-box:hover .img-holder .inner img {
  transform: scale(1.2) rotate(1deg);
}
.search .single-event-box:hover .img-holder .overlay-style-one {
  opacity: 1;
}
.search .single-event-box .img-holder .date-box {
  position: absolute;
  top: 40px;
  right: 0;
  width: 200px;
  background: rgba(47, 56, 64, 0.8);
  border-top-left-radius: 8px;
  padding: 19px 15px 19px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  z-index: 2;
}
.search .single-event-box:hover .img-holder .date-box {
  background: rgba(247, 247, 247, 0.8);
}
.search .single-event-box .img-holder .date-box .left {
  color: #fbfbfb;
  font-size: 36px;
  line-height: 40px;
  transition: all 700ms ease 100ms;
}
.search .single-event-box:hover .img-holder .date-box .left {
  color: #2d353d;
}
.search .single-event-box .img-holder .date-box .left,
.search .single-event-box .img-holder .date-box .right {
  display: table-cell;
  vertical-align: middle;
}
.search .single-event-box .img-holder .date-box .right {
  padding-right: 12px;
  text-align: right;
}
.search .single-event-box .img-holder .date-box .right h6 {
  color: #fbfbfb;
  font-size: 16px;
  margin: 0 0 0;
  transition: all 700ms ease 100ms;
}
.search .single-event-box:hover .img-holder .date-box .right h6 {
  color: #2d353d;
}
.search .single-event-box .img-holder .date-box .right h3 {
  color: #fbfbfb;
  font-size: 18px;
  text-transform: uppercase;
  transition: all 700ms ease 400ms;
}
.search .single-event-box:hover .img-holder .date-box .right h3 {
  color: #2d353d;
}
.search .single-event-box .title-holder {
  position: relative;
  display: block;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: -70px;
  z-index: 1;
}
.search .single-event-box .title-holder .inner {
  position: relative;
  display: block;
  background: url(../images/pattern/pattern-bg1.png) #ffffff;
  background-repeat: repeat;
  padding: 12px 50px 22px;
  border-top-left-radius: 8px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  text-align: right;
}
.search .single-event-box:hover .title-holder .inner {
  background: url(../images/pattern/pattern-bg1.png) #2d353d;
}
.search .single-event-box .title-holder .inner:before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  box-shadow: 0px 5px 8px 3px #ebebeb;
  content: "";
  z-index: -1;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}
.search .single-event-box:hover .title-holder .inner:before {
  box-shadow: none;
}
.search .single-event-box .title-holder .inner span {
  color: #222222;
  font-size: 16px;
  transition: all 700ms ease 100ms;
}
.search .single-event-box:hover .title-holder .inner span {
  color: #ffffff;
}
.search .single-event-box .title-holder .inner h3 {
  font-size: 24px;
  line-height: 32px;
  margin: 10px 0 0;
}
.search .single-event-box .title-holder .inner h3 a {
  color: #2d353d;
  transition: all 700ms ease 300ms;
}
.search .single-event-box:hover .title-holder .inner h3 a {
  color: #ffffff;
}
.search .single-event-box .title-holder .inner h3 i {
  position: relative;
  top: 3px;
  float: left;
  transition: all 700ms ease 300ms;
  transform: scale(-1, 1);
}
.search .single-event-box:hover .title-holder .inner h3 i {
  color: #ffffff;
}
.search .single-event-box .title-holder .bottom {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.search .single-event-box .title-holder .bottom .text {
  color: #777777;
  font-size: 14px;
}
.search .single-event-box .title-holder .bottom .button a {
  color: #2d353d;
  font-size: 18px;
}
.search .pagination {
  margin: 20px 0;
  display: -ms-flexbox;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
}
.search .pagination li.active .page-link, .search .pagination li:hover:not(.disabled) .page-link {
  color: white;
  background: #03AAA8;
  border-color: #03AAA8;
}
.search .pagination li a, .search .pagination li .page-link {
  border-radius: 4px;
}/*# sourceMappingURL=sultan.css.map */