.btn-Bottom.active, .btn-Bottom:active{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* .btn-Bottom{
     padding: 5px 10px !important;
} */
   

.splashWelcome{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
}
.splashHeading{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
/* .cntBtn{
    background:#d4c382;
    font-size: 20px;
    font-weight: 600;
} */
/* .pageTitle{
    font-weight: 600;
    font-size: 20px;
} */
.page2Content{
    //text-align: center;
}
.r1d1{
    background: #fde689; 
    border-bottom: 2px solid #fff !important;
    padding-left: 0px !important;

}
.r1d1 img{
    width:80px;
}
.r1d2{
    background: #fad443;
    font-weight: 600;
    font-size: 16px;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}
.r1d2 ul li{
    line-height: 18px;
}
.r2d1{
    background: #febe98;
    border-bottom: 2px solid #fff !important;
    margin-left: -8px;
}
.r2d1 img{
    width:80px;
}
.r2d2{
    background:  #f38441;
    font-weight: 600;
    font-size: 16px;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}
.r2d1_a{

    background: #8dd2af;
    border-bottom: 2px solid #fff !important;
    margin-left: -8px;
}
.r2d1_a img{
    width:80px;
}
.r2d2_a{
    background: #32a56b;
    font-weight: 600;
    font-size: 16px;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}
.r3d1{
    background: #90cccc;
    margin-left: -8px;
}
.r3d1 img{
    width:80px;
}
.r3d2{
    background: #139895;
    font-weight: 600;
    font-size: 16px;
    border-left: 2px solid #fff !important;
}
.r4d1{
    width:80%;
    background: #c0d451;
    font-size: 18px;    
    color:#6b0508;
    font-style: italic;
}
.r4d1 img{
    width:80px;
}
.r4d2{
    width:20%;
    background: #c0d451;
    font-weight: 600;
    color:#6b0508;
}

.carousel-controls{
    position:relative !important; 
    width:300px !important;
    margin:0 auto !important;
}
.activityHolder{
    margin-bottom: 5px;
}
.activityDiv{
    background: #bababa;
    padding: 10px;
}
.preparationDiv{
    color:#fff;
    text-align: center;
    font-size: 20px;
    background: #000;
    padding: 5px;
}
.sitModal{
    background: #f38441;
    color: #000;
    padding: 10px 10px;  
    display: table;
    width: 100%;
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 600;
}
.sitModal:hover,.sitModal:focus {
    color: #000;   
    text-decoration:none;
}
.sitModalHeader{
    background: #f38441;
    border-radius: 0;
    padding: 10px 0px;
    font-weight: 600;
}
.sitModalContent{
    border-radius: 0;
}
.summeryHolder{
    background: #e5e6e8;
    display: block;
    padding: 10px 10px;
    margin-top: 20px;
}
.summeryNo{
    display: table;
    position: absolute;
    top: -10px;    
    font-size: 28px;
    padding: 5px;
}
.summeryText{
    display: table-cell;
    padding-left: 50px;
}
#summeryNo_1{
    background: #fad443;
    color:#fff;
}
#summeryNo_2{
    background: #f38441;
    color:#fff;
}

#summeryNo_3{
    background: #32a56b;
    color:#fff;
}

#summeryNo_4{
    background: #139895;
    color:#fff;
}
.kcModal-body{
    min-width: 300px;
	font-size: 15px;
}

.kcModal-body p{
	font-size:15px !important;
}

.quiz-modal-body p{
	font-size:15px !important;
}

.introStarHolder{
    background: rgba(0, 0, 0, 0.73);
    padding: 20px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.introStarHolder p{
    padding-bottom: 5px !important;
}
.introStarFirst{
    font-size: 32px;
}

.introStar .star{
    font-size: 32px;
}
.gold{
    color:#fecb00 !important;
}
.grey{
    color:#656565 !important;
}
.quiz-modal-content{
    border-radius: 0 !important;
    /*background: #22b2b2 !important;*/
}
.quiz-modal-body{
    text-align: center;
    /* font-size: 22px;
    font-weight: 600; */
    min-width: 300px;
}
/* .continueNextBTN{
    background: #c0d451;
    color:#000;
    font-size: 22px;
} */
.emptyStar{
    display: inline-block;  
    background: #b11216;
    height: 38px;
    margin-top: 4px;
    border-radius: 6px;
    padding: 0 6px;
}

/* carousel css */
.carouselheader{
    background-color:#fecc00;
    text-align:center;
}
.carouselheaderInstruction{
    background-color:#f3b241;
    text-align:center;
}
.custom-carousel-inner{
    background-color:#fde58a;
}
.note{
    color:#139895;
    font-style: italic;
}
.note .fa{
    font-size: 24px;
    vertical-align: bottom;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 

@media only screen and (min-width : 320px) and (max-width : 375px){

}
@media only screen and (min-width : 376px) and (max-width : 480px){

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (max-width : 767px){


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px){

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}
/* END of Media Query Date- 29/03/2017 - Bhushan*/
/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* ================================================ */
/* +++++++++++++++++++++++++++++++++++++++++++++ */