@media print {
               body {
                  visibility: hidden;
               }
            }

body{
	font-family: 'Nanum Gothic', 'Roboto', sans-serif; 
	text-rendering: optimizeLegibility;
}
body.modal-open {
    overflow: visible;
}
html,
body {
	margin:0;
	padding:0 !important;
	height:100%;
}
#container{
	min-height: 100% !important;
	position:relative;
	margin: 0 auto;
	background-color: #F8F8FA;
}
.cardholder{
	overflow: visible;
	width: 100%;
	position: relative;
}
h1, h2, h3, h4, h5{
	font-weight: 400;
	color: #484848;
}
u{
	display: inline;
    border-bottom: 1px solid;
    padding-bottom: 1px;
    text-decoration: none;
    line-height: 1.5;
}
.landing-h{
	text-align: left;
    margin: 5px 0 20px 0;
    color: #b6bad7;
    font-weight: 600;
}
.tag-title{
	font-size: 30px;
}
.tag-title >i{
	color: #b6bad7;
}
a{
	color: #000;
}
a:hover{
	color: #283593;
}
a:focus{
	outline: none;
}
.no-pad{
	padding: 0 !important;
	margin: 0 !important;
}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px !important;}
.pt-10{padding-top: 10px;}
.pad-10{padding: 10px;}
.img-margin{margin: -20px !important;}
.childcard > .img-margin{
	margin: 0px !important;
}
.dummyheight{
	height: 50px;
}
/* Header style start*/
#divii-navbar {
    background-color: #1A2152;
    color: #FFFFFF;
    padding-top: 20px;
}
.singlep-nav{
	padding-top: 15px !important;
    padding-bottom: 10px;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
.main-menu{
	background-color: #141A40;
}
.row1{
    display: none;
}
.row2 {
    padding-bottom: 0px;
}
.search-tip{
	padding: 5px 0;
	font-weight: 300;
	color: #ffffffa3;
	margin: 0;
}
.divii-navbar-input, .divii-navbar-input:focus{
    padding: 11px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
	height: 34px;
    box-shadow: none;
    border-left: 1px solid #e7e8ec;
}

.search-select-btn{
	height: 34px;
    border: none;
    background: #fff;
    color: #313131;
    padding: 6px 8px;
}
.search-select-btn:focus, .search-select-btn:active{
	outline: none !important;
}
/*
.divii-navbar-button {
    background-color: #E0B600;
    border: 1px solid #E0B600;
    border-radius: 0 6px 6px 0;
    color: #fff;
    padding: 10px 10px;
    cursor: pointer;
    z-index: 10 !important;
}
.divii-navbar-button:focus, .divii-navbar-button:active{
	outline: none !important;
}
*/
.navigation-btn{
    padding: 9px 16px;
/*     height: 44px; */
    float: right;
    border-radius: 25px;
    margin: 4px 0 0 3px;
    color: #FFFFFF;
    font-weight: 500;
    border: 1px solid #D7D8DE;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.navigation-btn:hover{
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}	
.sign-up{
	background-color: #0C965D;
	border: none !important;
}
.sign-up:hover{
	background-color: #0FB872;
}

.sign-in:hover{
	background-color: #0d112b;
}
.upper-links {
    display: inline-block;
    line-height: 43px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 13px;
}
.upper-links:hover, .upper-links:focus{
	background-color: #0d112b;
	text-decoration: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
}

.dropdown:hover {
    background-color: #0d112b;
}

.dropdown:hover .links {
    color: #fff;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    background-color: #fff;
    color: #333;
    left: 0px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0px 15px 4px #5554542b;
    margin: 0;
    padding: 0px;
}
.search-select{
	border-radius: 6px;
	margin-left: -1px;
}
.search-select > li{
	margin: 0 !important;
}
.search-select > li > a{
	padding: 10px 25px 10px 12px;
}
.search-select > li > a > i{
	margin-right: 8px;
}
.search-select > li:first-child{
	border-bottom: 1px solid #e7e8ec;
}
.search-select-btn > span.caret{
	color: #8D96DE;
}
.search-panel{
/* 	border-right: 1px solid #e7e8ec; */
}
/*
span.big-search::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #E0B600;
    position: absolute;
    left: -5px;
    z-index: 9;
    transform: rotate(45deg);
    top: 17px;
}
*/

.lang-select{
	border-radius: 2px;
	margin-top: 0px;
}
.lang-select > li{
	margin: 0 !important;
}
.lang-select > li > a{
	padding: 10px 15px;
}
.sub-item-tabs > li > a{
	background: none;
	color: #8287a0;
}
.sub-item-tabs > li.active > a{
	background: none;
	color: #1d2351;
}
.sub-item-tabs > li:first-child > a{
	padding-left: 0;
}
.sub-item-tabs > li > a:hover, .sub-item-tabs > li > a:focus{
	background: none;
	color: #000;
}
.coupon-input{
	height: 44px;
}
.coupon-btn::before{
	display: none;
}
.videx-icon{
	background: url('../img/video_example-12.svg') no-repeat center center;
	background-size: auto 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 17px;
    width: 97px;
    clear: both;
}
.book-search-icon{
	background: url('../img/book-search.svg') no-repeat center center;
	background-size: auto 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 17px;
    width: 78px;
    clear: both;
}
.book-category-icon{
	background: url('../img/icon-category.svg') no-repeat center center;
	background-size: auto 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 17px;
    width: 25px;
    clear: both;
}

.links {
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    line-height: normal;
    font-size: 12px;
    white-space: nowrap;
}
.links:hover, .links:focus {
    color: #fff;
    text-decoration: none;
}
.profile-links {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: block;
    padding: 0 11px;
    line-height: 23px;
}
.profile-li{
    padding-top: 2px;
}
.largenav {
    display: none;
}
.smallnav{
    display: block;
    float: left;
    font-size: 20px;
    padding: 6px;
    border-radius: 5px;
    background-color: #12183B;
    color: #fff;
    z-index: 9999;
}
.smallsearch{
    margin-top: 15px;
    z-index: 1;
}
.menu{
    cursor: pointer;
}
.brand-img > img{
	width: 81px;
	height: 41px;
	color: #fff;
	text-decoration: none;
}
.brand-img-single > svg{
	width: 105px;
	height: 23px;
	color: #fff;
	text-decoration: none;
}

.brand-img:hover{
	color: #fff;
}
.mobile-menu{
	margin:0px;
	display: block;
	color: #fff;
}
.cart{
	padding: 0;
}
.index-bar{
		padding: 10px 0px;
}
.sub-topic-dropdown, .main-topic-dropdown{
	white-space: normal !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media screen and (max-width: 767px){
	.mob-no-pad{
/*
		padding: 0;
		overflow-x: hidden;
*/
	}
	h2{
		font-size: 20px;
	}
	.index-box{
		padding: 0px !important;
	}
	.card-outer{margin-bottom: 0px;}
/*
	.index-bar{
		padding: 5px 10px;
	}
*/
	.lang-btn{
		margin-top: 0 !important;
	}
	.navigation-btn{
		padding: 9px 10px;
	}
	.lang-btn{
		margin-top: 9px !important;
	}
	.single-index-btn{
		padding: 5px 10px !important;
		margin-top: -5px;
		margin-right: 0px !important;
	}
	.index-bar > .dropdown-menu{
		width: 100% !important;
		height: 
	}
	.index-hr1{
		font-size: 20px !important;
	}
	.index-hr2{
		font-size: 18px !important;
	}
	.child-index{
		font-size: 16px !important;
	}
	.carousel-cell{
		width: 100% !important;
	}
	.btn-learn{
		width: 100%;
	}
	.featured-tabs{
		display: flex !important;
    }
    .controls{
	    display: none;
    }
    .cart{
	    position: absolute !important;
	    top: 16px;
	    right: 12px;
    }
    .footer-link{
	    border-bottom: 1px solid #E9E9F2;
	    padding-bottom: 20px !important;
    }
    .footer-address{
	    padding-bottom: 10px;
	    border-bottom: 1px solid #bfbfbf;
	    margin-bottom: 10px;
    }
    .footer-link > li{
	padding: 8px 0 !important;
	}
	.footer-link > li:last-child{
		padding-bottom: 0px !important;
	}
	footer > .container {
		padding: 0 !important;
	}
	.big-footer > .container{
		background-color: #fff;
	}
    .footer-logo{
		padding-left: 15px !important;
		margin-bottom: 20px;
	}
	.social-block{
		float: left;
		text-align: left !important;
		margin-top: 20px;
	}
	.footer-social{
		padding-top: 0px !important;
	}
	footer{
/* 		padding-top: 10px !important; */
	}
	.footer-logo > p{
		padding-top: 10px !important;
	}
	.foot-vart-bord{
		clear: both;
	}
	.footer-copyright{
		margin-top: 0px !important;
	}
	.footer-text{
		border-bottom: 1px solid #E9E9F2;
		padding-bottom: 30px;
		margin-bottom: 0px;
	}
	.info-links{
		clear: both;
		padding-left: 0px;
		padding-top: 20px;
	}
	
	img.banner-image{
		height: auto !important;
		margin-left: -50% !important;
		width: 200% !important;
	}
	
	#inner_carousel > .carousel-inner{
	height: auto !important;
	margin: 0;
	}
	#divii-navbar{
		position: fixed;
	    z-index: 20;
	    width: 100%;
	    -webkit-transition: -webkit-transform .3s cubic-bezier(0.21, 0.58, 0.5, 0.88);
		-moz-transition: -moz-transform .3s cubic-bezier(0.21, 0.58, 0.5, 0.88);
		transition: transform .3s cubic-bezier(0.21, 0.58, 0.5, 0.88);
	}
	#divii-navbar.navhidden{
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.input-group-btn:first-child>.btn{margin-right: -1px !important;}
	#custom_carousel{
/* 		margin-top: 145px; */
	}
	.lang-item-cover:nth-child(2){
		padding-right: 15px;
	}
	.lang-item-cover:nth-child(3){
		padding-left: 15px;
	}
	.lang-item-cover:last-child {
    padding-left: 15px;
	}
	.cover-outer{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.lang-item{
		padding: 15px !important;
	}
	#inner_carousel{
/* 		margin-top: 154px; */
	}
	.banner-placeholder{
		height: 52px;
	}
	.filter-items > div:nth-child(n){
		margin-bottom: 20px;
	}
	.lang-tabs ul {
    	display: none !important;
  	}
  	.lang-tabs select {
    	display: inline-block !important;
  	}
  	.lang-tabs::after { /*  Custom dropdown arrow */
		content: "\25BC" !important;
		height: 1em;
		font-size: .625em;
		line-height: 1;
		right: 1.8em;
		top: 50%;
		margin-top: -.5em;
	}
	.lang-tabs select {
		background-color: #1abc9c;
		color: #fff;
		font-size: inherit;
		padding: .5em;
		padding-right: 2.5em;	
		border: 0;
		margin: 0;
		border-radius: 3px;
		text-indent: 0.01px;
		text-overflow: '';
		/*Hiding the select arrow for firefox*/
		-moz-appearance: none;
		/*Hiding the select arrow for chrome*/
		-webkit-appearance:none;
		/*Hiding the select arrow default implementation*/
		appearance: none;
	}
	.first-content{margin-top: 0px !important;}

	/* Card layout start */
	
	.card-block-prev{
		padding: 10px !important;
	}
	.preview-padding{
		padding-bottom: 60px !important;
	}
	.card-right, .card-left{
		display: none !important;
	}
/*
	.card-outer{
		margin-top: 180px;
	}
*/
	/* Card layout ends */
	#breadcrumb{
		display: none;
	}

}


@media screen and (min-width: 992px){
	.smallnav{
        display: none;
    }
}


@media screen and (min-width: 768px) {
    .largenav {
        display: block;
        margin: 0;
        padding: 0;
    }
    .largenav > a > img{
	    width: 90px;
	    height: 45px;
	    margin-left: 6px;
	    margin-bottom: 29px;
	}
	.brand-img-single-big >svg{
		width: 122px !important;
		height: 43px;
	}
    
    .smallsearch{
        margin: 0px;
    }
    .row1{
	    display: block;
    }
    .brand-img{
	    display: none;
    }
    .mobile-menu{
	    display: none;
    }
    .lang-item-cover{
	    width: 20%;
    }
    .card-top-gap{
	    display: none;
    }
}

/*Sidenav*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1004;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: 0 4px 8px -3px #555454;
    padding-top: 0px;
}
.sidenav a {
    padding: 13px 8px 13px 15px;
    text-decoration: none;
    font-size: 18px;
    color: #424242;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
}
.sidenav a:hover{
	background-color: #e8e7f3;
}
.sidenav .closebtn {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 25px;
    font-weight: 100;
    margin-left: 60px;
    color: #bdbfc7;
    line-height: 0;    
    display: none; 
    padding: 15px 10px;  
}
@media screen and (max-height: 450px) {
  	.sidenav a {font-size: 18px;}
}
.sidenav-heading{
    font-size: 30px;
    color: #fff;
    font-weight: 100;
    white-space: nowrap;
}
.lang-btn{
	padding: 5px;
    text-align: center;
/*     height: 41px; */
    float: right;
	margin-left: 5px;
	margin-top: 8px;
	background: none;
	border: none;
	border-radius: 2px;
}
.single-index-btn{
	color: #3846AE;
    padding: 10px 20px;
    display: block;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
}
.single-index-btn:hover{
	color: #fff;
	background-color: #3846AE;
}
.lang-btn:hover{
	background-color: #0d112b;
}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}
/* Header style ends */

