@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800|Oswald:300,400,700';
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

	

a:link {
	color: #000;
	text-decoration: none;
	letter-spacing: 2px;

}
a:visited {
	color: #000;
	text-decoration: none;
letter-spacing: 2px;
}
a:hover {
	color: #01abe9;
	text-decoration: none;
letter-spacing: 2px;
}
a:active {
	color: #000;
	text-decoration: none;
letter-spacing: 2px;
}
	
* {
  box-sizing: border-box;
  font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
line-height: 23px;
}

	/* Style the header */


.totalview_symbol {
padding-top: 32px;
padding-left: 42px;	
}
@media screen and (max-width: 1024px) {	
.totalview_symbol {
display: none;
}
}

.totalview_symbol_small{
padding: 23px 0px 0px 29px;
margin-bottom: 19px;
}

@media screen and (min-width: 1024px) {	
.totalview_symbol_small {
display: none;
}
}

.social {
  padding: 1rem;

}

.socialicon {
float:right;
margin: -69px 49px 23px 0px;
max-width: 200px;
display: grid;
grid-gap: 1rem;
text-align: right;
font-size: 27px;
line-height: 22px;

}

@media (min-width: 0px) {
.socialicon { 
grid-template-columns: repeat(3, 1fr); 
}
}

@media (max-width: 599px) {
  .socialicon { 
    font-size: 21px;
     line-height: 21px;
}
}

.heroimage {
display: inline-block;
width: 100%;
}

@media screen and (max-width: 1024px) {	
.heroimage {
display: none;
}
}

.heroimage_sm {
display: inline-block;
width: 100%;
}

@media screen and (min-width: 1024px) {	
.heroimage_sm {
display: none;
}
}
.portfolioimage {
display: inline-block;
width: 100%;
}

#tradingindustry_headline {
display: inline-block;
    font-family: 'Oswald', sans-serif;
   font-size: 32px;
	line-height: 47px;
    color: #000;
    font-weight: 400;
    margin: 59px 89px 49px 89px;
      z-index: 9999;
}

#tradingindustry_bodycopy {

	display: inline-block;

    font-family: 'Oswald', sans-serif;
   font-size: 17px;
	line-height:29px;
    color: #000;
    font-weight: 200;
    margin-top: -19px;
    z-index: 9999;
}


.updates {
    float: right;
    font-family: 'Oswald', sans-serif;
   font-size: 35px;
    margin: -90px 70px 53px 0px;
	line-height: 30px;
	text-align: left;
	padding-top: 27.9px;
	padding-left: 33.5px;
    color: #000;
    font-weight: 400;	
	width: 359px;
	height: 89px;
	border: thin #000 solid;
	background: #fff;
}

@media (max-width: 1024px) {
.updates {
display: none;
}
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #fff;
		font-weight: 400;
	font-size: 13px;
	letter-spacing: 2px;
	padding-right: 30px;
	padding-top: 29px;
	padding-bottom: 5px;
	border-bottom: #ccc thin solid;
	widith: 100%;
 
}

/* Style the topnav links */
.topnav a {
  float: right;
  display: block;
  text-align: center;
  padding: 9px 15px;
  text-decoration: none;

}


.contact {
margin-top: 36px;
margin-left: 45px;
	font-weight: 200;
	font-size: 15px;
	letter-spacing: 1.5px;
line-height: 26.4px;
	
	}


.RESULTS {
padding: 34px;
margin-left: 259px;
margin-top: -197px;
	padding-top: 70px;
 border: thin #999 solid;
    width: 274px;
    height: 235px;
	background: #fff;
}

/* slideLeft */


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-2%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(0%);
	}
	95%{
		transform: translateX(0%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-2%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(0%);
	}
	95%{
		-webkit-transform: translateX(0%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}



/* fadeIn */

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(1);
		opacity: 0.0;		
	}
		
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.0;		
	}
	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}



@media (max-width: 800px) {
  .topnav {
   font-size: 0px;
  }
}


@media (max-width: 800px) {
  .RESULTS {
position: absolute;
left: -2000px;
  }
}


/* REMARKABLE GROWTH — ONE COLUMN*/

.remarkablegrowth_big {
 display: block;
text-align: left;
margin: 102px 0px 0px 20px;
font-family: 'Oswald', sans-serif;
   font-size: 89px;
    line-height: 104px;
    letter-spacing: 1px;
    color: #222;
    font-weight: 400;	      
}

@media screen and (max-width: 1024px){
.remarkablegrowth_big {
 font-size: 59px;
    line-height: 74px;
    margin-left: 0px;
    }
}

@media screen and (min-width: 1920px){
.remarkablegrowth_big {
 font-size: 109px;
    line-height: 134px;
    }
}

@media screen and (min-width: 2300px){
.remarkablegrowth_big {
 font-size: 129px;
    line-height: 154px;
    }
}

.remarkablegrowth {
 display: block;
text-align: left;
margin: 42px 0px 0px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 32px;
    line-height: 47px;
    letter-spacing: 1px;
    color: #555;
    font-weight: 400;	      
}

.remarkablegrowth_homepage {
 display: block;
text-align: center;
margin: 42px 0px 0px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 32px;
    line-height: 54px;
    letter-spacing: 2px;
    color: #555;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px #ccc;
   background-color: #E4FCFF;
    padding: 67px;
}

@media screen and (max-width: 1024px){
.remarkablegrowth_homepage {
font-size: 21px;
line-height: 34px;
letter-spacing: 2px;
}
}

.remarkablegrowth_portfolio {
 display: block;
text-align: center;
margin: 42px 0px 0px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 32px;
    line-height: 54px;
    letter-spacing: 2px;
    color: #555;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px #ccc;
   background-color: #E4FCFF;
    padding: 67px;
}

