section {
  padding: 50px 0;
}
.d-flex {
  display: flex;
}
.flex-fill {
  flex: 1;
}
.flex-col {
  flex-direction: column;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.justify-content-between {
  justify-content: space-between;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: end;
}
.bg-sky {
  background-color: #B7D5F6;
}
.bg-cloud {
  background-color: #d6e9ff;
}
.ft-blue {
  color: #2a528e;
}
.ft-oragne {
  color:#fca261;
}
.ft-azure {
  color: #508ae1;
}
.ft-tiger {
  color:#fc8d42;
}
.ft-maya {
  color: #0066cc;
}
.ft-smoke {
  color:#f3f9ff;
}
.ft-cloud {
  color: #d6e9ff;
}
.ft-sky {
  color:#B7D5F6;
}
.ft-slate {
  color:#4d6582;
}
.sub-title {
  font-size: 18px;
}

/*carousel*/
#page_wrap_home {
  position: relative;
  z-index: 9997;
}
.homepage .hero-banner .item .content h1 {
  font-size: 56px;
  color: #2a528e;
}
.homepage .hero-banner {
  background: #d3e4ed;
}
.homepage .hero-banner .item-ira {
  background: url('../../../images/shared/hero1450x860_ira.jpg');
  background-position: center right;
  background-size: cover;
}
.homepage .hero-banner .item-ira .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}
.homepage .hero-banner .item-holiday .content {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
}
.homepage .hero-banner .item-holiday {
  background: url('../../../images/shared/fsp2_web_bg.png');
  background-position: center right;
  background-size: cover;
}
.homepage .hero-banner .item-commzero,
.homepage .hero-banner .item-kiplinger,
.homepage .hero-banner .item-option {
  background: #c2ddf8;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.homepage .hero-banner .item-commzero .content,
.homepage .hero-banner .item-kiplinger .content,
.homepage .hero-banner .item-option .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
}
.homepage .hero-banner .item-mobile {
  background-color: #2a528e;
}
.homepage .hero-banner .item-mobile .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.carousel {
  height: 100%;
}
.carousel .item .content {
  height: 450px;
  display: block;
  width: 1170px;
  margin: 0 auto;
}
.carousel .nav-control-container {
  width: 100%;
}
.nav-control {
  position: absolute;
  top: 40%;
  width: 100%;
}
a.carousel-control.left,
a.carousel-control.right {
  background-image: none;
  filter: none;
  width: 20px;
  height: 40px;
}
a.carousel-control.left {
  float: left;
  margin-left: 50px;
}
a.carousel-control.right {
  float: right;
  margin-right: 50px;
}
.carousel-control span {
  width: 20px;
  height: 40px;
  display: block;
  background: url(../../../images/shared/nav/arrows_slider.png) no-repeat 0 0;
}
.carousel-control span.icon-right {
  background-position: -57px 0px;
}
.carousel-indicators {
  bottom: 0px;
  margin-bottom: 0px;
  height: 23px;
}
.carousel-indicators li {
  border: 0px;
  background: rgb(214, 213, 212) url(../../../images/shared/nav/ban-home-pagedots.png)
    no-repeat 0px 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 1px;
  text-indent: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.carousel-indicators .active {
  background: #fff url(../../../images/shared/nav/ban-home-pagedots.png) no-repeat 1px -16px;
  width: 14px;
  height: 14px;
}
a.no-underline:hover {
  text-decoration: none;
}

/* Why chhose X Trade Center for crypto */
.advantage {
  text-align: center;
}
.img-circle {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: 0 auto;
}
#advantage-table td {
  padding: 10px;
}
#advantage-table h3 {
  font-family: 'LatoWebHeavy', sans-serif;
  color: #5282F0;
}
#advantage-table p {
  width: 80%;
  margin: 0 auto;
}

/* crypto slider */
#crypto-slider {
  padding: 50px 0;
}
.open-button {
  letter-spacing: 2px;
  text-decoration: none !important;
  background-color: #f18043;
  color: #ffffff !important;
  min-width: 210px;
  margin: 0px 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 2px solid #f18043;
  white-space: nowrap;
  padding: 13px 13px;
  line-height: 20px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}
.open-button:hover {
  background-color: transparent;
  color: #f18043 !important;
  padding: 13px 13px;
}

/* crypto caruousel */
.crypto_carousel table {
  width: 100%;
  height: 100%;

}
.homepage .hero-banner {
  background: none;
}
.crypto_carousel .carousel .item .content {
  /* display: block; */
  height: 100%;
  display:flex;
  max-width: 1170px;
  width: 100%;
  margin: 24px auto;
}
.item-coin {
  margin: 10px;
  max-width: 47.5%;
}
.item-coin p {
  text-align: left;
}
.crypto_carousel .coin-container {
  border: 1px solid rgba(255,255,255,1);
  border-radius: 15px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  padding: 32px;
  border-radius: 24px;
  background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0));
}

/* crypto chart */
.crypto-table {
  width: 90%;
  margin: 20px auto;
}
.cct-container {
  border: 1px solid #4d6582;
  border-radius: 15px;
}
#crypto-th {
  padding: 20px 8px;
}
.crypto-table .s-tr {
  padding: 10px 8px;
  font-size: 18px;
}
.crypto-data-row:hover {
  background-color: #d6e9ff;
}
.crypto-symbol {
  color: #5282F0;
}
.crypto-symbol:hover {
  cursor: pointer;
  text-decoration: underline;
}
.crypto-table .green {
  color: #66BF52;
}
.crypto-table .red {
  color:#FF007A
}

/* get started */
.plus-sign {
  font-size: 52px;
  color: #fca261;
}

/* Promo */
.crypto-home .promo .subtitle {
  color:#4d6582;
  font-size:21px;
  margin-bottom: 1em;
}

/* why choose X Trade Center */
.platforms img {
  height: 300px;
}

/* FAQS */
.crypto-home .accordion-item {
  color: #4D6582;
}
.crypto-home .accordion-item h2{
  padding: 5px 0 15px;
  color: #4d6582;
}

/* Coin Table 2 */
.item-coin .coin-container h5 {
  font-family: 'LatoWebHeavy';
}
.item-coin .coin-container img {
  height: 50px;
  width: 50px;
  margin-right: 25px;
}

/* COIN PAGES */
.crypto-coin-bg {
  /* background-image: url('/images/shared/crypto/bg_coin_template.png'); */
  /* background-image: url('/images/shared/crypto/bg_coin_template2.png'); */
  background-image: url('../../../images/shared/crypto/bg_coin_template3.png');
  background-size: cover;
}
.crypto-coin .banner-img img {
  /* width: 390px; */
}