@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

body{ font-family: 'Poppins', sans-serif !important;
	background: rgb(14,6,40);
	background: radial-gradient(circle, rgba(14,6,40,1) 0%, rgba(119,26,122,1) 0%, rgba(21,10,48,1) 100%);
color: #FFF;}
.text-dark{color:#FFF !important;}
ul{ margin:0; padding:0; list-style-type:none;}
.radius-0{ border-radius:0}
i{ vertical-align:middle}
a:hover{ text-decoration:none;}
h2, h4, h5{  font-family: 'Poppins', sans-serif !important;}
.big_title{font-family: 'Poppins', sans-serif !important; font-size:18px; color:#bf15a5}

.banner{ 
    background:url(../images/new/slider3n-all.png) no-repeat top center; 
    height:400px; 
    overflow:hidden; 
    position:relative; 
    clear:left; 
    background-size: cover;
}
/*.banner:before{ position:absolute; content:''; width:100%; height:100%; background:rgba(7,18,31,0.8); left:0; z-index:0}*/
.banner h2{margin:0; color:#fff; font-weight:700; text-align:left; font-size:50px; z-index:9; position:absolute; bottom:25px;}
.banner h2>small{ display:block; font-size:20px; margin-top:10px;}

.main ul{padding:0;margin:15px 0;}
.main ul li{position:relative;padding:5px 0px 5px 20px;display:block;}
.main ul li:before{position:absolute;left:0;content:'\f05d';font-family:'fontawesome';color:#bf15a5;font-size:18px;}

.main>strong{ color:#bf15a5; font-size:22px; font-family: 'Poppins', sans-serif !important;  text-transform:uppercase; margin-bottom:15px; display:block}
.logo{ height:110px !important;}

.livequotes{width:100%;float:left; 
	background: rgba(119,26,122,0.2);border-bottom:0px solid #bf15a5; margin-bottom:60px;}
.liveq{width:100%;float:left;padding:0; margin:0; position:relative;}
.liveq li{width:20%;display:inline-block;float:left; padding:6px 15px 15px 15px; border-right:1px solid #fff; text-alig../images/services.jpg)n:center; color:#000; font-weight:bold}

/*.liveq li:nth-child(2){ background:rgba(255,255,255,0.08)}
.liveq li:nth-child(3){ background:rgba(255,255,255,0.12)}
.liveq li:nth-child(4){ background:rgba(255,255,255,0.16)}*/
.liveq li:nth-child(5){  border-right:0}
.liveq li small{font-size:38px; color:#fff; font-weight:700; display:block; font-family: 'Poppins', sans-serif;}
.liveq li p{ margin:0}
.liveq li p span{font-size:12px; display:block; font-weight:700; color:#fff; text-transform:uppercase;}

.welcome h2>small{ display:block; font-size:30px; color:#FFF }
.welcome h2{ font-size:40px; font-weight:700; color:#bf15a5; margin-bottom:20px;font-family: 'Poppins', sans-serif;}
.welcome>p>strong{ font-size:24px; font-family: 'Poppins', sans-serif;}

.welList{ margin:60px 0; overflow: auto;}
.welList>li {border:1px solid #ddd;border-radius: 13px; width:49%; float:left; padding:10px; font-size:18px; margin-bottom:4px; margin-right:4px; font-family: 'Poppins', sans-serif; text-align:center}
.welList>li i{ display:block; font-size:60px; color:#bf15a5}

.marketbox{ padding:60px;}

.welList>li:nth-child(0n+1), .welList>li:nth-child(0n+3){ border:1px solid #ddd;border-radius: 13px;}
.welList>li:nth-child(0n+1), .welList>li:nth-child(0n+2){ border:1px solid #ddd;border-radius: 13px;}

.tradeplates{ width:100%; float:left; color:#fff; padding:160px 0; 
	background: linear-gradient(rgba(90, 8, 92, 0.7), rgba(135, 12, 169, 0.7)), url(../images/trading_bg.jpg) left top no-repeat fixed;
    background-size:cover; margin-bottom:30px;}
.tradeplates h2{ font-size:60px; color:#fff; font-family: 'Poppins', sans-serif;}
.tradeplates p{ font-size:22px; font-weight:bold; font-family: 'Poppins', sans-serif;}

.methods{ margin:50px 0 0 0; padding:0; float:left; width:100%;}
.methods li{ background: rgba(0,0,0,0.3); text-align:center; margin:0 3px; width:16%; height:130px; float:left;}
.methods li span{ width:90px; height:90px; text-align:center; display:inline-block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background:#128e8d; border:4px solid #000; padding:18px 0px; margin:-100px auto 0 auto; position:relative;}
.methods li h4{ padding:10px 0; font-family: 'Poppins', sans-serif;}
#lqdata>h3{ font-family: 'Poppins', sans-serif; font-size:40px;}

.methods li a{ color:#fff; display:block}
.methods li:hover span{ background:#d81640 !important;}

.metaTrader{ background:#ecf4fe; padding:120px 0; margin-top:60px;}
.download{ margin-top:30px;}

.download>li{ float:left; width:25%;}
.download>li>a>i{ display:block; font-size:60px; text-align:center; color:#bf15a5}
.download>li>a{ display:block; padding:15px; margin-right:4px; border:1px solid #ddd; color:#333; font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center;}
.download>li>a:hover{ background:#bf15a5; color:#fff;}
.download>li>a:hover i{ color:#fff;}

.downloadTxt{ padding:60px 60px 60px 200px;}
.downloadTxt>h3{ margin-bottom:30px; color:#bf15a5; font-family: 'Poppins', sans-serif; font-size:30px;}
.downloadTxt>h3>small{ display:block; font-size:22px; color:#FFF}
.platform{ position:absolute; left:-367px; top:50%; margin-top:-153px;}

.footer { width: 100%; float: left; padding: 35px 0; margin-top: 15px; background:none color: #999; font-size: 13px;}
.risk{ border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(255,255,255,.1); padding:15px 0; margin-top:15px;}
.copyright{ padding-top:35px;}
.logos { width: 100%; float: left; padding: 10px 0 0 0; text-align: center;}
.ftLink>strong{ color:#ddd; font-size:20px; font-family: 'Poppins', sans-serif;}
.ftLink ul>li{ border-bottom:0px solid rgba(255,255,255,0.1); position:relative;}
.ftLink ul>li:before{position:absolute;left:0;content:'\f105';font-family:'fontawesome';color:#999;font-size:18px;}
.ftLink ul>li:last-child{ border:0}
.ftLink ul>li>a{ color:#ccc; display:block; padding:4px 0 4px 15px;}

.navbar{ padding-top:0; padding-bottom:0; background:none !important}
.nav-link{ padding:20px 23px !important; color: #bf15a5 !important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,  .dropdown-item.active .nav-link{ color: #fff; background: none;}
.top{ border-bottom:0px solid #ddd; padding:6px 0}
.topLink>li{ display:inline-block; font-size:14px;}
.topLink>li>span{ padding-top:4px;}
.topLink>li>i{ position:relative; margin-top:-3px; color:#bf15a5}

.cst-table>tbody>tr>td{ font-size:14px !important;}
.thead-dark th{ font-size:12px;}

.sideBar>strong{ color:#bf15a5; font-size:20px; font-family: 'Poppins', sans-serif;}
.sideBar>ul{ margin-bottom:15px;}
.sideBar>ul>li{ font-size:14px; border-bottom:1px solid #ddd;}
.sideBar>ul>li:last-child{ border-bottom:0}
.sideBar>ul>li>a{ color:#333; display:block; padding:10px 0}


@media only screen and (max-width: 600px) {
	.xs-hide{ display:none;}	
	.liveq li{ font-size:12px;}
	.liveq li{width:33%; display:inline-block; float:left; padding:6px 6px 6px 6px; border-right:1px solid #ddd; text-align:center}
	.liveq li small{font-size:28px; }
	
	.welcome h2{ font-size:30px;}
	.welcome>p>strong{ font-size:16px;}
	
	.welList>li{ width:100%;}
	.downloadTxt{ padding:15px;}
	.downloadTxt>h3{ font-size:24px;}
	.downloadTxt>h3>small{ font-size:16px;}
	.download>li>a>i{ font-size:30px;}
	.download>li>a{ font-size:11px; padding:10px;}
	
	.tradeplates h2{ font-size:40px;}
	.methods li{ width:50%; margin:0;}

}

.item{ background:#000}
.carousel-inner{ position:relative;}
.carousel-inner>.item>img{ margin:0 auto; width:100%;}
.carousel-caption{ text-align:left; top:50%; transform:translateY(-30%)}
.carousel-caption>h4{ font-size:50px; font-family: 'Josefin Sans', sans-serif; font-weight:bold; display:inline-block; background:rgba(0,0,0,0.6); padding:12px 20px;}
.carousel-caption>p{ display:inline-block; font-size:20px; color:#fff; line-height:28px; margin-top:15px; background:rgba(0,0,0,0.6); padding:12px 20px;}

.btn-success{ background:#bf15a5 !important; border-color:#bf15a5;}
.marquee-wrapper{
	
	text-align:center;
  }
  .marquee-wrapper .container{
	overflow:hidden;
  }
  .marquee-inner span{
	float:left;
	width:50%;
  }
  .marquee-wrapper .marquee-block{
	--total-marquee-items:13;
	height: 150px;
	width: calc(250px * (var(--total-marquee-items)));
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	margin: 20px auto;
	
	padding: 30px 0;
  }
  .marquee-inner{
	display: block;
	width: 200%;
	position: absolute;
  }
  .marquee-inner p{
	font-weight: 800;
	font-size: 30px;
	
  }
  .marquee-inner.to-left{
	animation: marqueeLeft 25s linear infinite;
  }
  .marquee-inner.to-right{
	animation: marqueeRight 25s linear infinite;
  }
  .marquee-item{
	width: 230px;
	height: auto;
	display: inline-block;
	margin: 0 10px;
	float: left;
	transition: all .2s ease-out;
	background: none
  }
  @keyframes marqueeLeft{
	0% {
	  left: 0;
	}
	100% {
	  left: -100%;
	}
  }
  @keyframes marqueeRight{
	0% { 
	  left: -100%; 
	}
	100% {
	 left: 0; 
	}
  }