/*
Theme Name: chadorkhaki
Theme URI: 
Description: چادر خاکی
Author: 
Author URI: edit. 
Version: 1.0
*/
@font-face{font-family:yekan;font-style:normal;font-weight:normal;src:url('fonts/iranyekan.eot');src:url('fonts/iranyekan.eot?#iefix') format('embedded-opentype'),
url('fonts/iranyekan.woff2') format('woff2'),
url('fonts/iranyekan.woff') format('woff'),
url('fonts/iranyekan.ttf') format('truetype');}
*{box-sizing:border-box;padding:0;margin:0;border:0}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, del, em, font, img, strong, b, i, ol, ul, li, form,input,button,textarea{padding:0;margin:0;transition: all 300ms ease-out;}
body{background: #f2f2f2;direction:rtl;color:#555;overflow-x:hidden;cursor:default;}
body,input,button,textarea,select{font-family:yekan,tahoma;font-size: 13px;}
h1,h2,h3,h4,h5,h6,strong{font-family:yekan,tahoma;font-weight:400}
a{text-decoration:none;color:#950740;transition: all 300ms ease-out;}
a:hover{text-decoration:none;color:;}
img{border:0;max-width:100%;height:auto;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
button,label,select{cursor:pointer;}
strong{font-weight: bold;}
.wth {
    max-width: 1040px;
    margin: 0 auto;
    width: 95%;
}
.flx{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.flx2{display: flex;flex-wrap: wrap;}
.scrolll {
    overflow: auto;
    max-height: 800px;
}

.rxmar{margin:2em auto;}
.rxgh {
    width: 70%;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.rxcnr {
    width: 77%;
    padding: 0 1em;
}
.rxsd.rght {
    width: 23%;
}
.rxsd.lft {
    width: 30%;
}


.hdr {
    height: 125px;
    background: #1a1a1d;
    border-top: 4px solid #16a08500;
    margin-bottom: 1.5em;
    box-shadow: 0 0 10px RGBA(0, 0, 0, 0.15);
}
.rtlg {

    width: 23%;
    height: 121px;
	justify-content: center;
}
.rtlg a {
background: url(images/rtico.png) no-repeat;
height: 53px;
background-position: -363px 0;
width: 184px;
text-indent: -200%;
overflow: hidden;
}

.hdr .wth.flx{
	justify-content: space-between;
}
.mnu {
    width: 77%;
    padding-right: 1.5em;
}
.mnu ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    background: #333;
    padding: 5px;
    border-radius: 50px;
}
.mnu li a {
    display: flex;
    font-size: 16px;
    color: #fff;
    padding: 0.3em 1em;
    border-radius: 50px;
    margin: 0 0 0 2px;
}
.mnu li a:hover {
background: #c3073f;
color: #333;
}


.srch {
    position: relative;
    width: 100%;
    margin: 1em 0 0;
}
.srch input {
    padding: 0.8em;
    background: #fff;
    width: 100%;
    color: #555;
    font-size: 13px;
    border-radius: 50px;
    box-shadow: 0 0 10px RGBA(0, 0, 0, 0.1) inset;
}
.srch button {
    background: #c3073f;
    border-radius: 50px;
    padding: 0.3em 0.5em 0.1em;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0,-50%);
}
.srch button:hover{background: #333;}
.srch button::before {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 25px;
    height: 25px;
    background-position: -175px 0px;
    float: left;
    margin-right: 0.2em;
}


.rmads .rw{text-align: center;}
.rmads img, .rmads a {
    display: block;
    margin: 0px auto;
}


.rmbx,.comment-respond {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 12px RGBA(0, 0, 0, 0.1);
    overflow: hidden;
	margin-bottom:1em;
}

.irq {
    box-shadow: 0 0 6px RGBA(0,0,0,0.1);
    border-radius: 4px;
    margin-bottom: 1em;
    background: url(images/rtico.png) no-repeat;
    width: 100%;
    height: 78px;
    background-position: 0px -53px;
}

.hd, .posthd {
    background: RGBA(0,0,0,0.05);
    font-size: 15px;
    border-bottom: 1px solid RGBA(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.6em;
    position: relative;
    margin: 4px 4px 0;
    border-radius: 5px 5px 0 0;
}

.rmbx.spst .posthd{padding: 1em;}
.rmbx.spst h1{font-size: 17px;}
.rmbx.spst .pstcontent a{color: #333;}
.rmbx.spst .pstcontent a:hover{color: #c3073f;}

.pstcontent blockquote {
    background: rgba(249, 164, 0, 0.11);
    padding: 6px;
    border: 2px solid rgba(249, 164, 0, 0.35);
    margin: 1em;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(249, 164, 0, 0.2);
    font-size: 12px;
    color: #16a085;
}
.hd h4,.posthd .pdh{
    padding: 0.8em 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
	color:#222;
	justify-content: flex-start;
}
.hd h4 {
    margin-right: 1em;
}

.posthd .pdh{justify-content: flex-start;}
.posthd .pdh a {
    font-size: 16px;
    margin: 0 13px 0 0;
}
.posthd .pdh a:hover{color:#c3073f;}


.hd::before, .posthd .pdh::before {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 28px;
    height: 26px;
    background-position: -3px -25px;
    z-index: 9;
}


.rmbx.rbads .hd::before {
    background-position: -153px 1px;
    margin: 0 1px 0 0;
}
.rxsd.rght .rmbx.rbads .hd::before {
    margin: 0 4px 0 0px;
}
.rmbx.fual .hd::before {background-position: -53px -25px;}
.rmbx.mdhi .hd::before {background-position: -79px -25px;}
.rmbx.spcl .hd::before {
    background-position: -152px -26px;
    margin: 0 1px 0 0;
}
.rmbx.cmg .hd::before {background-position:-128px -27px;}

.rmbx.art .hd::before {
    background-position: -176px -24px;
    margin: 0 1px 0 0px;
    width: 32px;
}
.rmbx.blnk .hd::before {
    background-position: -202px -25px;
    margin: 0px 4px 0 0px;
}
.posthd .pdh.album::before{background-position: -50px 0;}
.posthd .pdh.remix::before{background-position: -25px 0;}
.posthd .pdh.nohe::before{background-position:-75px 0;}
.posthd .pdh.soon::before{background-position: -126px 0;}
.posthd .pdh.musicvideo::before{background-position: -101px 0;}

.posthd .pdh::before {
    background-position: 0px 0px;
    margin: 0px 9px 0 0px;
}

.hd::after, .posthd .pdh::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0,-50%);
    border-radius: 50px;
}

.hd::after{
    background-color: #16a085;
}


.pstcontent {
    padding: 1em;
    line-height: 2.5;
}
.pstcontent img{
box-shadow: 0 5px 10px RGBA(0,0,0,0.15);
border-radius: 5px;
padding: 3px;
margin: 5px auto -11px;
}
.pstcontent a {color: #950740;}
.pstcontent a:hover {color: #222;}

.postfoot{

}
.postfoot ul {
    font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding: 1em;
    border: 1px solid RGBA(0, 0, 0, 0.06);
    background: RGBA(0, 0, 0, 0.04);
    margin: 0 5px 5px;
    border-radius: 5px;
}
.postfoot li {
    display: flex;
    align-items: center;
    color: #999;
    padding: 0.2em;
}
.postfoot ul li::before {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 12px;
    height: 12px;
    background-position: -200px 0px;
    margin-left: .5em;
}

.postfoot ul li.rmg::before {background-position: -200px 0px;}
.postfoot ul li.rmt::before {background-position: -200px -12px; height: 14px;}
.postfoot ul li.rmc::before {background-position: -213px 0px;}

.pstmore {
  display: flex;
padding: 1em;
background:#950740;
font-size: 15px;
color: #fff;
justify-content: center;
align-items: center;
margin: 5px;
border-radius: 6px;
border-bottom: 4px solid #bb366b;
border-right: 3px solid #bd2964;
border-left: 2px solid #a93563;
}
.pstmore::after {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 25px;
    height: 25px;
    background-position: -226px 1px;
    margin: 0 0.5em;
	transition: all 300ms ease-out;
}
.pstmore:hover:after{background-position: -226px -22px;}
.pstmore:hover {
    background: ;
    color: ;
}


.rmbx.rbads .sidec {padding: 1em;text-align:center}


.rmbx .sidec {padding: 4px;border-bottom: 4px solid #c3073f;}

.sidec ul {
    line-height: 2;
    font-size: 14px;
}
.sidec ul li {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
}
.sidec ul li:nth-child(odd){background:#fafafa;}

.sidec ul li span {
    background: RGBA(0,0,0,0.4);
    padding: 7px 5px 3px;
    line-height: 1;
    border-radius: 10px;
    margin-right: 5px;
    color: #fff;
    position: relative;
    font-size: 11px;
}
.sidec ul li span::before {
    content: "";
    position: absolute;
    border-width: 3px 3px;
    border-style: solid;
    border-color: transparent transparent transparent #16a085;
    right: 0px;
    top: 50%;
    transform: translate(0,-50%);
	transition: all 300ms ease-out;
	opacity:0;
}
.sidec ul li:hover span:before {right: -6px;opacity:1;}
.sidec ul li:hover span {background: #c3073f;}
.sidec ul li:last-child{border:0}
.sidec ul li:hover {background: RGBA(0,0,0,0.04);}
.sidec ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    display: flex;
    margin-left: .5em;
    border-radius: 50px 50px 50px 0;
    transform: rotate(45deg);
    border: 1px solid RGBA(0, 0, 0, 0.2);
	transition: all 300ms ease-out;
}
.sidec ul li:hover:before {border-color:#c3073f;transform: rotate(0deg);}
.sidec ul li a {flex: 1;color: #777;}
.sidec ul li:hover a {color: #c3073f;}

.pgn {display: flex;flex-wrap: wrap;align-items: center;padding: 0.5em;}
.pgn a, .pgn span {margin: 5px;padding: 5px 10px;background: #f4f4f4;border-radius: 9px;border: 1px solid RGBA(0, 0, 0, 0.1);}
.pgn a:hover, .pgn .current,.pgn .pgs {background: #c3073f;color: #fff;}
.pgn .pgs {border-radius: 4px;background: #333;}


.rmftr {
    background: #16a085 url(images/rtbg.png) center bottom repeat-x;
}


.foposts {
    padding: 1.5em 0;
}
.foposts h5 {
    font-size: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 1em;
    color: #fff;
}
.foposts h5::before {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 25px;
    height: 25px;
    background-position: 0px -25px;
    margin-left: 0.5em;
}

.foposts ul {
    padding: 1em 0 0;
}
.fosong {
    width: 33.33%;
    padding: 0 0.5em;
}
.fosong ul li {
    line-height: 2.5;
	display: flex;
align-items: center;
}
.fosong ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    display: flex;
    margin-left: .5em;
    border-radius: 50px 50px 50px 0;
    transform: rotate(45deg);
    border: 1px solid RGBA(0, 0, 0, 0.2);
    transition: all 300ms ease-out;
}
.fosong ul li:hover::before {
    border-color: RGBA(0, 0, 0, 0.6);
    transform: rotate(0deg);
}

.fosong ul li a {
    color: RGBA(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
}
.fosong ul li a:hover {color: #111;}

.rmmtn {
    background: #1a1a1d;
    padding: 1.5em 0;
    line-height: 2;
    color: #fff;
}

.rmtxt {width: 75%;}


.rmtxt ul li{margin-left: 1em;}
.rmtxt ul li a{color: rgba(255, 255, 255, 0.7);font-size: 15px;}
.rmtxt ul li a:hover{color: #c3073f;}

.rmshare {
	width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.rmshare a {
    width: 25px;
    height: 25px;
    background-image: url(images/rtico.png);
    text-indent: 100%;
    overflow: hidden;
    margin: 5px;
    border-radius: 4px;
    background-color: #222;
}
.rmshare a:hover{opacity:0.7;}

.rmshare .tg{background-position: -250px 0px}
.rmshare .fb{background-position: -250px -25px;}
.rmshare .tw{background-position: -275px 0px;}
.rmshare .ld{background-position:-275px -25px;}


.n400 img{
    width: 400px;
    box-shadow: none;
    padding: 1em;
}
.nf1{font-size:17px;}
.nf2{font-size:12px;color:#999;}
.rmbx.brc {
    border-top: 1px dashed RGBA(0, 0, 0, 0.1);
    background: no-repeat;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px dashed RGBA(0, 0, 0, 0.1);
}
.spcial .spnme {
    border-bottom: 1px dashed RGBA(0, 0, 0, 0.1);
    padding: 0 0 1em;
    margin: 1.5em 0;
	display: flex;
align-items: center;
}

.spcial .spnme h4 span {
    font-size: 15px;
    color: #950740;
}
.spcial .spnme::before {
    content: "";
    background: url(images/rtico.png) no-repeat;
    width: 25px;
    height: 25px;
    background-position: -176px -25px;
    margin-left: 0.5em;
}
.spcial ul {
    align-items: stretch;
    padding-bottom: 0.7em;
}
.spcial ul li {
    width: 25%;
    padding: 4px;
}
.spcial ul li figure{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.spcial ul li figure::after {
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    opacity: 0;
    overflow: hidden;
}

.spcial ul li:hover figure {animation: figanim ease-in-out .75s forwards;}
.spcial ul li:hover figure:after{animation:circle .75s}
@keyframes figanim{0%{filter:grayscale(.5)}40%{filter:grayscale(.3)}100%{filter:grayscale(0)}}
@keyframes circle{0%{opacity:.8;background:rgba(213,156,34,.2)}40%{opacity:1;background:rgba(255,174,0,.17)}100%{width:200%;height:200%;opacity:0}}
.spcial ul li figure img {
    width: 100%;
    height: auto;
}
.spcial ul li a {
    background: #fff;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,.13);
    transition: .3s all ease;
}
.spcial ul li:hover a{	box-shadow: 0px 0px 25px rgba(0,0,0,.13);color: #c3073f;}
.spcial ul li a span {    padding: 0 5px 5px;    display: block;    text-align: center;}
.artop, .lnks {text-align: center;width: 80%;margin: 1em auto 0;}

.lnks a{
background: #950740;
padding: 8px;
display: block;
margin: 10px;
font-size: 15px;
color: #333;
border-radius: 7px;
position: relative;
}

.artop a{

background: #1a1a1d;
padding: 8px;
display: block;
margin: 10px;
font-size: 15px;
color: #333;
border-radius: 7px;
position: relative;
}
.artop a {padding: 5px;}
.lnks a{box-shadow: ;color:#fff !important;}
.lnks a{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
}
.lnks a::after {
    content: "";
    background: ;
    width: 0px;
    height: 0px;
    background-position: 0px -25px;
    margin-left: 0.5em;
    background-color: ;
    border-radius: 3px;
}
.lnks .dmo{filter: hue-rotate(123deg) grayscale(10%);}
.lnks .rimx{filter: hue-rotate(165deg);}
.lnks .dmo::after {background-position: -124px -25px;}
.lnks .rimx::after {background-position:-24px -24px;}
.lnks .nohe::after {background-position: -75px -25px;}
.lnks .albm::after {background-position: -49px -25px;}
.lnks .vido::after {background-position: -100px -25px;}


.artop a {
    /*filter: hue-rotate(165deg);*/
	color:#fff !important;
	
	
}
.artop a.atvij{
   /*filter: hue-rotate(300deg);*/
	color:#fff !important;
	
}



}

.lnks audio, .lnks video {
    width: 100%;
    padding: 10px 10px 0;
}
.player span {
    border-bottom: 1px dashed RGBA(0, 0, 0, 0.1);
    padding: 0 0 5px;
    margin: 0 0 5px;
    display: block;
 font-size: 14px;   color: #999;
}






.comment-respond {
    padding: 1em;
    background: #333;
    color: rgba(255, 255, 255, 0.6);
}
.comment-respond .comment-reply-title {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    color: #fff;
display: flex;
align-items: center;
}
.comment-respond .comment-reply-title::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(images/rtico.png);
    background-position: -300px 0px;
    margin-left: 7px;
}
.comment-respond .comment-reply-title a {
    color: rgba(255, 255, 255, 0.7);
    margin: 0 5px;
}
.comment-respond .comment-reply-title small a{color: #c3073f;}


.comment-respond .rmcl {
display: flex;
justify-content: space-between;
}
.comment-respond .inp {
display: flex;
justify-content: space-between;
}

.comment-respond input, .comment-respond textarea {
border-radius: 5px;
width: 49%;
padding: 0.5em 1em;
resize: none;
}
.comment-respond textarea {
width: 100%;
height: 150px;
margin: 10px 0;
}
.comment-respond .rmcl.foot {
margin-top: 10px;
}
.comment-respond .rmcl.foot span {
margin-top: 13px;
font-size: 12px;
color: #969696;
}
.comment-respond form .btn {
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    width: 145px;
    background: #c3073f;
    padding: 0.6em 1em;
}
.comment-respond form .btn:hover {
background: #666;
}
.comment-form-cookies-consent {
display: flex;
font-size: 12px;
margin-top: 1em;
}
.comment-form-cookies-consent input {
width:auto;
margin-left: 5px;
}


.anwrs {

}
.anwrs ul {padding-right:1.5em;}


.rmcm {
    background: #fff;
    margin-top: 1em;
    padding: 1em;
    border-radius: 4px;
}
.rmcm.admin{background: #e5e5e5;}

.ict {
    border-bottom: 1px dashed RGBA(0, 0, 0, 0.09);
    padding: 0 0 1em;
    justify-content: space-between;
}



.ict .nme {
    font-weight: bold;
    color: #E39B12;
    display: flex;
    align-items: center;
    margin-left: 7px;
}
.ict .nme i {
    font-weight: normal;
    font-style: normal;
    color: #fff;
    padding: 0px 5px 2px;
    background: RGBA(0, 0, 0, 0.1);
    border-radius: 3px;
	margin-right: 7px;
}
.ict .nme::before {
    content: attr(data-name);
    background: #999;
    width: 30px;
    height: 22px;
    border-radius: 7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    font-weight: normal;
}


.ict .date {
    color: RGBA(0, 0, 0, 0.2);
    font-size: 12px;
}
.ict .comment-reply-link {
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    color: RGBA(0, 0, 0, 0.3);
}
.ict .comment-reply-link:hover {
    background: #c3073f;
    color: #fff;
}
.rmcm p {
    padding: 1em 0 0;
    color: RGBA(0, 0, 0, 0.5);
}

.logged-in-as a{color:#fff;}

.nocm,.comment-awaiting-moderation {
background: #c3073f;
color: #fff;
font-size: 13px;
border-radius: 6px;
padding: 1em;
margin: 1.5em 0 1em;
display:flex;
}

.tgart .pstcontent {
    text-align: initial !important;
}
.tgart img {
    float: right;
    margin: 0 0 1em 1em;
}
.tgart a strong, .tgart strong a{color:#c3073f;}
.tgart strong a:hover ,.tgart a:hover strong {
    color: #222;
}



.rmfixd{position:fixed;height:110px;top:50%;background:#aaa;background: rgba(0, 0, 0, 0.1);color:#fff;padding:15px;text-decoration:none;z-index:501;cursor:pointer;transform:translate(0,-50%);}

.rmfixd:hover {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 12px RGBA(0, 0, 0, 0.1);
}

.rmfixd .label{position:absolute;top:50%;transform:translate(0,-50%);}
.rmfixd .label::before {content: "";width: 12px;height: 12px;border: solid #fff;transform: rotate(45deg);}
.rmfixd.rmprv .label::before{float:left;border-width: 0px 0px 4px 4px;}
.rmfixd.rmnxt .label::before{float:right;border-width: 4px 4px 0px 0px;}
.rmfixd.rmnxt .entry-info span{margin-right:1em;}
.rmfixd .entry-info img {
    height: 80px;
    width: 80px;
    border-radius: 7px;
}
.rmprv{left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.rmprv .label{left:10px}
.rmnxt{right:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.rmnxt .label{right:10px}
.rmnxt{text-align:right}
.rmfixd .entry-info {height: 80px;width: 220px;display: flex;align-items: center;}
.rmnxt .entry-info{margin:0 20px 0 1px}
.rmprv .entry-info{margin:0 1px 0 20px}
.rmfixd .entry-info span{display:table-cell;vertical-align:middle;font-size:13px;line-height:1.65em;color:#fff;}
.rmfixd .entry-info-wrap{width:1px;overflow:hidden;display:block}
.rmfixd:hover .entry-info-wrap{width:240px}




@media screen and (max-width:800px){

.rtlg{width: 30%;}
.mnu {width: 70%;}
.rxgh,.rxcnr,.rxsd.rght,.rxsd.lft{width:100%;}
.rxcnr{padding:0}
.irq{background-position: center -53px;}
.rxmar {
    margin: 1em auto;
}
.rxsd.rght{margin-top:1em;}

}



@media screen and (max-width:640px){

.hdr{height:auto;}
.rtlg {background: none;width: 100%;height: 80px;}
.mnu {
    width: 100%;
    margin-bottom: 1em;
    padding: 0;
}

}

@media screen and (max-width:480px){

.fosong,.rmtxt{width:100%;padding:0;}
.rmtxt ul{justify-content: center;}
.fosong:nth-child(2){padding:1em 0;}
.rmtxt{text-align: center;}
.rmshare {
    width: 100%;
    margin-top: 1em;
    justify-content: center;
}
.srch{margin:0;}
.mnu ul {
    padding-bottom: 1em;
    margin-bottom: 0.5em;
}
.artop, .lnks{width:100%;}
.pstcontent blockquote{margin: 1em 0;}
.artop a, .lnks a{margin: 10px 0;}


}

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

.comment-respond input, .comment-respond textarea,.comment-respond form .btn{width:100%;}
.comment-respond .rmcl {flex-direction: column;}
.comment-respond form .btn{margin-top: 1em;}
.hdr,.comment-respond input{margin-bottom: 1em;}
.spcial ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: block;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
}
.spcial ul li {
display: inline-flex;
    width: 50%;
}
.spcial ul li a span{
    white-space:  normal;;
}
.pgn .pgs {
    width: 100%;
    text-align: center;
}

}
.cbdl {
    padding: 5px 10px;
    background: #16a085;
    font-size: 14px;
    transition: .3s ease-out;
    border-radius: 5px;
    box-shadow: 0 0 10px RGBA(249,164,0,0.3);
    display: inline-block;
    color: #fff !important;
    margin: 10px;
}
.cbdl:hover {
    background: #333;
    box-shadow: 0 0 10px RGBA(0,0,0,0.3);
}
.bflex {
    display: flex;
    flex-wrap: wrap;
    margin-right: 12px;
    margin-left: 12px;
}

.umpstv{position:relative}
.umedit a{position:fixed;left:1em;bottom:1em;padding:.5em 1em;font-size:15px;border-radius:14px;color:#fff;background:linear-gradient(90deg,rgba(105,40,65,1) 0%,rgba(105,59,77,1) 100%)}
.umnote{padding:1em;text-align:right;line-height:1.6;border-bottom:4px solid #692841;overflow:hidden}
.umnote.umn2{text-align:center}
.umnote img{float:left;border-radius:4px;margin:-2.5em 0 0}
.umnote h1,.umnote h1 a{font-size:18px;color:#692841}
.umnote p,.umnote h2,.umnote h3{color:#777;font-size:12px;letter-spacing:-.3px}
.umftr .umwdt.aflex{justify-content:space-between}
.umftr ul{background:RGBA(0,0,0,0.5);border-radius:50px;padding:7px 20px}
.umftr li a{color:#ddd;font-size:13px;display:flex;align-items:center}
.umftr li a::after{content:"";width:1px;height:13px;background:rgba(255,255,255,0.1);margin:10px}
.umftr li:last-child a::after{display:none}
.umftr li a:hover{color:#c3073f}

.umbox,.umnote{background:#fff;margin:0 0 1em;border-radius:7px}
.rxsd .umbox{background-color:#222;position:relative;background:#222 url(images/umimg.png) no-repeat -1px -241px}
.rxsd .umbox header {
    border-bottom: 1px solid #111;
    margin: 0 0em 0.5em;
    padding: .5em; margin-right: 12px;
}
.rxsd .umbox header::before{content:'';background:url(images/umimg.png) no-repeat -135px -39px;width:;height: 36px;float: right;margin: 0px 0 0px 8px;}
.rxsd .umbox h4 {
    color: #b8b8b8;
    font-size: 14px;margin-right: 23px;
}
.rxsd .umbox h5 {
    color: #6c6c6c;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.rxsd .umbox ul{line-height:2.2;padding:0 .4em .5em}
.rxsd .umbox ul li{width:49%;display:inline-flex;font-size: 12px;}
.rxsd .umbox ul li a{color:rgba(255,255,255,0.7)}
.rxsd .umbox ul li a:hover{color:#c3073f}
.rxsd .umbox ul li a::before{content:"";width:3px;height:10px;border-radius:2px;float:right;margin:9px 0 0 2.5px;background:#c3073f}
.mwqnn {
    background: #333;
    border-radius: 10px;
    padding: 1em 6.5em;
    color: #fff;
    font-size: 14px;
    position: relative;
    height: 75px;
    margin-bottom: 1em;
    overflow: hidden;
    line-height: 1.7;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mwqnn::before {content: "";background: url(images/mwpic.png) no-repeat;background-position: -197px 0;width: 83px;height: 75px;position: absolute;right: 0;bottom: 0;}
.mwqnn::after {
    content: "";
    background: url(images/mwpic.png) no-repeat;
    background-position: -280px 0;
    width: 116px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
}
.mwqnn strong {
    color: #fec02f;
    margin: 0 2px;
}
.mwqnn .str1 {color:#138d75;}
.mwqnn .str2 {color:#f22222;}
@media screen and (max-width:420px) {

.mwqnn {
    font-size: 12px;
    padding: 1em 5.5em 1em 8em;
}
.mwqnn::before {width: 65px;}
.mwqnn::after {background-position: -295px 0;width: 104px;}

}


@media screen and (max-width:375px) { 
.mwqnn{padding: 1em 6.5em 1em 1em;font-size: 12px;}
.mwqnn::after {display:none;}

.comment-respond input{width:100%;}
.comment-respond form .mwsbt {
    position: initial;
    width: 100%;
}
.comment-respond .mwcl span {
    padding: 1em 0 0;
    width: 100%;
    text-align: center;
}

}
/*  */

.umspt{background:#6f2232;padding:1em 0 .5em;margin:1em 0;border-bottom:4px solid #c3073f}
.umspt li{width:12.5%;padding:10px}
.umspt li a,.umpstv li a{display:block;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 0 10px RGBA(0,0,0,0.2)}
.umspt li img,.umpstv li img{display:block;width:100%;height:auto}
.umspt li a::after,.umpstv li a:after{position:absolute;top:-50%;right:-50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;opacity:0;overflow:hidden}
.umspt li a:hover span,.umpstv li a:hover span{color:#c3073f}
.umspt li:hover a,.umpstv li:hover a{animation:figanim ease-in-out .75s forwards}
.umspt li:hover a:after,.umpstv li:hover a:after{animation:circle .75s;background:#f59eb8(193, 247, 236)!important;opacity:0.3!important;overflow:hidden!important;transition all:0.3s!important;position:absolute!important;}
@keyframes figanim {
0%{filter:grayscale(.5)}
40%{filter:grayscale(.3)}
100%{filter:grayscale(0)}
}
@keyframes circle {
0%{opacity:.8;background:rgba(337,62,41,.2)}
40%{opacity:1;background:rgba(337,62,41,.17)}
100%{width:200%;height:200%;opacity:0}
}
.umspt li span,.umpstv li span{font-size:11px;color:#666;text-align:center;display:block;padding:5px}
@media screen and (max-width:1024px) {
.umspt li{padding:3px}
.bflex {
    display: flex;
    flex-wrap: wrap;
}
}
@media screen and (max-width:720px) {
.umspt li{width:25%}
.bflex {
    display: flex;
    flex-wrap: wrap;
}
}
@media screen and (max-width:375px) {
.umspt li{width:50%}
.bflex {
    display: flex;
    flex-wrap: wrap;
}
}
.ust{display:flex}
.ust span,.umpstv h4{background:#c3073f;color:#fff;padding:4px 14px;border-radius:8px;margin:0 1.5em .2em;display:flex;align-items:center}
.ust span::before,.umpstv h4::before{content:'';background:url() no-repeat -17px -56px;;margin-left:3px}