@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
body, html {
	font-weight: 400;
	font-style: normal;	 
	font-family: 'Poppins', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #1c424d;
}
*{font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Poppins', sans-serif;}
ul, li{ font-family: 'Poppins', sans-serif; font-size:17px;}
p {
		font-size: 17px;
		line-height:1.8;
}
a {
	color: #5b777f;
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #f1c40f;
}
header{text-align:center;}
.mainHeader{
	padding-top:0px;
 
	min-height:768px;
	color:#333;
	
		position:relative;
}
 
.logo{ display:inline-block; width:300px; margin-bottom:50px; margin-top:0px;  }
.smallTitle{   display:inline-block; padding:0px; margin:0px; height:52px; }
.smallTitle span{  font-weight:700; font-size:36px;  display:inline-block; color:#22408b;  line-height:52px; }

.mainTitle{margin-bottom:15px;  }
.mainTitle { font-size:58px; line-height:1.4; font-weight:700;}

.subtitle{ font-weight:600; font-size:22px;}
.reportListing{ padding:0px !important; margin-top:20px;display:flex;flex-wrap:wrap; border-radius: 15px;}
.reportListing li{ font-weight:600; display:flex; align-items: flex-start; width:50%; font-size:18px; margin-bottom:15px; padding-right:30px; }
.reportListing li img{ width:30px; margin-right:10px; margin-top:2px;}
footer{ text-align:center; padding:50px 0px; position:relative; }
 
footer:before{
	content:"";
	width:100px;
	height:2px;
	background-color:#ccc;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-50px;
	display:block;
}
footer p{ margin-bottom:0px; font-size:16px;}
.mtop30{ margin-top:30px;}
.mbottom{ margin-bottom:30px;}
.hs-error-msgs li{ text-align:left;}
.hs-error-msgs li:marker{ display:none !important;}
::marker {display:none !important;}

.titleAni { 
   overflow: hidden;    
  }
.titleAni span {
    display: inline-block; 
    animation: byBottom 1s ease both; 
    
  }
.titleAni span:last-child {
    animation: byBottom 1s 0.25s ease both;
}
.titleAni span a {
    position: relative;
    display: inline-block;
    margin-left: 0.5rem;
    text-decoration: none;
    color: #f7ca18;
  }
.titleAni span a::after {
    content: "";
    height: 2px;
    background-color: #f7ca18;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    animation: linkAfter 0.5s 1s ease both;
  }
  @-moz-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-o-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-moz-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-o-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-moz-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @-webkit-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @-o-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }

.arrows{ position: absolute;
   bottom: -60px;
    left: 50%;
    margin-left: -16px;
    width: 32px;}
  
.arrows path {
	stroke: #ef8922;
	fill: transparent;
	stroke-width: 2px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.middleSection{
	padding-top:150px;
	text-align:center;
}
.sectionTitle{ font-size:34px; font-weight:700; margin-bottom:20px; line-height:1.6;  padding-bottom:20px; position:relative; 
color:#1e4387; text-align:center; }
.sectionTitle:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:100px;
	height:6px;
	background:#ec8823;
	left:50%;
	margin-left:-50px;
	border-radius:100px;	
}

 .lotsMore{
	 
	  font-weight:600; text-align:center;
 }
 .ptop0{ padding-top:0px !important;}
 .geteBookBox{
	 border-radius:15px;
	 background:#1d4486;
	 box-shadow:0px 10px 50px rgba(0,0,0,0.2);
	padding:25px 35px 40px 35px;
	width:100%;
	text-align:ceter;
	 
 }
 .geteBookBox input[type=text], 
 .geteBookBox select,
 .geteBookBox input[type=email]
 {
	background: transparent;
	outline: none;
    border: solid 2px #798eb9!important;
    height: 50px;
    width: 100% !important;
    border: none;
	color:#fff;
    border-radius: 10px;
    padding: 0px 15px;
}

.geteBookBox input[type=text]:focus, 
.geteBookBox select:focus,
.geteBookBox input[type=email]:focus{
	background: transparent;
	 border: solid 2px #798eb9!important;
 }
 .geteBookBox select option{ color:#000 !important;}
 .hs-error-msg{ font-size:14px; color:#ff0000}
 .geteBookBox input[type=submit]{
	    height: 60px;
    width: 100%;
	margin-top:20px !important;
	  border-radius: 10px;
    padding: 0px 15px;
	font-size:18px;
	font-weight:600;
	background-color:#ed8822;
	color:#fff;
	border:none;
 }
 .getfreeeBook{
	 
	background-image:url('../images/form-bg.jpg');
	background-position:center top;
	background-repeat:no-repeat;
    background-size: cover; 
	position:relative;
 }
 .textLeft{
	 text-align:left; 
 
padding-right: 40px !important;
 }
 
 .dashleft:before{
	 left:0px;
	 margin-left:0px;
 }
 img{ width:auto; max-width:100%;}
 .whiteText{ color:#fff; line-height: 1.4; }
 
 
 ::placeholder {
  color: #fff;
  opacity:0.5;  
}

:-ms-input-placeholder { 
   color: #fff;
  opacity:0.5;  
}

::-ms-input-placeholder {  
   color: #fff;
  opacity:0.5;  
}
.titleBookFlex{ 
    display: flex;    
    align-items: center;
    text-align: left;
}
.titleBookFlex img{ width: 180px; margin-top: -80px; margin-left:-30px;}

.geteBookBox p{ font-size: 18px; font-weight: 600; color: #fff; margin-top: 25px; margin-bottom: 30px; }	
.eBookFeature{padding:15px;display:flex; flex-wrap:wrap; width:100%;  border-radius:20px; margin-right:15px;  height:100%; }
.eBookFeature p strong{ display:block; margin-bottom:10px; font-size:20px;}
.eBookFeature p{ margin:0px; font-size:16px; line-height:1.6;}
.featureInfo{ width:70%; padding-left:15px;}
.textCenter{text-align:center;}
.flexWrap{ /*display:flex; flex-wrap:wrap; */}
.featureIcon{ width:80px;}
.featureIcon img{ width:100%;}
.purpleBG{ background-color:#f1e9f9;  }
.greenBG{ background-color:#eaf6e6; }
.blueBG{ background-color:#e7ebff; }
.redBG{ background-color:#ffeaec; }
.flexWrap .col-lg-6{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


.purpleBG p strong{ color:#7123c5;}
.greenBG p strong{color:#35a908;}
.blueBG p strong{ color:#153dff;}
.redBG p strong{ color:#fe2f49;}

.dashleft{text-align:left; font-size:32px;}
.geteBookBox{ padding:25px;     padding-bottom: 40px;}
.bookHeader{ display: flex;
 align-items:center;
    justify-content: center;}
	.ColRight{ text-align:left; width:60%;}
	 .ColLeft{ width:40%; }
	
	.mainTitle{ font-size:48px; text-align:left;}
	



/* Parallax */

.mainHeader{ min-height:auto;}
.bookBG{ position:relative; /* background-image:url('../images/bgblur.png');*/ background-repeat:no-repeat; background-position:right top;  background-size:container;}

.mainHeader:before{
	content:'';
	background-image:url(../images/)
}
.logo{ float:left;}
.flexHeader{
	display: flex;
    align-items: center;
    justify-content: center;
	
}
#parallax {
  position: relative;
  width: 60%;
  height: 100vh;
 /*  background-image:url(../images/floatingbook.png);   url(../images/frontIcons.png), , url(../images/backIcons.png)*/
  background-repeat: no-repeat;
  background-size:container;
  background-position: center;
  background-position: 50% 50%;
}
.smallTitle{ margin-bottom:0px;}
.mobileView{
	display:none;
}
.subIntro{
 font-weight:400; font-size:19px;line-height:1.8; 
}
/*
.bookBG .parallax:before{
		content:"";
		position:absolute;
		top:0px;
		left:50%;
		width:250px;
		height:350px;
		z-index:0;
		display:block;
		background: rgb(30,66,133);
		background: linear-gradient(117deg, rgba(30,66,133,1) 0%, rgba(239,137,33,1) 100%);
	
}
.bookBG .parallax img{
	position:relative;
	z-index:1;
}*/
.bookBG{
	background:#e9e9e9;
}
.mainHeader{
	padding:20px;
	width:100%;
	float:left;
}
.headerBlock{
	width: 100%;
    background: #fff;
    border-radius: 35px;
    float: left;
    position: relative;
    padding-bottom: 100px;
	padding-top:100px;
}
.middleSection{
	width:100%;
	float:left;
	 
}
 footer{
	 width:100%;
	 float:left;
 }
 #parallax{
	     align-items: center;
    display: flex;
 }
 .ColRight, .parallax, .smallTitle, #parallax{ width:100%;}
 .ColRight{ padding-right:100px;}
 .geteBookBox{ margin-top: 155px;}
 .sectionTitle{ margin-left:20px;}
 .bigBook{ margin-top:-100px;}
 .ml0{ margin-left:0px;}
 .downloadBTN{
	 display:inline-block;
	 padding:15px 80px;
	 border-radius:10px;
	 background:#ee8822;
	 color:#fff;
	 font-weight:600;
	 font-size:20px;
	 border:none;
	 text-decoration:none;
 }
 .downloadBTN:hover,  .downloadBTN:active,  .downloadBTN:focus{
	  background:#db771d;
	 color:#fff;
	 transform: scale(1.1, 1.1);
 }
 .middleSection{
	 padding-bottom:80px;
 }
@media (max-width: 1024px) {
	#parallax{ height:auto;}
	.logo{ width:100%; margin-bottom: 30px; margin-top: 30px; text-align:left;}
	.logo img{ width:250px;}
	.sectionTitle{    font-size: 23px;}
}
@media (max-width: 991px) {
		.geteBookBox{ margin-top:100px; margin-bottom:50px;}
		.container, .container-md, .container-sm { max-width: 80% !important;}
		.ColRight, .parallax{ width:100%;}
		.flexHeader{flex-wrap: wrap;}
		.logo{  text-align:center;}
		.mainTitle{ font-size: 32px;}
		.subIntro{ font-size:16px;}
		.smallTitle span{ font-size: 26px;}
		#parallax{ width:100%; height:auto;}
		.sectionTitle{text-align:center;}
		.dashleft:before{ left:50%; -ms-transform: translateX(-50%); transform: translateX(-50%);}
		.textLeft{ padding-right:0px !important;}
		.reportListing li{ padding-right:15px;}		
		.ColRight{ padding-right:0px;}
		.ColRight, .parallax, .ColRight .mainTitle { text-align:center;}
		.geteBookBox .hbspt-form fieldset{ max-width:100% !important; width:100% !import;}
		.bigBook { margin-top: 50px;}
		.textLeft p{ text-align:center;}
		.headerBlock{ padding-top:40px;}
		
}
@media (max-width: 768px) {
	.container, .container-md, .container-sm { max-width: 80% !important;}
	.ColLeft{ display:none;}
	.ColRight { width: 100%;}
	.mainTitle, .ColRight{ text-align:center;}
	.mainHeader{  min-height:auto;}
	.middleSection{     padding: 50px 0px;}
	.dashleft{ font-size: 24px;}
}
@media (max-width: 767px) {
	.reportListing li{ width:100%;}
	.container, .container-md, .container-sm { max-width: 90% !important;}
	.mainTitle {font-size: 24px;}
	.dashleft{ font-size: 21px; margin-top:20px; text-align:center;}
	.dashleft br{ display:none;}
	.smallTitle { height: 42px;}
	.smallTitle span{ font-size: 20px; line-height: 42px;}
	.titleBookFlex{ flex-direction: column;}
 
	.sectionTitle:before{ left: 50%; }
	.logo img{ width:70%;}
	.mainHeader{ padding:10px; float:left;} 
	.reportListing li{ padding-right:0px;}
	.downloadBTN{ padding-right:0px; padding-left:0px; width:100%;}
	footer p, .reportListing li, .textLeft p{ font-size:14px !important;}
	.geteBookBox{ padding-left:15px; padding-right:15px;}
	
 
}
@media (max-width: 320px) {

}