footer{
	background-color: #fff;
	position:absolute;
	bottom:0;
	width:100%;
/* 	height: 60px; */
}
.big-footer{
	height: 188px;
/* 	display: inline-table; */
}
.footer-content{
	padding-top: 20px;
}
.footer-height{
	padding-bottom: 230px;
	min-height: 580px;
}
@media (max-width: 769px){
	.container.footer-height{
		width: 100%;
	}
}
.footer-height-single{
	padding-bottom: 69px;
	overflow: hidden;
}
.footer-left{
	padding-left: 0;
}
.footer-logo{
	padding-left: 0;
}
.footer-logo > img{
	width: 80px;
	height: 42.06px;
	margin-top: 20px;
}
.footer-logo > p{
	padding-top: 24px;
    margin: 0px;
}
.foot-vart-bord{
	border-left: 1px solid #E9E9F2;
	min-height: 120px;
}
.foot-vart-bord > h5{
	color: #3545BD;
	font-size: 18px;
	margin-top: 0px;
}
.social-block > h5{
	color: #3545BD;
	font-size: 18px;
	margin-top: 0px;
}
.footer-text{
	color: #7F86C4;
}
.footer-text > a{
	color: #DBB200;
}
.footer-link{
	padding: 0;
	list-style: none;
	margin-bottom: 0px;
}
.footer-link > li{
	padding-bottom: 10px;
}
.footer-link > li:last-child{
	padding-bottom: 0px;
}
.footer-link > li > a{
	color: #DBB200;
	font-size: 15px;
}
.footer-link > li > a:hover{
	
	color: #283593;
}
.footer-social{
	list-style: none;
	padding: 48px 0px 30px 0;
	margin-bottom: 0px;
	float: right;
}
.footer-social > li{
	float: left;
	padding-right: 10px;
}
.footer-social > li:last-child{
	padding-right: 0px;
}
.footer-social > li > a > svg{
	width: 33px;
	height: 33px;
    float: left;
}
.social-block{
	text-align: right;
	padding-right: 0px;
}
.info-links{
	padding-right: 0px;
}
#facebook{ fill:#5F83CF; }
#facebook:hover{ fill: #3F65B5; }
#twitter{ fill:#4AA0EC; }
#twitter:hover{ fill: #347CBD; }
#youtube{ fill:#D02726; }
#youtube:hover{ fill: #B31D1C; }
#pinterest{ fill:#E52046; }
#pinterest:hover{ fill: #C21B3B; }
#instagram:hover{ filter: brightness(90%); }

.footer-copyright{
	background-color: #1A2152; 
/* 	margin-top: 20px; */
}
.footer-copyright > .container{
	height: 30px;
    border-bottom: 7px solid #E0B600;
    width: 100%;
}
.footer-copyright > p, .footer-copyright>h5{
	color: #fff;
}
.footer-copyright>p > a{
	color: #DBB200;
}
.footer-copyright > .small-text{
	padding-top: 10px;
}
.footer-single{
	padding: 0 !important;
}
.no-height{
	height: 0 !important;
}
.pb-40{
	padding-bottom: 40px;
}

/* Custom corousel start*/
#custom_carousel .item {

    color:#8C6C19;
    background-color:#FBC02D;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    position: absolute;
    bottom: 90px;
    right: 15px;
    z-index: 20;
}
.control-container{
	position: relative;
}
#custom_carousel .controls li{
	opacity: .8;
	margin-bottom: 2px;
}
#custom_carousel .controls li.active {
    background-color:#eee;
    opacity: 1;
}
.banner-button > li > a{
	padding: 0;
	background-color: #fff;
	border-radius: 3px;
	height: 46px;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}
.banner-button > li > a:hover{
	filter: brightness(90%);
}

.banner-button > li > a:active{
	opacity: 1;
}
.banner-button > li > a > img{
	width: 300px;
	border-radius: 2px;
}
.carousel.fade {
    opacity: 1;
    z-index: 0;
}
.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}
.carousel.fade .item:first-child {
    top: auto;
    position: relative;
}
.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}
.carousel-inner{
	height: 380px;
}
.item img{
	height: 380px;
	margin-left: -115px;
}
/* Custom corousel ends*/

.pills-center{
	display: flex;
	justify-content: center;
}
.carousel > .flickity-page-dots .dot{
    width: 15px;
    height: 8px;
    margin: 0 8px;
    background: #283593;
    border-radius: 2px;
}
.carousel-cell {
	width: 40%;
	margin-right: 10px;
	background: #fff;
	border-radius: 2px;
	counter-increment: carousel-cell;
	display: table;
	min-height: 180px;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}

/*
.flickity-viewport{
	height: 190px !important;
}
*/

.carousel > .flickity-page-dots .dot{
    width: 12px;
    height: 6px;
    margin: 0 8px;
    background: #283593;
    border-radius: 2px;
}
.testimonial-img{
	vertical-align: middle;
	padding: 20px;
	height: 102px;
	border-radius: 2px 2px 0 0;
}
.testimonial-img > img{
	width: 60px;
	margin-right: 10px;
	float: left;
}
.testimonial-img > span h5{
	font-weight: 500;
    margin-bottom: 2px;
    margin-top: 25px;
}

.testimonial-cont{
	text-align: left;
	padding: 20px;
	background-color: #464FBD;
	color: #fff;
	border-radius: 0 0 2px 2px;
	height: 78px;
}
.testimonial-cont > p{
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.pot-cover-img{
	height: 144px;
	width: 97px;
	border: 1px solid #bfbfbf;
	background-color: #ededed;
/* 	padding: 20px; */
}
.cover-outer{
	padding: 5px;
	margin: 0 !important;
}

/*
.books-stack > .cover-outer:nth-child(3n+1){
	padding-left: 0;
}
.books-stack > .cover-outer:nth-child(3n+3){
	padding-right: 0;
}
*/
.cover-thumb{
/* 	border: 1px solid #c5c5ef; */
	border-radius: 2px;
	padding: 20px;
	display: block;
	background-color: #fff;
	height: 184px;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}
.cover-thumb:focus{
	text-decoration: none;
}
.cover-thumb:hover{
	text-decoration: none;
	background-color: #fff;
}
.cover-thumb:hover .pot-cover-img{
	filter: brightness(80%);
}
.cover-thumb:hover .thumb-cont>h4{
	color: #1F2C9C;
}
/*
.cover-thumb > img{
	border-radius: 21px;
}
*/
.first-content{margin-top: 70px;}
.cover-thumb > img:hover{
	
}
.book-price{
	margin-top: -5px;
	padding-top: 10px;
}
.thumb-cont > h4{
	color: #000;
	font-weight: 400;
	height: 90px;
    font-size: 16px;
    overflow-y: hidden;
    margin: 0;
}
.book-price > small{
	color: #969696;
}
.book-price > .price-tag{
	color: #d6ae00;
}
.thumb-cont{
	text-align: left;
    display: table-cell;
    padding-right: 20px;
    padding-left: 20px;
}
.featured-tabs{
	overflow-x: auto;
	overflow-y: hidden;
	display: inline-block;
	text-align: center;
	height: 25px;
	width: 100%;
/* 	border-bottom: 1px solid #e6e6e6; */
}
.featured-tabs>li.active>a, .featured-tabs>li.active>a:focus, .featured-tabs>li.active>a:hover{
	border-width: 0; background: transparent;
}
.featured-tabs>li>a{
	border: none; color: #8287a0; padding: 1px; margin-right: 40px; white-space: nowrap;
}
.featured-tabs > li.active > a, .featured-tabs > li > a:hover { 
    border: none; color: #1d2351 !important; background: transparent; 
}
.featured-tabs > li > a::after { 
    content: ""; background: #1d2351; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); 
}
.featured-tabs > li.active > a::after, .featured-tabs > li:hover > a::after { 
    transform: scale(1); 
}


.btn-tag{
	color: #464646;
	margin: 3px 2px;
	border-radius: 2px;
	background-color: #fff;
}
.btn-tag:nth-child(7n+0){
	border: 2px solid #FFCCBC;
}
.btn-tag:nth-child(7n+0):hover{
	background-color: #FFCCBC;
	color: #000;
}
.btn-tag:nth-child(7n+1){
	border: 2px solid #BBDEFB;
}
.btn-tag:nth-child(7n+1):hover{
	background-color: #BBDEFB;
	color: #000;
}
.btn-tag:nth-child(7n+2){
	border: 2px solid #E8CE38;
}
.btn-tag:nth-child(7n+2):hover{
	background-color: #E8CE38;
	color: #000;
}
.btn-tag:nth-child(7n+3){
	border: 2px solid #B2DFDB;
}
.btn-tag:nth-child(7n+3):hover{
	background-color: #B2DFDB;
	color: #000;
}
.btn-tag:nth-child(7n+4){
	border: 2px solid #F8BBD0;
}
.btn-tag:nth-child(7n+4):hover{
	background-color: #F8BBD0;
	color: #000;
}
.btn-tag:nth-child(7n+5){
	border: 2px solid #C5E1A5;
}
.btn-tag:nth-child(7n+5):hover{
	background-color: #C5E1A5;
	color: #000;
}
.btn-tag:nth-child(7n+6){
	border: 2px solid #D1C4E9;
}
.btn-tag:nth-child(7n+6):hover{
	background-color: #D1C4E9;
	color: #000;
}

.btn-all-links{
	color: #1F2B85;
    float: right;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: -19px;
}
.btn-all-links:hover{
	color: #4654c4;
}
.btn-all-links > i{
	font-weight: bolder;
}
.lang-item-cover{
	padding: 0 15px 15px 0;
}
.lang-item-cover:first-child{
	padding-left: 15px;
}
.lang-item-cover:last-child{
/* 	padding-right: 15px; */
}
.lang-item{
    padding: 12px 0px 5px 0px;
    font-size: 20px;
    font-weight: 400;
/* 	border: 1px solid #C7C7ED; */
	margin-right: 20px;
}
.lang-item:hover{
	text-decoration: none;
	border-bottom: 2px solid #3C4DCF;
	color: #3C4DCF;
}
.lang-item > h4{
	position:relative;
    display:inline-block;
	color: #5d5d5d; 
    margin: 0px;
}
.lang-item.active{
	border-bottom: 2px solid #3C4DCF;
	color: #3C4DCF;
}
.lang-item.active h4, .lang-item.active h4:hover{
	color: #3C4DCF;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  display: none !important;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px;
  border-radius: 0 2px 2px 2px;
}
.dropdown-submenu:hover>.dropdown-menu {
   display: block !important; 
   position: absolute;
   top: 6px;
   width: 250px;
   min-height: 176px;
   border-radius: 0;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
.dropdown-submenu:hover>a{
	background-color: #e8e7f3;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.multi-level > li > a{
	padding: 12px 40px 12px 20px;
	white-space: normal;
}
.multi-level > li > a:hover{
	background-color: #e8e7f3;
}
.sidenav > .container{
	background-color: #1A2152; 
	padding-top: 15px;
	height: 70px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e8e7f3;
}
#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


/* Inner pages style */

.book-filter{
	display: inline-block;
    margin: 3px -3px 3px auto;
    float: right;
    white-space: nowrap;
}
.category-title{
	display: inline-block;
    color: #5f5f5f;
    margin-bottom: 6px;
    margin: 7px 0;
    font-size: 14px;
    font-weight: bold;
}
.category-info{
	border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    color: dimgrey;
    margin-top: 12px;
    margin-bottom: 0px;
    padding: 2px 8px;
    display: inline-block;
    width: 100%;
}
.category-listing{
	display: inline-block;
	width: 100%;
}
.banner-image{
	width: 100%;
	height: auto !important;
	margin: 0 !important;
}
#inner_carousel > .carousel-inner{
	height: auto;
}
.inner-banner-controls > .carousel-indicators > li{
	width: 12px;
	height: 6px;
	border-radius: 2px;
	margin: 0 3px;
	opacity: .5;
}
.profile-btn{
	display: inline;
}

.profile-menu > li > a{
	padding: 10px 15px;
}
.banner-nav{
	z-index: 18;
	background: transparent;
}
.banner-nav.left, .banner-nav.right{
	background: transparent;
}
.btn-filter{
	padding: 4px 15px;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	color: #444;
	margin-left: 2px;
	display: inline-block;
	white-space: nowrap;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active{
	text-decoration: none;
    background-color: #f2f1f7;
}
.dropdown-sort{
	display: inline;
	position: relative;
}
.dropdown-sort > .dropdown-menu{
	left: -83px;
    top: 25px;
    border-radius: 2px;
}
.sort-option{
	padding: 3px 3px 5px 15px !important;
}
.sort-option > span{
	float: right;
	padding: 3px;
}
.filter-panel{
	width: 100%;
}
.filter-items{
	border-top: 1px solid #ededed;
	margin-top: 3px;
	padding-top: 10px;
	margin-bottom: 10px;
}
.filter-items h5{
	color: #000;
}
.filter-check{
	position: relative;
	margin: 5px 0;
}
.filter-check label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;
  height: 18px;
  left: 0;
/*   position: absolute; */
  top: 0;
  width: 18px;
  white-space: nowrap;
}
.filter-check label span{
	margin-left: 30px;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    top: -2px;
}
.filter-check label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    width: 12px;
    height: 6px;
    transform: rotate(-45deg);
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
}
.filter-check input[type="checkbox"] {
  visibility: hidden;
}
.filter-check input[type="checkbox"]:checked + label {
  background-color: #283593;
  border-color: #283593;
}
.filter-check input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.showmore{
	text-align: center;
	margin-top: 10px;
}
.btn-showmore{
    padding: 8px 70px;
    background-color: #fff;
    margin: 20px 0 10px 0;
    border-radius: 6px;
    border: 1px solid #c7c7e3;
    color: #454545;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
}
.btn-showmore i{
	font-weight: 600;
}
.btn-showmore:hover{
	color: #454545;
	background-color: #e8e7f3;
}
@media screen and (max-width: 768px){
	.btn-showmore{
		padding: 8px 40px;
	}
	.sub-item-tabs{
		overflow-x: scroll;
	}
}
.modal-backdrop{
	z-index: 1;
}
.cat-modal{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cat-modal-dialog{
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.cat-modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0px;
  border-radius: 0;
  box-shadow: none;
}
.cat-modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  border: 0;
  background-color: #1A2152;
}
.cat-modal-header > .modal-title{
	color: #fff;
	font-weight: 100;
}
.cat-modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}
.cat-modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 5px;
  background: #fff;
}
.cat-modal-footer > a{
	padding: 13px 8px 13px 15px;
    text-decoration: none;
    font-size: 18px;
    color: #424242;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
}
.btn-fs-close{
	text-align: center;
	padding: 11px 0 !important;
}
.cat-modal-body ul{
	padding-left: 0;
	list-style: none;
}
.cat-modal-body > ul > li{
	margin-bottom: 30px;
}
.cat-modal-body > ul > li > h4{
	color: #000;
}
.cat-modal-body > ul > li > ul{
	border: 1px solid #E9E9F2;
	border-radius: 2px;
}
.cat-modal-body > ul > li > ul > li{
	border-bottom: 1px solid #E9E9F2;
}
.cat-modal-body > ul > li > ul > li > a{
	color: #3545BD;
    font-weight: 400;
    padding: 13px 8px 13px 15px;
    text-decoration: none;
    font-size: 18px;
    color: #424242;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
}
.cat-modal-body > ul > li > ul > li > a:hover{
	background-color: #e8e7f3;
}
.cat-modal-body > ul > li > ul > li > a > span{
	padding: 5px;
	float: right;
	color: #dedede;
}
.cat-modal-body > ul > li > ul > li:last-child{
	border-bottom: none;
}
.log-out span{
/* 	float: right; */
    padding: 5px;
}

