@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
html,body{margin:0;font-family: 'Noto Sans', sans-serif;outline:none;background: #003ea008;}
.padd0{padding:0;}
.mar0{margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
a,a:hover{text-decoration: none;}
/* HEADER */
.header-top{background-color: #ffffff;padding: 0;border-bottom: 1px solid #eee;}

.header-top .leftbox a{
    color: #2c2f34;
    text-transform: capitalize;
    display: block;
    padding: 10px 0px;
}
.header-top .rightbox{text-align:right;padding: 5px 0;}
.header-top .rightbox a.sociallink{
    color: #242424;
    float: right;
    padding: 4px 5px;
    margin-left: 5px;
    /* border: 1px solid #000; */
    border-radius: 8px;
}
.header-top .rightbox a.navlink{
    float: right;
    padding: 10px 0;
    margin-left: 10px;
    padding-bottom: 0;
}
.header-top .rightbox a.navlink span{
    width: 15px;
    height: 1px;
    display: block;
    background: #000;
    margin-bottom: 5px;
}
.header-top .leftbox{width:20%;}
.header-top .breakingnews{width:60%; padding: 0;}
.header-top .rightbox{width:20%;}
header{
    background: #fff;
    padding: 10px 0;
}

header .logopanel img{
    width: 150px;
}
header .header-ad{
    padding-right: 0;
}
header .header-ad img{width: 100%;}
.widget-mainmenu{
    background: #fff;
    border-top: none;
    position: relative;
    z-index: 999;
    }
.widget-mainmenu .maninmenu{
    /* padding: 0; */
    /* text-align: center; */
    padding: 0 10px;
    text-align: left;
    background: #1f2024;
}
.widget-mainmenu .maninmenu > ul {padding:0;margin: 0;display: inline-block;}
.widget-mainmenu .maninmenu > ul > li{display:inline-block;}
.widget-mainmenu .maninmenu > ul > li > a{
    font-size: 14px;
    color: #ffffff;
    line-height: normal;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    padding: 20px 12px;
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
.widget-mainmenu .maninmenu > ul > li > a:before{content:"";position: absolute;width: 1px;height: 10px;background: #5e5d5d;right: 0;top: 22px;}
.widget-mainmenu .maninmenu > ul > li:last-child a::before{background: none;}
.widget-mainmenu .maninmenu > ul > li:hover > a:after {
    content: "";

    width: 100%;
    height: 5px;
    background:#f05555;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}
.main-slider img{width:100%;}

.widget-about{
    padding: 30px 0;
    background: #fff;
}


.widget-about .image-box figure img{width: 100%;}
.widget-about .content-box{padding: 8% 5%;}
.widget-about .content-box h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.widget-about .content-box h3 span{
    font-weight: 400;
}
.widget-about .content-box p{
    font-size: 16px;
}
.widget-about .content-box a{
    display: inline-block;
    padding: 8px 15px;
    background: #169bea;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
}

.widget-who-we-are{
    padding: 30px 0;
    background: #f6f6f6;
    }


.widget-who-we-are .image-box figure img{width: 100%;}
.widget-who-we-are .content-box{padding: 4% 5%;}
.widget-who-we-are .content-box h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.widget-who-we-are .content-box h3 span{
    font-weight: 400;
}
.widget-who-we-are .content-box p{
    font-size: 16px;
}
.widget-who-we-are .content-box a{
    display: inline-block;
    padding: 8px 15px;
    background: #169bea;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
}



.widget-how-to-join{padding: 50px 0;background: #fff;}

.widget-how-to-join .head h3{
    text-align: CENTER;
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.widget-how-to-join .head p{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}

.widget-how-to-join .joinbox .innerbox{padding: 15%;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0px 15px 10px -15px #00339947;}

.widget-how-to-join .joinbox .innerbox figure img{width:100px;}
.widget-how-to-join .joinbox .innerbox h3{
    font-weight: 600;
    color: #000;
}
.widget-how-to-join .join-button{    text-align: CENTER;
    padding-top: 3%;}
.widget-how-to-join .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }

    footer{background-color: #1d1e20;
        padding-top: 60px;
        padding-bottom: 5px;
        color: #aaa;}
    footer .widget-footer{text-align: center;padding-bottom: 15px;}
    footer .widget-footer img{width: 230px;padding: 12px;background: #fff;}
    footer .widget-footer-link{
    text-align: center;
    padding: 15px 0;
}
    footer .widget-footer-link ul{
    display: inline-block;
    list-style: none;
    padding: 0;
}
    footer .widget-footer-link ul li{
    display: inline-block;
}
    footer .widget-footer-link ul li a{
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 12px;
    font-weight: 600;
    color: #aaa;
}
footer .footer-social-media{
    text-align: CENTER;
}
footer .footer-social-media ul{ display: inline-block;
    list-style: none;
    padding: 0;}
footer .footer-social-media ul li{ display: inline-block;}
footer .footer-social-media ul li a{
    border-radius: 50%;
    background: #333;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin-left: 8px;
    padding-top: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    }
 .widget-copyright{
    background: #141516;
    padding: 15px 0;
}

 .widget-copyright .innerbx p{margin: 0;text-align: CENTER;color: #aaa;}

 /* Breadcrumb */
 .widget-breadcrumb{
    background: #f7f7f7;
    padding: 30px 0;
}
 .widget-breadcrumb h3{
    margin: 0;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    color: #000000;
}
 .widget-breadcrumb ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
 .widget-breadcrumb ul li{
    display: inline-block;
    text-transform: uppercase;
    color: #1d1e20;
}
 .widget-breadcrumb ul li a{
    padding-right: 10px;
    display: block;
    color: #000000;
    position: relative;
}
.widget-breadcrumb ul li a::before{position: absolute;content: "/";right: 0;color: #00000042;}


.widget-gallery{padding: 40px 0;background: #fafbfd;}

.widget-gallery .head h3{
    text-align: CENTER;
    margin: 0;
    text-align: CENTER;
    text-transform: uppercase;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.widget-gallery .gallerybox{
    padding: 0 8px;
}

.widget-gallery .gallerybox figure img{width:100%;border-radius: 4px;margin-bottom: 15px;}

.widget-gallery .join-button{
    text-align: CENTER;
    padding-top: 1%;
    }
.widget-gallery .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }

    .widget-video-gallery{background: #000;padding: 50px 0;}


.widget-video-gallery .head h3{
    text-align: CENTER;
    margin: 0;
    text-align: CENTER;
    text-transform: uppercase;

    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}
.widget-video-gallery .videobox{
    padding: 10px;
}
.widget-video-gallery .videobox iframe{
    width: 100%;
    min-height: 210px;
}
.widget-video-gallery .join-button{
    text-align: CENTER;
    padding-top: 1%;
    }
    .widget-video-gallery .join-button a{
    display: inline-block;
    background: #eee;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 25px;
    background: #2497f3;
    color: #fff;
    letter-spacing: 2px;
    }
/* JOIN BOX */
.widget-join{padding: 30px 0;background: #169bea00;}



.widget-join .frmbox-reg-login{
    padding: 3%;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    float: inherit;
}
.widget-join .frmbox-reg-login h3{
    margin: 0;
    text-align: CENTER;
    font-size: 2.5em;
    font-weight: 600;
    color: #1f2024;
}
.widget-join .frmbox-reg-login p{
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.widget-join .frmbox-reg-login form{
    display: flow-root;
}
.widget-join .frmbox-reg-login .lblbox input[type='email'],.widget-join .frmbox-reg-login .lblbox input[type='password'],.widget-join .frmbox-reg-login .lblbox input[type='text']{
    display: block;
    width: 100%;
    padding: 10px 15px;
    outline: none;
    /* line-height: 1.5rem; */
    font-size: 16px;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D8DBEB;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 10px;
    }
    .widget-join .frmbox-reg-login .lblbox input[type='submit']{
    width: 100%;
    border-radius: 8px;
    border: none;
    padding: 10px 0;
    background: #0092e4;
    font-size: 16px;
    color: #fff;
}
.widget-join .frmbox-reg-login .policylink{
    text-align: CENTER;
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.widget-join .frmbox-reg-login .loginlink{
    text-align: CENTER;
    display: block;
    padding-top: 0;
    font-size: 16px;
}

/* NEWS MENU */
.widget-news-mainmenu{
    background: #fff;
    /* border-top: 1px solid #eee; */
    box-shadow: rgba(0,0,0,0.1) 0px 25px 20px -20px;
    position: relative;
    z-index: 999;
    }
.widget-news-mainmenu .innernav{padding: 0 10px;text-align: left;background: #1f2024;position: relative;}

.widget-news-mainmenu .innernav > ul {padding:0;margin: 0;display: inline-block;}
.widget-news-mainmenu .innernav > ul > li{display:inline-block;}
.widget-news-mainmenu .innernav > ul > li > a{
    font-size: 18px;
    color: #ffffff;
    line-height: normal;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    padding: 15px 10px;
    position: relative;
    display: block;
    text-decoration: none;
    }

    .widget-news-mainmenu .innernav > ul > li > .submenu{
    /* position: absolute; */
    position: absolute;
    background: #ffffff;
    padding: 20px
 15px;
     display: none;
    box-shadow: 0px 2px 3px 0px #d6cece;
    width: 160px;
}
.widget-news-mainmenu .innernav > ul > li:hover .submenu {display: block;  }
.widget-news-mainmenu .innernav > ul > li > .submenu > a{
    display: block;
    padding: 5px 0;
    font-size: 15px;
    text-transform: uppercase;
}
.searchbtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18.5px;
    border: none;
    background: #eeeeee;
    color: #000;
    font-size: 20px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu{
    position: absolute;
    background: #1f2024;
    padding: 20px 15px;
    left: 0;
    right: 0;
    border-top: 5px solid #0669ff;
    display: none;
    box-shadow: 0px 2px 3px 0px #d6cece;
}
.widget-news-mainmenu .innernav > ul > li:hover > a:before{content:"";background:#eee;width:100%;height: 5px;background: #0669ff;bottom: 0;position: absolute;left: 0;right: 0;}
.widget-news-mainmenu .innernav > ul > li:hover .dropdownmenu{display:block;}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li{
    width: 20%;
    float: left;
    padding: 0 10px;
    text-align: left;
}

.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  figure > img{
    width: 100%;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox{
    padding-top: 5px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox h3{
    margin: 0;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #fff;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a >  .detbox span.profileicon{
    font-size: 11px;
    color: #989898;
    display: inline-block;
    margin-right: 4px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li > a > .detbox span.dateicon{
    font-size: 11px;
    color: #989898;
    margin-right: 4px;
}
.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li >  a >  .detbox span.commenticon{
    font-size: 11px;
    color: #989898;
    margin-right: 4px;
}

.widget-news-mainmenu .innernav > ul > li > .dropdownmenu > ul > li >  a >  .detbox span.viewicon{
    font-size: 11px;
    color: #989898;
}

/* FEATURED BOX */
/* NEWS SLIDE FEATURED */
.widget-featured{background:#fff;padding-bottom: 0;}
#featuredbox{
    width: 100%;
    height: 400px;
    position: relative;
    display: block;
    float: left;
    margin-top: 25px;
    overflow: hidden;
    }
#featuredbox .featuredleft {
    width: 50%;
    height: 390px;
    position: relative;
    display: block;
    float: left;
    padding-right: 1px;
}

#featuredbox .featuredleft figure{
    position: relative;
}
#featuredbox .featuredleft figure::after {
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 85%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;
    }
#featuredbox .featuredleft figure img{width:100%;}
#featuredbox .featuredleft figure .tag{
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
#featuredbox .featuredleft figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    text-align: left;
}
#featuredbox .featuredleft figure .detbox h3{
    margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;
}
#featuredbox .featuredleft figure .detbox h3 a{
    margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;
}
#featuredbox .featuredleft figure .detbox .authortag{
    color: #c6c6c6;
    font-size: 12px;
    display: inline-block;
    margin-right: 8px;
}
#featuredbox .featuredleft figure .detbox .datetag{
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;
}
#featuredbox .featuredleft figure .detbox .viewtag{
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;
}

#featuredbox .featuredright {
    width: 50%;
    height: 390px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 1px;
}

#featuredbox .featuredboxestop {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 2px;
}

#featuredbox .featuredboxesbottom {
    display: flex;
    position: relative;
    width: 100%;
}
#featuredbox .featuredbox {
    flex: 1;
    width: 50%;
    max-width: 50%;
    height: 193px;
    position: relative;
    overflow: hidden;
}
#featuredbox .featuredbox figure img{width:100%;}
#featuredbox .box1 {
    padding-right: 1px;
}
#featuredbox .box2 {
    padding-left: 1px;
}

#featuredbox .featuredbox figure::after{
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 91%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;
    }
#featuredbox .featuredbox figure .tag{
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
#featuredbox .featuredbox figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    }
#featuredbox .featuredbox figure .detbox h3{margin: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}
	#featuredbox .featuredbox figure .detbox h3 a{margin: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}
#featuredbox .featuredbox figure .detbox .datetag{
    color: #c6c6c6;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    }
#featuredbox .featuredbox figure .detbox .authortag{ font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
#featuredbox .featuredbox figure .detbox .viewtag{ font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
/* NEWS HOME PAGE */
/* GRID NEWS */
.widget-grid-news{background:#fff;padding-top: 20px;padding-bottom: 15px;}
.widget-grid-news .leftbox{
    padding: 0;
}
.widget-grid-news .leftbox .widgethead{
    padding: 0 15px;
}

.widget-grid-news .leftbox .widgethead a.cattag{
    display: inline-block;
    margin-bottom: 10px;
    background: #000;
    padding: 3px 10px;
    font-size: 16px;
    color: #fff;
}
.widget-grid-news .leftbox .widgethead p{
    font-size: 18px;
}
.widget-grid-news .leftbox .widgethead h1{
    margin: 0;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: normal;
    color: #000;
}
.widget-grid-news .leftbox .widgethead h3{
    margin: 0;
    border-bottom: 2px solid #000000;
    display: flow-root;
}
.widget-grid-news .leftbox .widgethead h3 a{
    display: inline-block;
    font-size: 14px;
    padding: 7px 15px;
    background: #000000;
    color: #fff;
    letter-spacing: 0;
}
.widget-grid-news .leftbox .box-one{
    padding: 0;
    padding-top: 15px;
}
.widget-grid-news .leftbox .box-one .gridbox{
    padding: 0;
    padding-right: 10px;
    padding-bottom: 20px;
}
.widget-grid-news .leftbox .box-one .gridbox2{
    padding: 0;
    padding-left: 10px;
}

.widget-grid-news .leftbox .box-one .gridbox figure img{width:100%;}
.widget-grid-news .leftbox .box-one .gridbox h3{
    margin: 0;
    font-size: 20px;
    padding: 10px 0;
    color: #000;
}
.widget-grid-news .leftbox .box-one .gridbox h3 a{color: #000;}
.widget-grid-news .leftbox .box-one .gridbox .taglist{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 5px 0;margin: 5px 0;}
.widget-grid-news .leftbox .box-one .gridbox .taglist .authortag{
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox .taglist .datetag{
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox .taglist .viewtag{
    color: #999;
}
.widget-grid-news .leftbox .box-one .gridbox p{color: #999;font-size: 16px;}
.widget-grid-news .leftbox .box-two{
    padding: 0;
}
.widget-grid-news .leftbox .box-two .gridboxlist{
    padding: 0;
    padding-right: 10px;
}

.widget-grid-news .leftbox .box-two .gridboxlist:nth-child(even) {
    padding-left: 0;
}


.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small{display: table;
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 25px;}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .left{
    display: table-cell;
    width: 100px;
    position: relative;
    background-color: #fafafa;
    }

.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .left a img{
    width: 100%;
}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right{
    display: table-cell;
    vertical-align: top;
    padding-left: 8px;
    position: relative;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right h3{
    margin: 0;
    line-height: 21px;
    font-size: 15px;
    margin-bottom: 5px;
    min-height: 45px;
    }
    .widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right h3 a{color:#000;}
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right p{
    display: inline-table;
    margin: 0;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right p .authortag{
    list-style: none;
    float: left;
    margin-right: 6px;
    color: #b0b0b0;
    font-size: 14px;
    display: block;
    font-weight: 600;
    }
.widget-grid-news .leftbox .box-two .gridboxlist .post-item-small .right span{
    list-style: none;
    float: left;
    margin-right: 5px;
    color: #b0b0b0;
    font-size: 12px;
    display: block;
    }
.widget-grid-news .rightbox{padding-right:0;}

.widget-grid-news .rightbox .widget-head h3{
    margin: 0;
    background: #169bea;
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    display: flow-root;
}
.widget-grid-news .rightbox .widget-follow{
    padding-top: 15px;
}
.widget-grid-news .rightbox .widget-follow ul{padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    float: left;}
.widget-grid-news .rightbox .widget-follow ul li{list-style: none;
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 7px;}
.widget-grid-news .rightbox .widget-follow ul li a{    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 0.25rem;}
.widget-grid-news .rightbox .widget-follow ul li a i{position: relative;
    display: inline-block;
    width: 45px;
    padding-left: 15px;
    height: 40px;

    text-align: left;
    line-height: 40px;
    font-size: 16px;}
.widget-grid-news .rightbox .widget-follow ul li a.fb{background: #3b5998!important;}
.widget-grid-news .rightbox .widget-follow ul li a.tw{background: #55acee;}
.widget-grid-news .rightbox .widget-follow ul li a.ins{    background: #125688;}
.widget-grid-news .rightbox .widget-follow ul li a.yt{background: #b00;}
.widget-grid-news .rightbox .widget-follow ul li:nth-child(even) {
    margin-right: 0!important;
}


.widget-grid-news .rightbox .form-search{
    background: #0c72af;
    padding-top: 14px;
    margin-bottom: 20px;
    padding: 20px;
    }
.widget-grid-news .rightbox .form-search h3{
    margin: 0;
    padding: 8px 0;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    }
.widget-grid-news .rightbox .form-search form{
    padding: 20px 20px;
    border: 1px solid #eee;
    display: flow-root;
    margin-bottom: 15px;
    }
.widget-grid-news .rightbox .form-search .innerbox {padding: 0;}
.widget-grid-news .rightbox .form-search .innerbox label{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1;
}
.widget-grid-news .rightbox .form-search .innerbox input[type='text']{padding: 4px;
    margin-bottom: 8px;
    width: 100%;
    border: 1px solid #eee;}
.widget-grid-news .rightbox	.form-search input[type='submit'] {
    background: #d71e10;
    border: 1px solid #d71e10;
    padding: 5px 20px;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
}
.widget-grid-news .rightbox .widget-popular{
    clear: both;
}
.widget-grid-news .rightbox .widget-popular h3{margin: 0;
    background: #169bea;
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    letter-spacing: 1;}
.widget-grid-news .rightbox .widget-popular ul{
    padding: 0;
    list-style: none;
    padding: 0;
    list-style: none;
    display: flex;
    margin-right: -1px;
	border-bottom: 1px solid #eee;
}
.widget-grid-news .rightbox .widget-popular ul li{
    display: flex;
    width: 33.3%;
    text-align: CENTER;
}
.widget-grid-news .rightbox .widget-popular ul li a{
    display: block;
    width: 100%;
    padding: 10px 12px;
    color: #000;
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 3px solid #fff;
}
.widget-grid-news .rightbox .widget-popular ul li a.active{border-bottom: 3px solid #202020;}

/* HOME PAGE TAB */
/* TAB GRID */
.tabgrid {display:none;}
.tabgrid .post-item-small{
   display: table;
   width: 100%;
   position: relative;
   float: left;
   padding-bottom: 15px;
   }
.tabgrid .post-item-small .left{display: table-cell;
   width: 106px;
   position: relative;
   background-color: #fafafa;}

.tabgrid .post-item-small .left a img{
   width: 100%;
}
.tabgrid .post-item-small .right{display: table-cell;
   vertical-align: top;
   padding-left: 15px;
   position: relative;}
.tabgrid .post-item-small .right h3{
   margin: 0;
   line-height: 21px;
   font-size: 16px;
   margin-bottom: 5px;
   }
.tabgrid .post-item-small .right p{
   display: inline-table;
   margin: 0;
   }
.tabgrid .post-item-small .right p .authortag{
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #b0b0b0;
   font-size: 14px;
   display: block;
   font-weight: 600;
   }
.tabgrid .post-item-small .right span{
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #b0b0b0;
   font-size: 13px;
   display: block;
   }

   /* HOME PAGE RECOMMENDED */
   .featuredbox-recommended{
    padding: 0;
    margin-top: 15px;
    margin-bottom: 20px;
}
.featuredbox-recommended figure{position: relative;}
.featuredbox-recommended figure::after{background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.36) 50%,rgb(0 0 0 / 85%) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block;}
.featuredbox-recommended figure img{width: 100%;}
.featuredbox-recommended figure .tag{position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;}
.featuredbox-recommended figure .tag a{color:#fff;}
.featuredbox-recommended figure .detbox{
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    }
.featuredbox-recommended figure .detbox h3{margin: 0;
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0px 2px 3px #1a1a1a;}
.featuredbox-recommended figure .detbox h3 a{color:#fff;}
.featuredbox-recommended figure .detbox .authortag{    color: #c6c6c6;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;}
.featuredbox-recommended figure .detbox .datetag{font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
.featuredbox-recommended figure .detbox .viewtag{font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;}

/* RANDOM POST  */

/* RANDOM POST */
.randompost{
    padding-top: 15px;
}
.randompost figure{position: relative;}
.randompost figure .tag{position: absolute;
    z-index: 99;
    top: 15px;
    left: 15px;
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;}
.randompost figure img{width:100%;}
.randompost figure .detbox{padding: 15px 0;text-align: left;}
.randompost figure .detbox h3{
    margin: 0;
    color: #141414;
    font-size: 22px;
    margin-bottom: 10px;
    /* text-shadow: 0px 2px 3px #1a1a1a; */
    }
.randompost figure .detbox .authortag{    color: #c6c6c6;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;}
.randompost figure .detbox .datetag{font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    color: #c6c6c6;}
.randompost figure .detbox .viewtag{font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    color: #c6c6c6;}
.randompost figure .detbox p{color:#777;}

/* TAGS */
.widget-tags{
    padding-top: 10px;
}
.widget-tags a{
    background-color: #f4f4f4;
    color: #888;
    display: inline-block;
    font-size: 14px;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 0.25rem;
    margin-bottom: 9px;
    margin-right: 5px;
    }
.widget-tags a:hover{    background-color: #f86923;color:#fff;}

/* BREADCRUMB */
.breadcrumb-widget{
    background: #fbfbfb;
    padding: 9px 0;
}
.breadcrumb-widget ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.breadcrumb-widget ul li{
    display: inline-block;
    color: #9f9f9f;
    font-size: 14px;
}
.breadcrumb-widget ul li a{
    display: block;
    padding-right: 15px;
    font-size: 14px;
	position:relative;
}
.breadcrumb-widget ul li a:before{
    content:"/";
    position:absolute;
    right: 3px;
    color: #bfbfbf;
}


.widgetgrid {
    padding: 0;
    padding-top: 15px;
}
.widgetgrid .post-horizontal {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #f9f9f9;
}
.widgetgrid .post-horizontal .item-image {
    padding: 0;
}
.widgetgrid .post-horizontal .item-image figure {
    position: relative;
}
.widgetgrid .post-horizontal .item-image figure img {
    width: 100%;
}
.widgetgrid .post-horizontal .item-content {
    padding: 4%;
    text-align: left;
}
.widgetgrid .post-horizontal .item-content h3 {
    margin: 0;
    margin-bottom: 15px;
}
.widgetgrid .post-horizontal .item-content h3 a {
    color: #000;
    text-decoration: none;
}
.widgetgrid .post-horizontal .item-content .authortag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 600;
}
.widgetgrid .post-horizontal .item-content .datetag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content .commenttag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content .viewtag {
    list-style: none;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 13px;
}
.widgetgrid .post-horizontal .item-content p {
    color: #777;
}
/* NEWS VIEW */
.widget-grid-news .content-widget {
    padding-left: 0;
}
.widget-grid-news .content-widget .widgethead {
    padding: 0;
}
.widget-grid-news .content-widget .widgethead .tag {
    padding: 2px 10px;
    background: #000;
    color: #fff;
    font-size: 16px;
}
.widget-grid-news .content-widget .widgethead h1 {
    margin-top: 15px;
    font-size: 37px;
    color: #000;
    line-height: 48px;
    font-weight: 400;
}
.widget-grid-news .content-widget .widgethead h2 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
    color: #000;
}
.widget-grid-news .content-widget .widgetauthorbox {
    padding-left: 0;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox {
    padding-top: 15px;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a {
    position: relative;
    display: inline-block;
    padding-left: 47px;
    color: #343434;
    font-weight: 600;
    margin-right: 10px;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a figure {
    border-radius: 50%;
    left: 0;
    width: 40px;
    position: absolute;
    top: -10px;
    height: 40px;
    background: #eee;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a figure img {
    width: 100%;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox a span {
    display: block;
}
.widget-grid-news .content-widget .widgetauthorbox .leftbox .tag {
    display: inline-block;
    margin-right: 15px;
    color: #8b8b8b;
}
.widget-grid-news .content-widget .widgetauthorbox .rightbox {
    text-align: right;
    padding-top: 15px;
}
.widget-grid-news .content-widget .widgetauthorbox .rightbox .commentag {
    display: inline-block;
    margin-left: 10px;
    color: #b1b1b1;
}
.widget-grid-news .content-widget .widgetsharebox {
    padding: 0;
    padding-top: 20px;
}
.widget-grid-news .content-widget .widgetsharebox a {

    padding: 10px 19px;
    background: #eee;
    border-radius: 2px;
    font-size: 16px;
    height: 45px;
    float: left;
    margin-right: 6px;
}
.widget-grid-news .content-widget .widgetsharebox a.facebook {
    background: #3b5998;
    color: #fff;
}
.widget-grid-news .content-widget .widgetsharebox a.twitter {
    background: #55acee;
    color: #fff;
}
.widget-grid-news .content-widget .widgetsharebox a.linkedin {
    background: #007bb5;
    color: #fff;
    color: #fff;
    font-size: 18px;
    padding-top: 13px;
}
.widget-grid-news .content-widget .widgetsharebox a.pinterest {
    color: #fff;
    font-size: 18px;
    padding-top: 14px;
    background: #cb2027;
}
.widget-grid-news .content-widget .widgetsharebox a.tumblr {
    background: #2c4762;
    color: #fff;
    padding-top: 14px;
}
.widget-grid-news .content-widget .widgetsharebox a.print {
    background: #444;
    color: #fff;
    padding-top: 14px;
}
.widget-grid-news .content-widget .widgetsharebox a.kooapp {
    background: #fbcd00;
    color: #fff;
    padding-top: 14px;
    width: 40px;
    padding: 0;
    padding-top: 4px;
}
.widget-grid-news .content-widget .widgetsharebox a img {
    width: 100%;
}
.widget-grid-news .content-widget .widgetsharebox a.whatsapp {
    background: #3EBE2B;
    color: #fff;
    font-size: 18px;
    padding-top: 14px;
}
.widget-grid-news .content-widget .postimage {
    padding: 15px 0;
    padding-bottom: 0;
}
.widget-grid-news .content-widget .postimage img {
    width: 100%;
}
.widget-grid-news .content-widget .postimage span {
    display: block;
    padding: 10px;
    font-style: italic;
    background: #fbfbfb;
    font-size: 16px;
}
.widget-grid-news .content-widget .posttext {
    padding: 0;
}
.widget-grid-news .content-widget .posttext p {
    overflow-wrap: break-word;
    display: block;
    clear: both;
    min-height: 20px;
    font-size: 18px;
}
.widget-grid-news .content-widget .posttags {
    padding: 0;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .posttags span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.widget-grid-news .content-widget .postnavigation {
    padding-top: 15px;
    border-top: 1px solid #eee;
    padding-bottom: 15px;
}
.widget-grid-news .content-widget .postnavigation .boxprev {
    text-align: right;
    border-right: 1px solid #eee;
    min-height: 70px;
}
.widget-grid-news .content-widget .postnavigation span {
    display: block;
    color: #f86923;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.widget-grid-news .content-widget .postnavigation a {
    font-size: 16px;
}
.postreaction {
    border-top: 1px solid #eee;
    padding: 15px 0;
    padding-top: 5%;
}
.postreaction h3 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
.postreaction ul {
    list-style: none;
    padding: 0;
}
.postreaction ul li {
    width: 13.5%;
    margin-right: 5.8px;
    cursor: pointer;
    margin-bottom: 5px;
    float: left;
    text-align: CENTER;
}
.postreaction ul li .iconreact {
    padding-bottom: 10px;
}
.postreaction ul li .iconreact img {
    width: 45px;
}
.postreaction ul li .averagereact {
    min-height: 100px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 5px;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}
.postreaction ul li .averagereact .averageno {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.postreaction ul li .averagereact .averageheight {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2%;
    background: #f86923;
}
.postreaction ul li button {
    display: block;
    width: 100%;
    border: none;
    padding: 7px 0px;
    border-radius: 2px;
    background: #e6e6e6;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}
.widget-grid-news .content-widget .authorbox {
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.widget-grid-news .content-widget .authorbox a figure {
    width: 110px;
    float: left;
}
.widget-grid-news .content-widget .authorbox a figure img {
    width: 100%;
}
.widget-grid-news .content-widget .authorbox a span {
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
    font-size: 18px;
}
.widget-grid-news .content-widget .relatedpost {
    padding: 0;
    display: flow-root;
}
.widget-grid-news .content-widget .relatedpost .innerbox {
    padding: 0;
}
.widget-grid-news .content-widget .relatedpost .innerbox h3 {
    border-bottom: 1px;
    font-size: 14px;
    border-bottom: 2px solid #169bea;
    margin-bottom: 25px;
}
.widget-grid-news .content-widget .relatedpost .innerbox h3 span {
    display: inline-block;
    padding: 5px 15px;
    background: #169bea;
    color: #fff;
}
.widget-grid-news .content-widget .relatedpost .gridinner {
    padding: 0 5px;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .relatedpost .gridinner figure img {
    width: 100%;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext {
    padding: 0;
    padding-bottom: 20px;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext h3 {
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    color: #000;
    min-height: 60px;
}
.widget-grid-news .content-widget .relatedpost .gridinner .posttext .tag {
    display: inline-block;
    margin-right: 7px;
    color: #999898;
    font-size: 13px;
}
.widget-grid-news .content-widget .commentbox .innerbox {
    padding: 0;
}
.widget-grid-news .content-widget .commentbox .innerbox h3 {
    border-bottom: 1px;
    font-size: 14px;
    border-bottom: 2px solid #169bea;
    margin-bottom: 25px;
}
.widget-grid-news .content-widget .commentbox .innerbox h3 span {
    display: inline-block;
    padding: 5px 15px;
    background: #169bea;
    color: #fff;
}
.widget-grid-news .content-widget .commentbox form .forminner {
    padding: 0;
    padding-right: 15px;
}
.widget-grid-news .content-widget .commentbox form .forminner label {
    display: block;
}
.widget-grid-news .content-widget .commentbox form .forminner input[type='text'], .widget-grid-news .content-widget .commentbox form .forminner input[type='email'], .widget-grid-news .content-widget .commentbox form .forminner textarea {
    border: 1px solid #dfe0e6;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 3px;
    outline:none;
}
.widget-grid-news .content-widget .commentbox form .forminner button {
    border: none;
    padding: 10px 25px;
    background: #f86923;
    color: #fff;
    border-radius: 4px;
}

/* API DASHBOARD */
.widget-api-dashboard{padding: 30px 0;background: #fff;border-top: 1px solid #eee;}

.widget-api-dashboard .side-menu-widget ul{
    padding: 15px;
    list-style: none;
    margin: 0;
    background: #169bea14;
}

.widget-api-dashboard .side-menu-widget ul li a.active{    background: #169bea;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #169bea;}
.widget-api-dashboard .side-menu-widget ul li a{
    display: block;
    padding: 15px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: #eeeeee38; */
}
.widget-api-dashboard .innerbox-profile-dashboard .notverify{
    padding: 0;
    padding-bottom: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .notverify span{position: relative;display: block;padding: 15px;color: #F44336;font-size: 16px;background: #f4433624;border: 1px solid #f4433624;border-radius: 5px;}
.widget-api-dashboard .innerbox-profile-dashboard .verifybox{
    padding: 0;
    padding-bottom: 0;
}
.widget-api-dashboard .innerbox-profile-dashboard .verifybox span{position: relative;display: block;padding: 15px;color: #4CAF50;font-size: 16px;background: #4caf5024;border: 1px solid #4caf503d;border-radius: 5px;}

.widget-api-dashboard .innerbox-profile-dashboard .profilehead{
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .profilehead h3{
    margin: 0;
    font-size: 16px;
    padding: 15px;
    background: #eeeeee40;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #eee;
    font-weight: 600;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox{
    background: #eee;
    position: relative;
    padding: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox .ownericon{
    position: absolute;
    font-size: 58px;
    background: #ffffff;
    padding: 0 15px;
    display: inline-block;
    color: #e9e6e6;
    border-radius: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul{
    margin: 0;
    padding-left: 88px;
    list-style: none;
}

.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul li span.lbl{
    display: block;
}
.widget-api-dashboard .innerbox-profile-dashboard .ownerbox ul li span.lbltext{
    font-weight: 600;
}



.widget-api-dashboard .innerbox-profile-dashboard .detailbox{
    background: #f9f9f9;
    position: relative;
    padding: 15px;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox .ownericon{
    position: absolute;
    font-size: 58px;
    background: #ffffff;
    padding: 0 15px;
    display: inline-block;
    color: #e9e6e6;
    border-radius: 10px;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul{
    margin: 0;
    padding-left: 5px;
    list-style: none;
}

.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul li span.lbl{
    display: block;
}
.widget-api-dashboard .innerbox-profile-dashboard .detailbox ul li span.lbltext{
    font-weight: 600;
}

.secretcodebox{
    padding: 15px;
    background: #2196f31c;
    border: 1px solid #2196f354;
}
.secretcodebox .innerbox{
    padding: 0;
    text-align: CENTER;
}
.secretcodebox .innerbox button{
    display: inline-block;
    padding: 10px 020px;
    border: none;
    background: #2196F3;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 1px;
}

/* formbox */
.formbox{
    padding: 0;
}
.formbox label{
    display: block;
}
.formbox label span{
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: 'Noto Sans', sans-serif; */
    margin-bottom: 4px;
    letter-spacing: 1px;
}
.formbox label input[type='text'],.formbox label input[type='password']{
    border-radius: 6px;
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    outline: none;
    font-weight: normal;
}
.formbox button{
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #169bea;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #169bea;
    margin-top: 10px;
}



/* main-slider */
.main-slider{padding: 30px 0;}
.main-slider  > div > div > div{padding: 0;}


/* widget-developer-document */
.widget-developer-document ol{
    padding-left: 20px;
}
.widget-developer-document ol li{
    padding: 2px 0;
}
.widget-developer-document h1{
    font-size: 24px;
    font-weight: 600;
}
.widget-developer-document h2{
    font-size: 18px;
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.widget-developer-document h3{
    font-size: 16px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    font-weight: 600;
}
.widget-developer-document table{
    width: 100%;
    margin: 15px 0;
}

.widget-developer-document table tr th{
    border: 1px solid #eee;
    padding: 7px 10px;
    background: #eee;
}
.widget-developer-document table tr td{
    border: 1px solid #eee;
    padding: 7px 10px;
    /* background: #eee; */
}

.widget-api-dashboard .widget-news-account .profilehead{
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.widget-api-dashboard .widget-news-account .profilehead h3{
    margin: 0;
    font-size: 16px;
    padding: 15px;
    background: #eeeeee40;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #eee;
    font-weight: 600;
}

.widget-api-dashboard .widget-news-account .box-account{
    padding: 5%;
    background: #edf7fd;
    text-align: CENTER;
}
.widget-api-dashboard .widget-news-account .box-account h3{
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #169bea;
}
.widget-api-dashboard .widget-news-account .box-account button{
    display: inline-block;
    background: #169bea;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 15px 10px -15px #169bea;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
}
.messagebox{padding:0;}

.logbx{
    width: 300px;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
}
.logbx span{
    display: block;
    margin-bottom: 10px;
}
.logbx span label{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.logbx span input{
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 3px;
    outline: none;
}
.logbx a{display: inline-block; margin-top: 20px;}

.widgetcommentbox{
    padding: 0;
    padding-top: 7px;
}
.widgetcommentbox .comment-box{
    padding: 4%;
    border: 2px solid #eee;
    margin-bottom: 10px;
    border-radius: 24px;
}

.widgetcommentbox .comment-box .commentbtnbox{
    border-top: 2px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
}
.widgetcommentbox .comment-box .commentbtnbox .like-btn{
    border: none;
    background: none;
    font-size: 19px;
    color: #858585;
}
.widgetcommentbox .comment-box .commentbtnbox .reply-toggle{
    border: none;
    background: none;
    font-size: 19px;
    color: #858585;
}
.widgetcommentbox .comment-box  .reply-form{
    padding: 15px 0;
}

.widgetcommentbox .comment-box  .reply-form .reply-form-ajax textarea{
    width: 100%;
    border: 2px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    outline:none;
}
.widgetcommentbox .comment-box  .reply-form .reply-form-ajax button{
    background: #2196F3;
    border: none;
    padding: 5px 15px;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
}

.mobheader{background: #fff;padding: 10px 0;box-shadow: 0px 3px 6px 6px #eee;position: relative;}
.mobheader .mobinnerhead{
    position: relative;
}
.mobheader .mobinnerhead .moblogo{
    display: inline-block;
    width: 80%;
}

.mobheader .mobinnerhead .moblogo figure img{
    max-width: 100%;
    width: 210px;
}
.mobheader .mobinnerhead .mobtoggle{
    position: absolute;
    right: 5%;
    top: 27%;
    width: 48px;
    height: 40px;
    background: none;
    border: none;
}
.mobheader .mobinnerhead .mobtoggle span{
    display: block;
    height: 1px;
    background: #000;
    margin-bottom: 10px;
    width: 100%;
}
.mobbreaking{
    border-top: 1px solid #eee;
}
.mobbreaking .breakingnews{padding: 0;}
.main-slider{padding: 0;}
.side-menu {
    max-width: 80%;
    position: fixed;
    top: 0;
    left: -80%;
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: scroll;
    z-index: 9999;
    width:350px
}
.side-menu.open {
    left: 0;
}
.side-menu.opens {
    left: 0;
    width:350px
}
.side-menu .sidemenulogo{text-align: CENTER;
    padding: 19px 0;
    display: block;
    border-bottom: 1px solid #eee;}
.side-menu .sidemenulogo img{width: 150px;}
.side-menu ul{
    padding: 0;
    list-style: none;
    padding: 0 10px;
}
.side-menu .othermenu > a{
    display: block;
    color: #000;
    padding: 13px 15px;
    font-size: 15px;
    position:relative;
    font-size: 17px;
    font-weight: 100;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}

.togglebtnmenu{
    position: absolute;
    right: 20px;
    width: 40px;
    top: 22px;
}
.togglebtnmenu span{
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 10px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

#overlay.active {
    opacity: 1;
    visibility: visible;
}
/* RESPONSIVE */
@media only screen and (max-width: 58em) {
    .main-slider{padding: 0;}
    .widget-about{padding: 5%;}
    .widget-about .image-box{text-align: center;}
    .widget-about .image-box figure img{width:200px;}
    .widget-join{padding: 15px;}
    .widget-join .frmbox-reg-login{padding: 15px;}
    .widget-join .frmbox-reg-login h3{font-size: 20px;}
    #featuredbox {
        height: auto;
        margin-top: 0;
    }
    #featuredbox .featuredleft {
        height: auto;
        width: 100%;
        padding: 10px;
    }
    #featuredbox .featuredright {
        width: 100%;
        position: relative;
        top: inherit;
        float: left;
        height: auto;
        padding: 10px;
        padding-top: 0;
    }
    #featuredbox .featuredbox {
        height: auto;
    }
    #featuredbox .featuredbox figure .detbox {
        position: relative;
        padding: 0;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    #featuredbox .featuredbox figure .detbox h3, #featuredbox .featuredbox figure .detbox .authortag, #featuredbox .featuredbox figure .detbox .datetag, #featuredbox .featuredbox figure .detbox .viewtag {
        color: #000;
        font-size: 12px;
        margin-right: 5px;
    }
    #featuredbox .featuredbox figure .detbox h3 a {
        color: #000;
        text-shadow: none;
        margin: 0;
    }
    #featuredbox .featuredbox figure::after {
        background: none;
    }
    .widget-grid-news .leftbox .widgethead {
        padding: 0 15px !important;
        display: flow-root;
    }
    .widget-grid-news .leftbox .box-one, .widget-grid-news .leftbox .box-two {
        float: left;
        width: 100%;
        padding: 0 15px;
        display: flow-root;
        height: auto;
    }
    .widget-grid-news .rightbox{padding:0 15px}
    .widgetgrid{padding: 15px;}
    .widget-grid-news .content-widget{padding: 0 15px;}
    .widget-grid-news .content-widget .widgethead h1{font-size: 22px;line-height: normal;font-weight: 600;}
    .widget-grid-news .content-widget .widgethead h2{font-size: 16px;line-height: normal;}
    .tabgrid, .widgetgrid {
        display: flow-root;
        padding: 0 15px;
    }
    .widget-grid-news .content-widget .widgetsharebox a {
        font-size: 0;
        width: 40px;
        padding: 14px;
        margin-bottom: 10px;
    }
    .widget-grid-news .content-widget .postnavigation {
        padding: 15px 0;
    }
    .postreaction ul {
        display: flow-root;
    }
    .postreaction ul li {
        width: 33.33%;
        margin: 0;
        padding: 0 5px;
        padding-top: 15px;
    }
    .widget-grid-news .rightbox {
        padding: 0 15px;
        clear: both;
    }
}