@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato');

/* BEGIN - Bootstrap Overrides */
/*******************************/
@media (min-width: 800px){

.col-md-9 {
	max-width:100%!important; width: 100%!important; padding:0px!important;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   	float: left!important; padding:0px!important;
}
}/* END - Bootstrap Overrides */

/* External forms overides */
html{
	background: url("images/Background_Youngest_Millionaires.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#3f4366;
}

body {
	font-family:"Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12pt;
	line-height:18pt;
	color:#333;
	background-color:transparent;
}

a:link{
	font-family: Segoe UI Light, Segoe UI, Arial, sans-serif;	
	font-weight:normal;
	text-decoration:none;
	color:#0000ff;
}

a:visited{
	color:#0000ff;
}

a:hover{
	color:#FFC107;
}


footer a:link{
	font-family: Segoe UI Light, Segoe UI, Arial, sans-serif;	
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

footer a:visited{
	color:#ffffff;
}

footer a:hover{
	color:#FFC107;
}



p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:20px;
}

.intro-para{
	font-size:16pt;
	line-height:22pt;
}

.larger-text{
	font-size:larger;
}

h1{
	font-size:22pt;
	line-height:32pt;
	color:#000000;
	margin-bottom:10px;
	margin-top:0px;
	text-align:left;
	width:50%;
}

h2{
	color:#000000;
	font-size:20pt;
	line-height:28pt;
	margin-bottom:30px;
	margin-top:0px;
	text-align:left;	
}

h3{
	color:#000000;
	font-size:16pt;
	line-height:24pt;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:30px;		
	text-align:left;
}

h4{
	font-size:14pt;
	color:#0085c8;
}

.one-third h3{
	font-size:14pt;
	line-height:20pt;
	color:white;
	margin-top:0px;
	margin-bottom:30px;
}

.bio h2{
	color:white;
	font-size:18pt;
}


blockquote{
	width:54%;
	border-left:5px solid #6b708c;
	background-color:#d1d3d4;
	margin-left:0px;
	padding:20px;
}

img{
	border:1px solid black;
}

.img-jetsons{
	width:40%;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

.img-featured{	
	width:40%;
	height:auto;
	border:none;
	position:absolute;
	top:50px;
	right:60px;
}


.img-broken-retail{
	border:none;
	position:absolute;
	width:25%;
	top:50px;
	right:10%;
}

.img-body{
	width:100%;
	height:auto;
	float:left;
}



.phototable{
	width:20%;
	float:left;
	font-style:italic;
	font-size:11pt;
	margin-right:30px;
}


.float-right{
	float:right;
	margin-left:30px;
	margin-right:0px;
}

.img-float{
	width:36%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}

.img-side-column{
	width:100%;
	height:auto;
}

.book{
	border:none;
	width:17%;
	float:right;
	position:absolute;
	right:10%;
	top:40px;
}

.book-in-body{
	border:none;
	width:200px;
	margin:auto;
}

.container-book-in-body{
	margin-top:50px;
	margin-bottom:-60px;
	text-align:center;
}

li{
	padding-left:5px;
	margin-left:-45px;
}

.by-line{
	color:#0085c8;
	font-size:14pt;
	font-style:italic;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:20px;
}

.innervision{
	position:relative;
	width:90%;
	min-width:500px;
	max-width:1100px;
	margin:auto;
	margin-top:20px;
	background-color:rgba(255,255,255,0.95);
	padding-left:40px;
	padding-right:40px;
	margin-bottom:30px;
	box-shadow:0 0 20px #333;
}

.columns{
    column-count: 1;	
    column-gap: 60px; 	
    margin-top:20px;
    margin-bottom:50px;
}

header{
	padding:50px;
	background-color:white;
	display:block;
	overflow:auto;
	margin-bottom:30px;
	margin-left:-40px;
	margin-right:-40px;
	background: url("") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

	border-top:15px solid #8796a6;
	border-bottom:1px solid #8796a6;	
}

article{
	padding:20px;
	display:block;
	overflow:auto;
}

footer{
	clear:both;
	font-size:14pt;
	background-color:#363636;
	text-align:center;
	padding:20px;
	display:block;
	overflow:auto;	
	margin-left:-40px;
	margin-right:-40px;
}

.two-thirds{
	width:60%;
	display:block;
	overflow:auto;	
}

.one-third{
	font-size:11pt;
	line-height:16pt;
	background-color:#7c96bb;
	color:white;
	width:30%;
	display:block;
	overflow:auto;
	text-align:left;
	margin-left:5%;
	margin-bottom:20px;

	border-top:2px solid #56739a;
	border-bottom:1px solid #56739a;	
}

.one-third h2{
	color:white;
}

.full-display-sidebar{
	display:block;
}

.mobile-display-sidebar{
	display:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.logo{
	width:270px;
	max-width:300px;
	height:auto;
	margin-left:-10px;
	border:0px!important;
}

.bio-heading{
	font-size:16pt;
	font-weight:bold;
	margin-bottom:30px;
}

.bio{
	clear:both;
	background-color:#7c96bb;
	font-size:12pt;
	color:white;
	padding:20px;
	margin:20px;
	margin-top:0px;
	display:block;
	overflow:auto;

	border-top:2px solid #56739a;
	border-bottom:1px solid #56739a;
}


.photo-container-table{
	width:120px;
	float:left;
	margin-right:30px;
	margin-top:5px;
	margin-bottom:0px;
	font-style:italic;
	text-align:center;
}

.green-marker{
	background-color:#17ff00;
}

.yellow-marker{
	background-color:yellow;
}

.photo{
	width:100%;
	height:auto;
	margin-bottom:5px;
	border:1px solid black;
}

.photo-quote{
	color:#fff;
	font-size:10pt;
}

.label{
	font-size:12pt!important;
}

input, select, textarea{
	color:#27338b;	
	font-family: Segoe UI Light, Segoe UI, Arial, sans-serif;	
	font-size:12pt;
	width:90%;
	min-height:30px;
	margin-top:10px;
	padding-left:5px;
}

.graph{
	width:58%;
	border:1px solid black;	
}

.firstcharacter {
  float: left;
  font-size: 80px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 0px;
}

ol{
	margin-left:40px;
}


.part-header h3{
	background-color:#7c96bb;
	color:white;
	padding:10px;
	text-align:center;
	margin-top:80px;
}

iframe{
	margin-bottom:30px;
}


/****** Open & Close Section ******/
/**********************************/

h6{
	font-size:13pt;
	color:#ff8100;
	font-weight:normal;
	margin-top:-20px;
	cursor:pointer;
	z-index:100;
	text-align:center;
	margin-top:0px;
}


h6:hover{
	color:#0085c8;
}

.article-container {
	overflow: hidden;
	margin-bottom:-50px;
	clear:both;
}

.section div.article-container{
	max-height: 0;
	transition: all 0.5s ease-in-out;
	opacity: 0.5;
}

.section.open div.article-container{
	max-height: 2000px;
	opacity: 1;
	margin-bottom:-20px;	
}

.section{
	position:relative;
	margin-top:30px;
}

.section1{
	margin-top:-20px;
}

.section1-mobile{
	display:none;
}

.section.open h6{
	position:absolute;
	bottom:-100px;
	width:100%;	
}

.section.open{
	padding-bottom:0px;
	margin-bottom:100px;
}

.section h6::before {
	content: ">> Read More <<";
}

.section.open h6::before {
	content: ">> Show less <<";
}

.fade-out {
  position: relative;
  display:block;
  overflow:auto;
  overflow-x:hidden;
}

.fade-out:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(255, 255, 255, 0) 50%, rgb(249, 251, 252) 90% );
}

.section.open .fade-out:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(255, 255, 255, 0) 50%, rgba(249, 250, 247) 90% );
  opacity:0;
}


