html, body { height: 100%; padding: 0; margin: 0; }

body {
	font-family: 'Source Sans Pro', sans-serif;
	padding:0;
	margin:0;
	color:#000;
	background-color:#FFF;
	background-size:100% 20%;
	background-repeat:no-repeat !important;
	font-size:13px;
	min-height: 700px; 
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}


h1 {
	font-size:5em;
	color:#FFF;
	font-weight:300;
	margin:0;
	padding:0;
	line-height:55px;

}

h2 {
	font-size:1.9em;
	font-weight:600;
	text-align:center;
	color:#979797;
}

h3 {
	font-size:2.6em;
	font-weight:300;
	text-align:left;
	margin: 0 0 15px 0;
	color:#004666;
}


h4 {
	font-size:1.8em;
	font-weight:100;
	text-transform:uppercase;
	text-align:left;
	color:#FFF;
	line-height:normal;
	line-height:30px;
}
h5 {
	font-size:1.2em;
	font-weight:400;
	color:#fe600a;
}
li {
	line-height: 1.5em;
}

a:link {
    text-decoration: none;
	color:#fe600a;
}

a:visited {
	text-decoration: none;
	color:#fe600a;
}

a:hover {
    text-decoration: none;
	color: #404040
}

a:active {
    text-decoration: none;
	color:#fe600a;
}

.homesubtext {
	font-size:3.5em;
	font-weight:200;
	text-transform:none;
	text-align:left;
	color: #FFF;
	padding: 10px 0 0 0;
	line-height:40px;
}
.aboutsubtext {
	font-size:4.3em;
	font-weight:200;
	text-transform:none;
	text-align:left;
	color: #FFF;
	padding: 10px 0 0 0;
	line-height:40px;
}
.productsubtext {
	font-size:3.5em;
	font-weight:200;
	text-transform:none;
	text-align:left;
	color: #FFF;
	padding: 10px 0 0 0;
	line-height:40px;
}
.investsubtext {
	font-size:3.5em;
	font-weight:200;
	text-transform:none;
	text-align:left;
	color: #FFF;
	padding: 10px 0 0 0;
	line-height:40px;
}
.center {
	text-align:center;
	height:auto;
}

.centertext {
	text-align:center;
	height:auto;
	color:#979797;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight:500;
}

p {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	font-weight:400;
	line-height: 1.5em;
	letter-spacing:0 3px;
	text-align:left;
	color:#7e7e7e;
	
}

.hr {
	clear: both;
	border: 0;
	height: 2px;
	width: 100%;
	margin: 100px auto;
	height:1px;
	text-align: center;
	white-space: pre-wrap;
	overflow: hidden;
	background-color:#EEE;
}



img {
	max-width:100%;
	height: auto;
	margin:0;
}
.sitebtnbox {
	clear:both;
	margin:0;
	padding:30px 0 0 0;
	text-align:left;
}
.sitebtnbox2 {
	clear:both;
	margin:0;
	padding:30px 0 0 0;
	text-align:center;
}
.sitebtnbox3 {
	clear:both;
	margin:0;
	padding:30px 0 0 0;
	text-align:right;
	font-size:.5em;
}
/* Tron Button */
a.sitebtn, a.sitebtn:link, a.sitebtn:visited, a.sitebtn, a.sitebtn:link, a.sitebtn:visited {

  display: inline-block;
  color:#FFF;
  border-radius: 3px;
  font-weight: 500;
  font-size: 1.7em;
  text-align: center;
  padding: 1.4% 15.0%;
  text-decoration: none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 5px;
  white-space: nowrap;
  background-color:none;
  border: 2px solid #FFF;
 
}

 a.sitebtn:hover{
  color: #FFF;
  background-color: #fe600a;
  border: 2px solid #FFF;
  opacity:0.9; 
}

/* Callout Button */
a.sitebtn2, a.sitebtn2:link, a.sitebtn2:visited, a.sitebtn2, a.sitebtn2:link, a.sitebtn2:visited {

  display: inline-block;
  color:#000;
  border-radius: 3px;
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
  padding: 1.4% 10.0%;
  text-decoration: none;
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 5px;
  white-space: nowrap;
  background-color:none;
  border: 2px solid #000;
}

 a.sitebtn2:hover{
  color:#FFF;
  background-color:#fe600a;
  border: 2px solid #FFF;
  opacity:0.9;

 
}

