html{
    font-family:Nunito,sans-serif; 
    /* font-family:sans-serif;  */
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    background: rgb(251, 252, 252);
}
body{
    margin:0
}
article,aside,footer,header,main,menu,nav,section{
   /* display:block */
}
canvas{
    display:inline-block;
    vertical-align:baseline
}
[hidden]{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
b{
    font-weight:700
}
h1{
    font-size:2em;
    margin:.67em 0
}
small{
    font-size:80%
}
sub{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
button{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button{
    text-transform:none
}
button{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled]{
    cursor:default
}
button::-moz-focus-inner{
    border:0;
    padding:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
body,button{
    color:#404040;
    /* font-family:sans-serif; 
    font-family:Nunito,sans-serif; */
    font-size:16px;
    font-size:1rem;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6{
    clear:both;
    margin-top:0
}
p{
    margin-bottom:1.5em;
    margin-top:0;
    word-break: break-word;
}
em,i{
    font-style:italic
}
var{
    /*   font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;  */
    font-size:15px;
    font-size:.9375rem
}
html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
body{
    background:#ebeff4;
    font-size:16px;
    line-height:28px;
    color:#111;
    font-family:Nunito,sans-serif;
    background:#eee
}
h1,h2,h3,h4,h5,h6{
    /*font-family:Muli,sans-serif 
    font-family:Nunito,sans-serif;  */
}
ul{
    margin:0 0 1.5em 3em
}
ul{
    list-style:disc
}
li>ul{
    margin-bottom:0;
    margin-left:1.5em
}
img{
    height:auto;
    max-width:100%;
    width:100%;
}
table{
    margin:0 0 1.5em;
    width:100%
}
/*button{
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    border-radius:3px;
    background:#e6e6e6;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);
    color:rgba(0,0,0,.8);
    font-size:12px;
    font-size:.75rem;
    line-height:1;
    padding:.6em 1em .4em;
    text-shadow:0 1px 0 rgba(255,255,255,.8)
}
button:hover{
    border-color:#ccc #bbb #aaa;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)
}
button:active,button:focus{
    border-color:#aaa #bbb #bbb;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)
}*/

/*
.site-header{
    padding:5px 0 0 0;
    background-color:#fff
}*/
.site-header:after{
    display:block;
    content:'';
    clear:both
}
.site-branding{
    padding:0 0
}
.site-branding .site-title{
    margin:0
}
.site-branding .site-title a{
    text-decoration:none;
    font-weight:700;
    font-size:24px;
    line-height:32px;
    color:#000;
    text-transform:uppercase;
    display:block
}
.site-header .pushmenu{
    font-size:14px;
    margin-top:0px;
    color:#000
}
.site-header .site-branding{
    text-align:center
}
.site-header .site-branding h1{
    text-align:center;
    left:1px;
    margin: 5px 0 0 0;
}
.site-header .site-branding p{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px
}
a{
    color: #1b499c;
    font-weight: 900;
}
a:visited{
    color:#2866a8
}
a:active,a:hover{
    outline:0
}
#mag-navbtn{
    cursor:pointer;
    display:block;
    position:relative;
    top:1px;
    left:0;
    width:52px;
    height:46px;
    z-index:9999;
    background:0 0;
    padding:0 10px;
    float:left
}
#mag-navbtn span{
    display:inline-block;
    top:18px;
    left:0;
    margin:0
}
#mag-navbtn span,#mag-navbtn span:after,#mag-navbtn span:before{
    content:'';
    width:32px;
    height:3px;
    position:absolute;
    display:block;
    background:#000;
    cursor:pointer;
    -webkit-transition:.3s linear;
    transition:.3s linear;
    z-index:9999
}
#mag-navbtn span:before{
    top:-11px
}
#mag-navbtn span:after{
    bottom:-11px
}
#mag-navbtn span{
    width:27px
}
.main-navigation{
    border-radius:0;
    background-color:rgba(255,255,255,.99);
    border-bottom:1px solid rgba(0,0,0,.07);
    box-shadow:0 3px 8px -4px rgba(0,0,0,.15)
}
.navbar-nav{
    font-size: 18px;
    color: white;
    /*float:none */
    /*font-family: 'Lora', serif;
    font-family:Nunito,sans-serif; */
}
.navbar-default .navbar-nav>li>a {
    color: white;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ffffff99;
}
ul.navbar-right li ul.dropdown-menu{ font-size: 14px;padding: 0.5em;
    border-radius: 0.5em;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        color: #ffffff99;
        background-color: #ffffff00;}


.main-navigation ul{
    list-style:none;
    margin:0;
    padding-left:0;
    text-align:center!important
}
.main-navigation li{
    display:inline-block;
    position:relative;
    margin-left:34px;
    float:none;
    padding:10px 5px
}
.main-navigation li:first-child{
    margin-left:0
}
/*.navbar-default .navbar-nav>li>a{
    padding:0;
    display:block;
    text-decoration:none;
    text-transform:capitalize;
    font-size:17px;
    line-height:32.32px;
    color:#191919;
    font-weight:500;
    font-family:Muli,sans-serif
}
*/
.main-navigation .navbar-nav .open a{
    background:0 0;
    color:#000
}
.main-navigation a:hover{
    color:#000
}
.site-header .main-navigation ul ul{
    background:#fff;
    float:left;
    position:absolute;
    left:-999em;
    z-index:99999;
    box-shadow:0 0 3px 0 rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1);
    padding:0
}
.site-header .main-navigation ul ul li{
    margin-left:0;
    padding-bottom:10px;
    width:100%;
    min-width:207px;
    text-align:left;
    border-top:1px solid #e0e0e0
}
.site-header .main-navigation ul ul a{
    font-size:17px;
    text-transform:capitalize;
    color:#333;
    font-weight:500
}
.site-header .main-navigation ul ul a:focus,.site-header .main-navigation ul ul a:focus-within,.site-header .main-navigation ul ul a:hover{
    background:unset;
    text-decoration:none;
    color:#7d7d7d
}
.site-header .main-navigation ul ul ul{
    left:-999em;
    top:0
}
.main-navigation ul ul :hover>a{
    color:#000
}
.main-navigation ul li:focus-within>ul,.main-navigation ul li:focus>ul,.main-navigation ul li:hover>ul{
    left:auto
}
.main-navigation ul ul li:hover>ul{
    left:100%
}
.menu-toggle{
    display:block
}
@media screen and (min-width:37.5em){
    .menu-toggle{
        display:none
    }
    .main-navigation ul{
        display:block
    }
}
.site-main .post-navigation{
    margin:0 0 1.5em;
    overflow:hidden
}
.screen-reader-text{
    clip:rect(1px,1px,1px,1px);
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    clip-path:none;
    color:#21759b;
    display:block;
    font-size:14px;
    font-size:1.1rem;
    font-weight:700;
    height:auto;
    right:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
#content[tabindex="-1"]:focus{
    outline:0
}
.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{
    content:"";
    display:table;
    table-layout:fixed
}
.entry-content:after,.site-content:after,.site-footer:after,.site-header:after{
    clear:both
}
.widget{
    margin:0 0 1.5em;
    font-size:14px
}
.menu-btn{
    background:0 0;
    border:none;
    font-size:20px;
    box-shadow:none
}
.pushy{
    background-color:#fff!important
}
.pushy .widget{
    margin:10% 5%;
    color:#191919;
    padding:3%
}
.pushy .widget ul,.pushy .widget ul h3,.pushy .widget ul h4,.pushy .widget ul li,.pushy .widget ul li a,.pushy .widget ul p{
    padding:0;
    margin:0;
    text-decoration:none;
    list-style:none
}
.pushy .widget h3,.pushy .widget h3 a{
    color:#231f20;
    font-size:18px;
    font-weight:600;
    line-height:20px;
    margin:0;
    text-transform:uppercase
}
.pushy .widget ul li h4,.pushy .widget ul li h4 a{
    font-size:16px;
    font-weight:500;
    text-decoration:none;
    color:#231f20;

    /* font-family:"Source Sans Pro",sans-serif;
    font-family:Nunito,sans-serif; */
    line-height:21px;
    text-transform:uppercase
}
.pushy .widget ul li a,.pushy .widget ul p,.pushy .widget ul p a,pushy .widget ul li{
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    color:#231f20;
    /*font-family:"Source Sans Pro",sans-serif; 
    font-family:Nunito,sans-serif;*/
    line-height:21px
}
.pushy .widget ul li a:hover,.pushy .widget ul li h4 a:hover{
    color:#242358
}
.pushy .widget h3{
    margin-bottom:3%
}
.pushy .widget ul li{
    margin:0 0 3% 3%
}
.pushy .widget ul li h4{
    margin-bottom:1%
}
.pushy::-webkit-scrollbar{
    width:1px
}
.pushy::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    border-radius:10px
}
.pushy::-webkit-scrollbar-thumb{
    outline:1px solid #708090;
    border-radius:10px
}
.pushy .widget_title img{
    display:inline-block
}
.site-main .author-section{
    padding-bottom:80px;
    overflow:hidden
}
.site-main .author-section .author-header{
    /* font-family:"Source Sans Pro",sans-serif; */
    font-weight:900;
    color:#303030;
    font-size:22px
}
.entry-content,.page-content{
    margin:15px 0 0
}
.entry-content{
    color:#2a3137
}
.page-links{
    clear:both;
    margin:0 0 .5em
}
.post-tags{
    list-style-type:none;
    padding-left:0;
    padding-top:10px;
    padding-bottom:20px;
    margin:0
}
.post-tags li{
    display:inline-block;
    margin-right:10px;
    background-color:#fff;
    padding:2px 10px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:400
}
.post-tags li a{
    color:#6d737b
}
.entry-content h1{
    margin:0;
    line-height:1.6em;
    font-size:30px;
    font-weight:500;
    color:#424242
}
.entry-content h3{
    margin:0;
    line-height:1.6em;
    font-size:24px;
    font-weight:400;
    color:#424242
}
.entry-content h4{
    margin:0;
    line-height:1.6em;
    font-size:22px;
    font-weight:400;
    color:#424242
}
.entry-content h5{
    margin:0;
    line-height:1.6em;
    font-size:20px;
    font-weight:400;
    color:#424242
}
.entry-content h6{
    margin:0;
    line-height:1.6em;
    font-size:16px;
    font-weight:400;
    color:#424242
}
.entry-content p{
    font-size:16px;
    font-weight:400;
    color:#3a3a3a;
    /* font-family:Nunito,sans-serif; */
    line-height:28px;
    margin:0;
    padding-bottom:15px
}
.entry-content h2{
    font-weight:600;
    color:#424242;
    font-size:26px;
    line-height:1.6em;
    margin:0
}
.entry-content table{
    margin:15px 0;
    min-height:.01%;
    overflow-x:auto
}
.entry-content ul{
    margin:15px 0;
    padding-left:15px;
    list-style-type:square
}
.entry-content ul li{
    /* font-family:Nunito,sans-serif; */
    font-size:16px;
    font-weight:400;
    color:#343434;
    line-height:26px
}
::selection{
    background-color:#fff198
}
.blog .format-aside .entry-title{
    display:none
}
.comments-area{
    margin-bottom:60px;
    padding:45px 0;
    font-size:17px;
    line-height:28px;
    color:#444
}
.comments-title{
    font-size:24px;
    line-height:28px;
    color:#2a2b2b;
    font-weight:700;
    margin:0
}
.entry-content .wp-smiley,.page-content .wp-smiley{
    border:none;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
.row{
    margin:0 -15px
}
.row:after{
    display:block;
    clear:both;
    content:''
}
.blog-section{
    padding-top:2em
}
.blog-section article h3::first-letter{
    text-transform: uppercase;
}
.blog-section .container{
    border-bottom:1px solid #ebebeb
}
.blog-section .section-title{
    margin-bottom:68px
}
.blog-section .post-thumbnail{
    display:block
}
.blog-section .post-thumbnail img{
    border-radius:4px 4px 0 0
}
.blog-section .entry-header{
    padding-top:20px;
    background-color:#fff;
    
    border-radius:0 0 8px 8px;
    padding:5px 15px 10px 15px;
    /*box-shadow:0 5px 35px rgba(50,50,93,.1),0 0 5px rgba(0,0,0,.07) */
}
.entry-header h1{max-height: 60px; overflow: hidden;    line-height: 0.5em;padding: 0.3em 0 0 0;}
.article_box{    box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px 0px;      transition: all 0.25s ease-in-out 0s; border-radius:8px; overflow: hidden;}
.article_box:hover{ box-shadow: rgb(0 0 0 / 40%) 6px 6px 5px 0px;   }
.post_sin_first2 .radiu_image {    overflow: hidden;
    /*height: 230px;*/
    display: block;
   }
.post_sin .radiu_image{overflow: hidden;     display: block; }
/*.post_sin_first2 .radiu_image {     height: 280px;}  */
/*.radiu_image:hover{ transform: scale(1.05); transition: all 0.3s ease-in-out 0.3s;}*/
.radiu_image img{border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width:100%;
    filter: blur(2vw);
}

.blog-section .entry-header a{
    text-decoration:none
}
.blog-section .entry-header a:hover{
    opacity:.6
}
.blog-section .entry-title{
    margin-bottom:0
}
.blog-section .entry-title a{
    font-size:16px;
    line-height:20px;
    color:#000;
    font-weight:700;
    letter-spacing:0.2px
}
.blog-section .entry-title a:hover{
    color:#f71c31
}
.blog-section .entry-meta span{
    font-size:12px;
    line-height:16px;
    color:#fbfcfc;
    text-transform:uppercase;
    letter-spacing:1px
}
.blog-section .entry-meta a{
    font-size:12px;
    line-height:16px;
    color:#f71c31;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px
}
.blog-section .row{
    margin-bottom:30px
}
.blog-section .entry-footer{
    text-align:center
}
.site-footer .widget-area{
    background:#fff;
    padding-top:42px
}
.widget-area .widget-title{
    font-size:16px;
    line-height:48px;
    color:#000;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px
}
.widget-area ul{
    margin:0;
    padding:0
}
.widget-area ul li{
    list-style:none
}
.widget-area .post .post-thumbnail{
    float:left;
    margin-right:18px;
    display:block
}
.widget-area .post .entry-header{
    overflow:hidden
}
.widget-area .post .entry-title{
    margin-bottom:0
}
.widget-area .post .entry-title a{
    display:inline-block;
    font-size:16px;
    line-height:28px;
    color:#fbfcfc;
    font-weight:700
}
.widget-area .post .entry-meta span{
    font-size:12px;
    line-height:16px;
    color:#fbfcfc
}
.widget-area .post .entry-meta a{
    font-size:12px;
    line-height:16px;
    color:#fbfcfc;
    font-weight:700;
    text-transform:uppercase;
    margin-right:9px
}
.widget-area .post .entry-header a{
    text-decoration:none
}
.widget-area .widget ul li{
    position:relative;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #e6e6e6;
    padding-left:0;
    list-style:none
}
.widget-area .widget ul li:last-child{
    border-bottom:0
}
.widget-area .widget ul li a{
    text-decoration:none;
    font-size:14px;
    line-height:1.6em;
    color:#000;
    display:inline-block
}
.widget-area .widget ul li:first-child{
    padding-top:0
}
.widget-area .widget ul li a:hover{
    opacity:.6
}
.widget-area .post .entry-header a:hover{
    opacity:.6
}
.site-footer .site-info{
    background:#ececec;
    font-size:12px;
    line-height:24px;
    color:#000;
    padding:16px 0;
    /*text-transform:uppercase; */
    letter-spacing:2px
}
.site-footer .site-info:after{
    display:block;
    clear:both;
    content:''
}
.site-footer .site-info .left-text{
    text-align:center;
    display:block
}
.site-footer .site-info .right-text{
    text-align:center;
    display:block;
    margin-top:10px
}
.site-footer .site-info a{
    text-decoration:none;
    font-size:12px;
    line-height:24px;
    color:#000
}
.site-footer .site-info a:hover{
    color:#fbfcfc
}
.navbar-default{
    background-color:#fff
}
.no-padding{
    padding:0
}
.no-margin{
    margin:0
}
.main-navigation{
    padding:0 5%
}
.navbar-default{    padding: 8px 0 4px 0;
    /*border-bottom: 2px solid #1b499c; */
    min-height:20px;
    margin:0;
    
    background-color:black;
    background-image: url(hbg.png);
    /* background-repeat: repeat-x; */
    background-size: 70px 36px;

}
/*
.navbar-header2 .navbar-brand{
    font-family: 'Cinzel', serif;
    text-decoration:none;
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-transform:uppercase;
    padding-bottom:0;
    color:#000
}
*/

.navbar-default .navbar-toggle{
    box-shadow:none;
    border:0;
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    /* background-color:transparent; */
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#000
}
@media (min-width:320px) and (max-width:479px){
    .main-navigation{
        padding:0
    }
    .site-header .pushmenu{
        margin-top:0
    }
    .entry-content{
        text-align:justify
    }
    .widget{
        margin-left:15px
    }
    .widget-area .post .entry-header{
        margin-bottom:10%
    }
    .site-footer .site-info{
        text-align:center
    }
    .site-footer .site-info .left-text{
        float:none
    }
    .site-footer .site-info .right-text{
        float:none
    }
    .section-title{
        font-size:32px
    }
}
@media (min-width:480px) and (max-width:559px){
    .main-navigation{
        padding:0
    }
    .site-header .pushmenu{
        margin-top:0
    }
    .section-title{
        font-size:32px
    }
    .entry-content{
        text-align:justify;
        padding:5%
    }
    .widget{
        margin-left:15px
    }
    .widget-area .post .entry-header{
        margin-bottom:10%
    }
    .site-footer .site-info{
        text-align:center
    }
    .site-footer .site-info .left-text{
        display:block;
        float:none
    }
    .site-footer .site-info .right-text{
        float:none
    }
}
@media (min-width:600px) and (max-width:767px){
    .main-navigation{
        padding:0
    }
    .site-header .pushmenu{
        margin-top:0
    }
    .entry-content{
        text-align:justify;
        padding:0 15%;
        margin-bottom:5%
    }
    .widget{
        margin-left:15px
    }
    .widget-area .post .entry-header{
        margin-bottom:10%
    }
}
@media (min-width:768px) and (max-width:991px){
    .main-navigation{
        padding:0 0
    }
    .navbar-nav li a{
        padding-right:20px
    }
    .entry-content{
        text-align:justify;
        line-height:24px;
        margin-bottom:5%
    }
    .widget{
        margin:0
    }
}


article div h3  {margin:0.2em 0 0.1em 0;    max-height: 50px; overflow: hidden;}
.blog-section article div h3.entry-title a  {font-size: 18px; word-break: break-word;}
article div header span.post_desc{ font-size: 16px;     word-break: break-all;    display: block;    max-height: 85px;    overflow: hidden;margin: 10px 0 10px 0;    height: 50px;}
article div header span.date{    display: block;    font-size: 14px;    font-style: italic;    font-weight: 700;    color:#a94442;    font-size: 13px;}
.type-post .post_sin header {border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    border-bottom: 3px solid #aca5a0;}


.markdown {padding: 1em 1em 3em 1em;
    background: #fff;
    margin: 1.5em 0 0 0;
    box-shadow: 0 5px 35px rgba(50,50,93,.1),0 0 5px rgba(0,0,0,.07);
}
.markdown p em {
    margin: 0 0 0 5px;
    font-size: 0.85em;
}
.markdown p a {
    font-weight: 600;
}
.markdown h2::first-letter {
    text-transform: uppercase;
}
.markdown ul{    padding: 0;    margin: 1em;}
.markdown hr{border-top: 1px solid #dfcccc;}
.markdown table, .markdown td, .markdown th {
    border: 1px solid black; padding:10px;
    }

#blog-s-right,#blog-s-left{color:rgb(35, 38, 41);border-radius: 10px;}


#blog-s-left h1 {   /*   font-family: 'PT Sans', sans-serif;  */
    text-transform: capitalize;font-size:26px }
#blog-s-left h2{font-size:22px;text-align: center;
     /* font-family: 'PT Sans', sans-serif;   */
     margin: 1.5em 0 1em 0;
    color: #143774;    font-weight: 900; }
#blog-s-left .markdown h2    {    border-bottom: 2px solid #2d3974;width: max-content;    max-width: 100%;
        padding: 1em 0 0.4em 0;}
#blog-s-left h3{    font-size: 18px;    font-weight: bold;margin:0.8em 0 0.8em 0}
#blog-s-left h3::first-letter{   text-transform: uppercase;}
#blog-s-left h5{margin: 0 0 2em 0;
    font-size: .9em;
    font-style: italic;}
#blog-s-left blockquote{    padding: 0 0 10px 5px;    border-left: 7px solid #d9be63;    color: #5e5e5e;}
#blog-s-left blockquote p{    background: #f7f7f7;    padding: 5px 5px 5px 3px;  border-bottom: solid 1px #c8afaf;}


#blog-s-right h2{        font-size:20px;margin: 0.3em 0 0.3em 0; 
    
    /* font-family: 'PT Sans', sans-serif;   */

}
#blog-s-right h2 a{word-break: break-word;}

