/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2021 | 20:50:47 */
#sidebar{display:none;}
h2{border-bottom:none!important;}

/*ページ商品*/
.brand li,.productlink{font-size:calc(13px + .1vw);color:#333;line-height:1.8em;}
ul.brand{padding:0!important;margin:0!important;}

/*adv*/

.adside img{position:sticky;top:15%;width:300px;80%;-webkit-backface-visibility: hidden; 
  transform: translate3d(0.0000001);}

@media screen and (max-width:768px) { 
  .adside{width:100%;position:relative!important;display:block;}
  .adside img{margin-left:50%!important;transform:translateX(-50%);}
}

/*シングルページタイトル周り*/

.ocat{display:inline-block;color:#666!important;font-family:poppins!important;font-size:calc(12px + .1vw);}	

.ctul ul{padding-left:0!important;}

/*abou&how*/
.joinu{width:90%;top:18%; position:relative;padding:0 5%;
 margin-bottom:10%;height:300px;
 background:
 linear-gradient(135deg,rgba(0,0,0,.6)%,rgba(0,0,0,.6)),url(/wp-content/uploads/hold.png);
 background-position:center;background-size:cover;border-radius:4px;}

.jointxt-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(12px + .1vw);color:#fff;text-align:center;width:90%;}
.jointxt{text-align:center;margin-bottom:5%!important;padding-bottom:3%;
  border-bottom:1px solid rgba(255,255,255,.65);font-size:calc(14px + .4vw);font-family:poppins;font-weight:bold;}

.joinu2{background:
linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6)),url(/wp-content/uploads/spmo2.jpg)!important;
background-position:top!important;background-size:cover!important;
}

.kensk{width:90%;top:18%; position:sticky;padding:0 5%;margin-top:18%;height:300px;
  cursor:pointer;
background:
 linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/wp-content/uploads/tvg2.jpg);
background-position:center;background-size:cover;border-radius:4px;}



/*comment*/

.comment-author-pic img{border-radius:50%;}
ul.children{background:#f7f7f7!important;border-left:
  1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);
padding-bottom:3%;}

ul.children{ display: flex;
    flex-direction: column-reverse;}

ul.children li{padding:2%;}

ul.children:before{content:"";width:100%;background:#efefef;
  position:absolute;height:2px;left:0;top:0;
}

/*投稿下recommend*/

.ct-foot-reco{position:relative;width:100%;padding:9% 0;eight:180px;margin:8% 0 0!important;}
.ct-foot-reco:first-child{margin:7% 0 0!important;}
	
	.ct-foot-reco .wpp-post-title {
    top: auto!important;
    transform: none!important;
    position: relative!important;
    line-height: ingerit!important;
    font-weight: bold!important;
    color: #fff!important;
    font-size: calc(13px + .1vw)!important;
    padding-left: 0!important;
    font-family: noto sans jp;
}

.footlinkimg{width:100%;height:100%;position:absolute;top:0;}
	.footlinkimg img{margin-left:15%!important;width:70%!important;height:100%!important;
	}
	.footlinkimg:after{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.75));content:"";
	width:100%;height:100%;display:block;z-index:4;position:absolute;top:0;}
	