/* Landing page Language tabs start*/
.lang-tabs {
  display: block;
  position: relative;
}
.lang-tabs ul {
  list-style: none;
  padding: 0;
}
.lang-tabs li {
  display: inline-block;
}
.lang-tabs a {
  display: inline-block;
  color: #5d5d5d;
  padding: 5px 15px;
  text-decoration: none;
}
.lang-tabs a:hover {
	border-bottom: 2px solid red;
}
.lang-tabs a:active {
  
}
.lang-tabs select {
  display: none;
}
.lang-tabs > .featured-tabs{
	border-bottom: none;
}
.lang-tabs > ul > li > a{
	font-size: 22px;
}
.lang-tabs > ul > li > a:focus{
	background: none;
}
.lang-tabs .featured-tabs{
    height: 40px;
    width: 100%;
}
.lang-tabs select{
	width: 100%;
    height: 50px;
/*     border: 1px solid #3C4DCF; */
    background-color: #fff;
    color: #000;
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}
.lang-tabs select:focus{
	outline: none;
}

.lang-tabs select::-ms-expand {
    display: none;
}

.lang-tabs::before,
.lang-tabs::after {
  content: "";
  position: absolute;
  pointer-events: none;
}


.lang-tabs::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  
}


/* Landing page Language tabs ends*/

/* Landing page book tabs responsive start*/
/*
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
  	height:40px;
}
*/

/*
.list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3000px;
    margin-top:0px;
}
*/

.list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
    white-space: nowrap;
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
/*   background-color:#fff; */
}
.category-listing > .scroller {
	padding-top: 2px !important;
}

.scroller-right{
  float:right;
  margin-right: -8px;
}

.scroller-left {
  float:left;
  margin-left: -8px;
}
/* Landing page book tabs responsive ends*/

/* Card layout start */
.card-outer{
	display: flex;
    display: -ms-flexbox;
    justify-content: center;
    position: relative;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-self: flex-start;
}
.card {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.card-block {
    margin-left: auto !important;
    margin-right: auto !important; 
    width: 500px; /*whatever width you want*/
    background-color: #fff;
    padding: 10px !important;
    margin-bottom: 2px;
/*     position: relative; */
}
.no-margin{
    margin-bottom: 0 !important;
}
.margin-10{
    margin-bottom: 10px !important;
}
.card-right, .card-left{
	display: table-cell;
	background-color: rgba(185, 185, 185, 1);
    width: 300px;
}
.childcard{
	padding: 0 5px;
}
.childcard > .bookmark-cont{
	border: 1px solid #e8ebf1;
    border-radius: 3px;
    margin: 10px 0 0 0;
    -webkit-box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.15);
    padding: 10px;
}
.text-card-cont{
	padding: 10px 10px 0 10px;
	line-height: 22pt;
	min-height: 45px;
}
.text-card.text-card-cont:last-child{
	margin-bottom: 10px;
}
/*
.video-ex-card > .card-cont > .panel-body{
	margin: 0 -10px;
}
*/
.video-ex-card > .card-cont > .panel-body > div > .well{
	margin: 0 !important;
}
.show-more{
	color: #2f40b9;
	font-size: 11px;
	font-weight: 500;
	float: right;
	padding: 0px 10px 0px 5px;

}
.text-card > .show-more-dv > .show-more{
	padding-right: 20px;
}
.img-margin > .show-more-dv{
	height: 20px;
}
.show-more-dv{
	display: table;
	width: 100%;
	text-align: right;
}
.index-bar > .dropdown-menu{
	width: 500px;
	border-radius: 2px;
}
.index-bar > .dropdown-menu > .inner{
	overflow-x: hidden;
}
.vid-text-outline{
	padding: 2px 6px !important;
	margin-bottom: -3px !important;
	background-color: #E8EAF6;
	border: 1px solid #C5CAE9;
	border-radius: 4px 4px 0 0;
}
.portrait-crop{
    display: inline-block;
    height: 200px;
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}
.card-cont{
	position: relative;
}
.bookmark-cont{
	position: relative;
	margin: -10px;
    padding: 10px;
}
.form-group > .btn-ex{
	margin-bottom: 5px;
}

/* Card layout ends */

/* Conversation card start */
.convr-item{
	display: table;
    width: 100%;
    vertical-align: middle;
}
.convr-item .txt-desc{
	display: table-caption;
}
.chat-img{
	display: table-cell;
    position: relative;
    width: 70px;
    padding-top: 20px;
}
.convr-spkr{
	position: absolute;
    right: 15px;
    top: 30px;
}
.convr-body{
	display: table-cell;
    vertical-align: top;
    margin-left: 60px;
}
.convr-name{
	font-size: 11px;
    color: #808080;
}

/* Breadcrumb start */
#breadcrumb{
    width: 100%;
    margin: 15px 0;
    background-color: white;
    border-radius: 2px;
    padding: 8px 0;
}
#breadcrumb ol{
	display: flex;
    margin: 0;
    padding: 5px 20px;
    white-space: nowrap;
    overflow: hidden;
}
ol.bc-ul{
  width: 100%;
}
ol.bc-ul li{
  float: left;
  padding: 0 2px;
  list-style: none;
}
ol.bc-ul li:after{
  content: "\f105"; 
  font-family: FontAwesome;
  padding: 8px;
}
ol.bc-ul li:last-child:after{
  content: "";
  padding: 0px;
}
ol.bc-ul li a{
  color: #3545BD;
}
ol.bc-ul li a.current{
  color: #999;
  pointer-events: none;
  cursor: default;
}
ol.bc-ul li a.current:hover{
  text-decoration: none;
}
/* Breadcrumb ends */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    visibility: hidden;
}
.btn-top{
	padding: 10px 20px;
    font-weight: 500;
    background-color: #fff;
}

/* Book index screen style start */
.index-box{
	padding: 10px;
}
.index-list{
	padding: 4px 0px;
	display: table;
	width: 100%;
	border-spacing: 0;
	cursor: pointer;
}
.index-list > div {
    display: table-cell;
    padding-left: 28px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}
.index-list > a > div {
    display: inline-block;
}
.child-list > a > div {
    display: inline-block;
}
.index-list > a:before{
	display: none;
}
.index-list > a{
	border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 4px 0;
}
.index-list > a:hover{
	border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 4px 0;
}
.child-list > a {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 4px 0;
}
.child-list > a:hover {
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 4px 0;
}
.index-hr1 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #969696;
    font-weight: 500;
}
.index-hr2{
	width: 100%;
	display: inline-block;
	color: #2e2e2e;
}
.index-box > .list-group{
	margin-bottom: 30px;
}
.index-box > .list-group:last-child{
	margin-bottom: 0px;
}
.child-list{
	border-spacing: 0;
/* 	padding: 4px 0px !important; */
	display: block;
}
.index-box .list-group .bot-text{
	line-height: normal;
}
.index-box .list-group .bot-text > .top-text{
	top: -12px;
}
.index-menus{
	display: table;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}
.list-group > li{
	color: #7380d1;
}
.index-list > div{
	color: #2e2e2e;
	font-size: 15px;
}
.grouped-list{
	font-size: 10px;
	padding: 12px 0;
}
.grouped-list-active{
	font-size: 10px;
	padding: 12px 0;
}
.child-index{
	font-size: 12px;
	color: #8c8fa7;
	font-weight: 500;
}
.child-list > ul{
	padding-bottom: 10px;
/* 	margin-top: -6px; */
}
.pt-negt.block{
	position: fixed;
}
/* Book index screen style ends */

/* Matching column card start */
.match-col{
	margin: 20px -5px 0px -5px;
}
.mat-col-text{
	padding: 10px 10px 10px 18px;
}
.col-container {
    display: table;
    width: 100%;
    border-spacing: 8px;
    margin-bottom: -8px;
}
.col {
    display: table-cell;
/*     padding: 18px 16px 18px 20px; */
	padding: 2px;
	height: 60px;
    background-color: #fff;
    border: 1px solid #FFA526;
    width: 50%;
    color: #EB951C;
    border-radius: 2px;
    position: relative;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
}
.col:hover{
	background-color: #FFF5E6;
	color: #EB951C;
}
.col.no-click:hover{
	background-color: #fff;
}
.col:focus{
	color: #EB951C;
}
.col:first-child{
	background-color: #fff;
	border: 1px solid #3846AE;
	color: #3846AE;
}
.col:first-child:hover{
	background-color: #F3F4FF;
}
.col >img{
	width: 100%;
}
.col.select{
	background-color: #F3F4FF;
	cursor: default;
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
}
.col.correct{
	background-color: #ABDEC5;
	border: 1px solid #ABDEC5;
	color: #6B8A7B;
	cursor: default;
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
}
.col.incorrect{
	background-color: #FAB7B7;
	border: 1px solid #FAB7B7;
	color: #A3777E;
	cursor: default;
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
}
.col.correct.disable{
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	opacity: 0.7;
}
.col.correct.disable:hover{
	background-color: #ABDEC5;
}
.col.correct > i{
	background-color: #578A72 !important;
}
.col.incorrect > i{
	background-color: #DB8080;
}
.col.select > i{
	background-color: #3846AE !important;
}
.tri-col-container{
	width: 100%;
    display: table;
    border-spacing: 5px;
    margin-bottom: -5px;
}
.tri-col-container > .col{
	width: 33%;
}
.col:first-child > i{
	background-color: #5e69bc;
}
.col > i{
	width: 25px;
    height: 25px;
    font-weight: 600;
    font-size: 10px;
    font-style: normal;
    padding: 5px 8px 8px 12px;
    text-align: center;
    background-color: #eaae58;
    border-radius: 2px;
    display: inline-block;
    line-height: 15px;
    left: -8px;
    top: 16px;
    color: #fff;
    position: absolute;
}
.hide-icon{
	width: 6px;
    height: 25px;
    z-index: 99999;
    background-color: white;
    position: absolute;
    left: -8px;
    top: 16px;
}

/* Matching column card ends */

/* book preview subscription start */
.btn-subscribe{
	background-color: #12d26d;
	border: none !important;
	padding: 8px 24px;
    border-radius: 4px;
    float: right;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #727edc;
	cursor: pointer;
	letter-spacing: .5px;
}
.btn-subscribe:hover{
	background-color: #0C965D;
	color: #fff;
	text-decoration: none;
}

