@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
body {font-family: Arial, Helvetica, sans-serif; line-height: normal;}
p {
	font-weight:400;font-size:16px;line-height:22px; padding: 6px 0 6px 0;
}
h1 {
	font-weight:700;font-size:32px;line-height:36px; padding: 6px 0 6px 0;
}s
h2 {
	font-weight:700;font-size:24px;line-height:30px; padding: 5px 0 5px 0;
}
h3 {
	font-weight:700;font-size:20px;line-height:26px; padding: 4px 0 4px 0;
}
h4 {
	font-weight:500;font-size:18px;line-height:24px; padding: 3px 0 3px 0;
}
h5 {
	font-weight:500;font-size:16px;line-height:22px; padding: 2px 0 2px 0;
}

header {
z-index: 999999;
}

.tbc-header{display:grid;grid-row-gap:24px;background-color:var(--white);padding:10px 40px; border-top: 1px solid var(--gray-3);min-height: 50px;}
@media (min-width: 768px){.tbc-header.not-full{padding:10px 30px}}
.tbc-header-top{width:100%;max-width:1920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;column-gap:10px;padding-bottom: 10px;}
.tbc-header-top img{width: auto; height: 100px;}
.tbc-header__logo{flex:0 0 100px}
.tbc-header__logo img{width: auto; height: 100px;}
.tbc-header__mainlogo img{width: auto; height: 100px;}
.tbc-header-search{flex:0 1 300px}
.tbc-header-search .tbc-search-bar__input{height:40px;padding-top:10px;padding-bottom:10px}
.tbc-search-bar label{display:none;}
.tbc-header-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:10px;flex:0 1 800px;}
.tbc-header-menu-item{padding:8px;cursor:pointer;column-gap:8px;display:flex;align-items:center;text-transform:uppercase;font-weight:700;font-size:12px;line-height:15px; margin-bottom: 8px; background-color: var(--blue-970); color:var(--dark-blue-base); border-radius:8px;white-space:nowrap;user-select:none; border: 2px solid var(--dark-blue-base);}
.tbc-header-menu-item___free{padding:8px;cursor:pointer;column-gap:8px;display:flex;align-items:center;text-transform:uppercase;font-weight:700;font-size:12px;line-height:15px; margin-bottom: 8px; background-color: var(--orange-970); color:var(--orange-600); border-radius:8px;white-space:nowrap;user-select:none; border: 2px solid var(--orange-600);}
.tbc-header-menu-item___free:hover{background-color:var(--orange-600);color:var(--white)}
.tbc-header-menu-item.favorite{display:none}
.tbc-header-menu-item.active,.tbc-header-menu-item:hover{background-color:var(--dark-blue-base);color:var(--white)}
.tbc-header-menu-item.active .tbc-icon,.tbc-header-menu-item:hover .tbc-icon{background-color:var(--lettuce-green-base)}
.tbc-header-actions{display:flex;align-items:center;column-gap:16px;flex:0 1 auto}

.tbc-header-categories{width:100%;display:flex;align-items:center;justify-content:center;overflow-x:auto;column-gap:2px;max-width:1920px;margin:0 auto; min-height:60px;border-top: 1px solid var(--gray-3)} @media (max-width: 1080px) {.tbc-header-categories {align-items:center;flex-wrap:wrap;overflow-x:auto;grid-row-gap: 2px; min-height:80px;max-width:1080px;margin:0 auto; padding-top: 12px}}

.tbc-header-categories__item{padding:4px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none;} 
.tbc-header-categories__item a{padding: 8px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;background-color: var(--orange-900); color:var(--dark-blue-base)}
.tbc-header-categories__item a:hover{background-color:var(--orange-600);color:var(--white)}
.tbc-header-categories__item.active{background-color:var(--dark-blue-base);color:var(--white)}	

.tbc-header-categories__item1{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item1 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--red-600);}
.tbc-header-categories__item1 a:hover{background-color:var(--red-600);color:var(--white)}
.tbc-header-categories__item1.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item2{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item2 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--orange-600);}
.tbc-header-categories__item2 a:hover{background-color:var(--orange-600);color:var(--white)}
.tbc-header-categories__item2.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item3{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item3 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--yellow-base);}
.tbc-header-categories__item3 a:hover{background-color:var(--yellow-base);color:var(--white)}
.tbc-header-categories__item3.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item4{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item4 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--lettuce-green-900);}
.tbc-header-categories__item4 a:hover{background-color:var(--lettuce-green-900);color:var(--white)}
.tbc-header-categories__item4.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item5{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item5 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--bright-green-base);}
.tbc-header-categories__item5 a:hover{background-color:var(--bright-green-base);color:var(--white)}
.tbc-header-categories__item5.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item6{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item6 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--blue-600);}
.tbc-header-categories__item6 a:hover{background-color:var(--blue-600);color:var(--white)}
.tbc-header-categories__item6.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item7{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item7 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--purple-600);}
.tbc-header-categories__item7 a:hover{background-color:var(--purple-600);color:var(--white)}
.tbc-header-categories__item7.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item8{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item8 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--pink-600);}
.tbc-header-categories__item8 a:hover{background-color:var(--pink-600);color:var(--white)}
.tbc-header-categories__item8.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item9{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item9 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--dark-blue-base);}
.tbc-header-categories__item9 a:hover{background-color:var(--dark-blue-base);color:var(--white)}
.tbc-header-categories__item9.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item10{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none;}
.tbc-header-categories__item10 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid #006400;}
.tbc-header-categories__item10 a:hover{background-color:#006400;color:var(--white)}
.tbc-header-categories__item10.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item11{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item11 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--yellow-400);}
.tbc-header-categories__item11 a:hover{background-color:var(--yellow-400);color:var(--white)}
.tbc-header-categories__item11.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header-categories__item12{padding:2px;border-radius:4px;font-weight:600;font-size:12px;line-height:normal;color:var(--dark-blue-base);cursor:pointer;white-space:nowrap;user-select:none}
.tbc-header-categories__item12 a{padding:6px 8px;border-radius:8px 0 8px 0;font-weight:600;font-size:12px;line-height:normal;background-color:var(--white);color:var(--dark-blue-600);border: 2px solid var(--red-base);}
.tbc-header-categories__item12 a:hover{background-color:var(--red-base);color:var(--white)}
.tbc-header-categories__item12.active{background-color:var(--dark-blue-base);color:var(--white)}

.tbc-header__burger{display:none;cursor:pointer;background-color:var(--lettuce-green-base)}
.tbc-header__burger.tbc-icon{background-color:transparent}
.tbc-header__burger.tbc-icon img{width:100%;height:100%}
.tbc-mobile-menu{display:none}@media (max-width: 1200px){.tbc-header{padding:12px 20px}}@media (max-width: 992px){.tbc-header{padding:12px 16px}
.tbc-header__burger{display:block}
.tbc-header-actions{display: block}
.tbc-mobile-menu{z-index:10;position:fixed;left:0;right:0;bottom:0;padding:0 32px 24px;display:grid;background-color:var(--white);overflow-y:auto}
.tbc-mobile-menu__heading{width:100%;position:relative;font-weight:500;font-size:22px;line-height:26px;color:var(--text-primary);text-transform:uppercase;align-self:start;display:flex;align-items:center;justify-content:center;padding:8px 0;border-bottom:1px solid var(--gray-border)}
.tbc-mobile-menu__heading .tbc-icon{width:32px;height:32px;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;background-color:var(--text-primary)}
.tbc-mobile-menu__item-box{display:flex}
.tbc-mobile-menu .tbc-mobile-menu__item{flex:1 1 auto;cursor:pointer;font-weight:500;font-size:18px;line-height:22px;color:var(--text-primary);text-transform:uppercase;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--gray-border);padding:8px 0}
.tbc-mobile-menu__logout-btn{align-self:end;margin-top:12px}
.tbc-mobile-menu__select-genre{border-left:1px solid var(--gray-border);height:100%;cursor:pointer;margin-left:auto;width:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--gray-border)}
.tbc-mobile-menu__select-genre .tbc-icon{width:32px;height:32px;background-color:var(--text-gray)}}@media (max-width: 768px){.tbc-header-actions__favorites-btn{display:none}
.tbc-header{padding:16px 24px}

.tbc-header-menu-item.favorite{display:flex}
.tbc-mobile-menu{padding:0 24px 16px}}@media (max-width: 480px){.tbc-header{padding:16px}}
.the-spinner{position:fixed;inset:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}
.the-spinner img{width:100px;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.tbc-footer-wrapper{padding:40px 80px;background-color:var(--lettuce-green-600);margin-top:auto}
.tbc-footer-top{display:flex;align-items:flex-start;justify-content:space-between}
.tbc-footer-top__logo{cursor:pointer}
.tbc-footer-top-menu{display:flex;align-items:flex-start}
.tbc-footer-top-menu-list{display:grid;grid-auto-rows:min-content}
.tbc-footer-top-menu-list.left{margin-right:120px;grid-row-gap:24px}
.tbc-footer-top-menu-list.right{grid-row-gap:16px}
.tbc-footer-top-menu-list-item{cursor:pointer;text-transform:uppercase;color:var(--white);font-weight:600;font-size:14px;line-height:4px;}
.tbc-footer-top-menu-list-item:hover {color:#eafcf4;text-decoration: underline;}
.tbc-footer-top-menu-list-item{display:flex;align-items:center;column-gap:12px}
.tbc-footer-top-menu-list-item__social{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(237,243,254,1);border-radius:6px;cursor:pointer}
.tbc-footer-top-menu-list-item__social:hover {background:#eafcf4;}
.tbc-footer-top-menu-list-item__social img{width:100%;height:100%}
.tbc-footer-info{display:grid}
.tbc-footer-info__copyright{margin-bottom:16px;font-weight:600;font-size:14px;line-height:17px;color:var(--white)}
.tbc-footer-info-links{display:flex;align-items:center}
.tbc-footer-info-links__link{color:#fff;font-weight:600;font-size:14px;line-height:17px;cursor:pointer}
.tbc-footer-info-links__link:hover{color:#eafcf4; text-decoration: underline;}
.tbc-footer-info-links__link{padding:0 20px}
.tbc-footer-info-links__link:last-child{padding-right:0}
.tbc-footer-info-links__link:first-child{padding-left:0}
.tbc-footer-info-links__link:not(:last-child){border-right:1px solid #fff}@media (max-width: 768px){.tbc-footer-wrapper{padding:24px 16px}
.tbc-footer-top{display:flex;flex-direction:column;margin-bottom:16px}
.tbc-footer-top__logo{width:88px;order:1}
.tbc-footer-top-menu{display:flex;flex-direction:column;margin-bottom:40px}
.tbc-footer-top-menu-list.left{margin-right:0;margin-bottom:40px}
.tbc-footer-info-links{display:grid;grid-template-columns:repeat(3,1fr)}
.tbc-footer-info-links__link{padding:0 8px}}
.login-page{padding:100px 0;background-size:contain;background-image:url("../images/login-bg.png")}
.login-page-tumbledude{width:100%;max-width:150px;margin:25px auto}
.login-page-tumbledude img{width:100%;height:100%}
.login-page-modal{width:100%;border-radius:10px;margin:0 auto;max-width:450px;background-color:#F1F2FEd9;overflow-y:visible}
.login-page-modal-header{position:relative;padding:30px 30px 10px;border-radius:10px 10px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.login-page-modal-header__title img{width:100%;height:100%;object-fit:contain}
.login-page-modal-content{border-radius:0 0 16px 16px;padding:30px;border:solid var(--gray-3);border-width:0 1px 1px 1px}
.login-page-modal-content-tabs{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;margin-bottom:30px}
.login-page-modal-content-tabs__tab{text-align:center;padding:8px 0;cursor:pointer;font-size:23px;line-height:24px;font-weight:500;border-radius:4px;color:var(--text-light-gray);background-color:var(--gray-1)}
.login-page-modal-content-tabs__tab.active{background-color:var(--dark-blue-base);color:var(--white)}
.login-page-modal-content-form{display:grid;grid-auto-columns:100%;grid-row-gap:16px;margin-bottom:30px}
.login-page-modal-content-form-group label{font-weight:500;font-size:12px;line-height:15px;color:var(--text-primary)}
.login-page-modal-content-form-group__password-input{position:relative}
.login-page-modal-content-form-group__password-input .tbc-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px;min-width:20px;min-height:20px}
.login-page-modal-content-actions{display:flex;column-gap:16px}
.login-page-modal-content-actions__btn.main{flex:1 1 auto}
.login-page-modal-content-sign-up{display:grid;grid-row-gap:12px}
.login-page-modal-content-sign-up__text{font-weight:500;font-size:16px;line-height:24px;text-align:center}@media (max-width: 992px){.login-page{display:flex;flex-direction:column;flex:1 1 auto;padding:50px 20px}
.login-page-modal{display:flex;flex-direction:column}
.login-page-modal-content{display:flex;flex-direction:column;flex:1 1 auto;border:none}
.login-page-modal-content-sign-up{margin-top:auto}}@media (max-width: 768px){.login-page-modal-header{padding:25px 25px 10px}
.login-page-modal-content{padding:25px}}@media screen and (max-width: 550px){.login-page-tumbledude{max-width:100px}}
.sign-up{width:100%}
.sign-up-heading-wrapper{padding:40px 80px;border-bottom:1px solid var(--gray-border)}
.sign-up-content-wrapper{padding:40px 80px 80px}
.sign-up__heading{font-weight:700;text-transform:uppercase}
.sign-up-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));grid-gap:50px}
.sign-up-text{display:grid;grid-row-gap:16px}
.sign-up-content__text{font-weight:400;font-size:16px;line-height:22px}
.sign-up-content__heading{font-weight:700;font-size:24px;line-height:29px}
.sign-up-form-fields{display:grid;grid-row-gap:16px;margin-bottom:16px}
.sign-up-box:not(:last-child){margin-bottom:8px}
.sign-up-form__text{display:block;font-weight:500;font-size:16px;line-height:24px;text-align:center}@media (max-width: 1200px){.sign-up-heading-wrapper{padding:40px}
.sign-up-content-wrapper{padding:40px 40px 80px}}@media (max-width: 992px){.sign-up-heading-wrapper{padding:40px 32px}
.sign-up-content-wrapper{padding:40px 32px 80px}
.sign-up-content__heading{font-size:20px}}@media (max-width: 768px){.sign-up-heading-wrapper,.sign-up-content-wrapper{padding:40px 24px}}@media (max-width: 480px){.sign-up-heading-wrapper{padding:24px 16px}
.sign-up-content-wrapper{padding:72px 16px 40px}}
.void{width:100vw;height:200vh}
.home{width:100%;border-top: 1px solid var(--gray-3);}
.home-heading-wrapper{padding:10px 80px;border-bottom:1px solid var(--gray-3);border-top:1px solid var(--gray-3)}
.home__heading{font-weight:700;text-transform:uppercase}
.home-content-wrapper{padding:20px 80px}
.home-content-centered{text-align: center}
.home-content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:auto;grid-gap:10px;margin-bottom:12px;justify-items: center;}
@media (max-width: 1024px){.home-content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:140px;grid-gap:10px;margin-bottom:10px}}
@media (max-width: 768px){.home-content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:120px;grid-gap:12px;margin-bottom:10px}}
.home-content-list__item{padding:10px;background:var(--white);cursor:pointer;border-radius:8px;transition:all .2s linear}
.home-content-list__item input{max-width: 181px;}
.home-content-list__item:hover{background-color:var(--gray-3)}
.home-content-list__image{width:100%;height:100%}
.home-content-list__image img{width:100%;height:100%;object-fit:contain}
.home-content-heading-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.home-content-heading{display: flex;flex-direction: column;font-weight: 700;font-size: 18px;line-height: normal;padding: 5px 0 5px 0;color: var(--lettuce-green-base);}
.home-content-cards{display:grid;grid-auto-rows:min-content;grid-row-gap:24px;margin-bottom:24px}@media (max-width: 1200px){.home-heading-wrapper{padding:40px}
.home-content-wrapper{padding:40px 32px 80px}}@media (max-width: 992px){.home-heading-wrapper{padding:40px 32px}
.home-content-wrapper{padding:40px 32px 80px}
.home-content__heading{font-size:20px}}@media (max-width: 768px){.home-heading-wrapper,.home-content-wrapper{padding:40px 24px}}@media (max-width: 480px){.home-heading-wrapper{padding:24px 16px}
.home-content-wrapper{padding:40px 16px}
.home-content-list{grid-auto-rows:160px;justify-content:center}
.home-content-heading-top{display:flex;flex-direction:column}}
.current-page{font-size:1.5rem;vertical-align:middle}nav.pagination-container{display:flex;align-items:center;justify-content:center;margin-bottom:24px}ul.pagination{display:flex;margin:0 auto}ul.pagination li{list-style:none;box-shadow:none!important}ul.pagination a.page-link{display:block;padding:.75rem 1rem;min-width:3.5rem;text-align:center;border:2px solid var(--gray-1);color:var(--text-primary);font-weight:900;font-size:1rem}ul.pagination a.page-link:hover{background-color:var(--gray-2)}ul.pagination li.page-item.active a.page-link{color:var(--dark-blue-600);background-color:var(--dark-blue-970);border:2px solid var(--gray-2)}@media screen and (max-width: 590px){ul.pagination a.page-link{min-width:2.8rem;padding:.7rem;font-size:.9rem}}
.content-detail{margin-left:25px;padding:6px;border-radius:8px;cursor:pointer;background:var(--blue-970);transition:all .2s linear}
.content-detail:hover{color:var(--white);background:var(--blue-base)}@media screen and (max-width: 480px){.content-detail{order:1;align-self:flex-end;margin-left:0;margin-bottom:25px}}
.content-sort{display:flex;align-items:center;justify-content:flex-start}
.content-sort label{display:none;}
.content-sort__title{margin-right:15px}
.content-sort__list{display:flex;flex-wrap:wrap;gap:15px}
.content-sort__item{padding:6px;border-radius:8px;cursor:pointer;transition:all .2s linear}
.content-sort__item:nth-child(2n + 1){background:var(--orange-900)}
.content-sort__item:nth-child(2n + 1):hover{color:var(--white);background:var(--orange-base)}
.content-sort__item:nth-child(2n + 1).sort{color:var(--white);background:var(--orange-base)}
.content-sort__item:nth-child(2n + 2){background:var(--red-900)}
.content-sort__item:nth-child(2n + 2):hover{color:var(--white);background:var(--red-base)}
.content-sort__item:nth-child(2n + 2).sort{color:var(--white);background:var(--red-base)}@media screen and (max-width: 480px){.content-sort{order:2;justify-content:start;align-self:flex-start}}

