@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body {
  font-family: "Nunito Sans", sans-serif;
  font-size: .9rem;
  font-weight: 400;
  color: #232323;
}

.font-pt-serif{
  font-family: "PT Serif", serif;
}

.font-nunito-sans{
  font-family: "Nunito Sans", sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: "PT Serif", serif;
}

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

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

.sb {
  font-weight: 500;
}

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

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6{
  color: #f89c1b;
}
/* a:hover {
  color: #f89c1b;
} */


.b1-gradient-50 {
    background-image: linear-gradient(to right, #d01e2755, #07256955)
}

.b1-gradient-10 {
    background-image: linear-gradient(to right, #d01e2722, #07256922)
}

.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:  #e09b1b; */
  background-color:  #f89c1b;
  color: #fff;
}

.text-theme {
  color: #f89c1b
}

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

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

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

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

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

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

.border-investor{
  border-color: #176FA2 !important;
}
.btn-investor{
  background-color: #176FA2 !important;
  border-color: #176FA2 !important;
  color: #fff !important;
}
.btn-investor:hover{
  background-color: #0c5b88 !important;
}

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

.border-theme{
  border-color: #F89C1C !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-gray{
  border-top: 1px solid #B3B3B3;
}

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

.pagination .page-link {
  color: #f89c1b;
}

.pagination .page-link.active {
  background-color: #f89c1b;
  border-color: #f89c1b;
  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 #f89c1b;
  /* border-radius: 8px; */
  font-size: small;
  color: #f89c1b;
  font-weight: 500;
  padding: .2rem 1rem;
  position:relative;
  z-index: 1;
}

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

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

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

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

#main-nav .nav-link.active {
  color: #f89c1c !important;
}

#main-nav .nav-item.active {
  border-bottom: 2px solid #f89c1c;
}

#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;
}

main {
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
}

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

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

.nav-sub {
  background-color: #e48a0d;
  border-top: 7px solid #f89c1b;
}

.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 {
  font-weight: 600;
  color:#e48a0d;
}

hr.id {
  border-top: 4px solid #b3b3b3;
  margin-top: .8rem;
  margin-bottom: 2rem;
  border-radius: 4px;
  opacity: 1;
}

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);
}

footer {
  background-color: #f0f0f0;
  margin-top: 3rem;
}

.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: #f89c1b;
  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: #f89c1b;
  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);
}

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

@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: 155px;
    right: calc(50% + 520px)
  }

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

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

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

@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: 242px;
    right: calc(50% + 560px);
    z-index:1;
  }

  .sky-left-scroll {
    top: 80px !important;
  }
  
  .sky-right {
    top: 242px;
    left: calc(50% + 560px);
    z-index:1;
  }
  
  .sky-right-scroll {
    top: 80px !important;
  }
}

/* REVAMP AGUSTUS */