.preview-floating{
display: flex;
    display: -ms-flexbox;
    position: -ms-device-fixed;
    position: fixed;
    bottom: 0px;
    z-index: 99;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 95px;
    left: 0;
}
.card-block-prev{
	margin-left: auto !important;
    margin-right: auto !important;
    width: 520px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 0px !important;
    position: relative;
    overflow: auto;
    -webkit-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.15);
    display: table;
}
.card-block-prev::before{
	content: url('../img/shadow-1-01.svg');
	position: absolute;
    top: -14px;
    left: 0px;
    width: 10px;
    height: 11px;
    z-index: -1;
}
.card-block-prev::after{
	content: url('../img/shadow-2-02.svg');
	position: absolute;
    top: -14px;
    right: 0px;
    width: 10px;
    height: 11px;
    z-index: -1;
}
.card-block-prev > div > h4{
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.prev-price > .price-tag{
	margin: 0;
	color: #d6ae00;
}
.preview-padding{
	padding-bottom: 50px;
	overflow: hidden;
}
/* book preview subscription end */

/* Search Suggestion dropdown start */
#suggestionContainer{
	position:absolute;
	margin-top:2px;
	overflow:hidden;
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.15);
	background-color: white;
	z-index:21;
}

.search-dropdown{
	left: 0;
    margin: 2px 0px;
    border-radius: 4px;
    width: 100%;
}
.suggestion-thumb{
    margin: 0 !important;
    width: 100%;
}
.suggestion-thumb > a{
	display: table;
	width: 100%;
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
	color: #484848;
}
.suggestion-thumb > a:hover{
	background-color: #e8e7f3;
}
.suggestion-thumb > a > img{
	margin-right: 10px;
	width: 25px;
}
.suggestion-title{
	vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.suggestion-thumb > a > i{
	padding: 4px 15px 4px 4px;
    display: table-cell;
    font-size: 16px;
}
/* Search Suggestion dropdown end */

/* Word card image modal start */
.ekko-lightbox > .modal-dialog > .modal-content > .modal-header{
	padding: 5px 15px;
	border: none;
}
.ekko-lightbox > .modal-dialog > .modal-content > .modal-header > button{
	padding: 5px;
}
.ekko-lightbox > .modal-dialog > .modal-content > .modal-header > h4{
	margin-bottom: 0px;
}
.ekko-lightbox > .modal-dialog > .modal-content > .modal-body{
	padding: 0;
}
.ekko-lightbox > .modal-dialog > .modal-content > .modal-body > .ekko-lightbox-container{
	height: auto !important;
}
.ekko-lightbox .modal-dialog{
	margin: 10px auto;
}
.ekko-lightbox .modal-content{
	border-radius: 0;
}
/* Word card image modal end */
/* Packages modal design start */
.modal{
	background-color: #1a1f434f;
}
.round-modal{
	border-radius: 6px !important;
}
.pkg-row{
	display: table;
    width: 100%;
    padding: 20px;
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 5px;
}
.pkg-row-cell{
	display: table-cell;
	vertical-align: middle;
}
.pkg-title {
    font-size: 20px;
    font-weight: bold;
    color: blue;
}
.pkg-desc {
    color: black;
    font-size: 11px;
}
.pkg-price{
	color: #000;
    font-size: 24px;
    padding: 4px 8px;
    margin-left: 5px;
    border-radius: 6px;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    min-width: 125px;
}
.pkg-main{
	padding: 25px;
}
.pkg-main h4{
	font-weight: 600;
	margin-bottom: 20px;
}
.newPackage h5{
	color: #353538;
}
.pkg-info{
	padding-left: 10px;
	margin-left: 10px;
}
.pkg-close{
	padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.coupon-box{
	padding: 25px;
    background-color: #F7F7FF;
    border-radius: 0 0 6px 6px;
}
.turtle-icon{
	background: url('../img/turtle.svg') no-repeat center center;
	width: 50px;
    height: 50px;
}
.rabbit-icon{
	background: url('../img/rabit.svg') no-repeat center center;
	width: 50px;
    height: 50px;
}
.pkg-one{
	border-color: #D1D9FF;
	background-color: #F7F9FF;
}
.pkg-one:hover{
	background-color: #E8EBFF;
}
.pkg-two{
	border-color: #FFE599;
	background-color: #FFFBED;
}
.pkg-two:hover{
	background-color: #FAE9CD;
}
.pkg-one .pkg-info{
	border-left: 1px solid #D1D9FF;
}
.pkg-one .pkg-title{
	color: #4A58BD;
}
.pkg-one .pkg-price{
	background-color: #E8EBFF;
}
.pkg-two .pkg-info{
	border-left: 1px solid #FFE599;
}
.pkg-two .pkg-title{
	color: #D49313;
}
.pkg-two .pkg-price{
	background-color: #FAE9CD;
}
.coupon-input{
	border-radius: 10px;
}
.btn-yellow.coupon-input{
	color: #fff;
}
.pkg-row-cell:first-child{
	width: 12%;
}
@media screen and (max-width: 768px){
	.turtle-icon, .rabbit-icon{
		width: 30px;
		height: 30px;
	}
	.pkg-price{
		font-size: 16px;
		min-width: 88px;
	}
	.pkg-title{
		font-size: 14px;
	}
	.pkg-main, .pkg-row, .coupon-box{
		padding: 10px;
	}
	.pkg-desc{
		font-size: 9px;
	}
	.newPackage h5{
		font-size: 13px;
	}
	.btn-yellow.coupon-input{
		font-size: 12px !important;
	}
}
/* Packages modal design end */

/* No Search graphic start */
.no-search-graphic{
	margin-top: 60px;
}
.no-search-img{
	background: url('../img/raccoon_1.0.svg') no-repeat center center;
	width: 120px;
	height: 117px;
	margin: 0 auto;
}
.no-search-msg{
	text-align: center;
	margin-top: 10px;
}
.no-search-lead{
	font-size: 24px;
    color: #b3b2c9;
    font-weight: bold;
}
.no-search-msg ul{
	padding-left: 18px;
    list-style: none;
    padding: 0;
    color: #252d69;
    font-weight: bold;
    font-size: 16px;
}
/* No Search graphic end */

/* SignIn & SignUp modal design start*/
.dv-logo{
	background: url('../img/DvSchool_logo_1.svg') no-repeat center center;
	background-size: 80px;
	width: 80px;
	height: 42px;
}
.signp-head{
	background-color: #1A2152;
    padding: 30px;
    border-radius: 6px 6px 0 0;
}
.signp-head p{
	color: #B4B7D1;
    padding-top: 10px;
    font-size: 12px;
}
.signup-body{
	padding: 30px;
	background-color: #fff;
	border-radius: 6px;
}
.signup-inputs input{
	width: 100%;
    height: 30px;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #BAC0E6;
    border-right: none;
    border-left: none;
    border-top: none;
    margin-bottom: 20px;
}
.signup-inputs input:focus{
	outline: none;
}
.signup-inputs input::placeholder{
	color: #CACDE8;
}

.signup-inputs fieldset{
	margin-bottom: 5px;
}

.sign-popup-btn{
	width: 100%;
    padding: 15px 10px;
    background-color: #252F75;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #252f75;
    font-size: 16px;
}
.sign-popup-btn:hover{
	background-color: #1b2359;
}
.signup-options{
	margin-top: 20px;
}
.signup-options p{
	color: #303030;
	padding: 5px 0;
}
.signup-options > p > a{
	color: #3542A6;
	cursor: pointer;
	font-weight: bold;
}
.signup-close{
	padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0;
    color: #525da5;
}
.signup-close:hover{
	color: #707cc8;
}
.social-signup-title{
	text-align: center;
	margin: 30px 0 15px 0;
}
.social-signup{
	display: table;
    justify-content: space-between;
    width: 100%;
    border-spacing: 5px 0;
}
.social-signup a{
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    font-weight: 600;
    display: table-cell;
    width: 50%;
}
.social-signup a.facebook{
	border: 1px solid #3C5898;
	color: #3C5898;
	margin-right: 5px;
}
.social-signup a.facebook:hover{
	background-color: #f0f4ff;
}
.social-signup a.google{
	border: 1px solid #D65748;
	color: #D65748;
	margin-left: 5px;
}
.social-signup a.google:hover{
	background-color: #fff6f5;
}
.signin-popup-btn{
	width: 100%;
    padding: 15px 10px;
    background-color: #fff;
    color: #252F75;
    border-radius: 10px;
    border: 1px solid #BAC0E6;
    font-size: 16px;
}
.signin-margin{
/* 	margin-bottom: 20px; */
    margin-top: 20px;
}
.social-signup p {
    display: table-caption;
    margin-bottom: 5px;
    text-align: center;
}
/* SignIn & SignUp modal design end*/

/* Writing question card button design start */
.writing-btns{
	float: right;
	margin: 5px 0;
}
.ml-2{margin-left: 2px !important;}
@media screen and (max-width: 768px){
	.writing-all-btns{
		text-align: center;
	}
	.spk-btn-big{
		display: block;
/* 		margin: 0 auto; */
	}
}
/* Writing question card button design end */

/* Title holder style start */
.title-holder{
	background-color: #fff; 
	padding: 10px 0; 
	margin: 0 -15px 20px -15px;
}
.title-holder h4, .cat-title-holder h4{
	font-weight: 600;
}
.cat-title-holder{
	background-color: #fff; 
	padding: 10px 0; 
	margin-bottom: 20px;
}
.search-title{
	font-weight: 400 !important;
}
/* Title holder style end */



/* Dv Analytics form start */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.anal-form .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 26%;
  height: 40px;
}
@media screen and (max-width: 768px){
	.anal-form .select{
		width: 100%;
	}
	.filter-btn-holder{display: block !important; text-align: center;}
	.filter-applyBtn{position: initial !important; width: 100%;}
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  color: #454545;
  border: 1px solid #d5d5d5;
  padding: 8px 15px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.select-styled:hover {
  background-color: #eff2fb;
}
.select-styled:active, .select-styled.active {
  background-color: #eff2fb;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #000 transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.select-options li {
  margin: 0;
  padding: 12px 10px;
/*   text-indent: 15px; */
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  color: #454545;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.select-options li:hover {
  color: #454545;
  background: #eff2fb;
}
.select-options li[rel="hide"] {
  display: none;
}
.filter-btn-holder{
	display: inline;
    position: relative;
}
.filter-applyBtn{
	display: inline-block;
    padding: 10px 30px;
    background-color: #dbbc3c;
    color: white;
    font-size: 16px;
    position: absolute;
    bottom: 2px;
    left: 10px;
}
.filter-applyBtn:hover{
	text-decoration: none;
	color: #fff;
	background-color: #cba81b;
}
.filter-box-main{
	border: 1px solid #eeeef4;
	border-radius: 4px;
	margin-right: 10px;
	margin-bottom: 10px !important;
	position: relative;
}
.filter-box-main > label{
	width: 100%;
    background: #f9f9fc;
    color: #8a8b91;
    padding: 5px;
    border-bottom: 1px solid #eeeef4;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0px;
    font-size: 12px;
}
.filter-box{
	display: block !important;
	min-width: 190px;
	max-width: 190px;
	box-shadow: none;
    border: none;
}
@media screen and (max-width: 767px){
	.filter-box{
		min-width: 100%;
		max-width: 100%;
	}
	.filter-box > .dropdown-menu > ul > li > a > span{
		white-space: pre-wrap;
	}
}
.filter-box > .btn-default{
	border: none;
}
.filter-box > .btn-default:hover, .filter-box > .btn-default:focus, .filter-box > .btn-default:active{
	background: none;
	box-shadow: none;
	outline: none !important;
}
.filter-box.open>.dropdown-toggle.btn-default:hover,
.filter-box.open>.dropdown-toggle.btn-default:focus,
.filter-box.open>.dropdown-toggle.btn-default:active,
.filter-box.open .dropdown-toggle{
	background: none;
	border: none;
	box-shadow: none;
}
.filter-box > .dropdown-menu > ul > li > a{
	padding: 10px;
}
.summary-table{
	margin-bottom: 0;
}
.summary-heading{
	padding: 10px;
	color: #454545;
	font-size: 16px;
    font-weight: bold;
}
.summary-table>tbody>tr>td, .summary-table>tbody>tr>th, .summary-table>tfoot>tr>td, .summary-table>tfoot>tr>th, .summary-table>thead>tr>td, .summary-table>thead>tr>th{
	border-color: #ececec;
}

/* Dv Analytics form end */

/* Header modification start */
.class-minwidth{
	min-width: 270px !important;
}
.dropdown-settings{
	left: auto !important;
}
.dvclass-dropdown{
	margin-top: 5px;
	min-width: 270px;
	border: none;
	z-index: 991;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.dvclass-dropdown::-webkit-scrollbar {
 display: none;
}
.dvclass-dropdown li{
	border-bottom: 1px solid #F0F1FA;
	list-style: none;
}
.dvclass-icon{
	background: url('../img/dvclass.svg') no-repeat center center;
	background-size: auto 30px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 30px;
    width: 30px;
    clear: both;
}
.dvclass-color-icon{
	background: url('../img/dvclass-color.svg') no-repeat center center;
	background-size: auto 25px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 26px;
    width: 108px;
    clear: both;
}
.dvtest-icon{
	background: url('../img/icon-dvtest.svg') no-repeat center center;
	background-size: auto 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 24px;
    width: 100px;
    clear: both;
}
.dvnote-icon{
	background: url('../img/dvnote.svg') no-repeat center center;
	background-size: auto 25px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 24px;
    width: 100px;
    clear: both;
}
.dvanal-color-icon{
	background: url('../img/dvanalytics-color.svg') no-repeat center center;
	background-size: auto 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 14px;
    width: 70px;
    clear: both;
}
.dvanal-grey-icon{
	background: url('../img/dvanalytics-grey.svg') no-repeat center center;
	background-size: auto 12px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 11px;
    width: 80px;
    clear: both;
    margin: 2px auto;
}
.dvbook-icon{
	background: url('../img/book-search.svg') no-repeat center center;
	background-size: auto 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 22px;
    width: 98px;
    clear: both;
}
.grad-icon{
	background: url('../img/grad-icon.svg') no-repeat center center;
	background-size: auto 13px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 16px;
    width: 22px;
    clear: both;
}
.joinclass-icon{
	background: url('../img/joinclass-icon.svg') no-repeat center center;
	background-size: auto 13px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 14px;
    width: 14px;
    clear: both;
    margin-right: 5px;
}
.createclass-icon{
	background: url('../img/createclass-icon.svg') no-repeat center center;
	background-size: auto 13px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 12px;
    width: 12px;
    clear: both;
    margin-right: 5px;
}
.summary-dvtest-icon{
	background: url('../img/summary-logo-dv.svg') no-repeat center center;
	background-size: auto 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 20px;
    width: 23px;
    clear: both;
}
.summary-time-icon{
	background: url('../img/summary-time-dv.svg') no-repeat center center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 16px;
    width: 16px;
    clear: both;
}
.summary-retry-icon{
	background: url('../img/retry-dv.svg') no-repeat center center;
	background-size: auto 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 20px;
    width: 20px;
    clear: both;
    margin-right: 5px;
}
.summary-exit-icon{
	background: url('../img/exit-dv.svg') no-repeat center center;
	background-size: auto 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 20px;
    width: 20px;
    clear: both;
    margin-right: 5px;
}
.class-btn{
/* 	border: 1px solid #fff; */
/*     border-radius: 25px; */
    padding: 5px;
    background: transparent;
    border: none;
}
.class-btn:hover {
    filter: brightness(80%);
};


/*
.dvclass-dropdown li:last-child{
	padding-bottom: 12px;
}
*/
.dvclass-dropdown li:first-child{
/* 	padding-top: 12px; */
	border-top: 0;
}
.dvclass-dropdown li a{
	padding: 12px 12px;
	display: inline-table;
	width: 100%;
	color: #3B3C45;
	position: relative;
/* 	border: 1px solid #F0F1FA; */
/* 	border-radius: 4px; */
/*
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
*/
}
.dvclass-dropdown li a:hover{
	background-color: #e8e7f3;
}
.dvclass-dropdown::before{
	display: block;
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background-color: white;
    transform: rotate(45deg);
    top: -6px;
    right: 12px;
    border-radius: 2px;
    z-index: -1;
}
.class-list-gap{
	height: 20px;
}
.dvclass-dropdown > .dropdown-header{
	color: #9EA2BA;
}
.contact-name{
	float: left;
/* 	max-width: 178px; */
	white-space: normal;
	font-weight: bold;
}
.label-chat-notif{
	padding: 4px 6px;
	background-color: #d9534f;
	color: #fff;
	float: right;
	text-align: center;
	position: absolute;
    right: 6px;
    top: calc(50% - 9px);
}
.dvClassTextLight{
	color: #9a9a9a;
    font-size: 12px
}
/* DvClassroom start */

.right-sidenav-heading{
	color: #000;
	font-size: 18px;
}
.right-sidenav-header{
	background-color: yellow;
	padding: 10px;
}
.right-sidenav-header .closebtn{
	float: right;
}
.right-sidenav-content{
	padding: 10px;
}
.right-sidenav-section h5{
	display: table-cell;
	color: #fff;
}
.right-sidenav-section .joinclass-btn{
	width: 50px;
	color: #fff;
	background-color: red;
	padding: 5px 10px;
	display: table-cell
}
.right-sidenav-section{
	background-color: gray;
	display: table;
	width: 100%;
	white-space: nowrap;
}
.right-sidenav-content a{
	display: block;
}

.joinClass, .createClass{
	background-color: #fff;
	padding: 20px;
	margin: 5px;
	display: inline-table;
	vertical-align: top;
	width: calc(50% - 12px);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15)
}
.class-row{
	display: table;
    float: left;
    width: 100%;
}
@media screen and (max-width: 768px){
	.class-row{
		width: 100%;
	}
	.joinClass, .createClass{
		padding: 20px 15px 10px 10px;
		margin: 10px 0;
		width: 100%;
	}
}
.class-title{
	display: table-cell;
    width: 100%;
    font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}
.class-sub-title{
	padding-left: 5px;
	font-size: 12px;
	color: #5E5E63;
	margin-bottom: 10px;
}
.class-item-title, .class-detail-title{
	display: table-cell;
    width: 100%;
    padding: 10px;
    color: #454545;
}
.class-item-title:hover{
	color: #1e4aba;
    background-color: #f3f4f9;
}
.details-row-title{
	width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eff0f8;
    margin-bottom: 10px;
}
.details-row-title h5{
	font-size: 13px;
    color: #9194a7;
    margin: 0;
}
.btn-class-details{
	display: block;
    text-align: right;
    background-color: white;
    border: 1px solid #BEC2D6;
    color: #454545;
    padding: 5px 15px;
/*     margin: 0 10px; */
    border-radius: 6px;
    white-space: nowrap;
}
.shared-book-img{
	width: 40px;
	height: 60px;
    margin-right: 10px;
}
.class-shared-item{
	border: 1px solid #f5f6fb;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);
    margin-bottom: 5px;
}
.class-shared-item:hover{
	background-color: #f5f6fb;
}

.class-shared-item .class-detail-title{
	color: #7a7b8b;
}
.class-item > .btn-class-details{
	margin-right: 5px;
	margin-left: 5px;
}
.btn-class-details:hover{
	background-color: #e7eaf8
}
.class-item{
	background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    margin-bottom: 10px;
}
.student-item{
	background-color: #ffffff;
    margin-bottom: 20px;
}
.student-item:last-child, .class-shared-item:last-child{
	margin-bottom: 0;
}
.student-item .class-detail-title{
	padding-left: 0;
}
.joinclass-btn{
	display: block;
    text-align: right;
    background-color: #1A2152;
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
}
.joinclass-btn:hover{
	background-color: #3846AE;
	color: #fff;
}
.thumbnail-footer .btn-class-details{
	display: inline-block;
	margin-left: 7px;
}
/*
.classRoom{
	padding-top: 40px;
}
*/
/*
.thumbnail-footer a{
	text-align: right;
    background-color: white;
    border: 1px solid #d0d0d0;
    color: #454545;
    padding: 5px 10px;
    border-radius: 6px;
    margin-left: 7px;
}
*/
.thumbnail-footer{
	background-color: #fff;
	text-align: right;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}
.thumnail-footer-holder{
	margin: 0 20px;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}
.cleararea{
	clear: both;
}
.class-send-btn::before{
	display: none;
}
.class-main-heading{
	display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.class-heading-holder{
	display: flex;
	justify-content: space-between;
    width: 100%;
    margin: 5px 0;
}
.users-books{
	margin-bottom: 40px;
}
.pad-lr-10{
	padding: 0 10px;
}
.class-row-title{
	width: 100%;
	margin-bottom: 10px;
}
.class-row-title h5{
	padding-left: 0;
}
@media screen and (max-width: 768px){
	.pad-lr-10{
		padding: 0;
	}
	.class-row-title{
		padding-right: 0px;
	}
}
.footer-lang-btn{
	background: none;
    border: 1px solid #a6a6a6;
    color: #4e4e4e;
    white-space: nowrap;
}
.noitem-holder{
	display: table;
	width: 100%;
}
.noitem-holder h4{
	color: #adadad;
    font-size: 14px;
    margin-left: 5px;
}
.class-noitem{
	color: #c4c4c4;
    font-size: 11px;
}
.attempt-table{
	display: table;
	width: calc(100% - 30px);
	margin: 5px 15px 15px 15px;
	border: 1px solid #eff1fb;
}
.attempt-row{
	display: table-row;
}
.attempt-row:nth-child(odd){
	background-color: #fff;
}
.attempt-row:nth-child(even){
	background-color: #f6f6f9;
}
.attempt-cell{
	display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #eff1fb;
    padding: 10px;
}
.attempt-row:last-child .attempt-cell{
	border-bottom: none;
}
.attempt-cell.attempt-icon{
	text-align: center;
	width: 55px;
}
.modal-cor-ans{
	padding: 0 15px;
	color: green;
}
.modal-cor-ans span{
	color: #000;
}
.memb-name{
	color: #868794;
	font-size: 16px;
}
.attempt-date p{
	color: #c5c6d4;
    font-size: 10px;
    margin-bottom: 10px;
}
.attempt-ans{
	margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    flex-wrap: wrap;
}
.attempt-ans div:first-child{
	align-self: center;
}
.attempt-ans span{
	color: #a7a8ba;
}
.attempt-overflow{
	max-height: 480px;
    overflow-y: scroll;
    margin-bottom: 5px;
}
.attempted-right-icon{
	background: url('../img/Icon_right-09.svg') no-repeat center center;
	background-size: auto 28px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 40px;
    width: 40px;
    clear: both;
}
.attempted-cross-icon{
	background: url('../img/Icon_wrong-10.svg') no-repeat center center;
	background-size: auto 28px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 40px;
    width: 40px;
    clear: both;
}
.summary-bg{
/* 	background-color: #ffeea3; */
}
.attempt-desc-ans{
/* 	background-color: #f5f5fa; */
/*     border: 1px solid #f1f1f7; */
    margin-bottom: 10px;
/*     border-radius: 4px; */
}
.attempt-desc-ans-top{
	background-color: #fff;
	color: #89899a;
    padding: 10px;
    border-bottom: 1px solid #f1f1f7;
    border-radius: 4px 4px 0 0;
}
.attempt-desc-ans-bot{
/* 	padding: 10px; */
}
.attempt-desc-ans-bot > .audioplayer{
	margin-top: 10px;
}
.attempt-ans-text{
	align-items: center;
    display: flex;
}
.attempt-ans > .audioplayer{
	width: 100%;
}
/* DvClassroom end */

/* DvNote start */
.dvNote{
    width: 100%;
/*     padding-top: 40px; */
    margin-bottom: 40px;
}
.word-time{
	margin-top: 10px;
}
.dvnote-thumb{
	height: auto;
}
.dvnote-cover{
	width: 100%;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
}
/* DvNote end */

/* Class Modal designs start */

.another-header{
	border: none;
	padding: 15px 15px 0 15px;
}
.another-footer{
	border: none;
	padding: 0px 15px 15px 15px;
}
.class-code-body{
	text-align: center;
	margin-bottom: 30px;
}
.class-code-body h3{
    margin: 5px 0 15px 0;
}
.class-code-body p{
	color: #b2b2b2;
}
.input-classcode{
	height: 50px;
	border-color: #e4e5f5;
	box-shadow: none;
	font-size: 17px;
	padding: 0 15px;
}
.input-classcode:focus{
	border-color: #c4c6df;
	box-shadow: none;
}
.input-classcode::placeholder{
	color: #c9c9d3;
}
.another-header h4{
	color: #7c83bf;
}
.success-msg{
	padding: 5px;
    margin-bottom: 25px;
}
.success-msg p{
	font-size: 16px;
    color: #848484;
    margin-top: 15px;
}
/* Class Modal designs end */



/* Mobile chat window start */

@media (max-width: 767px){
	.panel.panel-chat{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 21;
	}
	.panel.panel-chat .panel-footer{
		position: absolute;
		bottom: 0;
		padding: 10px 0 !important;
	}
	.panel.panel-chat .panel-body{
	    max-height: none !important;
		height: calc(100% - 90px) !important;
	}
	.chatMinimize i{
		display: none;
	}
	.chat-box-header{
		width: 100% !important;
		border-radius: 0;
	}
}

	
/* Mobile chat window end */
.sidenav-list-heading{
	margin: 20px 10px 0 16px;
	color: #b4b6c3;
    font-size: 16px;
}
.share-modal{
	padding: 15px;
}
.share-modal h4{
	color: #7c83bf;
}
.share-modal > form > .modal-footer{
	padding-right: 0;
	border: none;
}
.input-share{
	border-color: #e4e5f5;
    box-shadow: none;
    width: calc(100% - 36px) !important;
}
.input-share:focus{
	border-color: #c4c6df;
	box-shadow: none;
}
.input-share::placeholder{
	color: #c9c9d3;
}
.sel-member{
	border-color: #e4e5f5 !important;
}
.comment-header{
	border-bottom: 1px solid #d9d9d9;
	margin: 25px 0 20px;
}
/* Payment page design start */
.pymt-cover{
	display: table;
	width: 100%;
}
.pymt-cover-img{
	display: table-cell;
    width: 100px;
    padding-right: 10px;
}
.pymt-cover-img img{
	width: 100px;
}
.pymt-cover-cont{
	display: table-cell;
    vertical-align: top;
}
.pymt-cover-cont h4{
	margin-top: 0;
	font-weight: bold;
}
.pymt-opt{
	display: table;
    vertical-align: bottom;
    text-align: center;
}
.pymt-cover-cont > .pymt-opt{
	float: right;
}

.btn-pymt{
	padding: 5px 60px;
	background-image: linear-gradient(to bottom, #EDC724, #E3AF04);
	border: 1px solid #ba9c41;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
	color: #000;
}
.btn-pymt:hover{
	background-image: linear-gradient(to bottom, #dab71c, #c59805);
}
.pkg-desc1 h5{
	font-weight: bold;
	font-size: 16px;
	color: #474747;
	padding-bottom: 10px;
	border-bottom: 2px solid #f5f3f8;
}
.pkg-desc1 ul{
	padding-left: 15px;
	list-style: square;
	margin-bottom: 20px;
}
.pkg-desc1 > ul > li, .pkg-desc1 > ul > li > ul > li{
	margin-bottom: 10px;
}
.pkg-desc1 > ul > li > ul{
	color: #787883;
	list-style: circle;
}
.pkg-desc1 > ul > li > p{
	font-weight: bold;
	color: #545458;
}
.pymt-cover-type{
	font-size: 10px;
	color: #91929f;
}
.pymt-cover-price{
	font-size: 14px;
	color: #d8a400;
	margin: 10px 0;
}
.pymt-opt-bottom{
	margin: 20px 0;
	text-align: center;
}
.pymt-opt p, .pymt-opt-bottom p{
	color: #7f8196;
	margin-bottom: 5px;
	font-size: 11px;
}
.pl-5{
	padding-left: 5px;
/* 	breadcrump exception */
}

/* Payment page design end */

/* Chat new design start */

.record-chat-btn{
	float: left;
	padding: 5px;
}
.attach-chat-btn{
	float: left;
	padding: 5px 5px 5px 0;
}
.attach-chat-btn i{
	color: #bbb;
}
.chat-up-overlay{
	position: absolute;
    width: 100%;
    height: 40px;
    background-color: #00000087;
    z-index: 9;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    text-align: center;
}
.attach-chat-btn i:hover{
	color: #000;
}
.round-chat-box{
	border-radius: 50px !important;
	width: calc(100% - 84px) !important;
	background-color: #fbfbff;
}
.chat-send-icon{
	background: url('../img/icon_send.svg') no-repeat center center;
	background-size: auto 27px;
    display: inline-block;
    position: relative;
    top: 0px;
    height: 19px;
    width: 22px;
    clear: both;
}
.chat-send-btn{
	display: inline-block;
    padding: 5px 10px;
}
.student-chat-name{
	font-size: 12px;
    padding-left: 5px;
    color: #ababab;
}
.chat-type-cont{
	font-size: 16px;
	padding: 10px;
	word-wrap: break-word;
}
.speech-right .chat-type-cont{
	text-align: left;
}
.share-main-link{
	display: inline-block;
	width: 220px;
	color: #000;
}
.chat-comment-cont{
	font-size: 16px;
	font-weight: bold;
}
.chat-box-header{
	background: #26306f;
    border: 1px solid #26306f;
    border-radius: 6px 6px 0 0;
    color: #FFF;
    width: 500px;
    padding: 10px;
    display: flex;
}
.chat-box-header a{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    margin-right: 5px;
}
.chat-box-header a, 
.chat-box-header a:focus{
	color: #fff;
}
.chat-box-header a:hover, 
.chat-box-header a:active
{
	color: #7b88df;
}
.class-audio{
	width: 220px;
}
.class-drop-list{
	padding: 0;
}
.show-more-chat{
	display: block;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}
.anal-small-icon{
	background: url('../img/analytics.svg') no-repeat center center;
	background-size: auto 25px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 16px;
    width: 20px;
    clear: both;
}
.detail-btn-group{
	display: table-cell;
}
.detail-btn-item{
	display: table-cell;
	padding: 0 10px;
}
#intercom-container{
	z-index: 9 !important;
}
@media (max-width: 767px){
	#intercom-container{
		z-index: 21 !important;
	}
}
/* Coupon success design start*/
.coupon-suc-head {
    background-color: #1A2152;
    padding: 20px;
    border-radius: 6px 6px 0 0;
    color: #B4B7D1;
    position: relative;
}
.coupon-suc-head h3{
	margin-top: 0;
	color: #B4B7D1
}
.coupon-book{
	display: table;
    width: 100%;
    border: 1px solid #e7e9f4;
    border-radius: 6px;
    padding: 6px;

}
.coupon-book-img{
	display: table-cell;
    width: 75px;
    vertical-align: top;
}
.coupon-suc-btn{
	border: 1px solid #D0D1D5;
    padding: 8px 26px;
    border-radius: 6px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #46484D;
    font-weight: bold;
}
.coupon-period{
	font-size: 16px;
    padding-left: 15px;
}
.coupon-suc-body > h4{
	font-weight: bold;
    margin-bottom: 20px;
}
.coupon-period > p{
	margin-bottom: 15px;
}
.coupon-period > p > span{
	font-weight: bold;
}
.coupon-suc-graphic{
	background: url(../img/thumb.svg) no-repeat center center;
    background-size: auto 75px;
    display: inline-block;
    position: absolute;
    right: 0;
    height: 75px;
    width: 130px;
    clear: both;
    bottom: 0px;
}

/* Mathjax style start */

.MathJax_SVG_Display, .MathJax_Display{
	text-align: left !important;
	display: inline !important;
}
.MathJax_SVG_Display:focus{
	outline: none;
}

/* Teacher comment start */
.teacher-comment{
	background-color: #eff0f9;
    padding: 20px;
    margin-left: 55px;
    position: relative;
    border-radius: 2px;
}
.threaded-ans{
	margin-bottom: 20px;
}
.teacher-comment::before{
	content: "↳";
    display: block;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 25px;
    font-weight: bolder;
    color: #9c9c9c;
}
.answer-comment, .answer-spl-comment{
	color: #4547a9;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #b6b4d2;
    padding: 4px 10px;
    border-radius: 3px;
    white-space: nowrap;
}
.media-heading.user_name{
	color: #3c3c3c;
}
/* New fill in the blanks by typing start */
.fbq-box {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 35px;
    color: #494953;
}
.fbq-box [contentEditable]:empty:not(:focus):before{
    content:attr(data-text);
    font-size: 11px;
    color: #d1d2d1;
}
.input-box-fbq{
    border-bottom: 1px solid #2179dc;
    color: #868698;
    height: auto;
    outline: none;
    line-height: 1;
    padding: 4px;
    width: auto;
    display: inline-block;
    min-width: 76px;
    text-align: center;
}
.input-box-fbq:focus{
	border-bottom: 1px solid #E0B600;
}
.correct-fbq{
    border-bottom: 1px solid #52bc99;
    color: #52bc99;
    min-width: 45px;
    font-weight: bold;
}
.wrong-fbq{
    border-bottom: 1px solid #de4864;
    color: #de4864;
    min-width: 45px;
    text-decoration: line-through;
}
.ans-block-fbq{
    margin: 10px 0;
    color: #676767;
    background-color: #deefe4;
    padding: 10px;
    border-radius: 6px;
}
.ans-box-fbq{
    border-bottom: 1px solid #000;
    color: #676767;
    height: auto;
    outline: none;
    line-height: 1;
    padding: 4px;
    width: auto;
    display: inline-block;
    min-width: 44px;
    text-align: center;
    font-weight: bold;
}
.ans-block-fbq span small{
	font-weight: bold;
	color: #5e8a6d;
}
.btn-dvtest{
	border: 2px solid #3e4fd0;
	border-radius: 25px;
    color: #3e4fd0;
    width: 100%;
    padding: 10px 0;
    font-size: 17px;
}
.btn-dvtest:hover{
	background-color: #3e4fd0;
	color: #fff;
}
.timer-test{
	float: right;
    border: 1px solid #e3e6f8;
    padding: 3px 16px;
    font-size: 18px;
    border-radius: 25px;
    color: #9093a4;
}
/* Word card filter and flashcard design start */ 
.word-main{
	font-size: 30px;
	padding: 10px 10px 3px 10px;
/* 	font-weight: bold; */
	line-height: 30px;
/* 	line-height: normal; */
}
.zh-word-main{
	font-size: 45px;
}
.word-main p{
	font-size: 15px;
	color: #AEB2D5;
	font-weight: normal;
	margin: 0;
}
.word-spkr{
	background: url('../img/icon-speaker1.svg') no-repeat 0 center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 16px;
    width: 15px;
    clear: both;
}
.btn-wordlist:hover > .word-spkr, .textex-spkr-btn:hover > .word-spkr{
	background: url('../img/icon-speaker1.svg') no-repeat -16px center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 16px;
    width: 15px;
    clear: both;
}
.word-spkr-stop{
	background: url('../img/icon-stopWord.svg') no-repeat center center;
	background-size: auto 11px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 16px;
    width: 16px;
    clear: both;
}
.icon-videoex-word{
	background: url('../img/icon_videxsearch2.svg') no-repeat 0 center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 16px;
    width: 22px;
    clear: both;
}
.btn-wordlist:hover > .icon-videoex-word{
	background: url('../img/icon_videxsearch2.svg') no-repeat -24px center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 16px;
    width: 22px;
    clear: both;
}
.icon-dic-search{
	background: url('../img/icon-wordicsearch4.svg') no-repeat 0 center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 16px;
    width: 20px;
    clear: both;
}
.btn-wordlist:hover > .icon-dic-search{
	background: url('../img/icon-wordicsearch4.svg') no-repeat -21px center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 16px;
    width: 20px;
    clear: both;
}
.icon-language{
	background: url('../img/icon-language-solid.svg') no-repeat center center;
	background-size: auto 12px;
    display: inline-block;
    position: relative;
    top: 2px;
    height: 12px;
    width: 24px;
    clear: both;
}
.icon-o-star{
	background: url('../img/icon-o-star.svg') no-repeat center center;
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 22px;
    width: 22px;
    clear: both;
    margin: 0 5px;
}
.icon-f-star{
	background: url('../img/icon-f-star.svg') no-repeat center center;
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 22px;
    width: 22px;
    clear: both;
    margin: 0 5px;
}
.icon-plus{
	background: url('../img/icon-plus-w.svg') no-repeat center center;
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 24px;
    width: 24px;
    clear: both;
    margin: 0 5px;
}
.icon-minus{
	background: url('../img/icon-minus-w.svg') no-repeat center center;
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    top: 4px;
    height: 24px;
    width: 24px;
    clear: both;
    margin: 0 5px;
}
.word-local-hide{
	float: left;
	margin-right: 30px;
}
.btn-wordlist{
	border: 1px solid #E6E7F2;
	background-color: #fff;
	border-radius: 20px;
	padding: 3px 10px;
	outline: none;
/* 	font-size: 14px; */
}
.link-wordlist{
	display: inline-block;
	border: 1px solid #E6E7F2;
	background-color: #fff;
	color: #636573;
	border-radius: 5px;
	padding: 4px 8px;
	font-size: 11px;
	margin-left: 25px;
/*     line-height: 18px; */
}
.word-btn-group{
	padding: 5px 10px 5px 10px;
}
.desc-block, .textex-block, .tag-block{
	padding: 15px 10px 5px 10px;
}
.desc-block{
	font-size: 17px;
	color: #515268;
	font-weight: normal;
}
.tag-block span{
	background-color: #F6F7F9;
	color: #ABAAD1;
	border-radius: 20px;
	padding: 4px 6px;
	font-size: 12px;
}
.word-textex{
	margin-bottom: 24px;
	display: flex;
	width: 100%;
}
.textex-cell{
	flex: 55;
}
.word-textex:last-child{
	margin-bottom: 0;
}
.textex-spkr-btn{
	border: none;
    padding: 1px;
    outline: none;
    background: none;
    float: left;
}
.margin-textex{
	margin-left: 16px;
}
.desc-textex{
	display: table-caption;
    border-bottom: 1px solid #ededf6;
    margin-left: 24px;
    margin-bottom: 8px;
    color: #54586a;
}
.textex-block .tran-btn-block{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.word-container .childcard{
	padding: 0;
}
.textex-spkr-cell{
/*	display: table-cell; 
 	width: 74px; */
	vertical-align: top;
	flex: auto;
}
/*
.textex-cell{
	display: table-cell;
}
*/
.textex-cell .textex{
	font-size: 15px;
	color: #5B5D9B;
}
.textex-cell .textex-pron{
	font-size: 15px;
	color: #898BA4;
	line-height: 15px;
    padding-top: 8px;
}
.textex-cell .textex-tran{
	color: #B3B9E5 !important;
	font-size: 13px !important;
	line-height: 15px;
	padding-top: 8px;
}
.word-main .top-text{
	top: -20px;
	line-height: normal;
}
/* Floating button start*/
.floating-container{
	width: 500px;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
	position: -webkit-sticky;
    z-index: 99;
    top: 0px;
}
@media (max-width: 767px){
	.floating-container{
		width: 100%;
	}
}
.float-filter-absolute{
    height: 86px;
    position: absolute;
    top: 90px;
    right: -8px;
}
.float-filter-btn{
	height:20px;
	width: 20px;
	background: red;
	position: fixed;
	margin-left: 20px;
	height: 90px;
    width: 45px;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
}
.triggerButton {
  display: none;
}

.triggerButton + label {
    cursor: pointer;
    position: relative;
    background-color: #1E216F;
    height: 85px;
    width: 8px;
    top: 90px;
    border-radius: 0 40px 40px 0;
    z-index: 20;
}

.triggerButton + label:before{
	position: absolute;
    content: "";
    background-color: #5E62CE;
    height: 66px;
    width: 33px;
    border-radius: 50px 0 0 50px;
    right: 2px;
    top: 9px;
    -webkit-box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
}
.triggerButton + label:after{
	position: absolute;
    content: "\A";
    top: 36px;
    right: 10px;
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #ffffff transparent transparent;
    transition-duration: 0.35s;
}
.triggerButton:checked + label:after {
  transform: rotatez(-180deg);
  transition-duration: 0.35s;
}
@media (max-width: 540px){
	.triggerButton + label{
		background-color: transparent;
	}
	.triggerButton + label:before{
		right: -7px;
	}
	.triggerButton + label:after{
		right: 3px;
	}
	.float-filter-absolute{
		    top: 90px;
	}
	.preview-floating .card{
		width: 100% !important;
	}
	.card-block-prev::before, .card-block-prev::after{
		display: none;
	}
	.card-block-prev{
	    padding: 10px !important;
		width: 100vw;
	}
	.card-block-prev > div > h4{
		width: 75vw;
	}
	.card-block{
		width: 100%;
	}
	.search-top-menu{
		display: flex;
	    position: absolute;
	    height: 52px;
	    top: 0;
	    left: -10px;
	    background: #1A2152;
	    padding: 0 10px; 
	    z-index: 99;
	}
	.mob-search-spl{
		display: flex !important;
	}
	.search-top-menu form{
		width: calc(100% - 30px);
		position: relative;
	}
	.search-top-menu span.close{
		position: absolute;
		right: 15px;
		display: block !important;
		color: #fff;
	    text-shadow: none;
	    opacity: 1;
	}
	.search-hide{
		visibility: hidden !important;
	}
	.carousel-inner{
		height: 165px !important;
	}
	.item img {
	    height: 165px !important;
	    margin-left: -30px !important;
	}
	.tabprev{
		width: 100% !important;
	}
}
@media (min-width: 541px){
	.carousel-inner{
		height: 210px !important;
	}
	.item img {
	    height: 210px !important;
	    margin-left: -30px !important;
	}
}
@media (min-width: 768px){
	.carousel-inner{
		height: 310px !important;
	}
	.item img {
	    height: 310px !important;
	    margin-left: -30px !important;
	}
}
.search-top-menu span.close{
	display: none;
}
.one,
.two,
.three {
  cursor: pointer;
  position: absolute;
  margin: 22px -25px;
/*   padding: 10px; */
  width: 41px;
  height: 41px;
  background-color: #5E62CE;
  border-radius: 50%;
  opacity: 0;
  z-index: 15;
  transform: rotateZ(90deg);
  font-size: 1em;
  color: #fff;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
  box-shadow: -4px 2px 4px 0px rgba(0,0,0,0.2);
}

.triggerButton:checked ~ .one,
.triggerButton:checked ~ .two,
.triggerButton:checked ~ .three {
  opacity: 1;
}

.triggerButton:checked ~ .one {
  transform: translateX(-65px);
  transition-delay: 0.2s;
}

.triggerButton:checked ~ .two {
  transform: translateY(55px) translateX(-35px);
/*   transform: translateX(-3.5em) translateY(-3.5em); */
  transition-delay: 0.1s;
}

.triggerButton:checked ~ .three {
  transform: translateY(-55px) translateX(-35px);
}

.triggerButton:checked ~ .one:hover,
.triggerButton:checked ~ .two:hover,
.triggerButton:checked ~ .three:hover {
  opacity: 0.9;
}
.bookmark-word-filter .float-filter-absolute .triggerButton:checked ~ .two{
	transform: translateY(30px) translateX(-45px);
}
.bookmark-word-filter .float-filter-absolute .triggerButton:checked ~ .three{
	transform: translateY(-30px) translateX(-45px);
}
.icon-flashcard{
	background: url('../img/icon-flashcard-new.svg') no-repeat center center;
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    clear: both;
    padding: 20px;
}
.icon-wordFilter{
	background: url('../img/icon-filterWord.svg') no-repeat center center; 
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    clear: both;
    padding: 20px;
}
.icon-star-white{
	background: url('../img/icon-star-white.svg') no-repeat center center; 
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    clear: both;
    padding: 20px;
}
.icon-star-yellow{
	background: url('../img/icon-star-yellow.svg') no-repeat center center; 
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 22px;
    clear: both;
    padding: 20px;
}
.nobookmark-img{
	text-align: center;
    padding: 40px 10px 25px 10px;
}
.nobookmark-img img{
	width: 120px;
}
.nobookmark-img h2{
	color: #424173;
}
.nobookmark-img p{
	color: #a4a5bc;
	margin-bottom: 25px;
}
.nobookmark-img a{
	display: inline-block;
    padding: 7px 50px;
    border: 1px solid #ececf9;
    border-radius: 25px;
    color: #4655a2;
    font-weight: bold;
}
.nobookmark-img a:hover{
	background-color: #e9e9f7;
    border-color: #b0b0d7;
    text-decoration: none;
}
/* filter modal */
#filterModal .modal-dialog{
	width: 500px;
    top: calc(50% - 30%);
    margin: 0 auto;
}
.filter-tags{
	    width: 32%;
    display: inline-block;
}
@media (max-width: 767px){
	#filterModal .modal-dialog{
		width: 100%;
		height: 100%;
		top: 0;
	}
	#filterModal > .modal-dialog > .modal-content{
		height: 100%;
    border: none;
    border-radius: 0;
	}
	.word-filter-opt .filter-tags{
		width: 100%;
	}
	.word-filter-tags .filter-tags{
		width: 100%;
	}
}
/* Flashcard design start */

.flashCard-container{
	width: 50vw; height: 40vh; border: 1px solid #E4E4F0; margin: 0 auto; position: relative; border-radius: 6px; margin-top: 60px; margin-bottom: 100px;
}
.sideOne-cont{
	position: absolute;
    top: 16vh;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px){
	.flash-modal-body{
		padding: 20px;
		height: 100%;
	}
	.flashCard-container{
		width: 100%;
		height: calc(100% - 100px);
		margin: 0 auto;
	}
	.sideOne-cont{
		top: 50%;
	}
	.flash-back-btn{
		width: 100% !important;
	}
	#filterModal .modal-body{
		padding: 0;
	}
	.filter-title{
		padding: 20px;
	}
	.word-filter-opt, .word-filter-tags{
		padding: 10px 20px 20px 20px;
	}
	.subTitle-opt, .subTitle-tag{
		padding: 5px 20px;
		background-color: #F4F6F9;
	}
	.subTitle-opt h5, .subTitle-tag h5{
		margin: 0;
	}
}
.flashCard{
	width: 100%; height: 100%; background-color: #fff; display: table; border-radius: 6px;
}
.flash-nxt-btns{
	position: absolute; right: 25%; bottom: -20px; background-color: #CBCFE4;
    padding: 10px 15px;
    z-index: 99;
    border-radius: 20px;
}
.flash-prev-btns{
	position: absolute; left: 25%; bottom: -20px; background-color: #CBCFE4;
    padding: 10px 15px;
    z-index: 99;
    border-radius: 20px;
}
@media (max-width: 767px){
	.flash-nxt-btns{
		    right: -20px;
    top: calc(50% - 20px);
        bottom: auto;
	}
	.flash-prev-btns{
		    left: -20px;
    top: calc(50% - 20px);
        bottom: auto;
	}
}
.icon-arrow{
	border: solid #585D8C;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.icon-next{
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.icon-prev{
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.flash-back-btn{
	padding: 10px;
    width: 500px;
    display: inline-block;
    border-radius: 25px;
    background-color: #bbbdd6;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.flash-back-btn:hover{
	background-color: #333a80;
	color: #fff;
}
.icon-arrow-back{
	background: url('../img/icon-arrow-back.svg') no-repeat center center; 
	background-size: auto 22px;
    display: inline-block;
    position: relative;
    height: 22px;
    width: 30px;
    clear: both;
    top: 4px;
    margin-right: 10px
}
.filter-title span{
	font-size: 21px;
}

/* Change Password design */
.changePass{
	padding: 15px;
}
.changePass .form-group label, .changePass .form-group input{
	width: 100%;
}
.changePass .form-group input{
	height: 40px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #d9ddf1;
    padding: 0 10px;
}

.word-btn-group span:first-child{
	margin-right: -5px;
}
.word-btn-group span:last-child{
	margin-left: -5px;
}
.word-btn-group > span:first-child > .btn-wordlist{
	border-radius: 20px 0 0 20px;
}
.word-btn-group > span:last-child > .btn-wordlist{
	border-radius: 0 20px 20px 0;
}
.word-btn-group > span > .btn-wordlist{
	border-radius: 0;
}

.word-btn-group span:last-child .link-wordlist{
	border-radius: 0 20px 20px 0;
}
.sideOne-cont > .btn-spkr > .btn-wordlist{
	transform: scale(1.2, 1.2);
}
.sideTwo-word{
	font-size: 20px !important;
	color: #C6C8D4 !important;
	padding: 0 !important;
}
.sideTwo-desc{
	font-size: 16px !important;
	color: #4E4F74 !important;
}
.side_two .sideTwo-pron{
	font-size: 15px;
    color: #AEB2D5;
    font-weight: normal;
    margin: 0;
    line-height: normal;
}

/* DvTest fixed bar */
#fixedTitle{
	z-index: 999;
	box-shadow: rgba(99, 99, 99, 0.20) 0px 1px 2px;
	position: sticky;
	top: 50px;
	width: 100vw;
}
@media (max-width: 767px){
	#fixedTitle{
	height: 60px;
	}
}
.mobile #fixedTitle{
	top: 0 !important;
}
.sticky{
	position: fixed;
  top: 0;
  width: 100%;
}
/*
.sticky + .container {
  padding-top: 96px;
}
*/