.tbc-bl{padding:40px;backdrop-filter:blur(25px);background-color:var(--gray-2);border:1px solid var(--gray-3);border-radius:16px;position:relative}
.tbc-bl__figures{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-position:right bottom;background-repeat:no-repeat;filter:blur(12px);z-index:-1}
.tbc-bl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.tbc-bl-top-title{display:flex;align-items:center;column-gap:16px;font-weight:700;text-transform:uppercase}
.tbc-bl-cards{display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:24px}
.tbc-bl-cards-card{position:relative;display:grid;grid-template-rows:215px auto;background:rgba(255,255,255,.8);border-radius:8px}
.tbc-bl-cards-card__img{width:100%;max-width:100%;height:100%;border-radius:8px 0 8px 0;cursor:pointer}
.tbc-bl-cards-card-info{padding:8px;border-radius:0 0 8px 8px}
.tbc-bl-cards-card-info__name{font-weight:500;font-size:16px;line-height:24px;margin-bottom:4px;cursor:pointer}
.tbc-bl-cards-card-info__author{font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray)}
.tbc-bl-cards-card__favorite-btn{position:absolute;z-index:1;right:8px;top:8px;background-color:var(--white)}@media (max-width: 992px){.tbc-bl{padding:40px 32px}
.tbc-bl-cards{grid-template-columns:repeat(5,1fr)}
.tbc-bl-cards-card:nth-child(6){display:none}}@media (max-width: 768px){.tbc-bl{padding:32px 24px}
.tbc-bl-top{flex-direction:column;align-items:flex-start;row-gap:24px}
.tbc-bl-top__button{align-self:stretch}
.tbc-bl-cards{grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);grid-row-gap:24px}
.tbc-bl-cards-card:nth-child(6){display:grid}}@media (max-width: 480px){.tbc-bl{padding:24px 16px}
.tbc-bl-cards{grid-template-columns:repeat(2,1fr)}
.tbc-bl-cards-card:nth-last-child(1),.tbc-bl-cards-card:nth-last-child(2){display:none}}
.ep-categories-wrapper{margin-top:24px;padding:0 80px 40px;background-color:var(--white)}
.ep-categories{display:grid}
.ep-categories-search{position:relative;width:100%}
.ep-categories__title{text-transform:uppercase;font-weight:700;margin:40px 0}
.ep-categories-items{display:grid;grid-row-gap:40px}@media (max-width: 992px){.ep-categories-wrapper{padding:0 32px 32px}
.ep-categories-search{margin-top:10px;width:100%;display:flex;column-gap:16px;align-content:stretch}
.ep-categories__title{margin-bottom:32px}}@media (max-width: 768px){.ep-categories-wrapper{background-color:var(--neutral-lighter)}
.ep-categories-wrapper{padding:0 24px 32px}
.ep-categories-items{grid-row-gap:32px}}@media (max-width: 480px){.ep-categories-wrapper{padding:0 16px 32px}}
.home-content-heading-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;margin-top:15px}
.ep-list-header{padding:40px 80px;border-bottom:1px solid var(--gray-3)}@media (max-width: 1200px){.ep-list-header{padding:40px}}@media (max-width: 992px){.ep-list-header{padding:40px 32px}}@media (max-width: 768px){.ep-list-header{padding:40px 24px}}@media (max-width: 480px){.ep-list-header{border-bottom:none}
.ep-list-header.search{border-bottom:1px solid var(--gray-border);margin-bottom:24px;padding:30px 24px 20px}}
.ep-list-header-selection{display:flex;align-items:center;column-gap:12px;padding:16px;border-radius:8px;background-color:var(--lettuce-green-970);color:var(--lettuce-green-base);text-transform:uppercase;font-weight:700;font-size:16px;line-height:20px;margin-bottom:0}
.ep-list-header-selection a{color:inherit;font:inherit;cursor:pointer}
.ep-list-header-selection span{color:inherit;font:inherit}
.ep-list-header-selection.is-subcategory{margin-bottom:0}
.ep-list-header-selection .tbc-icon{background-color:var(--lettuce-green-base);cursor:pointer}
.ep-list-header-selection.blue{background-color:var(--blue-970);color:var(--blue-base)}
.ep-list-header-selection.blue .tbc-icon{background-color:var(--blue-base)}
.ep-list-header-selection.green{background-color:var(--lettuce-green-970);color:var(--lettuce-green-base)}
.ep-list-header-selection.bgreenlue .tbc-icon{background-color:var(--lettuce-green-base)}
.ep-list-header-featured-badge{overflow:hidden;background:url("../images/badge-blue.76e93c2e.png") no-repeat right bottom / cover,url('../images/badge-icon.png') no-repeat right bottom;padding:40px;font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase;border-radius:16px;margin-bottom:40px}
.ep-list-header-featured-badge.no-margin{margin-bottom:0}
.ep-list-header-featured-tabs{margin-top:24px}
.ep-list-header-featured-tabs__title{font-weight:700;font-size:16px;line-height:22px;text-transform:uppercase;margin-bottom:16px}
.ep-list-header-featured-tabs-list{display:flex;overflow-x:auto;column-gap:24px}
.ep-list-header-featured-tabs-list__item{padding:8px;cursor:pointer;background-color:var(--white);border-radius:4px;font-weight:500;font-size:16px;line-height:24px;color:var(--text-gray);display:flex;align-items:center;justify-content:space-between;white-space:nowrap}
.ep-list-header-featured-tabs-list__item.active{background-color:var(--lettuce-green-base);color:var(--white)}
.ep-list-header-featured-search,.ep-list-header-featured-categories{display:none}@media (max-width: 992px){.ep-list-header-featured-search{margin-top:10px;width:100%;display:flex;column-gap:16px;align-content:stretch}
.ep-list-header-featured-badge,.ep-list-header-featured-badge.no-margin{margin-bottom:16px}
.ep-list-header-selection,.ep-list-header-selection.is-subcategory{margin-bottom:24px}}@media (max-width: 480px){.ep-list-header-featured-tabs{display:none}
.ep-list-header-featured-badge{margin-bottom:16px;padding:40px 32px}
.ep-list-header-featured-badge.no-margin{margin-bottom:16px}
.ep-list-header-featured-categories{display:block;margin-top:16px}
.ep-list-header-featured-tabs__title{font-size:18px;line-height:22px}}
.ep-list-header-core-badge{margin-bottom:24px;padding:16px;background-color:var(--blue-970);border:1px solid var(--gray-2);border-radius:8px;color:var(--blue-base);text-transform:none;font-weight:700;font-size:16px;line-height:22px; text-align: center;}
.ep-list-header-core-badge .tbc-icon{background-color:var(--blue-base);cursor:pointer}
.ep-list-header-core-tabs__title{font-weight:700;font-size:16px;line-height:22px;text-transform:uppercase;margin-bottom:16px}
.ep-list-header-core-tabs-list{display:flex;overflow-x:auto;column-gap:24px}
.ep-list-header-core-tabs-list__item{padding:8px;cursor:pointer;background-color:var(--white);border-radius:4px;font-weight:500;font-size:16px;line-height:24px;color:var(--text-gray);display:flex;align-items:center;justify-content:space-between;white-space:nowrap}
.ep-list-header-core-tabs-list__item.active{background-color:var(--lettuce-green-base);color:var(--white)}@media (max-width: 480px){.ep-list-header-core-tabs{display:none}
.ep-list-header-core-badge{margin-bottom:0}}
.ep-list-header-search__search-bar{margin-bottom:24px}
.ep-list-header-search__text{text-align:center;font-weight:700;font-size:18px;line-height:22px;margin-bottom:8px}
.ep-list-header-search__found-text{text-align:center;font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray)}
.ep-list-content-wrapper{padding:40px 80px 80px}
.ep-list-content{display:flex;flex-direction:column}
.ep-list-content-filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.ep-list-content-filters__results-text{font-weight:500;font-size:16px;line-height:24px}
.ep-list-content-filters-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,200px));grid-column-gap:12px}
.ep-list-content-cards{display:grid;grid-auto-rows:min-content;grid-row-gap:24px;margin-bottom:24px}
.ep-list-content-cards-card{padding:24px;border-radius:8px;background-color:var(--white);display:grid;grid-template-columns:132px 1fr;grid-column-gap:24px}
.ep-list-content-cards-card-details{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:24px}
.ep-list-content-cards-card__img{width:100%;max-width:100%;cursor:pointer;border-radius:8px}
.ep-list-content-cards-card-info__name{font-weight:500;font-size:24px;line-height:29px;margin-bottom:4px;cursor:pointer}
.ep-list-content-cards-card-info__author{margin-bottom:6px;color:var(--text-gray)}
.ep-list-content-cards-card-info-rating{display:flex;align-items:flex-start;column-gap:6px;font-weight:500;font-size:16px;line-height:24px;color:var(--text-secondary)}
.ep-list-content-cards-card-info-rating .tbc-icon{background-color:var(--yellow-400)}
.ep-list-content-cards-card-description{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.ep-list-content-cards-card-description__text{font-weight:400;font-size:18px;line-height:24px;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow-mode:"test"}
.ep-list-content-cards-card-description__more-btn{font-size:18px;line-height:24px;color:var(--lettuce-green-base);cursor:pointer}
.ep-list-content__show-more{margin-bottom:80px;margin-top:15px;align-self:center}
.ep-list-content-categories,.ep-list-content-filters-mobile{display:none}
.ep-list-header-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px}@media (max-width: 1200px){.ep-list-content-wrapper{padding:40px 40px 80px}
.ep-list-content__show-more{margin-bottom:40px}}@media (max-width: 992px){.ep-list-content-wrapper{padding:40px 32px 80px}}@media (max-width: 768px){.ep-list-content-cards-card-info-rating{flex-direction:column}
.ep-list-content-filters-mobile{display:block}
.ep-list-content-wrapper{padding:0 24px 80px}
.ep-list-content-cards-card{grid-template-columns:94px 1fr}
.ep-list-content-cards-card-details{grid-template-columns:1fr;grid-auto-rows:min-content;grid-row-gap:8px}
.ep-list-content-cards-card-description__text{-webkit-line-clamp:2}
.ep-list-content-filters-items{display:none}}@media (max-width: 480px){.ep-list-content-filters{margin-bottom:24px}
.ep-list-content-filters-mobile__btn{padding:8px}
.ep-list-content-categories{display:block;margin-bottom:40px}}
.contact-page-header-wrapper{padding:40px 80px;background-color:var(--white)}
.contact-page-header__title{margin-bottom:32px}
.contact-page-header-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.contact-page-header-tabs__tab{max-width:100px;text-transform:capitalize;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:12px;font-weight:500;font-size:16px;line-height:22px;color:var(--text-light-gray);border-bottom:3px solid transparent}
.contact-page-header-tabs__tab.active{color:var(--text-primary);border-bottom-color:var(--lettuce-green-base)}
.contact-page-content-wrapper{padding:40px 80px}
.contact-page-content{display:grid;grid-row-gap:24px}
.contact-page-content-box{display:grid;grid-row-gap:8px}
.contact-page-content__point{font-weight:500;font-size:16px;line-height:22px}
.contact-page-content__text{font-weight:400;font-size:16px;line-height:22px}
.contact-page-content__note{font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray)}@media (max-width: 1200px){.contact-page-header-wrapper,.contact-page-content-wrapper{padding:40px}}@media (max-width: 992px){.contact-page-header-wrapper,.contact-page-content-wrapper{padding:40px 32px}}@media (max-width: 768px){.contact-page-header-wrapper,.contact-page-content-wrapper{padding:40px 24px}}@media (max-width: 480px){.contact-page-header-wrapper,.contact-page-content-wrapper{padding:24px 16px}}
.ip-more-button{width:100%;max-width:200px;margin:40px auto 0}
.ip-content-list.partners{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.ip-content-list.partners .ip-content-list__item{padding:15px;border-radius:8px;background-color:var(--gray-3);transition:all .2s linear;align-items:baseline;margin-bottom:0}
.ip-content-list.partners .ip-content-list__image{margin-right:0}
.ip-content-list.long{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px}
.ip-content-list.long .ip-content-list__item{padding:24px;border-radius:8px;background-color:var(--white);transition:all .2s linear}
.ip-content-list.long .ip-content-list__item:hover{background-color:var(--gray-3)}
.ip-content-list.long .ip-content-list__image{margin-right:0;max-width:100%}
.ip-content-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:40px}
.ip-content-list__item{display:flex;align-items:flex-start;cursor:pointer}
.ip-content-list__image{width:100%;height:100%;max-width:250px;margin-right:25px}
.ip-content-list__image img{width:100%;height:100%;object-fit:contain}
.ip-content-list__info{display:flex;flex-direction:column}
.ip-content-list__title{font-size:19px;color:var(--lettuce-green-base);font-weight:600;margin-bottom:20px}
.ip-content-list__text{font-size:16px}
.ip-content__image{width:80%; padding: 10px;}
.ip-content__image img{width:100%;height:100%;object-fit:contain}
.ip-content-col{width:50%}
.ip-content-col:first-child{margin-right:40px}
.ip-content-col-70{width:70%;padding:10px 20px;text-align: center; object-fit:contain;}@media (max-width: 1020px){.ip-content-col-70{width:50%}} @media (max-width: 768px){.ip-content-col-70{width:100%}}
.ip-content-col-70 iframe {
	aspect-ratio: 16 / 9;
  width: 100%;
}

.ip-content-col-30{width:30%;padding:10px 20px;text-align: center; object-fit:contain}@media (max-width: 1020px){.ip-content-col-30{width:50%}}@media (max-width: 768px){.ip-content-col-30{width:100%}}

