/* CSS Document */


html, body {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 400 !important;background:#fff;
}

h2 {font-size:40px;font-weight:200;color:#ffc900!important;}
h3 {color:#ffc900!important;font-weight:200;font-size:20px!important;}
p {font-size:16px;color:#fff;font-weight:200}
h5 {color:#ffc900!important;font-weight:200;font-size:20px!important;}
.logo {height:50px;padding:3px;}
.navbar-brand {margin-right:0!important;}
.navbar {overflow:visible!important;margin-bottom:0;z-index:10;}
.award_block {background: rgb(19, 42, 62);border-radius:20px;border:1px solid #5d8ab3;padding:15px; }


.top-block {
    background: url("bc_bkg.jpg");
    background-size:cover;
    padding:20px 0 20px 0;
}

.testimonials {
    background:url("bc_bkg.jpg")no-repeat;
 background-size:cover;
    padding:20px 0 20px 0;
}

.features {
    background:url("bkg.jpg")no-repeat;
    background-size:cover;
    padding:20px 0 20px 0;
}


.tnc_text {
    font-size: 12px;
    line-height:18px;
    color: #9f9fa0;
    text-align:center;
}

.form_section {background: rgba(19, 42, 62, 0.8);padding:10px 20px 20px 20px;border-radius:20px;}

.modal-content {background: rgb(19, 42, 62) !important;}



.usp {
    padding: 50px 0 50px 0;
    text-align: center;
}
.usp_panel {
    
	height: 100%;
}
.usp-content {
    color: white;
    padding-top: 60px;
}
.card-header1 {
    width: 100%;
    background: #7b3dbb;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem;
	border-radius:30px;
}
.card-header2 {
    width: 100%;
    background: #372798;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem 1.25rem;
	border-radius:30px;
}
.card-header3 {
    width: 100%;
    background: #0f4dff;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem 1.25rem;
	border-radius:30px;
}


#features {
    padding:0 0 50px 0;
    background:#fff;
	background-size:cover;
	background-position:center;
}	

.get_started_btn {
    padding: 50px;
	background:letter-spacing: -0.015em;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    transition: all 0.15s linear;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #ebd943;
    color: #322580 !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 7px;
    box-shadow: 0px 4px 0 0 #cab927;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 24px 20px;
    max-width: 280px;
	margin:auto;
}
.register {
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.25;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    -webkit-appearance: none;
    float: left;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    position: relative;
    color: #fff;
    padding: 0;
    border-radius: 6px;
    width: 100%;
    height: 64px;
    border: none !important;
    cursor: pointer;
    background-color: #6daf0f;
    outline: none;
	margin-bottom:10px;
}

.trade_btn {
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.25;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    -webkit-appearance: none;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    position: relative;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    width: 100%;
    border: none !important;
    cursor: pointer;
    background-color: #6daf0f;
    outline: none;
    margin-bottom:10px;
}

.signup {
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.25;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    -webkit-appearance: none;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    position: relative;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    width: 100%;
    border: none !important;
    cursor: pointer;
    background-color: #0908cc;
    outline: none;
    font-weight:400;
}

.signup:hover {color:#fff;}


.trade_btn_green {
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.25;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    -webkit-appearance: none;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    position: relative;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    width: 100%;
    border: none !important;
    cursor: pointer;
    background-color: #6daf0f;
    outline: none;
    margin-top:30px;
    max-width:600px;
}

.trade_btn_blk:hover {color:#fff;}

// workaround
.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}

.form-control {
           border: 1px solid #4e555b;
            color:#fff!important;
            background: rgba(15, 33, 50, 0.8);
}


.form-control:focus {background: rgba(15, 33, 50, 0.8);
    color: #fff!important;
    border: none;
}

::placeholder {color:#fff!important;
    opacity: 1;!important;}

.input-form-control {color:#fff;}

.input-group-text {background:rgba(15, 33, 50, 0.8);
                    border:1px solid #4e555b;
                    color: #fff!important;
}

	.form-group2 {padding:10px;}
		.modal-content {background: url("banner-form-bg.jpg");}

/* Slider */

.slick-slide {
    margin: 0px 20px;

}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    width:110px;
    justify-items: center;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Testimonials Slider */

#carousel3d .carousel-3d-slide.current {
    color: #fff!important;
}
#carousel3d .carousel-3d-slide.current span {
    font-size: 20px;
    font-weight: 500;
}

.carousel-3d-slide {
    background: rgba(255, 255, 255, 0.89) !important;
    border-style:1px, solid;
    border-color: #858484 !important;
    border-radius:20px!important;
    padding-top:20px;
}



.next {color:#fff!important;}
.prev {color:#fff!important;}

*


@media only screen and (max-width: 767px) {
		
			#video {padding:2px;}
		}

}

		@media only screen and (max-width: 600px) {
		
		#video {padding:2px;}
		.top-bar {padding:2px;}	
		.logos {width:100%;max-width:600px;}
		#features {padding:6px;text-align:center;}
		#howto {padding:6px;}
		.get_started_btn {max-width:600px;}
		.join_us {padding:6px;}
		.our_members {padding:6px;}
		.card-body {padding:6px;}
		.usp_panel {padding:6px;}
		.heading {font-size:20px!important;}
		}

		#datetime {color:yellow;}

@media only screen and (max-width: 970px) {
    .top-block {background-position:top;}
}