/* Custom comment tooltip starts */
.comnt-txt{
	color: #5a6bb4;
	background-color: #c9ffd0;
}
.comnt-txt:hover, .comnt-txt:focus{
	text-decoration: none;
	color: #4c50b5;
}
.comnt-txt + .tooltip{
	opacity: 1 !important;
}
.comnt-txt + .tooltip > .tooltip-inner {
    background-color: #c9ffd0; 
    color: #606d64; 
    border: 1px solid #c9ffd0;
    padding: 5px;
    font-size: 16px;
    opacity: 1;
    max-width: 250px;
}

.comnt-txt + .tooltip > .tooltip-arrow { 
	border-bottom-color:#c9ffd0;
	border-top-color:#c9ffd0; 
}

/* Custom comment tooltip ends */

/* voice to text style start */
.mic-stt-icon{
	background: url('../img/microphone-stt2.svg') no-repeat 0 center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 16px;
    width: 13px;
    clear: both;
}
.btn-voicerec{
	padding: 2px 12px;
    border: 1px solid #E6E7F2;
    color: #E6E7F2;
    margin: 0 5px;
    border-radius: 25px !important;
}
.btn-voicerec:hover > .mic-stt-icon{
	background: url('../img/microphone-stt2.svg') no-repeat -13px center;
	background-size: auto 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    height: 16px;
    width: 13px;
    clear: both;
}
.info-recording{
	background-color: aliceblue;
    border: 1px solid #b8d3ea;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.info-recording p{
	font-size: 15px;
    font-weight: bold;
}
.info-recording ul{
	padding-left: 16px;
    margin-top: 7px;
    margin-bottom: 0;
}
.info-recording ul li{
	font-size: 13px;
}
/* voice to text style end */

