/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em;
    white-space: pre-wrap;
}

.imagebox {
    border: solid 1px black;
}

code.hljs::first-line {
  line-height: 0px;
}

code.first {
  padding-bottom: 0px;
}

code.last {
  padding-top: 0px;
}

code.middle {
  padding-top: 0px;
  padding-bottom: 0px;
}

a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}

table.redTable {
  border: 2px solid #A40808;
  background-color: #EEE7DB;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.redTable td, table.redTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.redTable tbody td {
  font-size: 13px;
}
table.redTable tr:nth-child(even) {
  background: #F5C8BF;
}
table.redTable thead {
  background: #A40808;
}
table.redTable thead th {
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #A40808;
}
table.redTable thead th:first-child {
  border-left: none;
}

table.redTable tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: #A40808;
}
table.redTable tfoot td {
  font-size: 13px;
}
table.redTable tfoot .links {
  text-align: right;
}
table.redTable tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #A40808;
  padding: 2px 8px;
  border-radius: 5px;
}

[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
[hidden],template{
    display:none
}
/* code[class*=language-],pre[class*=language-]{
    color:#000;
    background:none;
    font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}
code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{
    text-shadow:none;
    background:#b3d4fc
}
code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{
    text-shadow:none;
    background:#b3d4fc
} */
/* @media print{
    code[class*=language-],pre[class*=language-]{
        text-shadow:none
    }
} */
/* pre[class*=language-]{
    padding:1em;
    margin:.5em 0;
    overflow:auto
}
:not(pre)>code[class*=language-],pre[class*=language-]{
    background:#f5f2f0
}
:not(pre)>code[class*=language-]{
    padding:.1em;
    border-radius:.3em;
    white-space:normal
} */
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#708090
}
.token.punctuation{
    color:#999
}
.namespace{
    opacity:.7
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#905
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#690
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{
    color:#a67f59;
    background:hsla(0,0%,100%,.5)
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#07a
}
.token.function{
    color:#dd4a68
}
.token.important,.token.regex,.token.variable{
    color:#e90
}
.token.bold,.token.important{
    font-weight:700
}
.token.italic{
    font-style:italic
}
.token.entity{
    cursor:help
}
/* pre.line-numbers{
    counter-reset:linenumber;
    position:relative
}
pre.line-numbers>code{
    position:relative;
} */
.line-numbers .line-numbers-rows{
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    border-right:1px solid #999;
    font-size:100%;
    left:-3.8em;
    letter-spacing:-1px;
    pointer-events:none;
    position:absolute;
    top:0;
    user-select:none;
    width:3em
}
.line-numbers-rows>span{
    counter-increment:linenumber;
    display:block;
    pointer-events:none
}
.line-numbers-rows>span:before{
    color:#999;
    content:counter(linenumber);
    display:block;
    padding-right:.8em;
    text-align:right
}
@font-face{
    font-family:mapache;
    font-style:normal;
    font-weight:400;
    src:url(/assets/fonts/mapache.ttf) format("truetype"),url(/assets/fonts/mapache.woff) format("woff"),url(/assets/fonts/mapache.svg#mapache) format("svg")
}
[class*=" i-"]:before,[class^=i-]:before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:mapache!important;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:inherit;
    speak:none;
    text-transform:none
}
.i-discord:before{
    content:"\E902"
}
.i-play:before{
    content:"\E901"
}
.i-download:before{
    content:"\E900"
}
.i-flag:before{
    content:"\E153"
}
.i-navigate_before:before{
    content:"\E408"
}
.i-navigate_next:before{
    content:"\E409"
}
.i-tag:before{
    content:"\E54E"
}
.i-keyboard_arrow_down:before{
    content:"\E313"
}
.i-arrow_upward:before{
    content:"\E5D8"
}
.i-cloud_download:before{
    content:"\E2C0"
}
.i-star:before{
    content:"\E838"
}
.i-keyboard_arrow_up:before{
    content:"\E316"
}
.i-open_in_new:before{
    content:"\E89E"
}
.i-warning:before{
    content:"\E002"
}
.i-back:before{
    content:"\E5C4"
}
.i-forward:before{
    content:"\E5C8"
}
.i-chat:before{
    content:"\E0CB"
}
.i-close:before{
    content:"\E5CD"
}
.i-code2:before{
    content:"\E86F"
}
.i-favorite:before{
    content:"\E87D"
}
.i-link:before{
    content:"\E157"
}
.i-menu:before{
    content:"\E5D2"
}
.i-feed:before{
    content:"\E0E5"
}
.i-search:before{
    content:"\E8B6"
}
.i-share:before{
    content:"\E80D"
}
.i-check_circle:before{
    content:"\E86C"
}
.i-code:before{
    content:"\F121"
}
.i-behance:before{
    content:"\F1B4"
}
.i-spotify:before{
    content:"\F1BC"
}
.i-codepen:before{
    content:"\F1CB"
}
.i-github:before{
    content:"\F09B"
}
.i-linkedin:before{
    content:"\F0E1"
}
.i-flickr:before{
    content:"\F16E"
}
.i-dribbble:before{
    content:"\F17D"
}
.i-pinterest:before{
    content:"\F231"
}
.i-map:before{
    content:"\F041"
}
.i-twitter:before{
    content:"\F099"
}
.i-facebook:before{
    content:"\F09A"
}
.i-youtube:before{
    content:"\F16A"
}
.i-instagram:before{
    content:"\F16D"
}
.i-google:before{
    content:"\F1A0"
}
.i-pocket:before{
    content:"\F265"
}
.i-reddit:before{
    content:"\F281"
}
.i-snapchat:before{
    content:"\F2AC"
}
.i-telegram:before{
    content:"\F2C6"
}
.header.toolbar-shadow{
    -webkit-box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
.btn.btn-download-cloud:after,.btn.btn-download:after,.nav-mob-follow a.btn-download-cloud:after,.nav-mob-follow a.btn-download:after,.note:before,.success:before,.warning:before,a.external:after,hr:before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:mapache!important;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    text-transform:none
}
.u-clear:after{
    clear:both;
    content:"";
    display:table
}
.u-not-avatar{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACbBAMAAACHT/S/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURSQmKMze6LfH0KSyusXX4HJ8gjY6PCotL5ShqVJYXWJqb4SPlkNJTCjFRkAAAALPSURBVGje7dm/b9NAFAfwp4Q4P4cSu+C0GeIBCmLq0EqtGOKBFpjCyhQQA0IdAqIDTCnqH9Ay0AoxOEJISDAEdWWoBAOCfwoJicSx793de3ciRLrvH/CR7853vvcMF21mCRznOMc5znGO+9+48POgvPfhlSWueQ5/8uQstsFdhb/xfh6acwmkcmrKBYM0Bz8MuRBm882MW8lwcM+IG2a5asTnNt5BLg/Z3DII4kVcLhFx8J3JhUINakxuR8xBxOPGCDdicUEf4Z6zOGTqAIosroVxJRbXxbgqixtiXJnFJRgH6wwuc9Kl84XB+agGxwxuGeeeMrgWzhUY3CWcqzC4Ls7VGVwH50qOW2Sua5dbsvveXf5nXGX+e9Yy18a54vy5TcnKxmROcrbjdzKc68i4Opkby7gqmevJuIZdzrM72Ma8524o42p2X5QSmduVcRUy15ZxBbub7AGZ82XciMyhVYXsNis5oHr0TSHjdu0e7v4bZLjlPc5VG32+OrMAXaFWeHLOp9afiuK9T6t5VNyY9JYouQ6t/FRxLVKNouRCUkGm5IT79oDfNBLsWy/mcx3aSqi4Nm0lVFxIWwkVJ1iLA5N2YI+yJ9TcGuF00uBy37NHRlxzoNvz0GulZiavEZtxO7rNMVYbemTac+8RxqrBtXR7xnpckOi1jPW4a/fPU9zbM5OVDTZOcpvsE7vnfuNE+CX7GHO45lfsxvPikM7dPsJvUOX3VO6K7LYI8CsmcdugyH5M4LZAmf1Im9PQAF5GmpyWJnw+EaepieZPwG0DsL08twWEZMeb40habj2y3E0gphZJuOtAzsz8zXK3gJHHGOf3ORy8RrgxSwNvXcjdBWbqIi444nLTf7Yp7g5bm15wU1zC5yZ3yCm3aqDBsxy3ZsI1cpzJWCejnXCSv2I6Oc5wTSMNLmQ434wrOM5xjlNwq2ZccaG40L0ojltc7jd/xjH1yBzj+wAAAABJRU5ErkJggg==)
}
.u-relative{
    position:relative
}
.u-block{
    display:block
}
.u-absolute0{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.u-bg-cover{
    background-position:50%;
    background-size:cover
}
.u-bg-gradient{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.8)))
}
.sidebar-title,.u-border-bottom-dark{
    border-bottom:1px solid #000
}
.u-b-t{
    border-top:1px solid #eee
}
.u-p-t-2{
    padding-top:2rem
}
.u-unstyled{
    list-style-type:none;
    margin:0;
    padding-left:0
}
.u-floatLeft{
    float:left!important
}
.u-floatRight{
    float:right!important
}
.u-flex{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.u-flex,.u-flex-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.u-flex-wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.header-follow a,.header-logo,.header-menu a,.u-flex-aling-right,.u-flex-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.u-flex-aling-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.u-flex-aling-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.u-m-t-1{
    margin-top:1rem
}
.u-tags{
    background-color:#ebebeb!important;
    color:#4c5765!important;
    font-size:12px!important;
    margin:3px!important;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.u-tags:before{
    opacity:.8;
    padding-right:5px
}
.u-tags:hover{
    background-color:#4285f4!important;
    color:#fff!important
}
.u-tag,.u-textUppercase{
    text-transform:uppercase
}
.u-tag{
    background-color:#4285f4;
    color:#fff;
    display:inline-block;
    font-size:11px;
    padding:4px 12px
}
.u-hide{
    display:none!important
}
.u-card-shadow{
    background-color:#fff;
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,.02);
    box-shadow:0 5px 5px rgba(0,0,0,.02)
}
.u-not-image{
    background-color:#fff;
    background-repeat:repeat;
    background-size:initial!important
}
@media only screen and (max-width:766px){
    .u-h-b-md{
        display:none!important
    }
}
@media only screen and (max-width:992px){
    .u-h-b-lg{
        display:none!important
    }
}
@media only screen and (min-width:766px){
    .u-h-a-md{
        display:none!important
    }
}
@media only screen and (min-width:992px){
    .u-h-a-lg{
        display:none!important
    }
}
html{
    -webkit-tap-highlight-color:transparent;
    font-size:16px
}
*,:after,:before,html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
a{
    -webkit-tap-highlight-color:transparent;
    color:#039be5;
    outline:0
}
a,a:focus{
    text-decoration:none
}
a.external:after{
    content:"\E89E";
    margin-left:5px
}
body{
    background-color:#f5f5f5;
    color:#333;
    font-family:Roboto,sans-serif;
    font-size:1rem;
    line-height:1.5;
    margin:0 auto
}
figure{
    margin:0
}
img{
    height:auto;
    max-width:100%;
    vertical-align:middle;
    width:auto
}
img:not([src]){
    visibility:hidden
}
.img-responsive{
    display:block;
    height:auto;
    max-width:100%
}
i{
    display:inline-block;
    vertical-align:middle
}
hr{
    background:#f1f2f1;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#f1f2f1),color-stop(50%,#b5b5b5),to(#f1f2f1));
    background:-webkit-linear-gradient(left,#f1f2f1,#b5b5b5 50%,#f1f2f1);
    background:-o-linear-gradient(left,#f1f2f1 0,#b5b5b5 50%,#f1f2f1);
    background:linear-gradient(90deg,#f1f2f1,#b5b5b5 50%,#f1f2f1);
    border:none;
    height:1px;
    margin:30px auto;
    max-width:90%;
    position:relative
}
hr:before{
    background:#fff;
    color:rgba(73,55,65,.75);
    content:"\F121";
    display:block;
    font-size:35px;
    left:50%;
    padding:0 25px;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
blockquote{
    background:#fbfbfc;
    border-left:4px solid #4285f4;
    color:#757575;
    font-size:1.125rem;
    line-height:1.7;
    margin:0 0 1.25rem;
    padding:.75rem 1.5rem;
    quotes:none
}
blockquote,ol,ul{
    margin-left:2rem
}
strong{
    font-weight:500
}
.small,small{
    font-size:85%
}
ol{
    list-style:decimal outside;
    padding-left:40px
}
ol.toc-list {
  margin-top: 0px;
  margin-bottom: 0px;
}
mark{
    background-color:#fdffb6
}
.footer,.main{
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    -o-transition:-o-transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease,-webkit-transform .5s ease,-o-transform .5s ease;
    z-index:2
}
/* code,kbd,samp{
    background:#f7f7f7;
    border-radius:4px;
    color:#c7254e;
    font-family:Roboto Mono,monospace!important;
    font-size:1rem;
    padding:4px 6px;
    white-space:pre-wrap
} */
/* code[class*=language-],pre[class*=language-]{
    color:#37474f;
    line-height:1.5
}
code[class*=language-] .token.comment,pre[class*=language-] .token.comment{
    opacity:.8
}
code[class*=language-].line-numbers,pre[class*=language-].line-numbers{
    padding-left:58px
}
code[class*=language-].line-numbers:before,pre[class*=language-].line-numbers:before{
    background:#f0edee;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:40px
}
code[class*=language-] .line-numbers-rows,pre[class*=language-] .line-numbers-rows{
    border-right:none;
    left:-58px;
    top:-3px
}
code[class*=language-] .line-numbers-rows>span:before,pre[class*=language-] .line-numbers-rows>span:before{
    opacity:.8;
    padding-right:0;
    text-align:center
}
pre{
    border-radius:4px;
    font-family:Roboto Mono,monospace!important;
    font-size:.7rem;
    margin:1rem 0!important;
    position:relative;
    word-wrap:normal;
    line-height:30px
}
pre code{
    background:transparent;
    color:#37474f;
    padding:0;
} */
.warning{
    background:#fbe9e7;
    color:#d50000
}
.warning:before{
    content:"\E002"
}
.note{
    background:#e1f5fe;
    color:#0288d1
}
.note:before{
    content:"\E838"
}
.success{
    background:#e0f2f1;
    color:#00897b
}
.success:before{
    color:#00bfa5;
    content:"\E86C"
}
.note,.success,.warning{
    display:block;
    font-size:1rem;
    line-height:1.5;
    margin:1rem 0;
    padding:12px 24px 12px 60px
}
.note a,.success a,.warning a{
    color:inherit;
    text-decoration:underline
}
.note:before,.success:before,.warning:before{
    float:left;
    font-size:24px;
    margin-left:-36px
}
.c-facebook{
    color:#3b5998
}
.bg-facebook,.nav-mob-follow .i-facebook{
    background-color:#3b5998!important
}
.c-twitter{
    color:#55acee
}
.bg-twitter,.nav-mob-follow .i-twitter{
    background-color:#55acee!important
}
.c-google{
    color:#dd4b39
}
.bg-google,.nav-mob-follow .i-google{
    background-color:#dd4b39!important
}
.c-instagram{
    color:#306088
}
.bg-instagram,.nav-mob-follow .i-instagram{
    background-color:#306088!important
}
.c-youtube{
    color:#e52d27
}
.bg-youtube,.nav-mob-follow .i-youtube{
    background-color:#e52d27!important
}
.c-github{
    color:#333
}
.bg-github,.nav-mob-follow .i-github{
    background-color:#333!important
}
.c-linkedin{
    color:#007bb6
}
.bg-linkedin,.nav-mob-follow .i-linkedin{
    background-color:#007bb6!important
}
.c-spotify{
    color:#2ebd59
}
.bg-spotify,.nav-mob-follow .i-spotify{
    background-color:#2ebd59!important
}
.c-codepen{
    color:#222
}
.bg-codepen,.nav-mob-follow .i-codepen{
    background-color:#222!important
}
.c-behance{
    color:#131418
}
.bg-behance,.nav-mob-follow .i-behance{
    background-color:#131418!important
}
.c-dribbble{
    color:#ea4c89
}
.bg-dribbble,.nav-mob-follow .i-dribbble{
    background-color:#ea4c89!important
}
.c-flickr{
    color:#0063dc
}
.bg-flickr,.nav-mob-follow .i-flickr{
    background-color:#0063dc!important
}
.c-reddit{
    color:#ff4500
}
.bg-reddit,.nav-mob-follow .i-reddit{
    background-color:#ff4500!important
}
.c-pocket{
    color:#f50057
}
.bg-pocket,.nav-mob-follow .i-pocket{
    background-color:#f50057!important
}
.c-pinterest{
    color:#bd081c
}
.bg-pinterest,.nav-mob-follow .i-pinterest{
    background-color:#bd081c!important
}
.c-feed{
    color:orange
}
.bg-feed,.nav-mob-follow .i-feed{
    background-color:orange!important
}
.c-telegram{
    color:#08c
}
.bg-telegram,.nav-mob-follow .i-telegram{
    background-color:#08c!important
}
.clear:after{
    clear:both;
    content:"";
    display:table
}
.mapache-load-more{
    border:1px solid #c3c3c3;
    color:#7d7d7d;
    display:block;
    font-size:15px;
    height:45px;
    margin:4rem auto;
    padding:11px 16px;
    position:relative;
    text-align:center;
    width:100%
}
.mapache-load-more:hover{
    background:#4285f4;
    border-color:#4285f4;
    color:#fff
}
.pagination-nav{
    padding:2.5rem 0 3rem;
    text-align:center
}
.pagination-nav .page-number{
    display:none;
    padding-top:5px
}
@media only screen and (min-width:766px){
    .pagination-nav .page-number{
        display:inline-block
    }
}
.pagination-nav .newer-posts{
    float:left
}
.pagination-nav .older-posts{
    float:right
}
.scroll_top{
    bottom:50px;
    opacity:0;
    position:fixed;
    right:20px;
    text-align:center;
    -webkit-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    transition:opacity .5s ease;
    visibility:hidden;
    width:60px;
    z-index:11
}
.scroll_top.visible{
    opacity:1;
    visibility:visible
}
.scroll_top:hover svg path{
    fill:rgba(0,0,0,.6)
}
.svg-icon svg{
    display:block;
    fill:currentcolor;
    height:auto;
    width:100%
}
.video-responsive{
    display:block;
    height:0;
    margin-bottom:1.5rem;
    overflow:hidden;
    padding:0 0 56.25%;
    position:relative
}
.video-responsive iframe{
    border:0;
    bottom:0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#video-format .video-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:1rem
}
#video-format .video-content span{
    display:inline-block;
    margin-right:.8rem;
    vertical-align:middle
}
.errorPage{
    font-family:Roboto Mono,monospace;
    height:100vh;
    position:relative;
    width:100%
}
.errorPage-title{
    padding:24px 60px
}
.errorPage-link{
    color:rgba(0,0,0,.54);
    font-size:22px;
    font-weight:500;
    left:-5px;
    position:relative;
    text-rendering:optimizeLegibility;
    top:-6px
}
.errorPage-emoji{
    color:rgba(0,0,0,.4);
    font-size:150px
}
.errorPage-text{
    color:rgba(0,0,0,.4);
    line-height:21px;
    margin-top:60px;
    white-space:pre-wrap
}
.errorPage-wrap{
    display:block;
    left:50%;
    min-width:680px;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.post .fb-post,.post .twitter-tweet,.post iframe[src*="facebook.com"]{
    display:block!important;
    margin:1.5rem 0!important
}
.container{
    margin:0 auto;
    max-width:1250px;
    padding-left:.9375rem;
    padding-right:.9375rem;
    width:100%
}
.margin-top{
    margin-top:50px;
    padding-top:1rem
}
@media only screen and (min-width:766px){
    .margin-top{
        padding-top:1.8rem
    }
}
@media only screen and (min-width:766px){
    .content{
        -ms-flex-preferred-size:69.66666667%!important;
        flex-basis:69.66666667%!important;
        max-width:69.66666667%!important
    }
    .sidebar{
        -ms-flex-preferred-size:30.33333333%!important;
        flex-basis:30.33333333%!important;
        max-width:30.33333333%!important
    }
}
@media only screen and (min-width:1230px){
    .content{
        padding-right:40px!important
    }
}
@media only screen and (min-width:992px){
    .feed-entry-wrapper .entry-image{
        max-width:40%!important;
        width:40%!important
    }
    .feed-entry-wrapper .entry-body{
        max-width:60%!important;
        width:60%!important
    }
}
@media only screen and (max-width:992px){
    body.is-article .content{
        max-width:100%!important
    }
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    margin-left:-.9375rem;
    margin-right:-.9375rem
}
.row,.row .col{
    -webkit-box-flex:0
}
.row .col{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    padding-left:.9375rem;
    padding-right:.9375rem
}
.row .col.s1{
    -ms-flex-preferred-size:8.33333%;
    flex-basis:8.33333%;
    max-width:8.33333%
}
.row .col.s2{
    -ms-flex-preferred-size:16.66667%;
    flex-basis:16.66667%;
    max-width:16.66667%
}
.row .col.s3{
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%
}
.row .col.s4{
    -ms-flex-preferred-size:33.33333%;
    flex-basis:33.33333%;
    max-width:33.33333%
}
.row .col.s5{
    -ms-flex-preferred-size:41.66667%;
    flex-basis:41.66667%;
    max-width:41.66667%
}
.row .col.s6{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%
}
.row .col.s7{
    -ms-flex-preferred-size:58.33333%;
    flex-basis:58.33333%;
    max-width:58.33333%
}
.row .col.s8{
    -ms-flex-preferred-size:66.66667%;
    flex-basis:66.66667%;
    max-width:66.66667%
}
.row .col.s9{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%
}
.row .col.s10{
    -ms-flex-preferred-size:83.33333%;
    flex-basis:83.33333%;
    max-width:83.33333%
}
.row .col.s11{
    -ms-flex-preferred-size:91.66667%;
    flex-basis:91.66667%;
    max-width:91.66667%
}
.row .col.s12{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%
}
@media only screen and (min-width:766px){
    .row .col.m1{
        -ms-flex-preferred-size:8.33333%;
        flex-basis:8.33333%;
        max-width:8.33333%
    }
    .row .col.m2{
        -ms-flex-preferred-size:16.66667%;
        flex-basis:16.66667%;
        max-width:16.66667%
    }
    .row .col.m3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }
    .row .col.m4{
        -ms-flex-preferred-size:33.33333%;
        flex-basis:33.33333%;
        max-width:33.33333%
    }
    .row .col.m5{
        -ms-flex-preferred-size:41.66667%;
        flex-basis:41.66667%;
        max-width:41.66667%
    }
    .row .col.m6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }
    .row .col.m7{
        -ms-flex-preferred-size:58.33333%;
        flex-basis:58.33333%;
        max-width:58.33333%
    }
    .row .col.m8{
        -ms-flex-preferred-size:66.66667%;
        flex-basis:66.66667%;
        max-width:66.66667%
    }
    .row .col.m9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }
    .row .col.m10{
        -ms-flex-preferred-size:83.33333%;
        flex-basis:83.33333%;
        max-width:83.33333%
    }
    .row .col.m11{
        -ms-flex-preferred-size:91.66667%;
        flex-basis:91.66667%;
        max-width:91.66667%
    }
    .row .col.m12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }
}
@media only screen and (min-width:992px){
    .row .col.l1{
        -ms-flex-preferred-size:8.33333%;
        flex-basis:8.33333%;
        max-width:8.33333%
    }
    .row .col.l2{
        -ms-flex-preferred-size:16.66667%;
        flex-basis:16.66667%;
        max-width:16.66667%
    }
    .row .col.l3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }
    .row .col.l4{
        -ms-flex-preferred-size:33.33333%;
        flex-basis:33.33333%;
        max-width:33.33333%
    }
    .row .col.l5{
        -ms-flex-preferred-size:41.66667%;
        flex-basis:41.66667%;
        max-width:41.66667%
    }
    .row .col.l6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }
    .row .col.l7{
        -ms-flex-preferred-size:58.33333%;
        flex-basis:58.33333%;
        max-width:58.33333%
    }
    .row .col.l8{
        -ms-flex-preferred-size:66.66667%;
        flex-basis:66.66667%;
        max-width:66.66667%
    }
    .row .col.l9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }
    .row .col.l10{
        -ms-flex-preferred-size:83.33333%;
        flex-basis:83.33333%;
        max-width:83.33333%
    }
    .row .col.l11{
        -ms-flex-preferred-size:91.66667%;
        flex-basis:91.66667%;
        max-width:91.66667%
    }
    .row .col.l12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:inherit;
    font-family:Roboto,sans-serif;
    font-weight:700;
    line-height:1.1;
    margin-bottom:.5rem
}
h1{
    font-size:2.25rem
}
h2{
    font-size:1.875rem
}
h3{
    font-size:1.5625rem
}
h4{
    font-size:1.375rem
}
h5{
    font-size:1.125rem
}
h6{
    font-size:1rem
}
.h1{
    font-size:2.25rem
}
.h2{
    font-size:1.875rem
}
.h3{
    font-size:1.5625rem
}
.h4{
    font-size:1.375rem
}
.h5{
    font-size:1.125rem
}
.h6{
    font-size:1rem
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:1rem
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    line-height:inherit
}
p{
    margin-bottom:1rem;
    margin-top:0
}
.nav-mob{
    background:#4285f4;
    color:#000;
    height:100vh;
    left:0;
    padding:0 20px;
    position:fixed;
    right:0;
    top:0;
    -webkit-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    will-change:transform;
    z-index:997
}
.nav-mob a{
    color:inherit
}
.nav-mob ul a{
    display:block;
    font-size:14px;
    font-weight:500;
    padding:8px 0;
    text-transform:uppercase
}
.nav-mob-content{
    -webkit-overflow-scrolling:touch;
    background:#eee;
    bottom:0;
    left:0;
    overflow:auto;
    padding:20px 0;
    position:absolute;
    right:0;
    top:50px
}
.nav-mob-follow,.nav-mob-subscribe,.nav-mob ul{
    border-bottom:1px solid #ddd;
    margin-bottom:15px;
    padding:0 .9375rem 20px
}
.nav-mob-follow a{
    font-size:20px!important;
    margin:0 2px!important;
    padding:0
}
.nav-mob-follow .i-behance,.nav-mob-follow .i-codepen,.nav-mob-follow .i-dribbble,.nav-mob-follow .i-facebook,.nav-mob-follow .i-feed,.nav-mob-follow .i-flickr,.nav-mob-follow .i-github,.nav-mob-follow .i-google,.nav-mob-follow .i-instagram,.nav-mob-follow .i-linkedin,.nav-mob-follow .i-pinterest,.nav-mob-follow .i-pocket,.nav-mob-follow .i-reddit,.nav-mob-follow .i-spotify,.nav-mob-follow .i-telegram,.nav-mob-follow .i-twitter,.nav-mob-follow .i-youtube{
    color:#fff
}
.nav-mob-copyright{
    color:#aaa;
    font-size:13px;
    padding:20px 15px 0;
    text-align:center;
    width:100%
}
.nav-mob-copyright a{
    color:#4285f4
}
.nav-mob-follow .nav-mob-subscribe a,.nav-mob-subscribe .btn,.nav-mob-subscribe .nav-mob-follow a{
    border-radius:0;
    text-transform:none;
    width:80px
}
.nav-mob-subscribe .form-group{
    width:calc(100% - 80px)
}
.nav-mob-subscribe input{
    border:0;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.header{
    background:#4285f4;
    height:50px;
    left:0;
    padding-left:1rem;
    padding-right:1rem;
    position:fixed;
    right:0;
    top:0;
    z-index:999
}

.header-post {
    position: relative !important;
}

.header-wrap a{
    color:#fff
}
.header-follow a,.header-logo,.header-menu a{
    height:50px
}
.header-follow,.header-logo,.header-search{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.header-logo{
    font-size:1.25rem;
    font-weight:500;
    letter-spacing:1px;
    z-index:998
}
.header-logo img{
    max-height:35px;
    position:relative
}
.header .nav-mob-toggle,.header .search-mob-toggle{
    padding:0;
    z-index:998
}
.header .nav-mob-toggle{
    margin-left:0!important;
    margin-right:-.9375rem;
    position:relative;
    -webkit-transition:-webkit-transform .4s;
    transition:-webkit-transform .4s;
    -o-transition:-o-transform .4s;
    transition:transform .4s;
    transition:transform .4s,-webkit-transform .4s,-o-transform .4s
}
.header .nav-mob-toggle span{
    background-color:#fff;
    display:block;
    height:2px;
    left:14px;
    margin-top:-1px;
    position:absolute;
    top:50%;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    width:20px
}
.header .nav-mob-toggle span:first-child{
    -webkit-transform:translateY(-6px);
    -o-transform:translateY(-6px);
    transform:translateY(-6px)
}
.header .nav-mob-toggle span:last-child{
    -webkit-transform:translateY(6px);
    -o-transform:translateY(6px);
    transform:translateY(6px)
}
.header:not(.toolbar-shadow){
    background-color:#000!important
}
.header-menu{
    -webkit-box-flex:1;
    -ms-flex:1 1 0px;
    flex:1 1 0;
    overflow:hidden;
    -webkit-transition:margin .2s,width .2s,-webkit-box-flex .2s;
    transition:margin .2s,width .2s,-webkit-box-flex .2s;
    -o-transition:flex .2s,margin .2s,width .2s;
    transition:flex .2s,margin .2s,width .2s;
    transition:flex .2s,margin .2s,width .2s,-webkit-box-flex .2s,-ms-flex .2s
}
.header-menu ul{
    margin-left:2rem;
    white-space:nowrap
}
.header-menu ul li{
    display:inline-block;
    padding-right:15px
}
.header-menu ul a{
    padding:0 8px;
    position:relative
}
.header-menu ul a:before{
    background:#fff;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    opacity:0;
    position:absolute;
    -webkit-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s;
    width:100%
}
.header-menu ul a.active:before,.header-menu ul a:hover:before{
    opacity:1
}
.header-follow a{
    padding:0 10px
}
.header-follow a:hover{
    color:hsla(0,0%,100%,.8)
}
.header-follow a:before{
    font-size:1.25rem!important
}
.header-search{
    background:#eee;
    border-radius:2px;
    display:none;
    height:36px;
    margin-left:1.5rem;
    margin-right:1.5rem;
    position:relative;
    text-align:left;
    -webkit-transition:background .2s,-webkit-box-flex .2s;
    transition:background .2s,-webkit-box-flex .2s;
    -o-transition:background .2s,flex .2s;
    transition:background .2s,flex .2s;
    transition:background .2s,flex .2s,-webkit-box-flex .2s,-ms-flex .2s;
    vertical-align:top
}
.header-search .search-icon{
    color:#757575;
    font-size:24px;
    left:24px;
    position:absolute;
    top:12px
}
.header-search .search-icon,input.search-field{
    -webkit-transition:color .2s;
    -o-transition:color .2s;
    transition:color .2s
}
input.search-field{
    background:0;
    border:0;
    color:#212121;
    height:36px;
    padding:0 8px 0 72px;
    width:100%
}
input.search-field:focus{
    border:0;
    outline:none
}
.search-popout{
    background:#fff;
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24),inset 0 4px 6px -4px rgba(0,0,0,.24);
    box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24),inset 0 4px 6px -4px rgba(0,0,0,.24);
    margin-left:-64px;
    margin-top:10px;
    max-height:calc(100vh - 150px);
    overflow-y:auto;
    position:absolute;
    z-index:-1
}
.search-popout.closed{
    visibility:hidden
}
.search-suggest-results{
    padding:0 8px 0 75px
}
.search-suggest-results a{
    color:#212121;
    display:block;
    font-size:.875rem;
    height:auto;
    margin-left:-8px;
    outline:0;
    padding:8px;
    -webkit-transition:background .2s;
    -o-transition:background .2s;
    transition:background .2s
}
.search-suggest-results a:first-child{
    margin-top:10px
}
.search-suggest-results a:last-child{
    margin-bottom:10px
}
.search-suggest-results a:hover{
    background:#f7f7f7
}
@media only screen and (min-width:992px){
    .header-search{
        background:hsla(0,0%,100%,.25);
        -webkit-box-shadow:0 1px 1.5px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.12);
        box-shadow:0 1px 1.5px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.12);
        color:#fff;
        display:inline-block;
        width:200px
    }
    .header-search:hover{
        background:hsla(0,0%,100%,.4)
    }
    .header-search .search-icon{
        top:0
    }
    .header-search .search-icon,.header-search input,.header-search input::-webkit-input-placeholder{
        color:#fff
    }
    .header-search .search-icon,.header-search input,.header-search input:-ms-input-placeholder,.header-search input::-ms-input-placeholder{
        color:#fff
    }
    .header-search .search-icon,.header-search input,.header-search input::placeholder{
        color:#fff
    }
    .search-popout{
        margin-left:0;
        width:100%
    }
    .header.is-showSearch .header-search{
        background:#fff;
        -webkit-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
    .header.is-showSearch .header-search .search-icon{
        color:#757575!important
    }
    .header.is-showSearch .header-search input,.header.is-showSearch .header-search input::-webkit-input-placeholder{
        color:#212121!important
    }
    .header.is-showSearch .header-search input,.header.is-showSearch .header-search input:-ms-input-placeholder,.header.is-showSearch .header-search input::-ms-input-placeholder{
        color:#212121!important
    }
    .header.is-showSearch .header-search input,.header.is-showSearch .header-search input::placeholder{
        color:#212121!important
    }
    .header.is-showSearch .header-menu{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        margin:0;
        visibility:hidden;
        width:0
    }
}
@media only screen and (max-width:992px){
    .header-menu ul{
        display:none
    }
    .header.is-showSearchMob{
        padding:0
    }
    .header.is-showSearchMob .header-logo,.header.is-showSearchMob .nav-mob-toggle{
        display:none
    }
    .header.is-showSearchMob .header-search{
        border-radius:0;
        display:inline-block!important;
        height:50px;
        margin:0;
        width:100%
    }
    .header.is-showSearchMob .header-search input{
        height:50px;
        padding-right:48px
    }
    .header.is-showSearchMob .header-search .search-popout{
        margin-top:0
    }
    .header.is-showSearchMob .search-mob-toggle{
        border:0;
        color:#757575;
        position:absolute;
        right:0
    }
    .header.is-showSearchMob .search-mob-toggle:before{
        content:"\E5CD"!important
    }
    body.is-showNavMob{
        overflow:hidden
    }
    body.is-showNavMob .nav-mob{
        -webkit-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
    body.is-showNavMob .nav-mob-toggle{
        border:0;
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    body.is-showNavMob .nav-mob-toggle span:first-child{
        -webkit-transform:rotate(45deg) translate(0);
        -o-transform:rotate(45deg) translate(0);
        transform:rotate(45deg) translate(0)
    }
    body.is-showNavMob .nav-mob-toggle span:nth-child(2){
        -webkit-transform:scaleX(0);
        -o-transform:scaleX(0);
        transform:scaleX(0)
    }
    body.is-showNavMob .nav-mob-toggle span:last-child{
        -webkit-transform:rotate(-45deg) translate(0);
        -o-transform:rotate(-45deg) translate(0);
        transform:rotate(-45deg) translate(0)
    }
    body.is-showNavMob .search-mob-toggle{
        display:none
    }
    body.is-showNavMob .footer,body.is-showNavMob .main{
        -webkit-transform:translateX(-25%);
        -o-transform:translateX(-25%);
        transform:translateX(-25%)
    }
}
.cover{
    background:#4285f4;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    color:#fff;
    letter-spacing:.2px;
    min-height:550px;
    position:relative;
    text-shadow:0 0 10px rgba(0,0,0,.33);
    z-index:2
}
.cover-wrap{
    margin:0 auto;
    max-width:1050px;
    padding:16px;
    position:relative;
    text-align:center;
    z-index:99
}
.cover-title{
    font-size:3.5rem;
    font-weight:700;
    line-height:1;
    margin:0 0 50px
}
.cover-description{
    max-width:600px
}
.cover-background{
    background-attachment:fixed
}
.cover .mouse{
    border:2px solid #888;
    border:2px solid hsla(0,0%,100%,.27);
    border-radius:15px;
    bottom:40px;
    cursor:pointer;
    height:36px;
    margin-left:-12px;
    position:absolute;
    right:40px;
    -webkit-transition:border-color .2s ease-in;
    -o-transition:border-color .2s ease-in;
    transition:border-color .2s ease-in;
    width:25px
}
.cover .mouse .scroll{
    -webkit-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:scroll;
    -o-animation-name:scroll;
    animation-name:scroll;
    background:hsla(0,0%,100%,.68);
    border-radius:4px;
    display:block;
    height:6px;
    margin:6px auto;
    width:3px
}
.author a{
    color:#fff!important
}
.author-header{
    margin-top:10%
}
.author-name-wrap{
    display:inline-block
}
.author-title{
    display:block;
    text-transform:uppercase
}
.author-name{
    font-size:1.75rem;
    margin:5px 0
}
.author-bio{
    font-size:18px;
    line-height:1.8;
    margin:1.5rem 0;
    max-width:700px
}
.author-avatar{
    background-position:50%;
    background-size:cover;
    border-radius:90px;
    display:inline-block;
    height:80px;
    margin-right:10px;
    vertical-align:bottom;
    width:80px
}
.author-meta{
    margin-bottom:20px
}
.author-meta span{
    display:inline-block;
    font-size:17px;
    font-style:italic;
    margin:0 2rem 1rem 0;
    opacity:.8;
    word-wrap:break-word
}
.author .author-link:hover{
    opacity:1
}
.author-follow a{
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);
    box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);
    cursor:pointer;
    display:inline-block;
    height:40px;
    letter-spacing:1px;
    line-height:40px;
    margin:0 10px;
    padding:0 16px;
    text-shadow:none;
    text-transform:uppercase
}
.author-follow a:hover{
    -webkit-box-shadow:inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}
