@font-face{
    font-family:'Jeckyll Pro';
    src:url('../fonts/jeckyll-pro/jpr-bol.woff2') format('woff2'),url('../fonts/jeckyll-pro/jpr-bol.woff') format('woff');
    font-weight:bold;
    font-style:normal
}
.jeckyll_pro-bold{
    font-family:'Jeckyll Pro';
    font-weight:bold;
    font-style:normal
}
@font-face{
    font-family:'Jeckyll Pro';
    src:url('../fonts/jeckyll-pro/jpr-reg.woff2') format('woff2'),url('../fonts/jeckyll-pro/jpr-reg.woff') format('woff');
    font-weight:normal;
    font-style:normal
}
.jeckyll_pro{
    font-family:'Jeckyll Pro';
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'icons';
    src:url('../fonts/icons/icons.ttf?fsab4m') format('truetype'),url('../fonts/icons/icons.woff?fsab4m') format('woff'),url('../fonts/icons/icons.svg?fsab4m#icons') format('svg');
    font-weight:normal;
    font-style:normal
}
[class^="be-icon-"]:before,[class^="af-icon-"]:after,[class*=" be-icon-"]:before,[class*=" af-icon-"]:after,[class^="icon-"],[class*=" icon-"]{
    font-family:'Icons';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.af-icon-arrow_drop_down:after,.be-icon-arrow_drop_down:before,.icon-arrow_drop_down{
    content:"\e5c5" !important
}
.af-icon-arrow_forward:after,.be-icon-arrow_forward:before,.icon-arrow_forward{
    content:"\e5c8" !important
}
.af-icon-arrow_back:after,.be-icon-arrow_back:before,.icon-arrow_back{
    content:"\e5c4" !important
}
.af-icon-arrow_upward:after,.be-icon-arrow_upward:before,.icon-arrow_upward{
    content:"\e5d8" !important
}
.af-icon-format_align_right:after,.be-icon-format_align_right:before,.icon-format_align_right{
    content:"\e237" !important
}
.af-icon-shopping_cart:after,.be-icon-shopping_cart:before,.icon-shopping_cart{
    content:"\e8cc" !important
}
.af-icon-shopping_cart_add:after,.be-icon-shopping_cart_add:before,.icon-shopping_cart_add{
    content:"\e854" !important
}
.af-icon-menu:after,.be-icon-menu:before,.icon-menu{
    content:"\e5d2" !important
}
.af-icon-tune:after,.be-icon-tune:before,.icon-tune{
    content:"\e429" !important
}
.af-icon-account:after,.be-icon-account:before,.icon-account{
    content:"\e7fd" !important
}
.af-icon-block:after,.be-icon-block:before,.icon-block{
    content:"\e14b" !important
}
.af-icon-play:after,.be-icon-play:before,.icon-play{
    content:"\e037" !important
}
.af-icon-linkedin:after,.be-icon-linkedin:before,.icon-linkedin{
    content:"\e900" !important
}
.af-icon-twitter:after,.be-icon-twitter:before,.icon-twitter{
    content:"\e901" !important
}
.af-icon-facebook:after,.be-icon-facebook:before,.icon-facebook{
    content:"\e902" !important
}
.af-icon-gplus:after,.be-icon-gplus:before,.icon-gplus{
    content:"\e900" !important
}
.af-icon-pint:after,.be-icon-pint:before,.icon-pint{
    content:"\e904" !important
}
.af-icon-insta:after,.be-icon-insta:before,.icon-insta{
    content:"\e905" !important
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
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
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    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:-0.25em
}
sup{
    top:-0.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{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em
}
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
}
template{
    display:none
}
[hidden]{
    display:none
}
/*!* Waves v0.7.5* http://fian.my.id/Waves** Copyright 2014-2016 Alfiana E. Sibuea and other contributors* Released under the MIT license* https://github.com/fians/Waves/blob/master/LICENSE*/
.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
    background:rgba(0,0,0,0.2);
    background:-webkit-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-o-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-moz-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    background:radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    -webkit-transition-property:-webkit-transform,opacity;
    -moz-transition-property:-moz-transform,opacity;
    -o-transition-property:-o-transform,opacity;
    transition-property:transform,opacity;
    -webkit-transform:scale(0) translate(0, 0);
    -moz-transform:scale(0) translate(0, 0);
    -ms-transform:scale(0) translate(0, 0);
    -o-transform:scale(0) translate(0, 0);
    transform:scale(0) translate(0, 0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background:rgba(255,255,255,0.4);
    background:-webkit-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-o-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:-moz-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
    background:radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%)
}
.waves-effect.waves-classic .waves-ripple{
    background:rgba(0,0,0,0.2)
}
.waves-effect.waves-typeface .waves-ripple{
    background:rgba(255,255,255,0.5)
}
.waves-effect.waves-blogpost .waves-ripple{
    background:rgba(0,204,204,0.1)
}
.categories a.waves-effect.waves-blogpost .waves-ripple{
    background:rgba(0,204,204,0.5)
}
.waves-effect.waves-classic.waves-light .waves-ripple{
    background:rgba(255,255,255,0.5)
}
.waves-notransition{
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    transition:none !important
}
.waves-button,.waves-circle{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-mask-image:-webkit-radial-gradient(circle, #ffffff 100%, #000000 100%)
}
.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    border:none;
    outline:none;
    color:inherit;
    background-color:rgba(0,0,0,0);
    font-size:1em;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    z-index:1
}
.waves-button{
    padding:.85em 1.1em;
    border-radius:.2em
}
.waves-button-input{
    margin:0;
    padding:.85em 1.1em
}
.waves-input-wrapper{
    border-radius:.2em;
    vertical-align:bottom
}
.waves-input-wrapper.waves-button{
    padding:0
}
.waves-input-wrapper .waves-button-input{
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-circle{
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%
}
.waves-float{
    -webkit-mask-image:none;
    -webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,0.12);
    box-shadow:0 1px 1.5px 1px rgba(0,0,0,0.12);
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms
}
.waves-float:active{
    -webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,0.3);
    box-shadow:0 8px 20px 1px rgba(0,0,0,0.3)
}
.waves-block{
    display:block
}
body{
    font-size:16px
}
h1,h2,h3,h4,h5,h6,p,ul,ol{
    font-family:'Jeckyll Pro';
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
h1{
    font-size:1.125em;
    line-height:1;
    margin:0;
    font-weight:normal;
    color:#fff
}
h2{
    font-size:2.5em;
    line-height:1;
    margin:0 0 35px 0;
    font-weight:normal
}
h4{
    font-size:1.125em;
    line-height:1;
    font-weight:normal
}
p{
    font-size:1.625em;
    line-height:1.3;
    margin:0
}
.content h1,.page h1,.post h1{
    font-size:50px;
    line-height:1.1em;
    color:#cc0;
    margin-bottom:30px;
    margin-top:-10px
}
.content h2,.page h2,.post h2{
    font-size:40px;
    line-height:1.5em;
    color:#cc0;
    margin-bottom:20px
}
.content h3,.page h3,.post h3{
    font-size:30px;
    line-height:1.5em;
    color:#000;
    margin-bottom:10px
}
.content h4,.page h4,.post h4{
    font-size:20px;
    line-height:1.5em;
    color:#000;
    margin-bottom:5px
}
.content p,.page p,.post p{
    font-size:18px;
    line-height:1.55em;
    color:#3e3e3e;
    margin-bottom:30px
}
.content p a,.page p a,.post p a{
    color:#3e3e3e;
    text-decoration:none;
    border-bottom:solid 1px #3e3e3e;
    background-color:rgba(62,62,62,0.07);
    padding:0 4px 0 4px;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box
}
.content p a:hover,.page p a:hover,.post p a:hover{
    background-color:#0cc !important;
    color:#fff !important
}
.content p:last-child,.page p:last-child,.post p:last-child{
    margin:0
}
.content p+ul,.page p+ul,.post p+ul,.content p+ol,.page p+ol,.post p+ol{
    margin-top:-30px
}
.content ul,.page ul,.post ul,.content ol,.page ol,.post ol{
    font-size:18px;
    line-height:1.55em;
    color:#3e3e3e;
    margin:0 0 0 20px;
    padding:0
}
.content ul a,.page ul a,.post ul a,.content ol a,.page ol a,.post ol a{
    color:#3e3e3e;
    text-decoration:none;
    border-bottom:solid 1px #3e3e3e;
    background-color:rgba(62,62,62,0.07);
    padding:0 4px 0 4px;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box
}
.content ul a:hover,.page ul a:hover,.post ul a:hover,.content ol a:hover,.page ol a:hover,.post ol a:hover{
    background-color:#0cc;
    color:#fff
}
html #main-wrap{
    opacity:1
}
html.loading #main-wrap{
    opacity:0
}
html.loading .loader{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
body{
    background:#000
}
.grid{
    height:auto;
    margin:0 auto;
    display:table
}
.grid.medium{
    width:800px
}
.grid.full{
    width:1420px
}
.grid.blogpost{
    width:940px
}
.cta{
    width:auto;
    height:50px;
    text-decoration:none;
    padding:15px 35px 15px 85px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    -webkit-border-radius:4px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:4px;
    -moz-background-clip:padding;
    border-radius:4px;
    background-clip:padding-box;
    font-family:'Jeckyll Pro';
    font-size:16px;
    text-transform:uppercase;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
.cta:before{
    height:18px;
    background-color:rgba(0,0,0,0.3);
    display:block;
    position:absolute;
    padding:16px 16px 16px 16px;
    font-size:18px;
    line-height:1;
    top:0;
    left:0;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
.cta:after{
    content:"";
    width:100%;
    height:100%;
    background-color:#cc0;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    z-index:-1;
    opacity:0;
    -webkit-transition:ease-out 0.3s;
    -moz-transition:ease-out 0.3s;
    -o-transition:ease-out 0.3s;
    transition:ease-out 0.3s
}
.cta:hover:after{
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1
}
.cta.magenta{
    background-color:#c30079;
    color:#fff
}
.cta-menu{
    width:auto;
    height:auto;
    display:inline-block;
    position:relative
}
.cta-menu .cta{
    margin:0 !important;
    z-index:1
}
.cta-menu.expanded .wrap{
    height:auto;
    z-index:100
}
.cta-menu.expanded .wrap .contents{
    opacity:1
}
.cta-menu .wrap{
    width:100%;
    height:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 0 0 50px;
    position:absolute;
    display:table;
    top:0;
    z-index:-100
}
.cta-menu .wrap .contents{
    width:100%;
    height:auto;
    background-color:#fff;
    -webkit-box-shadow:0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -moz-box-shadow:0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow:0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -webkit-border-radius:0px 4px 4px 4px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0px 4px 4px 4px;
    -moz-background-clip:padding;
    border-radius:0px 4px 4px 4px;
    background-clip:padding-box;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    opacity:0
}
.cta-menu .wrap .contents a{
    width:100%;
    display:block;
    line-height:1;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:17px 0 17px 17px;
    color:#3e3e3e;
    text-decoration:none;
    -webkit-transition:ease 0.25s;
    -moz-transition:ease 0.25s;
    -o-transition:ease 0.25s;
    transition:ease 0.25s;
    border-top:solid 1px #ebebeb
}
.cta-menu .wrap .contents a:first-child{
    border-top:none;
    -webkit-border-radius:0px 4px 0px 0px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0px 4px 0px 0px;
    -moz-background-clip:padding;
    border-radius:0px 4px 0px 0px;
    background-clip:padding-box
}
.cta-menu .wrap .contents a:last-child{
    -webkit-border-radius:0px 0px 4px 4px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:0px 0px 4px 4px;
    -moz-background-clip:padding;
    border-radius:0px 0px 4px 4px;
    background-clip:padding-box
}
.cta-menu .wrap .contents a:hover{
    background-color:#c30079;
    color:#fff
}
#post-controls{
    width:100%;
    height:auto;
    float:left;
    display:table;
    border-top:solid 4px #FFF;
    border-bottom:solid 4px #FFF;
    background-color:#fff
}
#post-controls .control{
    width:50%;
    height:125px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    font-family:'Jeckyll Pro';
    background-color:#cc0;
    -webkit-transition:background-color ease 0.3s;
    -moz-transition:background-color ease 0.3s;
    -o-transition:background-color ease 0.3s;
    transition:background-color ease 0.3s;
    cursor:pointer
}
#post-controls .control:hover{
    background-color:rgba(204,204,0,0.75)
}
#post-controls .control.disabled{
    background-color:#ebebeb;
    cursor:not-allowed
}
#post-controls .control.disabled:after{
    color:#d8d8d8
}
#post-controls .control.disabled:hover{
    background-color:#ebebeb
}
#post-controls .control:after{
    font-size:40px;
    color:#fff;
    -webkit-transition:-webkit-transform ease 0.3s;
    -moz-transition:-moz-transform ease 0.3s;
    -o-transition:-o-transform ease 0.3s;
    transition:-webkit-transform ease 0.3s,-moz-transform ease 0.3s,-o-transform ease 0.3s,transform ease 0.3s
}
#post-controls .control.next{
    float:left;
    border-right:solid 2px #FFF;
    text-align:left
}
#post-controls .control.next:after{
    position:absolute;
    left:30px;
    top:45px
}
#post-controls .control.next a{
    padding:52px 0 0 90px
}
#post-controls .control.next:hover:after{
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    -o-transform:translateX(-20px);
    transform:translateX(-20px)
}
#post-controls .control.previous{
    float:right;
    border-left:solid 2px #FFF;
    text-align:right
}
#post-controls .control.previous:after{
    position:absolute;
    right:30px;
    top:45px
}
#post-controls .control.previous a{
    padding:52px 90px 0 0
}
#post-controls .control.previous:hover:after{
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -ms-transform:translateX(20px);
    -o-transform:translateX(20px);
    transform:translateX(20px)
}
#post-controls .control a{
    font-size:26px;
    line-height:1;
    color:#3e3e3e;
    text-decoration:none;
    width:100%;
    height:100%;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.loader{
    position:absolute;
    z-index:-1;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%) scale(0.1);
    -moz-transform:translateY(-50%) translateX(-50%) scale(0.1);
    -ms-transform:translateY(-50%) translateX(-50%) scale(0.1);
    -o-transform:translateY(-50%) translateX(-50%) scale(0.1);
    transform:translateY(-50%) translateX(-50%) scale(0.1);
    opacity:0;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    margin-top:-80px
}
#main-wrap{
    width:100%;
    height:auto;
    display:table;
    margin:80px 0 0 0;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#main-wrap:before{
    content:"";
    width:100%;
    height:80px;
    position:absolute;
    background-color:#000;
    top:0;
    left:0;
    z-index:-1
}
#hero{
    width:100%;
    height:720px;
    background-color:#ebebeb;
    float:left;
    position:relative
}
#hero.short{
    height:360px !important
}
#hero .spinner{
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0 0 -20px;
    z-index:3
}
#password-protected{
    width:100%;
    height:auto;
    float:left;
    display:table;
    background-color:#fff;
    padding:100px 0 100px 0
}
#password-protected form{
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0
}
#password-protected form input[type=password]{
    font-size:20px;
    line-height:1.5;
    float:left;
    margin-right:20px;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box;
    background-color:#fff;
    border:solid 1px #d8d8d8;
    width:300px;
    height:48px;
    padding:0 15px 0 15px
}
#password-protected form .cta{
    float:left
}
.spinner{
    margin:100px auto;
    width:40px;
    height:40px;
    position:relative;
    text-align:center;
    -webkit-animation:sk-rotate 2s infinite linear;
    animation:sk-rotate 2s infinite linear
}
.dot1,.dot2{
    width:60%;
    height:60%;
    display:inline-block;
    position:absolute;
    top:0;
    border-radius:100%;
    background-color:#0cc;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out
}
.dot2{
    top:auto;
    bottom:0;
    background-color:#c30079;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-rotate{
    100%{
        -webkit-transform:rotate(360deg)
}
}
@keyframes sk-rotate{
    100%{
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0)
}
    50%{
        -webkit-transform:scale(1)
}
}
@keyframes sk-bounce{
    0%,100%{
        transform:scale(0);
        -webkit-transform:scale(0)
}
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
}
}
header{
    width:100%;
    height:80px;
    float:left;
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.9);
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s
}
header.hidden{
    -webkit-transform:translateY(-80px);
    -moz-transform:translateY(-80px);
    -ms-transform:translateY(-80px);
    -o-transform:translateY(-80px);
    transform:translateY(-80px);
    opacity:0
}
header #identification{
    width:auto;
    height:80px;
    float:left;
    display:table;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:16px
}
header #identification .logo{
    width:48px;
    height:48px;
    float:left
}
header #identification .logo img{
    width:100%;
    height:100%;
    float:left
}
header #identification h1{
    display:block;
    float:left;
    margin:15px 0 15px 15px
}
header #navigation{
    width:auto;
    height:80px;
    float:right
}
header #navigation #primary-menu{
    width:auto;
    height:auto;
    float:left;
    font-size:1.125em;
    line-height:1;
    margin:0 20px 0 0
}
header #navigation #primary-menu ul{
    list-style:none;
    width:auto;
    height:auto;
    float:left;
    margin:0
}
header #navigation #primary-menu ul li{
    display:inline-block;
    float:left;
    position:relative;
    padding:6px 0 0 0;
    margin:0 10px 0 21px
}
header #navigation #primary-menu ul li:before{
    content:"";
    width:100%;
    height:6px;
    background-color:#cc0;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateY(-6px);
    -moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    -o-transform:translateY(-6px);
    transform:translateY(-6px);
    -webkit-transition:ease-out 0.25s;
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    opacity:0
}
header #navigation #primary-menu ul li:hover a{
    color:#cc0
}
header #navigation #primary-menu ul li a{
    color:#fff;
    text-decoration:none;
    float:left;
    padding:22px 0 22px 0;
    overflow:hidden;
    position:relative;
    -webkit-transition:ease 0.25s;
    -moz-transition:ease 0.25s;
    -o-transition:ease 0.25s;
    transition:ease 0.25s
}
header #navigation #primary-menu ul li.current-menu-item:before,header #navigation #primary-menu ul li.current-menu-parent:before{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1
}
header #navigation #primary-menu ul li.current-menu-item a,header #navigation #primary-menu ul li.current-menu-parent a{
    color:#b0b0b0
}
header #navigation #secondary-menu{
    width:auto;
    height:auto;
    float:right;
    padding:29px 30px 29px 0
}
header #navigation #secondary-menu a{
    font-size:22px;
    text-decoration:none;
    color:#fff;
    margin-left:30px;
    position:relative
}
header #navigation #secondary-menu a .cart-count{
    position:absolute;
    background:#c30079;
    color:#fff;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    font-size:12px;
    padding:3px;
    border:solid 2px #000;
    left:14px
}
#hero{
    overflow:hidden;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#hero .spinner{
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#hero .loader:before{
    content:"";
    width:700px;
    height:700px;
    position:absolute;
    top:50%;
    left:50%;
    background-color:#000;
    z-index:2;
    opacity:1;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    margin:-350px 0 0 -350px;
    -webkit-transform:scale3d(5, 5, 5);
    -moz-transform:scale3d(5, 5, 5);
    -ms-transform:scale3d(5, 5, 5);
    -o-transform:scale3d(5, 5, 5);
    transform:scale3d(5, 5, 5)
}
#hero.loaded .loader:before{
    -webkit-transform:scale3d(0, 0, 0);
    -moz-transform:scale3d(0, 0, 0);
    -ms-transform:scale3d(0, 0, 0);
    -o-transform:scale3d(0, 0, 0);
    transform:scale3d(0, 0, 0);
    opacity:0
}
#hero.loaded .spinner{
    opacity:0
}
#hero.cover .slides .slide .front,#hero.cover .slides .slide .rear{
    background-size:cover !important
}
#hero.repeat .slides .slide .front,#hero.repeat .slides .slide .rear{
    background-size:auto !important;
    background-repeat:repeat-x !important
}
#hero .slide-overlay{
    width:100%;
    height:100%;
    position:absolute;
    display:table;
    float:left;
    text-align:center;
    z-index:2;
    background-color:rgba(0,0,0,0.45)
}
#hero .slide-overlay .slide-content{
    width:100%;
    height:auto;
    position:absolute;
    display:table;
    float:left;
    text-align:center;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
