/***************************/
/*         General         */
/***************************/
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}

.imgzoom{
	cursor:zoom-in;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    width:100px;
}



.page-body h1 {
  text-align: center;
  padding-bottom: 30px;
  font-weight: 600;
}

.big-text {
  text-align: center;
  margin-left: 50px;
  margin-right: 50px;
  font-weight: 400;
}

@media screen and (min-width:700px) {
  .page-body h4 {
  padding-left: 50px;
  padding-bottom: 0px;  
}
.mright50{
	margin-right:50px;
}

.page-body p {
  text-align: justify;
  line-height: 1.5;
  padding: 0px 50px;
}
.page-bodyllc h1 {
  text-align: center;
  padding-bottom: 30px;
  font-weight: 600;
}

.page-title {
  margin-left: 50px;
  margin-right: 50px;
  margin-top:50px;
  
}
}

@media screen and (max-width:699px) {
 .page-body h4 { 
  padding-bottom: 0px;
  padding:0px 10px;
}

.page-body p {
  text-align: justify;
  line-height: 1.5;
  padding:0px 10px;
  
}

.page-title {
  margin-left: 50px;
  margin-right: 50px;
  text-align:center;  
  margin-bottom:25px;
}
}

@media screen and (min-width:700px) {
  .page-body-login h4 {
  padding-left: 50px;
  padding-bottom: 0px;  
}
.mright50{
	margin-right:50px;
}

.page-body-login p {
  text-align: justify;
  line-height: 1.5;
  padding: 0px 50px;
}
.page-body-login h1 {
  text-align: center;
  padding-bottom: 30px;
  font-weight: 600;
}

.page-title-login {
  margin-left: 50px;
  margin-right: 50px;
  margin-top:50px;
}
}

@media screen and (max-width:699px) {
 .page-body-login h4 { 
  padding-bottom: 0px;
  padding:0px 10px;
}

.page-body-login p {
  text-align: justify;
  line-height: 1.5;
  padding:0px 10px;
  
}

.page-title-login {
  margin-left: 50px;
  margin-right: 50px;
  text-align:center;
  margin-top:50px;
  padding-bottom:50px;
}
.page-body-login .body-ol{padding:0px;padding-top:20px;margin:0px;}
}

.gen-img {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  max-width: 500px;
}

#gold-text {
  display: block;
  padding-top: 30px;
  padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 1000px;
}




/* .body-ul li:before {
  content: "•";
} */

.body-ol {
  padding: 0;
  margin: 0;
}



@media screen and (min-width:700px) {
	.body-ul {
  padding: 0;
  margin: 0;
}
  .page-body {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 100px;
    margin-right: 100px;
  }
  
  .page-body-login {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 100px;
    margin-right: 100px;
  }
  
  .page-bodyllc {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 100px;
    margin-right: 100px;
  }
  
  .body-ol li {
  list-style: inherit;
  list-style-position: inside;
  text-align: justify;
  line-height: 1.5;
  padding-left: 50px;
  padding-right: 50px;
}

  .hide-mobile{
	display:none;	
  }
  .show-desktop{
	display:block;	
  }
  .body-ul li {
  text-align: justify;
  line-height: 1.5;
  margin-left: 100px;
  margin-right: 100px;
}
}