.ip-content-row{display:flex; margin-top: 20px;}
.ip-heading-wrapper{padding:40px 80px;border-bottom:1px solid var(--gray-border)}
.ip-content-wrapper{padding:40px 80px 80px}
.ip__heading{font-weight:700;text-transform:uppercase}
.ip__heading-list{display:flex;align-items:center;justify-content:center}
.ip__heading-list ul{display:flex}
.ip__heading-list ul li{color:var(--lettuce-green-base);font-size:18px}
.ip__heading-list ul li:not(:last-child){margin-right:35px}
.ip-content{display:grid;grid-row-gap:16px;}
.ip-content li{font-weight:400;font-size:16px;line-height:22px}ol,ul{margin-top:24px;margin-left:1.5em}
.ip-content__text{font-weight:400;font-size:16px;line-height:22px}
.ip-content__text_about{font-weight:400;font-size:16px;line-height:22px;margin-left:35px}
.ip-content-box:not(:last-child){margin-bottom:8px}
.ip-content__subheading{font-weight:700;font-size:18px;line-height:22px;display:flex;align-items:center}
.ip-content__subheading:before{content:"\2022";margin:0 8px;align-self:flex-start}a{color:var(--lettuce-green-base)}
.ip-privacy-content{display:grid;grid-row-gap:24px}
.ip-content__version{font-style:italic;font-weight:400;font-size:14px;line-height:24px;color:var(--lettuce-green-base)}
.ip-content__version_about{margin-top:1em;display:grid;grid-row-gap:1em;font-style:italic;font-weight:400;font-size:18px;line-height:24px;color:var(--lettuce-green-base)}
.ip-content__heading{font-weight:700;font-size:24px;line-height:29px}
.ip-testimonials-content{display:grid;grid-row-gap:24px}
.ip-testimonials-item{padding:24px;background-color:var(--white);border-radius:8px;border:1px solid var(--gray-3)}
.ip-testimonials-item__comment{font-weight:400;font-size:16px;line-height:22px;margin-bottom:24px}
.ip-testimonials-item__author,.ip-testimonials-item__where{font-weight:500;font-size:16px;line-height:22px}
.ip-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-gap:40px;align-items:flex-start}
.ip-pricing-item{display:flex;flex-direction:column;background-color:var(--lettuce-green-970);border-radius:8px;border:1px solid var(--gray-3)}
.ip-pricing-item__title{color:var(--white);background-color:var(--lettuce-green-base);text-align:center;font-size:24px;font-weight:600;border-top-right-radius:8px;border-top-left-radius:8px;padding:15px}
.ip-pricing-item__content{padding:40px}
.ip-pricing-item__content-item{font-size:18px;color:var(--lettuce-green-base);text-align:center}
.ip-pricing-item__content-item:not(:last-child){margin-bottom:25px}@media (max-width: 1200px){.ip-heading-wrapper{padding:40px}
.ip-content-wrapper{padding:40px 40px 80px}}@media (max-width: 992px){.ip-content-row{flex-direction:column}
.ip-content-col{width:100%}
.ip-content-col:first-child{margin:0 0 40px}
.ip-heading-wrapper{padding:40px 32px}
.ip-content-wrapper{padding:40px 32px 80px}
.ip-content__heading{font-size:20px}}@media (max-width: 768px){.ip__heading-list ul{flex-direction:column}
.ip__heading-list ul li:not(:last-child){margin-right:0;margin-bottom:20px}
.ip-content-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ip-content-list__item{flex-direction:column}
.ip-content-list__image{margin:0 auto}
.ip-heading-wrapper,.ip-content-wrapper{padding:40px 24px}}@media (max-width: 480px){.ip-content-list.partners{grid-template-columns:none;flex-direction:column}
.ip-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;align-items:flex-start}
.ip-heading-wrapper{padding:24px 16px}
.ip-content-wrapper{padding:72px 16px 40px}}
.cp-wrapper{padding:20px 40px; width:100%;margin:0 auto;background-color: var(--blue-970);}
.cp__title{font-weight:700;text-transform:uppercase;margin-bottom:40px}
.cp-main{display:grid;grid-template-columns:320px 1fr;grid-column-gap:40px}
.cp-grades{display:grid;grid-row-gap:14px;align-self:start}
.cp-grades-item{border-radius:8px;overflow:hidden;border:1px solid var(--gray-2);user-select:none}
.cp-grades-item.opened{border-color:var(--gray-3)}
.cp-grades-item__toggle{background-color:var(--gray-2);padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;line-height:17px;text-transform:uppercase;column-gap:16px}
.cp-grades-item-list{display:none}
.cp-grades-item.opened .cp-grades-item-list{display:grid}
.cp-grades-item-list__item{cursor:pointer;font-weight:400;font-size:14px;line-height:17px;display:flex;align-items:center;padding:14px 16px;column-gap:8px;user-select:none}
.cp-grades-item-list__item.selected{font-weight:500;font-size:14px;line-height:20px}
.cp-details{border-radius:16px;background-color:var(--white);border:1px solid var(--gray-3)}
.cp-details-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-3)}
.cp-details-header__title{font-weight:700;font-size:24px;line-height:29px;text-transform:uppercase}
.cp-details-header-actions{display:flex;align-items:center;column-gap:10px}
.cp-details-info{padding:24px;border-bottom:1px solid var(--gray-3)}
.cp-details-info__title{font-weight:500;font-size:16px;line-height:24px;margin-bottom:24px}
.cp-details-info__text{font-weight:400;font-size:16px;line-height:24px;color:var(--text-secondary)}
.cp-details-books{padding:24px;display:grid;grid-auto-rows:166px;grid-template-columns:repeat(2,1fr);grid-gap:24px}
.cp-details-books-book{padding:12px;display:grid;grid-template-columns:94px 1fr;grid-column-gap:16px}
.cp-details-books-book__img{width:100%;max-width:100%;cursor:pointer;height:100%;border-radius:8px}
.cp-details-books-book-info{position:relative}
.cp-details-books-book-info__favorites-btn{position:absolute;right:0;top:0}
.cp-details-books-book-info__name{font-weight:500;font-size:18px;line-height:22px;margin-bottom:2px}
.cp-details-books-book-info__author{font-weight:400;font-size:16px;line-height:24px;margin-bottom:6px}
.cp-details-books-book-info__rating{display:flex;align-items:center;column-gap:6px;font-weight:500;font-size:14px;line-height:20px;color:var(--text-secondary);margin-bottom:8px}
.cp-details-books-book-info__rating .tbc-icon{background-color:var(--yellow-400)}
.cp-details-books-book-info__description{font-weight:400;font-size:14px;line-height:20px;color:var(--text-secondary);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.cp-mobile{display:none}@media (max-width: 1200px){.cp-wrapper{padding:40px}
.cp-main{grid-column-gap:32px}
.cp-details-books{grid-template-columns:1fr}}@media (max-width: 992px){.cp-wrapper{padding:24px 32px}
.cp-main,.cp__title{display:none}
.cp-mobile{display:block}
.cp-mobile-reading__title{font-weight:700;font-size:18px;line-height:22px;text-transform:uppercase;margin-bottom:24px}
.cp-mobile-reading-grades{border-radius:8px;overflow:hidden;margin-bottom:24px}
.cp-mobile-reading-grades-selected{padding:16px;font-weight:700;font-size:14px;line-height:17px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:var(--gray-2);border:1px solid var(--gray-2)}
.cp-mobile-reading-grades-list{border:solid var(--gray-3);border-width:0 1px 1px 1px;border-radius:0 0 8px 8px}
.cp-mobile-reading-grades-list__item{padding:16px;font-weight:400;font-size:14px;line-height:17px;text-transform:uppercase;cursor:pointer}
.cp-mobile-reading-tabs{margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px}
.cp-mobile-reading-tabs__tab{font-weight:500;font-size:16px;line-height:22px;padding:8px 0;text-align:center;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;color:var(--text-light-gray)}
.cp-mobile-reading-tabs__tab.active{background-color:var(--lettuce-green-base);color:var(--white)}
.cp-mobile-texts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.cp-mobile-texts-header__title{display:flex;align-items:center;column-gap:16px}
.cp-mobile-texts-header__title .tbc-icon{cursor:pointer;background-color:var(--text-primary)}
.cp-mobile-texts__title{margin-bottom:24px;font-weight:500;font-size:16px;line-height:22px}
.cp-mobile-texts__description{margin-bottom:24px;font-weight:400;font-size:16px;line-height:22px;color:var(--text-secondary)}
.cp-mobile-texts__lesson-btn{margin-bottom:40px}
.cp-mobile-texts-books{display:grid;grid-template-columns:1fr;grid-auto-rows:166px;grid-row-gap:16px}}@media (max-width: 768px){.cp-wrapper{padding:24px}}@media (max-width: 480px){.cp-wrapper{padding:24px 16px}}
.tbc-categories-list{padding:0 16px;border-radius:16px;border:1px solid var(--gray-border)}
.tbc-categories-list__title{font-weight:700;font-size:16px;line-height:20px;text-transform:uppercase;margin-bottom:16px}
.tbc-categories-list-item{display:flex;align-items:flex-start;justify-content:space-between;font-weight:500;font-size:16px;line-height:24px;padding:16px 0;cursor:pointer}
.tbc-categories-list-item:not(:last-child){border-bottom:1px solid var(--gray-border)}
.tbc-categories-list-item .tbc-icon{background-color:var(--text-primary)}
.fp-wrapper{padding:40px 80px}
.fp__title{font-weight:700;text-transform:uppercase;margin-bottom:32px}
.fp-books{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(166px,auto);grid-gap:24px}
.fp-books-book{border-radius:8px;background-color:var(--white);padding:12px;display:grid;grid-template-columns:94px 1fr;grid-column-gap:16px;align-items:center}
.fp-books-book__img{cursor:pointer;width:100%;max-width:100%}
.fp-books-book-info{position:relative;padding-right:40px}
.fp-books-book-info__name{cursor:pointer;font-weight:500;font-size:18px;line-height:22px;margin-bottom:2px}
.fp-books-book-info__author{font-weight:400;font-size:16px;line-height:24px;color:var(--text-gray)}
.fp-books-book-info__rating{display:flex;align-items:center;column-gap:6px;font-weight:500;font-size:14px;line-height:20px;color:var(--text-secondary);margin-bottom:8px}
.fp-books-book-info__rating .tbc-icon{background-color:var(--yellow-400)}
.fp-books-book-info__description{font-weight:400;font-size:14px;line-height:20px;color:var(--text-secondary);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.fp-books-book-info__favorites-btn{position:absolute;right:0;top:0}@media (max-width: 992px){.fp-wrapper{padding:32px}
.fp-books{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.fp-wrapper{padding:24px}
.fp-books{grid-template-columns:1fr}}
.bd-breadcrumb{display:flex;align-items:center}
.bd-breadcrumb-wrapper{padding:40px 80px 150px;background-color:var(--gray-2);border-radius:0 0 16px 16px;background-color:var(--dark-blue-900)}
.bd-breadcrumb__item{cursor:pointer;font-weight:400;font-size:16px;line-height:24px;color:var(--gray-border)}
.bd-breadcrumb__item:not(:last-child):after{content:"/";margin:0 8px;font-weight:400;font-size:14px;line-height:17px;color:var(--gray-border)}
.bd-breadcrumb-wrapper.green .bd-breadcrumb__item,.bd-breadcrumb-wrapper.yellow .bd-breadcrumb__item,.bd-breadcrumb-wrapper.bright-green .bd-breadcrumb__item{color:var(--text-gray)}
.bd-breadcrumb-wrapper .bd-breadcrumb__item:last-child,.bd-breadcrumb-wrapper .bd-breadcrumb__item:hover{color:var(--white)}
.bd-breadcrumb-wrapper .bd-breadcrumb__item:last-child{cursor:default}
.bd-card{display:grid;grid-template-columns:360px 1fr;grid-column-gap:40px}
.bd-card-wrapper{padding:40px 80px 80px}
.bd-card-left{margin-top:-150px;z-index:1}
.bd-card-left-img{padding:40px;border-radius:24px;margin-bottom:40px}
.bd-card-left-img img{width:100%;height:100%;min-height:280px}
.bd-card-left-img.red{background:url("../images/e-letter-bg.7c57c9d8.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.purple{background:url("../images/h-letter-bg.png") no-repeat right bottom / 45% 30%,var(--gray-2)}
.bd-card-left-img.bright-green{background:url(../images/a-letter-bg.41add267.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.orange{background:url("../images/stone-bg.0d9d2f39.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.green{background:url("../images/heart-bg.0906fa59.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.pink{background:url("../images/sun-bg.8f908a02.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.yellow{background:url("../images/blast-bg.48f5484d.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-img.blue{background:url("../images/flower-bg.bab5c1c0.png") no-repeat right bottom / 45% 45%,var(--gray-2)}
.bd-card-left-actions{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-gap:16px}
.bd-card-left-actions__action{padding-left:0;padding-right:0}
.bd-card-left-actions__action.big{grid-column:span 2}
.bd-card-info{position:relative}
.bd-card-info__favorite{position:absolute;right:0;top:0}
.bd-card-info-name{font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;column-gap:16px;margin-bottom:8px}
.bd-card-info-name__rating{font-weight:500;font-size:16px;line-height:20px;display:flex;align-items:center;column-gap:8px}
.bd-card-info-name__rating .tbc-icon{background-color:var(--yellow-400)}
.bd-card-info__author,.bd-card-info__publisher{font-weight:400;font-size:16px;line-height:24px;color:var(--text-gray);margin-bottom:20px}
.bd-card-info-tags{margin-bottom:32px;display:flex;flex-wrap:wrap;gap:8px}
.bd-card-info__description{font-weight:400;font-size:16px;line-height:24px;color:var(--text-secondary);margin-bottom:32px}
.bd-card-info__button{margin-bottom:16px}
.bd-card-info-level{display:grid;border-radius:8px;background-color:var(--white);border:1px solid var(--gray-3)}
.bd-card-info-level__header{padding:12px 16px;text-transform:uppercase;font-weight:700;font-size:14px;line-height:17px;border-bottom:1px solid var(--gray-3)}
.bd-card-info-level__header.blue{background-color:var(--blue-970);color:var(--blue-base)}
.bd-card-info-level-data{display:grid;grid-template-columns:repeat(1,1fr)}
.bd-card-info-level-data-col{padding:16px}
.bd-card-info-level-data-col:not(:last-child){border-right:1px solid var(--gray-3)}
.bd-card-info-level-data-col__title{font-weight:500;font-size:12px;line-height:15px;text-transform:uppercase;color:var(--text-light-gray);margin-bottom:8px}
.bd-card-info-level-data-col__value{font-weight:400;font-size:14px;line-height:20px}
.bd-additional-wrapper{border-top:1px solid var(--gray-border);padding:80px}
.bd-similar{margin-bottom:80px}
.bd-similar-categories,.bd-similar-mobile-books,.bd-breadcrumb-mobile-actions,.bd-similar-explore-badge,.bd-card-info-mobile{display:none}@media (max-width: 1200px){.bd-similar{margin-bottom:40px}
.bd-card-wrapper,.bd-additional-wrapper{padding:40px}
.bd-card-info-name{padding-right:64px}}@media (max-width: 992px){.bd-similar-categories{display:block;margin-top:60px}
.bd-card-info__favorite{display:none}
.bd-breadcrumb-mobile-actions{display:flex;align-items:center;justify-content:space-between}
.bd-breadcrumb-mobile-actions .tbc-icon{background-color:var(--white)}
.bd-breadcrumb-wrapper{padding:16px 24px 150px}}@media (max-width: 768px){.bd-similar-desktop-books{display:none}
.bd-similar-mobile-books{display:flex;flex-wrap:nowrap;column-gap:16px;overflow-x:auto;margin-bottom:40px}
.bd-similar-mobile-books-book{width:148px;flex:0 0 148px;position:relative;display:grid;grid-template-rows:215px auto;background:rgba(255,255,255,.8);border-radius:8px}
.bd-similar-mobile-books-book__img{width:100%;max-width:100%;height:100%;border-radius:8px 0 8px 0;object-fit:cover;object-position:top center}
.bd-similar-mobile-books-book-info{padding:8px;border-radius:0 0 8px 8px}
.bd-similar-mobile-books-book-info__name{font-weight:500;font-size:16px;line-height:24px;margin-bottom:4px}
.bd-similar-mobile-books-book-info__author{font-weight:400;font-size:14px;line-height:20px;color:var(--text-gray)}
.bd-similar-mobile-books-book__favorite-btn{position:absolute;z-index:1;right:8px;top:8px;background-color:var(--white)}
.bd-card{grid-template-columns:1fr;grid-row-gap:24px}
.bd-card-left-img{max-width:261px;padding:24px 40px;margin:0 auto}
.bd-card-left-img img{width:100%;max-width:100%;min-height:181px}
.bd-card-left-actions.desktop{display:none}
.bd-card-info-name{justify-content:space-between}
.bd-card-info__description.desktop,.bd-card-info-level.desktop{display:none}
.bd-similar-categories{margin-top:40px}
.bd-card-info-mobile{display:block}
.bd-card-info-mobile-tabs{display:grid;grid-template-columns:1fr;margin-bottom:24px}
.bd-card-info-mobile-tabs__tab{padding-bottom:11px;font-weight:400;font-size:16px;line-height:22px;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:3px solid transparent;color:var(--text-light-gray);cursor:pointer}
.bd-card-info-mobile-tabs__tab.active{border-bottom-color:var(--lettuce-green-base);color:var(--text-primary)}
.bd-card-info-mobile .bd-card-info__description{margin-bottom:32px}
.bd-card-wrapper{padding:32px 24px 20px}
.bd-additional-wrapper{padding:20px 24px 32px;border-top:none}}@media (max-width: 480px){.bd-breadcrumb-wrapper{padding:16px 16px 150px}
.bd-card-wrapper{padding:24px 16px 20px}
.bd-additional-wrapper{padding:20px 16px 24px}
.bd-similar-explore-badge{display:block;padding:24px 16px;border-radius:16px}
.bd-similar-explore-badge__title{margin-bottom:24px;font-weight:700;font-size:18px;line-height:22px}
.bd-similar-explore-badge__btn{margin-right:20%}
.bd-similar-explore-badge.blue{background:url("../images/flower-bg.bab5c1c0.png") no-repeat right bottom / 45% 90%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.purple{background:url("../images/h-letter-bg.png") no-repeat right bottom / 45% 70%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.red{background:url("../images/e-letter-bg.7c57c9d8.png") no-repeat right bottom / 45% 80%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.pink{background:url("../images/sun-bg.8f908a02.png") no-repeat right bottom / 45% 90%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.green{background:url("../images/heart-bg.0906fa59.png") no-repeat right bottom / 45% 90%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.bright-green{background:url("../images/a-letter-bg.41add267.png") no-repeat right bottom / 45% 90%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.yellow{background:url("../images/blast-bg.48f5484d.png") no-repeat right bottom / 45% 70%,var(--gray-2);background-size:contain}
.bd-similar-explore-badge.orange{background:url("../images/stone-bg.0d9d2f39.png") no-repeat right bottom / 45% 90%,var(--gray-2);background-size:contain}}@media screen and (max-width: 768px){.bd-card-left-img{width:210px;height:210px;border-radius:8px;padding:6px;background:var(--white)!important}
.bd-card-left-img img{border-radius:8px;object-fit:cover}}
.tbc-filters-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:11;background-color:#00000080;display:flex;flex-direction:column}
.tbc-filters-box{height:100%;max-height:75vh;margin-top:auto;background-color:var(--white);border-radius:16px 16px 0 0}
.tbc-filters{height:100%;display:flex;flex-direction:column}
.tbc-filters-header{position:relative;font-weight:700;font-size:18px;line-height:22px;text-align:center;text-transform:uppercase;padding:24px 16px;border-bottom:1px solid var(--gray-border)}
.tbc-filters-header__close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;background-color:var(--text-primary)}
.tbc-filters-content{flex:1 1 auto;overflow-y:auto;padding:24px 16px}
.tbc-filters-actions{background-color:var(--white);padding:0 16px 24px;display:grid;grid-template-columns:2fr 3fr;grid-column-gap:8px}
.tbc-filters-actions__btn{padding:16px 0}
.tbc-filters-content-select{display:grid;grid-auto-rows:min-content;grid-row-gap:24px}
.tbc-filters-content-select-item{font-family:Inter,sans-serif;display:flex;align-items:center;position:relative;font-weight:500;font-size:16px;line-height:24px;text-transform:capitalize;cursor:pointer}
.tbc-filters-content-select-item__count{display:flex;text-align:center;align-items:center;justify-content:center;margin-left:10px;padding:0 4px;min-width:16px;height:16px;max-height:16px;border-radius:4px;background-color:var(--lettuce-green-base);color:var(--white);font-weight:500;font-size:11px;line-height:14px;font-family:Readex Pro,sans-serif}
.tbc-filters-content-select-item__arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--text-primary)}
.tbc-filters-content-select-badge{position:relative;padding:8px;border-radius:8px;cursor:pointer}
.tbc-filters-content-select-badge.non-fiction{background-color:var(--lettuce-green-970)}
.tbc-filters-content-select-badge.non-fiction .tbc-filters-content-select-badge__title{color:var(--lettuce-green-base)}
.tbc-filters-content-select-badge__title{font-weight:700;font-size:18px;line-height:22px;text-transform:uppercase}
.tbc-filters-content-select-badge__text{color:var(--text-secondary);font-weight:400;font-size:14px;line-height:20px;margin-top:4px}
.tbc-filters-content-select-badge__arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:var(--text-primary)}
.tbc-filters-content-filter-search{margin-bottom:24px}
.tbc-filters-content-filter-list{display:grid;grid-auto-rows:min-content;grid-row-gap:24px}
.tbc-filters-content-filter-list-item{font-family:Inter,sans-serif;display:flex;align-items:center;column-gap:12px;cursor:pointer;font-weight:500;font-size:16px;line-height:22px}
.ip-wrapper{padding:40px 80px}
.ip__title{font-weight:700;margin-bottom:32px;text-transform:uppercase}
.ip-categories{display:flex;align-items:center;column-gap:24px;overflow-x:auto;margin-bottom:24px}
.ip-categories__item{cursor:pointer;padding:8px;background-color:var(--white);border-radius:4px;color:var(--text-gray);white-space:nowrap}
.ip-categories__item.active{background-color:var(--lettuce-green-base);color:var(--white)}
.ip-search{width:100%;display:flex;column-gap:16px;align-content:stretch;margin-bottom:10px}
.ip-table{background-color:var(--white);border-radius:8px 0 8px 0}
.ip-table-col.ip-table-sort{padding:20px 16px 8px;cursor:pointer;display:flex;justify-content:space-between;font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray);user-select:none}
.ip-table-col.ip-table-sort.no-sort{cursor:default}
.ip-table-col.ip-table-sort.asc,.ip-table-col.ip-table-sort.desc{color:var(--text-primary)}
.ip-table-col.ip-table-sort.asc .tbc-icon{background-color:var(--text-primary);transform:rotate(-180deg)}
.ip-table-col.ip-table-sort.desc .tbc-icon{background-color:var(--text-primary)}
.ip-table-row{display:grid;grid-template-columns:repeat(6,1fr)}
.ip-table-row{border-bottom:1px solid var(--gray-3)}
.ip-table-col{padding:16px;font-weight:400;font-size:14px;line-height:20px}
.ip-table-col b{font-weight:700;font-size:14px;line-height:20px}
.ip-table-col-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}
.ip-sort,.ip-mobile-list,.ip-search-mobile{display:none}@media (max-width: 1200px){.ip-wrapper{padding:40px 40px 96px}}@media (max-width: 992px){.ip-wrapper{padding:24px 32px 40px}
.ip-categories,.ip-search,.ip-table{display:none}
.ip-search-mobile{width:100%;display:flex;column-gap:16px;align-content:stretch;margin-bottom:24px}
.ip__title{margin-bottom:24px}
.ip-sort{display:block;margin-bottom:20px}
.ip-sort__title{font-weight:500;font-size:16px;line-height:22px;margin-bottom:16px}
.ip-sort-items{display:flex;align-items:center;overflow-x:auto;column-gap:12px}
.ip-sort-items-item{display:flex;align-items:center;column-gap:8px;padding:8px;white-space:nowrap;text-transform:capitalize;font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray);border-radius:4px;background-color:var(--white);border:1px solid var(--gray-3);cursor:pointer}
.ip-sort-items-item .tbc-icon{width:20px;height:20px;min-width:20px;min-height:20px;background-color:var(--text-gray)}
.ip-mobile-list{display:block;background-color:var(--white);border-radius:8px;border:1px solid var(--gray-3);overflow:hidden}
.ip-mobile-list-header{display:grid;grid-template-columns:1fr 1fr;padding-right:28px}
.ip-mobile-list-header-left{padding:6px 16px}
.ip-mobile-list-header-left__title{margin-bottom:2px;font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray)}
.ip-mobile-list-header-left__author{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray)}
.ip-mobile-list-header-features{padding:20px 16px 8px;font-weight:500;font-size:14px;line-height:20px;color:var(--text-gray);display:flex;align-items:center;justify-content:space-between}
.ip-mobile-list-items-item{display:grid;grid-template-columns:1fr 28px;border-bottom:1px solid var(--gray-3)}
.ip-mobile-list-items-item.opened{background-color:var(--gray-1)}
.ip-mobile-list-items-item-content{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content}
.ip-mobile-list-items-item-top{display:grid;grid-template-columns:1fr 1fr}
.ip-mobile-list-items-item-top-info{padding:8px 16px}
.ip-mobile-list-items-item-top-info__title{font-weight:500;font-size:14px;line-height:20px;margin-bottom:4px}
.ip-mobile-list-items-item-top-info__author{font-weight:400;font-size:12px;line-height:15px;color:var(--text-gray)}
.ip-mobile-list-items-item-top-tags{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}
.ip-mobile-list-items-item-bottom{display:none}
.ip-mobile-list-items-item.opened .ip-mobile-list-items-item-bottom{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:16px;padding:8px 16px}
.ip-mobile-list-items-item-bottom-col__title{font-weight:400;font-size:12px;line-height:15px;margin-bottom:4px;color:var(--text-gray)}
.ip-mobile-list-items-item-bottom-col__value{font-weight:500;font-size:14px;line-height:20px}
.ip-mobile-list-items-item-toggle{cursor:pointer;padding:12px 4px}
.ip-mobile-list-items-item-toggle .tbc-icon{background-color:var(--text-primary);width:20px;height:20px;min-width:20px;min-height:20px}
.ip-mobile-list-items-item.opened .ip-mobile-list-items-item-toggle .tbc-icon{transform:rotate(-180deg)}}
.tbc-icon.sort-arrow-down{mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAB7CAAAewgFu0HU+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAALFJREFUWIXt0DEKwkAQheE/akJyJcEbWHgbUZsphNQexAOktbHxQCER1sZGEHV2V0R4X/+YnwEREREREXmr8A7Wu/28CNNF0tEQTm27PXs2M++Rprxe+nGyCbD0bu+6uhoO3pH7owBmVvVjdYyI7ZpyWJlZ770ZFQpRsdGRkBAKrtikSEgMhY9ikyMhQyi8jM0SCZlC4WlstkjIGAoPsWXOyK8ws9rM6l93iIiIiMhfuAH04lf+enkfwwAAAABJRU5ErkJggg==);-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAB7CAAAewgFu0HU+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAALFJREFUWIXt0DEKwkAQheE/akJyJcEbWHgbUZsphNQexAOktbHxQCER1sZGEHV2V0R4X/+YnwEREREREXmr8A7Wu/28CNNF0tEQTm27PXs2M++Rprxe+nGyCbD0bu+6uhoO3pH7owBmVvVjdYyI7ZpyWJlZ770ZFQpRsdGRkBAKrtikSEgMhY9ikyMhQyi8jM0SCZlC4WlstkjIGAoPsWXOyK8ws9rM6l93iIiIiMhfuAH04lf+enkfwwAAAABJRU5ErkJggg==)}@media (max-width: 768px){.ip-wrapper{padding:24px}}@media (max-width: 480px){.ip-wrapper{padding:24px 16px}}h1{font-size:28px;font-weight:700}h2,h3{font-size:20px}h4{font-size:16px}@media screen and (max-width: 992px){h1{font-size:24px}h2,h3{font-size:20px}h4{font-size:16px}}@media screen and (max-width: 768px){h1{font-size:24px}h2,h3{font-size:18px}h4{font-size:16px}}@media screen and (max-width: 480px){h1{font-size:24px}h2,h3{font-size:18px}h4{font-size:14px}}:root{--purple-970: #F6F1FE;--purple-900: #E1CFFA;--purple-base: #A16CF6;--purple-600: #8C55E8;--pink-970: #FDF1F8;--pink-900: #FAD9EA;--pink-base: #EE70AE;--pink-600: #EA529D;--blue-970: #F1F2FE;--blue-900: #C6CAFB;--blue-800: #8398F5;--blue-base: #4D60DE;--blue-600: #4961fc;--yellow-970: #FFFCF0;--yellow-900: #FEF4CE;--yellow-base: #FBCA14;--yellow-400: #E7B704;--bright-green-970: #FCFDF1;--bright-green-600: #F3F8C5;--bright-green-base: #B4D350;--bright-green-500: #B1E31C;--lettuce-green-970: #eafcf4;--lettuce-green-940: #9cd4bc;--lettuce-green-900: #51B285;--lettuce-green-base: #4fa87e;--lettuce-green-600: #469B73;--dark-blue-970: #d3e2ff;--dark-blue-940: #7e9bd6;--dark-blue-900: #5b78b4;--dark-blue-base: #506ca5;--dark-blue-600: #49608f;--green-970: #F0FFF5;--green-900: #E1FEEA;--green-base: #8EF1A8;--green-600: #77E191;--orange-970: #FEF9F1;--orange-900: #FDF2E2;--orange-base: #F5B655;--orange-600: #F2A13A;--red-970: #FDF3F1;--red-900: #fbe7e3;--red-base: #F08677;--red-600: #EB5C47;--white: #FFFFFF;--neutral-light: #F1F1F1;--neutral-lighter: #FAFAFA;--gray-1: #FAFAFA;--gray-2: #F1F1F1;--gray-3: #E8EAF3;--gray-border: #C5C9D8;--text-primary: #121213;--text-secondary: #53555D;--text-gray: #777B86;--text-light-gray: #B0B4C3}:root{--mobile-header-menu-height: 78px}
.tbc-btn{display:flex;align-items:center;justify-content:center;text-align:center;font-family:Readex Pro,sans-serif;cursor:pointer;text-transform:uppercase;padding:16px 32px;border-radius:10px;height:52px;font-weight:500;font-size:16px;line-height:20px;column-gap:10px}
.tbc-btn.md{padding:8px 16px;height:34px;font-size:14px;line-height:18px}
.tbc-btn.sm{height:23px;padding:4px 6px;border-radius:4px;font-size:12px;line-height:15px}
.tbc-btn.md .tbc-icon,.tbc-btn.sm .tbc-icon{width:20px;height:20px;min-width:20px;min-height:20px}

.tbc-btn.filled{box-shadow:0 8px 0 var(--dark-blue-900);background-color:var(--dark-blue-600);box-shadow:0 9px 0 var(--dark-blue-900);color:var(--white);}
.tbc-btn.filled:hover{background-color:var(--white);box-shadow:0 9px 0 var(--dark-blue-900);color:var(--dark-blue-600);border:1px solid var(--dark-blue-600);}

.tbc-btn.filled .tbc-icon{background-color:var(--white)}
.tbc-btn.filled.bright{flex:0 0 auto;margin:0 auto;background-color:#15c3f1;text-transform:none;font-family:Inter,sans-serif;font-size:25px;font-weight:600;box-shadow:none}
.tbc-btn.outline{box-shadow:0 9px 0 var(--dark-blue-600);border:2px solid var(--dark-blue-600);color:var(--dark-blue-600)}
.tbc-btn.outline .tbc-icon{background-color:var(--lettuce-green-600)}
.tbc-btn.outline:hover{color:var(--dark-blue-base);border:3px solid var(--dark-blue-900);box-shadow:0 9px 0 var(--dark-blue-900)}
.tbc-btn.outline:hover .tbc-icon{background-color:var(--dark-blue-900)}
.tbc-btn.text{box-shadow:0 9px 0 var(--dark-blue-970);color:var(--dark-blue-900);background-color:transparent}
.tbc-btn.text:hover{box-shadow:0 9px 0 var(--dark-blue-940);background-color:var(--dark-blue-970)}
.tbc-btn.text .tbc-icon{background-color:var(--dark-blue-base)}
.tbc-icon-btn{border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:52px;width:52px;min-height:52px;min-width:52px}
.tbc-icon-btn.md{height:36px;width:36px;min-height:36px;min-width:36px}
.tbc-icon-btn.filled{background-color:var(--dark-blue-base);color:var(--white)}
.tbc-icon-btn.filled:hover,.tbc-icon-btn.filled.active{background-color:var(--dark-blue-base)}
.tbc-icon-btn.filled:hover .tbc-icon,.tbc-icon-btn.filled.active .tbc-icon{background-color:var(--white)}
.tbc-icon-btn.outline{border:2px solid var(--dark-blue-base);background-color:var(--white);color:var(--dark-blue-base)}
.tbc-icon-btn.outline .tbc-icon{background-color:var(--dark-blue-base)}
.tbc-icon-btn.outline:hover,.tbc-icon-btn.outline.active{color:var(--dark-blue-base);border:3px solid var(--dark-blue-base)}
.tbc-icon-btn.outline:hover .tbc-icon,.tbc-icon-btn.outline.active .tbc-icon{background-color:var(--dark-blue-base)}
.tbc-icon-btn.text{color:var(--dark-blue-base)}
.tbc-icon-btn.text .tbc-icon{background-color:var(--dark-blue-base)}
.tbc-icon-btn.text:hover,.tbc-icon-btn.text.active{background-color:var(--dark-blue-970)}
.tbc-icon{width:24px;height:24px;min-width:24px;min-height:24px;mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;background-color:var(--text-light-gray)}
.tbc-icon.eye{mask-image:url("../images/eye-icon.png");-webkit-mask-image:url("../images/eye-icon.png")}
.tbc-icon.eye-closed{mask-image:url("../images/eye-closed.png");-webkit-mask-image:url("../images/eye-closed.png")}
.tbc-icon.heart{mask-image:url("../images/heart.png");-webkit-mask-image:url("../images/heart.png")}
.tbc-icon.heart.solid{mask-image:url("../images/heart-solid.png");-webkit-mask-image:url("../images/heart-solid.png")}
.tbc-icon.university{mask-image:url("../images/university.png");-webkit-mask-image:url("../images/university.png")}
.tbc-icon.university.solid{mask-image:url("../images/university-solid.png");-webkit-mask-image:url("../images/university-solid.png")}
.tbc-icon.star.solid{mask-image:url("../images/star-solid.png");-webkit-mask-image:url("../images/star-solid.png")}
.tbc-icon.star.starinline{display:inline-block}
.tbc-icon.star{mask-image:url("../images/star.png");-webkit-mask-image:url("../images/star.png")}
.tbc-icon.book-open.solid{mask-image:url("../images/book-open.png");-webkit-mask-image:url("../images/book-open.png")}
.tbc-icon.bookmark{mask-image:url("../images/Bookmark.805d6d49.png");-webkit-mask-image:url("../images/Bookmark.805d6d49.png")}
.tbc-icon.bookmark.solid{mask-image:url("../images/Bookmark.d2106299.png");-webkit-mask-image:url("../images/Bookmark.d2106299.png")}
.tbc-icon.lighting{mask-image:url("../images/Lightning.17810108.png");-webkit-mask-image:url("../images/Lightning.17810108.png")}
.tbc-icon.search{mask-image:url("../images/search.png");-webkit-mask-image:url("../images/search.png")}
.tbc-icon.layout{mask-image:url("../images/layout.png");-webkit-mask-image:url("../images/layout.png")}
.tbc-icon.cross{background:url("../images/cross.png") no-repeat;background-size:contain}
.tbc-icon.menu{background:url("../images/burger-icon.png") no-repeat;background-size:contain}
.tbc-icon.caret-right{background:url("../images/caret-right.png") no-repeat;background-size:contain}
.tbc-icon.caret-left{mask-image:url("../images/caret-left.png");-webkit-mask-image:url("../images/caret-left.png")}
.tbc-icon.caret-up{mask-image:url("../images/caret-up.png");-webkit-mask-image:url("../images/caret-up.png")}
.tbc-icon.caret-down{mask-image:url("../images/caret-down.png");-webkit-mask-image:url("../images/caret-down.png")}
.tbc-icon.explore{mask-image:url("../images/explore.png");-webkit-mask-image:url("../images/explore.png")}
.tbc-icon.explore.solid{mask-image:url("../images/explore-solid.png");-webkit-mask-image:url("../images/explore-solid.png")}
.tbc-icon.location-question.solid{mask-image:url("../images/location-question-solid.png");-webkit-mask-image:url("../images/location-question-solid.png")}
.tbc-icon.folder-open{mask-image:url("../images/folder-open.png")}
.tbc-icon.folder-open.solid{mask-image:url("../images/folder-open-solid.png");-webkit-mask-image:url("../images/folder-open-solid.png")}
.tbc-icon.book{mask-image:url("../images/book.png");-webkit-mask-image:url("../images/book.png")}
.tbc-icon.headphone.solid{mask-image:url("../images/Headphone.7da946d9.png");-webkit-mask-image:url("../images/Headphone.7da946d9.png")}
.tbc-icon.filter{mask-image:url("../images/filter.png");-webkit-mask-image:url("../images/filter.png")}
.tbc-icon.user{mask-image:url("../images/user.png");-webkit-mask-image:url("../images/user.png")}
.tbc-input{width:100%;padding:10px 15px;border-radius:8px;background-color:var(--white);height:52px;font-size:25px;font-weight:600}
.tbc-input:focus,.tbc-input:hover,.tbc-input.active{border-color:var(--dark-blue-940)}
.tbc-search-bar{position:relative;width:100%; margin:10px 0px 0px; 0px;}
.tbc-search-bar__icon{position:absolute;cursor:pointer;background-color:var(--text-primary);right:16px;top:50%;transform:translateY(-50%)}
.tbc-search-bar__input{height:52px;border:2px solid var(--gray-2);font-weight:400;font-size:14px;line-height:20px;padding:16px 40px 16px 16px;border-radius:8px;background-color:var(--white);width:90%;box-shadow:0 2px 0 var(--gray-2)}
.tbc-search-bar__input::placeholder{color:var(--text-primary)}
.tbc-search-bar__input.active{border-color:var(--lettuce-green-970);background-color:var(--white)}
.tbc-search-bar__input.active::placeholder{padding-left:12px}
.tbc-checkbox{width:24px;height:24px;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-border);border-radius:4px;cursor:pointer}
.tbc-checkbox.sm{width:20px;height:20px;min-width:20px;min-height:20px}
.tbc-checkbox__icon{display:none}
.tbc-checkbox.checked{border:1px solid var(--lettuce-green-base);background-color:var(--lettuce-green-base)}
.tbc-checkbox.checked .tbc-checkbox__icon{display:initial;width:16px;height:12px;mask:url("../images/checkbox-icon.png") no-repeat center;mask-size:contain;-webkit-mask-image:url("../images/checkbox-icon.png");-webkit-mask-position:center;-webkit-mask-size:contain;background-color:var(--white)}
.tbc-checkbox.sm.checked .tbc-checkbox__icon{width:13px;height:10px}
.tbc-select{position:relative}
.tbc-select-input{display:flex;align-items:center;position:relative;background-color:var(--white);border-radius:8px;height:52px;padding:14px 44px 14px 15px;cursor:pointer;font-size:25px;font-weight:600;line-height:24px;user-select:none}
.tbc-select-input span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.tbc-select-input__input{font-size:25px;font-weight:600;line-height:24px;width:100%}
.tbc-select-input.is-placeholder,.tbc-select-input__input::placeholder{color:var(--text-gray)}
.tbc-select-input__input::placeholder{padding-left:8px}
.tbc-select-input__arrow,.tbc-select-input__reset{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s}
.tbc-select-input__reset{cursor:pointer}
.tbc-select.opened .tbc-select-input__arrow{transform:translateY(-50%) rotate(-180deg)}
.tbc-select-dropdown{z-index:2;left:0;top:100%;margin-top:8px;position:absolute;border:1px solid var(--gray-3);box-shadow:-4px 4px 12px #0000000f;background-color:var(--white);overflow-y:auto;max-height:240px;width:100%;max-width:100%;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.tbc-select-dropdown__empty{padding:14px 16px;text-align:center}
.tbc-select.opened .tbc-select-dropdown{visibility:visible;opacity:1}
.tbc-select-dropdown-item{cursor:pointer;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;column-gap:8px;padding:14px 16px;word-break:break-word}
.tbc-select-dropdown-item:hover{background-color:var(--gray-1)}
.tbc-select-dropdown-item:active,.tbc-select-dropdown-item.selected{background-color:var(--gray-2)}
.tbc-radio{width:24px;height:24px;border-radius:50%;border:1px solid var(--gray-border);position:relative}
.tbc-radio.checked{border-color:var(--lettuce-green-base)}
.tbc-radio.checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:16px;height:16px;background-color:var(--lettuce-green-base)}
.tbc-input-error{color:var(--red-base);font-size:12px;margin-top:8px}
.tbc-chip{padding:8px 16px;border-radius:16px;font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase;display:flex;align-items:center;column-gap:16px;word-break:break-word}
.tbc-chip.md{font-size:16px;line-height:20px;column-gap:10px}
.tbc-chip.sm{font-size:12px;line-height:15px;column-gap:10px;padding:4px 8px}
.tbc-chip.purple{color:var(--lettuce-green-base);background-color:var(--lettuce-green-970)}
.tbc-chip.pink{background-color:var(--pink-970);color:var(--pink-base)}
.tbc-chip.blue{color:var(--blue-base);background-color:var(--blue-970)}
.tbc-chip.bright-green{color:var(--green-600);background-color:var(--green-970)}
.tbc-chip.red{color:var(--red-base);background-color:var(--red-970)}*{padding:0;margin:0;box-sizing:border-box;line-height:1.33;color:inherit;font-family:Inter,sans-serif}input,button{outline:none;appearance:none;background:none;border:none}a{text-decoration:none}body,html{min-height:100vh;overflow-x:hidden;background-color:var(--neutral-lighter)}html.no-scroll{overflow-y:hidden}
.page-wrapper{display:flex;flex-direction:column;min-height:100vh}
.container{max-width:1280px;margin:0 auto}
.container-hero{width:100%;margin:0 auto; padding: 1px; background-color: var(--dark-blue-970);}
.container-home{width:100%;margin:0 auto; padding: 1px;background-color: var(--blue-970);}
.debug-controller{position:fixed;right:0;top:50%;transform:translateY(-50%);background-color:var(--gray-1);border-radius:8px 0 0 8px;z-index:10;overflow:hidden}
.debug-controller__item{padding:8px;text-transform:capitalize;cursor:pointer}
.debug-controller__item.active{background-color:var(--lettuce-green-970);color:var(--lettuce-green-base)}@media (max-width: 768px){.page-wrapper:not(.login-page-wrapper){padding-bottom:var(--mobile-header-menu-height)}}
.blue-bg-skew{color:var(--white);text-align:center;position:relative;padding:20px 65px;z-index:1}
.blue-bg-skew:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--blue-800);border-radius:16px;transform:skew(354deg) rotate(357deg)}


// Partner Logos
.partner-logos {
  background-color: #eeeeee;
  padding: 12px;
}
.partner-logos__title {
  color: #5b78b4;
}
.partner-logos__body {
  
}
.partner-logo {
  max-width: 150px;
  height: auto;
}

.partner-logo + .partner-logo {
  margin-left: 10px;
}

// Subscriber Logos
.sub-logos {
  background-color: #eeeeee;
  padding: 12px;
}
.sub-logos__title {
  color: #5b78b4;
}
.sub-logos__body {
  
}
.sub-logo {
  max-width: 70px;
  height: auto;
}

.sub-logo + .sub-logo {
  margin-left: 10px;
}

// Generic Objects
.box {
  border: 1px dashed grey;
  padding: 12px;
}


// Utility classes
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.float--left {
  float: left;
}
.float--right {
  float: right;
}

// Testimonials

.span_testimonials {
width: 80%;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #000;
}
table.testimonials {
width: 100%;
text-align: center;
margin-bottom: 20px;
font-size: 14px;
font-weight: 700;
color: #000;
}
.testimonials tr {
padding-bottom: 10px;
margin-bottom: 10px;
}
.testimonials td {
padding: 5px 10px;
text-align: center;
border: #5b78b4 solid 3px;
border-radius: 20px;
}
.testimonials tr:nth-child(even) {
background-color: #e6eff7;
}
.testimonials tr:nth-child(odd) {
background-color: #f2f7fb;
}
.testimonials tr:hover {
background-color: #cee0ef;
}
@media only screen and (max-width:480px) {
.span_testimonials {
width: 80%;
}
table.testimonials {
width: 80%;
}
}


// Back-To-Top Button

 .topBtn {
  padding: 20px;
  text-align: right;
  bottom: 10px;
  right: 10px;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

// section elements

.section {
clear: both;
padding: 0;
margin: 0;
width: 90%;
background: #FFF;
}

.bookofday2 {
clear: both;
padding: 0;
margin: 0;
width: 100%;
background: #FFF;
}

.bookofday {
display: flex;
align-items: center;
justify-content: center;
}

.bookcover {
width: auto;
max-width: 150px;
padding: 5px;
}


.breadcrumb{display:flex;align-items:center}
.breadcrumb-wrapper{padding:20px 80px 20px;background-color:var(--gray-2);border-radius:0 0 16px 16px;background-color:var(--dark-blue-600)}
.breadcrumb__item{cursor:pointer;font-weight:400;font-size:16px;line-height:24px;color:var(--neutral-light)}
.breadcrumb__item:not(:last-child):after{content:"/";margin:0 8px;font-weight:400;font-size:14px;line-height:17px;color:var(--neutral-light)}
.breadcrumb-wrapper.green .breadcrumb__item,.breadcrumb-wrapper.yellow .breadcrumb__item,.breadcrumb-wrapper.bright-green .breadcrumb__item{color:var(--neutral-light)}
.breadcrumb-wrapper .breadcrumb__item:last-child,.breadcrumb-wrapper .breadcrumb__item:hover{color:var(--white)}
.breadcrumb-wrapper .breadcrumb__item:last-child{cursor:default}

// Columns Styles

.group:before, .group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}

.span_images1 {
    width: 16.2%;
}
.span_images2 {
    width: 16.2%;
}
.span_text1 {
    width: 28.8%;
}
.span_text2 {
    width: 28.8%;
}

// table collection

table.legend {
width: auto;
background: #FFF;
font-size: 14px;
font-weight: 700;
}
table.legend tr {
width: auto;
padding: 2px;
vertical-align: top;
}
table.legend td {
width: auto;
padding: 2px 10px 2px 2px;
vertical-align: middle;
}
table.collection {
width: 100%;
padding: 0;
text-align: left;
}
table.collection tr {
width: auto;
padding: 0;
vertical-align: top;
}
table.collection th {
width: auto;
padding: 5px;
vertical-align: middle;
background-color: var(--dark-blue-970);
font-size: 18px;
font-weight: 700;
}
table.collection tr:nth-child(even) {
background: var(--neutral-lighter);
}
table.collection tr:nth-child(odd) {
background: var(--neutral-light);
}
table.collection td {
width: auto;
padding: 5px;
text-align: left;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
color: #000;
}

// Tabbed Panels
.tabBg2 {
background-color: #fee8a5;
}
.TabbedPanels {
margin: 0;
padding: 0;
clear: both;
width: 100%;
}
.TabbedPanelsTabGroup {
margin: 0;
padding: 0;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 6px 12px;
margin: 0 1px 0 0;
background-color: #a6c3fc;
list-style: none;
border-left: 1px solid #a6c3fc;
border-bottom: 1px solid #6699ff;
border-top: 1px solid #a6c3fc;
border-right: 1px solid #a6c3fc;
cursor: pointer;
font-size: 16pt;
font-weight: bold;
color: #000;
}
.TabbedPanelsTabHover {
background-color: #6699ff;
color: #fff;
}
.TabbedPanelsTabSelected {
background-color: #6699ff;
color: #FFF;
border: #6699ff solid 1px;
}
TabbedPanelsContentVisible td {
padding: 6px;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border: #6699ff solid 1px;
background-color: #FFFFFF;
}
.TabbedPanelsContent {
padding: 0;
font-size: 12px;
}
.TabbedPanelsContent tr td {
padding: 10px;
}
.TabbedPanelsContent a {
color: #000;
margin-right: 12px;
font-size: 12px;
}

// span styles
.row {
clear: both;
width: 100%;
background: #FFF;
text-align: center;
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.col:first-child {
margin-left: 0;
font-size: 14px;
color: #000;
}
.span_full {
width: 100%;
vertical-align: top;
}
.span_half {
width: 49.2%;
vertical-align: top;
text-align: left;
}
.span_pagetitle {
width: 68.2%;
text-align: left;
}
.span_viewall {
width: 28.2%;
text-align: center;
}
.span_1_third {
width: 31.4%;
vertical-align: top;
text-align: left;
}
.span_2_third {
width: 62.8%;
vertical-align: top;
}
.span_1fourth {
width: 23.3%;
vertical-align: top;
}
.span_3fourth {
width: 70.6%;
vertical-align: top;
}
@media only screen and (max-width:640px) {
.span_full {
width: 100%;
}
.span_half {
width: 48.2%;
}
.span_pagetitle {
width: 42.2%;
padding-left: 20px;
}
.span_viewall {
width: 44.4%;
vertical-align: top;
padding-right: 20px;
text-align: right;
}
.span_1_third {
width: 31.4%;
vertical-align: top;
}
.span_2_third {
width: 62.8%;
}
.span_1fourth {
width: 20.8%;
}
.span_3fourth {
width: 70.6%;
}
}
@media only screen and (max-width:480px) {
.span_full {
width: 100%;
}
.span_half {
width: 100%;
}
.span_pagetitle {
width: 100%;
vertical-align: top;
padding-left: 20px;
}
.span_viewall {
width: 100%;
vertical-align: top;
padding-right: 20px;
text-align: right;
}
.span_1_third {
width: 100%;
}
.span_2_third {
width: 100%;
}
.span_1fourth {
width: 100%;
}
.span_3fourth {
width: 100%;
}
}
.span_images1 {
width: 16.2%;
}
.span_images1 img {
width: 100%;
height: auto;
}
.span_text1 {
width: 28.8%;
}
.span_images2 {
width: 16.2%;
}
.span_images2 img {
width: 100%;
height: auto;
}
.span_text2 {
width: 28.8%;
}
@media only screen and (max-width:480px) {
.span_images1 {
width: 100%;
}
.span_images1 img {
width: 100%;
}
.span_text1 {
width: 100%;
}
.span_images2 {
width: 100%;
}
.span_images2 img {
width: 100%;
}
.span_text2 {
width: 100%;
}
}

// Buttons and misc
.TTheader {
padding: 20px;
width: 90%;
margin: auto;
}
.TTheader img {
padding-right: 10px;
padding-left: 10px;
margin: auto;
}
.TT_text {
font-size: 18px;
color: #5b78b4;
}
.TT_textBold {
font-size: 18px;
color: #5b78b4;
font-weight: bold;
}
.TT_textOrangeTitle {
font-size: 24px;
color: #F2A13A;
font-weight: bold;
}
.TT_title {
font-size: 36px;
color: #5b78b4;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
vertical-align: middle;
}
.TT_Subtitle {
font-size: 24px;
color: #F2A13A;
font-weight: bold;
}
.TT_formText {
color: #F2A13A;
font-weight: bold;
}
.TT_label {
display: none;
}
.btnLogin {
font-size: 14px;
font-weight: bold;
cursor: pointer;
color: #000000;
background-color: #F2A13A;
background-image: url("../../images/btn_login.png");
border: 0;
height: 36px;
width: 125px;
}
.btn_blue {
border: 0;
background: var(--dark-blue-900);
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
cursor: pointer;
}
.btn_blue a {
color: #FFF;
text-decoration: none;
display: inline-block;
}
.btn_orange {
background: var(--orange-600);
border: 0;
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
cursor: pointer;
}
.btn_orange a {
background: var(--orange-600);
color: #FFF;
text-decoration: none;
display: inline-block;
}
.btn_orangeTime {
background: var(--orange-600);
border: 0;
width: 50px;
border-radius: 6px;
font-size: 10px;
font-weight: bold;
color: #FFF;
text-align: center;
}
.btn_orangeTime a {
background: var(--orange-600);
color: #FFF;
}
.btn_AddNew {
border: 0;
width: 190px;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
color: #5b78b4;
text-align: center;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
background-color: #FFF;
}
.btn_AddNew a {
background: #FFF;
color: #5b78b4;
display: inline-block;
vertical-align: middle;
margin-top: 10px;
margin-bottom: 10px;
}
.btn_AddNew a:hover {
color: #F2A13A;
}
.btn_AddNew img {
background: #FFF;
display: inline-block;
vertical-align: middle;
}

// blockquote styles

blockquote {
border-radius: 10px;
margin:24px;
padding: 12px;
font-style: italic;
color: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
width: auto;
padding: 20px;
display: block;
}
.bqFloatRt {
border-radius: 15px;
margin:24px;
font-style: italic;
color: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
padding: 12px;
width: 30%;
float: right;
clear: both;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
margin-left: 20px;
margin-right: 20px;
}
.bqFloatLt {
border-radius: 15px;
margin:24px;
font-style: italic;
color: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
padding: 12px;
width: 30%;
float: left;
clear: both;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
margin-left: 20px;
margin-right: 20px;
}

// Tumble Search styles
.tumblesearch {
max-width: 500px;
border: 0;
padding: 0;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.tumblesearch label { 
color: #5b78b4; 
font-weight: bold; 
line-height: 1.5em;
display: block;
margin: 10px 0 0 0;
text-align: center;
} 
.tumblesearch label:after { 
content: ":" 
}
.tumblesearch input {
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
border: #0076a3 solid 1px;
border-radius: 5px;
}
.tumblesearch input:focus {
    background-color: ivory;
}

.tumblesearch select {
margin: 0;
color: black;
padding: 5px 15px;
width: 182px;
height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
border: #0076a3 solid 1px;
border-radius: 5px;
display: inline;
}
.tumblesearch select:focus {
    background-color: ivory;
}

.displayDiv {
font-size: 12px;
border: solid 1px #F1F2FE;
color: #002888;
display: none;
}

#skip-to-main {
	background: #FFF;
	width: 90%;
}
#skip-to-main:before {
content: "\21AA";
font-weight: 700;
}
#skip-to-main a{
	position: static;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip-to-main a:focus{
	position: static;
	width: auto;
	height: auto;
}


#blue-search {
border: 2px solid #5b78b4;
background-color: aliceblue;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#purple-search {
border: 2px solid #93F;
background-color: #FAF6FF;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#green-search {
border: 2px solid #090;
background-color: #F4FAF4;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#red-search {
border: 2px solid #C00;
background-color: #FDF7F7;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#yellow-search {
border: 2px solid #C93;
background-color: #FEFBEF;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#aqua-search {
border: 2px solid #3CC;
background-color: #F6FCFC;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#magenta-search {
border: 2px solid #F0F;
background-color: #FFF9FF;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}
#orange-search {
border: 2px solid #F60;
background-color: #FFFBF9;
width: 280px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 5px;
margin-bottom: 10px;
border-radius: 10px;
}

.tftextinput {
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: #0076a3 solid 1px;
border-radius: 5px;
background-color: white;color: #000000;
}
.tftextinput input:focus {
    background-color: ivory;
}
.tftextinput select:focus {
    background-color: ivory;
}
.tftselect {
margin: 0;
color: black;
padding: 5px 15px;
width: 182px;
height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border: #0076a3 solid 1px;
border-radius: 5px;
}

.tfbutton {
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #ffffff;
border: #0076a3 solid 1px;
background: #0095cd;
border-radius: 5px;
}
.tfbutton:hover {
text-decoration: none;
background: #007ead;
}

// Common Core Tabbed Panels styles
.commoncore {
border-collapse: collapse;
width: 100%;
}
.commoncore td, .commoncore th {
border: #ddd solid 1px;
padding: 8px;
}
.commoncore tr:nth-child(even) {
background-color: #f2f2f2;
}
.commoncore tr:hover {
background-color: #ddd;
}
.commoncore th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A7C843;
color: white;
border: 0;
}
.commoncore th a {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A7C843;
color: white;
font-size: 14pt;
font-weight: 700;
}
.commoncore a {
color: #0fb1f2;
font-weight: 700;
padding: 5px 10px;
}
.commoncore a:hover {
color: black;
font-weight: 700;
}
.commoncore a:visited {
color: #0fb1f2;
font-weight: 700;
}
.tabBg2 {
background-color: #fee8a5;
}
.TabbedPanels {
margin: 0;
padding: 0;
clear: both;
width: 100%;
}
.TabbedPanelsTabGroup {
margin: 0;
padding: 0;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 6px 12px;
margin: 0 1px 0 0;
background-color: #a6c3fc;
list-style: none;
border-left: 1px solid #a6c3fc;
border-bottom: 1px solid #6699ff;
border-top: 1px solid #a6c3fc;
border-right: 1px solid #a6c3fc;
cursor: pointer;
font-size: 16pt;
font-weight: bold;
color: #000;
}
.TabbedPanelsTabHover {
background-color: #6699ff;
color: #fff;
}
.TabbedPanelsTabSelected {
background-color: #6699ff;
color: #FFF;
border: #6699ff solid 1px;
}
TabbedPanelsContentVisible td {
padding: 6px;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border: #6699ff solid 1px;
background-color: #FFFFFF;
}
.TabbedPanelsContent {
padding: 0;
font-size: 12px;
}
.TabbedPanelsContent tr td {
padding: 10px;
}
.TabbedPanelsContent a {
color: #000;
margin-right: 12px;
font-size: 12px;
}

// Select language options style
.select select,
		.select option {
			border: 1px solid #000;
			outline: none;
			font-size: 14px;
			padding: 5px 10px 5px 10px;
			background-color:#efe;
			color: black;
			-webkit-appearance: none; /* for Safari */
			margin: 0px;
			border-radius: 5px;
		}
		.select {
			position: absolute;
			display: flex;
			float: left;
		}
		.select .arrow {
			position: absolute;
			height: 100%;
			width: 25px;
			top: 0;
			right: 0;
			background-color: dimgray;
			pointer-events: none;
		}
		.select select:focus + .arrow,
		.select select:hover + .arrow{
			background-color: lightblue;
		}
		.select .arrow::before,
		.select .arrow::after {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			left: 5px;
		}
		.select .arrow::before {
			border-color: transparent transparent white transparent;
			border-width: 0 8px 8px 8px;
			top: 20%;
		}
		.select .arrow::after {
			border-color: white transparent transparent transparent;
			border-width: 8px 8px 0 8px;
			bottom: 20%;
		}
		.select label {
			font-size: 10pt;
			margin: 5px 5px 5px 0px;
			display: inline-block;
		}
@media (max-width: 1080px) {
  .select label {
	  display: none;
  }
}
.select select {
  vertical-align: middle;
  margin: 0px 5px 5px 0px;
  padding: 5px 10px;
  background-color: #efe;
  height: auto;
  border: 1px solid #5b78b4;
  border-radius: 3px;
}

/* Style the form - display items horizontally */
.form-inline {
  display: flex;
  float: right;
  flex-flow: row;
  align-items: center;
  font-size: 10pt;
}
.form-inline a {
  font-size: 10pt;
  margin-left: 5px;
  color:var(--dark-blue-base);
}
.form-inline a:hover {
  font-size: 10pt;
  margin-left: 5px;
  color:var(--lettuce-green-base);
  text-decoration:underline;
}
.form-inline span {
  font-size: 10pt;
  margin-right: 5px;
}

/* Add some margins for each label */
.form-inline label {
  margin: 5px 5px 5px 10px;
  display: inline-block;
}
@media (max-width: 1080px) {
  .form-inline label {
	  display: none;
  }
}

/* Style the input fields */
.form-inline input {
  vertical-align: middle;
  margin: 0px 5px 5px 0px;
  padding: 5px 5px;
  background-color: #efe;
  height: auto;
  border: 1px solid #5b78b4;
  border-radius: 3px;
}
.form-inline input:focus {
    background-color: ivory;
}
.form-inline select:focus {
    background-color: ivory;
}

/* Style the submit button */
.form-inline-button {
  padding: 5px 10px;
  background-color: #efe;
  border: 1px solid #5b78b4;
  color: #5b78b4;
  font-weight: 700;
}
.form-inline-button:hover {
  background-color: #5b78b4;
	color: white;
}

.form-inline input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  .form-inline input {
    margin: 5px 0px;
  }
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}

// Vendor logo

.imgVendor {
max-height: 60px;
}
.vendorimg {
max-height: 60px;
}

// Admin styles

.TTheader {
padding: 20px;
width: 90%;
margin: auto;
}
.TTheader img {
padding-right: 10px;
padding-left: 10px;
margin: auto;
}
.TT_text {
font-size: 18px;
color: #5b78b4;
}
.TT_textBold {
font-size: 18px;
color: #5b78b4;
font-weight: bold;
}
.TT_textOrangeTitle {
font-size: 24px;
color: #F2A13A;
font-weight: bold;
}
.TT_title {
font-size: 36px;
color: #5b78b4;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
vertical-align: middle;
}
.TT_Subtitle {
font-size: 24px;
color: #F2A13A;
font-weight: bold;
}
.TT_formText {
color: #F2A13A;
font-weight: bold;
}
.TT_label {
display: none;
}
.btnLogin {
font-size: 14px;
font-weight: bold;
cursor: pointer;
color: #000000;
background-color: #F2A13A;
background-image: url("../../images/btn_login.png");
border: 0;
height: 36px;
width: 125px;
}
.btn_blue {
border: 0;
background: var(--dark-blue-900);
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
cursor: pointer;
}
.btn_blue a {
color: #FFF;
text-decoration: none;
display: inline-block;
}
.btn_orange {
background: var(--orange-600);;
border: 0;
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
cursor: pointer;
}
.btn_orange a {
background: var(--orange-600);
color: #FFF;
text-decoration: none;
display: inline-block;
}
.btn_orangeTime {
background: var(--orange-600);
border: 0;
width: 50px;
border-radius: 6px;
font-size: 10px;
font-weight: bold;
color: #FFF;
text-align: center;
}
.btn_orangeTime a {
background: var(--orange-600);
color: #FFF;
}
.btn_AddNew {
border: 0;
width: 190px;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
color: #5b78b4;
text-align: center;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
background-color: #FFF;
}
.btn_AddNew a {
background: #FFF;
color: #5b78b4;
display: inline-block;
vertical-align: middle;
margin-top: 10px;
margin-bottom: 10px;
}
.btn_AddNew a:hover {
color: #F2A13A;
}
.btn_AddNew img {
background: #FFF;
display: inline-block;
vertical-align: middle;
}
.holder {
padding-top: 12px;
padding-bottom: 12px;
}
.TTtableHd1 {
background-color: #a7c843;
font-size: 18px;
font-weight: bold;
padding: 6px;
}
.TTtableHd1sm {
font-size: 14px;
}
.TTtableHd2 {
background-color: #93ba41;
font-size: 18px;
font-weight: bold;
padding: 6px;
}
.TTtableHd2sm {
font-size: 14px;
}
.TTtablebg1 {
background-color: #d3e2ff;
}
.TTchartSm {
background-color: #F1F2FE;
font-size: 12px;
color: #5b78b4;
font-weight: bold;
}
.TTchartSm2 {
background-color: #5b78b4;
font-size: 12px;
color: #fff;
font-weight: bold;
font-style: italic;
}
.TTchartSmBG {
background-color: #FFF;
font-size: 12px;
color: #5b78b4;
font-weight: bold;
}
.TTtablebg2 {
background-color: #F1F2FE;
}
.TTtablebgAdd {
background-color: #d3e2ff;
}
.TTtablebg0 a {
background-color: #d3e2ff;
color: #000;
text-decoration: underline;
}
.TTtablebg1 a {
background-color: #d3e2ff;
color: #000;
text-decoration: underline;
}
.TTtablebg2 a {
background-color: #F1F2FE;
color: #000;
text-decoration: underline;
}
.TTtablebgAdd a {
color: #009900;
text-decoration: none;
font-size: 16px;
}
.TTtablebg0 td {
background-color: #d3e2ff;
padding: 5px;
font-weight: bold;
vertical-align: text-bottom;
font-size: 16px;
}
.TTtablebg0 img {
vertical-align: text-bottom;
}
.TTtablebg1 td {
background-color: #d3e2ff;
padding: 10px;
font-weight: bold;
}
.TTtablebg2 td {
background-color: #F1F2FE;
padding: 10px;
font-weight: bold;
}
.TTtablebgAdd a {
color: #009900;
padding: 10px;
font-weight: bold;
}
.HistoryBar {
height: 10px;
width: 102px;
border: #a6c7e0 solid 1px;
text-align: left;
padding: 0;
}
.statsNumbers {
font-weight: bold;
color: #5b78b4;
text-align: center;
}
.statsNumbersRow1 {
font-weight: bold;
color: #5b78b4;
text-align: left;
background-color: #FAFAFA;
font-size: 16px;
padding: 10px 10px;
}
.statsNumbersRow1Log {
font-weight: bold;
color: #5b78b4;
text-align: left;
background-color: #F1F2FE;
font-size: 14px;
}
.statsNumbersRowCenter {
font-weight: bold;
color: #5b78b4;
text-align: center;
background-color: #F1F2FE;
font-size: 16px;
}
.IDRowCenter {
font-weight: bold;
color: #5b78b4;
text-align: left;
background-color: #F1F2FE;
font-size: 16px;
text-decoration: underline;
overflow: scroll;
height: 60px;
}
.statsHeaderQuiz {
font-weight: bold;
color: #FFF;
text-align: center;
background-color: #5b78b4;
font-size: 18px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
margin-left: 6px;
margin-right: 6px;
}
.statsHeaderQuiz span {
font-size: 13px;
padding-left: 2%;
padding-right: 2%;
}
.statsHeader1 {
font-weight: bold;
color: #FFF;
text-align: left;
background-color: #5b78b4;
font-size: 18px;
padding-top: 6px;
padding-bottom: 6px;
}
.statsNumbersRow2 {
font-weight: bold;
color: #5b78b4;
text-align: left;
background-color: #F1F2FE;
font-size: 16px;
padding: 10px 10px;
}
.statsNumbersRow1 img {
display: inline-block;
vertical-align: bottom;
}
.statsNumbersRow2Center {
font-weight: bold;
color: #5b78b4;
text-align: center;
background-color: #F1F2FE;
font-size: 18px;
}
.statsNumbersRow1 a {
text-decoration: underline;
}
.statsTotal {
font-weight: bold;
color: #F2A13A;
text-align: left;
background-color: #F1F2FE;
font-size: 18px;
}
.statsTotalCenter {
font-weight: bold;
color: #F2A13A;
text-align: center;
background-color: #d3e2ff;
font-size: 18px;
}
.statsTotal a {
color: #F2A13A;
text-decoration: underline;
}
.statsText {
font-weight: bold;
font-size: 16px;
color: #F2A13A;
}
.quizImage {
height: 70px;
width: 70px;
display: block;
}
.HistoryBar img {
height: 10px;
}
#contentNoScroll {
display: inline-block;
}
#contentNoScroll img.bookcover {
padding-top: 16px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.levelUser {
font-size: 20px;
font-weight: bold;
color: #5b78b4;
position: relative;
display: block;
float: right;
}
.levelHeader {
font-size: 24px;
font-weight: bold;
color: #5b78b4;
}
.statsHeaderQuiz img {
display: inline-block;
padding-left: 6px;
vertical-align: bottom;
}
.textOrange {
font-weight: bold;
color: #F2A13A;
}
.roundedTop {
padding: 10px;
background: #5b78b4;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedTopR {
padding: 10px;
background: #5b78b4;
border-top-right-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedTopL {
padding: 10px;
background: #5b78b4;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtmR {
padding: 10px;
background: #F1F2FE;
border-bottom-right-radius: 0.5em;
font-weight: bold;
color: #FFF;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtmL {
padding: 10px;
background: #F1F2FE;
border-bottom-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtm {
padding: 10px;
background: #F1F2FE;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
vertical-align: top;
}
.roundedTop img {
display: inline-block;
padding-left: 6px;
padding-right: 6px;
vertical-align: bottom;
}
.statsNumbers select {
color: #5b78b4;
font-weight: bold;
}
.ReadingEdit {
font-weight: bold;
border: #0c649c solid 1px;
padding: 4px;
}
.ReadingEditTime {
font-weight: bold;
border: #0c649c solid 1px;
padding: 4px;
text-align: center;
}

@media only screen and (max-width:768px) {
.TT_text, .TT_textBold, .btnLogin, .btn_blue, .btn_orange, .btn_orangeTime, .btn_AddNew, .TTtableHd1sm, .TTtableHd2sm, .TTchartSm, .TTchartSmBG, .TTtablebgAdd a, .TTtablebg0 td, .statsNumbersRow1, .statsNumbersRow1Log, .statsNumbersRowCenter, .statsNumbersRow2, .statsNumbersRow2Center, .statsText, .tabs label, .Quiztext, .Adminbtn_blue, .Adminbtn_orange, .adminText1, .Admin_btnSignOut, .statsHeaderQuiz span, .schoolsSelect {
font-size: 1em;
}
.TT_textOrangeTitle, .TT_title, .TT_Subtitle, .levelUser, .levelHeader, .roundedTop, .roundedTopR, .roundedBtmR, .statsTotal, .statsHeader1, .statsHeaderQuiz, .TTtableHd2, .TTtableHd1, .roundedTopQuiz, .schoolsHeader {
font-size: 1.2em;
}
#relatedContent h3, .Quiztitle, #searchQuizzes, .txtQuizSearch, .btnQuizSearch {
font-size: 1.2em;
}
}
.roundedTopQuiz {
padding: 10px;
background: var(--purple-600);
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtmQuiz {
padding: 10px;
background: #F1F2FE;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}
.Quiztitle {
font-size: 18px;
font-weight: bold;
color: #0c456b;
}
.Quiztitle img {
display: inline;
vertical-align: bottom;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.Quiztext {
font-size: 16px;
font-weight: bold;
padding: 0 20px;
background: #F1F2FE;
}
.col.span_1_third a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#searchQuizzes {
background-color: #d3e2ff;
padding: 6px;
font-size: 20px;
font-weight: bold;
color: #025e98;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}
.txtQuizSearch {
color: #5b78b4;
border: #5b78b4 solid 1px;
font-size: 18px;
}
.btnQuizSearch {
font-weight: bold;
color: #5b78b4;
background-color: #FFF;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
font-size: 18px;
}
#searchQuizzes input {
border: #5b78b4 solid 1px;
font-weight: bold;
color: #5b78b4;
background-color: #FFF;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
font-size: 18px;
}
.sectionCenter {
clear: both;
padding: 0;
margin: 0;
width: 90%;
background: #FFF;
text-align: center;
}
.Adminbtn_blue {
border: 0;
background: var(--dark-blue-900);
width: 200px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
}
.Adminbtn_blue a {
color: #FFF;
}
.Adminbtn_orange {
background: var(--orange-600);
border: 0;
width: 200px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
}
.Adminbtn_orange a {
background: var(--orange-600);
color: #FFF;
}
.AdminBar_orange {
background: #F1F2FE;
color: #5b78b4;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
text-align: left;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #F2A13A;
padding-top: 6px;
padding-bottom: 6px;
}
.adminText1 {
font-weight: bold;
color: #000;
font-size: 16px;
font-style: italic;
}
.Admin_btnSignOut {
font-weight: bold;
color: #5b78b4;
background-color: #d3e2ff;
font-size: 16px;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
float: right;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
.Admin_btnSignOut a:hover {
color: #F2A13A;
}
.Admin_btnSignOut a:visited {
color: #5b78b4;
background-color: #d3e2ff;
}
.statsHeaderQuiz span {
font-size: 14px;
font-weight: bold;
}
.orangeText {
color: #fa6604;
}
.schoolsSelect {
font-size: 16px;
font-weight: bold;
color: #5b78b4;
}
.schoolsHeader {
font-size: 24px;
font-weight: bold;
padding: 0;
color: #5b78b4;
}
.BlackText {
font-weight: bold;
font-size: 16px;
color: #000;
}
.BlackText a {
font-size: 16px;
color: #000;
text-decoration: underline;
}
.BlackText a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display: inline;
vertical-align: baseline;
padding-right: 6px;
padding-left: 6px;
}
.sectionMarket {
clear: both;
margin: 0;
background: #FFF;
text-align: left;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
}
.sectionMarket h1 {
font-size: 24px;
color: #5b78b4;
padding-top: 2px;
padding-bottom: 4px;
}
.sectionMarket a {
font-weight: bold;
text-align: center;
color: #000;
}
.marketingIcons {
padding: 10px;
}
.btn_Marketblue {
border: 0;
background: #d3e2ff;
width: 75px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #5b78b4;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
}
.btn_Marketblue a {
color: #5b78b4;
}
.sectionpage table tr td table tr td h2 a {
text-decoration: underline;
}
.sectionpage table tr td table tr td h2 a:hover {
color: #F2A13A;
}
.statsNumbersRowCenter label {
background-color: #F1F2FE;
color: #000;
padding: 0;
border-radius: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.form-group li label {
background-color: #FFF;
padding: 0;
color: #000;
}
.form-group label:hover {
background-color: #F1F2FE;
padding: 0;
color: #000;
border-radius: 0;
}
.AssignBk {
height: 70px;
width: 70px;
}
.modal-body tr td {
padding: 2px;
}
.studentId {
height: 90px;
width: 100%;
}
#classId {
background-color: #F1F2FE;
}
#studentId {
background-color: #F1F2FE;
font-weight: bold;
color: #5b78b4;
text-align: right;
font-size: 16px;
}
#Type {
background-color: #F1F2FE;
font-weight: bold;
color: #5b78b4;
text-align: right;
font-size: 16px;
}
div.scrollable {
width: 100%;
height: 90px;
max-height: 90px;
margin: 0;
overflow: auto;
padding-top: 0;
padding-right: 4px;
padding-bottom: 0;
padding-left: 0;
}
.scrollable hr {
background-color: #9acbf3;
height: 1px;
margin-top: 0;
margin-bottom: 0;
width: 100%;
border-width: 0;
color: #5b78b4;
}
#studentId label {
float: left;
clear: both;
display: inline-block;
font-size: 14px;
padding-left: 4px;
}
#Type label {
float: left;
clear: both;
display: inline-block;
font-size: 14px;
padding-left: 4px;
}
.type hr {
background-color: #9acbf3;
height: 1px;
margin-top: 0;
margin-bottom: 0;
width: 100%;
border-width: 0;
color: #5b78b4;
}
.modalTop {
background: #5b78b4;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 14px;
padding-top: 6px;
padding-bottom: 6px;
}
.assignComplete {
font-weight: bold;
color: #5894bc;
text-align: left;
background-color: #F1F2FE;
font-size: 16px;
}
.assignComplete a {
color: #5894bc;
}
.assignMessage {
font-weight: bold;
color: #5894bc;
text-align: left;
background-color: #F1F2FE;
font-size: 16px;
padding: 10px;
border-left: solid
}
.assignunComplete {
font-weight: bold;
color: #5b78b4;
text-align: left;
background-color: #F1F2FE;
font-size: 16px;
}

