﻿@font-face {
    font-family: "Futura";
    src: url('font/futura_book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Futura";
    src: url('font/futura_bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Futura";
    src: url('font/futura_extra_black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
  font-family: "Futura";
  src: url("font/futura_medium_italic.eot");
  src: url("font/futura_medium_italic.eot?#iefix") format("embedded-opentype"),
  url("font/futura_medium_italic.woff2") format("woff2"),
  url("font/futura_medium_italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}


*
{
	box-sizing: border-box;
}
p
{
	padding:0px !important;
	margin: 0px !important;
}
body
{
	margin:0;
	padding:0;
	font-family: "Futura", Arial, Helverica, Sans-serif;
}
.wrapper
{
	width:70%;
	overflow:hidden;
	margin:auto;
}
.middleText
{
	width:70%;
	overflow:hidden;
	margin:auto;
}
.middleText2
{
	width:86%;
	overflow:hidden;
	margin:auto;
}
.secondD
{
	float:left;
	width:70%;
	margin-top:25px;
}
.secondD img
{
	width:70%;
}
.navbar
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;	
}
.brand-title
{
	margin: .5rem;
}
.navbar-links ul
{
	margin:0;
	padding:0;
	display:flex;
}
.navbar-links li
{
	list-style:none;
}
.navbar-links li a
{
	text-decoration:none;
	color: #034694;
	padding:1rem;
	display:block;
}
.navbar-links li:hover
{
	background-color:#034694;
}
.navbar-links li a:hover
{
	color:#ffffff !important;
}
.toggle-button
{
	position: absolute;
	top: .95rem;
	right: 1rem;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width:30px;
	height:21px;
	
}
.toggle-button .bar
{
	height:3px;
	width:100%;
	background-color:#000000;
	border-radius:10px;
}

.divClickHere
{
	overflow:hidden;
	background:#BFBFBF;
	padding:10px 20px;
	margin-bottom:40px;
	margin-top:40px;
}
.divClickHere .already
{
	color:#A54786;
	font-size:2.5vw;
	font-weight:500;
	
}
.divClickHere .clickHere
{
	color: #ffffff;
	font-size:3vw;
	font-weight:500;
}
.divClickHere2
{
	overflow:hidden;
	background:#BFBFBF;
	padding:10px 20px;
	margin-bottom:40px;
	margin-top:40px;
}
.divClickHere2 .already
{
	color:#A54786;
	font-size:2.5vw;
	font-weight:500;
	
}
.divClickHere2 .clickHere
{
	color: #ffffff;
	font-size:3vw;
	font-weight:500;
}

.stepGuide
{
	overflow:hidden;
	background:#BFBFBF;
	padding:20px 40px;
	margin-bottom:40px;
}
.stepGuide p
{
	font-family: "Futura", Arial, Helverica, Sans-serif;
	color: #A54786;
	font-size:2vw;
	font-weight:500;
	
}
.divNotes
{
	
		overflow:hidden;
}

.divClickHereSecond
{
	overflow:hidden;
	background:#D0D0D0;
	padding:20px 5px 30px 15px;
	margin-top:35px !important;
	float:left;
	width:90%;
}
.divClickHere span,.divClickHereSecond span
{
	color:#C00000;
	font-size: 28.0pt;
    font-family: "Futura", Arial, Helverica, Sans-serif;
	font-weight:700;
}
.divClickHere ul, .divClickHereSecond ul
{
	text-decoration:none !important;
}
.divClickHere li, .divClickHereSecond li
{
	color:#C00000;
	font-size: 20.0pt;
    font-family: "Futura", Arial, Helverica, Sans-serif;
	font-weight:700;
	text-decoration:none !important;
}
.bookDiv
{
	background-image: url('images/heading_bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed; 
  background-size: 100% ;
	overflow:hidden;
	margin-bottom:15px;
}
.wrapper2
{
	width:75.5%;
	overflow:hidden;
	margin:auto;
}
.bookDiv h1
{
	font-size:3.5vw;
	font-weight:bold;
	font-family: "Futura", Arial, Helverica, Sans-serif;
	padding:0;
	margin:0 0 15px 0;
}
.bookDiv h1 a
{
	text-decoration:none;
	color:#A54786;
	-webkit-text-stroke: 1px #ffffff;
}
.imageText
{
	overflow:hidden;
	float:left;
	width:28%;
	margin-left:65px;
}
.bookImage
{
	overflow:hidden;
	float:left;
}

.bookText
{
	overflow:hidden;
	text-align:left !important;
	padding-left:.6rem;
}
.textWhite
{
	color:#000000;
	font-size:2.5vw;
font-weight:500;
	-webkit-text-stroke: 0px #fff;
	margin-top:-10px !important;
	padding-top:-10px !important;

	
}
a
{
	text-decoration:none;
	color:red;
}
.textOrange
{
	color:#000000;
	font-size:1.5vw;

}
.textWhite2
{
	color:#ffffff;
	font-size:2vw;
}
.textOrangeBig
{
	color:#A54786;
	font-weight:bold;
	font-size:4vw;
	
}
.divNotes .firstText
{
	font-weight:500;
	font-size:2.5vw;
}
.content .firstText
{
	font-weight:600;
	font-size:1vw;
	padding-left:-15px;
	background:red;
}
.leftD
{
	float:left;
	width:100%;
	margin-right:8px;
}
.rightD
{
	float:left;
	width:90%;
	display:none;
	background:#D0D0D0
}
.rightDd
{
	float:left;
	width:100%;
}
.imageD
{
	float:left;
	overflow:hidden;
	margin: 10px;
}
.leftD img
{
	float:left;
}
p
{
	font-size:18px;
}
.rightD .firstText
{
	font-weight:bold;
	font-size:18.0pt;
}
.pHeading
{
	background:#D0D0D0;
	padding: 10px 5px;
	border-radius:.4rem;
	cursor:pointer;
	font-size:25px !important;
	text-align:center;
	width:90%;
}
.form
{
	float:left;
	margin-top:25px;
	border:1px solid #000;
	padding:10px;
	font-family: "Futura", Arial, Helverica, Sans-serif;
	width:53%;
}
.promiseMessage
{
	width:18%;
	float:left;
	margin-left:15px;
	font-size: 16.0pt;
	font-family: "Futura", Arial, Helverica, Sans-serif;
	padding-top:45px;
	font-weight: 500;
  font-style: italic;
}
.formHeading
{
	font-size:32px;
	font-weight:500;
	font-family: "Futura", Arial, Helverica, Sans-serif;
}

.checkbox_span 
{ 
	border:2px solid transparent; 
	font-size:1.2vw;
}

.flashElement { border:2px solid #FF0000; }
input[type=text].flash { border:2px solid #FF0000; }

input[type=text]
{
	width:99%;
	height:38px;
	border-radius:.4rem;
	border:1px solid #808080;
	padding-left:7px;
	margin-bottom:10px;
}
input[type=submit]
{
	width:99%;
	height:45px;
	border:none;
	font-size:2vw;
	font-weight:500;
	background:#000000;
	color:#ffffff;
	cursor:pointer;
}
label
{
	color: #808080;
	font-size:18px;
}
.form p 
{
	background: #D0D0D0;
	padding: 15px 20px !important;
}
.content ul
{
	list-style-type: square;
	font-size: 11.0pt;
}
.content ul li:first-of-type {
    list-style: none;
    margin-left: -1em;
   font-weight:600;
}
.collapsible {
  background:#ffffff;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size:2vw;
  font-weight:600;
}

.collapsible:hover {
  background-color: #555;
  color:#ffffff;
}

.content {
  padding: 15px 35px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
.need
{
	font-size:2vw;
  font-weight:bold;
}
.imgprofile
{
	width:14%;
}
.imgsdo
{
	margin-right:40px;
	width:14%;
}
.imgfundsdata
{
	width:14%;
}
.footer
{
	margin-top:10px;
}
.footer p
{
	font-size:.9vw;
	font-family: "Arial", Sans-serif;
}
.footerimages
{
	margin:7px 0;
}
.footer hr
{
	border: 1px solid #DCDCDC;
}
.footer a
{
	color: #C0C0C0;
}
.footerlink a
{
	color:blue;
}
@media (max-width: 768px)
{

	.wrapper
        {
	width:100%;
	margin:0;
    }
	.middleText
	{
		width:100%;
	    margin:0;
	}
	.middleText2
	{
		width:100%;
	    margin:0;
	}
	.divClickHere
	{
		width:100%;
	}
	.divClickHereSecond
	{
		width:100%;
	}
	.pHeading
	{
		width:100%;
		text-align:left;
	}
	.promiseMessage
	{
		width:100%;
		margin-left:0;
	    padding-top:10px;
	}
	.toggle-button
	{
		display:flex;
		
	}
	.navbar-links
	{
		display: none;
		width:100%;
	}
	.navbar
	{
		flex-direction:column;
		align-items:flex-start;
	}
	.navbar-links ul
	{
		width:100%;
		flex-direction:column;
	}
	.navbar-links li
	{
		text-align: center;
	}
	.navbar-links li a
	{
		padding: .5rem 1rem;
	}
	.navbar-links.active
	{
		display: flex;
	}
	
	.divNotes
	{
		width:100%;
	}
	.leftD
	{
		width:100%;
		padding:0 4px;
	}
	.imageD
	{
		width:100%;
	}
	.secondD
	{
		width:100%;
	}
	.imageText
	{
		margin-left:0;
	}
	.form
	{
		width:100%;
		padding:0 4px;
	}
	input[type=submit]
	{
	font-size:20px;	
    }
	.rightD
	{
		width:100%;
		padding:0 4px;
	}
}


.info { font-size:35px; text-align:center; width:100%;}
.infosmall { text-align:center; width:100%; padding-top:30px;}
.bookCode { font-size:35px; color:#FD610B; font-weight:bold; border:1px solid black; border-radius:5px; background-color:#E0E0E0; padding:3px;}