.section hr{
	margin-top:40px;
	margin-bottom:40px;
}

.section1 hr{
	margin-top:0px;
}

.section.open hr{
	position:relative;
	top:50px;
}

.section5 hr{
	display:none;
}


.section5.open h6{
	bottom:-80px;
}



/************************************/
/************************************/


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 960px){

body{
	font-size:11pt;
}

.innervision{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
}

h1{
	width:100%;
}

h2{
	font-size:18pt;
}

h3{
	font-size:12pt;
	line-height:16pt;
}

.logo{
	width:250px;
}

header{
	padding:50px;
	overflow:auto;
	margin-bottom:30px;
	margin-left:-20px;
	margin-right:-20px;	
}

footer{
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:0px;
}

.graph{
	width:55%;
}

.book{
	border:none;
	width:21%;
	float:right;
	position:absolute;
	right:10%;
	top:40px;
}

.img-broken-retail{
	border:none;
	position:absolute;
	width:35%;
	top:50px;
	right:5%;
}

.columns{
    column-count: 1;	
}

.title{
	display:block;
	overflow:auto;
}

.img-featured{	
	border:none;
	position:relative;
	right:initial;
	top:initial;
	width:100%;
}






} /* END - Media for Tablets */


/************************************/
/************************************/


/* BEGIN - Media for Smart Phones   */
/************************************/
@media (max-width: 600px){

html{
	background: url("");
	background-color:white;
}

body{
	font-size:11pt;
	margin:0px;
}

h1{
	font-size:20pt;
	line-height:26pt;
	margin-bottom:30px;
}

h2{
	font-size:16pt;
	line-height:22pt;
}

.bio h2{
	font-size:16pt;
}

h3{
	font-size:14pt;
	line-height:20pt;
}

.by-line{
	margin-left:0px;
	margin-bottom:20px;
	margin-top:-20px;
}


.innervision{
	margin:0px;
	width:100%;
	min-width:0px;
	max-width:100%;
	padding:0px;
}

.title{
	margin-bottom:-30px;
	overflow:hidden;
}

header{
	margin:0px;
	padding:30px;
}

.logo{
	width:50%;
	max-width:300px;
}

article{
	padding:10%;
}

.bio{
	font-size:inherit;
	padding:5%;
	margin:50px;
	margin-bottom:-40px;
	margin-top:0px;
}

.photo-container-table{
	width:100px;
	float:left;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
}

.full-display-sidebar{
	display:none;
}

.mobile-display-sidebar{
	display:block;
	background-color:#7c96bb;
	color:white;
	margin-bottom:20px;
}

footer{
	margin:0px;
	padding-bottom:40px;
	margin-top:-60px;
}

.graph{
	width:100%;
}

blockquote{
	width:90%;
	padding:20px;
}

.img-featured{
	width:100%;
	height:auto;
}

.book{
	border:none;
	width:40%;
	float:initial;
	position:relative;
	left:30%;
	margin-bottom:30px;
}

.container-book-in-body{
	margin-top:50px;
	margin-bottom:-60px;
	text-align:center;
}

.mobile-display-sidebar h3{
	color:white;
	margin-top:0px;
	margin-bottom:30px;
}

.img-broken-retail{
	border:none;
	position:relative;
	width:55%;
	top:0px;
	right:initial;
	left:27%;
}



.phototable{
	width:30%;
}

.img-body{
	width:100%;
}


} /* END - Media for Smart Phones  */