body{margin:0;padding:0;font-family:'Raleway', sans-serif;color:#545454;background:#fff}
.container{position:relative;width:100%;margin:0 auto;overflow:hidden;min-height:100vh}
header{width:100%;overflow:hidden}
.logo{float:left;margin:20px 3.4%}
.login{float:right;margin:33px 3.4% 0 0}
.login a{margin:0 20px;}
.header-buttom{width:94%;padding:0 3%;background:#FFF;overflow:hidden;margin:0 auto 90px}
h1,h2,h3,h4,h5{font-family:'Oswald', sans-serif;margin:0;font-weight:100}
h1{font-size:36px;margin:20px 0 6px;border-bottom:3px solid #ef8482}
article{width:96%;float:left;overflow:hidden;background:#FFF;padding:15px 2%;box-shadow:0 0 5px rgba(0, 0, 0, .18);margin-bottom:20px}
.posrel{position:relative;}
article h2{font-size:27px;border-bottom:3px solid #ef8482}
figure{width:100%;padding:0;margin:20px 0;text-align:center}
footer{background:#333;color:#FFF;overflow:hidden;font-size:14px;position:absolute;bottom:0;width:100%}
footer a{color:#FFF;margin:10px;display:block}
footer h5{font-size:18px;margin:0 10px 25px;border-bottom:3px solid #fff;width:33px;text-transform:uppercase}
.copyright{text-align:center;background:#000;font-size:16px;font-family:'Oswald', sans-serif;padding:20px}
input[type=button],input[type=reset],input[type=submit]{padding:4px 15px;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.1);background:#f8f8f8;background:-moz-linear-gradient(#fcfcfc,#f3f3f3);background:-webkit-linear-gradient(#fcfcfc,#f3f3f3);background:-o-linear-gradient(#fcfcfc,#f3f3f3);background:-ms-linear-gradient(#fcfcfc,#f3f3f3);background:linear-gradient(#fcfcfc,#f3f3f3);border:none;border-bottom:1px solid #ddd;color:#444;font-family:"Open Sans",sans-serif;font-size:13px}
.commentcover{width:620px;max-width:100%;overflow:hidden;background:#FFF;padding:15px 0;margin:20px auto}
.imgview{display:inline-block;border:1px solid #ccc;padding:3px 6px;font-weight:bold}
.imgdesc{font-weight:bold;color:#ef233c;display:block;text-align:right}
.clear{clear:both}
.imgdppic img{width:50px;height:50px;border-radius:50px;margin-right:10px}
.imgdppic{font-size: 21px;margin-bottom:20px;display:inline-block}
.imgdppic div{display:inline-block;text-align:right}
.imgh1{width:600px;max-width:100%;margin:0 auto 10px}
.floatr{float:right}
.imgabl{background:none;border:none;cursor:pointer}
.coverbg{background:rgb(0 0 0 / 63%);width:100%;height:100vh;z-index:1111;position:fixed;top:0;display:block;display:none}
.hoverbox{background:#fff;width:300px;border-radius:30px;z-index:11111;top:calc(50% - 150px);left:calc(50% - 150px);position:fixed;display:none}
.hoverbox ul{list-style:none;text-align:center;margin:0;padding:0}
.hoverbox ul li{padding:0;border-bottom:1px solid #ccc}
.hoverbox ul li:last-child{border-bottom:none}
.hoverbox input[type=submit]{padding:10px;box-shadow:none;background:none;border:none;font-size:16px;color:#545454;border-radius:0;width:100%;cursor:pointer}
.hoverbox form{margin:0}
.imgcomm{float:right;cursor:pointer}
.disBC{display:block !important}
#CommentB{display:none}
.proh1{text-align:center}
.proh1img{width:141px;height:141px;border-radius:90px;margin-right:10px}
.prodppic{font-size:27px;display:flex;justify-content:center;margin-bottom:27px;}
.prodppic div{display:inline-block;text-align:right;margin:0 10px;}
.proh1 p{text-align:right}
.proh1 p a{color:#333;margin-left:10px}
.proh1 p a:hover{color:#bf1004}
.prosocial{background:url('images/social.png');height:42px;width:42px;display:inline-block;text-indent:500px;overflow:hidden;margin-bottom:50px;}
.proedsocial{background:url('images/social.png');height:42px;width:42px;display:inline-block;text-indent:500px;overflow:hidden;}
.facebook{background-position: -43px 0px;}
.twitter{background-position: -82px 0px;}
.pinterest{background-position: -123px 0px;}
.koo{background-position: -166px 0px;}
.linkedin{background-position: -207px 0px;}
.tumblr{background-position: -253px 0px;}
.instagram{background-position: -297px 0;}
hr{border-top:1px solid #ccc;margin:50px 0px}
.comments{overflow:hidden;margin-bottom:12px;display:block}
.dppic{width:50px;height:50px;max-width:14%;float:left;overflow:hidden}
.dppic img{height:auto;width:100%;max-width:none}
.commenttext{float:left;margin:0 0 0 2%;width:84%}
.commenttext p{margin:0}
.commenttext h4{color:#0a5da6}
img{max-width:100%}
p{line-height:27px;font-size:15px;text-align:left}
a{text-decoration:none;color:#545454}
.clearfix{clear:both}
.text-center{text-align:center}
#images-wrapper{-webkit-column-count:8;-webkit-column-gap:10px;-moz-column-count:8;-moz-column-gap:10px;column-count:8;column-gap:10px;}
#images-wrapper a{margin-bottom:10px;display:block;position:relative}
#images-wrapper .img{width:100% !important;height:auto !important;border-radius: 20px;}
#images-wrapper{display:inline-block;margin-right:auto;margin-left:auto}
@media (max-width:2800px){#images-wrapper{-moz-column-count:7;-webkit-column-count:7;column-count:7}}
@media (max-width:2300px){#images-wrapper{-moz-column-count:6;-webkit-column-count:6;column-count:6}}
@media (max-width:1900px){#images-wrapper{-moz-column-count:5;-webkit-column-count:5;column-count:5}}
@media (max-width:1500px){#images-wrapper{-moz-column-count:4;-webkit-column-count:4;column-count:4}}
@media (max-width:1200px){#images-wrapper{-moz-column-count:3;-webkit-column-count:3;column-count:3}}
@media (max-width:800px){#images-wrapper{-moz-column-count:2;-webkit-column-count:2;column-count:2}}
@media (max-width:600px){#images-wrapper{-moz-column-count:1;-webkit-column-count:1;column-count:1}}
.tag,.title{position:absolute;z-index:1000}
.tag{float:left;left:0;top:0;background-color:#92ad40;padding:5px;color:#fff;font-weight:700;border-radius:20px 0 0}
.title{padding:10px 1%;color:#000;width:98%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.title:hover{opacity:100%}
#images-wrapper a:hover .title{background-color: rgb(0 0 0 / 63%);color:#fff;}
.logo img{width:200px}
#footer{display:none}
.mprofilebu{position:absolute;z-index:1000;left:0;top:0;padding:5px;color:#fff;font-weight:700;border-radius:20px 0 0}
.mprofilebu form{display:inline-block;}
.mprofilebu input[type=submit]{background:none;border:none;box-shadow:none;color:#000;cursor:pointer;}
.mprofilebu input[type=submit]:hover{background-color:#fff;}
.mprofilebu .del input[type=submit]:hover{background-color:#c00;color:#fff;}

:root{--swiper-navigation-color:#ccc;--swiper-theme-color:#ef233c}
.swiper{width:600px;max-width:100%;max-height:90vh;min-height:320px;background-color:#fff}
.swiper .swiper-slide{}
.swiper-slide img{display:block;max-width:100%;max-height:90vh;object-fit:cover;border-radius:15px}
/*.title{padding:0 10vw;top:50%;transform:translateY(-50%);width:100%;z-index:1;color:#fff;font-size:clamp(3rem, .3864rem + 13.0682vw, 7rem);margin-bottom:0;margin-top:0;position:relative}*/
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}
#author,#message,#email,#url,#password,#headline,#sdesc,#post{position:relative;width:96%;padding:1.5%;border:1px solid #ccc}
.prodesc{width:600px;text-align:left;margin:0 auto 10px;max-width:98%;padding:1%}
.prodesc input[type=text]{background:none;border:none;border-bottom:1px solid #ccc;padding:0 5px;}
.proedfl{overflow:hidden;display:flex;justify-content:center;}

/* post-article.php */
.intLink{cursor:pointer}
img.intLink{border:0}
#textBox,#toolBar1{width:96%;border:1px solid #ccc}
#toolBar1{background:#fff;padding:5px 2%;position:relative}
#toolBar1 select{font-size:10px}
#textBox{height:auto;min-height:300px;border-top:none;color:#333;padding:2%;margin:0}
#textBox a{color:#c01a15;text-decoration:underline}
#Link,#addlinkbu{float:left;height:30px}
#addlinkbu,#canclelink{display:block;text-align:center;cursor:pointer}
#Link{display:inline-block;width:59%;border:1px solid #ccc;margin:0}
#addlinkbu{width:20%;line-height:36px}
#linkCover{position:absolute;top:33px;left:1%;width:98%;overflow:hidden;background:#caecff;display:none}
#canclelink{width:19%;float:right;background:#f0f8ff;height:34px;line-height:33px;font-size:14px}
.textButtons{height:23px}
img{max-width:100%}
#fimg{display:block;margin-bottom:51px;font-size:22px}
#artimgu{border:1px solid #ccc;padding:50px 20px;text-align:center}
#selimg{margin:50px 0;display:flex}
#selectimg{background:#197f19;color:#fff;padding:20px;border-radius:0;width:60%;border:none;cursor:pointer}
#deleteimg{border-radius:0;width:39%;background:#e1e1e1;box-shadow:none;border:none;padding:20px;cursor:pointer}
#infoseccess{background:#2e2f99;padding:5px;display:block;color:#fff}
#infodelete{background:#de3c3c;padding:5px;display:block;color:#fff}
#infomessage{display:block}

form .profileedit{padding:0 30px;background:none;border:none;box-shadow:none;border-bottom:6px solid #dcdcdc;border-radius:0}
form .profileedit:hover{border-bottom:6px solid #000}
.hint{display:block;text-align:center;margin:5px 0 20px;font-size:12px}

@media screen and (max-width:768px) {
.header-buttom{margin:90px auto}
.proh1img{width:81px;height:81px}
.logo img{width:120px}
.login{float:right;margin:30px 0 0}
.header-buttom{padding:0 3% 77px}
header{position:fixed;top:0;z-index:1111;background:#fff}
#images-wrapper{margin-top:81px}
.proh1{margin-top:100px;}
.proh1 img{width:90px;height: 90px;margin-right:6px;}
.prodppic div{margin:0 3px;}
.prodppic{font-size:18px;}
.proh1 p a{margin-left:3px;}
.proh1 p{font-size:12px;}

.content{width:100%}
aside{width:100%}
#social-media-icons{margin:0 auto 10px;text-align:center;overflow:hidden;width:100%}
.social-media-icon{float:none}
.dropdown-content{position:relative}
nav{position:relative}
.dropdown{width:100%}
.section-40{width:96%}
.section-60{width:96%}
.section-25{width:46%}
.section-33{width:96%}
.topnav a{display:none}
.topnav a.icon{float:right;display:block;background:#636363;font-size:16px;color:#FFF;margin-right:5px}
.logo{margin:10px;float:left}
header{width:100%;padding:0}
.topnav.responsive{width:100%;margin-bottom:-15px}
.topnav.responsive .icon{position:absolute;width:auto;top:0;right:0}
.topnav.responsive a{display:block;width:90%;padding:14px 5%}
#footer{display:block;background:#000;width:100%;height:50px;background-size:cover;position:fixed;bottom:0;z-index:11111;background-position:bottom}
.mobbut{width:20%;height:47px;display:block;float:left}
.profile{background:url(images/buttons.png) no-repeat center 5px}
.search{background:url(images/buttons.png) no-repeat center -36px}
.post{background:url(images/buttons.png) no-repeat center -77px}
.monitize{background:url(images/buttons.png) no-repeat center -122px}
.contact{background:url(images/buttons.png) no-repeat center -156px}
}