@media screen and (max-width:699px) {
	.body-ul {
  padding: 0;
  margin: 0 20px;
}
  .page-body {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: -30px;
    margin-right: -30px;
  }
  
  .page-body-login {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .page-bodyllc {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .hide-desktop{
	display:none;	
  }
  .show-mobile{
	display:block;	
  }
  .body-ol li {
  list-style: inherit;
  list-style-position: inside;
  text-align: justify;
  line-height: 1.5;
  padding-left: 20px;
  padding-right: 20px;
}
.body-ul li {
  text-align: justify;
  line-height: 1.5;
 
}
}

/***************************/
/*         Header          */
/***************************/
@media screen and (min-width:1023px) {
  .header {
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
    background-color: white;
    box-shadow: 0px 5px 10px 0px gray;
  }

  .logoContainer img {
    width: 200px;
    margin-top: 22px;
  }

  .innerHeader {
    width: 100%;
    height: 100%;
    display: block;
    background-color: white;
    padding-left: 150px;
  }

  .headerNavigation {
    font-family: 'Open Sans', sans-serif;
    float: right;
    height: 100%;
  }

  .headerNavigation a {
    height: 100%;
    display: table;
    float: left;
    padding: 0px 20px;
  }

  .headerNavigation a li {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
  }

  .headerNavigation a li:hover {
    color: gray;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
  }

  .hamburgerMenu {
    display: none;
  }

  .hamburgerNavigation {
    display: none;
  }

  .bigButtons {
    float: right;
    padding: 40px 40px;
    height: 10px;
    cursor:pointer;
  }

  .logIn {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #0054A6 0%, #0098F2 75%, #008DD2 100%);
    box-shadow: 1px 1px 5px 0px gray;
  }

  .logIn:hover {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
    box-shadow: 1px 1px 5px 0px gray, inset 0px 0px 10px -5px white;
  }

  .logIn:active {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
    box-shadow: inset 1px 1px 10px 0px #606060;
  }

  .signUp {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 110px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 75%, #FFDC5A 100%);
    box-shadow: 1px 0px 5px 0px gray;
  }

  .signUp:hover {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 110px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 50%, #FFEA56 75%, #FFDC5A 100%);
    box-shadow: 1px 0px 5px 0px gray, inset 0px 0px 10px -5px white;
  }

  .signUp:active {
    height: 10px;
    display: table;
    float: right;
    padding: 10px 20px;
    margin-left: 20px;
    margin-right: 110px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 50%, #FFEA56 75%, #FFDC5A 100%);
    box-shadow: inset 1px 1px 10px 0px gray;
  }
}

@media screen and (max-width:1023px) {
  .header {
    width: 100%;
    height: 65px;
    display: block;
    overflow: hidden;
    background-color: white;
    box-shadow: 0px 5px 10px 0px gray;
  }

  .logoContainer img {
    width: 150px;
    margin: 5px;
  }

  .hamburger {
    float: right;
    padding: 13px 20px;
  }

  .hamburger div {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
  }

  .headerNavigation {
    display: none;
  }

  .hamburgerMenu {
    display: none;
    width: 100%;
    background-color: white;
    box-shadow: 0px 5px 10px 0px gray;
  }

  .hamburgerNavigation {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    color: black;
    text-align: right;
    padding: 20px;
    line-height: 2;
  }

  .hamburgerNavigation a:active {
    font-family: 'Open Sans', sans-serif;
    color: gray;
  }

  .bigButtons {
    display: none;
    cursor:pointer;
  }
}

.pageTitle {}

/***************************/
/*          Footer         */
/***************************/
.footer {
  margin-top: 50px;
  display: block;
  width: 100%;
#  height: 100%;
  background-color: #6A6A6A;
  box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
}



@media screen and (min-width:640px) {
  .footerNavigation {
    padding: 20px;
    padding-left: 100px;
    padding-right: 100px;
    margin-left: auto;
    margin-right: auto;
#    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
#    height: 100%;
    width: 85%;
    color: white;
  }
 #crumbs{padding-top:15px;margin-bottom:-15px;font-size:12px;} 
.center-ul{
	width:27%;
	margin-left:auto;
	margin-right:auto;
}
  .footerNavigation td {
    padding: 0px 20px;
  }

  .small-nav {
    display: none;
  }
}

@media screen and (max-width:639px) {
	#crumbs{padding-top:15px;padding-bottom:15px;font-size:12px;}
  .footer {
    width: 100%;
    
    background-color: #6A6A6A;
    box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
  }
.center-ul{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
  .footerNavigation {
    display: none;
  }

  .small-nav {
    text-align: center;
    background-color: #6A6A6A;
    border: none;
    outline: none;
    color: white;
    padding: 20px 50px;
    font-family: inherit;
    margin: 0;
  }

  .down-caret {
    width: 0;
    height: 0;
    display: inline-block;
    border: 5px solid transparent;
    border-top-color: white;
  }

  .small-nav-list {
    font-weight: lighter;
    line-height: 2;    
  }

  .copyright {
    padding-top: 0px;
  }
}

.copyright {
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: smaller;
  font-weight: 300;
  background-color: #6A6A6A;
  color: white;
}

/***************************/
/*      To Top Button      */
/***************************/
#to-top-button {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgb(0, 0, 0, 0);
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  font-size: 18px;
}

.up-caret {
  width: 0;
  height: 0;
  display: inline-block;
  border: 10px solid transparent;
  border-bottom-color: black;
}

.up-caret:hover {
  width: 0;
  height: 0;
  display: inline-block;
  border: 10px solid transparent;
  border-bottom-color: #555;
}

/***************************/
/*     Text Box General    */
/***************************/


.text-box-gen {
  width: auto;
  height: auto;
  margin: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}

@media screen and (min-width:700px) {
  .text-box-gen p {
    padding-top: 0px;
  }
  
  .text-box-gen {
  width: auto;
  height: auto;
  margin: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
.text-box-gen-login p {
    padding-top: 0px;
  }
  .text-box-gen-login {
  width: auto;
  height: auto;
  margin: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;  
  text-align:center;
}
}

@media screen and (max-width:699px) {
  .text-box-gen p {
    padding-top: 0px;
   
  }
  
  .text-box-gen {
  width: auto;
  height: auto;
  margin: 40px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
.text-box-gen-login p {
    padding-top: 0px;
    margin-left: -30px;
    margin-right: -30px;
  }
  .text-box-gen-login {
  width: auto;
  height: auto;
  margin: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;  
  text-align:center;
}
}

.box-header-gen {
  width: auto;
  height: 50px;
  border-radius: 15px;
  margin-bottom: 20px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 75%, #008DD2 100%);
}

.box-header-gen h5 {
  font-weight: 400;
  font-size: 15px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  text-align: center;
  color: white;
}

.para-bold {
  font-weight: bolder;
}

/***************************/
/*        Text Box 1       */
/***************************/
.text-box1 {
  width: auto;
  height: auto;
  margin: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}

.text-box1 p {
  padding-top: 10px;
}

.box-header1 {
  width: auto;
  height: 40px;
  border-radius: 15px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 75%, #008DD2 100%);
}

.box-header1 h5 {
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: white;
}

.column1 {
  float: left;
  width: 50%;
  padding: 0px;
  height: auto;
}

.column1 p {
  font-size: 20px;
  text-align: left;
}

.column2 {
  float: right;
  width: 50%;
  padding-left: 0px;
  height: auto;
  font-size: larger;
  text-align: right;
}

.column2 p {
  font-size: 20px;
  text-align: right;
}

.row1:after {
  content: "";
  display: table;
  clear: both;
}

.column3 {
  float: left;
  width: 50%;
  padding: 0px;
  height: auto;
}

.column3 p {
  font-size: 20px;
  text-align: left;
}

.column4 {
  float: right;
  width: 50%;
  padding-left: 0px;
  height: auto;
  font-size: larger;
  text-align: right;
}

.column4 p {
  font-size: 20px;
  text-align: right;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

/***************************/
/*      Text Box Gold      */
/***************************/


@media screen and (min-width:700px) {
 .text-box-gold {
  width: auto;
  height: auto;
  margin: 50px;
  padding: 2px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
#helpful_links{
	text-align:center;
}
.helpful_links_link{float:left;width: 25%;padding-bottom: 15px;}
}

@media screen and (max-width:699px) {
  .text-box-gold {
  width: auto;
  height: auto;  
  padding: 2px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
  margin-bottom:20px;
}
#helpful_links{
	margin-left:auto;margin-right:auto;width:75%;
}
.helpful_links_link{width: 100%;padding-bottom: 15px;}
.dollars{
	text-align:center;
}
}

.text-box-gold-inner {
  width: auto;
  height: auto;
  margin: 10px;
  padding: 20px;
  background-color: white;
  border: 2px solid;
  border-image-source: linear-gradient(to top, #FFB300 0%, #FFEA56 75%, #FFDC5A 100%);
  border-image-slice: 1;
}

.text-box-gold-inner ul {
  text-align: center;
  font-size: 15px;
}

.text-box-gold-inner column1 {
  float: left;
  width: 50%;
  padding: 0px;
  height: auto;
}

.text-box-gold-inner column1 li {
  font-size: 20px;
  text-align: left;
}

.text-box-gold-inner column2 {
  float: right;
  width: 50%;
  padding-left: 0px;
  height: auto;
  font-size: larger;
  text-align: right;
}

.text-box-gold-inner column2 li {
  font-size: 20px;
  text-align: right;
}

.text-box-gold-inner row1:after {
  content: "";
  display: table;
  clear: both;
}

/***************************/
/*  General Yellow Button  */
/***************************/
.gen-yellow-button {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 75%, #FFDC5A 100%);
  box-shadow: 1px 0px 5px 0px gray;
  cursor:pointer;
  margin-bottom:25px;
}

.gen-yellow-button:hover {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 50%, #FFEA56 75%, #FFDC5A 100%);
  box-shadow: 1px 0px 5px 0px gray, inset 0px 0px 10px -5px white;
  cursor:pointer;
  margin-bottom:25px;
}

.gen-yellow-button:active {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #FFB300 0%, #FFEA56 50%, #FFEA56 75%, #FFDC5A 100%);
  box-shadow: inset 1px 1px 10px 0px gray;
  cursor:pointer;
  margin-bottom:25px;
}

.gen-yellow-button-disclaimer {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, gray 0%, gray 75%, gray 100%);
  box-shadow: 1px 0px 5px 0px gray;
  cursor:pointer;
  margin-bottom:25px;
}

.gen-yellow-button-disclaimer:hover {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, gray 0%, gray 50%, gray 75%, gray 100%);
  box-shadow: 1px 0px 5px 0px gray, inset 0px 0px 10px -5px white;
  cursor:pointer;
  margin-bottom:25px;
}

.gen-yellow-button-disclaimer:active {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, gray 0%, gray 50%, gray 75%, gray 100%);
  box-shadow: inset 1px 1px 10px 0px gray;
  cursor:pointer;
  margin-bottom:25px;
}

/***************************/
/*   General Blue Button   */
/***************************/
@media screen and (min-width:700px) {
.gen-blue-button {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 75%, #008DD2 100%);
  box-shadow: 1px 1px 5px 0px gray;
  cursor:pointer;
}

.gen-blue-button:hover {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  box-shadow: 1px 1px 5px 0px gray, inset 0px 0px 10px -5px white;
  cursor:pointer;
}

.gen-blue-button:active {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  box-shadow: inset 1px 1px 10px 0px #606060;
  cursor:pointer;
}
}
@media screen and (max-width:699px) {
	.gen-blue-button {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 75%, #008DD2 100%);
  box-shadow: 1px 1px 5px 0px gray;
  cursor:pointer;
  margin-bottom:50px;
}

.gen-blue-button:hover {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  box-shadow: 1px 1px 5px 0px gray, inset 0px 0px 10px -5px white;
  cursor:pointer;
  margin-bottom:50px;
}

.gen-blue-button:active {
  height: 10px;
  display: table;
  padding: 10px 20px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  box-shadow: inset 1px 1px 10px 0px #606060;
  cursor:pointer;
  margin-bottom:50px;
}
}
/***************************/
/*    LLC Email Updates    */
/***************************/
.blue-box h2 {
  color: white;
  font-weight: 600;
  text-align: center;
}

@media screen and (min-width:700px) {
  .blue-box p {
    color: white;
    text-align: center;
  }
  .blue-box {
  padding: 20px;
  width: auto;
  height: auto;
  margin-left: 50px;
  margin-right: 50px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
}

@media screen and (max-width:699px) {
  .blue-box p {
    
    color: white;
    text-align: center;
  }
  .blue-box {
  padding: 20px;
  width: auto;
  height: auto;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
}


@media screen and (min-width:640px) {
  .text-box2 {
    background-color: white;
    border-radius: 4px;
    padding: 2px;
  }

  .blue-row1 {
    margin-bottom: 0px;
  }

  .text-box2-field {
    outline: none;
    width: 70%;
    border: none;
    font-size: 15px;
    padding: 8px;
  }

  .blue-column1 {
    float: left;
    width: 50%;
    margin-left: 50px;
    margin-right: 0px;
    margin-top: 0px;
  }

  .blue-column2 {
    float: right;
    width: 40%;
  }

  .blue-row1:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width:639px) {
  .text-box2 {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 40px;    
    border-radius: 4px;
    padding: 2px;
    box-shadow: 1px 0px 5px 0px gray;
  }

  .text-box2-field {
    outline: none;
    width: 70%;
    border: none;
    color: #888;
    font-size: 15px;
    padding: 10px;
  }

  .blue-box a {
    margin-top: -20px;
  }

  .blue-box a:hover {
    margin-top: -20px;
  }

  .blue-box a:active {
    margin-top: -20px;
  }

  .blue-column1 {
    width: 100%;
    margin-left: 0 auto;
  }

  .blue-column2 {
    width: 100%;
    margin-left: 0 auto;
  }
}

/***************************/
/*   Contact Me Anytime    */
/***************************/
.blue-box1 {
  padding: 20px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  height: auto;
  margin-left: 50px;
  margin-right: 50px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}

@media screen and (min-width:640px) {
  .text-box3 {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    padding: 2px;
    box-shadow: 1px 0px 5px 0px gray;
  }

  .text-box3-field {
    outline: none;
    resize: none;
    width: 70%;
    border: none;
    color: #888;
    font-size: 15px;
    padding: 10px;
  }

  .text-area1-field {
    outline: none;
    resize: none;
    width: 95%;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: #888;
    font-size: 15px;
    padding: 10px;
  }

  .blue-column3 {
    float: left;
    width: 50%;
  }

  .blue-column4 {
    float: right;
    width: 50%;
  }

  .blue-row2:after {
    content: "";
    display: table;
    clear: both;
  }

  .blue-column5 {
    width: 100%;
  }

  .blue-row3:after {
    content: "";
    display: table;
    clear: both;
  }

  .blue-column6 {
    width: 100%;
  }

  .blue-row4:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width:639px) {
  .text-box3 {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 4px;
    padding: 2px;
    box-shadow: 1px 0px 5px 0px gray;
  }

  .text-box3-field {
    outline: none;
    resize: none;
    width: 70%;
    border: none;
    color: #888;
    font-size: 15px;
    padding: 10px;
  }

  .text-area1-field {
    outline: none;
    resize: none;
    width: 95%;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: #888;
    font-size: 15px;
    padding: 10px;
  }

  .blue-column3 {
    float: left;
    width: 100%;
  }

  .blue-column4 {
    float: right;
    width: 100%;
  }

  .blue-row2:after {
    content: "";
    display: table;
    clear: both;
  }

  .blue-column5 {
    width: 100%;
  }

  .blue-row3:after {
    content: "";
    display: table;
    clear: both;
  }

  .blue-column6 {
    width: 100%;
  }

  .blue-row4:after {
    content: "";
    display: table;
    clear: both;
  }
}
}

/***************************/
/*     Sign Up Today...    */
/***************************/
@media screen and (max-width:768px) {
  .FAQ-column1 {
    float: left;
    margin-right: 50px;
    width: 50%;
  }

  .FAQ-column2 {
    margin-right: 50px;
    width: 50%;
  }

  .FAQ-row1:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width:767px) {
  .FAQ-column1 {
    float: left;
    width: 50%;
  }

  .FAQ-column2 {
    float: right;
    width: 49%;
  }

  .FAQ-row1:after {
    content: "";
    display: table;
    clear: both;
  }
}

/***************************/
/*       Mindfulness       */
/***************************/
.mindful-column1 {
  float: left;
  width: 40%;
}

.mindful-column2 {
  float: right;
  width: 40%;
}

.mindful-row1 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  margin-right: 50px;
}

.mindful-row1:before {
  content: "";
  display: table;
  clear: both;
}

.mindful-row1:after {
  content: "";
  display: table;
  clear: both;
}

.mindful-box1 {  
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}


@media screen and (min-width:700px) {
  #mindful_image{
	display:block;padding-top:30px;padding-bottom:30px;margin-left:auto;margin-right:auto;width:75%;max-width:500px;
}
}

@media screen and (max-width:699px) {
  #mindful_image{
	float: right; max-width: 300px; width: 40%; margin-right: 50px; margin-left: 30px;
}
}