/*-----------------------------
Reaction Buttons 
------------------------------*/
div.reaction_buttons{ont-weight:bold;
    font-size: calc(13px + .1vw);
  text-align:right;color:#767676;margin-top:6%;}
div.reaction_buttons ul{width:100%;display:flex;flex-wrap:wrap;
  justify-content:flex-end;padding-left:0!important;
text-align:right;}
div.reaction_buttons ul li{margin-left:10px;display:block;}
div.reaction_buttons a,
div.reaction_buttons a:hover,
div.reaction_buttons a:visited
{
    color:#000;
    font-weight:bold;
}
div.reaction_buttons .reaction_button {
    cursor: pointer;
}
div.reaction_buttons .reaction_button .count{
    text-align: right;
	display:block;
	width:80px; /*画像の横幅*/
    background: url() no-repeat;
}
.braces{visibility:hidden!important;}

.react-twitter{background:#00acee!important;color:#fff!important;
  width:24px;height:24px;border-radius:50%;text-align:center!important;
line-height:24px!important;}

.reaction_buttons_tagline{padding-bottom:6px;}

/*投稿サムネイル全て*/

.originpopinner,article{ border-radius:6px;}

/*投稿ページ*/
.first-i{display:block;position:relative;}
.thisy{font-family:poppins;z-index:5;position:absolute;padding:5px 10px;color:#666!important;background:#fff;
top:0px;right:2%;font-size:calc(12px + .1vw);}

.fs1{font-size:calc(12px + .1vw)!important;}
.p-detail{margin:5% 0;padding:15px 0;border-top:1px solid #eee;
border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;
  justify-content:space-around;align-items:center;}
.p-detail a{argin:0 auto;width:30%;}
.p-detail a img{argin:0 auto;width:100%;in-width:300px;}
.ns-group{display:flex;flex-wrap:wrap;justify-content:space-around;
border-top:2px solid rgba(0,0,0,.1);border-bottom:2px solid rgba(0,0,0,.1);
  padding:3% 0 5%;margin-top:7%;
background:;}

.toppp{margin-top:5%;}

/*favorite*/
.simplefavorite-button{visibility:hidden!important;}

/*recommen*/
.recomcontainer{display:flex;flex-wrap:wrap;justify-content:space-between;}
.recomcontainer .category-13{display:none;}

.recomcontainer .category{color:#eee;display:none;}
.recomcontainer .pickcate{ext-align:left!important;}
.recomcontainer .orankt{width:100%;
  border-bottom:1px solid rgba(255,255,255,.1) ;}
.recomcontainer .originpopinner{width:100%!important;}
.recomcontainer .origintitle{padding:5% 0 0px;}
.recomcontainer .origintitle .wpp-post-title{color:#eee!important;}
.recomcontainer .orankt{color:#eee!important;}

.recom1,.recom2{width:45%!important;}

.recom1 .originpopinner:first-child img{height:21vw!important;}

.recom2 .originpopinner img{width:9.75vw!important;height:9.75vw!important;height:auto;
  min-width:100px;min-height:100px;}
.recom2 .originpopinner:first-child{display:none;}



.recom2{flex-direction: column!important;justify-content:flex-start!important; }


@media screen and (max-width: 767px) { 
 .originpopwrapper2 .recom1 .originpopinner:first-child .poporigincontainer {
    height: 35vh!important;}
  .recom1 .originpopinner:first-child img{height:100%!important;}  
  
  .recomcontainer .orankt{display:block!important;margin-bottom:3%;text-align:center!important;}
  .recom1,.recom2{width:100%!important;}
  .originpopwrapper2 .recom2 .originpopinner:first-child img{width:8vw!important;height:8vw!important;
  height:auto; min-width:90px;min-height:90px;}
.originpopwrapper2 .recom1 .originpopinner:first-child .origintitle{
     margin-top:5%!important;height:auto!important;text-align:center!important;
  background: rgba(0,0,0,0)!important; }
  .originpopwrapper2 .recom1 .originpopinner:first-child .origintitle:before{display:none!important;}
  .recom2 .originpopinner{margin-bottom:4%;}
 
}
@media screen and (max-width: 672px) { 
.recom2 .originpopinner img{width:26vw!important;height:26vw!important;}
}


/*wpp*/
.wpp-no-data
{display:none;}

/*wpuf*/
.wpuf-message {color:#333!important;
    background: #fff; 
  border: 1px solid rgba(0,0,0,.1);}
.wpuf-error-msg{display:none;}






/*newtopics*/
/*
.onlycover{display:flex;flex-wrap:wrap;position:relative;align-items:center;
  justify-content:space-between;width:80%!important;left:12%;}
.onlycover .originpopwrapper{width:63%!important;left:auto!important;transform:translateX(0)!important;}
.onlycover .originpopinner{width:45%!important;margin-bottom:5%!important;}

.onlycover .newtopic{left:auto!important;transform:translateX(0)!important;
  width:32%!important;margin-bottom:5%!important;}

.topicdate{position:absolute;top:2%;right:5%;display:block;text-align:right;font-weight:400;font-size:calc(11px + .1vw);
color:#767676;}

.newtopic i{color:#F94CFF;}

.newtopic{
background:url(/wp-content/uploads/ieback.png)no-repeat;background-size:contain;
background-position:center;}

.newtopic-menu{width:100%;color:#222;ext-align:center;padding:6% 4%;margin:3% 0 0%;
  border-collapse:collapse;border-bottom:1px solid rgba(0,0,0,.1);border-collapse:collapse;
border-top:1px solid rgba(0,0,0,.1);font-size:calc(13px + .1vw);background:;}

@media screen and (max-width: 1024px) 
{.onlycover{width:80%!important;left:10%;}
.onlycover .originpopwrapper{width:100%!important;}
.onlycover .newtopic{width:100%!important;}
}
*/


.onlycover .newtopic{eft:auto!important;ransform:translateX(0)!important;
width:70%!important;margin:4% 0 6%!important;min-width:320px!important;}


@media screen and (max-width: 671px)
{.search-form{margin:0 !important;}
  .onlycover .newtopic{ width:95%!important;}
}

.topicdate{position:absolute;top:3%;right:5%;display:block;text-align:right;font-weight:400;
  font-size:calc(11px + .1vw);color:#767676;}

.newtopic i{color:#F94CFF;}

.n-title{width:100%;text-align:center;font-weight:bold;
margin-bottom:5%;}
.n-mini{font-size:calc(14px + .8vw);font-family:poppins;}
.n-mini2{font-size:calc(12px + .3vw)!important;color:#767676;}

 .newtopic{
background:url(/wp-content/uploads/itrb5.png)no-repeat;background-size:contain;
background-position:center;padding:5% 3%!important;}

.onlycover .topic-container{display:flex;flex-wrap:wrap;position:relative;align-items:center;
  justify-content:space-around;}
.topic-container li{width:33%;border-bottom:1px solid rgba(0,0,0,.1);
  border-collapse:collapse;font-size:calc(13px + .1vw);
min-width:250px;}

.newtopic-menu{width:100%;color:#333;ext-align:center;padding:6% 4%;margin:0% 0 0%;
  border-collapse:collapse;font-weight:400;
 font-size:calc(13px + .2vw);}

.n-mini3{font-size:calc(12px + .2vw)!important;color:#222;}





/*otherカテゴリー*/
.othercate{border:1px solid #efefef;ackground:#f1f1f1;padding:9% 3% 3%;

}

.ot2{border:none!important;}


.othercate .infle{margin-bottom:9%!important;font-family:poppins;}
.othercate-menu{width:100%;color:#333;padding:3% 4%;margin-bottom:2%;
  border-collapse:collapse;font-weight:bold;font-family:poppins;
order-bottom:1px solid #767676;font-size:calc(13px + .1vw);}
.othercate-menu:nth-child(3){order-top:1px solid #767676;}
.othercate-menu:nth-child(2){order-top:1px solid #767676;}


/*auth-rank*/
.authrankcont{padding:0% 4% 0;width:300px; border-top:1px solid rgba(0,0,0,.1);
 border-bottom:1px solid rgba(0,0,0,.1);}
.authrank{display:inline-block!important;position:absolute!important;
  line-height:5vw!important;margin:-4.5vw 0 0 5vw!important;font-size:calc(12px + .3vw);}
.authrankbl{margin-bottom:7%!important;}
.authrankcont img{width:3.5vw!important;height:3.5vw!important;border-radius:50%;
  margin-right:4%;}
.infle{font-size:calc(12px + .2vw);font-weight:bold;margin-bottom:5%;}

/*tag関連*/
.tag-awe{position:relative;}
.tag-awe:after{content:"HOT!!!";color:#fff;position:absolute;z-index:9;
  font-size:calc(.6em + .2vw);
top:2%;right:3%;background:linear-gradient(135deg,#FF0055,#F94CFF);padding:3px;}


/*記事のポイント*/



.youyaku{display:none;margin:0% 0 0%!important;padding:0% 3% 0%;border-top:1px solid rgba(0,0,0,.1);
border-bottom:1px solid rgb(0,0,0,.1);border-collapse:collapse;ackground:#fafafa;}
.youyaku p:last-child{padding-bottom:5%;}

.youyaku p{ font-size:calc(13px + .2vw)!important;font-weight:500!important;
  color:#767676!important;line-height:2em!important;text-align:left!important;}
.youyaku p:first-child{}

.youyaku p:first-child:before{content:"　記事のポイント";text-align:left;display:block;
  width:135px;margin-bottom:7%;color:#333!important;
  background:;linear-gradient(135deg,#222,#666);;padding:1% 0;margin-left:-3%;
  font-size:calc(12px + .1vw)!important;}
.post_excerpt textarea{height:100px!important;min-height:0!important;}




.wpp-thumbnail{object-fit: cover;}

.top-newest:after{position: absolute;z-index:2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .01);
    background-image: radial-gradient(rgba(0, 0, 0, .08) 20%, transparent 0), radial-gradient(rgba(0, 0, 0, .08) 20%, transparent 0);
    background-position: 0 0, 20px 20px;
background-size: 8px 8px;}

main.page-single-main article header.post-header.has-thumbnail .post-thumbnail:after
{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .013);
    background-image: radial-gradient(rgba(0, 0, 0, .04) 20%, transparent 0), radial-gradient(rgba(0, 0, 0, .04) 20%, transparent 0);
    background-position: 0 0, 20px 20px;
background-size: 8px 8px;}



.k{content:"";width:100%;height:100%;position:absolute;top:0;
background:url();
  background-size:100% auto;opacity:.1;}

.wpuf_customs li{font-size:calc(11px + .1vw);color:#767676;
  text-align:left;margin:8% 0 8%!important;}

main.page-single-main article .post-content ul.wpuf_customs
{padding-left:0!important;}

.itrinfo{width:100vw;padding:6px 0% 10px 0%;background:linear-gradient(#333,#444);text-align:center;
position:relativetop:0;left:0;color:#fff;font-size:calc(12px + .1vw);
margin-bottom:-12px;box-shadow: 0 8px 16px 0 rgba(0,0,0,.03), 0 6px 12px 0 rgba(0,0,0,.03);}

.speci-name{position:absolute;font-size:calc(.2em + .8vw);
color:#767676;top:calc(14% + 30px);eft:50%;ransform:translateX(-50%);z-index:110;
 color:#999;white-space:nowrap;}

main{position:relative;z-index:3;}
.main-wrapper{z-index:3;}

.toppp{cursor:pointer;border-top:1px solid rgba(0,0,0,.1);
  border-bottom:1px solid rgba(0,0,0,.1);
  padding:2% 0;text-align:center;width:100%;position:relative;
line-height:1em;background:;linear-gradient(#333,#444);color:#333#fafafa;font-weight:bold;
font-family:poppins;}

.post-author{z-index:10;position:relative;}

/*ヘッダカスタマin*/
.custmen{display:none;background:#fff;width:300px;position:fixed;absolute;
left:2%;top:90px;padding:2% 3%;box-sizing:border-box;line-height:2em;
border-radius:5px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,.08), 0 6px 12px 0 rgba(0,0,0,.06);
z-index:9999999;color:#333;font-weight:bold;}


/*アーカイブ*/

.section-archives-title .title-container-author{display:none;}


.home-noflex{display:flex;flex-wrap:wrap;
ustify-content:space-around;left;center;}

/*ie フォール*/
_:-ms-lang(x)::-ms-backdrop, .custin{left:-44%!important;}

_:-ms-lang(x)::-ms-backdrop, .undb,.ieno{display:none;}

_:-ms-lang(x)::-ms-backdrop, .home-noflex{justify-content:left!important;}


_:-ms-lang(x)::-ms-backdrop, .sideietsticky{position:relative;
align-self: flex-start!important;bottom:auto!important;top:0;}

_:-ms-lang(x)::-ms-backdrop, isingleside{
position:relative!important;bottom:auto!important;align-self:flex-start!important;}




.gosinki3{position:fixed;top:calc(100vh - 12%);cursor:pointer;
text-align:center;padding:1.5% 0%;width:180px;font-weight:bold;
color:#333;z-index:10;transition:.7s;font-size:calc(12px + .1vw);
z-index:100;border:1px solid rgba(0,0,0,.1);}
.gosinki3:hover{transition:.7s;background:#333!important;color:#fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px, rgba(0, 0, 0, 0.1) 0px 6px 12px 0px;}

.home-pager:hover{transition:.7s;background:#fff!important;color:#333;
box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px, rgba(0, 0, 0, 0.1) 0px 6px 12px 0px;}

/*オリジナルメンバー*/
.userank{font-weight:bold;letter-spacing:.3em;
  font-size:calc(14px + .4vw);opacity:.1;}


/*umログイン周り*/

.um-misc-img img{border-radius:50%;}


.um-login,.um-register,.um-password{margin-top:20vh;ransform:translateY(-50%);
  text-align:center!important;}


.um-register input{height:3em;width:90%;}

.um-login input{height:3em;}
.um-login .um-field-text input{width:90%;}
.um-login .um-field-password input{width:90%;}

.um-register .um-field-label{margin-top:5%;}
.um-login .um-field-label{margin-top:5%;}

.um-login .um-link-alt{margin-top:5%;display:block;}


.um-password input{line-height:3em;}

/*UMユーザープロフ編集*/

.um-faicon-camera:before{content:"＋";color:#fff;position:absolute;
-index:2;font-size:calc(20px + 3vw);left:50%;eight:1em;
transform:translate(-50%,-50%);top:50%;}

.um-profile-photo .um-dropdown{display:none;}



/*UMメイン*/




.um-page-user body{background:#fafafa;}
.um-page-account body{background:#fafafa;}


.um-page-user main{margin-top:15vh;ransform:translateY(-50%);}

.um-page-account main{margin-top:15vh;ransform:translateY(-50%);}

.um-page-user main article{margin-left:50%;transform:translateX(-50%);}
.um-page-account main article{margin-left:50%;transform:translateX(-50%);}

.um-page-user .post-content{border-top:1px solid rgba(0,0,0,.1)!important;background:#fafafa;padding:8% 3%!important;}

.um-page-account .post-content{border-top:1px solid rgba(0,0,0,.1)!important;background:#fafafa;padding:8% 3%!important;}

.um-profile.um .um-profile-headericon a {
    color: #333!important;font-weight:bold;
}

.um-page-account input{line-height:2em!important;}

.um-header{border-bottom:none!important;}

.um-dropdown ul{margin-left:-10px!important;}

.um-alt{background:transparent!important;}
.um-viewing .um-profile-body{display:none;}

/*.um-viewing .um-profile{position:fixed;top:0;width:100vw;
height:100vh;max-width:none!important;left:0;top:0;}
*/
.um-viewing .um-header{display:flex;flex-wrap:wrap;justify-content:space-around;
width:60%;margin-left:50%;transform:translateX(-50%);argin-top:20vh!important;
flex-direction :column-reverse;}

.um-profile.um-viewing {argin-top:15vh!important;}

.um-viewing .um-profile-edit{position:relative!important;right:auto!important;
width:100%;}
.um-viewing .um-profile-edit .um-dropdown{width:100%!important;margin:0!important;}
.um-viewing .um-profile-edit .um-dropdown-b{padding:0!important;margin:0px 0 0!important;
font-size:calc(12px + .2vw);}
.um-viewing .um-profile-meta{width:100%;margin-bottom:5%;}
.um-viewing .um-profile-photo{width:200px;margin:0!important;}
.um-viewing .um-profile-photo .um-dropdown{display:none!important;}


/*um*/


.um-button{width:300px;padding:2% 0%;text-align:center;
  display:block;margin-top:2%!important;margin-left:50%;transform:translateX(-50%);}

#um-submit-btn{background:#333!important;}

#um_account_submit_general,#um_account_submit_password
{margin-left:0!important;transform:none!important;}

.um-dropdown{isplay:none;margin:5% 0 28% -10px;z-index:10;osition:absolute;
margin-bottom:10%!important;ackground:#fff;}

.um-dropdown-b{margin:8% 0;
padding:6% 0;text-align:center;display:block;}

.um-dropdown-b .um-dropdown-hide{display:none!important;}

#um-meta-bio{width:90%;}

#um_field_um_password_id_username_b
{margin:5% 0;}

/*写真変更*/
.um-modal.normal{max-width:90%;margin-left:auto;background:white;
  height:400px!important;overflow-y:scroll;
transform:translate(-50%,-50%);bottom:auto!important;
  min-height:300px;osition:absolute;top:50%;}


#um_upload_single{z-index:10;position:relative;}

/*umパス変更*/

.um-account-nav,.um-account-side,.um-account-meta{display:none!important;}
#username_b{width:100%;}

/*ページャー*/
.home-pager{isplay:none;min-width:300px;background:;margin-left:50%;
  transform:translateX(-50%);width:50%;margin-top:15px;
color:#333;border:1px solid #444;box-sizing:border-box;text-align:center;padding:3% 0;}
.home-navi{display:none;}

/*popular追加カスタム*/

.rankcate{text-align:right!important;}

.origintitle{z-index:3;position:relative;}

.topranktitle{font-size: calc(12px + .8vw);line-height:1.1em;
font-weight:bold;margin-top:6%;}

.rankauthorbox,.newauthorbox{position:relative;display:flex;text-align:left;
height:15px;display:none;}

.rankauthor,.newauthor{font-size:calc(.6em + .1vw);line-height:15px;}

.topauthor a{font-size:calc(.4em + .1vw);line-height:15px;
osition:absolute;top:0;}



.rankcate{isplay:none;font-size:calc(.6em + .1vw);color:#767676;text-align:left;
opacity:.7;}


.topnocate{line-height:1em;isplay:none;}
.topnocate a{font-size:10px;color:#767676;text-align:left;
opacity:;}

.originpopinner .avatar{osition:absolute;width:15px!important;
height:15px!important;border-radius:50%;margin-right:4px;margin-bottom:1%!important;}

.newauthorbox .avatar{osition:absolute;width:15px!important;
height:15px!important;border-radius:50%;margin-right:4px;margin-bottom:1%!important;}
.newauthorbox a{height:15px;}

/*本体吐きだし記事*/
.post-content time{display:none;}
.post-author,.post-category{display:none;}
.author-special{display:block!important;}


/*投稿sticky*/



/*フロントエンド投稿*/

/*英メッセ*/
.wpuf-dashboard-container .wpuf-message{display:none!important;}
#swal2-content{display:none!important;}
/*post deleted*/.success{display:none;}


.wpuf-author{display:none!important;}

.mce-top-part{isplay:none!important;}

.wpuf-submit-button{color:#fff!important;background:#333!important;
width:300px;padding:2.5% 0;margin-left:50%;transform:translateX(-50%);}

#wpuf-post-draft{display:block;width:300px;padding:2.5% 0;
text-align:center;margin-top:5%;border:1px solid rgba(0,0,0,.1);
margin-left:50%;transform:translateX(-50%);}

/*記事box*/

.wpuf-dashboard-container .items-table-container{overflow-y:visible!important;}

.wpuf-dashboard-container table{min-width:none!important;color:#333;}
.items-table .items-list-header{text-align:left!important;font-weight:bold;height:2em;}
.items-table .items-list-header th:nth-child(2){display:none;}
.items-table tbody td:nth-child(2){display:none;}
.items-table .items-list-header th {width:70%;}
.items-table .items-list-header a{text-align:center!important;}


.wpuf-draft-saved,.wpuf-errors{opacity:0!important;}

ul.wpuf-errors:after{position:absolute;background:white;top:0;left:0;
height:100%;width:100%;content:"赤い部分を訂正してください。";}


/*loopランキング*/


.originpopinner:before{position:relative;}

 .originpopinner:before{ackground:#fff;idth:3.5%;adding:1px 0;in-width:23px;
   font-size:calc(12px + .3vw)!important;ext-align:center;
   argin-bottom:-1.5em;-.8em;display:block;font-weight:500!important;
  z-index:10;ackground:rgba(255,255,255,.8);idth:1.4em;eight:1.4em;}



.home-new-title{content:"新着記事";
  text-align:left;font-weight:bold;font-size:calc(13px + .1vw);
  color:#333;padding-top:3%;ackground:#1d1d1d;display:block;
margin-bottom:-30px;}

.orankt{text-align:left;font-weight:bold;font-size:calc(13px + .1vw);
  color:#333;padding-top:6%;ackground:#1d1d1d;}

.originpopwrapper{width:70%;left:50%;transform:translateX(-50%);position:relative;}
.originpopwrapper2{width:70%;left:50%;transform:translateX(-50%);position:relative;}
.originpopwrapper3{width:70%;left:50%;transform:translateX(-50%);position:relative;}



.act-cate .post-category{font-family:poppins!important;top:auto!important;bottom:0;left:auto!important;
right:0!important;}
.act-cate .articles article a .post-header figure.post-thumbnail .post-category{
  padding:0 7px!important;background:white!important;color:#333!important;}

.wpp-posts-container{padding:5% 0;width:100%;argin-top:100vh;
display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;
eft:50%;ransform:translateX(-50%);}

.wpp-posts-container img
{width:100%!important;eight:100%!important;margin-bottom:5%!important;}
@media screen and (max-width: 672px) {
  .wpp-posts-container img{margin-bottom:0!important;}
}

/*1位bigger*/.originpopinner:first-child{width:35%;23}
.originpopinner{width:28%;20%}

.f-rank{width:27%;order-top:2px solid #333;box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 16px 0px, 
  rgba(0, 0, 0, 0.06) 0px 6px 12px 0px;}
.f-rank .origintitle{padding:6% 4%;}

.f-rank img{}


@media screen and (max-width: 1024px) {
  .f-rank{width:45%;margin-bottom:3%!important;}  
}
@media screen and (max-width: 672px) {
.underremark img{border-bottom:3px solid #F94CFF!important;}
.underremark .post-thumbnail{border-bottom:3px solid #F94CFF!important;}
}

.nazo2 .originpopinner{margin-bottom:2%;}
.nazo3 .originpopinner{margin-bottom:2%;}
.nazo4 .originpopinner{margin-bottom:2%;}
.nazo5 .originpopinner{margin-bottom:2%;}

.pickupinner{width:25%!important;}
.pickupinner:before{display:none!important;}


.originpopwrapper .originpopinner:nth-child(1){display:none;}



.originpopwrapper .originpopinner:nth-child(2):before{
  font-family:poppins;content:"2";font-size:calc(18px + .7vw);font-weight:400;}
.originpopwrapper .originpopinner:nth-child(3):before{font-family:poppins;
  content:"3";font-size:calc(18px + .7vw);font-weight:400;}
.originpopwrapper .originpopinner:nth-child(4):before{font-family:poppins;
  content:"4";font-size:calc(18px + .7vw);font-weight:400;}
.originpopwrapper .originpopinner:nth-child(5):before{font-family:poppins;
  content:"5";font-size:calc(18px + .7vw);font-weight:400;}
.wpp-posts-container .post-thumbnail:before{display:none;
  content:"総合";color:#fff;background:rgba(0,0,0,.6);argin-top:-17vw;
font-size:calc(.6em + .6vw);margin-bottom:-2em;left:2%;z-index:999;}

.post-thumbnail{position:relative;z-index:4;}

.origintitle .wpp-post-title {color:#222;
    top: auto!important; font-weight:bold!important;
     transform: none!important; 
   position: relative!important; 
    font-size:calc(13px + .1vw);
    padding-left:0!important;margin-top:1em!important;}

_:-ms-lang(x)::-ms-backdrop, .origintitle .wpp-post-title{
font-weight:600!important;}


.pickupcontainer{}
.pickupcontainer h2{margin-bottom:0%!important;}
.pickcate .category{olor:#fafafa!important;}

.origintitle h2{margin-bottom:5%;}



.originpopinner:first-child .origintitle:before{display:none;font-family:poppins;content:"No.1";
  font-size:calc(18px + 1vw);font-weight:500;}
.originpopinner:nth-child(1):before{font-family:poppins;content:"1";font-size:calc(18px + .7vw);
  font-weight:600;}
.originpopinner:nth-child(2):before{font-family:poppins;content:"2";font-size:calc(18px + .7vw);
  font-weight:600;}
.originpopinner:nth-child(3):before{font-family:poppins;content:"3";font-size:calc(18px + .7vw);
  font-weight:600;}
.originpopinner:nth-child(4):before{font-family:poppins;content:"4";font-size:calc(18px + .7vw);
  font-weight:600;}
.originpopinner:nth-child(5):before{font-family:poppins;content:"5";font-size:calc(18px + .7vw);
  font-weight:600;}

 

@media screen and (max-width: 990px) { 
.homeside{display:none!important;} 
  .section{width:70%!important;position:relative;eft:50%!important;ransform:translateX(-50%);}
  .section-inner{padding:0;}
  .home-noflex{justify-content:center!important;}
}
  
  @media screen and (min-width: 991px) { 
  .section{width:65%!important;} 
 .sideietsticky{width:28%!important;max-width:550px;}    
    
}

@media screen and (max-width: 990px) { 
main.main section.section .section-inner{padding:0 !important;}
}

@media screen and (max-width: 769px) { 
  
  
  .sphead{background:#fff!important;}
  .itrinfo{display:none;}
  .speci-name{top:calc(3% + 10px)!important;left:calc(4.5% + 32px);}
  
  .pickupnone{background:
  linear-gradient(to right,#333,#444)!important;margin:8% 0;}
  
  .custmen{top:70px;}
  .home-new-title{display:none;}
  .originpopwrapper,.originpopwrapper2{width: 90%;}
  .mainrpg{display:block!important;}
  .nazo .section-inner:before{display:none!important;}
  
 
  
}

@media screen and (max-width: 767px) { 
  .sideietsticky{display:none!important;} 
section{width:100%!important;}
  .month{isplay:none;}

}

@media screen and (min-width: 768px) {  
  .main-wrapper,.slick-list{overflow:visible!important;}
  .field-size-large .wpuf-fields{min-width:600px;}
  .bighand{bottom:-5%!important;}
}

@media screen and (max-width: 671px){ 
 .nonazo{display:none!important;} 
  .originpopinner:before{argin-bottom:-.8em;}
  
  .speci-name{top:calc(3% + 19px)!important;left:0;}
  .membamenu{text-align:center!important;}
  
  .custmen{top:60px;}
  #favwrap{display:block!important;}
  .simplefavorite-button{visibility:visible!important;}
  .menu-l-inner{margin-left:0!important;}
 
 .origintitle{padding:5% 0;}
  
  .number1{padding:0!important;}
   .section{width:100%!important;position:relative;
     left:50%!important;transform:translateX(-50%);}
  
  
  .membamenu{margin-left:50%;transform:translateX(-50%);}
  .wpuf-dashboard-container table.items-table{min-width:300px!important;}
  
  .custmen{width:100%!important;left:0!important;}
  
 .originpopwrapper2 .originpopinner:nth-child(5){display:block;}
  
  .left{display:block;}
  
   .gosinki3{display:none;}
  .orankt,.smhome-none{display:none!important;}
  
  .wpp-posts-container {
    padding:0% 0% 5%;} 
.originpopwrapper{width:95%;margin-top:60vh;}
  .originpopwrapper2,.originpopwrapper3{width:97%;} 
  
  .originpopwrapper2 .originpopinner:first-child{width:100%;}  
  .originpopwrapper2 .originpopinner:first-child .poporigincontainer
  {width:100%;height:25vh;overflow:hidden;}
  
  .originpopwrapper2 .originpopinner:first-child .origintitle{margin:3% 0 0%;z-index:1100;}
  
  /*tasu*/
  .originpopwrapper2 .originpopinner:first-child .origintitle{height:25vh;
    padding:7% 3% 0;
  margin-top:-25vh;color:#eee;background:rgba(0,0,0,.4);text-align:left!important;}
  
  .originpopwrapper2 .originpopinner:first-child .origintitle .wpp-post-title
  {color:white;text-align:left!important;}
  
  .originpopwrapper2 .originpopinner:first-child .origintitle:before
  {text-align:left!important;}
  
  .tag-wrap{background:rgba(0,0,0,.6)!important;color:#eee!important;top:34vh!imprtant;}
  .top-tag{text-shadow:none!important;}.topranktitle{line-height:1.2em;}
 .topranktitle,.top-tag-inner p,.top-tag2,.henka{color:#eee!important;}
  /*tasu*/
  
  .originpopwrapper2 .originpopinner:first-child .origintitle:before
  {display:block!important;text-align:center;} 
  .originpopwrapper2 .originpopinner:first-child .origintitle{text-align:center;}
  
  .originpopwrapper2 .originpopinner:first-child:before{display:none!important;}
  
   .originpopwrapper2 .originpopinner:first-child .wpp-thumbnail
  {margin-left:0;width:100vw!important;height:100vw!important;
  transform:translateY(-20%);}  
  
  .originpopinner{width:100%;}
  
.poporigincontainer{width:28%;}
.origintitle{width:100%;argin-top:50%;ransform:translateY(-50%);}
}




/*userメニュ*/
.cust-menu-item{font-size:calc(12px + .2vw);}


* {list-style: none;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }

body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  height: 100%; }

article, aside, dialog, figure, footer, header, main, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

br,
hr {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input,
select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

@-webkit-keyframes bkX {
  0% {
    width: 0%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    width: 100%;
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }

@keyframes bkX {
  0% {
    width: 0%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    width: 100%;
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }

@-webkit-keyframes bkheadlineX {
  0% {
    width: 0%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    width: 100%;
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }

@keyframes bkheadlineX {
  0% {
    width: 0%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    width: 100%;
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }

@-webkit-keyframes bkY {
  0% {
    height: 0%;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    height: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    height: 100%;
    -webkit-transform: translateY(102%);
            transform: translateY(102%); } }

@keyframes bkY {
  0% {
    height: 0%;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    height: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    height: 100%;
    -webkit-transform: translateY(102%);
            transform: translateY(102%); } }

@-webkit-keyframes bkTextImg {
  0% {
    opacity: 0; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes bkTextImg {
  0% {
    opacity: 0; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes menuButton {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  90% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes menuButton {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  90% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes menuButtonHover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes menuButtonHover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  20% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  40% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes copyBrdrLeft {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@keyframes copyBrdrLeft {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@-webkit-keyframes copyBrdrRight {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@keyframes copyBrdrRight {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

@-webkit-keyframes copyBrdrBottom {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes copyBrdrBottom {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes copyBrdrTop {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes copyBrdrTop {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes copyBk {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes copyBk {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes copyDes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px); }
  100% {
    opacity: 1; } }

@keyframes copyDes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px); }
  100% {
    opacity: 1; } }

@-webkit-keyframes topHeader {
  0% {
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes topHeader {
  0% {
    -webkit-filter: blur(15px);
            filter: blur(15px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes topHeader2 {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-filter: blur(7px);
            filter: blur(7px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes topHeader2 {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-filter: blur(7px);
            filter: blur(7px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@-webkit-keyframes postThumb {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes postThumb {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes scroollLine {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  80% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes scroollLine {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  80% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

body {
  font-size: 16px;
  font-family:noto sans jp;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .01em;
  text-align: left;
  line-height: 1.7;
  color: #333; }
  @media screen and (max-width: 1100px) {
    body {
      font-size: 15px; } }
  body.body-fixed {
    position: fixed;
    width: 100%;
    height: 100%; }
  body.admin-bar header.header .logo {
    position: absolute;
    top: 62px; }
    @media screen and (max-width: 1100px) {
      body.admin-bar header.header .logo {
        top: 42px; } }
    @media screen and (max-width: 600px) {
      body.admin-bar header.header .logo {
        top: 56px; } }
  body.admin-bar header.header nav.menu {
    padding: 77px 30px 120px; }
    @media screen and (max-width: 600px) {
      body.admin-bar header.header nav.menu {
        padding: 91px 30px 120px; } }

::-moz-selection {
  background: ;
  color: #fff; }

::selection {
  background: ;
  color: #fff; }

p {
  font-size: 16px; }
  @media screen and (max-width: 1100px) {
    p {
      font-size: 15px; } }
  p:last-child {
    margin: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-weight: 600; }

a {
  color: ;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }
  a:hover {
    opacity: 0.6; }
    @media screen and (max-width: 1100px) {
      a:hover {
        opacity: 1; } }

img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

.sticky {
  border: 2px solid #E2B633; }

.screen-reader-text {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute; }

header.header {
  width: 100%; }
  header.header.header-top .header-inner {
    height: calc(100vh - 120px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #f7f7f7; }
    @media screen and (max-width: 1100px) {
      header.header.header-top .header-inner {
        height: calc(100vh - 40px);
        padding: 20px; } }
    header.header.header-top .header-inner .header-background {
      background-image: url(../../img/header-default.jpg);
      -webkit-animation: topHeader 1.2s linear 0s forwards;
              animation: topHeader 1.2s linear 0s forwards; }
  header.header .header-inner {
    margin: 60px;
    width: auto;
    height: 450px;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7; }
    @media screen and (max-width: 1100px) {
      header.header .header-inner {
        margin: 20px; } }
    @media screen and (max-width: 840px) {
      header.header .header-inner {
        height: 250px; } }
    header.header .header-inner .header-background {
      background-image: url(../../img/header-default.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-animation: topHeader2 1.2s linear 0s forwards;
              animation: topHeader2 1.2s linear 0s forwards; }
    header.header .header-inner .copy {
      padding: 60px;
      position: absolute;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      max-width: 980px; }
      @media screen and (max-width: 1100px) {
        header.header .header-inner .copy {
          width: calc(100% - 40px);
          padding: 20px; } }
      header.header .header-inner .copy .copy-background {
        background: #E2B633;
        opacity: 0.8;
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        z-index: -1;
        -webkit-animation: copyBk 0.4s linear 0.8s forwards;
                animation: copyBk 0.4s linear 0.8s forwards; }
      header.header .header-inner .copy .brdr {
        position: absolute;
        background: #fff;
        opacity: 0.7; }
        header.header .header-inner .copy .brdr-left {
          top: 0;
          left: 0;
          width: 1px;
          height: 0%;
          -webkit-animation: copyBrdrLeft 0.2s linear 0s forwards;
                  animation: copyBrdrLeft 0.2s linear 0s forwards; }
        header.header .header-inner .copy .brdr-bottom {
          bottom: 0;
          left: 0;
          width: 0%;
          height: 1px;
          -webkit-animation: copyBrdrBottom 0.2s linear 0.2s forwards;
                  animation: copyBrdrBottom 0.2s linear 0.2s forwards; }
        header.header .header-inner .copy .brdr-right {
          bottom: 0;
          right: 0;
          width: 1px;
          height: 0%;
          -webkit-animation: copyBrdrRight 0.2s linear 0.4s forwards;
                  animation: copyBrdrRight 0.2s linear 0.4s forwards; }
        header.header .header-inner .copy .brdr-top {
          top: 0;
          right: 0;
          width: 0%;
          height: 1px;
          -webkit-animation: copyBrdrTop 0.2s linear 0.6s forwards;
                  animation: copyBrdrTop 0.2s linear 0.6s forwards; }
      header.header .header-inner .copy h2.description {
        font-size: 36px;
        color: #fff;
        letter-spacing: 3px;
        text-transform: uppercase;
        -webkit-animation: copyDes 0.4s linear 0.8s forwards;
                animation: copyDes 0.4s linear 0.8s forwards;
        opacity: 0;
        text-align: center; }
        @media screen and (max-width: 1100px) {
          header.header .header-inner .copy h2.description {
            font-size: 21px; } }
  header.header .logo {
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1002;
    overflow: hidden; }
    header.header .logo .logo-txt {
      font-size: 32px;
      font-weight: 600;
      color: #232323; }
      header.header .logo .logo-txt a {
        color: #232323; }
      @media screen and (max-width: 1100px) {
        header.header .logo .logo-txt {
          font-size: 24px; } }
    @media screen and (max-width: 1100px) {
      header.header .logo {
        top: 10px;
        left: 10px; } }
    header.header .logo a {
      display: block; }
      header.header .logo a:before {
        content: '';
        width: 0%;
        height: 100%;
        background: #E2B633;
        display: block;
        position: absolute;
        z-index: 1003;
        top: 0;
        left: 0;
        -webkit-animation: bkX 0.8s ease-in-out 0s forwards;
                animation: bkX 0.8s ease-in-out 0s forwards; }
      header.header .logo a img {
        vertical-align: bottom;
        height: 60px;
        width: auto;
        -webkit-animation: bkTextImg 0.8s linear 0s forwards;
                animation: bkTextImg 0.8s linear 0s forwards;
        position: relative; }
        header.header .logo a img:hover {
          opacity: 0.6; }
          @media screen and (max-width: 1100px) {
            header.header .logo a img:hover {
              opacity: 1; } }
        @media screen and (max-width: 1100px) {
          header.header .logo a img {
            height: 40px; } }
  header.header .menu-btn-container {
    position: fixed;
    z-index: 1;
    bottom: 30px;
    right: 30px;
    -webkit-animation: menuButton 0.8s linear 0s forwards;
            animation: menuButton 0.8s linear 0s forwards;
    z-index: 1003; }
    @media screen and (max-width: 1100px) {
      header.header .menu-btn-container {
        bottom: 10px;
        right: 10px; } }
    header.header .menu-btn-container.is-active a.menu-btn {
      background: #fff; }
      header.header .menu-btn-container.is-active a.menu-btn:hover {
        opacity: 1; }
      header.header .menu-btn-container.is-active a.menu-btn span {
        background: ; }
        header.header .menu-btn-container.is-active a.menu-btn span:nth-child(1) {
          -webkit-transform: translateX(-12.5px) translateY(8px) rotate(-45deg);
                  transform: translateX(-12.5px) translateY(8px) rotate(-45deg); }
          @media screen and (max-width: 1100px) {
            header.header .menu-btn-container.is-active a.menu-btn span:nth-child(1) {
              -webkit-transform: translateX(-10px) translateY(7px) rotate(-45deg);
                      transform: translateX(-10px) translateY(7px) rotate(-45deg); } }
        header.header .menu-btn-container.is-active a.menu-btn span:nth-child(2) {
          opacity: 0; }
        header.header .menu-btn-container.is-active a.menu-btn span:nth-child(3) {
          -webkit-transform: translateX(-12.5px) translateY(-6px) rotate(45deg);
                  transform: translateX(-12.5px) translateY(-6px) rotate(45deg); }
          @media screen and (max-width: 1100px) {
            header.header .menu-btn-container.is-active a.menu-btn span:nth-child(3) {
              -webkit-transform: translateX(-10px) translateY(-7px) rotate(45deg);
                      transform: translateX(-10px) translateY(-7px) rotate(45deg); } }
    header.header .menu-btn-container a.menu-btn {
      display: block;
      background:;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      position: relative;
      cursor: pointer;
      -webkit-box-shadow: 0 10px 30px rgba(62, 58, 57, 0.2);
              box-shadow: 0 10px 30px rgba(62, 58, 57, 0.2); }
      @media screen and (max-width: 1100px) {
        header.header .menu-btn-container a.menu-btn {
          width: 48px;
          height: 48px; } }
      header.header .menu-btn-container a.menu-btn:hover {
        opacity: 1;
        -webkit-animation: menuButtonHover 0.4s linear;
                animation: menuButtonHover 0.4s linear; }
      header.header .menu-btn-container a.menu-btn span {
        background: #fff;
        width: 25px;
        height: 2px;
        display: block;
        position: absolute;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        -webkit-transition: all 0.4s;
        transition: all 0.4s; }
        @media screen and (max-width: 1100px) {
          header.header .menu-btn-container a.menu-btn span {
            width: 20px; } }
        header.header .menu-btn-container a.menu-btn span:nth-child(1) {
          top: 22px; }
          @media screen and (max-width: 1100px) {
            header.header .menu-btn-container a.menu-btn span:nth-child(1) {
              top: 16px; } }
        header.header .menu-btn-container a.menu-btn span:nth-child(2) {
          top: 50%;
          margin-top: -1px; }
        header.header .menu-btn-container a.menu-btn span:nth-child(3) {
          bottom: 22px; }
          @media screen and (max-width: 1100px) {
            header.header .menu-btn-container a.menu-btn span:nth-child(3) {
              bottom: 16px; } }
  header.header nav.menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    background: ;
    color: #fff;
    padding: 45px 30px 120px;
    height: 100vh;
    -webkit-transform: translateX(320px);
            transform: translateX(320px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1002; }
    @media screen and (max-width: 1100px) {
      header.header nav.menu {
        padding: 30px 20px 60px; } }
    header.header nav.menu.is-active {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      -webkit-box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2);
              box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2); }
      header.header nav.menu.is-active .menu-container ul {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
        opacity: 1; }
    header.header nav.menu .menu-container ul {
      -webkit-transition: all 0.4s ease-out 0.4s;
      transition: all 0.4s ease-out 0.4s;
      -webkit-transform: translateX(10%);
              transform: translateX(10%);
      opacity: 0; }
      header.header nav.menu .menu-container ul li {
        line-height: 1;
        padding: 10px 0;
        text-align: right; }
        header.header nav.menu .menu-container ul li ul li:last-child {
          padding: 10px 0 0px; }
        header.header nav.menu .menu-container ul li ul.sub-menu {
          margin: 10px 0px 0 0px;
          font-size: 10px; }
          header.header nav.menu .menu-container ul li ul.sub-menu li a {
            letter-spacing: 3px; }
        header.header nav.menu .menu-container ul li:first-child {
          padding: 0px 0 10px; }
        header.header nav.menu .menu-container ul li:last-child {
          padding: 10px 0 0px; }
        header.header nav.menu .menu-container ul li a {
          color: #fff;
          position: relative;
          text-transform: uppercase;
          letter-spacing: 5px;
          line-height: 1.7; }
          header.header nav.menu .menu-container ul li a:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            left: 300%;
            width: 300%;
            height: 1px;
            background-color: #fff;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-transition: all 0.4s;
            transition: all 0.4s; }
          header.header nav.menu .menu-container ul li a:hover {
            opacity: 1; }
            header.header nav.menu .menu-container ul li a:hover:after {
              left: 0; }
        header.header nav.menu .menu-container ul li.current-menu-item > a:after {
          left: 0; }
  header.header .scroll-down {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    overflow: hidden;
    width: 1px;
    height: 60px; }
    @media screen and (max-width: 1100px) {
      header.header .scroll-down {
        bottom: -20px;
        height: 40px; } }
    header.header .scroll-down .line {
      width: 1px;
      display: block;
      height: 60px;
      background: #ddd;
      will-change: transform;
      -webkit-animation: scroollLine 2s ease-in-out infinite;
              animation: scroollLine 2s ease-in-out infinite; }
      @media screen and (max-width: 1100px) {
        header.header .scroll-down .line {
          height: 40px; } }

.menu-mask {
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  background: transparent; }
  .menu-mask.is-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    opacity: 1;
    cursor: pointer;
    background: white; }

main.main.main-404 section .section-inner .section-archives-title {
  margin: 0; }

main.main section.author-title {
  margin: 0 60px; }
  @media screen and (max-width: 1100px) {
    main.main section.author-title {
      margin: 0 20px; } }
  main.main section.author-title .section-inner {
    width: 980px;
    position: relative;
    margin: -124px auto 0; }
    @media screen and (max-width: 1100px) {
      main.main section.author-title .section-inner {
        margin: -63px auto 0;
        width: 100%; } }
    main.main section.author-title .section-inner .author-pic {
      display: block;
      margin: 0 0 20px; }
      main.main section.author-title .section-inner .author-pic img {
        display: block;
        margin: 0 auto;
        vertical-align: bottom;
        border-radius: 50%;
        -webkit-box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2);
                box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2);
        width: 120px;
        height: 120px; }
        @media screen and (max-width: 1100px) {
          main.main section.author-title .section-inner .author-pic img {
            width: 84px;
            height: 84px; } }
    main.main section.author-title .section-inner .author-name {
      margin: 0 0 30px; }
      main.main section.author-title .section-inner .author-name h1 {
        font-size: 24px;
        font-weight: 600;
        text-align: center; }
    main.main section.author-title .section-inner .author-description {
      padding: 0px 0 0; }

main.main section.section {
  margin: 60px; }
  @media screen and (max-width: 1100px) {
    main.main section.section {
      margin: 20px 0 0; } }
  main.main section.section .section-inner {
    background: #FCF8E9;
    padding: 60px; }
    @media screen and (max-width: 1100px) {
      main.main section.section .section-inner {
        padding: 30px 20px; } }
    main.main section.section .section-inner .section-archives-title {
      text-align: center;
      margin: 0 0 60px;
      position: relative; }
      @media screen and (max-width: 1100px) {
        main.main section.section .section-inner .section-archives-title {
          margin: 0 0 20px; } }
      main.main section.section .section-inner .section-archives-title .title-container {
        margin: 0 0 15px; }
        main.main section.section .section-inner .section-archives-title .title-container:after {
          content: "";
          width: 50px;
          height: 3px;
          background: #e2b633;
          margin-top: 5px;
          display: block;
          margin: 15px auto 0;
          position: relative;
          z-index: 2; }
        main.main section.section .section-inner .section-archives-title .title-container h1, main.main section.section .section-inner .section-archives-title .title-container .title {
          display: inline-block;
          text-align: center;
          font-size: 32px;
          font-weight: 600;
          letter-spacing: 3px;
          line-height: 1.3;
          position: relative;
          z-index: 2; }
          @media screen and (max-width: 480px) {
            main.main section.section .section-inner .section-archives-title .title-container h1, main.main section.section .section-inner .section-archives-title .title-container .title {
              font-size: 26px; } }
        main.main section.section .section-inner .section-archives-title .title-container .title-description {
          text-align: center;
          color: #fff;
          font-weight: 600;
          margin: 0;
          line-height: 1;
          position: absolute;
          font-size: 100px;
          right: 30px;
          top: 0px;
          right: -60px;
          top: -70px;
          z-index: 0; }
          @media screen and (max-width: 1100px) {
            main.main section.section .section-inner .section-archives-title .title-container .title-description {
              font-size: 40px;
              right: -20px;
              top: -30px;
              text-align: right; } }
      main.main section.section .section-inner .section-archives-title .taxonomy-description {
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 2; }
        main.main section.section .section-inner .section-archives-title .taxonomy-description p {
          margin: 0 0 20px; }
          main.main section.section .section-inner .section-archives-title .taxonomy-description p:last-child {
            margin: 0; }
    main.main section.section .section-inner .section-title {
      text-align: center;
      margin: 0 0 60px;
      position: relative; }
      @media screen and (max-width: 1100px) {
        main.main section.section .section-inner .section-title {
          margin: 0 0 20px; } }
      main.main section.section .section-inner .section-title.is-active h2 {
        position: relative;
        overflow: hidden; }
        main.main section.section .section-inner .section-title.is-active h2 span {
          -webkit-animation: bkTextImg 0.8s linear 0s forwards;
                  animation: bkTextImg 0.8s linear 0s forwards; }
        main.main section.section .section-inner .section-title.is-active h2:before {
          -webkit-animation: bkheadlineX 0.8s ease-in-out 0s forwards;
                  animation: bkheadlineX 0.8s ease-in-out 0s forwards;
          z-index: 1003; }
      main.main section.section .section-inner .section-title h2 {
        display: inline-block;
        text-align: center;
        font-size: 32px;
        border-bottom: 3px solid #E2B633;
        letter-spacing: 3px; }
        @media screen and (max-width: 480px) {
          main.main section.section .section-inner .section-title h2 {
            font-size: 26px; } }
        main.main section.section .section-inner .section-title h2 span {
          opacity: 0; }
        main.main section.section .section-inner .section-title h2:before {
          content: '';
          width: 0;
          height: 100%;
          background: #E2B633;
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
    main.main section.section .section-inner .section-content {
      max-width: 980px;
      width: 100%;
      margin: 0 auto; }
      main.main section.section .section-inner .section-content p {
        margin: 0 0 20px; }

footer.footer {
  margin: 0 0 60px;
  text-align: center; }
  @media screen and (max-width: 1100px) {
    footer.footer {
      margin: 60px 0 0px;
      padding: 0px 0 60px; } }
  footer.footer .footer-inner .copy-right p {
    font-size: 12px;
    font-weight: 600; }
  footer.footer .footer-inner .powerd-by p {
    font-size: 12px;
    font-weight: 600; }

.sidebar {
  margin: 60px; }
  @media screen and (max-width: 1100px) {
    .sidebar {
      margin: 0px; } }
  .sidebar .sidebar-inner {
    background: #f7f7f7;
    padding: 60px 60px 30px; }
    @media screen and (max-width: 1100px) {
      .sidebar .sidebar-inner {
        padding: 30px 20px; } }
    .sidebar .sidebar-inner .sidebar-content {
      width: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 1100px) {
        .sidebar .sidebar-inner .sidebar-content {
          -ms-flex-pack: distribute;
              justify-content: space-around; } }
      .sidebar .sidebar-inner .sidebar-content:after {
        content: "";
        display: block;
        width: 30%; }
      .sidebar .sidebar-inner .sidebar-content aside.widget {
        width: 30%;
        margin: 0 0 30px; }
        @media screen and (max-width: 1100px) {
          .sidebar .sidebar-inner .sidebar-content aside.widget {
            margin: 0 0 20px; } }
        @media screen and (max-width: 1100px) {
          .sidebar .sidebar-inner .sidebar-content aside.widget {
            width: 45%; } }
        @media screen and (max-width: 672px) {
          .sidebar .sidebar-inner .sidebar-content aside.widget {
            width: 100%; }
            .sidebar .sidebar-inner .sidebar-content aside.widget:last-child {
              margin: 0; } }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_entries ul li {
          padding: 10px 14px 7px 0;
          position: relative;
          border-bottom: 1px solid #eaeaea; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_entries ul li:after {
            color: #ccc;
            content: "\f0da";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_entries ul li a {
            color: #232323;
            font-weight: 600;
            position: relative;
            line-height: 1.5; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_entries ul li span {
            display: block;
            font-size: 12px;
            color: #999; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_rss ul li {
          padding: 10px 14px 7px 0;
          position: relative;
          border-bottom: 1px solid #eaeaea; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive label, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories label {
          display: inline-block;
          vertical-align: middle;
          margin-right: 7px; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive select, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories select {
          display: inline-block;
          vertical-align: middle;
          background: #eaeaea; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive ul li, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories ul li {
          padding: 10px 0px 7px 0;
          border-bottom: 1px solid #eaeaea;
          position: relative; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive ul li a, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories ul li a {
            color: #232323;
            font-weight: 600;
            line-height: 1.5; }
            .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive ul li a:after, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories ul li a:after {
              color: #ccc;
              content: "\f0da";
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: absolute;
              right: 0;
              top: 14px; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive ul li ul.children, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories ul li ul.children {
            padding: 0 0 0 15px;
            border-top: 1px solid #eaeaea;
            margin-top: 7px; }
            .sidebar .sidebar-inner .sidebar-content aside.widget.widget_archive ul li ul.children li:last-child, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_categories ul li ul.children li:last-child {
              border: none;
              padding-bottom: 0; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_pages ul li a, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_nav_menu ul li a, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_meta ul li a {
          color: #232323;
          display: block;
          padding: 10px 14px 7px 0;
          font-weight: 600;
          border-bottom: 1px solid #eaeaea;
          position: relative; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_pages ul li a:after, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_nav_menu ul li a:after, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_meta ul li a:after {
            color: #ccc;
            content: "\f0da";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_pages ul li ul.children, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_nav_menu ul li ul.children, .sidebar .sidebar-inner .sidebar-content aside.widget.widget_meta ul li ul.children {
          margin: 0 0 0 15px; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_search .search-form {
          max-width: 100%; }
        .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_comments ul li {
          padding: 10px 0 7px 25px;
          position: relative;
          border-bottom: 1px solid #eaeaea; }
          .sidebar .sidebar-inner .sidebar-content aside.widget.widget_recent_comments ul li:before {
            color: #999;
            content: "\f0e6";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 13px;
            left: 0; }
        .sidebar .sidebar-inner .sidebar-content aside.widget h3.widget-title {
          letter-spacing: 3px;
          font-size: 21px;
          font-weight: 600;
          border-bottom: 3px solid #E2B633;
          padding-bottom: 5px;
          margin: 0 0 15px; }
        .sidebar .sidebar-inner .sidebar-content aside.widget .tagcloud a.tag-cloud-link {
          display: inline-block;
          position: relative;
          font-size: 12px !important;
          padding: 5px 7px 3px 18px;
          background: ;
          margin: 0 2px 7px 0;
          color: #fff; }
          .sidebar .sidebar-inner .sidebar-content aside.widget .tagcloud a.tag-cloud-link:before {
            content: '';
            width: 6px;
            height: 6px;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            top: 11px;
            left: 7px; }
        .sidebar .sidebar-inner .sidebar-content aside.widget .calendar_wrap table {
          width: 100%; }
          .sidebar .sidebar-inner .sidebar-content aside.widget .calendar_wrap table thead tr th {
            text-align: center; }
          .sidebar .sidebar-inner .sidebar-content aside.widget .calendar_wrap table tbody tr td {
            text-align: center; }
          .sidebar .sidebar-inner .sidebar-content aside.widget .calendar_wrap table tfoot tr td {
            padding: 7px 0; }

main.page-single-main article header.post-header {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0 auto 45px; }
  @media screen and (max-width: 840px) {
    main.page-single-main article header.post-header {
      padding: 0 20px;
      margin: 0 auto 25px; } }
  main.page-single-main article header.post-header.has-thumbnail .post-thumbnail {
    margin-top: -285px;
    margin-bottom: 60px;
    -webkit-animation: postThumb 1.2s linear 0s forwards;
            animation: postThumb 1.2s linear 0s forwards; }
    @media screen and (max-width: 840px) {
      main.page-single-main article header.post-header.has-thumbnail .post-thumbnail {
        margin-top: -82.5px;
        margin-bottom: 30px;
        padding: 0 20px; } }
    main.page-single-main article header.post-header.has-thumbnail .post-thumbnail img {
      width: 100%;
      height: auto;
      in-height: 300px;
      vertical-align: bottom;
      -webkit-box-shadow: 0 10px 30px rgba(62, 58, 57, 0.2);
              box-shadow: 0 10px 30px rgba(62, 58, 57, 0.2);
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 840px) {
        main.page-single-main article header.post-header.has-thumbnail .post-thumbnail img {
          min-height: 125px; } }
  main.page-single-main article header.post-header .post-meta {
    margin-bottom: 15px; }
    @media screen and (max-width: 840px) {
      main.page-single-main article header.post-header .post-meta {
        margin-bottom: 5px; } }
    main.page-single-main article header.post-header .post-meta:after {
      content: '';
      display: block;
      clear: both; }
    main.page-single-main article header.post-header .post-meta .post-time {
      color: #666;
      font-size: 14px;
      font-weight: 400; }
    main.page-single-main article header.post-header .post-meta .post-author {
      line-height: 1.7;
      loat: right; }
      main.page-single-main article header.post-header .post-meta .post-author .avatar {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.7;
        margin-right: 2px; }
        main.page-single-main article header.post-header .post-meta .post-author .avatar img {
          border-radius: 50%; }
      main.page-single-main article header.post-header .post-meta .post-author .name {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.7;
        color: #999; }
  main.page-single-main article header.post-header h1.post-title {
    font-size: calc(16px + 1vw)!important;
    font-weight: 600;
    margin-bottom: 15px;
    word-wrap: break-word;
    overflow-wrap: break-word; }
    @media screen and (max-width: 840px) {
      main.page-single-main article header.post-header h1.post-title {
        margin-bottom: 5px; } }
    @media screen and (max-width: 480px) {
      main.page-single-main article header.post-header h1.post-title {
        font-size: 20px; } }
  main.page-single-main article header.post-header .post-categories-container ul li {
    display: inline-block;
    margin: 0 15px 7px 0; }
    @media screen and (max-width: 840px) {
      main.page-single-main article header.post-header .post-categories-container ul li {
        margin: 0 12px 7px 0; } }
    main.page-single-main article header.post-header .post-categories-container ul li a {
      position: relative;
      font-size: 12px;
      font-weight: 400;
      padding: 0px 7px 0px;
      line-height: 27px;
      height: 24px;
      display: inline-block;
      color: #fff; }
      main.page-single-main article header.post-header .post-categories-container ul li a:after {
        content: "";
        border-style: solid;
        border-width: 0;
        position: absolute;
        width: 0;
        height: 0;
        border-width: 12px 11px 12px 0px;
        right: -10px;
        top: 0;
        border-color:  transparent; }

main.page-single-main article .post-content {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 60px; }
  main.page-single-main article .post-content:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 840px) {
    main.page-single-main article .post-content {
      margin: 0 auto 30px;
      padding: 0 20px; } }
  main.page-single-main article .post-content *:first-child {
    margin-top: 0px; }
  main.page-single-main article .post-content *:last-child {
    margin-bottom: 0px; }
  main.page-single-main article .post-content p {
    margin-bottom: 20px; }
    main.page-single-main article .post-content p:last-child {
      margin-bottom: 0px; }
  main.page-single-main article .post-content img {
    margin: 0 0 20px;
    vertical-align: bottom;
    max-width: 100%;
    height: auto; }
  @media screen and (max-width: 1100px) {
    main.page-single-main article .post-content iframe {
      max-width: 100%; } }
  main.page-single-main article .post-content figure {
    max-width: 100%;
    margin: 0 0 20px;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #eaeaea; }
    main.page-single-main article .post-content figure img, main.page-single-main article .post-content figure a {
      margin: 0 0 10px;
      display: block; }
    main.page-single-main article .post-content figure figcaption.wp-caption-text {
      font-size: 12px;
      text-align: center; }
      main.page-single-main article .post-content figure figcaption.wp-caption-text a {
        display: inline; }
  main.page-single-main article .post-content .alignright {
    float: right;
    margin: 0 0 20px 20px; }
  main.page-single-main article .post-content .alignleft {
    float: left;
    margin: 0 20px 20px 0; }
  main.page-single-main article .post-content .aligncenter {
    display: block;
    margin: 0 auto 20px; }
  main.page-single-main article .post-content h1 {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 20px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main article .post-content h1 {
        margin: 10px 0 20px; } }
    main.page-single-main article .post-content h1:after {
      width: 50px;
      height: 3px;
      margin: 10px auto 0px;
      display: block;
      content: '';
      background:; #232323; }
  main.page-single-main article .post-content h2 {
    font-size: 21px;
    text-align: center;
    margin: 20px 0 20px;
    display: inline-block;
    border-bottom: 3px solid #232323; }
    @media screen and (max-width: 1100px) {
      main.page-single-main article .post-content h2 {
        margin: 10px 0 20px; } }
  main.page-single-main article .post-content h3 {
    font-size: 18px;
    margin: 10px 0 20px;
    border-left: 3px solid #232323;
    padding: 8px 15px 7px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main article .post-content h3 {
        margin: 5px 0 20px; } }
  main.page-single-main article .post-content h4 {
    font-size: 16px;
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 0 18px; }
    main.page-single-main article .post-content h4:before {
      background: #E2B633;
      width: 8px;
      height: 8px;
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      border-radius: 50%; }
  main.page-single-main article .post-content h5 {
    font-size: 15px;
    margin: 0 0 20px; }
  main.page-single-main article .post-content h6 {
    font-size: 14px;
    margin: 0 0 20px; }
  main.page-single-main article .post-content blockquote {
    position: relative;
    padding: 33px 30px 30px;
    background: #f7f7f7;
    margin: 0 0 20px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main article .post-content blockquote {
        padding: 23px 20px 20px; } }
    main.page-single-main article .post-content blockquote:before {
      content: "“";
      position: absolute;
      color: #fff;
      font-size: 140px;
      top: -51px;
      left: -3px; }
      @media screen and (max-width: 1100px) {
        main.page-single-main article .post-content blockquote:before {
          content: "“";
          position: absolute;
          color: #fff;
          font-size: 110px;
          top: -40px;
          left: -3px; } }
  main.page-single-main article .post-content table {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea; }
    main.page-single-main article .post-content table tr th {
      padding: 9px 7px 7px;
      background: #f7f7f7;
      border-right: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea; }
    main.page-single-main article .post-content table tr td {
      padding: 9px 7px 7px;
      border-right: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea; }
  main.page-single-main article .post-content dl {
    margin: 0 0 20px; }
    main.page-single-main article .post-content dl dt {
      font-weight: 600; }
    main.page-single-main article .post-content dl dd {
      padding-left: 15px;
      margin: 0 0 20px; }
  main.page-single-main article .post-content ul {
    margin: 0 0 20px;
    padding-left: 20px;
    list-style: disc; }
  main.page-single-main article .post-content ol {
    margin: 0 0 20px;
    padding-left: 20px;
    list-style: decimal; }
  main.page-single-main article .post-content strong {
    font-weight: bold; }
  main.page-single-main article .post-content abbr, main.page-single-main article .post-content acronym {
    cursor: help;
    border-bottom: 1px dotted #232323;
    position: relative; }
    main.page-single-main article .post-content abbr:hover:after, main.page-single-main article .post-content acronym:hover:after {
      position: absolute;
      border: 1px solid #f7f7f7;
      content: attr(title);
      background: rgba(255, 255, 255, 0.9);
      margin: 0;
      padding: 15px;
      top: 50%;
      left: 120%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  main.page-single-main article .post-content address {
    padding: 30px;
    background: #f7f7f7;
    margin: 0 0 20px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main article .post-content address {
        padding: 23px 20px 20px; } }
  main.page-single-main article .post-content big {
    font-size: 140%; }
  main.page-single-main article .post-content cite, main.page-single-main article .post-content q {
    font-style: italic; }
  main.page-single-main article .post-content code, main.page-single-main article .post-content kbd, main.page-single-main article .post-content tt, main.page-single-main article .post-content var {
    padding: 0px 5px;
    background: #f7f7f7;
    border-radius: 3px; }
  main.page-single-main article .post-content del, main.page-single-main article .post-content strike {
    text-decoration: line-through; }
  main.page-single-main article .post-content em {
    font-style: italic;
    font-weight: 600; }
  main.page-single-main article .post-content ins {
    border-bottom: 1px solid #454545; }
  main.page-single-main article .post-content pre {
    background-color: #0f192a;
    color: #fff;
    padding: 15px;
    margin: 0 0 20px;
    overflow-x: scroll;
    position: relative; }
  main.page-single-main article .post-content sup {
    vertical-align: super;
    font-size: 80%; }
  main.page-single-main article .post-content sub {
    vertical-align: sub;
    font-size: 80%; }
  main.page-single-main article .post-content .twitter-tweet {
    display: block;
    margin: 0 auto 20px !important; }
  main.page-single-main article .post-content .gallery-columns-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-1 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 1);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-1 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-1 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-1 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-1 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-2 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 2);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-2 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-2 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-2 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-2 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-3 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 3);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-3 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-3 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-3 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-3 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-4 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 4);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-4 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-4 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-4 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-4 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-5 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 5);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-5 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-5 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-5 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-5 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-6 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 6);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-6 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-6 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-6 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-6 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-7 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 7);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-7 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-7 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-7 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-7 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-8 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 8);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-8 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-8 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-8 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-8 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .gallery-columns-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    main.page-single-main article .post-content .gallery-columns-9 .gallery-item {
      margin: 0 0 20px;
      padding: 0px;
      background: transparent;
      border: none;
      width: calc(100% / 9);
      padding: 0 .1rem; }
      main.page-single-main article .post-content .gallery-columns-9 .gallery-item .wp-caption-text,
      main.page-single-main article .post-content .gallery-columns-9 .gallery-item .gallery-caption {
        margin: 5px 0 0;
        line-height: 1.3; }
      main.page-single-main article .post-content .gallery-columns-9 .gallery-item a {
        display: block; }
        main.page-single-main article .post-content .gallery-columns-9 .gallery-item a img {
          display: block;
          margin: 0 auto; }
  main.page-single-main article .post-content .post-links {
    text-align: center; }
    main.page-single-main article .post-content .post-links > span,
    main.page-single-main article .post-content .post-links > a {
      display: inline-block;
      padding: 5px 15px; }
    main.page-single-main article .post-content .post-links > span {
      border-bottom: 3px solid #232323; }

main.page-single-main article footer.post-footer {
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 840px) {
    main.page-single-main article footer.post-footer {
      padding: 0 20px; } }
  main.page-single-main article footer.post-footer .post-tags {
    margin: 0 0 60px; }
    @media screen and (max-width: 840px) {
      main.page-single-main article footer.post-footer .post-tags {
        margin: 0 0 30px; } }
    main.page-single-main article footer.post-footer .post-tags ul li {
      display: inline-block;
      margin: 0 7px 7px 0; }
      main.page-single-main article footer.post-footer .post-tags ul li a {
        position: relative;
        font-size: 12px;
        padding: 5px 7px 3px 18px;
        background: ;
        color: #fff; }
        main.page-single-main article footer.post-footer .post-tags ul li a:before {
          content: "";
          width: 6px;
          height: 6px;
          background: #fff;
          border-radius: 50%;
          position: absolute;
          top: 11px;
          left: 7px; }

main.page-single-main nav.post-navigation {
  max-width: 980px;
  width: 100%;
  margin: 0 auto; }
  main.page-single-main nav.post-navigation .post-navigation-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 768px) {
      main.page-single-main nav.post-navigation .post-navigation-inner {
        display: block; } }
    main.page-single-main nav.post-navigation .post-navigation-inner .prev-next {
      width: calc((100% - 150px) / 2);
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        main.page-single-main nav.post-navigation .post-navigation-inner .prev-next {
          width: 100%; } }
      main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a {
        display: block; }
        main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a .post-thumbnail {
          background-size: cover;
          background-position: center center;
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-filter: blur(3px);
                  filter: blur(3px);
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
          main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a .post-thumbnail:after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6); }
        main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a i {
          position: absolute;
          color: #f7f7f7; }
        main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a p {
          padding: 30px 30px;
          position: relative;
          color: #f7f7f7;
          word-wrap: break-word;
          overflow-wrap: break-word;
          line-height: 1.3; }
    main.page-single-main nav.post-navigation .post-navigation-inner .prev a i {
      top: 50%;
      left: 15px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    @media screen and (max-width: 768px) {
      main.page-single-main nav.post-navigation .post-navigation-inner .prev a p {
        padding: 23px 20px 20px 30px; } }
    main.page-single-main nav.post-navigation .post-navigation-inner .home {
      width: 150px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        main.page-single-main nav.post-navigation .post-navigation-inner .home {
          display: block;
          margin: 0 auto; } }
      main.page-single-main nav.post-navigation .post-navigation-inner .home a {
        display: block;
        padding: 0 15px;
        line-height: 1.3; }
        @media screen and (max-width: 768px) {
          main.page-single-main nav.post-navigation .post-navigation-inner .home a {
            padding: 20px 0px; } }
        main.page-single-main nav.post-navigation .post-navigation-inner .home a i {
          font-size: 36px;
          color: #232323; }
          @media screen and (max-width: 768px) {
            main.page-single-main nav.post-navigation .post-navigation-inner .home a i {
              font-size: 24px; } }
        main.page-single-main nav.post-navigation .post-navigation-inner .home a span {
          display: block;
          color: #232323;
          font-size: 12px;
          font-weight: 600; }
    main.page-single-main nav.post-navigation .post-navigation-inner .next a i {
      top: 50%;
      right: 15px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    main.page-single-main nav.post-navigation .post-navigation-inner .next a p {
      text-align: right; }
      @media screen and (max-width: 768px) {
        main.page-single-main nav.post-navigation .post-navigation-inner .next a p {
          padding: 23px 30px 20px 20px; } }

main.page-single-main .post-comments {
  max-width: 980px;
  width: 100%;
  margin: 60px auto 0; }
  @media screen and (max-width: 1100px) {
    main.page-single-main .post-comments {
      margin: 30px auto 30px;
      padding: 0 20px; } }
  main.page-single-main .post-comments ul.comment-tabs {
    margin: 0 0 20px;
    border-bottom: 3px solid #eaeaea; }
    main.page-single-main .post-comments ul.comment-tabs:after {
      content: '';
      display: block;
      clear: both; }
    main.page-single-main .post-comments ul.comment-tabs li {
      float: left;
      padding: 11px 15px 5px;
      cursor: pointer;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      position: relative;
      background: #f7f7f7; }
      main.page-single-main .post-comments ul.comment-tabs li span {
        background: #fff;
        padding: 2px 5px 0;
        border-radius: 5px;
        color: #999;
        font-size: 11px;
        font-weight: 600;
        position: relative;
        top: -2px; }
      main.page-single-main .post-comments ul.comment-tabs li:after {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        content: ''; }
      main.page-single-main .post-comments ul.comment-tabs li.active {
        background: ;
        color: #fff; }
        main.page-single-main .post-comments ul.comment-tabs li.active:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -3px;
          width: 100%;
          height: 3px;
          background: ; }
  main.page-single-main .post-comments .comment-list-container {
    margin: 0 0 30px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main .post-comments .comment-list-container {
        margin: 0 0 20px; } }
    main.page-single-main .post-comments .comment-list-container ol.children {
      margin-left: 20px; }
    main.page-single-main .post-comments .comment-list-container ol.hide {
      display: none; }
    main.page-single-main .post-comments .comment-list-container ol > li,
    main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor {
      padding: 15px 0;
      border-bottom: 1px solid #eaeaea; }
      main.page-single-main .post-comments .comment-list-container ol > li .comment-respond,
      main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-respond {
        margin-top: 15px; }
      main.page-single-main .post-comments .comment-list-container ol > li .comment-body,
      main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body {
        display: table;
        width: 100%; }
        main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-left,
        main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-left {
          display: table-cell;
          vertical-align: top;
          padding-right: 15px;
          width: 48px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-left .comment-author-pic img,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-left .comment-author-pic img {
            border-radius: 50%;
            vertical-align: bottom; }
        main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right,
        main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right {
          display: table-cell;
          vertical-align: top; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-meta,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-meta {
            margin-bottom: 7px; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-meta .comment-author-name,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-meta .comment-author-name {
              display: inline-block;
              vertical-align: middle;
              font-weight: 600; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-meta .comment-time,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-meta .comment-time {
              display: inline-block;
              vertical-align: middle; }
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-meta .comment-time a,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-meta .comment-time a {
                color: #999;
                font-size: 12px; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-meta .comment-edit-link-container,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-meta .comment-edit-link-container {
              display: inline-block;
              vertical-align: middle; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content *:first-child,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content *:first-child {
            margin-top: 0px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content *:last-child,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content *:last-child {
            margin-bottom: 0px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content p,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content p {
            margin-bottom: 20px; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content p:last-child,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content p:last-child {
              margin-bottom: 0px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content img,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content img {
            margin: 0 0 20px;
            vertical-align: bottom;
            max-width: 100%;
            height: auto; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content figure,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content figure {
            max-width: 100%;
            margin: 0 0 20px;
            padding: 10px;
            background: #f7f7f7;
            border: 1px solid #eaeaea; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content figure img,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content figure img {
              margin: 0 0 10px; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content figure figcaption.wp-caption-text,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content figure figcaption.wp-caption-text {
              font-size: 12px;
              text-align: center; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content .alignright,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content .alignright {
            float: right;
            margin: 0 0 20px 20px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content .alignleft,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content .alignleft {
            float: left;
            margin: 0 20px 20px 0; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content .aligncenter,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content .aligncenter {
            display: block;
            margin: 0 auto 20px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h1,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h1 {
            font-size: 24px;
            text-align: center;
            margin: 20px 0 20px; }
            @media screen and (max-width: 1100px) {
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h1,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h1 {
                margin: 10px 0 20px; } }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h1:after,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h1:after {
              width: 50px;
              height: 3px;
              margin: 10px auto 0px;
              display: block;
              content: '';
              background: #232323; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h2,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h2 {
            font-size: 21px;
            text-align: center;
            margin: 20px 0 20px;
            display: inline-block;
            border-bottom: 3px solid #232323; }
            @media screen and (max-width: 1100px) {
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h2,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h2 {
                margin: 10px 0 20px; } }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h3,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h3 {
            font-size: 18px;
            margin: 10px 0 20px;
            border-left: 3px solid #232323;
            padding: 8px 15px 7px; }
            @media screen and (max-width: 1100px) {
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h3,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h3 {
                margin: 5px 0 20px; } }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h4,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h4 {
            font-size: 16px;
            margin: 0 0 20px;
            position: relative;
            padding: 0 0 0 18px; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h4:before,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h4:before {
              background: #E2B633;
              width: 8px;
              height: 8px;
              content: '';
              position: absolute;
              top: 7px;
              left: 0;
              border-radius: 50%; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h5,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h5 {
            font-size: 15px;
            margin: 0 0 20px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content h6,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content h6 {
            font-size: 14px;
            margin: 0 0 20px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content blockquote,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content blockquote {
            position: relative;
            padding: 33px 30px 30px;
            background: #f7f7f7;
            margin: 0 0 20px; }
            @media screen and (max-width: 1100px) {
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content blockquote,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content blockquote {
                padding: 23px 20px 20px; } }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content blockquote:before,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content blockquote:before {
              content: "“";
              position: absolute;
              color: #fff;
              font-size: 140px;
              top: -51px;
              left: -3px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content table,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content table {
            width: 100%;
            margin: 0 0 20px;
            border-top: 1px solid #eaeaea;
            border-left: 1px solid #eaeaea; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content table tr th,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content table tr th {
              padding: 9px 7px 7px;
              background: #f7f7f7;
              border-right: 1px solid #eaeaea;
              border-bottom: 1px solid #eaeaea; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content table tr td,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content table tr td {
              padding: 9px 7px 7px;
              border-right: 1px solid #eaeaea;
              border-bottom: 1px solid #eaeaea; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content dl dt,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content dl dt {
            font-weight: 600; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content dl dd,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content dl dd {
            padding-left: 15px;
            margin: 0 0 20px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content ul,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content ul {
            margin: 0 0 20px;
            padding-left: 20px;
            list-style: disc; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content ol,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content ol {
            margin: 0 0 20px;
            padding-left: 20px;
            list-style: decimal; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content ol li,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content ol li {
              padding: 0px 0;
              border-bottom: none; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content strong,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content strong {
            font-weight: 600; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content abbr, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content acronym,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content abbr,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content acronym {
            cursor: help;
            border-bottom: 1px dotted #232323;
            position: relative; }
            main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content abbr:hover:after, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content acronym:hover:after,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content abbr:hover:after,
            main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content acronym:hover:after {
              position: absolute;
              border: 1px solid #f7f7f7;
              content: attr(title);
              background: rgba(255, 255, 255, 0.9);
              margin: 0;
              padding: 15px;
              top: 50%;
              left: 120%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content address,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content address {
            padding: 30px;
            background: #f7f7f7;
            margin: 0 0 20px; }
            @media screen and (max-width: 1100px) {
              main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content address,
              main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content address {
                padding: 23px 20px 20px; } }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content big,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content big {
            font-size: 140%; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content cite, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content q,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content cite,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content q {
            font-style: italic; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content code, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content kbd, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content tt, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content var,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content code,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content kbd,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content tt,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content var {
            padding: 0px 5px;
            background: #f7f7f7;
            border-radius: 3px; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content del, main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content strike,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content del,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content strike {
            text-decoration: line-through; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content em,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content em {
            font-style: italic;
            font-weight: 600; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content ins,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content ins {
            border-bottom: 1px solid #454545; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content pre,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content pre {
            background-color: #0f192a;
            color: #fff;
            padding: 15px;
            margin: 0 0 20px;
            overflow-x: scroll;
            position: relative;
            white-space: pre-wrap;
            word-wrap: break-word; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content sup,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content sup {
            vertical-align: super;
            font-size: 80%; }
          main.page-single-main .post-comments .comment-list-container ol > li .comment-body .comment-right .comment-content sub,
          main.page-single-main .post-comments .comment-list-container ol > li.bypostauthor .comment-body .comment-right .comment-content sub {
            vertical-align: sub;
            font-size: 80%; }
  main.page-single-main .post-comments nav.comment-navigation {
    display: table;
    width: 100%;
    margin: 0 0 30px; }
    @media screen and (max-width: 1100px) {
      main.page-single-main .post-comments nav.comment-navigation {
        margin: 0 0 20px; } }
    main.page-single-main .post-comments nav.comment-navigation .nav-previous {
      display: table-cell;
      vertical-align: middle;
      padding-right: 15px;
      text-align: left; }
    main.page-single-main .post-comments nav.comment-navigation .nav-next {
      display: table-cell;
      vertical-align: middle;
      padding-left: 15px;
      text-align: right; }
  main.page-single-main .post-comments .comment-respond {
    padding: 60px;
    background: #f7f7f7; }
    @media screen and (max-width: 1100px) {
      main.page-single-main .post-comments .comment-respond {
        padding: 30px 20px; } }
    main.page-single-main .post-comments .comment-respond h3.comment-reply-title {
      text-align: center; }
      main.page-single-main .post-comments .comment-respond h3.comment-reply-title small {
        font-size: 80%; }
    main.page-single-main .post-comments .comment-respond form.comment-form span.required {
      color: red; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.logged-in-as {
      text-align: center;
      margin: 0 0 15px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.comment-notes {
      text-align: center;
      margin: 0 0 15px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-comment {
      margin: 0 0 7px;
      clear: both; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-comment label {
        display: block;
        font-size: 14px;
        font-weight: 600; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-comment textarea {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        border: 1px solid #eaeaea;
        border-radius: 3px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-author {
      margin: 0 0 7px;
      width: 48%;
      float: left; }
      @media screen and (max-width: 480px) {
        main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-author {
          width: 100%;
          float: none;
          clear: both; } }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-author label {
        display: block;
        font-size: 14px;
        font-weight: 600; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-author input {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        border: 1px solid #eaeaea;
        border-radius: 3px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-email {
      margin: 0 0 7px;
      float: right;
      width: 48%; }
      @media screen and (max-width: 480px) {
        main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-email {
          width: 100%;
          float: none;
          clear: both; } }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-email label {
        display: block;
        font-size: 14px;
        font-weight: 600; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-email input {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        border: 1px solid #eaeaea;
        border-radius: 3px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-url {
      margin: 0 0 7px;
      clear: both; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-url label {
        display: block;
        font-size: 14px;
        font-weight: 600; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.comment-form-url input {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        border: 1px solid #eaeaea;
        border-radius: 3px; }
    main.page-single-main .post-comments .comment-respond form.comment-form p.form-submit {
      margin: 15px 0 0;
      text-align: center; }
      main.page-single-main .post-comments .comment-respond form.comment-form p.form-submit input[type="submit"] {
        background: ;
        padding: 15px 30px;
        color: #fff;
        -webkit-box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2);
                box-shadow: 0 5px 15px rgba(62, 58, 57, 0.2);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        cursor: pointer;
        border-radius: 3px;
        -webkit-appearance: none; }
        main.page-single-main .post-comments .comment-respond form.comment-form p.form-submit input[type="submit"]:hover {
          -webkit-box-shadow: none;
                  box-shadow: none;
          -webkit-transform: translateY(3px);
                  transform: translateY(3px); }

.fixed-copy-right {
  position: fixed;
  z-index: 1002;
  bottom: 30px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  left: 28px;
  overflow: hidden; }
  @media screen and (max-width: 1100px) {
    .fixed-copy-right {
      display: none; } }
  .fixed-copy-right:before {
    content: '';
    width: 100%;
    height: 0%;
    background: #E2B633;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bkY 0.8s ease-in-out 0s forwards;
            animation: bkY 0.8s ease-in-out 0s forwards;
    z-index: 1003; }
  .fixed-copy-right p {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-size: 12px;
    font-weight: bold;
    -webkit-animation: bkTextImg 0.8s linear 0s forwards;
            animation: bkTextImg 0.8s linear 0s forwards; }

.articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 1100px) {
    .articles {
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  .articles:after {
    content: "";
    display: block;
    width: 306.666666px; }
  .articles article {
    width: 306.666666px;
    background: #fff;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 1px 2px #ddd;
            box-shadow: 0 1px 2px #ddd; }
    @media screen and (max-width: 1100px) {
      .articles article {
        width: 45%; } }
    @media screen and (max-width: 1100px) {
      .articles article {
        margin: 0 0 20px; } }
    @media screen and (max-width: 672px) {
      .articles article {
        width: 100%; } }
    .articles article a {
      display: block; }
      .articles article a:hover {
        opacity: 1; }
        .articles article a:hover .post-header figure.post-thumbnail figcaption {
          letter-spacing: 3px;
          opacity: 1; }
        .articles article a:hover .post-header figure.post-thumbnail:after {
          background: rgba(0, 0, 0, 0.9); }
      .articles article a .post-header {
        position: relative;
        overflow: hidden; }
        .articles article a .post-header figure.post-thumbnail {
          background-size: cover;
          background-position: center center; }
          .articles article a .post-header figure.post-thumbnail:before {
            content: '';
            width: 100%;
            padding-top: 75%;
            display: block; }
          .articles article a .post-header figure.post-thumbnail:after {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            background: transparent;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            -webkit-transition: all 0.4s;
            transition: all 0.4s; }
          .articles article a .post-header figure.post-thumbnail figcaption {
            position: absolute;
            color: #fff;
            top: 50%;
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
                    transform: translate3d(-50%, -50%, 0);
            z-index: 4;
            letter-spacing: 10px;
            width: 100%;
            text-align: center;
            opacity: 0;
            -webkit-transition: all 0.4s;
            transition: all 0.4s; }
          .articles article a .post-header figure.post-thumbnail .post-author {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 7px 10px;
            line-height: 1;
            width: 100%;
            text-align: right; }
            .articles article a .post-header figure.post-thumbnail .post-author:before {
              content: '';
              width: 100%;
              height: 30px;
              position: absolute;
              bottom: 0;
              left: 0;
              background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
              background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%); }
            .articles article a .post-header figure.post-thumbnail .post-author .avatar {
              display: inline-block;
              vertical-align: middle;
              line-height: 1;
              position: relative;
              z-index: 2; }
              .articles article a .post-header figure.post-thumbnail .post-author .avatar img {
                border-radius: 50%;
                vertical-align: bottom; }
            .articles article a .post-header figure.post-thumbnail .post-author .name {
              display: inline-block;
              vertical-align: middle;
              font-size: 10px;
              font-weight: bold;
              color: #fff;
              line-height: 1;
              position: relative;
              z-index: 2; }
          .articles article a .post-header figure.post-thumbnail .post-category {
            position: absolute;
            top: 15px;
            left: 0;
            font-size: 10px;
            font-weight: 400;
            padding: 3px 5px 1px;
            background:;
            color: #fff; }
            .articles article a .post-header figure.post-thumbnail .post-category:after {
              content: "";
              border-style: solid;
              border-width: 0;
              position: absolute;
              width: 0;
              height: 0;
              border-width: 11px 10px 10px 0;
              right: -10px;
              top: 0;
              border-color:  transparent; }
      .articles article a .post-content {
        padding: 15px; }
        .articles article a .post-content time {
          color: #999;
          font-size: 12px;
          font-weight: 400; }
        .articles article a .post-content h2.post-title {
          color: #454545;
          font-size: 16px;
          word-wrap: break-word;
          overflow-wrap: break-word; }

.no-articles {
  text-align: center;
  font-size: 32px;
  font-weight: 600; }

.navigation h2 {
  display: none; }

.navigation .nav-links {
  text-align: center; }
  .navigation .nav-links a:hover {
    opacity: 0.6; }
  .navigation .nav-links > .page-numbers {
    padding: 5px 15px;
    display: inline-block; }
  .navigation .nav-links > .current {
    border-bottom: 3px solid #232323; }

.search-form {
  max-width: 320px;
  width: 100%;
  position: relative;
  margin: 0 auto; }
  .search-form .search-inner {
    padding: 10px 59px 7px 15px;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    -webkit-appearance: none; }
  .search-form .search-submit {
    width: 44px;
    height: 44px;
    line-height:44px;
    background:;
    color: #fff;
    position: absolute;
    top:0;
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
    .search-form .search-submit:hover {
      opacity: 0.6; }

form.post-password-form {
  max-width: 280px;
  width: 100%;
  margin: 0 auto; }
  form.post-password-form input[type=password] {
    padding: 10px 15px 7px 15px;
    border-radius: 3px;
    font-size: 16px;
    border: 1px solid #eaeaea;
    width: calc(100% - 65px); }
  form.post-password-form input[type=submit] {
    background:;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    padding: 0 15px;
    line-height: 46px;
    width: 60px;
    height: 46px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    -webkit-appearance: none; }
    form.post-password-form input[type=submit]:hover {
      opacity: 0.6; }