.platformscreen {
	text-align:center;
	margin:150px 0 0 0;
}
/* Investor Button */
a.sitebtn3, a.sitebtn3:link, a.sitebtn3:visited, a.sitebtn3, a.sitebtn3:link, a.sitebtn3:visited {

  display: inline-block;
  color:#FFF;
  border-radius: 3px;
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
  padding: 0.6% 10.0%;
  text-decoration: none;
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 5px;
  white-space: nowrap;
  background-color: #1276a5;
  border: 2px solid #0c638c;
 
}

 a.sitebtn3:hover{
  color: #FFF;
  background-color:#0298de;
  border: 2px solid #4dbff4;
  opacity:0.9;

 
}

/* Section Inner */
div.section-inner {
	max-width:1300px;
	padding: 0;
	margin: 0 auto;

	
}

.bodysection-inner {
	max-width: 60%;
	padding: 10px 90px;
	margin: 0 auto;
}

/* Header */
.headerindex {
    background-repeat: no-repeat;
    background-image: url( ../img/bg_001.jpg);
    background-size: cover;
    background-position: center top;
	background-color: #000;
    width: 100%;
    height: 100%;

}

.headerindex > div.section-inner, .headerabout > div.section-inner, .headerproduct> div.section-inner, .headerpartner > div.section-inner { position: relative; z-index:2; }


.headerabout {
    background-repeat: no-repeat;
    background-image: url( ../img/bg_002.jpg);
    background-size: cover;
    background-position: center top;
	background-color: #000;
    width: 100%;
    height: 100%;

}

.headerpartner {
    background-repeat: no-repeat;
    background-image: url( ../img/bg_004.jpg);
    background-size: cover;
    background-position: center top;
	background-color: #000;
    width: 100%;
    height: 100%;

}

.headerproduct {
    background-repeat: no-repeat;
    background-image: url( ../img/bg_003.jpg);
    background-size: cover;
    background-position: center top;
	background-color: #000;
    width: 100%;
    height: 100%;

}


.logo{
	float:left;
	height:auto;
	width:auto;
	padding:0;
	margin:10px 320px 0px 2px;
}

.mobile-logo {
    display: none;
}
/* Navigation */


.desknav{
	clear:none;
	float:right;
	width:auto;
	margin:0;
	padding:0;
	text-align:right;
	
}
.nav {
	padding:0;
	height:50px;
	border-bottom:1px solid rgba(255,255,255,0.05);

}

div.nav ul {
	margin: 0;
	padding:0;

}

div.nav ul li {
	list-style: none;
	float: left;
	font-size: 98%;
	font-weight:500;
}

div.nav ul li a:link,
div.nav ul li a:visited {
	display: block;
	padding: 15px 20px;
	margin:0;
	width:auto;
	height:auto;
	vertical-align:bottom;
	text-decoration: none;
	color: #FFF;
	border:none;
	letter-spacing: 2.5px;
	text-transform:Uppercase;
}
div.nav ul li a:hover {
	display: block;


}
/* Tron */


.trontext {
	vertical-align:middle;
	text-align:center;
}
.tronbox {
	padding:0;
	margin:9% 0;
}
.tronbox2 {
	padding:0;
	margin:7% 0;

	
}
.tronimg1{
	max-width:40%;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 0 5%;
	text-align:left;
	line-height:35px;
	box-sizing: border-box;
}
.tronimg2{
	max-width:700px;
	clear:none;
	float:right;
	margin:0;
	padding:0;
}
	.top120 {

    }
	.top60 {
	    padding:60px 0 0 0;
	    margin:0;
    }
	.top120_2 {
	    padding:50px 0 0 0;
	    margin:0;
    }
.tronlogos {
	padding:60px 0 20px 0;;
	text-align:center;
}
/* Body Content */


.profilepic {
	padding: 0;
	text-align:right;
}

.callouttitle {
	padding: 0;

}
.callouttext {
	padding: 0;
	text-align:center;
	font-size:1em;
	font-weight:400;
	letter-spacing:1px;
	line-height:normal;
	text-transform:none;
	color:#006d76;
	line-height:20px;
}



div.body-content {

}

