@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body {
  font-family: 'Open Sans';
  font-size: .9rem;
  font-weight: 400;
  color: #232323;
}

.body-content p  a{
  color: #1E6EA3!important;
}

.fsbody p {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
  margin-bottom: 1.8rem;
  color: #333333;
}

.fsbody .id-group {
  font-size: 1.2rem;
}

.fsbody2 p {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6rem;
  margin-bottom: 1.8rem;
  color: #333333;
}

.fsbody2 .id-group {
  font-size: 1.1rem;
}

header {
  position: relative;
  z-index: 1046 !important;
  background-color: #fff;
}

.headline-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 85%)
}

.headline-gradient-mob {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 65%)
}

.sb {
  font-weight: 700;
}

.sb2 {
  font-weight: 700;
  font-size: 2.1rem !important;
}

a {
  color: #232323;
  text-decoration: none;
}

a:hover {
  color: #1E6EA3;
}

.b1-login-gradient {
  background-image: linear-gradient(to bottom, #D01E27, #072569)
}

.b1-gradient {
  background-image: linear-gradient(to right, #D01E27, #072569)
}

.b1-btn-grad {
  background-image: linear-gradient(to right, #D01E27, #072569);
  color: #fff;
}

.b1-btn-grad:hover {
  background-image: linear-gradient(to right, #b81019, #031b54);
  color: #fff;
}

.bg-theme {
  background-color: #1E6EA3;
  color: #fff;
}

.text-theme {
  color: #1E6EA3
}

.btn-theme {
  background-color: #1E6EA3;
  color: #fff !important;
}

.btn-theme:hover {
  background-color: #175e8e;
}

.btn-light {
  background-color: #fff;
  color: #1E6EA3 !important;
}

.btn-light:hover {
  background-color: #d6efff;
  border: 1px solid #175e8e
}

.border-danger {
  border-color: #D01E27 !important;
}

.btn-danger {
  background-color: #D01E27;
}

.border-warning {
  border-color: #DF9A24 !important;
}

.btn-warning {
  background-color: #DF9A24;
  border-color: #DF9A24;
  color: #fff !important;
}

.btn-warning:hover {
  background-color: #efb148;
  border-color: #efb148;
}

.hr-dash {
  border-top: 1px dashed #232323;
  opacity: 1;
}

.hr-dash2 {
  border-top: 2px dashed #232323;
}

.hr-theme {
  border-top: 2px solid #1E6EA3;
  opacity: 1;
}

.pagination .page-link {
  color: #1E6EA3;
}

.pagination .page-link.active {
  background-color: #1E6EA3;
  border-color: #1E6EA3;
  color: #fff;
}

.pagination .page-item.disabled .page-link {
  color: #bbb;
}

.avatar-outer {
  position: relative;
  width: 45px !important;
  height: 45px !important;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fff;
}

.avatar-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}

.avatar-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lazy {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1, 1);
  transition: transform 0.4s;
}

.lazy:hover {
  transform: scale(1.1, 1.1);
}

.lazy.zoom {
  transform: scale(1.1, 1.1);
}

a .lazy {
  transform: scale(1, 1);
  transition: transform 0.4s;
}

a:hover .lazy {
  transform: scale(1.1, 1.1);
}

.id-width-right {
  width: 320px;
}

.id-cat {
  border: 2px solid #1E6EA3;
  border-radius: 2rem;
  font-size: small;
  color: #1E6EA3;
  font-weight: 500;
  padding: .2rem 1rem;
}

.id-cat-mob {
  border: 1px solid #1E6EA3;
  border-radius: 1rem;
  font-size: x-small;
  color: #1E6EA3;
  font-weight: 500;
  padding: .2rem 1rem;
}

.id-time {
  font-size: x-small;
}

#main-nav .nav-link {
  letter-spacing: .08rem;
  color: #fff;
}

#main-nav .nav-link:hover {
  color: #77c4e1;
}

#main-nav .nav-link.active {
  color: #1E6EA3 !important;
  background-color: #fff;
  border-radius: 20px;
}

#main-nav .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

#main-nav .dropdown:hover .dropdown-menu.dropdown-menu-end {
  display: block;
  right: 0;
  margin-top: 0;
}

.ddwn:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.nav-dd {
  top: 132px !important;
}

.nav-sub {
  background-color: #175e8e;
  border-top: 7px solid #1E6EA3;
}

.nav-sub .nav-link {
  font-size: 10pt;
  border-radius: 5px;
}

.nav-sub .nav-link:hover {
  background-color: #fff3;
}

.sub-scroll {
  max-height: 244px;
  overflow-y: scroll;
}

.sub-scroll::-webkit-scrollbar {
  width: 0.75rem;
}

.sub-scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.sub-scroll::-webkit-scrollbar-corner {
  background-color: transparent;
}

.sub-scroll::-webkit-scrollbar-thumb {
  border-radius: 10rem;
  border-width: 0.2rem;
  border-style: solid;
  background-clip: padding-box;
  background-color: #fff5;
  border-color: transparent;
}

.searchbar {
  width: 700px;
  padding: 1.1rem;
  margin-left: 6rem !important;
}

.text-truncate-2-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-truncate-3-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-truncate-4-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

#idHeadline .carousel-control-next,
#idHeadline .carousel-control-prev {
  width: 48px;
  bottom: 76px;
  opacity: .9;
}

#idHeadline .carousel-control-prev {
  left: -20px;
}

#idHeadline .circle-prev {
  width: 48px;
  height: 48px;
  padding: 11px 0 11px 16px;
}

#idHeadline .carousel-control-next {
  right: -20px;
}

#idHeadline .circle-next {
  width: 48px;
  height: 48px;
  padding: 11px 16px 11px 0;
}

