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;
background-image:url('../images/herobg.jpg');
background-position:center top;
background-repeat:no-repeat;
background-size: cover;
min-height:768px;
color:#fff;
position:relative;
}
.logo{ display:inline-block; width:300px; margin-bottom:50px; margin-top:30px; }
.smallTitle{ border-radius:8px;display:inline-block; padding:0px 20px; height:62px; background-color:#fff; color:#1D46A9; }
.smallTitle span{ font-weight:700; font-size:36px; display:inline-block; color:#1D46A9; line-height:62px; }
.mainTitle{margin-bottom:30px; }
.mainTitle { font-size:58px; line-height:1.4; font-weight:700;}
.subtitle{ font-weight:600; font-size:22px;}
.reportListing{ padding:0px !important; margin:0px;display:flex;flex-wrap:wrap; border-radius: 15px;}
.reportListing li{ display:flex; flex-wrap:wrap; width:50%; font-size:16px; margin-bottom:15px; }
.reportListing li img{ width:24px; margin-right:10px}
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: #FE621D;
}
.titleAni span a::after {
content: "";
height: 2px;
background-color: #FE621D;
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: 0;
left: 50%;
margin-left: -33px;
width: 66px;}
.arrows path {
stroke: #fff;
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:100px 0px;
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:#FE621D;
left:50%;
margin-left:-50px;
border-radius:100px;
}
.lotsMore{
margin-top:20px;
font-size:18px; font-weight:600; text-align:center;
}
.ptop0{ padding-top:0px !important;}
.geteBookBox{
border-radius:15px;
background:#1D46A9;
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%;
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:#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: #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;}