@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body, html {

	font-weight: 400;

	font-style: normal;	 

	font-family: 'Inter', sans-serif;

	text-rendering: optimizeLegibility !important;

	-webkit-font-smoothing: antialiased !important;

	color: #1c424d;

}

*{font-family: 'Inter', sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Inter', sans-serif;}

ul, li{ font-family: 'Inter', 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:250px; 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:#1D46A9; 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 1px #cccccc!important;

    height: 50px;

    width: 100% !important;

    border: none;

	color:#000;

    border-radius: 10px;

    padding: 0px 15px;

}



.geteBookBox input[type=text]:focus, 

.geteBookBox select:focus,

.geteBookBox input[type=email]:focus{

	background: transparent;

	 border: solid 1px #1e4387!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:20px;

	font-weight:600;

	background-color:#fe621d;

	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: #000;

  opacity:0.5;  

}



:-ms-input-placeholder { 

   color: #000;

  opacity:0.5;  

}



::-ms-input-placeholder {  

   color: #000;

  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/herobg4.jpg'); background-repeat:no-repeat; background-position:right top;  background-size:cover;}



.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; */
    height: 100vh;
}

.headerBlock {
    width: 100%;
    border-radius: 35px;
    /* float: left; */
    position: relative;
    padding-bottom: 50px;
    padding-top: 50px;
    min-height: calc(100vh - 240px);
    min-height: calc(100vh - 70px);
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

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

 }

 .geteBookBox{ margin-top:0px;}

 .container{ max-width: 1400px; width:100%;}

 .mainTitle, .subIntro{ color:#fff;}

 .smallTitle span{ color:#FE621D}

 

 .geteBookBox{ background:#fff; color:#1e4387;}

 .

@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:left;}

		.mainTitle{ font-size: 32px;}

		.subIntro{ font-size:16px;}

		.smallTitle span{ font-size: 26px;}

		#parallax{ width:100%; height:auto;}

		.sectionTitle{text-align:left;}

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

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

	.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) {



}