#hero .slide-overlay .slide-content h1{
    font-size:40px;
    margin:0 0 40px 0
}
#hero .slide-overlay .slide-content h2{
    font-size:26px;
    color:#979797;
    line-height:34px;
    margin:0
}
#hero .slides{
    width:100%;
    height:100%;
    position:relative;
    display:table;
    float:left;
    z-index:1;
    margin-top:80px
}
#hero .slides .slide{
    width:1440px;
    height:100%;
    position:absolute;
    margin:0 auto;
    top:0;
    left:50%;
    margin:0 0 0 -720px;
    opacity:0;
    -webkit-transition:ease 0.75s;
    -moz-transition:ease 0.75s;
    -o-transition:ease 0.75s;
    transition:ease 0.75s
}
#hero .slides .slide.enabled{
    opacity:1
}
#hero .slides .slide.enabled .front,#hero .slides .slide.enabled .rear{
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px);
    opacity:1
}
#hero .slides .slide.exiting .front{
    -webkit-transition:ease 0.7s 0.2s;
    -moz-transition:ease 0.7s 0.2s;
    -o-transition:ease 0.7s 0.2s;
    transition:ease 0.7s 0.2s
}
#hero .slides .slide.exiting .rear{
    -webkit-transition:ease 0.7s;
    -moz-transition:ease 0.7s;
    -o-transition:ease 0.7s;
    transition:ease 0.7s
}
#hero .slides .slide.exit{
    opacity:0
}
#hero .slides .slide.exit .front,#hero .slides .slide.exit .rear{
    -webkit-transform:scale3d(0.5, 0.5, 0.5);
    -moz-transform:scale3d(0.5, 0.5, 0.5);
    -ms-transform:scale3d(0.5, 0.5, 0.5);
    -o-transform:scale3d(0.5, 0.5, 0.5);
    transform:scale3d(0.5, 0.5, 0.5);
    opacity:0
}
#hero .slides .slide .front,#hero .slides .slide .rear{
    width:100%;
    height:100%;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
    background-position:center;
    background-repeat:no-repeat
}
#hero .slides .slide .front{
    opacity:0;
    z-index:1;
    -webkit-transform:translateX(300px);
    -moz-transform:translateX(300px);
    -ms-transform:translateX(300px);
    -o-transform:translateX(300px);
    transform:translateX(300px);
    -webkit-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0.1s;
    -moz-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0.1s;
    -o-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0.1s;
    transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0.1s
}
#hero .slides .slide .rear{
    opacity:0;
    z-index:0;
    -webkit-transform:translateX(300px);
    -moz-transform:translateX(300px);
    -ms-transform:translateX(300px);
    -o-transform:translateX(300px);
    transform:translateX(300px);
    -webkit-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0s;
    -moz-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0s;
    -o-transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0s;
    transition:cubic-bezier(0.075, 0.82, 0.165, 1) 3s 0s
}
#typeface-about{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    padding:80px 0 80px 0;
    text-align:center
}
#typeface-about.no-bottom-padding{
    padding:80px 0 0 0
}
#typeface-about h2{
    color:#fff
}
#typeface-about p{
    color:#b0b0b0
}
#typeface-about>.grid>.cta{
    margin:40px 0 0 0
}
#typeface-about .cta-menu{
    margin:40px 0 0 0
}
#typeface-about #player-container{
    width:100%;
    float:left;
    position:relative;
    margin:80px 0 0 0;
    overflow:hidden;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#typeface-about #player-container.collapsed{
    height:450px
}
#typeface-about #player-container.expanded{
    height:450px
}
#typeface-about #player-container.expanded #player-trigger{
    opacity:0;
    -webkit-transform:scale(0.1);
    -moz-transform:scale(0.1);
    -ms-transform:scale(0.1);
    -o-transform:scale(0.1);
    transform:scale(0.1)
}
#typeface-about #player-container #player-trigger{
    width:80px;
    height:80px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-40px 0 0 -40px;
    background-color:#000;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    z-index:1;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#typeface-about #player-container #player-trigger:before{
    color:#fff;
    font-size:50px;
    text-align:center;
    top:13px;
    line-height:1;
    position:relative
}
#typeface-about #player-container #player-trigger:hover{
    cursor:pointer;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