/* Notification on header start*/
/*
.notification-signal {
    height: 10px;
    width: 10px;
    background-color: red;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 3px
}
*/
    
/* Notification on header end*/

/* Next Prev chapter button start*/
.btn-nxt {
    width: 70% !important;
    border-left: 1px solid #8394D1;
}
.btn-prev {
    width: 30% !important;
    border-right: 1px solid black;
    border-right: 1px solid #8394D1;
}
@media (max-width: 767px){
	.dvtest-summary-exit .btn-nxt, .dvtest-summary-exit .btn-prev{
		width: 50% !important;
	}
}
.btn-prev, .btn-nxt {
    display: inline-block;
    border-radius: 25px;
    background-color: #3745AE;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
}
.btn-prev:hover, .btn-nxt:hover{
	background-color: #2e3991;
	color: #fff;
}
.btn-prev:focus, .btn-nxt:focus{
	color: #fff;
	background-color: #3745AE;
	outline: none;
}
.btn-nxt-single{
	display: block;
    border-radius: 25px;
    background-color: #3745AE;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
}
.btn-nxt-single:hover{
	background-color: #2e3991;
	color: #fff;
	width: 100%;
}
/* Next Prev chapter button end*/

/* Viemo video button */
.viemo-alternative{
/* 	    width: 100%; */
    border: none;
    color: #fff;
    background-color: #6B6FE4;
    padding: 5px 10px;
    padding-right: 30px;
    border-radius: 70px;
    font-weight: 600;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    line-height: 42px;
}
.viemo-alternative:hover, .viemo-alternative:focus{
	background-color: #5d61cc;
	outline: none;
}
.viemo-alternative i{
	background: url('../img/play-button.svg') no-repeat center center;
	background-size: auto 30px;
    margin-right: 10px;
    height: 30px;
    width: 34px;
    display: inline-block;
    position: relative;
    top: 8px;
}