#blog-s-right div.right-div{    padding: 1em;    background: #fff;    box-shadow: none;    margin: 1.5em 0 0 0;}
#blog-s-right div.right-div img{ filter: blur(2vw);}

#blog-s-right .date{    display: block;    font-size: 0.8em;    color: #1c0404;font-style: italic;}

/* admin_backgroup */
#admin_form {    width: 50%;
    margin: 0 auto;}
.admin_backgroup_right,.admin_backgroup {  background-color: #fff;  padding: 15px;
    box-shadow: 0 5px 35px rgb(50 50 93 / 10%), 0 0 5px rgb(0 0 0 / 7%);
    margin-top: 1.5em;
    border-radius: 10px;}
.admin_backgroup_right h2{font-size: 22px;}
.admin_button{     margin: 0 0 1.5em 0;
    border-radius: 5px;
    padding: 5px;
    background:#0000001a;}
.admin_file_list ul {list-style: none; margin: 0; padding: 0;}
.admin_file_list ul li{    border-bottom: 2px dashed #8bb3d5;
    padding: 0 0 0.5em 0;
    margin: 0 0 0.5em 0;}
.admin_file_list ul li em{ display: block;overflow: hidden;
    word-break: break-all;}
/*  */


/* table of contents css */
#toc_strong{    padding: 12px;
    background: #eae7e7;
    color: #000;
    cursor: pointer;
    margin: 0;}