.assignunComplete a {
color: #5b78b4;
}
.assignHR {
background-color: #F1F2FE;
padding: 0;
margin: 0;
height: 2px;
text-align: center;
}
.assignHR hr {
background-color: #a5c6e0;
padding: 0;
height: 1px;
width: 100%;
border-width: 0;
color: #5b78b4;
margin: 0;
}
#datepicker {
text-align: center;
}
table.chkboxList tr td {
width: 156px;
text-align: right;
border-bottom: 1px solid #9acbf3;
}
.bkDetails {
background-color: #d3e2ff;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.bkDetails1 {
background-color: #F1F2FE;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.bkDetKeywords {
font-style: italic;
font-weight: bold;
color: #0c466b;
}
#bkDetSummary {
padding-right: 6px;
padding-left: 6px;
}
#bkDetDetails {
padding-right: 6px;
padding-left: 6px;
width: 180px;
}
#bkDetCol1 {
padding-right: 6px;
padding-left: 6px;
}
.btn_assign {
background: #fff;
border: 0;
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #0c466b;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
}
.btn_assign a {
background: #fff;
color: #5b78b4;
}
.span_bookcoverQuiz {
width: 20%;
text-align: left;
margin: 0 0 0 0;
}
.quizHR hr {
margin-top: 0;
border: 0;
border-bottom: 1px solid #a7c8e1;
}
.aboutleft img {
float: left;
padding-left: 10px;
padding-bottom: 10px;
}
.aboutright {
text-align: left;
}
.aboutright img {
float: right;
padding-right: 10px;
padding-bottom: 10px;
}
.sectionfeature {
clear: both;
margin-left: auto;
margin-right: auto;
width: 80%;
background: #FFF;
}
.footer_admin {
display: inline-block;
text-align: center;
margin: 2px;
}
.col.span_footernav {
text-align: center;
display: inline-block;
}
.col.span_footernav a {
text-align: center;
margin-right: 10px;
}
hr {
border: 0;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.spacer {
margin-top: 20px;
margin-bottom: 20px;
}
blockquote {
border-radius: 10px;
font-style: italic;
colo: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
width: 80%;
padding: 20px;
display: block;
}
.bqFloatRt {
border-radius: 15px;
font-style: italic;
color: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
width: 30%;
float: right;
clear: both;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
margin-left: 20px;
margin-right: 20px;
}
.bqFloatLt {
border-radius: 15px;
font-style: italic;
color: #5b78b4;
font-weight: bold;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
width: 30%;
float: left;
clear: both;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
margin-left: 20px;
margin-right: 20px;
}
breadcrumb {
padding: 10px 16px;
list-style: none;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
}
ul.breadcrumb {
padding: 10px 16px;
list-style: none;
background-color: #F1F2FE;
border: #5b78b4 solid 1px;
}
ul.breadcrumb li {
display: inline;
font-size: 18px;
}
ul.breadcrumb li + li:before {
padding: 8px;
color: black;
content: "/\00a0";
}
ul.breadcrumb li a {
color: #5b78b4;
font-weight: 700;
text-decoration: none;
}
ul.breadcrumb li a:hover {
color: #000000;
text-decoration: underline;
}
.pagination {
display: inline-block;
color: var(--dark-blue-600);
background-color: var(--gray-2);
border: 2px solid var(--gray-2);
flex-flow: wrap;
}
.pagination a {
display:block;padding:.75rem 1rem;min-width:3.5rem;text-align:center;border:2px solid var(--gray-1);color:var(--text-primary);font-weight:900;font-size:1rem;
}
.pagination a:hover {
background-color:var(--dark-blue-970);
}
.pagination a.active {
color:var(--dark-blue-600);background-color:var(--dark-blue-970);border:2px solid var(--gray-2);
}
.pagination a:hover:not(.active) {
background-color: var(--gray-3);
}
.pagination .arrows {
color:var(--dark-blue-600);background-color:var(--gray-2);border:2px solid var(--gray-2)
}

.commoncore {
border-collapse: collapse;
width: 100%;
}
.commoncore td, .commoncore th {
border: #ddd solid 1px;
padding: 8px;
}
.commoncore tr:nth-child(even) {
background-color: #f2f2f2;
}
.commoncore tr:hover {
background-color: #ddd;
}
.commoncore th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A7C843;
color: white;
border: 0;
}
.commoncore th a {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A7C843;
color: white;
font-size: 14pt;
font-weight: 700;
}
.commoncore a {
color: #0fb1f2;
font-weight: 700;
padding: 5px 10px;
}
.commoncore a:hover {
color: black;
font-weight: 700;
}
.commoncore a:visited {
color: #0fb1f2;
font-weight: 700;
}