/* Voice recognition popup start */

#voiceModal .modal-body{
	padding: 0;
}
.given-text{
	text-align: center;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    padding: 5px 10px 0px 10px;
}
.given-text:after{
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -11px;
    left: calc(50% - 14px);
    background-color: white;
    transform: rotate(45deg);
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
.speakbtn-container{
	text-align: center;
	padding: 40px 0 30px 0;
	position: relative;
}
.given-text button{
	padding: 8px 22px;
	background-color: #fff;
	border: 1px solid #DFE0E5;
    border-radius: 25px;
    font-size: 1.8rem;
    color: #6A75CC;
    line-height: normal;
    outline: none;
}
.given-text button:hover{
	border-color: #6A75CC;
}

.given-text p{
	font-size: 18px;
    color: #103773;
    padding: 20px 10px;
}
.speakbtn-container button{
	background-color: #fff;
	color: #E2183C;
	border: 1px solid #C7C9D6;
	border-radius: 25px;
	font-size: 2rem;
	line-height: normal;
	padding: 10px 32px;
	outline: none;
}
.speakbtn-container button:hover{
	border-color: #E2183C;
}
.submit-btngrp button{
	background-color: #fff;
	color: #E2183C;
	border: 1px solid #C7C9D6;
	border-radius: 25px;
	font-size: 2rem;
	line-height: normal;
	padding: 10px 32px;
	margin: 0 10px;
	outline: none;
}
button.stpthree-btnsubmit{
	color: #099674;
}
button.stpthree-btnsubmit:hover{
	border-color: #099674;
}
button.stpthree-btntry{
	color: #4F4C4C;
}
button.stpthree-btntry:hover{
	border-color: #4F4C4C;
}
#infoText{
	padding: 0px 20px 0px 20px;
}
#infoText h3 {
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    line-height: 0.42em;
    margin: 10px 0 20px;
    font-size: 1.4rem;
    color: #7A7A7A;
} 

