*{margin:0;padding:0;}

html{min-height:100%;position:relative;}
body{width:100%;min-width:320px;background-color:#fff;color:#000;font-size:14px;font-weight:400;font-family: 'Poppins', sans-serif;letter-spacing:0.4px}
.clear{clear:both;}
a, button{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;outline:0;color:#06c5fd;}
a:focus,:focus, button:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;}
a, img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
label{font-weight:400;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:400;line-height:1.3;margin:0;padding:0 0 20px;position:relative;}
h1{ font-size:20px; font-weight:700; text-transform:uppercase;}
h2{font-size:20px; font-weight:700; text-transform:uppercase;}
h2.white-color{color:#fff;}
ul, ol{list-style:none;margin:0;}
ul li, ol li{list-style:none;}
p{display:block;line-height:24px;margin:0;padding:0 0 20px; }
.form-control{border:1px solid #a8a8a8;border-radius:4px;box-shadow:none !important;color:#000; font-family: 'Poppins', sans-serif;font-size:14px;font-weight:400;height:46px; }
select, select.form-control{text-overflow:ellipsis;white-space:nowrap;padding-right:28px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;width:100%;background:rgba(255, 255, 255, 1) url(../images/select-arrow.png) no-repeat scroll right center;}
textarea.form-control{min-height:100px;resize: none;height:auto;}

.btn-custom{background-color:#4fdaeb;border:medium none;border-radius:0;box-shadow:none !important;color:#ffffff;  font-family: 'Dosis', sans-serif;font-size:22px;font-weight:600;height:44px;line-height:44px;margin:0;padding:1px 25px 5px;position:relative;text-transform:uppercase;overflow:hidden;position:relative;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; border-radius:3px;}




.line-btn{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:2px solid #ffffff;border-radius:50px;font-weight:400;line-height:42px;}
.pink-btn{background:#ff198d;color:#fff;}
.btn-custom:hover, .btn-custom:focus{background:#111;color:#fff;}
.dis-inline{display:inline-block;vertical-align:middle;position:relative;}
.dis-block{display:block;position:relative;}
.full-wdth{display:block;width:100%;position:relative;}
.mrg0{margin:0px !important;}
.pad0{padding:0px !important}
.bdr0{border:none !important;}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){select, select.form-control{background:#fff !important;padding-right:7px !important;}
}
select, select.form-control{background-color:none !important;padding-right:7px\9 !important;}
.pad5{padding:5px}.pad10{padding:10px}.pad15{padding:15px}.pad20{padding:20px}.pad25{padding:25px}.pad30{padding:30px}.pad40{padding:40px}.pad50{padding:50px}.pad60{padding:60px}.pad70{padding:70px}.pad80{padding:80px}.pad90{padding:90px}.pad100{padding:100px}.pad-t5{padding-top:5px}.pad-b5{padding-bottom:5px}.pad-l5{padding-left:5px}.pad-r5{padding-right:5px}.pad-t10{padding-top:10px}.pad-b10{padding-bottom:10px}.pad-l10{padding-left:10px}.pad-r10{padding-right:10px}.pad-t15{padding-top:15px}.pad-b15{padding-bottom:15px}.pad-r15{padding-right:15px}.pad-l15{padding-left:15px}.pad-t20{padding-top:20px}.pad-b20{padding-bottom:20px}.pad-l20{padding-left:20px}.pad-r20{padding-right:20px}.pad-t25{padding-top:25px}.pad-b25{padding-bottom:25px}.pad-l25{padding-left:25px}.pad-r25{padding-right:25px}.pad-t30{padding-top:30px}.pad-b30{padding-bottom:30px}.pad-l30{padding-left:30px}.pad-r30{padding-right:30px}.pad-t40{padding-top:40px}.pad-b40{padding-bottom:40px}.pad-l40{padding-left:40px}.pad-r40{padding-right:40px}.pad-t50{padding-top:50px}.pad-b50{padding-bottom:50px}.pad-l50{padding-left:50px}.pad-r50{padding-right:50px}.pad-t60{padding-top:60px}.pad-b60{padding-bottom:60px}.pad-t70{padding-top:70px}.pad-b70{padding-bottom:70px}.pad-t80{padding-top:80px}.pad-b80{padding-bottom:80px}.pad-t90{padding-top:90px}.pad-b90{padding-bottom:90px}.pad-t100{padding-top:100px}.pad-b100{padding-bottom:100px}.pad-tb80{padding-top:80px;padding-bottom:80px;}.pad-tb70{padding-bottom:70px;padding-top:70px;}.pad-tb60{padding-bottom:60px;padding-top:60px;}.pad-tb30{padding-bottom:30px;padding-top:30px;}.mrg5{margin:5px}.mrg10{margin:10px}.mrg15{margin:15px}.mrg20{margin:20px}.mrg30{margin:30px}.mrg40{margin:40px}.mrg50{margin:50px}.mrg60{margin:60px}.mrg70{margin:70px}.mrg80{margin:80px}.mrg90{margin:90px}.mrg100{margin:100px}.mrg-t5{margin-top:5px}.mrg-b5{margin-bottom:5px}.mrg-l5{margin-left:5px}.mrg-r5{margin-right:5px}.mrg-t10{margin-top:10px}.mrg-b10{margin-bottom:10px}.mrg-l10{margin-left:10px}.mrg-r10{margin-right:10px}.mrg-t15{margin-top:15px}.mrg-b15{margin-bottom:15px}.mrg-l15{margin-left:15px}.mrg-r15{margin-right:15px}.mrg-t20{margin-top:20px}.mrg-b20{margin-bottom:20px}.mrg-l20{margin-left:20px}.mrg-r20{margin-right:20px}.mrg-t25{margin-top:25px}.mrg-b25{margin-bottom:25px}.mrg-l25{margin-left:25px}.mrg-r20{margin-right:20px}.mrg-t30{margin-top:30px}.mrg-b30{margin-bottom:30px}.mrg-l30{margin-left:30px}.mrg-r30{margin-right:30px}.mrg-t40{margin-top:40px}.mrg-b40{margin-bottom:40px}.mrg-l40{margin-left:40px}.mrg-r40{margin-right:40px}.mrg-t50{margin-top:50px}.mrg-b50{margin-bottom:50px}.mrg-t60{margin-top:60px}.mrg-b60{margin-bottom:60px}.mrg-t70{margin-top:70px}.mrg-b70{margin-bottom:70px}.mrg-t80{margin-top:80px}.mrg-b80{margin-bottom:80px}.mrg-t90{margin-top:90px}.mrg-b90{margin-bottom:90px}.mrg-t100{margin-top:100px}.mrg-b100{margin-bottom:100px}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font19{font-size:19px}.font20{font-size:20px}.font21{font-size:21px}.font22{font-size:22px}.font23{font-size:23px}.font24{font-size:24px}.font25{font-size:25px}.font26{font-size:26px}.font27{font-size:27px}.font28{font-size:28px}.font29{font-size:29px}.font30{font-size:30px}.font31{font-size:31px}.font32{font-size:32px}.font33{font-size:33px}.font34{font-size:34px}.font35{font-size:35px}.font36{font-size:36px}.font37{font-size:37px}.font38{font-size:38px}.font39{font-size:39px}.font40{font-size:40px}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-grey{background-color:#f6f6f8}.white-color{color:#fff}.black-color{color:#000}.pink-color{color:#ff198d;}.blue-color{color:#3e87ed}.yellow-color{color:#dfdf00}.red-color{color:#e61515}.grey-color{color:#9d9d9d}.pull-left{float:left;}.pull-right{float:right;}.container{max-width:100% !important;}
strong, b{ font-weight:normal;}
.btn.focus, .btn:focus{outline:0;box-shadow:none;}



.main-block {
	max-width: 1280px;
	margin: auto;
	box-shadow: 0px 0px 18px 7px rgba(0,0,0,0.1);
}


.search-btn {
	border: 0;
	background: #fff;
	color: #000;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 48px;
	text-align: center;
	border-radius: 0 4px 4px 0px;
	cursor: pointer;
	font-size: 20px;
}
.search-btn:hover {
	background: #f0f0f0;
}
.user_info_box {
	position: relative;
	padding: 0px 0 0 15px;
	display: flex;
	animation: top;
	align-items: center;
}
.user_img {

	display: inline-block;
	vertical-align: middle;
	width: 40px;
}
.user_img img {
  display: block;
  overflow: hidden; max-width:100%;
}

.user_name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	width: 169px;
	text-align: left;
	color: #fff;
	padding-right: 9px;
}
.user_name span { padding:0 0 0 5px;}
ul.user_nav{border:0;border-radius:0;box-shadow:0 0 5px #cbcbcb;padding:0;width:175px;margin-top:10px;right:0;left:inherit;font-weight:300; }
ul.user_nav li{border-bottom:1px solid #e5e5e5; font-size:12px;padding:4px 8px;}
ul.user_nav li:last-child{border:0}
ul.user_nav li a{display:block; }
.user_info_box .dropdown-menu > li > a:focus, .user_info_box .dropdown-menu > li > a:hover {color:#14b0ef;text-decoration: none;}
ul.user_nav li a i{color:#004358;margin:0;width:14px;vertical-align:middle}
ul.user_nav li a:hover,ul.user_nav li a:focus{color:#0091da}
.user_info {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	display: inline-block;
	outline: 0 none;
	padding-top: 0;
	vertical-align: middle;
	width: 15px;
	font-size: 16px;
	position: absolute;
	right: -4px;
	top: 11px;
}
.grade-col{ position:relative;}
/*==========================Desktop menu start here===========================*/
.menu {
	
	position: relative;
	z-index: 9;
}
.menu ul {
	list-style: none;
	display: flex;
	justify-content: space-around;
}
.menu ul li {
	position: relative;
	padding-right: 2px;
	width: auto;
}
.menu ul li:last-child{ padding-right:0;}
.menu ul li a {
	display: inline-block;
	width: auto;
	padding: 12px 6px;
	letter-spacing: 1px;
	border-bottom: 0;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	
}
.menu ul li:hover a {
	color: #fff;
	text-decoration: none; background:#2c94eb
}
.menu ul li.active a {
	color: #fff;
	text-decoration: none;
	background: #2c94eb;
}



.menu ul li a:hover i, 
.menu ul li.active i{ background:#fff; color:#17a2b7}
.menu ul li.active a span{ color:#fff;}



.menu ul li a i {
	width: 32px;
	height: 32px;
	line-height: 34px;
	background: #f1f1f2;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
}
/*==========================Desktop dropdown menu start here===========================*/

.menu ul ul {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	display: none;
	float: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: auto;
	z-index: 999999;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.menu ul ul li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: medium none;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-shadow: none;
	text-transform: none;
}
.menu ul ul li a {
	background: none repeat scroll 0 0 #fff !important;
	border-bottom: 1px solid #999;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	line-height: normal;
	margin: 0;
	padding: 10px;
	text-shadow: none;
}
.menu ul li:hover > ul > li > a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	text-decoration: none;
}
.menu ul li:hover ul li a {
	color: #000;
	text-decoration: none;
}
.menu ul ul li a:hover, .menu ul ul li.current-menu-item > a {
	background: none repeat scroll 0 0 #2c94eb !important;
	color: #fff !important;
}
.menu ul li:hover ul {
	display: block;
}
.menu ul ul ul {
	display: none !important;
	left: 0;
	margin: 0 0 0 200px;
	position: absolute;
	top: 0;
}
.menu ul ul li:hover > ul {
	display: block !important;
}

.body-overlay{ display:none !important}


.btn {
	padding: 6px 18px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 0px;
	letter-spacing: 1px;
	display: inline-block;
	text-transform: uppercase;
	height: 38px;
}
.top-header {
	background: #2c94eb;
	padding: 20px 0;
}

.padLR-60{ padding-left: 60px; padding-right: 60px;;}
.top-header-part {
	display: flex;
	align-items: center;
}
.logo {

	padding-right: 40px;
	width: 294px;
}
.search-bar {
	width: 19%; position:relative;
}
.search-bar .form-control {
	height: 49px;
	border: 0;
	padding-right: 43px;
}
.top-small-menu {
	padding-left: 13px;
}
.top-small-menu > ul > li {
	display: inline-block;
	position: relative;
	color: #fff;
	padding: 0 10px;
	width: 300pxasasas;
	width: 174px;
}
.top-small-menu > ul > li > a {color:#fff;}
.top-small-menu > ul > li > a:hover{color:#000; }

.grade {
position: relative;
padding-right: 14px;
}

.grade::after {
	position: absolute;
	right: 0;
	top: 0;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #159bd7;
	border-left: 1px solid #000;
	padding-left: 10px;
}

.top-header{ padding-bottom:0; z-index:52}
.top-header-part{padding-bottom: 18px;}

.new-top-header .grade-col {
	padding: 9px 18px 9px 11px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	/* max-width: 134px; */
	/* width: 100%; */
	color: #000;
}
.new-top-header .grade-col ul.user_nav{margin-left:-8px;}
.new-top-header .grade {
	font-size: 17px;
	padding-right: 32px;
}

.new-top-header .user_img {
	width: 46px;
}

.new-top-header .user_name {
	font-size: 17px;
}

.new-top-header .user_info_box .user_info {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 13px;
}

.top-links {
	padding: 0 20px;
	font-size: 14px;
	border-left: 0;
	margin-left: 25px;
	color: #fff;
	margin-right: 10px;
	border-right: 0;
	
}
.top-links a {
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
}
.nme {
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	top: 3px;
}
.top-links a:hover{color:#052554}

.top-msg-icon {
	display: flex;
	align-items: center;
	font-size: 18px;
}

.header-icon {
	padding: 0 8px;
	margin: 0 5px;
	line-height: 0;
}

.header-icon a { cursor:pointer; color:#052554}
.header-icon a:hover{color:#fac839;}


.new-top-header .search-bar {
	max-width: 433px;
	width: 100%;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {

    border-top-color: #fac839;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
 

  padding: 5px; font-size:12px;
  background: #fac839;
  color: #052554;
 
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fac839;
  /* Red */
}


.user_info_box .dropdown-menu {
	border: 5px solid #d6d6d6;
	background: #ffffff;
	border-radius: 12px;
	width: 200px;overflow: hidden;
}
.new-top-header .user-drop-list .user_img {width: 80px;}
.user-drop-list {
	display: flex;
	align-items: center;
}

.usrname {
	color: #0091da;
	font-weight: 400;
	width: 120px;
}
.user-drop-list {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #fac839;
	padding-bottom: 10px;
	margin-bottom: -4px;
	width: calc(100% + 16px);
	left: -8px;
	position: relative; background:#fff;
}
.main-nav {
    background: #fff;
    /* box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%); */
    z-index: 1;
    border-bottom: 1px solid #dddada;
}
.user_info_box ul.user_nav li{ background:#f1f1f1;}


.user_info_box ul.user_nav li > a > span {

	display: inline-block; padding-left:7px;
}

.user_info_box ul.user_nav li a {
	display: flex;
	align-items: center;
}

.user_info_box ul.user_nav li a:hover i {color:#14b0ef;}

.username-print {
	width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.top-head-menu {

    display: flex;
    align-items: center;
}
.top-right {
	display: flex;
	align-items: center;
	padding-left: 15%;
	width: 82%;
}


.user-top-menu {
    padding-top: 23px;
}
  .user-top-menu ul {
	display: flex;
	justify-content: center;
  }
  .user-top-menu ul li {
    font-size: 16px;
    padding: 0 30px 8px;
    position: relative; text-align: center;
}

.user-top-menu ul li:last-child{ padding-right: 0;}
  .user-top-menu ul li a {
	color: #586ab1;
  }
  .user-top-menu ul li .icon {
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 11px;
}

.user-top-menu ul li .icon img {
	height: 50px;
}
.logo-head-inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}


.bro-francis-banner {
	background: #fff url(../images/user-banner.png) no-repeat right top;
	width: 100%;
	min-height: 687px;
	background-size: 100%;
  }
  .user-intro-sec {
	padding: 100px 60px 0;
}
  .user-intro-sec h1 {
	color: #edb922;
	font-size: 47px;
	padding: 0;
	margin: 0;
  }
  .wel-tagline {
	font-size: 37px;
  }
  .user-award {
	padding: 50px 0 0;
	margin: 0;
	display: flex;
	align-items: center;
}
  .user-award li {
	display: flex;
	align-items: center;
	font-size: 25px;
	padding: 0 30px 0 0;
  }
  .user-award-head {
	padding-left: 10px;
	font-weight: 700;
}
  .user-activity {

	padding-top: 50px;
	padding-bottom: 30px;
}

.user-activity-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.user-activity-col {
	padding: 0 15px;
	flex: 0 0 25%;
	max-width: 25%;
	margin-bottom: 20px;
}

.user-ac-inner {
	background: #ffe984;
	border: 3px solid #fed208;
	border-radius: 20px;
	text-align: center;
	height: 100%;
	overflow: hidden;
}

.user-ac-inner a {
	height: 100%;
	display: block;
}

.activity-img {
	background: #586ab1;
	padding: 0px;
}

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

.user-ac-inner h3 {
	min-height: inherit !important;
	padding: 22px 0px;
	margin: 0 !important;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	color: #252a64;
	font-weight: 600;
}

.footer-inner {
	text-align: center;
	font-size: 22px;
	color: #6979b9;
}

.footer-inner  a {color: #6979b9;}

.footer-inner  a:hover {color: #000;}


.user-activity-sec {
	background-color: #fff;
	width: 100%;
}

.video-section {
	padding: 50px 35px;
}

.welcome-heading h1 {
	font-size: 54px;
	color: #edb922;
}

.welcome-heading p {
	font-size: 18px;
}

.video-cate-sec {
	padding: 40px 0 0;
	display: flex;
	align-items: flex-start;
}

.video-category {
	flex: 0 0 320px;
	background: #f8f8f8;
}


.video-category h2 {
	font-size: 24px;
	color: #fff;
	background: #586ab1;
	text-transform: capitalize;
	padding: 12px 0 12px 20px;
  }
.video-category ul { padding: 10px; max-height: 670px; overflow-y: auto; }
.video-category ul li { border-bottom: 1px solid #ecebeb; }
.video-category ul li a { padding: 12px 10px; width: 100%; display: block; margin-bottom: 0; font-size: 16px; color: #252a64; line-height: 1.25; list-style-type: circle; }
.video-category ul li a:hover { color: #7c8dd2; }
.video-grp { padding: 0 20px 0 40px;  }
.video-grp .row [class*="col-"] { margin-bottom: 30px; }
.welcome-heading h2 { font-size: 32px; text-transform: capitalize; color: #252a64; padding: 0; }
.footer {
	background: #e5e5e5;
	padding: 18px 10px;
}
.footer-inner {
	font-size: 18px;
}

.logo-head {
	border-bottom: 1px solid #dddada;
}



.adventure-catechism-banner {
	background: url(../images/adventure-catechism-banner.jpg) no-repeat center top;
	  background-size: auto;
	background-size: cover;
	min-height: 400px;
	width: 100%;
  }

.new-adventure-banner {
	background-image: none;
	padding: 0;
	min-height: inherit;
}

.wel-tagline2{font-size: 28px;}

.adventure-catechism-banner .user-intro-sec h1 {
	color: #252a64;
}


.printables-sec { width: 100%; padding-top: 25px; }
.related-resources { padding-left: 25px; }
.related-resources h3 { color: #f05326; font-size: 27px; }
.activity-img { background: #586ab1; padding: 0px; }
.printables-sec .row { margin: 0 -10px; }
.printables-sec .row [class*="col-"] { padding: 0 10px; margin-bottom: 20px; }
.resources-blk { background: #eee; border-radius: 20px; text-align: center; overflow: hidden; transition: all 0.5s ease; }
.resources-blk a { padding-top: 30px; display: block; }
.resources-blk:hover { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); }
.resources-blk .icon { height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.resources-blk h4 { color: #fff; padding: 0; font-size: 20px; padding: 13px 2px; }
.blue-bg { background: #586ab1; }
.blue-bg h4 { background: #46558e; }
.purple-bg { background: #cd49c8; }
.purple-bg h4 { background: #a43aa0; }
.orange-bg { background: #ff5f00; }
.orange-bg h4 { background: #cc4c00; }
.green-bg { background: #a0ca00; }
.green-bg h4 { background: #77b300; }
.yellow-bg { background: #fed208; }
.yellow-bg h4 { background: #fdad00; }
.sky-bg { background: #46c1eb; }
.sky-bg h4 { background: #00a6e2; }
.related-resources .row [class*="col-"] { margin-bottom: 30px; }
.video-back-btn a { font-size: 24px; display: block; text-align: center; padding: 8px; color: #fed208; background: rgb(86, 104, 175); background: linear-gradient(  180deg,  rgba(86, 104, 175, 1) 0%,  rgba(39, 44, 102, 1) 100%  ); border-radius: 8px;font-weight: 600; }
.video-back-btn a:hover { background: rgb(86, 104, 175); background: linear-gradient(  360deg,  rgba(86, 104, 175, 1) 0%,  rgba(39, 44, 102, 1) 100%  ); }
.video-back-btn a span { position: relative; padding: 0 0 0 30px; }
.video-back-btn a span::before { position: absolute; left: 0; top: 4px; content: ""; background: url(../images/back-arrow.png) no-repeat left center; width: 16px; height: 25px; }
.printables-sec { max-height: 830px; overflow-y: auto; overflow-x: hidden; padding-right: 15px; }
.bdr-img { border: 2px solid #0d0d0d; }
.detail-des p { font-size: 20px; padding: 20px 0 5px 0; }
.match-score { background: #ffe982; border: 4px solid #fed208; border-radius: 16px; padding: 15px 0; font-size: 22px; margin-bottom: 30px; }
.match-score ul { display: flex; justify-content: center; flex-wrap: wrap; }
.match-score ul li { padding: 0 0 0 70px; }
.match-score ul li:first-child { padding-left: 0; }
.memory-match-game .row [class*="col-"] { margin-bottom: 20px; }
.memory-match-box { background: #f8e380; border-radius: 16px; text-align: center; border: 12px solid transparent; height: 100%; box-shadow: 0px 2px 0px 0px #cc9507; }
.memory-empty-img { border: 4px solid #fff; border-radius: 10px; padding: 25px 10px; height: 100%; display: flex; align-items: center; justify-content: center; }
.img-fill { background: #f6f6f6; }
.img-fill .memory-empty-img { border: 0; padding: 0; height: 100%; }
.img-fill .memory-empty-img img { width: 100%; border-radius: 10px; object-fit: fill; height: 100%; }
.quiz-box { border: 4px solid #fed208; border-radius: 16px; background: #fff; padding: 30px; margin-bottom: 25px; }
.quiz-box .welcome-heading h2 { padding-bottom: 25px; }
.quiz-option { display: flex; flex-wrap: wrap; }
.quiz-option li { padding: 0 60px 10px 0; width: 100%; }
.quiz-option li:last-child { padding-right: 0; }
.opt-circle {
	width: 59px;
	height: 59px;
	border-radius: 100%;
	font-size: 30px;
	text-align: center;
	flex: 0 0 59px;
	display: flex;
	text-align: center;
	justify-content: center;
	color: #fff;
	align-items: center;
	margin-right: 25px;
	font-weight: 600;
}
.quiz-option li a { display: flex; align-items: center; font-size: 22px; }
.red-opt { background-color: #f05326; border: 4px solid transparent; }
.yellow-opt { background-color: #fed208; border: 4px solid transparent; }
.green-opt { background-color: #bed713; border: 4px solid transparent; }
.blue-opt { background-color: #47c1eb; border: 4px solid transparent; }
.quiz-option li a:hover .red-opt { border-color: #c53500; }
.quiz-option li a:hover .yellow-opt { border-color: #eda100; }
.quiz-option li a:hover .green-opt { border-color: #64b74c; }
.quiz-option li a:hover .blue-opt { border-color: #009ce5; }
.quiz-btn-grp .video-back-btn a span::before { display: none; }
.quiz-btn-grp .video-back-btn a span { padding-left: 12px; }
.quiz-btn-grp a { padding: 8px 25px; min-width: 200px; margin-bottom: 15px; }
.quiz-btn-grp .video-back-btn { margin-right: 20px; }
.next-btn a { padding-left: 24px !important; }
.next-btn a span { padding-right: 16px !important; }
.blanks-col ol li { list-style: decimal; }
.fill-outer { border: 4px solid #fed208; border-radius: 16px; }
.blanks-col { max-width: 56%; flex: 0 0 56%; }
.fill-head {
	background: #ffe982;
	text-align: center;
	font-size: 22px;
	padding: 12px 0;
	font-weight: 600;
}
.blanks-col ol li { list-style: decimal; font-size: 20px; color: #000000; padding-bottom: 50px; position: relative; }
.blanks-col ol li .form-control { height: 30px; border: 0; border-bottom: 2px solid #000; border-radius: 0; padding: 0 10px; max-width: 165px; width: 98%; background: #fff; box-shadow: none; font-size: 27px; color: #f05326; font-family: "mikadobold"; text-align: center; margin: 0 1%; }
.blanks-col ol { padding: 22px; padding-left: 40px; }
.blanks-col ol li:last-child { padding-bottom: 0; }
.answer-col { margin-left: 3%; max-width: 41%; flex: 0 0 41%; }
.answer-col ul { padding: 30px 20px 30px 10px; display: flex; flex-wrap: wrap; }
.answer-col ul li { padding: 0 0 25px 15px; width: 50%; font-size: 22px; color: #f05326; font-weight: 600; }
.answer-col ul li a { color: #f05326; }
.answer-col ul li a:hover { color: #252a64; }
.fill-blanks-row { align-items: flex-start; }
.fill-opt { flex-wrap: wrap; }
.music-grp .activity-img { background: transparent; padding: 0; }
.music-grp .user-ac-inner { position: relative; }
.video-play { position: absolute; right: 15px; top: 15px; }
.games-sec .video-grp { padding-left: 0; }
.classroom-sec { padding-top: 15px; }
.month-name { font-size: 26px;  }
.accordion-sec .card { margin-bottom: 0px; border: 0; background: #f8f8f8; }
.accordion-sec .card .card-header { border: 0; border-radius: 0x; padding: 0; }
.accordion-sec .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: transparent; border-bottom: 0; }
.accordion-sec .card .card-header .btn-header-link {
	display: block;
	text-align: left;
	background: transparent;
	padding: 6px 45px 6px 25px;
	font-size: 19px;
	color: #252a64;
	box-shadow: none;
	border-radius: 0;
	position: relative;
	word-wrap: break-word;
	white-space: normal;
	height: auto;
}
.accordion-sec .accordion { padding-top: 15px; }
.accordion-sec .card .card-header .btn-header-link::after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: right;
	position: absolute;
	right: 25px;
	top: 4px;
	font-size: 16px;
}
.accordion-sec .card .card-header .btn-header-link.collapsed { background: transparent; color: #252a64; }
.accordion-sec .card .card-header .btn-header-link.collapsed:after { content: "\f0da"; }
.accordion-sec .card .collapsing { line-height: 30px; }
.accordion-sec .card .collapse { border: 0; }
.accordion-sec .card .collapse.show { background: transparent; line-height: 30px; color: #222; }
.accordion-sec { flex: 0 0 335px; background: #f8f8f8; color: #586ab2; }
.accordion-sec .card-body { padding: 0 6px 15px 28px; }
.accordion-sec .acc-list { padding: 5px 0 0px 30px; font-size: 18px; overflow-y: hidden; max-height: inherit; }
.accordion-sec .acc-list a { position: relative; }
.accordion-sec .acc-list li a::before { position: absolute; left: 0; top: 12px; content: ""; width: 6px; height: 2px; background: #586ab2; }
.accordion-sec .acc-list li { padding: 0 0 20px 0; border: 0; }
.accordion-sec .acc-list li:last-child { padding: 0; }
.accordion-sec .acc-list li a { color: #586ab2; padding: 0 0 0 18px; }
.accordion-sec .acc-list li a:hover { color: #000; }
.accordion-sec .accordion { padding-top: 15px;  }
.classroom-calendar .fc-header-toolbar .fc-center h2 { color: #252a64; font-size: 26px;margin-bottom: 0; padding-bottom: 0; }
.classroom-calendar .fc-day-header { background: #5869b2; color: #fff; padding: 3px 5px !important; font-size: 22px; }
.classroom-calendar .fc-unthemed .fc-content,
.classroom-calendar .fc-unthemed .fc-divider,
.classroom-calendar .fc-unthemed .fc-list-heading td,
.classroom-calendar .fc-unthemed .fc-list-view,
.classroom-calendar .fc-unthemed .fc-popover,
.classroom-calendar .fc-unthemed .fc-row,
.classroom-calendar .fc-unthemed tbody,
.classroom-calendar .fc-unthemed td,
.classroom-calendar .fc-unthemed th,
.classroom-calendar .fc-unthemed thead { border-color: #514d4e; }
.classroom-calendar .fc-day-top { font-size: 32px; color: #5667b1;  }
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number { padding: 2px 15px 0 0; }
.daily-calendar { max-width: 374px; flex: 0 0 374px; position: relative; }
.daily-activities-sec { justify-content: space-between; }
.daily-tab-sec ul.nav-tabs li a { font-size: 23px;  text-align: center; background: rgb(244, 244, 245); background: linear-gradient(  180deg,  rgba(244, 244, 245, 1) 0%,  rgba(234, 235, 235, 1) 100%  ); border: 0; box-shadow: 0px 0px 0px 2px #cbcbcb; padding: 16px 5px; width: 100%; display: block; border-radius: 6px 6px 0 0; border-bottom: 0; height: 100%; }
.daily-tab-sec { width: 100%; padding-right: 45px; }
.daily-tab-sec ul.nav-tabs { justify-content: space-between; }
.daily-tab-sec ul.nav-tabs li { width: 24%; }
.daily-tab-sec ul.nav-tabs li:last-child { margin-right: 2px; }
.daily-tab-sec ul.nav-tabs li a:hover,
.daily-tab-sec ul.nav-tabs li a.active { background: rgb(82, 97, 168); background: linear-gradient(  180deg,  rgba(82, 97, 168, 1) 0%,  rgba(37, 42, 100, 1) 100%  ); border-color: transparent; color: #fed208; box-shadow: none; }
.daily-tab-sec .nav-tabs .nav-item { margin-bottom: 0px; }
.daily-tab-sec .nav.nav-tabs { position: relative; }
.daily-tab-sec .nav.nav-tabs::after { position: absolute; left: 0; right: 0; bottom: -5px; width: 100%; height: 6px; background: #252a64; content: ""; z-index: 1; }
.daily-tab-sec .tab-content { border: 2px solid #cbcbcb; border-radius: 0 0 24px 24px; }
.tab-inner { padding: 35px 0 50px; }
.tab-audio { background: #f1f3f4; padding: 25px 30px 15px 30px; border-radius: 62px; width: 100%; margin-bottom: 40px; }
.tab-audio audio { width: 100%; border-radius: 40px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-img1 { width: auto; height: auto; text-align: center; right: 0; margin: 0px auto 50px; }
h2.tab-heading { color: #f05326; font-size: 27px; text-transform: capitalize; padding-bottom: 25px; }
.tab-inner p { font-size: 20px; margin-bottom: 10px; }
.tab-inner .next-btn a span::before { display: none; }
.tab-inner .video-back-btn.next-btn { display: flex; justify-content: flex-end; }
.daily-calendar .fc-today-button { display: none; }
.daily-calendar .fc-right { display: none; }
.daily-calendar .fc-left { width: 100%; float: none; display: flex; }
.daily-calendar .fc-left .fc-button-group { width: 100%; display: flex; justify-content: space-between; position: absolute; }
.daily-calendar .fc-center { margin-top: 5px; }
.daily-calendar .classroom-calendar h2 { text-transform: capitalize; }
.daily-calendar .fc .fc-button-group > * { border-radius: 6px; font-size: 20px; }
.daily-calendar .fc-view-container { border: 4px solid #fed208; border-radius: 12px; }
.daily-calendar .fc-view-container * { height: auto !important; overflow: hidden !important; border: 0; }
.daily-calendar .classroom-calendar .fc-day-header { background: #fff; color: #5869b2; font-size: 17px; border: 0;  padding: 10px 5px !important; }
.daily-calendar .classroom-calendar .fc-day-top { font-size: 20px; color: #231f20;  width: 48px; height: 48px !important; line-height: 48px; border-radius: 100%; text-align: center; }
.daily-calendar .fc-unthemed td.fc-today { background: #fed208 !important; }
.daily-calendar .fc-day-number { padding: 0 !important; }
.daily-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: none; }
.daily-calendar .fc-month-view { padding: 5px 15px; }
.daily-tab-sec .tab-content .tab-pane { padding: 0 20px; }
.btn-grp .video-back-btn a span::before { display: none; }
.btn-grp .video-back-btn a span { padding: 0 0 0 15px; }
.btn-grp a { padding: 8px 30px; display: flex; align-items: center; margin: 0 5px 10px; justify-content: center; }
.bluelink { color: #586ab1; text-decoration: underline; }
.bluelink:hover { color: #000; }
.tab-inner .video-back-btn.next-btn { display: flex; justify-content: flex-end; }
ul.saint-born li { width: auto !important; padding: 0 24px; position: relative; margin: 0 !important; }
ul.saint-born li::before { position: absolute; right: 0; top: 10px; width: 8px; height: 8px; background-color: #f05326; content: ""; border-radius: 100%; }
ul.saint-born li:last-child::before { display: none; }
.saintpic { float: right; padding: 0px 10px 25px 15px; }
.daily-tab-sec .quiz-option { flex-direction: column; }
.assessments-sec .video-grp { padding: 0; width: 100%; max-height: inherit; overflow: hidden; }
.assessments-sec .activity-img { background: #fff; padding: 0; text-align: center; display: flex; justify-content: center; align-items: center; max-height: 236px; overflow: hidden; }
.assessments-img-blk h3 { min-height: auto; padding: 20px 0 8px 0; }
.assessments-img-blk p { font-size: 18px; margin: 0; padding: 0 0 5px 0; }
.content-col { padding: 10px 10px 10px; }
.content-col h3 { min-height: inherit !important; padding: 0 !important; margin: 0 !important; display: inline-block; }
.full li { width: 100%; padding-right: 0; }
.quiz-counter-sec { border: 4px solid #fed208; border-radius: 16px; flex: 0 0 400px; max-width: 400px; margin-left: 2%; background: #ffe982; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.quiz-counter { display: flex; justify-content: center; }
.time-cn {
	background: transparent;
	border: 0;
	font-size: 30px;
	color: #252a64;
	line-height: normal;
	font-weight: 600;
}
.time-sec { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.counter-lbl {
	background: #fff;
	font-size: 16px;
	color: #252a64;
	padding: 5px 10px;
	text-transform: uppercase;
	width: 100%;
	font-weight: 600;
}
.time-sec { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 100px; padding: 0 3px; }
.total-col, .yourscore {
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
}
.total { padding-right: 10px; }
.total span {
	font-size: 28px;
}
.yourscore { display: flex; justify-content: center; align-items: center; }
.score-quiz {
	background: #fff;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	color: #f05a22;
	font-size: 30px;
	margin-left: 10px;
	font-weight: 600;
}
.assessments-quiz-detail .quiz-box { margin-bottom: 0; }
.scroll-sec { padding: 0 20px 0 0px;  }
.colsec .row { margin: 0 -10px; }
.colsec .row [class*="col-"] { padding: 0 10px; margin-bottom: 20px; }
.ebook-img .activity-img { padding: 25px 50px 0 50px; background: #fff; }
.curriculam-img .activity-img { padding: 0; padding: 0; }
.page-back-btn { position: absolute; right: 95px; top: 70px; }
.page-back-btn a { padding-left: 40px; padding-right: 40px; }
.padright1 { padding-right: 250px; }
.book-detail-sec { border: 5px solid #fed208; border-radius: 20px; margin: 0; width: 90%; margin: 0px 5%; overflow: hidden; max-width: 100%; display: flex; height: 100%; flex-direction: column; }
.book-bottom { background-color: #ffe982; border-top: 5px solid #fed208; padding: 10px 20px 10px 40px;  font-size: 27px; display: flex; align-items: center; justify-content: space-between; }
.book-frame-sec { position: relative; max-height: 615px; padding: 30px 140px; }
.arrow-grp { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
.arrow-prev,
.arrow-next { position: absolute; }
.arrow-prev { left: 50px; }
.arrow-next { right: 50px; transform: rotate(180deg); }
.book-play-btn,
.play-progress,
.sound-progress,
.screen-zoom { display: flex; align-items: center; }
.play-process { padding-left: 10px; }
.book-copy { text-align: center; }
.play-progress { white-space: nowrap; }
.play-icon { padding-right: 10px; flex: 0 0 62px; }
.play-process { flex: 0 0 278px; }
.sound-play-strip { padding-left: 15px; }
.sound-play-strip { flex: 0 0 136px; }
.sound-play-icon { flex: 0 0 40px; }
.screen-zoom-icon { flex: 0 0 35px; }
.bible-chapter-page { padding: 90px 140px 50px; }
.bible-sec { border: 5px solid #fed208; border-radius: 20px; overflow: hidden; }
.bible-head { background: #ffe982; padding: 10px; display: flex; justify-content: center; }
.bible-head .form-control { border: 1px solid #edb922; background-color: #fdd517; box-shadow: none; font-size: 32px; color: #252a64; padding: 3px 60px 4px 20px; height: 56px; }
.version { width: 35%; }
.chapter { width: 30%; }
.chapter-list { width: 13%; }
.bible-chapter { padding: 50px 120px 30px; overflow-x: auto; max-height: 770px; position: relative; }
.bible-chapter .welcome-heading h1 { font-size: 40px; color: #252a64; text-transform: CAPITALIZE; }
.bible-chapter p { font-size: 26px; color: #000; }
.bible-chapter h2.tab-heading { padding-bottom: 10px; }
.bible-count { color: #586ab1; font-size: 20px; }
.quiz-detail-page .page-back-btn { right: 40px; }
.quiz-detail-score { text-align: center; width: 100%; }
.final-score { color: #edb922; font-size: 54px; text-transform: uppercase; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 3px solid #4458a9; }
.quiz-star h2 { color: #586ab2; font-size: 100px; text-transform: capitalize; }
.rating-grp { display: flex; justify-content: center; margin-bottom: 30px; }
.star-rating { padding: 0 5px; }
.no-arrow a { display: inline-block; padding-left: 30px; padding-right: 30px; }
.accordion-sec .card .nested-acc .btn.btn-header-link {
	padding: 6px 45px 6px 25px;
	font-size: 17px;
	position: relative;
	height: auto;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0;
}
.nested-acc .card-body { padding-left: 18px; padding-bottom: 0; }
.nested-acc .card-body .acc-list { padding-left: 10px; }
.nested-acc .card-body .acc-list li a { font-size: 17px; }
.nested-acc .card-body .acc-list li { padding-bottom: 10px; }
.accordion-sec .card .nested-acc .btn.btn-header-link::before { position: absolute; left: 7px; top: 18px; content: ""; width: 6px; height: 2px; background: #586ab2; }
.nested-acc .card-body .acc-list li a::before { position: absolute; left: 0; top: 9px; content: ""; width: 4px; height: 4px; background: #586ab2; border-radius: 100%; }
.catechism-page { padding-right: 0; padding-left: 0; max-height: inherit; }
.catechism-chapter-sec { text-align: left; padding-right: 80px; padding-left: 106px; max-height: 520px; overflow-y: scroll; overflow-x: hidden; }
.chapter-cout { font-size: 18px; color: #272a64;  }
.catechism-heading h2 {  padding-bottom: 10px; }
.catechism-chapter h3 { font-size: 27px; color: #586ab2; }
.catechism-chapter { padding: 26px 0px 0 0; }
.catechism-content { padding-right: 10px; }
.chapter-highlight { font-size: 27px; color: #000000; line-height: 1.3; margin-bottom: 25px; }
.chapter-para h4 { color: #f05527; margin-bottom: 0; padding-bottom: 15px; font-size: 20px; }
.chapter-para p { font-size: 20px; line-height: 1.2; }
.catechism-accordion .accordion { overflow-y: scroll; }
.responsive-calendar .controls h4 { text-align: center; font-size: 27px;  color: #252a64; }
.responsive-calendar .controls .pull-left,
.responsive-calendar .controls .pull-right { position: absolute; top: 0; background: #f1f0f1; border: 1px solid #cbcbcb; border-radius: 6px; width: 46px; }
.responsive-calendar .controls .pull-left { left: 0; }
.responsive-calendar .controls .pull-right { right: 0; }
.calenders-inner { border: 5px solid #fed208; border-radius: 16px; margin-top: 20px; padding: 15px 10px; }
.responsive-calendar .day.header { border-bottom: 0;  color: #5869b1; font-size: 18px; }
.day.today { background: #f05326; color: #fff; }
.day.today a { color: #fff !important; }
.name-match-box { background: transparent; border-radius: 20px; text-align: center; border: 5px solid #5769b1; height: 100%; box-shadow: none; overflow: hidden; }
.yellow-btn { background: #fdd209; border-radius: 4px; font-size: 26px; color: #212529; padding: 12px 26px;  }
.name-match-btn ul li { padding: 0 20px 20px 0; }
.name-match-btn ul li .yellow-btn { border: 2px solid transparent; }
.name-match-btn ul li .yellow-btn:hover { box-shadow: 0px 0px 0px 8px #f05326; border-radius: 2px; border-color: #fff; }
.name-match-link { width: 100%; display: block; }
.name-match-link:hover,
.name-match-link.active { box-shadow: 0px 0px 0px 8px #f05326; border-radius: 23px; border-color: #fff; }
.name-match-link:hover .name-match-box:hover { border-color: #fff; }
.name-match-link.active .name-match-box { border-color: #fff; }
.name-match-resources .resources-blk { background: transparent; overflow: inherit; border-radius: 0; text-align: left; }
.name-match-resources .resources-blk a { display: flex; padding: 0; align-items: center; }
.name-match-resources .icon { width: 70px !important; height: 70px !important; border-radius: 6px; margin-bottom: 0; }
.name-match-resources .resources-blk a h4 { color: #101253; padding: 0 0 0 10px; margin: 0; }
.name-match-resources .icon img { max-height: 30px !important; }
.name-match-resources .related-resources .row [class*="col-"] { margin-bottom: 0; }
.name-match-resources .related-resources .row [class*="col-"] { margin-bottom: 15px; }
.name-match-resources .resources-blk:hover { box-shadow: none; }
.name-match-resources .resources-blk a h4:hover { color: #f05326; }
.dark-gray-bg { background-color: #657a8d; }
.name-match-box img { width: 100%; }
/*Sreehari Kalarickal CSS*/
/* .video-section .activity-img {background: #586ab1; align-items: center; max-height: 236px; overflow: hidden; display: block; width: 100%; position: relative; height: 0; padding: 68% 0 0 0; overflow: hidden; float: left;}
.video-section .activity-img img {border-radius: 4px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 4px; position: absolute;} */
.user-ac-inner h3 { min-height: inherit !important; padding: 15px 0px; margin: 0 !important; display: inline-block; }
/*Sreehari Kalarickal CSS*/

/* Image work CSS */
.img-dimension { align-items: center; max-height: 236px; overflow: hidden; display: block; width: 100%; position: relative; height: 0; padding-top: 68% !important; }
.img-dimension img { border-radius: 4px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 4px; position: absolute; }
/* Image work CSS */

.top-user-info { background: #fdd10c; display: flex; flex-direction: column; top: 0; left: 0; right: 0; text-align: center; display: flex; max-width: 1826px; width: 96%; margin: 0px auto; }
.top-user-info ul { text-align: center; justify-content: center; width: 100%; padding: 12px 0; }
.top-user-info ul li { display: flex; align-items: center; flex-direction: column; padding-left: 50px; }
.top-user-info ul li label { color: #000079; text-transform: uppercase; line-height: normal; margin-bottom: 0; }
.top-user-info ul li span { color: #3756d4; font-size: 16px; line-height: normal; }
.top-user-info ul li:first-child { padding-left: 0; }
.user-sales-page .top-user-info { width: 100%; max-width: 100%; }
.container-small { max-width: 1630px; width: 100%; padding: 0 15px; margin: 0px auto; }
.subscription-header .sales-logo img { max-width: 308px; }
.subscription-header { padding-top: 20px; padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.subscription-header .sales-logo { width: auto; }
.subscription-menu .menu ul li a { font-size: 28px; letter-spacing: 1px; color: #fff;  }
.subscription-menu .menu ul li a:hover { color: #fdd10c }
.subscription-menu .menu ul li { padding-left: 75px; }
.white-bg { background-color: #fff; }
.sales-heading { display: flex; align-items: center; padding: 15px 0 0 0; align-items: flex-end; }
.brother-francis-sales { max-width: 383px; flex: 0 0 383px; position: absolute; right: 8%; top: -285px; z-index: 1; }
.sales-head-col { padding: 35px 530px 45px 0; }
.sales-head-col h1 { color: #edb922; }
.sales-tab ul li a { background: rgb(245,245,245); background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(233,234,234,1) 100%); padding: 25px 20px 15px; display: inline-block; height: 100%; border: 3px solid #d5d5d5; border-radius: 8px 8px 0 0; width: 100%; border-bottom: 0; }
.sales-tab ul.nav-tabs { width: 100%; border-bottom: 0; }
.sales-tab ul.nav-tabs li.nav-item { width: 32.65%; margin-right: 1%; text-align: center; position: relative; }
.sales-tab ul.nav-tabs li.nav-item:last-child { margin-right: 0; }
.sales-tab .tab-content { border: 3px solid #272a64; padding: 50px 55px; margin-top: 1px; border-radius: 0 0 30px 30px; margin-right: 1px; }
.sales-tab ul li a.active { background: #fff; border-color: #272a64; margin-top: -25px; }
.sales-tab ul li a.active::after { position: absolute; left: 0px; right: 0px; bottom: -3px; background: #ffffff; width: calc(100% - 0px); height: 28px; content: ''; border-left: 3px solid #000; border-right: 3px solid #000; }
.sale-heading { font-size: 57px; text-transform: capitalize; color: #edb922;  padding-bottom: 30px; }
.sale-heading3 { color: #272a64; }
.sales-features-list { margin-bottom: 50px; }
.sales-features-list li { position: relative; padding: 0 0 10px 45px; }
.sales-features-list li::before { background: url(../images/orange-tick.png) no-repeat left top; width: 29px; height: 29px; position: absolute; content: ''; left: 0; top: 6px; }
.price-card-box { background: #fff; border: 2px solid #cccccc; border-radius: 8px; box-shadow: 4px 0px 12px rgba(0 0 0 / 20%); margin-bottom: 30px; width: 100%; padding: 25px; text-align: center; }
.price-card-box h3 { color: #272a64; }
.student-num { color: #586ab2; font-size: 28px; padding-left: 15px; }
.subscription-price-box { display: flex; justify-content: center; }
.subscription-box { max-width: 300px; width: 100%; text-align: center; }
.sub-days { color: #f05527; }
.sub-time { color: #272a64;  font-size: 56px; line-height: 1.1; }
.subscription-yearly .save-price { color: #b2d701; font-size: 28px; min-height: inherit; }
.subscription-or { color: #586ab2; font-size: 38px; text-transform: lowercase; text-align: center; top: -10px; position: relative; display: flex; align-items: center; justify-content: center; }
.free-trial-sales { margin-top: 60px; padding: 0 120px; width: 100%; padding-bottom: 60px; margin-bottom: 0 !important; }
.sales-footer .footer-inner { flex-direction: column; justify-content: center; text-align: center; }
.sales-footer .f-menu { padding-top: 30px; padding-bottom: 30px; text-align: center; display: flex; justify-content: center; }
.sales-footer .social-media { padding-top: 0; }
.sales-ac-logo { padding-top: 50px; }
.sales-footer .f-menu ul { flex-wrap: wrap; max-width: 1150px; }
.sales-tab ul.nav-tabs img { position: relative; z-index: 1; }
.music-detail-pic { max-width: 342px; flex: 0 0 342px; }
.mucic-audio { width: 100%; padding: 10px 0 80px 50px; position: relative; }
.width-auto a { width: auto; display: inline-block; padding-left: 45px; padding-right: 45px; }
.mucic-audio .video-back-btn { position: absolute; bottom: 0; left: 50px; }
.music-detail-pic img { border-radius: 24px; }
.printables-col .activity-img { padding: 15px; position: relative; }
.print-icon { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; opacity: 0; }
.print-icon a i { width: 40px; height: 40px; background: #ffd047; border-radius: 100%; display: inline-block; margin: 0 8px; color: #fff; font-size: 18px; line-height: 40px; transition: transform .2s; /* Animation */ }
.print-icon a:hover i { border-radius: 100%; font-size: 22px; transform: scale(1.5); }
.print-icon a:hover { background: transparent; }
.printables-col:hover .print-icon { opacity: 1; }
.game-category h3 { height: 100%; display: flex; }
.game-category { min-height: 110px; }


.headingh3 h3 { color: #f05326; font-size: 22px; padding: 20px 5px 0px 20px; }
.headingh3 { padding-bottom: 0 !important; border-top: 2px solid #ededed; margin-top: 20px !important; }
.bdr-btm { border-bottom: 2px solid #ededed; padding-bottom: 12px !important; }
.sidebar-collapse .admin-left-side h2 { display: none; }
.sidebar-mini.sidebar-collapse .main-sidebar .sidebar h3 { display: none; }
.dash-whitebox { background: #fff; box-shadow: 0px 2px 1px rgb(0 0 0 / 10%); height: 100%; position: relative; }
.dash-whitebox .headingh3 { border-top: 0; border-bottom: 2px solid #eeeeee; padding-bottom: 15px !important; display: inline-block; width: 100%; margin: 0 !important; }
.dash-innerbox { color: #50647a; font-size: 16px; }
.dash-white-space { padding: 20px; }
.dash-innerbox p { padding-bottom: 15px; }
.user-credential-info { max-height: 200px; overflow-y: auto; }
.update-profile { background: #f5f8fb; border-top: 2px solid #e7eaea; padding: 15px 20px; width: 100%; display: inline-block; position: absolute; bottom: 0; }
.update-profile a { background: #d8dde1; padding: 8px 10px; font-weight: 600; }
.update-profile a:hover { background-color: #272a64; color: #fff; }
.recent-table { border: 1px solid #eaeaea; margin-bottom: 10px; overflow-x: scroll; overflow-y: hidden; }
.recent-table table th { background: #f7f7f7; padding: 4px 6px; font-weight: 400; font-size: 14px; line-height: 1.2; border: 1px solid #fff; }
.recent-table table { width: 100%; }
.recent-table table td { padding: 10px 15px; }
.recent-table table th:first-child { font-weight: 700; }
.dash-scroll { overflow-y: auto; height: 285px; }
.class-admin-box { background: #596ab2; }
.teachers-admin-box { background: #47b74d; }
.students-admin-box { background: #eeb921; }
.schedule-admin-box { background: #f15426; }
.admin-box-wid { padding: 30px; }
.box-wid { padding: 20px; height: 100%; display: inline-block; width: 100%; border-radius: 6px; }
.box-wid h3 { color: #fff; font-size: 28px; font-weight: 400;  }
.box-wid h2 { font-weight: 700; font-size: 84px; background: transparent; color: #fff; padding-bottom: 0; }
.admin-calendar h2 { color: #252a64; font-size: 26px; margin-bottom: 0; padding-bottom: 0; }
.sidebar-collapse .treeview.menu-open { display: none; }
.word-match-score { max-width: 327px; width: 100%; padding: 10px 0 15px 20px !important }
.word-match-score ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.word-match-score ul li {
	text-align: left;
	padding: 0 !important;
	font-weight: 500;
}
.games-tophead { justify-content: space-between; align-items: flex-start; }
.word-box { border: 4px solid #fed208; border-radius: 16px; width: 100%; display: inline-block; padding: 35px 50px; }
.word-box ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; }
.word-box ul li {
	width: 10%;
	text-align: center;
	font-size: 40px;
	padding-bottom: 7px;
	font-weight: 700;
}
.word-box ul li:hover,
.word-box ul li.active { background: #ffe982; color: #586ab1; }
.word-list { border: 4px solid #fed208; border-radius: 16px; width: 100%; overflow: hidden; }
.word-list-heading {
	text-align: center;
	background: #ffe984;
	padding: 10px 5px;
	font-weight: 700;
	font-size: 24px;
}
.word-list ul { display: flex; flex-wrap: wrap; justify-content: center; }
.word-list ul li {
	padding: 20px 0;
	width: 40%;
	text-align: center;
	position: relative;
	font-size: 22px;
	font-weight: 600;
}
.word-list ul li span { position: relative; padding-left: 40px; }
.word-list ul li:hover span::before,
.word-list ul li.active span::before { background: url(../images/tick.png) no-repeat left top; display: block; position: absolute; left: 0; top: 0; width: 27px; height: 31px; content: ''; }
.match-score ul li:first-child { padding-left: 70px; }
.top-head-left { padding-right: 50px; }
.bible-order-col { padding: 15px; margin-bottom: 30px; }
.bible-order-col h3 {
	color: #f05326;
	text-transform: uppercase;
	font-size: 24px;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: 700;
}
.bible-order-col p { color: #231f20; font-size: 18px; }
.bible-order-list { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.bible-order-list li a { border-radius: 4px; background: #c7c7c7; color: #fff; font-size: 18px; padding: 5px;  width: 100%; display: inline-block; text-align: center; min-height: 57px; display: flex; justify-content: center; align-items: center; font-weight: 600; }
.bible-order-list li { width: 25%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.bible-order-list li a:hover,
.bible-order-list li.active a { background-color: #fed208; color: #252a64; }
.remaining-book-col ul li {
	font-size: 20px;
	color: #252a64;
	padding: 2px 0 10px;
	width: 33.33%;
	text-align: left;
}
.remaining-book-col ul li:hover { color: #586ab1; }
.remaining-book-col ul { justify-content: flex-start; }
.signup-tab-sec .nav-tabs li { width: 23.5%; text-align: center; margin-left: 2%; }
.signup-tab-sec .nav-tabs li:first-child { margin-left: 0; }
.signup-tab-sec .nav-tabs li a { text-align: center; width: 100%; background: #ebecec; color: #272a64; padding: 18px 10px; font-size: 30px; border-radius: 8px 8px 0 0; }
.signup-tab-sec .nav-tabs .nav-item.show .nav-link,
.signup-tab-sec .nav-tabs .nav-link.active { color: #fff; background: #586ab2; border-color: transparent; }
.tab-inner { background: #fff; border-radius: 0 0 20px 20px; padding: 45px 20px 30px; display: block; width: 100%; border: 2px solid #586ab2; }
.tab-inner p { font-size: 24px; color: #252a64; }
.tab-form { max-width: 100%; margin: 0px auto; margin-top: 35px; width: 100%; padding: 0 30px; }
.subscription-plans h2 { font-size: 38px; color: #586ab2; }
.subscription-plans .signup-tab-sec .nav-tabs li a { padding: 32px 10px; line-height: 38px; }
.subscription-plans .signup-tab-sec { margin-top: 20px; padding-bottom: 55px; }
.brother-francis-img { position: absolute; right: 0; top: -349px; }
.subscription-plans .tab-inner { padding-top: 10px; }
.cb-tab-logo { padding-bottom: 60px; }
.subscription-price-plan { max-width: 100%; margin: 0px auto; text-align: center; }
.subscription-price-col h3 { color: #586ab2; line-height: 32px; font-size: 28px; }
.subscription-price-col h3 span { color: #344c61; font-size: 22px; font-weight: 400;  }
.subscription-price-col { border-right: 2px solid #586ab2; }
.subscription-price-plan .row [class*="col-"]:last-child .subscription-price-col { border-right: 0; }
.subscription-price-col h4 { font-size: 28px; font-weight: 500; color: #344c61; padding: 0; margin: 0; }
.or { color: #344c61; padding: 10px 0; }
.subscription-price-col h5 { color: #edb922;  font-size: 22px; font-weight: 500; }
.price-signup-btn { margin-top: 30px; }
.price-signup-btn a { padding-left: 130px; padding-right: 130px; }
.subscription-plan-detail { margin-top: 60px; }
.subscription-plan-detail { margin-top: 60px; color: #344c61; }
.subscription-plan-detail p { color: #344c61; }
.subscription-plan-detail ul { padding-left: 0; display: flex; flex-wrap: wrap; margin-bottom: 35px; }
.subscription-plan-detail ul li { width: 100%; padding-bottom: 3px; position: relative; padding-left: 50px; padding-right: 15px; }
.subscription-plan-detail ul li::before { position: absolute; left: 0; top: 7px; content: ''; background: url(../images/tick-icon.png) no-repeat top center; width: 29px; height: 29px; }
.blue-btn { background-color: #586ab2; font-size: 28px; color: #fff;  padding: 13px 60px; border-radius: 6px; }
.price-signup-btn a { padding-left: 130px; padding-right: 130px; }
.blue-btn:hover { background-color: #000; color: #fff; }
.subscription-plan-detail h3 { font-size: 28px; }
.subscription-plans { position: relative; }
.plan-books-sec h3 { color: #586ab2; }
.book-row { margin-top: 40px; display: flex; padding-bottom: 40px; }
.books-img { flex: 0 0 364px; }
.book-info-sec { padding: 0 0 0 100px; display: flex; align-items: center; }
.book-info { padding-right: 130px; }
.book-info h3 { color: #edb922; }
.book-info p { padding-bottom: 10px; }
.book-info ul { padding-left: 27px; }
.book-info ul li { list-style-type: disc; }
.book-price { flex: 0 0 200px; text-align: center; }
.price { padding-bottom: 12px; }
.buy-now-btn a { padding-left: 0; padding-right: 0; text-align: center; width: 100%; }
.blue-btn:hover { background-color: #000; color: #fff; }
.school-parishes h2 { color: #586ab2; margin-bottom: 50px; }
.logo-box { width: 368px; height: 217px; border: 2px solid #ccc; border-radius: 4px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.logo-box img { max-width: 100% !important; width: auto !important; }
.school-parishes-slider .owl-nav { display: block !important; text-align: center; padding: 30px 0; }
.school-parishes-slider .owl-nav button { margin: 0 10px !important; display: inline-block; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
.pad-TB-100 { padding-top: 100px; padding-bottom: 100px; }
.school-parishes h2 { color: #586ab2; margin-bottom: 30px; font-size: 44px; text-transform: capitalize; }

.name-match-btn ul li .yellow-btn {
	border: 2px solid transparent;
	font-size: 18px;
	height: auto;
}

.user-ac-inner a:hover {
	color: #000;
}

.remaining-book-col ul li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bg-light-blue{ background-color: #a4b0de;}
.final-score {
	color: #edb922;
	font-size: 54px;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-weight: 700;
	border-bottom: 3px solid #4458a9;
}

.accordion-sec {
	flex: 0 0 335px;
	background: #f8f8f8;
	color: #586ab2;
}
.book-detail-sec {
	border: 5px solid #fed208;
	border-radius: 20px;
	margin: 0;
	/* width: 90%; */
	margin: 0px 5%;
	overflow: hidden;
	/* max-width: 1098px; */
	display: flex;
	height: 100%;
	flex-direction: column;
	flex: auto;
}


.catechism-back-btn{ top:20px}
.catechism-scroll{max-height: 590px;}

.ebook-index-sec .accordion-sec {
	flex: 0 0 230px;
	padding-right: 0;
	margin-right: 25px;
}
.ebook-index-sec .book-detail-sec {
	margin: 0;
	width: 100%;
	margin: 0;
	flex: auto;
}


.ebook-index-sec .accordion-sec .card .card-header .btn-header-link {
	padding: 6px 45px 6px 14px;
	font-size: 16px;
}

.ebook-index-sec .nested-acc .card-body {
	padding-left: 0px;

}

.video-category h2 {
	font-size: 20px;

}

.nested-acc .card-body .acc-list li a {
	font-size: 14px;
}