#typeface-about #player-container #video-player{
    width:800px;
    height:450px;
    margin:-225px 0 0 0;
    border:none;
    float:left;
    position:relative;
    top:50%;
    z-index:0
}
#typeface-design{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    padding:80px 0 80px 0;
    background-color:#fff
}
#typeface-design.hidden{
    padding:5px;
    background-color:#111
}
#typeface-design #typetester{
    width:100%;
    height:auto;
    margin:0 auto;
    display:table
}
#typeface-design #typetester span.heading{
    display:block
}
#typeface-weights{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    padding:80px 0 80px 0;
    text-align:center;
    background-size:cover;
    background-color:#000
}
#typeface-weights h2{
    color:#fff
}
#typeface-weights p{
    color:#b0b0b0
}
#typeface-weights #weights{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    margin:60px 0 0 0
}
#typeface-weights #weights .weight{
    width:50%;
    height:auto;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#typeface-weights #weights .weight:nth-child(2n+1){
    padding:0 15px 0 0
}
#typeface-weights #weights .weight:nth-child(2n+2){
    padding:0 0 0 15px
}
#typeface-weights #weights .weight .weight-inner{
    width:100%;
    height:auto;
    float:left;
    border-bottom:solid 1px #979797;
    text-align:left;
    display:table;
    position:relative
}
#typeface-weights #weights .weight .weight-inner h4{
    color:#cc0;
    margin:0;
    float:left;
    padding:11px 0 11px 0
}
#typeface-weights #weights .weight .weight-inner .shop-controls{
    width:auto;
    height:40px;
    position:absolute;
    right:0;
    top:0
}
#typeface-weights #weights .weight .weight-inner .shop-controls a{
    width:40px;
    height:40px;
    float:right;
    text-align:center;
    font-size:1.125em;
    color:#fff;
    text-decoration:none;
    line-height:1;
    position:relative;
    -webkit-transition:ease 0.25s;
    -moz-transition:ease 0.25s;
    -o-transition:ease 0.25s;
    transition:ease 0.25s;
    -webkit-border-radius:2px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:2px;
    -moz-background-clip:padding;
    border-radius:2px;
    background-clip:padding-box
}
#typeface-weights #weights .weight .weight-inner .shop-controls a span{
    position:absolute;
    top:50%;
    left:50%;
    margin:-10px 0 0 -10px
}
#typeface-weights #weights .weight .weight-inner .shop-controls a:hover{
    background-color:#c30079
}
#typeface-weights #weights .weight .weight-inner .shop-controls .price{
    color:#fff;
    font-family:'Jeckyll Pro';
    font-size:18px;
    font-weight:normal;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px);
    line-height:1;
    padding:11px 11px 11px 0;
    float:left
}
#typeface-weights #weights .weight .weight-inner .weight-preview{
    width:100%;
    height:150px;
    float:left;
    color:#fff;
    overflow:hidden
}
#typeface-weights #weights .weight .weight-inner .weight-preview .weight-preview-ct{
    width:100%;
    height:auto;
    float:left;
    display:block
}
#typeface-opentype-features{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    padding:80px 0 80px 0;
    text-align:center;
    background-color:#fff
}
#typeface-opentype-features #opentype-features{
    width:100%;
    height:auto;
    float:left;
    display:table;
    margin:14px 0 0 0
}
#typeface-opentype-features #opentype-features .feature{
    width:210px;
    height:auto;
    float:left;
    margin:32px 32px 0 0
}
#typeface-opentype-features #opentype-features .feature:nth-child(6n+6){
    margin:32px 0 0 0
}
#typeface-opentype-features #opentype-features .feature .preview{
    width:210px;
    height:210px;
    background-color:#ebebeb
}
#typeface-opentype-features #opentype-features .feature .preview img{
    width:90%;
    height:90%;
    margin:5%
}
#typeface-opentype-features #opentype-features .feature span{
    font-family:'Jeckyll Pro';
    font-size:18px;
    font-weight:normal;
    color:#3e3e3e;
    margin:15px 0 0 0;
    display:inline-block
}
#typeface-language-support{
    width:100%;
    height:auto;
    float:left;
    position:relative;
    display:table;
    background-color:#ebebeb;
    padding:80px 0 80px 0;
    text-align:center
}
#typeface-language-support p{
    color:#b0b0b0
}
#typeface-language-support #languages{
    width:100%;
    height:auto;
    margin:35px 0 0 0;
    float:left
}
#typeface-language-support #languages p{
    font-size:18px;
    line-height:24px;
    color:#3e3e3e
}
#typefaces-archive{
    width:100%;
    height:auto;
    float:left;
    display:table;
    margin-top:80px
}
#typefaces-archive .typeface{
    width:100%;
    height:300px;
    float:left;
    position:relative;
    overflow:hidden;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