#infoText h3 span { 
    background: #fff;
    padding-right: 10px;
}
#infoText ul{
	padding-left: 20px;
	font-size: 1.6rem;
	color: #3D3D3D;
}
#infoText ul li{
	padding-bottom: 10px;
}
.submit-btngrp{
	padding-top: 30px;
	text-align: center;
}
#stepTwoBtn{
	top: -20px;
	position: relative;
}

.wifi-symbol {
  display: none;
}

.wifi-symbol [foo], .wifi-symbol {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 50px;
  height: 50px;
  left: 30px;
 
  transform: rotate(45deg) 
}
.wifi-symbol [foo], .wifi-symbol.left{
	transform: rotate(-135deg);
    left: -30px;
}

.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 5px;
  line-height: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #8EDAA4;
  border-style: solid;
  border-width: 1em 1em 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 0;
  -o-animation: wifianimation 2s infinite;
  -moz-animation: wifianimation 2s infinite;
  -webkit-animation: wifianimation 2s infinite;
  animation: wifianimation 2s infinite;
}

.wifi-symbol .wifi-circle.first {
  width: 11em;
  height: 11em;
  border-color: #8EDAA4;
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.wifi-symbol .wifi-circle.second {
  width: 7em;
  height: 7em;
  border-color: #8EDAA4;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.wifi-symbol .wifi-circle.third {
  width: 3em;
  height: 3em;
  border-color: #8EDAA4;
  -o-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}



@-o-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  30% {
    opactiy: 0.1;
  }
  60% {
    opactiy: 1;
  }
  100% {
    opactiy: 1;
  }
}

@-moz-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  30% {
    opactiy: 0.1;
  }
  60% {
    opactiy: 1;
  }
  100% {
    opactiy: 1;
  }
}

@-webkit-keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  30% {
    opactiy: 0.1;
  }
  60% {
    opactiy: 1;
  }
  100% {
    opactiy: 1;
  }
}

.rec-summary-container{
	padding: 0 20px;
	text-align: left;
}
.rec-text-block{
	padding: 0 10px;
}
.rec-text-block p{
	margin: 5px 0;
}
.rec-text-result{
	font-size: 18px;
    color: #6C77B0;
}
.rec-grade-block{
	display: flex;
	margin-top: 30px;
}
.rec-bar{
	flex: 2;
    padding: 0 30px;
    text-align: center;
    border-right: 1px solid #E0E0E0;
}
.rec-bar p, .rec-grade p{
	color: #666666;
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 10px;
}
.rec-bar p span{
	color: #21B894;
	font-size: 2.5rem;
    line-height: normal;
    padding-right: 6px;
}
.rec-grade{
	flex: 1;
    padding: 0 30px;
    text-align: center;
}
.rec-bar-block {
    position: relative;
}
.rec-bar-bg {
    background-color: #FF8C9A;
    height: 8px;
    border-radius: 25px;
}
.rec-correct{
	height: 8px;
    background-color: #67D09E;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
}
.rec-grade div span{
	background-color: #d7a900;
    color: #fff;
    border-radius: 50%;
    font-size: 1.6rem;
    padding: 6px;
    min-width: 35px;
    min-height: 35px;
    line-height: inherit;
    display: inline-block;
}

.convr-spkr button{
	right: -25px;
    top: 0px;
}
.convr-spkr a{
	left: -22px;
    top: 22px;
}
/* Voice recognition popup end */

.bookmark-cont > .card-menu-btn {
    position: absolute;
    right: 10px;
}
.bookmark-cont.dts-reference-word > .card-menu-btn {
    position: unset;
}
.word-container .word-main .bot-text{
	margin-bottom: 0;
/* 	font-family: initial; */
}

.card-title .bot-text, .textex-box .bot-text{
	margin-bottom: 0;
}
.bookmark-cont >.card-menu-btn > .dropdown-menu{
	top: 45px;
    right: 10px;
}
.text-card-cont .bot-text{
	line-height: normal;
	margin-bottom: 0;
}
.text-card-cont .top-text{
	top: -10px !important;
}
.list-group > .child-list > #bookmarks_childs{
	padding: 10px;
}
/* Summary style start */
h4.summary-title{
	font-weight: bold;
	font-size: 2.2rem;
}
.total-grade{
	border-bottom: 1px solid gainsboro;
    display: flex;
    width: 100%;
    padding-bottom: 10px;
}
.total-grade .grade-title{
	font-size: 1.8rem;
    font-weight: bold;
}
.total-grade .grade-title span{
	font-weight: normal;
}
.grade-point{
	line-height: normal;
    font-size: 1.8rem;
    font-weight: bold;
    margin-left: auto;
}
.grade-point span.grade{
    color: #009688;
    width: 30px;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    line-height: normal;
    padding: 0 10px;
}
.grade-help a {
	display: inline-block;
    padding: 5px 0;
}
.total-grade span.grade-help{
    padding-left: 10px;
}
.total-quest{
	margin: 10px 0;
}
.total-quest-title{
	font-size: 16px;
}
.total-quest div{
	display: inline-block;
}
.total-time{
	float: right;
	color: #9d9d9d;
}
.total-time span{
	font-size: 16px;
}
.total-time div{
	display: inline-block;
}
.bar-info{
	display: table;
	margin-bottom: 2px;
}
.bar-info > span{
	display: table-cell;
    white-space: nowrap;
    color: #fff;
    border-right: 2px solid #fff;
    min-width: 125px;
    padding: 5px 10px;
    border-radius: 4px 0 0 4px;
    font-weight: bold;
}
.prog-bar.correct{
	background-color: #4dbdae;
}
.bar-info span.correct{
	background-color: #93c4be;
}
.prog-bar.wrong{
	background-color: #ed8ca7;
}
.bar-info span.wrong{
	background-color: #d9a6b5;
}
.prog-bar.nill{
	background-color: #8e8fab;
}
.bar-info span.nill{
	background-color: #afb0c2;
}
.prog-bar.correct span{
	color: #4dbdae;
}
.prog-bar.wrong span{
	color: #ed8ca7;
}
.prog-bar.nill span{
	color: #8e8fab;
}
.prog-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: calc(100% - 40px);
    display: block;
    border-radius: 0 4px 4px 0;
}
.prog-bar span{
	position: absolute;
    right: -30px;
    font-weight: bold;
    font-size: 18px;
}
.main-bar {
    background-color: #fff;
    position: relative;
    display: table-cell;
    width: 100%;
}
/* Summary style ends */

/* Native mobile comment screen start */
.native-comment{
	padding: 10px;
}
.comment-input-fixed{
	background-color: #fff;
    position: fixed;
    bottom: 0;
    padding: 10px;
    margin-left: -10px
}
.comment-input-fixed .form-group{
	margin: 0;
}
.native-comment .bookmark-cont{
	background-color: #fff;
    margin: 0 -10px !important;
    padding: 10px 0;
}
.native-comment .book-link{
	margin: 0 -10px;
	padding: 10px
}
.native-comment .comments-list{
	margin-bottom: 60px;
}
/* Native mobile comment screen end */

.convr-name .bot-text{
	margin-bottom: 0;
}
.convr-name .bot-text .top-text{
	top: -5px;
}

/* Preview tab sliding style start */
.tabprev{
	margin-bottom: 40px;
/* 	width: 500px; */
    margin: 0 auto;
}
.tabprev-main{
	padding: 30px 0;
}
@media screen and (max-width: 768px){
	.tabprev{ width: 100%;}
	.tabprev.tabprev-nav{
		margin-top: 20px;
	}
}
.tabprev-nav{
	border-bottom: 1px solid #d2d2d2;
}
.tabprev-cell {
  width: 100%;
  margin-right: 40px;
}
.tabprev-nav .tabprev-cell {
  width: auto;
  height: 30px;
  font-weight: bold;
  color: #B2AEC7;
  text-transform: uppercase;
  cursor: pointer;
  bottom: 0 !important;
  white-space: nowrap;
}
.tabprev-nav .tabprev-cell.is-nav-selected {
	color: #25236C;
	border-bottom: 4px solid #202480;
	bottom: 0;
	margin-top: 10px;
}
.tabprev-nav .flickity-viewport {
    height: 50px !important;
}

/* Preview tab sliding style end */

.correct-flq-ans{
    border: 1px solid #25C9A1;
    border-radius: 25px;
    padding: 3px;
    color: #25C9A1;
    padding: 2px 10px;
    line-height: normal;
    font-weight: bold;
    margin-left: 3px;
    white-space: nowrap;
}

.fbq-box > .rgt_tick{
	background: url('../img/icon-fill-correct.svg') no-repeat center center; 
	background-size: auto 15px;
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    clear: both;
    top: 4px;
}
.fbq-box > .wng_tick{
	background: url('../img/icon-fill-wrong.svg') no-repeat center center; 
	background-size: auto 15px;
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    clear: both;
    top: 4px;
}
.chat-body .zh-text .top-text{
	font-family: "Chinese Font kjsasung";
}
.word-desc .card-text{
	padding-right: 0 !important;
}
/*adding new classes for Chinese and Japanese fonts : 26-07-2017 */
@font-face {
    font-family: "MyFontLight";
    src: url('chinese/MyFontLight.eot');
    src: url('chinese/MyFontLight.woff') format("truetype"),
    	 url('chinese/MyFontLight.ttf') format("truetype");
}
@font-face {
    font-family: "Chinese Font kjsasung";
    src: url('chinese/kjsasung.eot');
    src: url('chinese/kjsasung.woff') format('woff'),
            url('chinese/kjsasung.ttf') format("truetype");
}
@font-face {
    font-family: 'IPAChartFallback';
    src: url('chinese/DoulosSILR.eot');
    src: url('chinese/DoulosSILR.woff') format('woff'),
	     url('chinese/DoulosSILR.ttf') format('truetype'),
		 url('chinese/DoulosSILR.svg#DoulosSIL') format('svg');
}
.zh-pronunciation {
    font-family: "MyFontLight" !important;
    /*font-family: "IPAChartFallback" !important;*/
}
.zh-pronunciation-light {
    font-family: "MyFontLight" !important;
}
/* added by Rohan on 19-09-2017 */
@font-face {
    font-family: "Chinese Font Simsun";
    src: url(chinese/simsun.ttf) format("truetype");
}

.zh-text {
    font-family: "Chinese Font Simsun" !important;
    font-size: 14px !important;
}