#table_o_c{
background: #eae7e7;
padding: 1em 1em 1px 1.2em;
margin: 0 0 1em 0;border-radius: 10px;
/*border-top-right-radius: 10px;*/}

#table_o_c ol {    padding: 0 0.8em 0 1.2em}
#table_o_c ol li{    margin: 0 0 0.5em;}

#table_o_c ol li::marker {
    font-weight: 600;
    color: #000;
}
#table_o_c ol li::first-letter{ text-transform: uppercase;}
#table_o_c ol li ul{       margin: 0.5em 0 0 1em;
}
.border_r{border-radius:10px;}
.border_t_r{border-top-left-radius:10px;border-top-right-radius:10px}
.toc_span{background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 392.62 392.62' style='enable-background:new 0 0 392.62 392.62;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M310.724,0.929H81.896C36.738,0.929,0,37.667,0,82.825v226.97c0,45.157,36.738,81.896,81.896,81.896h228.828 c45.158,0,81.896-36.738,81.896-81.896V82.825C392.62,37.667,355.881,0.929,310.724,0.929z M362.62,309.795 c0,28.615-23.28,51.896-51.896,51.896H81.896C53.28,361.69,30,338.41,30,309.795V82.825c0-28.616,23.28-51.896,51.896-51.896 h228.828c28.616,0,51.896,23.28,51.896,51.896V309.795z'/%3E%3Cpath d='M300.406,107.317H92.213c-5.523,0-10,4.477-10,10s4.477,10,10,10h208.192c5.523,0,10-4.477,10-10 S305.929,107.317,300.406,107.317z'/%3E%3Cpath d='M92.213,166.278h141.222c5.523,0,10-4.477,10-10s-4.477-10-10-10H92.213c-5.523,0-10,4.477-10,10 S86.69,166.278,92.213,166.278z'/%3E%3Cpath d='M300.406,187.381H92.213c-5.523,0-10,4.477-10,10s4.477,10,10,10h208.192c5.523,0,10-4.477,10-10 S305.929,187.381,300.406,187.381z'/%3E%3Cpath d='M92.213,246.342h141.222c5.523,0,10-4.477,10-10s-4.477-10-10-10H92.213c-5.523,0-10,4.477-10,10 S86.69,246.342,92.213,246.342z'/%3E%3Cpath d='M300.406,265.303H92.213c-5.523,0-10,4.477-10,10s4.477,10,10,10h208.192c5.523,0,10-4.477,10-10 S305.929,265.303,300.406,265.303z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-y: center;
    display: inline-block;
    padding: 10px;
    margin: 0px 0 -1px 6px;}