@media screen and (max-width: 1024px){
.remarkablegrowth_portfolio {
font-size: 21px;
line-height: 34px;
letter-spacing: 2px;
}
}

.remarkablegrowth_whatwedo {
 display: block;
text-align: center;
margin: 42px 0px 34px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 62px;
    line-height: 74px;
    letter-spacing: 9px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px #ccc;
   background-color: #E4FCFF;
    padding: 67px;
}

@media screen and (max-width: 1024px){
.remarkablegrowth_whatwedo {
font-size: 34px;
line-height: 49px;
letter-spacing: 2px;
}
}




.remarkablegrowth-bodycopy {
 display: block;
text-align: center;
margin: 29px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 21px;
    line-height: 34px;
    letter-spacing: 1px;
    color: #555;
    font-weight: 100;
    text-transform: none;
}

.whatwedo-bodycopy {
 display: block;
text-align: left;
margin: 29px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 21px;
    line-height: 34px;
    letter-spacing: 1px;
    color: #555;
    font-weight: 100;
    text-transform: none;
}

.emphasis {
 display: block;
text-align: left;
margin: 29px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 21px;
    line-height: 34px;
    letter-spacing: 1px;
    color: #0076A5;
    font-weight: 400;
    text-transform: none;
}

.interiorpages-bodycopy {
 display: block;
text-align: left;
margin: 19px 0px 0px 3px;
font-family: 'Oswald', sans-serif;
   font-size: 19px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #555;
    font-weight: 100;	      
}

.remarkablegrowth-btn {
display: block;   
margin: 32px auto 79px auto;
padding: 21.4px 14.5px 25px 15px; 
border: 1px #000 solid;
font-weight: 400; 
color: #004499;
font-family: 'Oswald', sans-serif;
font-size: 30px;
background:#D1FFF4;
text-align: center;
width: 200px;
}

.portfolio-btn {
display: block;   
margin: 42px auto 12px auto;
padding: 21.4px 14.5px 25px 15px; 
border: .5px #ccc solid;
font-weight: 400; 
color: #004499;
font-family: 'Oswald', sans-serif;
font-size: 24px;
background:#fff;
text-align: center;
width: 300px;
}

.large-btn {
display: block;   
margin: 94px auto 12px auto;
padding: 21.4px 14.5px 25px 15px; 
border: 1px #ccc solid;
font-weight: 400; 
color: #004499;
font-family: 'Oswald', sans-serif;
font-size: 34px;
background:#fff;
text-align: center;
width: 300px;
}



/* END — REMARKABLE GROWTH — ONE COLUMNS*/



/* REMARKABLE GROWTH — TWO COLUMNS*/


.remarkablegrowth_2columns-container {
margin-top: 42px;
}

.remarkablegrowth_2columns {
margin-top: 0px;
max-width: 1600px;
display: grid;
grid-gap:12rem;
font-family: 'Oswald', sans-serif;
font-size: 19px;
line-height: 40px;
letter-spacing: 1px;
color: #555;
font-weight: 100;
}

.remarkablegrowth_2columns > div1 {
width: 109%;
}
.remarkablegrowth_2columns > div2 {
width: 150%;
border-left: solid 1px #ccc;
padding-left: 40px;
}
.remarkablegrowth_2columns-headline {
font-family: 'Oswald', sans-serif;
font-size: 40px;
line-height: 60px;
letter-spacing: 1px;
color: #555;
font-weight: 400;	
margin-bottom: 40px;
}

.remarkablegrowth_2columns > h3 {
font-size: 23px;
line-height: 35px;
font-weight: 400;	
}
@media (max-width: 1600px) {
.remarkablegrowth_2columns > h3 {
font-size: 19px;
line-height: 35px;
}
}

.remarkablegrowth_2columns-bodycopy {
font-family: 'Oswald', sans-serif;
font-size: 19px;
line-height: 40px;
letter-spacing: 1px;
color: #555;
font-weight: 100;	
margin-bottom: 40px;
}


/* Screen larger than 1024px 2 column */
@media (min-width: 1024px) {
.remarkablegrowth_2columns { grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 1024px) {
.remarkablegrowth_2columns { grid-template-columns: repeat(1, 1fr); 
grid-gap: 2rem;
      
    }
}


@media (max-width: 1024px) {
.remarkablegrowth_2columns > div2 {
width: 150%;
padding-left: 0px;
border-left: none;
}
}

/* END — REMARKABLE GROWTH — TWO COLUMNS*/


.portfolioslideshows {
 display: inline-block;
text-align: left;
margin: 30px 0px 12px 0px;
font-family: 'Oswald', sans-serif;
   font-size: 15px;
    line-height: 34px;
    letter-spacing: 4px;
    color: #000;
    font-weight: 400;	      
}

@media screen and (max-width: 1409px) {	
.portfolioslideshows {
   font-size: 13px;
    line-height: 32px;
}
}


@media screen and (max-width: 1024px) {	
.portfolioslideshows {
   font-size: 15px;
    line-height: 34px;
}
}

@media screen and (max-width: 800px) {	
.portfolioslideshows {
   font-size: 12px;
    line-height: 35px;
}
}

.tradingrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
margin: 70px auto 70px auto;
  width: 100%;

}

.tradingcolumn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
    
}

.right-column-platform {
margin: 0px;
}

@media screen and (max-width: 1690px) {	
.right-column-platform  {
margin: 0px auto 0px auto;
}
}

.left-column {
margin: 0px;
}

@media screen and (max-width: 1690px) {	
.left-column {
margin: 0px auto 0px auto;
}
}


@media screen and (max-width: 599px) {	
.left-column {
  display: none;
}
}


@media screen and (max-width: 599px) {	
.tradingrow {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
}
}