#idHeadline_mob .carousel-control-next,
#idHeadline_mob .carousel-control-prev {
  width: 36px;
  align-items: end;
  bottom: 58px;
  opacity: .9;
}

#idHeadline_mob .carousel-control-prev {
  left: -20px;
}

#idHeadline_mob .circle-prev {
  width: 36px;
  height: 36px;
  padding: 6px 0 6px 18px;
}

#idHeadline_mob .carousel-control-next {
  right: -20px;
}

#idHeadline_mob .circle-next {
  width: 36px;
  height: 36px;
  padding: 6px 18px 6px 0;
}

.group-text {
  background: linear-gradient(#fff 50%, #d1f3fa 50%);
  font-weight: 600;
  padding: 0 .5rem;
}

.sm-label {
  font-size: 1.3rem;
}

hr.id {
  border-top: 2px solid #e6e6e6;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  opacity: .7;
}

hr.id-dash {
  border-top: 1px dashed #b3b3b3;
  opacity: .7;
}

.gradient-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(transparent, #000);*/
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.9) 87%)
}

main {
  position: relative;
  z-index: 1;
}

footer {
  background-color: #f0f0f0;
  margin-top: 3rem;
  position: relative;
  z-index: 1;
}

.lh2 {
  line-height: 2;
}

.b1-fb {
  padding-top: 6px;
  color: #3c69c0;
}

.b1-tw {
  margin-top: 6px;
  background-color: #5bdbf8;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding-bottom: 2px;
}

.b1-wa {
  margin-top: 6px;
  background-color: #47c664;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 0 0 2px 1px;
}

.b1-tg {
  padding-top: 6px;
  color: #27abc8;
}

.b1-url {
  margin-top: 6px;
  background-color: #807f7f;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.b1-tw-mob {
  margin-top: 6px;
  background-color: #5bdbf8;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.b1-wa-mob {
  margin-top: 6px;
  background-color: #47c664;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  ;
}

.b1-url-mob {
  margin-top: 6px;
  background-color: #807f7f;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.id-group {
  border-left: 3px solid #4D9EC7;
  padding: .2rem 0 .23rem .5rem;
  line-height: 1.4;
}

.tradingview-widget-wrapper {
  height: 400px;
}

.tradingview-widget-container {
  margin-bottom: .75rem;
}

#marketTab .nav-link {
  padding: 0;
  color: #bbb;
}

#marketTab .nav-link.active {
  color: #1E6EA3;
  background-color: transparent;
}

#majorCur .carousel-indicators {
  margin-bottom: 0;
  bottom: -25px;
}

#majorCur .carousel-indicators [data-bs-target] {
  background-color: #ccc;
  width: 15px;
  height: 2px;
}

#majorCur .carousel-indicators .active {
  width: 35px;
  background-color: #1E6EA3;
  opacity: 1;
}

.id-offcanvas {
  width: 100% !important;
}

#canvasAccordion .accordion-button.no-carret::after {
  background-image: none;
}

.box-index {
  padding: 1.5rem 0 1.25rem 1rem;
  border-bottom: 1px dashed #232323;
  display: flex;
}

.box-index::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
}

.pt-l {
  padding-top: 3px;
}

figure.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1, 1);
  transition: transform 0.4s;
  margin-bottom: .5rem;
}

figure figcaption {
  font-size: .875em;
  color: rgba(33, 37, 41, 0.75);
}

@media only screen and (min-width: 1200px) {
  .id-grid {
    width: 1008px;
  }

  .searchbar {
    width: 700px;
  }

  .id-logo {
    width: 230px;
  }

  .id-head-right {
    width: 390px;
  }

  .id-date {
    padding: .1rem 0;
    font-size: 10px;
    white-space: nowrap;
  }

  .footer-left {
    width: 240px;
    text-align: center;
  }

  .sky-left {
    top: 190px;
    right: calc(50% + 520px)
  }

  .sky-left-scroll {
    top: 110px !important;
  }

  .sky-left-nosub {
    top: 155px;
    right: calc(50% + 520px)
  }

  .sky-left-nosub-scroll {
    top: 70px !important;
  }

  .sky-right {
    top: 190px;
    left: calc(50% + 520px);
  }

  .sky-right-scroll {
    top: 110px !important;
  }

  .sky-right-nosub {
    top: 155px;
    left: calc(50% + 520px);
  }

  .sky-right-nosub-scroll {
    top: 70px !important;
  }
}

.box-ads {
  display: flex;
  justify-content: center;
  padding: 10px;
  background-color: #eee;
}

@media only screen and (min-width: 1400px) {
  .id-grid {
    width: 1080px;
  }

  .id-logo {
    width: 250px;
  }

  .searchbar {
    width: 750px;
    padding: 1.27rem;
    margin-left: 6.74rem !important;
  }

  .id-head-right {
    width: 412px;
  }

  .id-date {
    padding: .1rem 0;
    font-size: 10px;
    white-space: nowrap;
    letter-spacing: normal !important;
    font-weight: normal !important;
  }

  .footer-left {
    width: 280px;
    text-align: center;
  }

  .sky-left {
    top: 198px;
    right: calc(50% + 560px)
  }

  .sky-left-scroll {
    top: 115px !important;
  }

  .sky-left-nosub {
    top: 163px;
    right: calc(50% + 560px)
  }

  .sky-left-nosub-scroll {
    top: 80px !important;
  }

  .sky-right {
    top: 198px;
    left: calc(50% + 560px);
  }

  .sky-right-scroll {
    top: 115px !important;
  }

  .sky-right-nosub {
    top: 163px;
    left: calc(50% + 560px);
  }

  .sky-right-nosub-scroll {
    top: 80px !important;
  }
}