.home-down{
    -webkit-animation-duration:1.2s!important;
    -o-animation-duration:1.2s!important;
    animation-duration:1.2s!important;
    bottom:60px;
    color:hsla(0,0%,100%,.5);
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    width:70px;
    z-index:100
}
@media only screen and (min-width:766px){
    .cover-description{
        font-size:1.25rem
    }
}
@media only screen and (max-width:766px){
    .cover{
        padding-bottom:20px;
        padding-top:50px
    }
    .cover-title{
        font-size:2rem
    }
    .author-avatar{
        display:block;
        margin:0 auto 10px
    }
}
.feed-entry-content .feed-entry-wrapper:last-child .entry:last-child{
    border:none;
    padding:0
}
.entry{
    margin-bottom:1.5rem;
    padding:0 15px 15px
}
.entry-image--link{
    height:180px;
    margin:0 -15px;
    overflow:hidden
}
.entry-image--link:hover .entry-image--bg{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03)
}
.entry-image--bg{
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    -o-transition:-o-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s,-o-transform .3s
}
.entry-video-play{
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    font-size:3.5rem;
    height:65px;
    left:50%;
    line-height:65px;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:65px;
    z-index:10
}
.entry-category{
    font-size:.875rem;
    line-height:1;
    margin-bottom:5px;
    text-transform:capitalize
}
.entry-category a:active{
    text-decoration:underline
}
.entry-title{
    color:#000;
    font-size:1.25rem;
    height:auto;
    line-height:1.2;
    margin:0 0 .5rem;
    padding:0
}
.entry-title:hover{
    color:#777
}
.entry-byline{
    color:#999;
    font-size:.8125rem;
    margin-bottom:.5rem;
    margin-top:0
}
.entry-byline a{
    color:inherit
}
.entry-byline a:hover{
    color:#333
}
.entry-body{
    padding-top:20px
}
.entry.entry--small{
    margin-bottom:24px;
    padding:0
}
.entry.entry--small .entry-image{
    margin-bottom:10px
}
.entry.entry--small .entry-image--link{
    height:170px;
    margin:0
}
.entry.entry--small .entry-title{
    font-size:1rem;
    font-weight:500;
    line-height:1.2;
    text-transform:capitalize
}
.entry.entry--small .entry-byline{
    margin:0
}
@media only screen and (min-width:992px){
    .entry{
        margin-bottom:40px;
        padding:0
    }
    .entry-title{
        font-size:21px
    }
    .entry-body{
        padding-right:35px!important
    }
    .entry-image{
        margin-bottom:0
    }
    .entry-image--link{
        height:180px;
        margin:0
    }
}
@media only screen and (min-width:1230px){
    .entry-image--link{
        height:218px
    }
}
.footer{
    color:rgba(0,0,0,.44);
    font-size:14px;
    font-weight:500;
    line-height:1;
    padding:1.6rem 15px;
    text-align:center
}
.footer a{
    color:rgba(0,0,0,.6)
}
.footer a:hover{
    color:rgba(0,0,0,.8)
}
.footer-wrap{
    margin:0 auto;
    max-width:1400px
}
.footer .heart{
    -webkit-animation:heartify .5s infinite alternate;
    -o-animation:heartify .5s infinite alternate;
    animation:heartify .5s infinite alternate;
    color:red
}
.footer-copy,.footer-design-author{
    display:inline-block;
    padding:.5rem 0;
    vertical-align:middle
}
.footer-follow{
    padding:20px 0
}
.footer-follow a{
    color:rgba(0,0,0,.8);
    font-size:20px;
    margin:0 5px
}
@-webkit-keyframes heartify{
    0%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
}
@-o-keyframes heartify{
    0%{
        -o-transform:scale(.8);
        transform:scale(.8)
    }
}
@keyframes heartify{
    0%{
        -webkit-transform:scale(.8);
        -o-transform:scale(.8);
        transform:scale(.8)
    }
}
.btn,.nav-mob-follow a{
    background-color:#fff;
    border:0;
    border-radius:2px;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#039be5;
    cursor:pointer;
    display:inline-block;
    font:500 14px/20px Roboto,sans-serif;
    height:36px;
    margin:0;
    min-width:36px;
    outline:0;
    overflow:hidden;
    padding:8px;
    text-align:center;
    text-decoration:none;
    text-overflow:ellipsis;
    text-transform:uppercase;
    -webkit-transition:background-color .2s,-webkit-box-shadow .2s;
    transition:background-color .2s,-webkit-box-shadow .2s;
    -o-transition:background-color .2s,box-shadow .2s;
    transition:background-color .2s,box-shadow .2s;
    transition:background-color .2s,box-shadow .2s,-webkit-box-shadow .2s;
    vertical-align:middle;
    white-space:nowrap
}
.btn+.btn,.nav-mob-follow .btn+a,.nav-mob-follow a+.btn,.nav-mob-follow a+a{
    margin-left:8px
}
.btn:focus,.btn:hover,.nav-mob-follow a:focus,.nav-mob-follow a:hover{
    background-color:#e1f3fc;
    text-decoration:none!important
}
.btn:active,.nav-mob-follow a:active{
    background-color:#c3e7f9
}
.btn.btn-lg,.nav-mob-follow a.btn-lg{
    font-size:1.5rem;
    height:48px;
    line-height:48px;
    min-width:48px
}
.btn.btn-flat,.btn.btn-flat:active,.btn.btn-flat:focus,.btn.btn-flat:hover,.nav-mob-follow a.btn-flat,.nav-mob-follow a.btn-flat:active,.nav-mob-follow a.btn-flat:focus,.nav-mob-follow a.btn-flat:hover{
    background:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.btn-primary,.nav-mob-follow a.btn-primary{
    background-color:#4285f4;
    color:#fff
}
.btn.btn-primary:hover,.nav-mob-follow a.btn-primary:hover{
    background-color:#2f79f3
}
.btn.btn-circle,.nav-mob-follow a.btn-circle{
    border-radius:50%;
    height:40px;
    line-height:40px;
    padding:0;
    width:40px
}
.btn.btn-circle-small,.nav-mob-follow a.btn-circle-small{
    border-radius:50%;
    height:32px;
    line-height:32px;
    min-width:32px;
    padding:0;
    width:32px
}
.btn.btn-shadow,.nav-mob-follow a.btn-shadow{
    background-color:#eee;
    -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 2px 0 rgba(0,0,0,.12);
    color:#333
}
.btn.btn-shadow:hover,.nav-mob-follow a.btn-shadow:hover{
    background-color:rgba(0,0,0,.12)
}
.btn.btn-download,.btn.btn-download-cloud,.nav-mob-follow a.btn-download,.nav-mob-follow a.btn-download-cloud{
    background-color:#4285f4;
    color:#fff
}
.btn.btn-download-cloud:hover,.btn.btn-download:hover,.nav-mob-follow a.btn-download-cloud:hover,.nav-mob-follow a.btn-download:hover{
    background-color:#1b6cf2
}
.btn.btn-download-cloud:after,.btn.btn-download:after,.nav-mob-follow a.btn-download-cloud:after,.nav-mob-follow a.btn-download:after{
    display:inline-block;
    font-size:1.1rem;
    margin-left:5px;
    vertical-align:top
}
.btn.btn-download:after,.nav-mob-follow a.btn-download:after{
    content:"\E900"
}
.btn.btn-download-cloud:after,.nav-mob-follow a.btn-download-cloud:after{
    content:"\E2C0"
}
.btn.external:after,.nav-mob-follow a.external:after{
    font-size:1rem
}
.input-group{
    border-collapse:separate;
    display:table;
    position:relative
}
.form-control{
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    color:#555;
    font-size:14px;
    height:36px;
    line-height:1.42857;
    padding:8px 12px;
    -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    width:100%
}
.form-control:focus{
    border-color:#4285f4;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(66,133,244,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(66,133,244,.6);
    outline:0
}
.btn-subscribe-home{
    background-color:transparent;
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);
    box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);
    color:#fff;
    display:block;
    font-size:20px;
    font-weight:400;
    line-height:1.2;
    margin-top:50px;
    max-width:300px;
    padding:15px 10px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    width:100%
}
.btn-subscribe-home:hover{
    -webkit-box-shadow:inset 0 0 0 2px #fff;
    box-shadow:inset 0 0 0 2px #fff
}
.post-wrapper{
    margin-top:50px;
}
.post-header{
    margin-bottom:1.2rem
}
.post-title{
    color:#000;
    font-size:2.5rem;
    height:auto;
    letter-spacing:-.028em!important;
    line-height:1.04;
    margin:0 0 .9375rem;
    padding:0
}
.post-excerpt{
    color:#7d7d7d;
    font-size:20px;
    line-height:1.3em;
    margin-bottom:8px
}
.post-image{
    margin-bottom:30px;
    overflow:hidden
}
.post-body{
    margin-bottom:2rem
}
.post-body a:focus{
    text-decoration:underline
}
.post-body h2{
    font-weight:500;
    margin:2.5rem 0 1.25rem;
    padding-bottom:3px
}
.toc h2{
    font-weight:500;
    margin:2.5rem 0 1.25rem;
    padding-bottom:3px
}