/* Stats Table Style */
.stats {
    border-collapse: collapse;
    width: 100%;
}
.stats td, .stats th {
    border: 1px solid #0a68b3;
    padding: 5px;
}
.stats tr:nth-child(even) {background-color: #e6eff7;}
.stats tr:hover {background-color: #cee0ef;}
.stats th {
    padding: 5px;
	font-size: 14px;
    text-align: center;
    background-color: #0a68b3;
    color: white;
}
.stats a {
	font-weight: 700;
    color: #0fb1f2;
	text-decoration: underline;
}
.stats a:hover {
	font-weight: 700;
    color: #0a68b3;
	text-decoration: underline;
}

.roundedTop {
padding: 10px;
background: #5b78b4;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedTopR {
padding: 10px;
background: #5b78b4;
border-top-right-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedTopL {
padding: 10px;
background: #5b78b4;
border-top-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
text-align: center;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtmR {
padding: 10px;
background: #F1F2FE;
border-bottom-right-radius: 0.5em;
font-weight: bold;
color: #FFF;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtmL {
padding: 10px;
background: #F1F2FE;
border-bottom-left-radius: 0.5em;
font-weight: bold;
color: #FFF;
font-size: 20px;
padding-top: 6px;
padding-bottom: 6px;
}
.roundedBtm {
padding: 10px;
background: #F1F2FE;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
vertical-align: top;
}
.roundedTop img {
display: inline-block;
padding-left: 6px;
padding-right: 6px;
vertical-align: bottom;
}
.statsNumbers select {
color: #5b78b4;
font-weight: bold;
}
.ReadingEdit {
font-weight: bold;
border: #0c649c solid 1px;
padding: 4px;
}
.ReadingEditTime {
font-weight: bold;
border: #0c649c solid 1px;
padding: 4px;
text-align: center;
}

/* TEACHER PORTAL RESULTS */

.zero {
	display: none;
}
@media only screen and (max-width: 1024px)  {
.zero {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.zero {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.zero {
	padding: 5px 5px;
}
}
.one {
	background: crimson;
	padding: 5px 24px;
	color: #FFFFFF;
	font-weight: bold;
}
@media only screen and (max-width: 1024px)  {
.one {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.one {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.one {
	padding: 5px 5px;
}
}
.two {
	background: purple;
	padding: 5px 24px;
	color: #FFFFFF;
	font-weight: bold;
}
@media only screen and (max-width: 1024px)  {
.two {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.two {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.two {
	padding: 5px 5px;
}
}
.three {
	background: orange;
	padding: 5px 24px;
	color: #000000;
	font-weight: bold;
}
@media only screen and (max-width: 1024px)  {
.three {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.three {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.three {
	padding: 5px 5px;
}
}
.four {
	background: gold;
	padding: 5px 24px;
	color: #000000;
	font-weight: bold;
}
@media only screen and (max-width: 1024px)  {
.four {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.four {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.four {
	padding: 5px 5px;
}
}
.five {
	background: mediumseagreen;
	padding: 5px 24px;
	color: #000000;
	font-weight: bold;
}
@media only screen and (max-width: 1024px)  {
.five {
	padding: 5px 20px;
}
}
@media only screen and (max-width: 768px)  {
.five {
	padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
.five {
	padding: 5px 5px;
}
}
/* Quiz Portal Table Style */
.quizportal {
	font-size: 1em;
	font-weight: 500;
    border-collapse: collapse;
    width: 100%;
	margin-bottom: 20px;
}
.commoncore th {
    border: 0px;
    padding: 8px;
}
.quizportal td {
    border: 1px solid #ddd;
    padding: 8px;
	width:20%;
}
.quizportal tr:nth-child(even){background-color: #f2f2f2;}
.quizportal tr:hover {background-color: #ddd;}
.quizportal th {
    padding-top: 12px;
    padding-bottom: 12px;
	font-size: 1em;
    text-align: center;
    background-color: #0a68b3;
    color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.quizportal a {
    color: #0a68b3;
	font-weight: 700;
	padding: 5px 10px;
}
.quizportal a:hover {
    color: #000000;
	font-weight: 700;
}
.alert {
	position: fixed;
    top: 50%;
    left: 50%;
    width: 420px;
    line-height: normal;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
  	z-index: 20;
    padding: 20px;
    background-color: #FFFFFF;
	font-size: 1.25em;
	font-weight: 700;
    color: #0a68b3;
	border: 2px solid #5b78b4;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, .5);
}

.closebtn {
    margin-left: 15px;
    color: #5b78b4;
    font-weight: bold;
    float: right;
    font-size: 42px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

/* COOKIE CONSENT STYLES */
.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s; background-color: #F0FFF5;}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;background:#FFF;}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}
.cc-left{left:1em}
.cc-right{right:1em}
.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}
.cc-window.cc-banner{-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}
.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}
.cc-window.cc-bottom{bottom:0}
.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}
.cc-window.cc-floating{max-width:none}
.cc-window .cc-message{margin-bottom:1em}
.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}
.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-btn {display: block;padding:.4em .8em;font-size: 1em;font-weight: 700;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;cursor: pointer;background-color: #efefef;
}

// Book Page Layout styles

.span_bookcover {
width: 20%;
text-align: left;
margin: 26px 0 0 0;
}
.span_bookcover img {
width: 90%;
text-align: left;
display: block;
margin-bottom: 10px;
}
.span_bookcover input {
width: 90%;
text-align: left;
display: block;
margin-bottom: 10px;
}
.span_description {
width: 56%;
text-align: left;
}
.span_details {
width: 20%;
text-align: left;
}
@media only screen and (max-width:768px) {
.span_bookcover {
width: 30%;
}
.span_description {
width: 42%;
}
.span_details {
width: 24%;
}
}
@media only screen and (max-width:640px) {
.span_bookcover {
width: 36%;
}
.span_description {
width: 36%;
}
.span_details {
width: 24%;
}
}
@media only screen and (max-width:480px) {
.span_bookcover {
width: 100%;
}
.span_description {
width: 100%;
}
.span_details {
width: 100%;
}
}
.span_testimonials {
width: 80%;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #000;
}
// login page banner

.login-banner{background-size:contain;background-image:url("../images/tbl-banner-bg.jpg")}
.login-bg-skew{color:var(--white);font-size: 24px; font-weight: 700; text-align:center;position:relative;padding:20px 65px;z-index:1}
.login-bg-skew:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--orange-base);border-radius:16px;transform:skew(340deg) rotate(360deg)}
.login-content__text{font-weight:700;font-size:24px;line-height:29px; color: var(--dark-blue-600)}
.login__title{font-size:18px;font-weight:700;text-transform:uppercase;margin:40px 0; color: var(--lettuce-green-900)}


// login page slider style

.banner-heading {
	text-align: center; 
	line-height: normal; 
	font-decoration: bold; 
	font-size: 24pt; 
	color: #FFF;
	text-shadow: 2px 2px #000;
	margin-top: 0em;
  	margin-bottom: 0.5em;
}

// tags styles

.tags {}

.tags {
margin-top: 40px; text-align: left; font-size: 12pt; font-style: normal;font-weight: 700; text-transform: uppercase; color:var(--dark-blue-base);
}
.tags p {
  margin-bottom: 10px; font-size: 12pt; text-align: left; font-style: normal; font-weight: 700; text-transform: uppercase; color:var(--dark-blue-base);
}

.tags a {
  display: inline-flex; padding:0px 10px;border-radius:4px;color:var(--dark-blue-base);font-weight: 700;font-size:9pt;line-height:24px;background-color: #FFF; border-radius:8px;white-space:nowrap;user-select:none; border: 2px solid var(--dark-blue-base);
}
.tags a:hover{background-color:var(--dark-blue-base);color:var(--white)}
.tags.active{background-color:var(--dark-blue-base);color:var(--white)}	

.slider-wrapper{display:flex;flex-direction:column;min-height:300px}

.btn_freetrial {
border: 0;
width: auto;
border-radius: 6px;
font-size: 18pt;
font-weight: 700;
color: #5b78b4;
text-align: center;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
background-color: var(--yellow-base);
}
.btn_freetrial a {
background: var(--yellow-base);
color: #5b78b4;
}

.btn_freetrial:hover {
background: var(--yellow-base);
color: #FFF;
}

.btn_yellow {
background: var(--yellow-base);
border: 0;
width: 127px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 6px;
cursor: pointer;
}
.btn_yellow a {
background: var(--yellow-base);
color: #FFF;
text-decoration: none;
display: inline-block;
}


.logolink {width: auto; max-width: 120px; padding: 5px; } @media (max-width: 1020px){.logolink{max-width: 100px;}} @media (max-width: 768px){.logolink{max-width: 80px}}


#relatedContent {
display: block;
clear: both;
max-width: 800px;
margin: 100px auto 0;
}
#relatedContent h3 {
font-size: 30px;
text-align: center;
color: #FFF;
}
#relatedContent .item {
max-width: 44%;
padding: 3%;
float: left;
text-align: center;
}
#relatedContent .item a img {
max-width: 100%;
}

/* TABS */
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8 {
display: none;
}
#tab1:checked ~ .tabs #tab-content1, #tab2:checked ~ .tabs #tab-content2, #tab3:checked ~ .tabs #tab-content3, #tab4:checked ~ .tabs #tab-content4, #tab5:checked ~ .tabs #tab-content5, #tab6:checked ~ .tabs #tab-content6, #tab7:checked ~ .tabs #tab-content7, #tab8:checked ~ .tabs #tab-content8 {
display: block;
}
#tab1:checked ~ .tabs #label1, #tab2:checked ~ .tabs #label2, #tab3:checked ~ .tabs #label3, #tab4:checked ~ .tabs #label4, #tab5:checked ~ .tabs #label5, #tab6:checked ~ .tabs #label6, #tab7:checked ~ .tabs #label7, #tab8:checked ~ .tabs #label8 {
background: #5b78b4;
color: #fff;
}
.tabs {
width: 650px;
float: none;
list-style: none;
margin: 30px auto;
}
.tabs li {
display: block;
}
.labels:after {
content: '';
display: table;
clear: both;
}
.tabs label {
display: inline-block;
float: left;
padding: 10px 20px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: #F2A13A;
cursor: pointer;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FFF;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
}
.tabs label:hover {
background: #d3e2ff;
color: #5b78b4;
}
.tab-content {
display: none;
width: 100%;
padding: 0;
background-color: #ffffff;
}
.tabs input[type="radio"] {
display: none;
}
[id^="tab"]:checked ~ div[id^="tab-content"] {
display: block;
}
 [id^=tab]:checked ~ [id^=label] {
 background: #a8c7e3;
 color: #0e659d;
}

/* PARTNER TABS */
#partnertab1, #partnertab2, #partnertab3, #partnertab4, #partnertab5, #partnertab6, #partnertab7, #partnertab8 {
display: none;
}
#partnertab1:checked ~ .partnertabs #partnertab-content1, #partnertab2:checked ~ .partnertabs #partnertab-content2, #partnertab3:checked ~ .partnertabs #partnertab-content3, #partnertab4:checked ~ .partnertabs #partnertab-content4, #partnertab5:checked ~ .partnertabs #partnertab-content5, #partnertab6:checked ~ .partnertabs #partnertab-content6, #partnertab7:checked ~ .partnertabs #partnertab-content7, #partnertab8:checked ~ .partnertabs #partnertab-content8 {
display: block;
}
#partnertab1:checked ~ .partnertabs #partnerlabel1, #partnertab2:checked ~ .partnertabs #partnerlabel2, #partnertab3:checked ~ .partnertabs #partnerlabel3, #partnertab4:checked ~ .partnertabs #partnerlabel4, #partnertab5:checked ~ .partnertabs #partnerlabel5, #partnertab6:checked ~ .partnertabs #partnerlabel6, #partnertab7:checked ~ .partnertabs #partnerlabel7, #partnertab8:checked ~ .partnertabs #partnerlabel8 {
background: #5b78b4;
color: #fff;
}
.partnertabs {
	width: 650px;
	float: none;
	list-style: none;
	margin: 30px auto;
}
.partnertabs li {
	display: block;
}
.partnerlabels:after {
content: '';
display: table;
clear: both;
}
.partnertabs label {
display: inline-block;
float: left;
padding: 10px 20px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: #F2A13A;
cursor: pointer;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FFF;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
}
.partnertabs label:hover {
background: #d3e2ff;
color: #5b78b4;
}
.partnertabs-content {
display: none;
width: 100%;
padding: 0;
background-color: #ffffff;
}
.partnertabs input[type="radio"] {
display: none;
}
[id^=partnertab]:checked ~ div[id^=partnertab-content] {
 display: block;
}
 [id^=partnertab]:checked ~ [id^=partnerlabel] {
 background: #a8c7e3;
 color: #0e659d;
}

/* LIBRARY TABS */
#libtab1, #libtab2, #libtab3, #libtab4, #libtab5, #libtab6, #libtab7, #libtab8 {
display: none;
}
#libtab1:checked ~ .libtabs #libtab-content1, #libtab2:checked ~ .libtabs #libtab-content2, #libtab3:checked ~ .libtabs #libtab-content3, #libtab4:checked ~ .libtabs #libtab-content4, #libtab5:checked ~ .libtabs #libtab-content5, #libtab6:checked ~ .libtabs #libtab-content6, #libtab7:checked ~ .libtabs #libtab-content7, #libtab8:checked ~ .libtabs #libtab-content8 {
display: block;
}
#libtab1:checked ~ .libtabs #liblabel1, #libtab2:checked ~ .libtabs #liblabel2, #libtab3:checked ~ .libtabs #liblabel3, #libtab4:checked ~ .libtabs #liblabel4, #libtab5:checked ~ .libtabs #liblabel5, #libtab6:checked ~ .libtabs #liblabel6, #libtab7:checked ~ .libtabs #liblabel7, #libtab8:checked ~ .libtabs #liblabel8 {
background: #5b78b4;
color: #fff;
}
.libtabs {
	width: 650px;
	float: none;
	list-style: none;
	margin: 30px auto;
}
.libtabs li {
	display: block;
}
.liblabels:after {
content: '';
display: table;
clear: both;
}
.libtabs label {
display: inline-block;
float: left;
padding: 10px 20px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: #F2A13A;
cursor: pointer;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FFF;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
}
.libtabs label:hover {
background: #d3e2ff;
color: #5b78b4;
}
.libtabs-content {
display: none;
width: 100%;
padding: 0;
background-color: #ffffff;
}
.libtabs input[type="radio"] {
display: none;
}
[id^=libtab]:checked ~ div[id^=libtab-content] {
 display: block;
}
 [id^=libtab]:checked ~ [id^=liblabel] {
 background: #a8c7e3;
 color: #0e659d;
}

/** CCPremium Share Button **/
.share-btn {
  display: inline-block;
  background-color: #FFFFFF;
  color: #006699;
  border: none;
  padding: 0em;
  outline: none;
  text-align: center;
  margin: 0em;
}
.share-btn a {
  color: #006699;
}

.share-btn:focus,
.share-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.share-btn:active {
  color: red;
}

.share-btn::before {
  color: red;
}


.displayDivCC {
display: none;
font-size: 12px;
border: solid 1px #F1F2FE;
color: #002888;
background-color: #ffffff;
margin: 5px 5px 10px 0px;
padding: 5px;
display: none;
}

.share {
  display: inline-block;
  background-color: #FFFFFF;
  border: none;
  padding: 5px;
  outline: none;
  text-align: center;
  margin: 0em;
}

/** Skip to Main Content **/
.skip {
  position: absolute; //Positions the link absolutely on the page, allowing it to be placed anywhere.
  left: -9999px; //Moves the link far off-screen to the left, making it invisible to sighted users.
  z-index: 999; //Sets a high z-index, ensuring that the link will be on top of other page elements if it becomes visible.
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0; //Sets the link's opacity to 0, making it fully transparent and invisible.
}

.skip:focus {
  left: 50%; // When the link receives focus (e.g., when a keyboard user tabs to it), it is repositioned horizontally to the centre of the screen.
  transform: translateX(-50%); //This centres the link horizontally by moving it back to the left by 50% of its own width.
  opacity: 1; //The link's opacity is set to 1, making it fully visible.
}