div.tron-content {
	padding: 0;
	margin:0;
}

div.pagetitlecontainer{
	background-color:#FFF; 
	padding:0;
}
div.pagetitleframe{
	vertical-align:middle;
	text-align:left;
	background-color:#000;
	padding:20px 0 100px 0;
}
.pagetitle{
	margin:20px 0 60px 0;
	padding:0;
	font-size:2.5em;
	font-weight:300;
	font-stretch:narrower;
	text-align:center;
	letter-spacing:2px;
	color:#FFF;
}
.pagetitletier2{
	clear:both;
	margin:10px 0 0 0;
	padding:0;
	font-size:2.3em;
	font-weight:300;
	font-stretch:narrower;
	text-align:center;
}
.pagetitleheadline{
	width:auto;
	text-align:center;
	font-size:1.5em;
	letter-spacing:0 4px;
	font-weight:400;
	font-stretch:condensed;
	margin:0 0 80px 0;
	color:#727272;
	text-transform:uppercase;
}
.contact22{
	width:auto;
	text-align:center;
	font-size:2em;
	letter-spacing:0 4px;
	font-weight:400;
	font-stretch:condensed;
	margin:50px 0;
	text-transform:uppercase;
}
/* Thirds */
div.thirds {
	padding:0;

}

div.one-third {
	width: 30%;
	float: left;
	margin-right: 5%;

}

div.one-third-last {
	margin: 0;
}

.slogan {
	padding:0;
	margin:0 0 40px 0;
	font-size:2em;
	font-weight:100;
	color:#00c8c4;
	text-transform:uppercase;
}
/* Main Column */
.main{
	height:auto;
	width:100%;
	padding:20px 0 0 0;
}


.newmain{
	height:auto;
	width:100%;
	padding:0;
	margin:50px 0;
}
.newmain1{
	height:auto;
	width:100%;
	padding:0;
	margin:0;
}
.newmaintier3{
	height:auto;
	width:100%;
	padding:0;
	background-color:blue;
}
.vspacer{
	margin:30px 0;
}

.tier3col1{
	clear:both;
	float:left;
	height:auto;
	width:15%;
	padding:0;
	margin:0;
	background-color:aqua;
}

.tier3col2{
	clear:none;
	float:left;
	height:auto;
	width:85%;
	padding:0;
	margin:0;
	background-color:yellow;
}
/* Side Column */
div.side {
	width: 30%;
	float: left;
}

/* Info Box */
div.info-box-a {
	padding: 20px;
	font-size: 13px;
	margin: 0 0 15px 0;
}

div.info-box-b {
	padding: 20px;
	font-size: 13px;
	margin: 0 0 15px 0;
}

/* Partner Logos*/
.partners{
	height:auto;
	width:100%;
	padding:50px 0 50px 0;
	background-color:#FFF;
}

/* Survey*/
.blackframe{
	height:auto;
	width:100%;
	padding:0;
	margin:0;
	background-color:#000;
	background-image:url(../img/marketflow.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/* Test Wrapper*/

.wraphead90 { 
	padding:0;
	margin:10px 0 0 0;
	background-color:#fff;
}

.wrapper { 
  overflow:hidden;
  font-size:1.5em;
}

.wrapper div {
   min-height: 200px;
   padding: 10px 0 0 0;
}

.wrapper1 { 
  overflow:hidden;
  background-color:#000;
  color:#FFF;
  font-size:1.5em;
  padding:100px 0;
}

.wrapper1 div {
   min-height: 200px;
   padding: 10px 0 0 0;

}

.wrapper3 { 
  overflow:hidden;
  font-size:1.5em;

}

.wrapper3 div {
   min-height: 200px;
   padding: 10px 0 0 0;
}

.wrapper4 { 
  overflow:hidden;
  font-size:1.5em;

}

.wrapper4 div {
   min-height: 200px;
   padding: 0;
}
#one {
  float:left; 
  margin:0;
  padding:0;
  width:600px;

}
#two { 
  overflow:hidden;
  margin:0;
  padding:0 60px 100px 0;
  max-height:auto;
  min-width:300px;
  text-align:center;
}

#six {
  float:left; 
  margin:0;
  padding:0;

}