.mindful-box1:after {
  content: "";
  display: table;
  clear: both;
}

.mindful-img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/***************************/
/*    Statistical Test     */
/***************************/

@media screen and (min-width:700px) {
 .num-box-blue {
  z-index: -1;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  height: auto;
  min-height: 65px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 30px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
}

@media screen and (max-width:699px) {
  .num-box-blue {
  z-index: -1;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  height: auto;
  min-height: 65px;  
  margin-bottom: 30px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  border-radius: 15px;
  box-shadow: 0px 5px 5px 0px gray;
}
}


.num-box-num {
  padding-left: 25px;
  padding-top: 15px;
  color: white;
  float: left;
  font-size: 40px;
}

.num-box-num-10 {
  padding-left: 12.25px;
  padding-top: 15px;
  color: white;
  float: left;
  font-size: 40px;
}

.num-box-white {
  position: relative;
  z-index: 1;
  padding: 20px;
  width: auto;
  height: autopx;
  margin-left: 70px;
  margin-right: 0px;
  background-color: white;
  border-radius: 15px;
}

@media screen and (min-width:700px) {
  .num-box-white p {
    text-align: justify;    
  }
}

@media screen and (max-width:699px) {
  .num-box-white p {
    text-align: justify;
   
  }
}

/***************************/
/*     Position Sizing     */
/***************************/
.black-line {
  width: auto;
  height: 5px;
  background-color: black;
  margin: 20px 0;
}

.shares-to-buy-img {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

/***************************/
/*          About          */
/***************************/
.about-banner {
  z-index: -1;
  position: relative;
  width: 100%;
  max-width: none;
  max-height: none;
  margin-top: 10px;
  margin-bottom: 50px;
  box-shadow: 0px 5px 5px 0px gray;
}

.about-img2 {
  margin-bottom: 50px;
  box-shadow: 0px 5px 5px 0px gray, inset 10px 10px 50px black;
}

/***************************/
/*           Home          */
/***************************/
@media screen and (min-width:850px) {
  .home-img-left-eric {
    margin-top: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-about-img {
    left: 50%;
    margin-left: -51vw;
    margin-right: -50vw;
    max-width: 102vw;
    position: relative;
    right: 50%;
    width: 102vw;
  }

  .home-box {
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    box-shadow: 0px 5px 5px 0px gray;
    border-radius: 10px;
   
  }

  .home-img-left {
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-img-right {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-column1 {
    float: left;
    width: 50%;
  }

  .home-column2 {
    float: right;
    width: 50%;
  }

  .home-column3 {
    float: right;
    width: 50%;
  }

  .home-column4 {
    float: left;
    width: 50%;
  }

  .home-column5 {
    float: left;
    width: 50%;
  }

  .home-column6 {
    float: right;
    width: 50%;
  }

  .home-row:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width:849px) {
  .home-about-img {
    left: 50%;
    margin-left: -51vw;
    margin-right: -50vw;
    max-width: 102vw;
    position: relative;
    right: 50%;
    width: 102vw;
  }

  .home-img-left-eric {
    margin-top: -50px;
    margin-bottom: -10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-img-left {
    margin-top: -30px;
    margin-bottom: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-img-right {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
  }

  .home-column1 {
    float: left;
    width: 100%;
  }

  .home-column2 {
    float: right;
    width: 100%;
  }

  .home-column3 {
    float: right;
    width: 100%;
  }

  .home-column4 {
    float: left;
    width: 100%;
  }

  .home-column5 {
    float: left;
    width: 100%;
  }

  .home-column6 {
    float: right;
    width: 100%;
  }

  .home-row:after {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 50px;
  }
}

/***************************/
/*  My Favorit Books and   */
/***************************/
.favorite-blue {
  dislay: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-top: 30px;
  background-image: linear-gradient(to top, #0054A6 0%, #0098F2 50%, #0098F2 75%, #008DD2 100%);
  box-shadow: 0px 5px 5px 0px gray, inset 0px 5px 5px 0px rgba(75, 75, 75, 0.5);
}

.people {
  display: block;
}



.person-left {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  box-shadow: 0px 5px 5px 0px gray;
  border-radius: 10px;
  max-width: 750px;
}

.person-left:after {
  content: "";
  display: table;
  clear: both;
}

.person-right {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  box-shadow: 0px 5px 5px 0px gray;
  border-radius: 10px;
  max-width: 750px;
}

.person-right:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width:700px) {
	
	.person-box {
  margin-left: 50px;
  margin-right: 50px;
}

  .person-name-right {
    float: left;
    font-size: 40px;
    font-weight: 400;
  }

  .person-name-left {
    float: right;
    font-size: 40px;
    font-weight: 400;
  }

  .person-copy {
    margin-top: 50px;    
  }
  
  .person-pic-right {
  width: 200px;
  float: right;
  margin-left: 30px;
  margin-top: 30px;
}

.person-pic-left {
  width: 200px;
  float: left;
  margin-right: 30px;
  margin-top: 30px;
}
}

@media screen and (max-width:699px) {
	
	.person-box {
  
}

  .person-name-right {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
  }

  .person-name-left {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
  }

  .person-copy {
    margin-top: 0px;    
    margin-bottom: 10px;
  }
  
  .person-pic-right {
  width: 200px;  
  margin-right:auto;
  margin-left:auto;
  margin-top: 30px;
  display:block;
}

.person-pic-left {
  width: 200px;  
  margin-right:auto;
  margin-left:auto;
  margin-top: 30px;
  display:block;
}
}





/***************************/
/* Guide for Using Options */
/***************************/
@media screen and (min-width:700px) {
  .gufo-example {
    width: 80%;
    display: block;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width:699px) {
  .gufo-example {
    width: 95%;
    display: block;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

/***************************/
/*  Historical Performance */
/***************************/
@media screen and (min-width:800px) {
  .hist-img {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width:799px) {
  .hist-img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}


.col-sm-3 {
    width: 25%;


.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.col-sm-5{
	width:50%;float:right;margin-right:100px;
}