.post-body h3,.post-body h4{
    margin:32px 0 16px
}
.post-body iframe{
    display:block!important;
    margin:0 auto 1.5rem 0!important
}
.post-body img{
    display:block;
    margin-bottom:1rem
}
.post-body h2 a,.post-body h3 a,.post-body h4 a{
    color:#4285f4
}
.post-tags{
    margin:1.25rem 0
}
.post-card{
    padding:15px
}
.post-byline{
    color:#999;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-size:14px;
    letter-spacing:-.028em!important
}
.post-byline a{
    color:inherit
}
.post-byline a:active{
    text-decoration:underline
}
.post-byline a:hover{
    color:#222
}
.post-actions--top .share{
    font-size:20px;
    margin-right:10px
}
.post-actions--top .share:hover{
    opacity:.7
}
.post-action-comments{
    color:#999;
    font-size:14px;
    margin-right:15px
}
.post-actions{
    margin-bottom:1.5rem;
    position:relative
}
.post-actions a{
    color:#fff;
    font-size:1.125rem
}
.post-actions a:hover{
    background-color:#000!important
}
.post-actions li{
    margin-left:6px
}
.post-actions li:first-child{
    margin-left:0!important
}
.nav-mob-follow .post-actions a,.post-actions .btn,.post-actions .nav-mob-follow a{
    border-radius:0
}
.post-author{
    background-color:#f3f5f6;
    font-size:15px;
    margin-bottom:3rem;
    padding:30px 0 30px 100px;
    position:relative
}
.post-author h5{
    color:#aaa;
    font-size:12px;
    font-weight:500;
    line-height:1.5;
    margin:0
}
.post-author li{
    font-size:14px;
    margin-left:30px
}
.post-author li a{
    color:#555
}
.post-author li a:hover{
    color:#000
}
.post-author li:first-child{
    margin-left:0
}
.post-author .post-author-avatar{
    background-position:50%;
    background-size:cover;
    border-radius:50%;
    height:64px;
    left:20px;
    position:absolute;
    top:30px;
    width:64px
}
.share-subscribe{
    margin-bottom:1rem
}
.share-subscribe p{
    color:#7d7d7d;
    font-size:.875rem;
    line-height:1;
    margin-bottom:1rem
}
.share-subscribe .social-share{
    float:none!important
}
.share-subscribe>div{
    margin-bottom:15px;
    overflow:hidden;
    position:relative
}
.share-subscribe>div:before{
    border-top:1px solid #000;
    content:" ";
    height:1px;
    left:15px;
    position:absolute;
    top:0;
    width:40px
}
.share-subscribe>div h5{
    font-size:.875rem;
    font-weight:500;
    line-height:1;
    margin:1rem 0;
    text-transform:uppercase
}
.share-subscribe .newsletter-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.share-subscribe .newsletter-form .form-group{
    max-width:250px;
    width:100%
}
.nav-mob-follow .share-subscribe .newsletter-form a,.share-subscribe .newsletter-form .btn,.share-subscribe .newsletter-form .nav-mob-follow a{
    border-radius:0
}
.post-related{
    margin-top:40px
}
.post-related-title{
    color:#000;
    font-size:18px;
    font-weight:500;
    height:auto;
    line-height:17px;
    margin:0 0 20px;
    padding-bottom:10px;
    text-transform:uppercase
}
.post-related-list{
    border:none;
    margin-bottom:18px;
    padding:0
}
@media only screen and (min-width:766px){
    .post .title{
        font-size:2.25rem;
        margin:0 0 1rem
    }
    .post-body{
        font-size:1.125rem;
        line-height:32px
    }
    .post-body p{
        margin-bottom:1.5rem
    }
    .post-card{
        padding:30px
    }
}
@media only screen and (max-width:640px){
    .post-title{
        font-size:1.8rem
    }
    .post-image,.video-responsive{
        margin-left:-.9375rem;
        margin-right:-.9375rem
    }
}
.sidebar{
    line-height:1.6;
    position:relative
}
.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6{
    color:#000;
    margin-top:0
}
.sidebar-items{
    margin-bottom:2.5rem;
    padding:30px;
    position:relative
}
.sidebar-title{
    font-size:1rem;
    margin-bottom:1rem;
    padding-bottom:10px;
    text-transform:uppercase
}
.sidebar .title-primary{
    background-color:#4285f4;
    color:#fff;
    font-size:18px;
    padding:10px 16px
}
.sidebar-post--border{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-left:3px solid #4285f4;
    bottom:0;
    color:rgba(0,0,0,.2);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:28px;
    font-weight:700;
    left:0;
    line-height:1;
    padding:15px 10px 10px;
    position:absolute;
    top:0
}
.sidebar-post:nth-child(3n) .sidebar-post--border{
    border-color:#f59e00
}
.sidebar-post:nth-child(3n+2) .sidebar-post--border{
    border-color:#00a034
}
.sidebar-post--link{
    display:block;
    min-height:50px;
    padding:10px 15px 10px 55px;
    position:relative
}
.sidebar-post--link:hover .sidebar-post--border{
    background-color:#e5eff5
}
.sidebar-post--title{
    color:rgba(0,0,0,.8);
    font-size:16px;
    font-weight:500;
    margin:0
}
.sidebar-featured--title:hover{
    color:#777
}
.subscribe{
    min-height:90vh;
    padding-top:50px
}
.subscribe h3{
    font:400 20px/32px Roboto,sans-serif;
    margin:0 0 8px
}
.subscribe-title{
    font-weight:400;
    margin-top:0
}
.subscribe-wrap{
    color:#7d878a;
    max-width:700px;
    padding:1rem 0
}
.subscribe .form-group{
    margin-bottom:1.5rem
}
.subscribe .form-group.error input{
    border-color:#ff5b5b
}
.nav-mob-follow .subscribe a,.subscribe .btn,.subscribe .nav-mob-follow a{
    width:100%
}
.subscribe-form{
    background:#ebeff2;
    border-radius:5px;
    margin:30px auto;
    max-width:400px;
    padding:40px;
    position:relative;
    text-align:left;
    width:100%
}
.subscribe-input{
    border:1px solid #4285f4;
    border-radius:2px;
    padding:10px;
    width:100%
}
.subscribe-input:focus{
    outline:none
}
.animated{
    -webkit-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    -o-animation-name:bounceIn;
    animation-name:bounceIn
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    -o-animation-name:slideInUp;
    animation-name:slideInUp
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    -o-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@-o-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -o-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -o-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@-o-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -o-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        -o-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -o-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        -o-transform:none;
        transform:none
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@-o-keyframes pulse{
    0%{
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@-webkit-keyframes scroll{
    0%{
        opacity:0
    }
    10%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
}
@-o-keyframes scroll{
    0%{
        opacity:0
    }
    10%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -o-transform:translateY(10px);
        transform:translateY(10px)
    }
}
@keyframes scroll{
    0%{
        opacity:0
    }
    10%{
        opacity:1;
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(10px);
        -o-transform:translateY(10px);
        transform:translateY(10px)
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@-o-keyframes spin{
    0%{
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn);
        -o-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-o-keyframes slideInUp{
    0%{
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        transform:translateZ(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,20%,0);
        transform:translate3d(0,20%,0);
        visibility:hidden
    }
}
@-o-keyframes slideOutDown{
    0%{
        transform:translateZ(0)
    }
    to{
        transform:translate3d(0,20%,0);
        visibility:hidden
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,20%,0);
        transform:translate3d(0,20%,0);
        visibility:hidden
    }
}