#typefaces-archive .typeface:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s
}
#typefaces-archive .typeface:after{
    content:"";
    width:80px;
    height:80px;
    position:absolute;
    z-index:3;
    background-color:#000;
    left:50%;
    top:50%;
    color:#fff;
    font-size:40px;
    text-align:center;
    line-height:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px 0 20px 0;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    -webkit-transform:translateX(-80px);
    -moz-transform:translateX(-80px);
    -ms-transform:translateX(-80px);
    -o-transform:translateX(-80px);
    transform:translateX(-80px);
    opacity:0;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    margin:-40px 0 0 -40px
}
#typefaces-archive .typeface img{
    width:auto;
    height:auto;
    float:left;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -moz-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -o-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    -webkit-transform-origin:top left;
    -moz-transform-origin:top left;
    -ms-transform-origin:top left;
    -o-transform-origin:top left;
    transform-origin:top left
}
#typefaces-archive .typeface h2{
    width:100%;
    height:auto;
    position:absolute;
    z-index:3;
    top:50%;
    left:0;
    color:#fff;
    padding:40px 0 40px 0;
    display:block;
    text-decoration:none;
    border:none;
    text-align:center;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center
}
#typefaces-archive .typeface:hover:before{
    opacity:0
}
#typefaces-archive .typeface:hover:after{
    opacity:.8;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px)
}
#typefaces-archive .typeface:hover img{
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    filter:none;
    -webkit-transform:scale(1.1) translateY(-50%) translateX(-50%);
    -moz-transform:scale(1.1) translateY(-50%) translateX(-50%);
    -ms-transform:scale(1.1) translateY(-50%) translateX(-50%);
    -o-transform:scale(1.1) translateY(-50%) translateX(-50%);
    transform:scale(1.1) translateY(-50%) translateX(-50%)
}
#typefaces-archive .typeface:hover h2{
    opacity:0;
    -webkit-transform:translateY(-50%) scale(0.9);
    -moz-transform:translateY(-50%) scale(0.9);
    -ms-transform:translateY(-50%) scale(0.9);
    -o-transform:translateY(-50%) scale(0.9);
    transform:translateY(-50%) scale(0.9)
}
footer{
    width:100%;
    height:126px;
    background-color:#000;
    float:left
}
footer .right{
    width:auto;
    height:auto;
    float:right;
    display:table
}
footer #offices{
    width:auto;
    height:auto;
    float:left
}
footer #offices .office{
    width:210px;
    height:auto;
    float:left;
    padding:38px 0 38px 0
}
footer #offices .office h5{
    font-size:12px;
    line-height:1.5;
    padding:0;
    margin:0;
    color:#b0b0b0;
    font-weight:normal
}
footer #offices .office p{
    color:#fff;
    font-size:12px;
    line-height:1.5
}
footer #offices .office p a{
    color:#fff;
    text-decoration:none;
    border-bottom:solid 1px #fff;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s
}
footer #offices .office p a:hover{
    color:#fff;
    border-color:#0cc
}
footer #copyright-and-info{
    width:auto;
    height:auto;
    float:left;
    padding:57px 30px 57px 0
}
footer #copyright-and-info p{
    font-size:12px;
    color:#fff;
    float:left
}
footer #copyright-and-info p a{
    color:#fff;
    position:relative;
    margin-left:15px;
    text-decoration:none;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    border-bottom:solid 1px #fff
}
footer #copyright-and-info p a:hover{
    color:#fff;
    border-color:#0cc
}
footer #copyright-and-info .menu{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    line-height:.8
}
footer #copyright-and-info .menu li{
    display:inline-block;
    margin-left:15px;
    font-size:12px
}
footer #copyright-and-info .menu li a{
    color:#fff;
    position:relative;
    text-decoration:none;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    border-bottom:solid 1px #fff
}
footer #copyright-and-info .menu li a:hover{
    color:#fff;
    border-color:#0cc
}
footer #socials{
    width:auto;
    height:auto;
    float:right
}
footer #socials .social-profiles{
    width:auto;
    height:auto;
    float:left;
    margin:43px 0 43px 0
}
footer #socials .social-profiles a{
    width:40px;
    height:40px;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    float:left;
    border:solid 2px #b0b0b0;
    text-align:center;
    position:relative;
    color:#fff;
    text-decoration:none;
    font-size:22px;
    -webkit-transition:ease 0.3s;
    -moz-transition:ease 0.3s;
    -o-transition:ease 0.3s;
    transition:ease 0.3s;
    margin:0 0 0 15px
}
footer #socials .social-profiles a.be-icon-arrow_upward{
    background-color:#b0b0b0;
    color:#000
}
footer #socials .social-profiles a.be-icon-arrow_upward:hover{
    background-color:#0cc;
    color:#000 !important
}
footer #socials .social-profiles a:before{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -moz-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -o-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}
footer #socials .social-profiles a:hover{
    color:#0cc;
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    transform:translateY(-5px);
    border-color:#0cc
}
footer #socials .social-profiles a span{
    display:none
}
#default-page{
    width:100%;
    height:auto;
    float:left;
    display:table;
    padding:80px 0 80px 0;
    background-color:#fff
}
#default-page .content{
    width:100%;
    height:auto;
    float:left;
    min-height:100px
}
#default-page .sidebar{
    width:29%;
    height:auto;
    float:right;
    min-height:100px;
    background-color:#ebebeb;
    display:none
}
#single-post{
    width:100%;
    height:auto;
    display:table
}
#single-post h1,#single-post h2,#single-post h3,#single-post h4,#single-post p,#single-post ul,#single-post ol{
    padding:0 70px 0 70px
}
#single-post #single-post-heading{
    width:100%;
    height:auto;
    background-color:#fff;
    padding:80px 0 0 0
}
#single-post #single-post-content{
    width:100%;
    height:auto;
    background-color:#fff;
    text-align:left;
    padding:0 0 80px 0
}
#single-post #single-post-content h1:first-child,#single-post #single-post-content h2:first-child,#single-post #single-post-content h3:first-child,#single-post #single-post-content h4:first-child,#single-post #single-post-content p:first-child,#single-post #single-post-content ul:first-child,#single-post #single-post-content ol:first-child{
    margin-top:0
}
#single-post #single-post-content p{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    display:table
}
#single-post #single-post-content p.lead{
    color:#000;
    font-weight:normal;
    font-size:1.625em;
    line-height:1.3
}
#single-post #single-post-content blockquote{
    margin:0 70px 30px 70px;
    padding:40px 0 40px 40px;
    border-left:solid 6px #cc0;
    background-color:rgba(204,204,0,0.1)
}
#single-post #single-post-content blockquote p{
    padding:0 40px 0 0
}
#single-post #single-post-content blockquote p a{
    background-color:transparent
}
#single-post #single-post-content img{
    width:120%;
    height:auto;
    position:relative;
    left:-10%;
    margin:20px 0 20px 0
}
#single-post #single-post-content .video-container{
    position:relative;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%
}
#single-post #single-post-content .video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#blog{
    width:100%;
    height:auto;
    float:left;
    display:table;
    background-color:#FFF;
    padding:100px 0 80px 0
}
#blog #category-selection{
    width:100%;
    height:auto;
    float:left;
    display:table;
    margin:0 0 80px 0;
    font-family:'Jeckyll Pro';
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
#blog #category-selection .categories{
    width:100%;
    height:auto;
    float:left;
    display:table
}
#blog #category-selection .categories a{
    width:160px;
    height:auto;
    float:left;
    display:block;
    margin:0 20px 0 0;
    border:solid 1px #d8d8d8;
    font-size:16px;
    color:#000;
    text-align:center;
    text-decoration:none;
    padding:14px 0 14px 0;
    -webkit-transform:translateZ(0px);
    -moz-transform:translateZ(0px);
    -ms-transform:translateZ(0px);
    -o-transform:translateZ(0px);
    transform:translateZ(0px)
}
#blog #category-selection .categories a:last-child{
    margin:0
}
#blog #category-selection .categories a.active{
    background-color:#0cc;
    border-color:#0cc;
    color:#fff;
    overflow:hidden
}
#blog #category-selection .categories a:after{
    content:"";
    width:100%;
    height:100%;
    background-color:rgba(0,204,204,0.2);
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    z-index:-1;
    opacity:0;
    -webkit-transition:ease-out 0.3s;
    -moz-transition:ease-out 0.3s;
    -o-transition:ease-out 0.3s;
    transition:ease-out 0.3s
}
#blog #category-selection .categories a:hover:after{
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1
}
#blog #blogposts{
    width:100%;
    height:auto;
    float:left;
    display:table
}
#blog #blogposts .post{
    width:450px;
    height:315px;
    float:left;
    margin:35px 35px 0 0;
    text-decoration:none;
    border-bottom:solid 1px #ebebeb
}
#blog #blogposts .post:nth-child(1),#blog #blogposts .post:nth-child(2),#blog #blogposts .post:nth-child(3){
    margin-top:0 !important
}
#blog #blogposts .post:nth-child(3n+3){
    margin:35px 0 0 0
}
#blog #blogposts .post:hover .post-image:before{
    opacity:1
}
#blog #blogposts .post:hover .post-image:after{
    opacity:.8;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px)
}
#blog #blogposts .post:hover .post-image img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
#blog #blogposts .post:hover h3{
    color:#0cc
}
#blog #blogposts .post .post-image{
    width:100%;
    height:225px;
    float:left;
    margin:0 0 20px 0;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    position:relative;
    overflow:hidden
}
#blog #blogposts .post .post-image:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    background-color:rgba(0,0,0,0.25);
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    opacity:0
}
#blog #blogposts .post .post-image:after{
    content:"";
    width:80px;
    height:80px;
    position:absolute;
    z-index:3;
    background-color:#000;
    left:50%;
    top:50%;
    color:#fff;
    font-size:40px;
    text-align:center;
    line-height:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px 0 20px 0;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    -webkit-transform:translateX(-80px);
    -moz-transform:translateX(-80px);
    -ms-transform:translateX(-80px);
    -o-transform:translateX(-80px);
    transform:translateX(-80px);
    opacity:0;
    -webkit-border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-border-radius:50%;
    -moz-background-clip:padding;
    border-radius:50%;
    background-clip:padding-box;
    margin:-40px 0 0 -40px
}
#blog #blogposts .post .post-image img{
    width:auto;
    height:100%;
    float:left;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;
    transform-origin:center
}
#blog #blogposts .post h3{
    font-size:18px;
    line-height:24px;
    color:#3e3e3e;
    text-decoration:none;
    font-weight:bold;
    -webkit-transition:ease 0.5s;
    -moz-transition:ease 0.5s;
    -o-transition:ease 0.5s;
    transition:ease 0.5s;
    margin:0 0 10px 0;
    padding:0
}
#blog #blogposts .post .categories{
    width:auto;
    height:auto;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px;
    color:#b0b0b0;
    line-height:14px
}
#blog #blogposts .post .categories li{
    display:inline-block;
    float:left
}
#blog #blogposts .post .categories li:after{
    content:"";
    margin:0 10px 0 10px;
    border-right:solid 1px #ebebeb
}
#blog #blogposts .post .categories li:last-child:after{
    display:none
}