@font-face { font-family: 'Muli'; src: url('../fonts/Muli-Bold.woff2') format('woff2'),
 url('../fonts/Muli-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Muli'; src: url('../fonts/Muli.woff2') format('woff2'),
 url('../fonts/Muli.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 


 @font-face { font-family: 'Muli Regular'; font-style: normal; font-weight: normal; src: local('../fonts/Muli Regular'), url('../fonts/Muli-Regular.woff') format('woff'); } 

 @font-face { font-family: 'Muli Bold'; font-style: normal; font-weight: normal; src: local('../fonts/Muli Bold'), url('../fonts/Muli-Bold.woff') format('woff'); } 


body { font-family: 'Muli Regular'; font-weight: normal; margin: 0; padding: 0; color: #666; font-size: 18px; } 

input, textarea { font-family: 'Muli Regular'; } 


h1, h2, h3, h4, h5, h6 { font-family: 'Muli Bold'; font-weight: bold; } 

* { box-sizing: border-box; } 

a,input[type="button"] { text-decoration: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s } 

p { margin: 0 0 25px 0; font-size: 18px; line-height: 28px; } 

ul li { margin: 0 0 25px 0; font-size: 18px; padding-left: 35px; line-height: 28px; background: url(../images-2023/blue-check-circle.png) no-repeat left 2px; list-style-type: none; } 

ol { margin: 0; padding: 0 0 0 20px; } 

ol li { background: none; margin: 0 0 25px 0; font-size: 18px; } 


header { padding: 30px 15px; display: flex; align-items: center; justify-content: center; } 

header img { max-width: 250px; } 

@media only screen and (max-width: 767px) {
	header img {
		max-width: 150px;
	}
}

.container { max-width: 1230px; padding: 0 15px; margin: 0 auto; } 


.topheader { background-image: linear-gradient(to right,#21b3fb,#0525a2); padding:50px 0; text-align: center; } 

.topheader h5 { color: #000; margin: 0 0 20px 0; padding: 0; font-size: 24px; } 

.topheader h1 { color: #fff; margin: 0; padding: 0; font-size: 60px; } 


.when-purchase { padding: 50px 30px; background-image: linear-gradient(to right,#21b3fb,#0525a2)!important; text-align: center; } 

.when-purchase .cont { max-width: 1000px; margin: 0 auto; } 

.when-purchase h2 { color: #fff; font-size: 45px; margin: 0; padding: 0; } 

.about-author-w { padding-top: 60px; padding-bottom: 60px; } 

.about-author-w h2 { font-size: 40px; color: #fff; margin: 0 0 20px 0; color: #20aef8; } 

.center { text-align: center; } 

.about-author-w a.link { background: #21b3fb; color: #fff; margin-top: 30px; display: inline-block; font-size: 28px; padding: 20px 30px; border-radius: 3px; font-family: 'Muli Bold';} 

.about-author-w a.link i { margin-right: 20px; } 

.a-author { display: flex; justify-content: space-between; } 

.descr-author { width: 55%; } 

.author-img { width: 30%; margin-bottom: 20px; } 

.author-imgframe { margin-left: 40px; margin-top: 40px; position: relative; } 

.author-imgframe img { max-width: 100%; } 

.author-imgframe:after { content: ' '; border-image-source: linear-gradient(to right,#21b3fb,#0525a2); position: absolute; width: 100%; height: 100%; top: -40px; left: -40px; z-index: -1; border-width: 10px; border-style: solid; border-image-slice: 1; } 

.featured-in-w { padding-top: 60px; padding-bottom: 60px; background: #f8f8f8; } 

.featured-in-w h2 { font-size: 38px; margin: 0 0 40px 0; padding: 0 0 30px 0; color: #000; text-align: center; position: relative; } 

.featured-slider .slick-dots li button { background-color: rgba(0,0,0,0.5); } 

.featured-slider .slick-dots li.slick-active button { background-color: #20aef8; } 

.img-featured { width: 100%; } 

.featured-slider .slick-slide { padding: 20px; } 

.featured-in-w h2:after { background-image: linear-gradient(to right,#21b3fb,#0525a2); content: ""; width: 100px; height: 3px; bottom: 0; position: absolute; left: 0; right: 0; margin: 0 auto; } 


.free-instant-access-w { padding: 60px 0; } 

.fia { display: flex; justify-content: space-between; } 

.img-fia { width: 60%; display: flex; align-items: center;} 

.group-img { display: flex; justify-content: space-between; width: 100%; } 

.img1 { width: 45%; } 

.img1 img { width: 100%; } 

.img2 {  width: 45%; } 

.img2 img { width: 165px } 

.cont-fia { width: 50%; background: #f6f6f6; text-align: center; padding: 30px; border:3px solid #20aef8 } 

.cont-fia p { color: #000; } 

.cont-fia p.small { font-size: 15px; margin: 0; } 

.cont-fia p.small i { margin-right: 5px; } 


.input-fia { border: 1px solid rgba(0,0,0,0.2); padding: 14px 55px 14px 16px; margin: 0; font-size: 17px; border-radius: 3px; background: url(../images-2023/email.png) no-repeat center right 20px; width: 100%; } 

.btn-bg { background: url(/images-2023/get-access-now.png) no-repeat top; width: 290px; margin: 0 auto 10px; background-size: cover; min-height: 136px; align-items: center; position: relative; justify-content: center; display: flex; } 

.btn-fia { font-size: 0; border: 0; width: 230px; height: 80px; background-color: transparent; cursor: pointer; } 

.cont-fia h4 { color: #20aef8; margin: 0 0 20px 0; padding: 0; font-size: 30px; } 

.get-instant-access-w { padding-top: 30px; padding-bottom: 30px; } 

.gia-box { box-shadow: 0px 0px 10px #00000054; padding: 50px 50px; border-radius: 3px; display: flex; justify-content: space-between; } 


.img-gia { width: 40%; display: flex; align-items: center; justify-content: center; } 

.img-gia img { max-width: 100%; } 

.cont-gia { width: 50%; } 

.cont-gia a.link { background: #21b3fb; color: #fff; text-transform: uppercase; display: inline-block; font-size: 22px; padding: 20px 30px; border-radius: 3px; font-family: 'Muli Bold';} 

.cont-gia a.link i { margin-right: 20px; } 


#scroll-to-top { display: none; background-image: linear-gradient(to right,#21b3fb,#0525a2); position: fixed; z-index: 200; bottom: 10px; right: 20px; width: 45px; height: 45px; line-height: 0; font-size: 22px; text-align: center; border-radius: 50%; border: 3px solid #eeeeee; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } 

footer { background: #2f3239; padding: 40px 0; } 

.fcont { display: flex; margin: 0; padding: 0; justify-content: space-between; } 

.copyright { margin: 0; } 

.copyright p { color: #fff; font-size: 14px; margin: 0; padding: 0; } 

.flinks { margin: 0; } 

.flinks ul { margin: 0; padding: 0; } 

.flinks ul li { margin: 0 0 0 20px; padding: 0; display: inline-block; list-style-type: none; background: none; color: #fff; font-size: 14px; } 

.flinks ul li a { color: #fff; font-size: 14px; margin: 0; } 

.flinks ul li a:hover { color:#21b3fb } 


@media only screen and (max-width:1200px) {
.fcont { flex-direction: column; justify-content: center; align-items: center; } 

.copyright { margin-bottom: 20px; } 

.flinks ul { text-align: center; } 
 }


@media only screen and (max-width:991px) {
 .gia-box { flex-direction: column; } 

 .img-gia, .cont-gia { width: 100%; } 

 .img-gia{ margin-bottom: 50px;}

 .img-gia img{ max-width: 400px;}

 .cont-gia { text-align: center; } 

 .a-author { flex-direction: column; } 

 .about-author-w p { text-align: center; } 

 .descr-author { order:1; width: 100%; text-align: center; } 

 .author-img { order:0; width: 100%; } 

 .author-img img { width: 100%; } 

 .topheader h1 { font-size: 50px; } 

 .author-imgframe { max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } 

 .fia { flex-direction: column; } 

 .cont-fia, .img-fia { width:100% } 

 .group-img { flex-direction: column; justify-content: center; align-items: center; } 

 .img2 { margin-top: 0; margin-bottom: 50px; width: 100%; text-align: center; } 

 .img2 img { transform: rotate(90deg); width: 50px; } 

 .img1 {  width: 100%; margin-bottom: 30px; text-align: center;} 

 .img1 img{ max-width: 400px;}

}

@media only screen and (max-width:767px) {
 .author-imgframe:after { display: none; } 
 
 .topheader h1 { font-size: 40px; } 

 .when-purchase h2 { font-size: 35px; } 
 
.about-author-w a.link, .cont-gia a.link { font-size: 20px; } 
 }