#seven { 
  overflow:hidden;
  margin:0;
  padding:0 60px 0 0;
  max-height:auto;
  min-width:300px;
  font-size:1.1em;
  text-align:center;
}
.twobox {
	margin:60px 0 0 10px;
	padding:0;
	max-width:700px;
	font-weight:100;
	min-height:auto;
	text-transform:uppercase;
}
.threebox {
	margin:40px 0 40px 10px;
	padding:0;
	max-width:700px;
	font-weight:100;
	font-size:2.1em;
	min-height:auto;
}
.fourbox {
	margin:0 0 0 10px;
	padding:0;
	max-width:700px;
	min-height:auto;
	text-align:left;
}
.fivebox {
	margin:0 0 0 100px;
	padding:0;
	max-width:580px;
	font-weight:300;
	font-size:.6em;
	min-height:auto;
	text-align:left;
}
#six {
  float:left; 
  margin:0;
  padding:0;
  width:700px;

}
/* Marketing*/
.markhomeframe{
	clear:none;
	float:left;
	height:auto;
	width:100%;
	padding:0;
	margin:0;
}



.marketframe{
	height:auto;
	width:100%;
	padding:0;
	background-position: left;
}


.markproductframe{
	overflow:hidden;
    padding: 200px 0;
    background-color: #0a1c37;
    background-image: url(../img/FindLogoOutline.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 50% 20%; 

}

.markproductbox{
	margin:0;
	padding:40px 0 70px 0;
	width:auto;
	height:auto;
	line-height:40px;
	text-align:right;
	color:#FFF;
	font-weight:100;
	font-size:2.2em;
}


.investframe{
	max-height:500px;
	width:100%;
	padding:0;
	margin:0;
	background-color:#000;
	background-image:url(../img/marketinvest.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.investbox{
	margin:0 100px 0 400px;
	padding:80px 0 0 0;
	width:auto;
	height:500px;
	line-height:40px;
	text-align:right;
	color:#FFF;
	font-weight:100;
	font-size:2.9em;
}
/* Footer */
div.footer {
	padding:80px 0 90px 0;
	margin: 0;
	text-align: center;
	background-color:#000;
	color:#FFF;
	text-transform:uppercase;

}

div.footer ul {
	margin: 0;
	padding: 0;
}

div.footer ul li {
	float: none;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:300;
	font-size: 1.2em;
	list-style-type:none;
	display:inline;

}

div.footer ul li a:link,
div.footer ul li a:visited {
	display:inline-block;
	text-decoration:none;
	padding:0;
	margin:4px 10px;
	border:none;
	color:#FFF;

}

.tag{
	clear:both;
	float:left;
	text-align:center;
	width:100%;
	height:auto;
	padding:5px 15px 0 15px;
	margin:0;
	color:#FFF;
	font-size:.8em;
	background-color:#333;
}

.taglogo{
	width:auto;
	margin: 30px 0;
}

.tagtext{
	padding:0;
	margin:0 0 15px 0;
	font-size:1.2em;
	font-weight:100;
	color:#CBCBCB;

}

.adpocket {
    background-repeat: no-repeat;
    background-image: url(../img/pocket.jpg);
    background-size: cover;
    background-position: center top;
	width:auto;
	min-height: 65%;
	text-align:center;
	margin:0 0 80px 0;
	padding:0;
	background-color:#686b74;


}




.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


@media screen and (max-width: 990px) {
	
	a.sitebtn2, a.sitebtn2:link, a.sitebtn2:visited, a.sitebtn2, a.sitebtn2:link, a.sitebtn2:visited {

 	 padding: 2.5% 20.0%;

}
 	a.sitebtn2:hover{

 
}

/* Footer */
div.footer {
	padding:80px 0 90px 0;
	margin: 100px 0 0 0;
	text-align: center;
	background-color:#000;
	color:#FFF;
	text-transform:uppercase;

}

div.footer ul {
	margin: 0;
	padding: 0;
}

div.footer ul li {
	float: none;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:300;
	font-size: 1em;
	list-style-type:none;
	display:inline;

}

div.footer ul li a:link,
div.footer ul li a:visited {
	display:inline-block;
	text-decoration:none;
	padding:0;
	margin:4px 10px;
	border:none;
	color:#FFF;

}

	.hr {
	clear: both;
	border: 0;
	height: 2px;
	width: 100%;
	margin: 70px auto;
	height:1px;
	text-align: center;
	white-space: pre-wrap;
	overflow: hidden;
	background-color:#EEE;
}

	.tronbox {
	padding:80px 0 0 0;
	margin:0;
}
	.tronbox2 {
	padding:80px 0 0 0;
	margin:0;
}

    div.one-third {
	    width: 47.5%;
    }

    div.one-third-second {
	    margin: 0;
    }

    div.one-third-last {
	    clear: both;
	    float: none;
	    width: auto;
	    padding: 20px 0 0 0;
    }

    .section-inner div.logo {
		width: 20%;
		min-width: 20%;
		float: left;
		text-align: left;
	    border-bottom: 1px solid None;

    }

    .section-inner div.logo img {
		height: auto;
		margin: 10px 0 0 5px;
    }

    .section-inner div.nav {
		width: 80%;
		float: right;
    }
    
    div.nav ul li {
	    width: 20%;
	    border-bottom: 1px solid None;
    }
    
    div.nav ul li a:link,
    div.nav ul li a:visited {
	    display: block;
	    padding: 15px 20px;
	    margin:0;
	    width:auto;
	    height:auto;
	    vertical-align:bottom;
	    text-decoration: none;
	    color: #FFF;
	    border:none;
	    text-align:center;
	    text-transform:uppercase;

    }

    /* Header */
    .header {


    }
	
	h1 {
	    font-size:4em;
		line-height:.9em;

    }

    h4 {
	    font-size:1.2em;
	    font-weight:200;
	    text-transform:uppercase;
	    text-align:center;
	    color:#FFF;
    }
        body {
	    font-family: 'Source Sans Pro', sans-serif;
	    padding:0;
	    margin:0;
	    color:#000;
	    background-color:#FFF;
	    background-repeat:no-repeat;
    }


.logo{
	float:left;;
	padding:0;
	margin:0px 320px 0px 2px;
}
	
	
	.headerproduct {
    width: 100%;
    height: 100%;

}
	.headerabout {
	width: 100%;
    height: 100%;

}
	.headerpartner {
	width: 100%;
    height: 100%;

}
	.headerproduct {
	    width: 100%;
    height: 100%;

}

    .desknav{
	    clear:none;
	    float:right;
	    width:100%;
	    margin:0;
	    padding:0;
	    text-align:right;
	
    }
	
    .thirdspacer {
	    margin:25px;
	    }
	
    .tronbox {
	    margin:0;
		padding-bottom:20px;
		height:auto;
    }
    .tronimg1{
	    clear:both;
	    min-width:100%;
	    float:left;
	    margin:0;
	    padding:11% 0 0 0;
	    text-align:center;
    }
    .tronimg2{
	    min-width:100%;
	    clear:none;
	    float:left;
	    margin:0;
    }
	.topspacehome {
	    padding:0;
	    margin:0;
    }
    .sitebtnbox {
	    clear:both;
	    margin:15px 0;
	    padding:5% 0 0 0;
	    text-align:center;
    }
    .sitebtnbox2 {
	    clear:both;
	    margin:0;
	    padding:0;
	    text-align:center;
    }

    .sitebtnbox3 {
	    clear:both;
	    margin:0;
	    padding:30px 0 0 0;
	    text-align:center;
	    font-size:.5em;
    }
    .markhomeimage {
	    float:left;
	    padding:0;
	    margin:0;
	    height:auto;
	    width:auto;
    }

    .markproductframe{
	    overflow:hidden;
		padding: 200px 0;
		background-color: #0a1c37;
		background-image: url(../img/FindLogoOutline.png);
		background-size: 90%;
		background-repeat: no-repeat;
   		background-position: 30% 5%; 
    }
    .markproductbox{
	    margin:0;
	    padding:0;
	    width:100%;
	    min-height:200px;
	    line-height:40px;
	    text-align:left;
	    color:#FFF;
	    font-weight:100;
	    font-size:2.2em;
    }
	
.wrapper { 
  padding: 20px 0 20px 0;
}

.wrapper1 { 
  padding: 200px 0 100px 0;
}

.platformscreen {
	text-align:center;
	margin:100px 0 0 0;
}
    #one { 
        float: none;
        margin:0;
        width:auto;
        border:0;
	    text-align:center;
      }
	
    #two { 
      overflow:hidden;
      margin:0;
      padding:20px 10px;
      min-height:auto;
      font-weight:100;
      font-size:1em;
      text-align:center;
    }
	#six {
        float: none;
        margin:0;
        width:auto;
        border:0;
	    text-align:center;
	}
	#seven { 
      overflow:hidden;
      margin:0;
      padding:20px 10px;
      min-height:auto;
      font-weight:100;
      font-size:1.1em;
      text-align:center;
    }
    .investbox{
	    margin:0;
	    padding:110px 20px 0 20px;
	    width:auto;
	    height:500px;
	    line-height:40px;
	    text-align:center;
	    color:#FFF;
	    font-weight:100;
	    font-size:2.2em;
    }
    .markproductbox{
	    margin:0;
	    padding:0px 20px 0 20px;
	    width:auto;
	    height:500px;
	    line-height:40px;
	    text-align:center;
	    color:#FFF;
	    font-weight:100;
	    font-size:1.8em;
    }
    .twobox {
	    margin:0 0 0 10px;
	    padding:0 0 0 0;
	    max-width:700px;
	    height:auto;
	    font-weight:200;
    }
    .threebox {
	    margin:40px 0 40px 10px;
	    padding:0;
	    max-width:700px;
	    font-weight:100;
	    font-size:1.4em;
	    min-height:auto;
    }
    .fourbox {
		margin:0 0 0 10px;
		padding:0;
		max-width:700px;
		min-height:auto;
		text-align:left;
    }
	.fivebox {
		margin:0 0 0 10px;
		padding:0;
		max-width:700px;
		font-weight:300;
		font-size:.6em;
		min-height:auto;
		text-align:center;
	}
    .homesubtext {
	    font-size:1.8em;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
		padding: 10px 0 40px 0;
	    line-height:26px;
    }
    .aboutsubtext {
	    font-size:1.8em;
	    font-weight:200;;
	    text-align:center;
	    line-height:normal;
	    padding: 5px 0 40px 0;
	    line-height:26px;
    }
    .productsubtext {
	    font-size:1.8em;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
	    padding: 10px 0 40px 0;
	    line-height:26px;
    }
    .investsubtext {
	    font-size:1.8em;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
	    padding: 10px 0 40px 0;
	    line-height:26px;
    }
	
	.left {
		
	}
	
	.right {
		
	}
}

