/* Scroll Indicator Load */
.progress-container{width:100%;position:fixed;top:0;left:0;z-index:9999}.progress-bar{height:3px;background:#0D47A1;width:0%}

/* Scroll Bar Page Element */
html{scrollbar-width:thin}
html::-webkit-scrollbar{width:3px;background-color:#F5F5F5}
html::-webkit-scrollbar-thumb{background-color:#0D47A1;border-radius:0px}
.element{scrollbar-width:thin}
.element::-webkit-scrollbar{width:3px;background-color:#F5F5F5}
.element::-webkit-scrollbar-thumb{background-color:#0D47A1;border-radius:0px}

/*adblock*/
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/*seosecretidnadblock*/
#seosecretidnadblock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#seosecretidnadblock .header{margin:0 0 15px 0}
#seosecretidnadblock .inner{background:#CC3333;color:#F5F5F5;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:30px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 2s}
#seosecretidnadblock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#F5F5F5;margin:10px 5px;cursor:pointer;transition:all .3s}
#seosecretidnadblock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#seosecretidnadblock button.active,#arlinablock button:hover.active{background:#F5F5F5;color:#333333;outline:none}
#seosecretidnadblock .fixblock{background:#FFFFFF;text-align:left;color:#333333;padding:10px 0px;height:300px;overflow:auto;line-height:30px}
#seosecretidnadblock .fixblock div{display:none}
#seosecretidnadblock .fixblock div.active{display:block}
#seosecretidnadblock ol{margin-left:0px}
@media(max-width:768px){#seosecretidnadblock .inner{width:calc(100% - 30px);margin:10px auto;padding:15px}}

/* BacktoTop */
.back-top{display:none;position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#333333;cursor:pointer;overflow:hidden;color:#FFFFFF;text-align:center;line-height:50px;z-index:2;border-radius:50px}
.rtl .back-top{right:auto;left:15px}
.back-top:after{content:'\f077';position:relative;font-family:'Font Awesome 5 Free';font-weight:900}
.back-top:hover{opacity:.8;box-shadow:0 0 5px rgba(0,0,0,0.15)}

@media screen and (max-width: 880px) {
.nav-active .back-top{opacity:0!important}
}

/* recent postsexternal */
#postsexternal{color:#999999;font-size:12px}
#postsexternal img{background:#F5F5F5;float:left;margin-right:7px;height:50px;width:50px}
#postsexternal ul{margin:0;padding:0}
#postsexternal ul li{padding:5px 0;border-bottom:1px solid rgba(0,0,0,0.3)}
#postsexternal ul li: last-child{border-bottom:0}
#postsexternal ul li a{display:block;color:#333333;font-weight:600;font-size:14px}

/* recent postsexternalhome1 */
#postsexternalhome1{color:#999999;font-size:12px}
#postsexternalhome1 img{background:#F5F5F5;float:left;margin-right:7px;height:50px;width:50px}
#postsexternalhome1 ul{margin:0;padding:0}
#postsexternalhome1 ul li{padding:5px 0;border-bottom:1px solid rgba(0,0,0,0.3)}
#postsexternalhome1 ul li: last-child{border-bottom:0}
#postsexternalhome1 ul li a{display:block;color:#333333;font-weight:600;font-size:14px}

/* recent postsexternalhome2 */
#postsexternalhome2{color:#999999;font-size:12px}
#postsexternalhome2 img{background:#F5F5F5;float:left;margin-right:7px;height:50px;width:50px}
#postsexternalhome2 ul{margin:0;padding:0}
#postsexternalhome2 ul li{padding:5px 0;border-bottom:1px solid rgba(0,0,0,0.3)}
#postsexternalhome2 ul li: last-child{border-bottom:0}
#postsexternalhome2 ul li a{display:block;color:#333333;font-weight:600;font-size:14px}

.graycolor {
	filter: grayscale(1.0);
	font-style: italic;
}