@font-face{font-family:"bold"; src: url("../fonts/ElliotSans-Bold.woff")}
@font-face{font-family:"regular"; src: url("../fonts/ElliotSans-Regular.woff")}




.bold{font-family:"bold"}
.regular{font-family:"regular";}

body,html{height:100%!important}
body{font-family:"regular"!important;overflow-x:hidden; color: #fff !important; font-size: 1.35vw !important; line-height: 1.5vw !important;}
.wrapper{margin:auto;width:100%}
.big-container{margin: auto;padding-left: 7vw;    padding-right: 7vw; width: 100%}
.small-container {    margin: auto;    padding-left: 12vw;    padding-right: 12vw;    width: 100%;}
.header{width:100%;margin:auto;left:0;top:0;right:0;z-index:5;transition:all ease-in-out .3s;padding:2vw 0;}


.white{color: #fff;}
.black-color{color: #000}


.black-bg{background: #000;}
.white-bg{background: #fff;}

.letterspacing1{letter-spacing: 1px}





:focus{outline:none!important}
a{color:inherit; transition: all 0.5s;}
a:hover{text-decoration:none!important; transition: all 0.5s;}
a:focus{outline:none!important;border:none!important;text-decoration:none!important}
img{ transition: all 0.5s;}
*:hover img{ transition: all 0.5s;}
.text-underline{text-decoration: underline !important}
.abs-anch{position: absolute; width: 100%; height: 100%; top: 0;left: 0; color: transparent !important;z-index: 0}
.borderbottom{border-bottom: 1px solid}
.list-inline li{display: inline-block}
.show-1024,.show-768,.show-600{display:none!important}
input,select,texarea{border-radius:0!important}
strong,b{font-weight:normal;font-family:bold}
.overflow-hidden{overflow: hidden}
.object-cover img{object-fit: cover; width: 100%; height: 100%;}
.overlay{position: relative;}
.overlay:before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}

/*#how-does-zeroBonds-work{scroll-margin-top:130px}*/



.loaderWrap{width: 100%;height: 100%;position: fixed;left: 0;background: #3C3E90;top: 0;z-index: 99999;display:flex;align-items:center; justify-content: center;    flex-direction: column;}



.pt-120{padding-top: 6vw}
.pb-120{padding-bottom: 6vw}
.pt-80{padding-top: 4.5vw}
.pb-80{padding-bottom: 4.5vw}
.pt-60{padding-top: 3vw}
.pb-60{padding-bottom: 3vw}
.pt-40{padding-top: 2vw}
.pb-40{padding-bottom: 2vw}

.pr-120{padding-right: 6vw !important;}
.pl-120{padding-left: 6vw !important;}
.pr-80{padding-right: 4.5vw !important;}
.pl-80{padding-left: 4.5vw !important;}
.pr-60{padding-right: 3vw !important;}
.pl-60{padding-left: 3vw !important;}
.pr-40{padding-right: 2vw !important;}
.pl-40{padding-left: 2vw !important;}

.nomargin-top{margin-top:0!important}
.nomargin-bottom{margin-bottom:0!important}
.nomargin-left{margin-left:0!important}
.nomargin-right{margin-right:0!important}
.nopadding-top{padding-top:0!important}
.nopadding-bottom{padding-bottom:0!important}
.nopadding-left{padding-left:0!important}
.nopadding-right{padding-right:0!important}



.font-35{font-size:1.7vw;line-height:2vw;}
.font-26{font-size: 1.35vw; line-height: 1.55vw;}
.font-20{font-size: 1.1vw; line-height: 1.6vw}


.slide-right,.slideright{transform:translateX(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-right,.anim.in-view .slideright{transform:translateX(0);opacity:1}
.slide-left,.slideleft{transform:translateX(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-left,.anim.in-view .slideleft{transform:translateX(0);opacity:1}
.longslide-left,.longslideleft{transform:translateX(-1000px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .longslide-left,.anim.in-view .longslideleft{transform:translateX(0);opacity:1}
.slide-down,.slidedown{transform:translateY(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-down,.anim.in-view .slidedown{transform:translateY(0);opacity:1}
.slide-up,.slideup{transform:translateY(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-up,.anim.in-view .slideup{transform:translateY(0);opacity:1}

.zoomin{transform:scale(0);opacity:0;transition:transform 0.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 0.8s ease-in-out; transform-origin: center center}
.loaded .zoomin{transform:scale(1);opacity:1; transform-origin: center center}

.loaded .delayed,.anim.in-view .de-layed{transition-delay:  0.8s}
.loaded .delayed1,.anim.in-view .de-layed1{transition-delay:  1.0s}
.loaded .delayed2,.anim.in-view .de-layed2{transition-delay: 1.2s}
.loaded .delayed3,.anim.in-view .de-layed3{transition-delay:  1.4s}
.loaded .delayed5,.anim.in-view .de-layed4{transition-delay:  1.6s}
.loaded .delayed6,.anim.in-view .de-layed5{transition-delay:  1.8s}
.loaded .delayed7,.anim.in-view .de-layed6{transition-delay:  2.0s}

.logo img {
    width: 17vw;
}

.social-media ul li a{margin-left: 1vw; align-items: center; justify-content: center;  font-family: "Golos Text", sans-serif;  font-optical-sizing: auto;  font-weight: 400;  font-style: normal; text-align: center; color: #000;font-size: 0.83vw; line-height: 1.3vw;    display: flex;
    flex-direction: column;}

.social-media ul li span.circle{background: #F9C74F; width: 3.75vw; height: 3.75vw; border-radius: 100%; display: flex;align-items: center; justify-content: center; margin-bottom: 0.25vw;}

.social-media ul li img {
    width: 3vw;
    height: 2vw;
}

.bg-image img {
    width: 72vw;
}

.bubble-content {
    background: url(../images/bubble.svg) no-repeat;
    width: 53vw;
    background-size: 100%;
    padding: 6vw 3vw 3vw; 
    height: 35vw;
    margin: -2vw auto 0;
}

.caption img{width: 30vw;}

.trading-hrs {
    width: 32vw;
    margin: auto;
}

.font-35.bold {
    border-bottom: 2px solid #F9C74F;
    padding-bottom: .5vw;
    margin-bottom: 1vw;
}
.day.d-flex {
    justify-content: space-between;padding-bottom: 0.5vw; 
}

.day.d-flex .regular {
    width: 65%;
}
.day.d-flex .bold {
    width: 35%;
}
.trading-dlfex.d-flex {
    width: 100%;
    justify-content: space-between;flex-wrap: wrap;
}
.trading-dlfex.d-flex .col1{
    width: 50%;
}

.bird {
    bottom: -12.8vw;
    left: 0;
}
.bird img {
    width: 23.75vw;
}

.download-container {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: -11vw;
    bottom: -8vw;
}
.download-circle{
    background: #F9C74F;
    width: 12.1vw;
    height: 12.1vw;
    border-radius: 100%;
    margin-left: 3vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.download-circle a {
width: 100%; height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
span.dots svg {
    width: 3vw;
    height: 1vw;
    display: inline-block;
}
span.icon img {
    width: 2vw;
    height: 2vw;
}


/*=======================MEDIA QUERIES=======================*/

@media only screen and (max-width: 2560px) and (min-width: 1921px) {

}

@media (max-width:1680px){



}
@media (max-width:1600px){
	
}
@media (max-width:1480px){



}
@media (max-width:1366px){

}
@media (max-width:1280px){
.pt-200{padding-top: 80px}
.pb-200{padding-bottom: 80px}
.pt-120{padding-top: 60px}
.pb-120{padding-bottom: 60px}
.pt-80{padding-top: 40px}
.pb-80{padding-bottom: 40px}
.pt-60{padding-top: 30px}
.pb-60{padding-bottom: 30px}
.pb-40 {    padding-bottom: 30px;}
	


}
@media (max-width:1024px){
.show-1024{display:block !important}
.hide-1024,.download-container.hide-1024, .hide-1024.d-flex{display:none!important}
main.main-content{    padding: 0 15px;}
	.bubble-content{background: none; width: 100%; margin: 15px auto 0; height: inherit;padding: 25px 0;}
	.bg-image img {    width: 100%;
}

	.trading-hrs{
    width: 100%;
}
	.font-35.bold {
    padding-bottom: 5px;
    margin-bottom: 25px;
}
	.font-35 {
    font-size: 30px;
    line-height: 35px;
}
	body{font-size: 20px !important; line-height: 25px !important;}
.social-media ul li span.circle {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
}
	.social-media ul li img {
    width: 25px;
    height: 20px;
}
	
	span.dots svg {
    width: 44px;
    height: 18px;
}
span.icon img {
    width: 32px;
    height: 32px; margin-top: 10px
}
	.download-circle {
		width: 180px; height: 180px;margin-left: 0;
        margin-right: 35px;}

	.download-container {
    justify-content: center;
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 35px;
}


.caption.show-1024.pb-40 {
    position: absolute;
    top: 110px;
    left: 270px;
}

	.big-container{padding-left: 15px; padding-right: 15px;}
	
	.font-20{font-size: 16px; line-height: 20px}
	
	.social-media ul li a {
    margin-left: 0;
		margin-right: 10px;
    font-size: 12px;
		line-height: 15px;}
	
	footer.show-600.social-media {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
	footer.social-media ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 10px;padding-bottom: 10px
}

}


@media (max-width:992px){


	
}
@media (max-width:768px){
.show-768{display:block !important}
.hide-768{display:none!important}
	
.pr-120,.pr-80,.pr-60,.pr-40{padding-right: 0px !important;}
.pl-120,.pl-80,.pl-60,.pl-40{padding-left: 0px !important;}
	
	
	
}
@media (max-width:600px){
.show-600{display:block !important}
.hide-600{display:none!important}
	
	.logo img {
    width: 140px;
}
	.header{padding: 15px 0 30px;}
	
	    .font-35 {
        font-size: 22px;
        line-height: 30px;
    }
	.trading-dlfex.d-flex .col1{
    width: 100%;
}
	.day.d-flex .regular {
    display: flex;
    justify-content: flex-end;
}
	.day.d-flex {
    padding-bottom: 10px;
}
	
    .bg-image img {
        width: 70%;
        margin: 0px 0 0 auto;
        display: block;
    }
	.show-1024.bg-image {
    margin-top: -35px;
}
	    .download-circle {
        margin-right: 10px;width: 140px; height: 140px;
        text-align: center;
        padding: 0 15px;
    }

}
@media (max-width:480px){

}
@media (max-width:375px){
}

@media (max-width:320px){
}