.markdown h2 i,.markdown h3 i {background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M500,10C229.4,10,10,229.4,10,500c0,270.7,219.4,490,490,490s490-219.3,490-490C990,229.4,770.6,10,500,10z M500,928.8C263.3,928.8,71.3,736.9,71.3,500c0-236.8,192-428.8,428.8-428.8c236.7,0,428.8,192,428.8,428.8C928.8,736.9,736.7,928.8,500,928.8z'/%3E%3Cpath d='M829.5,442.7L562.8,176.2c-32.6-32.7-77.5-33.2-110.4,0L185.9,442.7c-19.9,19.9-19.8,52.1,0,72c19.8,19.8,43,19.8,62.8,0l190-199.1v507.3c0,28.1,33.1,50.8,61.3,50.8c28.1,0,61.3-22.7,61.3-50.8V315.6l197.7,199c19.9,19.9,51.4,19.8,71.3,0C849.9,494.8,849.3,462.6,829.5,442.7z'/%3E%3C/g%3E%3C/svg%3E");display: inline-block;
    background-position-y: center;
    margin: 0px 0px -2px 6px;
    padding: 10px;opacity: 0.6;}
/* table of contents css */

.dropdown-menu>li>a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    font-weight: 600;
}

.div_comments { word-break: break-all;    padding: 2em;
    background: #fff;box-shadow: rgb(0 0 0 / 50%) 2px 2px 8px 2px;    margin: 0 0 1em 0;}
.comments-block .row{ margin: 1.5em 0 0 0;    border: 1px solid #e6e1e1;    padding: 1.5em;}
.comments-block-date{ font-size: 13px;    font-style: italic;float: right;} 
.comments-block-description{ font-size: 15px;margin: 1em 0 0 0;}
.comments-block-reply {    font-size: 13px;    margin: 2em 0 0 0;}
.comments-block-name {margin: 0.3em 0 0 0;
    font-weight: 800;
    text-transform: capitalize;}



@media (max-width:830px){
/*.post_sin_first2 .radiu_image {height:220px;}
.post_sin .radiu_image {height:140px;}*/
.post_sin{min-height: 0;
    margin: 0 0 2em 0;}
}
@media (max-width:767px) {
    /*.radiu_image {height:167px;}*/
    .markdown{ margin: 0;}
    .container   {padding: 0;margin: 0;}
    #blog-s-left {padding:0}
    #blog-s-right{}

    .markdown h1{    font-size: 24px;font-weight: bold;color: #2b1e1e;}
    .markdown h2{    font-size: 20px;font-weight: bold;color: #000;}

    blockquote {padding: 0 0 0 0.3em;}

    #navbar{
        position: absolute;
        background: #fff;
        z-index: 999;
        width: 100%;
        margin: 0px;
        padding-bottom: 5px;
        border-bottom: 5px solid rgb(132 120 124);
        top: 53px;
        border-top: 0px solid rgb(204, 204, 204);
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #navbar ul li a{ color:#000;    padding: 5px 0 5px 10px;}

    .navbar-nav li a {font-size:15px;}
    .navbar-nav li ul
    {   /*  font-family: auto;  */
        font-size: 18px;}
        
    .blog-section {
            padding-top: 1em;
        }
    .blog-section .entry-header {
        /*margin-bottom: 1em; */
    }
    .div_comments {    padding: 15px}
    .comments-block .row{ margin: 1em 0 0 0;  padding: 1em;}

    #navbar{border-top: 11px solid #081a39;
        margin-top: 0.4em;}


    ul.dropdown-menu{padding: 5px 0 0 10px;}
    .navbar-header2{ padding: 0 0 0 0.5em;}
}

span.glyphicon {    color: #a94442;  margin: 0px 0 0 6px;    font-size: 13px;}
li.open .dropdown-menu>li>a {   font-size: 14px;}



.post_sin_first2{
    margin: 0 auto 2em;
    width: 65%;
    padding: 0;
    float: none;
    background: #fff;    border-radius: 10px;
    }
    .post_sin_first2 img    {border-radius: 0;}
.post_sin{    margin: 0 0 2em 0;}
.post_sin:hover,.post_sin_first2:hover {
    transform: scale(1.03);
    transition: all 0.5s;
}

@media (max-width: 769px){
    .post_sin_first2 .post_desc{  height: auto;  max-height: 63px; } 
    .post_sin_first2 {  width: 95%;}
        
}
@media (min-width: 770px){
    .post_sin_first2 .post_desc{  height: auto;  max-height: 75px; } 
    .post_sin_first2 {  width: 80%;}  
}

@media (max-width: 992px){
    .post_sin_first2 .post_desc{    max-height: 76px;
        height: auto;}
    .entry-header h1 {   padding: 0.2em 0 0 0;
            line-height: 0.5em}
}
@media (min-width: 993px){
    .post_sin_first2 .post_desc{    max-height: 100px;
        height: auto;}
    .post_sin_first2 {  width: 70%;}
}
@media (min-width: 1200px){
    .post_sin_first2 .post_desc{    max-height: 145px;
        height: auto;}
    .post_sin_first2 {  width: 70%;}
}