/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
.wrapper{position:relative;z-index:2;background-color:#fff;padding:25px 0}
@media only screen and (min-width:64em){.wrapper{padding:32px 0}
}
.off-canvas-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.off-canvas-container .wrapper{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.icon{vertical-align:bottom}
body{color:#222;font-size:16px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:32px;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",'Microsoft YaHei','WenQuanYi Micro Hei',Helvetica,Arial,sans-serif;;font-size:19px;font-weight:400;margin:0 0 25px}
@media only screen and (max-width:40em){h1,h2,h3,h4,h5,h6{font-size:16px}
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}
.post__content h1{font-size:32px}
.post__content h2{font-size:28px}
.post__content h3{font-size:26px}
.post__content h4{font-size:22px}
.post__content h5{font-size:19px}
.post__content ol,.post__content p,.post__content ul{font-size:16px;margin-bottom:25px}
.post__content li{margin:0 0 13px}
p{margin:0 0 32px}
p.font-medium{margin:0 0 25px}
p.font-small{margin:0 0 22px}
p.font-tiny{margin:0 0 19px}
@media only screen and (max-width:40em){p{margin:0 0 25px}
}
blockquote{margin:0;padding:0 64px 0 64px;font-style:italic}
@media only screen and (max-width:40em){blockquote{padding:0 44px 0 44px}
}
hr{border:0;height:1px;background-color:#ecf0f1;margin:25px 0}
@media only screen and (min-width:40.063em){hr{margin:32px 0}
}
ol,ul{margin:0 0 32px}
ol ol,ol ul,ul ol,ul ul{margin:0}
@media only screen and (max-width:40em){ol,ul{margin:0 0 25px}
}
a{color:#222;-webkit-transition:.4s;transition:.4s}
a:visited{color:#222}
a:hover{color:#7e7e7e}
a:active{color:#222}
a.custom{text-decoration:none}
.box{overflow:hidden;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ecf0f1}
@media only screen and (min-width:64em){.box{padding-bottom:32px;margin-bottom:32px}
}
.box__icon{float:left;width:32px;margin-right:10.67px}
.box__title{margin:0;font-weight:300;line-height:25px}
@media only screen and (min-width:40.063em){.box__body{overflow:hidden}
}
.box__text{margin-top:11px;margin-bottom:0;font-size:14px;line-height:22px}
.box a{text-decoration:none}
iframe,img{display:block}
img{height:auto;max-width:100%}
.post__content .fluid-width-video-wrapper,.post__content .twitter-tweet,.post__content iframe,.post__content img{margin-bottom:25px!important}
@media only screen and (max-width:40em){.post__content .fluid-width-video-wrapper,.post__content .twitter-tweet,.post__content iframe,.post__content img{margin-bottom:22px}
}
.post__content p img{margin-bottom:0}
code,pre{font-family:Courier,monospace;background-color:#fafafa}
pre{overflow:auto;margin-top:0;margin-bottom:32px;padding:32px;font-size:16px;white-space:pre-wrap;word-wrap:break-word}
@media only screen and (max-width:40em){pre{margin-bottom:22px;padding:25px}
}
p code{padding:3px 6px}
.row{margin:0 auto;padding-left:13px;padding-right:13px;max-width:1260px}
.row:after,.row:before{display:table;clear:both;content:" "}
.row .row{padding:0;margin-right:-13px;margin-left:-13px}
@media only screen and (min-width:64em){.row .row{margin-right:-16px;margin-left:-16px}
}
@media only screen and (min-width:64em){.row{padding-left:16px;padding-right:16px}
}
.row--full{max-width:100vw}
.row--collapse{margin-left:13px;margin-right:13px}
@media only screen and (min-width:64em){.row--collapse{margin-right:16px;margin-left:16px}
}
.row--collapse .column{padding-right:0;padding-left:0}
.column{position:relative;float:left;padding-right:13px;padding-left:13px;width:100%}
@media only screen and (min-width:64em){.column{padding-right:16px;padding-left:16px}
}
.column--center{float:none;margin:0 auto}
@media only screen{.small-1{width:8.33333%}
.small-2{width:16.66667%}
.small-3{width:25%}
.small-4{width:33.33333%}
.small-5{width:41.66667%}
.small-6{width:50%}
.small-7{width:58.33333%}
.small-8{width:66.66667%}
.small-9{width:75%}
.small-10{width:83.33333%}
.small-11{width:91.66667%}
.small-12{width:100%}
}
@media only screen and (min-width:40.063em){.medium-1{width:8.33333%}
.medium-2{width:16.66667%}
.medium-3{width:25%}
.medium-4{width:33.33333%}
.medium-5{width:41.66667%}
.medium-6{width:50%}
.medium-7{width:58.33333%}
.medium-8{width:66.66667%}
.medium-9{width:75%}
.medium-10{width:83.33333%}
.medium-11{width:91.66667%}
.medium-12{width:100%}
}
@media only screen and (min-width:64em){.large-1{width:8.33333%}
.large-2{width:16.66667%}
.large-3{width:25%}
.large-4{width:33.33333%}
.large-5{width:41.66667%}
.large-6{width:50%}
.large-7{width:58.33333%}
.large-8{width:66.66667%}
.large-9{width:75%}
.large-10{width:83.33333%}
.large-11{width:91.66667%}
.large-12{width:100%}
}
input[type=email],input[type=number],input[type=tel],input[type=text],textarea{width:100%;max-width:100%;margin-bottom:0;display:inline-block;border:1px solid #ecf0f1;padding:8px 16px;font-size:14px;line-height:25px;letter-spacing:1px;outline:0;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-transition:.4s;transition:.4s}
@media only screen and (min-width:64em){input[type=email],input[type=number],input[type=tel],input[type=text],textarea{padding:16px 32px}
}
input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border:1px solid #7e7e7e}
.subscribe-form form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.subscribe-form .form-group{-webkit-box-flex:8;-ms-flex:8;flex:8}
.subscribe-form .button{-webkit-box-flex:2;-ms-flex:2;flex:2;position:relative;left:-1px}
.button,a.button{display:inline-block;text-align:center;padding:12px 32px;font-size:14px;line-height:25px;letter-spacing:1px;border:0;border-radius:0;text-decoration:none;color:#222;white-space:nowrap;background-color:#fff;border:1px solid #ecf0f1;-webkit-transition:.4s;transition:.4s}
.button:active,.button:focus,.button:hover,a.button:active,a.button:focus,a.button:hover{color:#222;background-color:#fafafa}
.button--expand,a.button--expand{width:100%}
.button--small,a.button--small{padding:6px 11px;line-height:22px}
.button--large,a.button--large{padding:16px 32px;font-size:14px;line-height:25px}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.icon{position:relative;display:inline-block;width:25px;height:25px;overflow:hidden;fill:currentColor}
.icon__cnt{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translate(.5px,-.3px)}
.icon--m{width:50px;height:50px}
.icon--l{width:100px;height:100px}
.icon--xl{width:150px;height:150px}
.icon--xxl{width:200px;height:200px}
.icon__spinner{position:absolute;top:0;left:0;width:100%;height:100%}
.icon--ei-spinner .icon__spinner,.icon--ei-spinner-2 .icon__spinner{-webkit-animation:spin 1s steps(12) infinite;animation:spin 1s steps(12) infinite}
.icon--ei-spinner-3 .icon__spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
.icon--ei-sc-facebook{fill:#3b5998}
.icon--ei-sc-github{fill:#333}
.icon--ei-sc-google-plus{fill:#dd4b39}
.icon--ei-sc-instagram{fill:#3f729b}
.icon--ei-sc-linkedin{fill:#0976b4}
.icon--ei-sc-odnoklassniki{fill:#ed812b}
.icon--ei-sc-skype{fill:#00aff0}
.icon--ei-sc-soundcloud{fill:#f80}
.icon--ei-sc-tumblr{fill:#35465c}
.icon--ei-sc-twitter{fill:#55acee}
.icon--ei-sc-vimeo{fill:#1ab7ea}
.icon--ei-sc-vk{fill:#45668e}
.icon--ei-sc-youtube{fill:#e52d27}
.icon--ei-sc-pinterest{fill:#bd081c}
.icon--ei-sc-telegram{fill:#08c}
.post-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px;background:#fff;position:relative}
.post-card__image{background-color:#ecf0f1;background-position:50%;background-repeat:no-repeat;background-size:cover}
@media only screen and (min-width:40.063em){.post-card__image{-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}
.post-card__image.js-fadein{opacity:0}
.post-card__image.is-inview{opacity:1}
}
.post-card__image:after{-webkit-transition:.4s;transition:.4s;position:absolute;top:0;height:100%;width:100%;content:'';background-color:#000;opacity:0}
.post-card__info{background-color:#ecf0f1;text-decoration:none;padding:25px}
.post-card__info:hover{color:#222}
@media only screen and (min-width:40.063em){.post-card__info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:32px}
}
.post-card__title{position:relative;font-size:19px;line-height:25px;margin-top:0;margin-bottom:0}
.post-card__title:after{width:0;content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #7e7e7e;-webkit-transition:width .4s;transition:width .4s}
@media only screen and (min-width:40.063em){.post-card__title{font-size:24px;line-height:28px}
}
.post-card__title a{display:inline;border-bottom:none;-webkit-transition:.4s;transition:.4s;background-size:0 100%;background-repeat:no-repeat}
.post-card__title a:hover{color:#222}
.post-card__meta{margin-bottom:8px;font-size:14px;line-height:22px;color:#7e7e7e}
.post-card__meta a{color:#7e7e7e;text-decoration:none}
.post-card:hover .post-card__image:after{opacity:.1}
.post-card:hover .post-card__title:after{width:100%}
.post-card--featured__icon{position:absolute;bottom:8px;left:8px;fill:#fff}
@media only screen and (min-width:64em){.post-card{margin-bottom:32px}
}
.post-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap}
.post-list .post-card-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}
.post-list .post-card{width:100%}
.tag-card{margin-bottom:32px;background-color:#fafafa}
.tag-card__image{background-color:#ecf0f1;background-position:50%;background-repeat:no-repeat;background-size:cover;text-decoration:none}
@media only screen and (min-width:40.063em){.tag-card__image{opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}
.tag-card__image.is-inview{opacity:1}
}
@media only screen and (min-width:40.063em) and (-webkit-min-device-pixel-ratio:0){.tag-card__image{opacity:1}
}
.tag-card__image:after{-webkit-transition:.4s;transition:.4s;position:absolute;top:0;height:100%;width:100%;content:'';background-color:#000;opacity:.1}
.tag-card__title{position:relative;z-index:1;margin:0;padding:16px;font-size:19px;font-weight:700;color:#fff}
.tag-card:hover .tag-card__image:after{opacity:.2}
.cover{margin-bottom:25px}
@media only screen and (min-width:64em){.cover{margin-bottom:32px}
}
.cover__image{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fafafa}
.cover__image:before{content:'';display:block;padding-bottom:50%}
@media only screen and (min-width:40.063em){.cover__image{outline:1px solid #fff;outline-offset:-25px}
}
@media only screen and (min-width:40.063em) and (min-width:64em){.cover__image{outline-offset:-32px}
}
@media only screen and (min-width:40.063em){.cover__image:after{position:absolute;top:0;height:100%;width:100%;content:'';background-color:#000;opacity:.3}
}
@media only screen and (min-width:40.063em){.cover{position:relative}
.cover__content{position:absolute;top:50%;left:50%;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@media only screen and (max-width:40em){.cover__info{padding:16px;background-color:#fafafa}
}
.cover__title{margin-bottom:0;font-weight:400;font-size:24px;line-height:38px;}
@media only screen and (min-width:64em){.cover__title{font-size:38px;line-height:50px}
}
.cover__meta{display:block;font-size:14px;line-height:22px}
@media only screen and (min-width:40.063em){.cover__meta{font-size:14px}
}
.cover__text{margin-bottom:0;font-size:14px}
@media only screen and (min-width:40.063em){.cover__text{font-size:16px;line-height:25px}
}
@media only screen and (min-width:64em){.cover__text{font-size:19px;line-height:32px}
}
.share-list{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ecf0f1;line-height:22px}
.share-list li{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:0;border-right:1px solid #ecf0f1}
.share-list li:last-child{border-right:0}
.share-list__link{display:block;padding:6px;font-size:14px;-webkit-transition:.4s;transition:.4s}
.share-list__link:hover{background-color:#fafafa}
.share-list__link:hover .share-list__icon--twitter{fill:#55acee}
.share-list__link:hover .share-list__icon--facebook{fill:#3b5998}
.share-list__icon{fill:#7e7e7e;width:22px;height:22px}
.toggle-search-button__icon{vertical-align:middle}
.search-form-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;white-space:nowrap;background:#fff;opacity:0;visibility:hidden;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(0,-100%) scale(0,0);transform:translate(0,-100%) scale(0,0)}
.search-form-container__close{position:absolute;top:32px;right:32px;cursor:pointer;-webkit-transition:.4s;transition:.4s;fill:#222}
.search-form-container__close:hover{fill:#7e7e7e;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@media only screen and (max-width:40em){.search-form-container__close{top:16px;right:16px}
}
.search-form-container.is-active{opacity:1;visibility:visible;-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}
.search-form{margin-bottom:16px}
.search-form__field{padding:0;width:100%;outline:0;font-size:38px;line-height:64px;border:0;border-bottom:1px solid #ecf0f1}
@media only screen and (max-width:40em){.search-form__field{font-size:28px;line-height:44px}
}
.search-form__field:focus{border:0;border-bottom:1px solid #ecf0f1}
.search-form__submit{display:none}
.search-form__fieldset{border:0;margin-top:64px;padding:0}
.search-results{display:none;height:80vh;overflow:auto;white-space:normal}
.search-results .heading{padding-bottom:16px;margin-right:16px;margin-bottom:16px;color:#7e7e7e;border-bottom:1px solid #ecf0f1}
.search-results__item{margin-bottom:16px;margin-right:16px;padding-bottom:16px;border-bottom:1px solid #ecf0f1}
.search-results__item__title{display:block;text-decoration:none;font-size:16px;line-height:25px}
.search-results__date{font-size:14px;line-height:22px;color:#7e7e7e}
.FlexEmbed{display:block;overflow:hidden;position:relative}
.FlexEmbed:before{content:"";display:block;width:100%}
.FlexEmbed--3by1:before{padding-bottom:33.33333%}
.FlexEmbed--2by1:before{padding-bottom:50%}
.FlexEmbed--16by9:before{padding-bottom:56.25%}
.FlexEmbed--4by3:before{padding-bottom:75%}
.navigation{text-align:center}
.navigation li{display:inline-block;margin-right:16px;font-size:16px;line-height:32px}
@media only screen and (max-width:40em){.navigation li{display:block;margin-right:0}
}
.navigation li:last-child{margin-right:0}
.navigation a:not(.toggle-search-button){position:relative;-webkit-transition:.4s;transition:.4s;text-decoration:none;}
@media only screen and (max-width:40em){.navigation a:not(.toggle-search-button){display:block;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #ecf0f1}
}
.navigation a:not(.toggle-search-button):after{width:0;content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #7e7e7e;-webkit-transition:width .4s;transition:width .4s}
.navigation a:not(.toggle-search-button):hover{color:#222}
.navigation a:not(.toggle-search-button):hover:after{width:100%}
.navigation--header .nav-current a:after{width:100%}
.home-template .navigation--header .nav-current a:not(:hover):after{width:0}
@media only screen and (min-width:40.063em){.navigation--header{text-align:right}
}
.pagination{clear:both;font-size:14px;line-height:25px}
.pagination .icon,.pagination span{position:relative}
.pagination .newer-posts{float:left;text-align:left}
.pagination .newer-posts span{left:-16px}
.pagination .newer-posts .icon{left:-8.33px}
.pagination .older-posts{float:right;text-align:right}
.pagination .older-posts span{right:-16px}
.pagination .older-posts .icon{right:-8.33px}
.pagination a{text-decoration:none;letter-spacing:.2em;-webkit-transition:.4s;transition:.4s}
.post-navigation{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.post-navigation:last-child .post-card{border-bottom:0;margin-bottom:0;padding-bottom:0}
@media only screen and (min-width:40.063em){.post-navigation .post-card{border-bottom:0;margin-bottom:0;padding-bottom:0}
}
.post-navigation:before{position:absolute;z-index:1;content:"";top:16px;padding:0 16px;font-size:14px;color:#7e7e7e;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.post-navigation.prev:before{left:32px;content:"Previous Story"}
.post-navigation.next:before{right:32px;content:"Next Story"}
.post-navigation:hover:before{background-color:#fff}
.hero{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
@media only screen and (min-width:40.063em){.hero{outline:1px solid #fff;outline-offset:-25px}
}
@media only screen and (min-width:64em){.hero{outline-offset:-32px}
}
.hero:after{position:absolute;top:0;height:100%;width:100%;content:'';background-color:#222228;opacity:.3}
.hero__content{position:absolute;top:50%;left:0;right:0;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0 16px;color:#fff;text-align:center;letter-spacing:1px}
@media only screen and (min-width:40.063em){.hero__content{left:50%;padding:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
.hero__img{max-height:16px;position:absolute;top:-120%;left:50%;transform:scale(0.5) translate(-100%,-100%)}
@media only screen and (min-width:40.063em){.hero__img{max-height:30px;position:absolute;top:-200%;left:50%;transform:scale(1) translate(-50%,-50%)}
}
.hero__title{font-family:SimSun;position:relative;display:inline-block;text-transform:uppercase;margin-bottom:5px;padding:2px 0;font-size:19px;line-height:22px}
.hero__title:after,.hero__title:before{content:'';width:100%;height:0px;background:#fff;position:absolute;left:0}
.hero__title:before{top:0}
.hero__title:after{bottom:1px}
@media only screen and (min-width:40.063em){.hero__title{font-family:SimSun;font-size:34px;line-height:32px}
}
.hero__description{font-style:italic}
@media only screen and (min-width:40.063em){.hero__description{margin-top:3px}
}
.hero:before{content:'';display:block;padding-bottom:56.25%}
@media only screen and (min-width:40.063em){.hero{top:0;left:0;right:0}
.hero:before{padding-bottom:calc(70vh - 80px)}
}
@media only screen and (min-width:64em){.hero{position:fixed;height:calc(100vh - 80px)}
.hero:before{padding-bottom:calc(100vh - 80px)}
}
.logo{display:block;margin-bottom:0;line-height:32px}
@media only screen and (max-width:40em){.logo{line-height:25px}
}
.logo a{-webkit-transition:.4s;transition:.4s;text-decoration:none;letter-spacing:1px}
.logo a:hover{color:#7e7e7e}
.logo__img{max-height:32px;vertical-align:middle}
.site-header{position:relative;padding:13px 0;line-height:25px;background-color:#fafafa}
@media only screen and (min-width:40.063em){.site-header{padding:16px 0}
.site-header.cover-exist{padding:25px 0}
}
@media only screen and (min-width:64em){.site-header{z-index:100;width:100%}
}
@media only screen and (min-width:64em){.site-header.cover-exist{height:80px;margin-top:calc(100vh - 80px)}
}
.off-canvas-toggle{display:none}
@media only screen and (max-width:40em){.off-canvas-toggle{float:right;display:block;position:absolute;top:50%;right:19px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;cursor:pointer}
}
@media only screen and (max-width:40em){body,html{overflow-x:hidden}
.off-canvas-content{position:fixed;top:0;right:0;width:200px;height:100%;background-color:#fff;border-left:1px solid #ecf0f1;-webkit-transform:translate3d(0,0,0) translateX(200px);transform:translate3d(0,0,0) translateX(200px);-webkit-transition:all .4s cubic-bezier(.16,.63,.45,.98) 0s;transition:all .4s cubic-bezier(.16,.63,.45,.98) 0s}
.off-canvas-container{-webkit-transform:translate3d(0,0,0) translateX(0);transform:translate3d(0,0,0) translateX(0);-webkit-transition:all .4s cubic-bezier(.16,.63,.45,.98) 0s;transition:all .4s cubic-bezier(.16,.63,.45,.98) 0s}
.off-canvas-container.is-active{-webkit-transform:translate3d(0,0,0) translateX(-200px);transform:translate3d(0,0,0) translateX(-200px)}
}
.footer{position:relative;z-index:2;border-top:1px solid #fafafa;padding:16px 0;background-color:#ecf0f1}
@media only screen and (min-width:40.063em){.footer{padding:50px 0}
}
.footer__section{margin-bottom:16px}
.footer__section:last-child{margin-bottom:0}
.social-icons li{display:inline-block;vertical-align:super}
.social-icons .icon{fill:#222;-webkit-transition:.4s;transition:.4s}
.social-icons .icon:hover{fill:#7e7e7e}
.author-image{float:left;margin:0;margin-right:25px}
.author-image .img{height:64px;width:64px;background-position:center;background-size:cover}
@media only screen and (min-width:40.063em){.author-image .img{height:100px;width:100px}
}
@media only screen and (min-width:64em){.author-image .img{height:128px;width:128px}
}
@media only screen and (min-width:64em){.author-image{margin-right:32px}
}
.author-meta{text-indent:-1px}
.author-meta .icon{fill:#222;-webkit-transition:.4s;transition:.4s}
.author-meta a .icon:hover{fill:#7e7e7e}
.post{margin-bottom:25px}
@media only screen and (min-width:64em){.post{margin-bottom:32px}
}
.post__content a:not(.button){background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(to bottom,#222,#222);text-shadow:-1px -1px 0 #fdfdfd,1px -1px 0 #fdfdfd,-1px 1px 0 #fdfdfd,1px 1px 0 #fdfdfd;background-repeat:repeat-x;background-size:1px 1px;background-position:0 96%;text-decoration:none}
.post__content a:not(.button):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#7e7e7e),to(#7e7e7e));background-image:linear-gradient(to bottom,#7e7e7e,#7e7e7e)}
.post__tags{font-size:14px}
.post__tags a{padding:3px 11px;margin:4px 8px 4px 0;display:inline-block;font-size:14px;line-height:22px;color:#222;background-color:#fafafa;border:1px solid #ecf0f1;text-decoration:none;-webkit-transition:.4s;transition:.4s}
.post__tags a:hover{background-color:#ecf0f1}
@media only screen and (max-width:40em){.post__tags{margin-bottom:22px}
}
.grey-bg{background-color:#fafafa}
.list-bare,.no-bullets{list-style:none}
.bullets-inside{list-style:inside}
.list-bare{margin:0;padding:0}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}
.hide{display:none}
.left{float:left}
.right{float:right}
.hidden{border:0 none;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;padding:0;position:absolute!important;width:1px}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.light{font-weight:300}
.regular{font-weight:400}
.bold{font-weight:700}
.serif{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,serif}
.sans-serif{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.italic{font-style:italic}
.cap{text-transform:capitalize}
.uppercase{text-transform:uppercase}
.font-base{font-size:19px}
.font-medium{font-size:16px;line-height:25px}
.font-small{font-size:14px;line-height:22px}
.font-tiny{font-size:12px;line-height:19px}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  @media (max-width: 40em) { 
    .post-card__title:after { display: none; }
  }
        .post-card__image.js-fadein { opacity: 1; }

.respond {padding-top: 24px;}
.respond p {margin-bottom:16px;}
.comment-list {list-style-type:none;margin-left: 0;padding-left: 0}
.comment-list li {border-bottom: 1px solid #ECF0F1;padding: 24px 0 14px 0}
.comment-list img.avatar {float: left;margin-right: 24px;border-radius: 50px;}
.comment-list .comment-meta {font-size: 14px;}
.comment-reply, .cancel-comment-reply {text-align: right;}
.comment-list .comment-list li {margin-left: 104px;border-bottom: 0;padding-bottom: 0;padding-top: 10px;}
.comment-list cite.fn {font-style: normal;}
.comment-list a {text-decoration:none;}