/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%; height: 100%}
body{margin:0; height: 100%; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
background:#FFFFFF;}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
.small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}


article>a{color:inherit!important;font-weight:inherit!important;text-decoration:none!important;}
.post-item {background:#fff;margin:0 15px 30px;overflow:hidden;min-width:260px;margin-bottom:30px}
.post-item img{width:100%;height:100%;object-fit:cover;object-position:center}
.post-item {margin:0 5px;margin-bottom:30px;border-radius:undefinedpx;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}
.post-item h3{margin:0 0 10px;font-size:1.4em}
.post-meta{padding:20px}
.post_content{font-size:1.24em}
.post_content p{margin:0}


.ftr{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:54px;padding:15px;color: #eaeeee; }
.ftr_social{display:flex;list-style-type:none;padding-left:0;padding-top:15px;color: #eaeeee;}
.ftr_social li{margin-right:20px}
.ftr_social a{display:flex;height:26px;width:26px;align-items:center;color: #eaeeee;}
.ftr_social svg{height:26px;fill:inherit}
.ftr_linkGroups{display:flex;margin:0 30px;text-align:center;flex-wrap:wrap}
.ftr_linkGroup{display:block;list-style:none;margin:0 30px 30px;padding:0;min-width:120px;text-align:left}
.ftr_linkGroup li:first-child{padding-bottom:6px}
.ftr_linkGroup a{display:block;text-decoration:none;padding:3px 0;color:inherit}
.ftr_linkGroup a:hover{text-decoration:underline}

/*Header styling*/
* {box-sizing: border-box; padding: 0; margin: 0; }

.navbar1 { font-size: 18px; background-image: linear-gradient(260deg, #20ADE9 0%, #22C1E1 100%); padding-bottom: 10px; padding-right: 1em; min-height: 50px}
.main-nav { list-style-type: none; display: none; }
.nav-links,
.logo { text-decoration: none; color: #ffffff;}
.main-nav li { text-align: center;  }
.logo { display: inline-block; position: absolute; top: -10px; left: 10px; font-size: 22px; margin-top: 10px; margin-left: 20px; }
.navbar-toogle1 { position: absolute; top: 10px; right: 20px; cursor: pointer; color: #ffffff; font-size: 24px; }
.active {display: block; }

@media screen and (min-width: 768px) {
	.navbar1 { display: flex; justify-content: space-between; padding-bottom: 0; height: 70px; align-items: center; }
	.main-nav { display: flex; margin-right: 10px; flex-direction: row; justify-content: flex-end; position: absolute; right:120px;}
	.main-nav li {margin: 0;	}
	.nav-links { margin-left: 40px; color:white; }
	.logo { margin-top: 0;}
	.navbar-toogle1 { display: none;	}
  .logo { display: inline-block; position: absolute; top: 0px; left: 10px; font-size: 22px; margin-top: 10px; margin-left: 20px; }
	.logo:hover,
	.nav-links:hover {color: rgba(255, 255, 255, 1);}
}
@media screen and (max-width: 767px) {
	.nav-dropdown { display: block; font-size: bold;}
}

.nav-dropdown {position: absolute; margin:-5px;display: none; z-index: 1; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); background:#fff; }
.nav-dropdown a {float: left; font-size: 16px; padding: 14px 16px; text-decoration: none; }
.nav-dropdown .dropdown-link{background:#fff; min-width:100%; text-align:left; box-shadow:0 1px 3px rgba(0,0,0,.08),0 10px 40px -10px rgba(0,0,0,.35); z-index:100;
	color: #22C1E1;  --link-hover-bg: rgba(32, 173, 233, 0.05);  --link-hover: #20ADE9; white-space:nowrap}

.dropdown-link:hover{color:inherit!important;text-decoration:none!important;}
.dropdown-link:hover{background:var(--link-hover-bg);color:var(--link-hover)!important}
.nav-dropdown .description{display:block;text-transform:none; color:#5b7070; text-decoration:none;}

/*TK needed: Make dropdown links vertical*/
li ul li {  display: block; float: none;}

ul li a:hover + .nav-dropdown, .nav-dropdown:hover {display: block;}

ul { list-style-type: none; }
/* Header Styling end

/*FAQ*/

/* Needed commented for login*/

.checkbx {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.faqrow {
  display: -webkit-box;
  display: flex;
}
.faqrow .col {
  -webkit-box-flex: 1;
          flex: 1;
}
.faqrow .col:last-child {
  margin-left: 1em;
}
/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tab-label:hover {
  background: #1a252f;
}
.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}




input:checked + .tab-label {
  background: #1a252f;
}
input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;

}


/*for books section*/
.right {
 float: right;
 max-height: 350px;
 max-width: 350px;
 padding: 0 0 20px 20px;
 object-fit: contain;
}
@media screen and (min-width: 768px) {
.right {
 float: center;
 max-height: 350px;
 max-width: 350px;
 padding: 0 0 20px 20px;
 object-fit: contain;
}
  }

.bookbutton {
  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  background: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 0;
  padding: 0 .7em;
  height: 2.4em;
  line-height: 2.4em;
  border: none;
  outline: none;
  border-radius: 3px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
  font-weight: 500;
  font-size: 1.05em;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.inbutton {
  flex-grow: 0.2;
  height: 2.5rem;
  min-width: 2rem;
  border: 1px solid white;
  border-radius: 0.15rem;
  background: transparent;
  margin: 0.5rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-align: center;
  color:#ffffff;
  font-weight: bold;
  font-size: 1rem;
  padding-left: 5px;
  padding-right: 5px;
}

.feature-item i{background-image:linear-gradient(100deg,#20ADE9,#22C1E1);
  font-size:20px;
  display:inline-block;
  border-radius:10px;
  box-shadow:0 5px 6px 0 rgba(0,0,0,.1);
  color:#fff;
  text-align: center;
  height:35px;
  line-height:35px;
  margin-bottom:20px;
  margin-right: 1em;
  width:35px;
  transition:all .3s ease 0s}


  .service-item{background:#fff;padding:50px 20px;margin-right:-1px;margin-bottom:-1px;transition:all .3s ease 0s}
  .service-item .count{font-size:80px;position:absolute;top:0;left:20px;color:#f3f1f1;font-weight:700}
  .service-item i{background-image:linear-gradient(100deg,#20ADE9,#22C1E1);font-size:30px;display:inline-block;border-radius:30px;box-shadow:0 5px 6px 0 rgba(0,0,0,.1);color:#fff;height:55px;line-height:55px;margin-bottom:20px;width:55px;transition:all .3s ease 0s}
  .border{background-image:linear-gradient(100deg,#20ADE9,#22C1E1);border:none;display:inline-block;border-radius:3px;height:6px;position:relative;width:90px;margin-bottom:10px}
  @media(max-width:480px){.service-2 .p-0{padding:0 15px!important}}
  @media(max-width:768px){.service-2 .p-0{padding:0 15px!important}}
  @media(max-width:400px){.service-2 .p-0{padding:0 15px!important}}
  .p-0{padding:0 15px!important}
 

.bookreview {
  margin-left: 1px;
  margin-right: 1px;
}
@media screen and (min-width: 768px) {
  .bookreview {
  margin-left: 15em;
  margin-right: 15em;
  }
}


.embedbutton {
  font:16px;
  text-decoration: none;
  flex-grow: 0.2;
  height: 2.5rem;
  min-width: 2rem;
  border: none;
  border-radius: 0.15rem;
  background: #2BEBD3;
  background: -webkit-linear-gradient(to bottom right, #20ADE9, #22C1E1);
  background:    -moz-linear-gradient(to bottom right, #20ADE9, #22C1E1);
  background:         linear-gradient(to bottom right, #20ADE9, #22C1E1);
  margin-left: 0.5rem;
  box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-align: center;
  color:#ffffff;
  font-weight: bold;
  font-size: 1rem;
  padding:5px;
}

ol.gradient-list > li, ol.gradient-list > li::before {
  box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.125rem rgba(75, 0, 0, 0.05);
}
ol.gradient-list { counter-reset: gradient-counter;  list-style: none;  margin: 1.75rem 0;  padding-left: 1rem;}
ol.gradient-list > li {  background: white; border-radius: 0 0.5rem 0.5rem 0.5rem; counter-increment: gradient-counter; margin-top: 1rem; min-height: 3rem; padding: 1rem 1rem 1rem 3rem; position: relative;}
ol.gradient-list > li::before, ol.gradient-list > li::after {
  background: linear-gradient(135deg, #20ADE9 0%, #22C1E1 100%);
  border-radius: 1rem 1rem 0 1rem;
  color: #fff;
  content: ''; height: 3rem; left: -1rem; overflow: hidden; position: absolute; top: -1rem; width: 3rem;
}
ol.gradient-list > li::before {
  align-items: flex-end;
  content: counter(gradient-counter);
  /*color: #1d1f20; */
  color: #fff;
  display: flex; 
  font: 900 1.5em/1 'Montserrat'; 
  justify-content: flex-end; padding: 0.125em 0.25em; z-index: 1;
}
/*ol.gradient-list > li:nth-child(10n+1):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}
ol.gradient-list > li:nth-child(10n+2):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}*/
/*ol.gradient-list > li:nth-child(10n+3):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}
ol.gradient-list > li:nth-child(10n+4):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}
ol.gradient-list > li:nth-child(10n+5):before {
  background: linear-gradient(135deg, #a2ed56 0%, #fddc32 100%);
}
ol.gradient-list > li:nth-child(10n+6):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}
ol.gradient-list > li:nth-child(10n+7):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}
ol.gradient-list > li:nth-child(10n+8):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}
ol.gradient-list > li:nth-child(10n+9):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}
ol.gradient-list > li:nth-child(10n+10):before {
  background: linear-gradient(135deg, rgba(162, 237, 86, 0) 0%, rgba(253, 220, 50, 0) 100%);
}*/
/*ol.gradient-list > li + li {
  margin-top: 2rem;
}
*/
/*Login / Register Screent*/
.close {
  color: #fff;
  transform: scale(1.2)
}
.modal-content {
  font-weight: bold;
  background: linear-gradient(to bottom right,#20ADE9,#22C1E1);
}
.form-control {
  margin: 1em 0;
}
.form-control:hover, .form-control:focus {
  box-shadow: none;  
  border-color: #fff;
}
.username, .password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #eee;
  padding-left: 0;
  font-weight: normal;
  background: transparent;  
}
.form-control::-webkit-input-placeholder {
  color: #eee;  
}
.form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
  color: #fff;
}
.login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  /*border: 2px solid #FAB87F;
  color: #FAB87F;*/
  border: 2px solid #F87E7B;
  color: #F87E7B;
  font-weight: bold;
  transition: all .5s;
  margin-top: 1em;
}
.login:hover {
  background: #F87E7B;
  color: #fff;
}

/*Loading Bar*/
.loading {
  margin: 0 auto;
  padding: 20px;
  max-width: 1200px;
  overflow-y: scroll;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #777;
  background-color: #f7f7f7;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-align: center;
}

.clear { clear: both; }

.line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #4b9cdb;
}


/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) { animation: loadingA 2s 1.5s infinite; }
.load-1 .line:nth-last-child(2) { animation: loadingA 2s 1s infinite; }
.load-1 .line:nth-last-child(3) { animation: loadingA 2s 0.5s infinite; }
.load-1 .line:nth-last-child(4) { animation: loadingA 2s 0s infinite; }

@keyframes loadingA {
  0 { height: 15px; }
  50% { height: 35px; }
  100% { height: 15px; }
}