body {font-family:  'Roboto', sans-serif;background-color: #FFFFFF;padding-bottom: 50px;}
    
h1, h2, h3, h4, h5, h6 {font-family: 'Fredoka One', cursive;color: #3e455b}
.image-logo{width: 100px;height: auto}
.kidnav{background-color: #F7F7F7;}
.nav-icon{border: none !important;outline: none;box-shadow: none;background: none;padding: 0}
.nav-icon img{height: 36px;width: auto;}
.padd-30{padding-top: 30px;padding-bottom: 30px;}.padd-40{padding-top: 40px;padding-bottom: 40px;}.padd-50{padding-top: 50px;padding-bottom: 50px;}
.vid_h_item{clear: both;padding: 15px 0;}.vid_h_item h6{margin-bottom: 0;font-size: 15px;font-weight: normal;font-family:  'Roboto', sans-serif;}
.vid_h_item a{text-decoration: none;color: #3e455b}
.thumb-round{border-radius: 10px;box-shadow: 10px 10px 15px #eee}
.vid_h_item span{color: #a6aab6;font-weight: normal;font-size: 14px;}
.img-blk{display: block;margin-bottom: 20px;}
.sm-thumb{max-height: 90px;width: auto;max-width: 100%;}
.img-blk img{box-shadow: 10px 10px 15px #eee;border-radius: 10px;width: 100%;height: auto;max-width: 400px;}
.img-blk span{display: block;position: absolute;margin-top: 30px;width: 175px;margin-left: 20px;color: #ffffff;font-family: 'Fredoka One', cursive;font-size: 20px;line-height: 23px;}
.img-blk b{display: block;position: absolute;margin-top: 85px;margin-left: 20px; background: #ffffff; color: #3e455b;padding: 5px 15px;border-radius: 25px;font-size: 12px;box-shadow: 5px 5px 15px rgba(0,0,0,0.2)}

#sidebar {min-width: 250px;max-width: 250px;height: 100vh;position: fixed;top: 0;left: 0;background-color: #fff;z-index: 9999;display: none;}

.overlay {display: none;position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.7);z-index: 9998;opacity: 0;transition: all 0.5s ease-in-out;}
.overlay.active {display: block;opacity: 1;}
#sidebar.active {display: block;opacity: 1;}
#dismiss {text-align: center;width: 35px;height: 35px;position: absolute;top: 10px;right: 10px;}
.sidebar-header{padding: 15px 30px 15px 20px;background-color: #9192ff;background-repeat: no-repeat;color: #fff;background-image: url('../images/header-bg.png');background-position: right;background-size: 100%;height:100px;}
.sidebar-header h4{color: #fff;}
#sidebar ul li a{color: #3e455b;}
.btm-mnu{background: #fff;box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.btm-mnu .btn{padding-top: 10px;padding-bottom: 10px;outline: none !important;box-shadow: none !important;}

#searchpan {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,0.9);z-index: 9999;display: none;}
#searchpan.active {display: flex;opacity: 1;align-items: center;justify-content: center;}
#searchpan #dismiss{}
.searchinput{width: 70%;}.searchinput input{border-width: 2px;text-align: center;outline: none !important;box-shadow: 0 0 15px #ccc;padding: 25px;background-color: #f2f2f2}
.mactive{color: #9192ff}

.group-item{display: block;text-decoration: none;color: #3e455b;text-align: center;margin-top: 5px;}.group-item img{border-radius: 10px;box-shadow: 0 0 25px rgba(0,0,0,0.1);margin-bottom: 10px;}
.group-item span{display: block;height: 50px;line-height: 18px;}
.group-item b{display: block;position: absolute;margin-top: -54px;margin-left: 15px; background: #ffffff; color: #3e455b;padding: 5px 15px;border-radius: 25px;font-size: 12px;box-shadow: 5px 5px 15px rgba(0,0,0,0.2)}
.dbl-clr span{color: #f45c79}

.v-end{display: block;text-align: center}
.v-end span{color: #ccc;}
.txt-green{color: #65d48f}

.nimg_msg{text-align: center}
.report-vid{text-align: right;font-size: 13px;padding: 5px 0}.report-vid a{color: #a6aab6}