﻿@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_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;
}
a
{
	text-decoration:none;
}
body
{
	margin:0;
	padding:0;
	font-family: "Futura", Arial, Helverica, Sans-serif;
}
.wrapper
{
	width:85%;
	overflow:hidden;
	margin:auto;
}
.middleText
{
	width:70%;
	overflow:hidden;
	margin:auto;
}
.middleText2
{
	width:83%;
	overflow:hidden;
	margin:auto;
}
.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;
}
.bookDiv .downloadText
{
	font-size: 5vw;
	font-weight: bold;
	font-family: "Futura", Arial, Helverica, Sans-serif;
	color: #A54786;
	-webkit-text-stroke: 1px #ffffff;
}
.bookDiv img
{
	margin:15px;
}
.profileText
{
	color: #A54786;
	font-size:3.2vw;
	
}
.mediaText
{
	font-size:2.3vw;
	padding-bottom:25px !important;
}
.editionText
{
	font-size:4vw;
	font-weight:bold;
	color:#A54786;
	
}
.offerText
{
	color:#ffffff;
	font-size:2.3vw;
	padding-bottom:30px !important;
}
.essential p
{
	font-size: 5vw;
	font-family: "Futura", Arial, Helverica, Sans-serif;
	color: #181717;
}
.essential
{
	margin-bottom:40px;
}

.divClickHere
{
	overflow:hidden;
	background:#BFBFBF;
	padding:20px 20px;
	margin-bottom:40px;
}
.divClickHere .already
{
	color:#A54786;
	font-size:4.5vw;
	font-weight:500;
	margin-bottom:10px !important;
}
.divClickHere .clickHere
{
	color: #ffffff;
	font-size:4.3vw;
	font-weight:500;
}
.divClickHere2
{
	overflow:hidden;
	background:#BFBFBF;
	padding:20px 20px;
	margin-bottom:40px;
}
.divClickHere2 .already
{
	color:#A54786;
	font-size:4.5vw;
	font-weight:500;
	margin-bottom:10px !important;
}
.divClickHere2 .clickHere
{
	color: #ffffff;
	font-size:4.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:3.5vw;
}
.image
{
	margin-bottom:40px;
}
.secondD
{
	margin-bottom:40px;
}
.form
{
	border:1px solid #000000;
	padding:10px;
	margin-bottom:15px;
}
.form p
{
	font-size:5.7vw;
	padding-bottom:12px !important;
}
#feedbackbox
{
	font-size:3.5vw;
}
.bookDiv
{
	background-image: url('images/heading_bg.jpg');
	background-repeat: no-repeat;
	
  background-size: 100% 100%;
	overflow:hidden;
	margin-bottom:15px;
}
.promise
{
	font-family: "Futura", Arial, Helverica, Sans-serif;
	padding-bottom:40px !important;
}

.checkbox_span { border:2px solid transparent; }

.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 #feedbackbox
{
	background: #D0D0D0;
	padding: 15px 20px !important;
}
.content ul
{
	list-style-type: square;
	font-size: 1.5vw;
}
.firstText
{
	font-weight:bold;
	font-size:2vw;
}
.need
{
	font-size:2vw;
  font-weight:bold;
}
.collapsible {
  background:#ffffff;
  color: #000000;
  cursor: pointer !important;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size:2vw;
  font-weight:bold;
}

.collapsible:hover {
  background-color: #555;
  color:#ffffff;
  cursor: pointer !important;
}

.content {
  padding: 55px 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
.moreInformation
{
	margin-bottom:40px;
}

/* .collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) *
  font-size: 13px;
  color: #000000;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) *
} */
/* Footer style */
.imgprofile
{
	width:14%;
}
.imgsdo
{
	margin-right:10px;
	width:14%;
}
.imgfundsdata
{
	width:14%;
}
.footer p
{
	font-size:2vw;
}
.footerimages
{
	margin:7px 0;
}
.footer hr
{
	border: 1px solid #DCDCDC;
}
.footer a
{
	color: blue;
}
.content ul li:first-of-type {
    list-style: none;
    margin-left: -1em;
   font-weight:600;
}

@media (max-width: 768px)
{
	.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;
	}
	.bookDiv .downloadText
	{
		font-size: 6.5vw;
	}
	.bookDiv img
	{
		width:35%;
	}
	.profileText
	{
		color: #000000;
		font-size:4.5vw;
	}
	.mediaText
	{
		font-size:3.5vw;
		padding-bottom:10px !important;
	}
	.editionText
	{
		font-size:6vw;
		
	}
	.offerText
	{
		font-size:3.5vw;
		padding-bottom:20px !important;
	}
	.divClickHere .clickHere
	{
		font-size:6vw;
	}
	.divClickHere2 .clickHere
	{
		font-size:6vw;
	}
	.stepGuide p
	{
		font-size:4.5vw;
		font-weight: 500;
	}
	.need
	{
	  font-size:5vw;
	}
	.collapsible
	{
		font-size:4.5vw;
	}
	.firstText
	{
		font-size:4.2vw;
	}
	.content ul
	{
		font-size:1vw;
	}
	input[type=submit]
	{
		font-size:5vw;
	}
	
}

.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;}