.float-right{
	float:right;
}

.float-left{
	float:left;
}

.clearfix:after{
    content:" ";
    display:block;
    clear:both;
}

/* Flex Box */
.flex-box{
	position:relative;
	display: flex;
}

.flex-box.col, .flex-col{
	position:relative;
	display: flex;
	flex-direction: column;
}

.flex-box.row, .flex-row{
	position:relative;
	display: flex;
	flex-direction: row;
}

.flex{
	flex:0 0 auto;
	position:relative;
	display:block;
}

.flex.static, .flex-static{
	flex:0 0 auto;
	position:relative;
	display:block;
}

.flex.grow, .flex-grow{
	flex:1 0 auto;
	position:relative;
	display:block;
}

.flex.shrink, .flex-shrink{
	flex:0 1 auto;
	position:relative;
	display:block;
}

.flex.all, .flex-all{
	flex:1 1 auto;
	position:relative;
	display:block;
}

.full{
	width:100%;	
}

.half{
	width:50%;	
}

.third{
	width:33.33%;	
}

.two-third{
	width:66.66%;	
}

.forth{
	width:25%;	
}

.inline{
	display:inline;
}


/* !Flex Box */

.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}

.clear{
	clear:both;
}

.no-wrap{
	white-space: nowrap;
}

section.padd-bottom{
	padding-bottom:40px;
}

/* Loading */
@keyframes spin{
	0% { transform: rotate( 0deg ); }
    100% { transform: rotate( 360deg ); }
}

@keyframes loading-border-spin1{
	0% { transform: rotate( 0deg ); }
	25% { transform: rotate( 180deg ); }
    50% { transform: rotate( 360deg ); }
    100% { transform: rotate( 360deg ); }
}

@keyframes loading-border-spin2{
	0% { transform: rotate( 0deg ); }
	25% { transform: rotate( 0deg ); }
	50% { transform: rotate( 180deg ); }
	75% { transform: rotate( 360deg ); }
    100% { transform: rotate( 360deg ); }
}

.loading-border{
	position:absolute;
	top:-6px;
	left:-6px;
	width:100%;
	height:100%;
	padding:6px;
	box-sizing:content-box;
	
	animation-name: spin;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	transform-origin:center center;
	
}

.loading-border:last-child{
	animation-delay:1s;
}

.loading-border > div{
	position:absolute;
	width:50%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;

}

.loading-border > div:last-child{
	left:50%;
}

.loading-border > div > b{
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
	top:0;
	transform-origin:left center;
	transform: rotate(0deg);
	overflow:hidden;
	display:block;
	animation-name: loading-border-spin1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
}

.loading-border > div:last-child > b{
	top:0;
	left:-100%;
	transform-origin:right center;
	animation-name: loading-border-spin2;
}

.loading-border > div > b:before{
	content:"";
	position:absolute;
	display:block;
	width:200%;
	height:100%;
	top:0;
	right:0;
	transform-origin:center center;
	overflow:hidden;
	border-radius:50%;
	box-sizing:border-box;
	border:8px solid #5f3c7d;
}

.loading-border > div:last-child > b:before{
	top:0;
	left:0;
}

.loading-border > div > b[data-color="0"]:before{
	border-color:#22b2b4 !Important;
}

.loading-border > div > b[data-color="1"]:before{
	border-color:#143b62 !Important;
}

.loading-border > div > b[data-color="2"]:before{
	border-color:#22b2b4 !Important;
}
.loading-border > div > b[data-color="3"]:before{
	border-color:#5f3c7d !Important;
}
.loading-border > div > b[data-color="4"]:before{
	border-color:#f05236 !Important;
}
.loading-border > div > b[data-color="5"]:before{
	border-color:#c4b855 !Important;
}

/** END Loading **/
 
.forex .tri:before, .forex.tri:before, .stocks .tri:before,
.stocks.tri:before, .futures-commodities .tri:before,
.futures-commodities.tri:before, .etfs .tri:before,
.etfs.tri:before, .options .tri:before, .options.tri:before{
	content:"";
	position:absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 40px 40px 0 0;
	-webkit-transform:rotate(360deg);
	z-index:200;
	display:block;
	left:0;
	top:0;
}

.no-class .tri:before, .no-class.tri:before, .no-class .sm_tri:before, .no-class.sm_tri:before,
.forex .sm_tri:before, .forex.sm_tri:before, .stocks .sm_tri:before,
.stocks.sm_tri:before, .futures-commodities .sm_tri:before,
.futures-commodities.sm_tri:before, .etfs .sm_tri:before,
.etfs.sm_tri:before, .options .sm_tri:before, .options.sm_tri:before{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	-webkit-transform:rotate(360deg);
	z-index:200;
	display:block;
	left:0;
	top:0;
}

.no-class .tri:before, .no-class.tri:before, .no-class .sm_tri:before, .no-class.sm_tri:before{
	border-color: #d2d2d2 transparent transparent;
}

.forex .tri:before, .forex.tri:before, .forex .sm_tri:before, .forex.sm_tri:before{
	border-color: #031b10 transparent transparent;
}

.stocks .tri:before, .stocks.tri:before, .stocks .sm_tri:before, .stocks.sm_tri:before{
	border-color: #143b62 transparent transparent;
}

.futures-commodities .tri:before, .futures-commodities.tri:before, .futures-commodities .sm_tri:before, .futures-commodities.sm_tri:before{
	border-color: #22b2b4 transparent transparent;
}

.etfs .tri:before, .etfs.tri:before, .etfs .sm_tri:before, .etfs.sm_tri:before{
	border-color: #c4b855 transparent transparent;
}

.options .tri:before, .options.tri:before, .options .sm_tri:before, .options.sm_tri:before{
	border-color: #5f3c7d transparent transparent;
}

/* Colors */

.bg--blue, .bg-stocks{
	background-color:#143b62 !Important;
}

.bg--green{
	background-color:#52c553 !Important;
}

.bg--dark-green, .bg-forex{
	background-color:#031b10 !Important;
}

.bg--purple, .bg-options{
	background-color:#5f3c7d !Important;
}

.bg--red{
	background-color:#f05236 !Important;
}

.bg--sand, .bg-etfs{
	background-color:#c4b855 !Important;
}

.bg--teal, .bg-futures,.bg-futures-commodities{
	background-color:#22b2b4 !Important;
}

/***/

.color--blue, .color-stocks{
	color:#143b62 !Important;
}

.color--green{
	color:#52c553 !Important;
}

.color--dark-green, .color-forex{
	color:#031b10 !Important;
}

.color--purple, .color-options{
	color:#5f3c7d !Important;
}

.color--red{
	color:#f05236 !Important;
}

.color--sand, .color-etfs{
	color:#c4b855 !Important;
}

.color--teal, .color-futures,.bg-futures-commodities{
	color:#22b2b4 !Important;
}

.circle{
	position:relative;
	border-radius:50%;
	overflow:hidden;
	background-size:cover !Important;
}

.circle:after{
	content:"";
	width:100%;
	display:block;
	padding-bottom:100%;
	position:relative;
}