@media screen and (max-width: 640px) {
	
    div.nav ul li {
		width: 20%;
    }
	
    .logo{
	    float:left;
	    width:50px;
	    padding:0;
	    margin:0;
	    text-align:center;
    }

	.hamburgerbox {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}


    h1 {
	    font-size:3em;
		line-height:.9em;
    }
	
	h5 {
		font-size:1em;
		font-weight:400;
		text-shadow:A 0 0 20px;
	}

    .bodysection-inner {
	    max-width: 1100px;
	    padding: 0 25px;
	    margin: 0;
    }


    .aboutsubtext {
	    font-size:1.2em;
	    font-weight:100;
	    text-align:center;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .productsubtext {
	    font-size:1.2em;
	    font-weight:100;
	    text-align:center;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .investsubtext {
	    font-size:1.2em;
	    font-weight:100;
	    text-align:center;;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .twobox {
	    margin:0 0 0 10px;
	    padding:0;
	    max-width:700px;
	    font-weight:100;
	    min-height:auto;
	    text-transform:uppercase;
    }
    .threebox {
	    margin:40px 0 40px 10px;
	    padding:0;
	    max-width:700px;
	    font-weight:100;
	    min-height:auto;
    }
	.sitebtnbox {
	    clear:both;
	    margin:0;
		padding: 33% 0 0 0;
	    text-align:center;
    }
	
	
	.profilepic {
	padding: 0;
	text-align:center;
	}


}



@media screen and (max-width: 550px) 
{
    .header { height: 60px; }
    .header .section-inner { position: relative; } 
    .section-inner div.logo {
        display: none;
    }

    .section-inner div.mobile-logo 
    {
        display: inline-block; 
		width: 100%;
		min-width: 100%;
		float: none;
		clear: both;
		text-align: center;
	    border-bottom: 1px solid None;
	    position: absolute;
	    top: 0;
	    z-index: 2;
    }

    .section-inner div.logo img {
		height: 26px;
		margin: 10px 0 0 0;
    }

    .section-inner div.nav 
    {
        position: absolute;
        display: inline-block; 
		width: 100%;
		float: none;
		clear: both;
    }
    .section-inner div.nav.show-nav  
    {
        top: 55px;
        height: 151px;
		transition: top .75s;

    }
    .section-inner div.nav.hide-nav 
    {
        top: -300px;
        height: 151px;
		transition: top 1s;
    }
    
    div.nav ul li {
		width: 100%;
		font-size: 1.4em;
		height:auto;
		border-bottom-color:#666;
		border-bottom: 1px solid #454F6B;
		border-width:thin;
    }
    
    div.nav ul li a:link,
    div.nav ul li a:visited {
	    display: block;
	    padding: 12px 40px;
	    margin:0;
	    width:auto;
	    height:auto;
		font-weight:lighter;
	    vertical-align:bottom;
	    text-decoration: none;
	    color: #FFF;
	    border:none;
	    text-align:left;
	    text-transform:uppercase;
		background-color:#000;
    }
	
	 div.nav ul li a:hover {

		background-color:#fe600a;
    }
	
	div.mobile-collapse {
		width: auto;
		float: none;
		margin-right: 0;
	}
	
	.hide-mobile {
		display: none;
	}
    .aboutsubtext {
	    font-size:2em;
		padding:0 0 45px 0;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .productsubtext {
	    font-size:2em;
		padding:0 0 45px 0;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .investsubtext {
	    font-size:2em;
		padding:0 0 45px 0;
	    font-weight:200;
	    text-align:center;
	    line-height:normal;
	    text-shadow: 0 0 20px;
	    line-height:30px;
    }
    .tronimg2{
	    min-width:100%;
	    clear:none;
	    float:left;
	    margin:0;
	    padding:0;
	    text-align:center
    }
	
	.top120_2 {
	    padding:40px 0 0 0;
	    margin:0;
    }
     a.sitebtn{
      color: #FFF;
      background-color: none;
      border: 1px solid #FFF;
      opacity:0.9;

    }
}


body.gradaboutus {
	background: -webkit-linear-gradient( 170deg, #000, #1f1f1f, #000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( 170deg, #000, #1f1f1f, #000 ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( 170deg, #000, #1f1f1f #000  ); /* For Firefox 3.6 to 15 */
	background: linear-gradient( 170deg, #000, #1f1f1f, #000 ); /* Standard syntax */
}

body.gradproducts {
	background: -webkit-linear-gradient( 160deg, #000, #1f1f1f, #000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( 160deg, #000, #1f1f1f, #000 ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( 160deg, #000, #1f1f1f #000  ); /* For Firefox 3.6 to 15 */
	background: linear-gradient( 160deg, #000, #1f1f1f, #000 ); /* Standard syntax */
}

body.gradinvestor {
	background: -webkit-linear-gradient( 150deg, #000, #1f1f1f, #000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( 150deg, #000, #1f1f1f, #000 ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( 150deg, #000, #1f1f1f #000  ); /* For Firefox 3.6 to 15 */
	background: linear-gradient( 150deg, #000, #1f1f1f, #000 ); /* Standard syntax */
}

body.gradcareers {
	background: -webkit-linear-gradient( 140deg, #000, #1f1f1f, #000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( 140deg, #000, #1f1f1f, #000 ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( 140deg, #000, #1f1f1f #000  ); /* For Firefox 3.6 to 15 */
	background: linear-gradient( 140deg, #000, #1f1f1f, #000 ); /* Standard syntax */
}
body.gradcontact {
	background: -webkit-linear-gradient( 80deg, #000, #1f1f1f, #000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( 80deg, #000, #1f1f1f, #000 ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( 80deg, #000, #1f1f1f #000  ); /* For Firefox 3.6 to 15 */
	background: linear-gradient( 80deg, #000, #1f1f1f, #000 ); /* Standard syntax */
}
body.gradsub1 {
	background: -webkit-linear-gradient( 178deg, #000, #000 ); /* For Safari 5.1 to 6.0 */

}



body.size50 {
	background-size:100% 50px;
}

body.size700 {
	background-size:100% 800px;
}
body.size500 {
	background-size:100% 440px;
}