.fade-content,
header {
    opacity: 0
}

#wrapper,
body,
html {
    height: 100%
}

body,
p {
    color: #333
}

#navbar .logo a,
a:hover,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000
}

body,
h6 {
    font-size: 17px
}

#navbar .controls,
#navbar .fluid-logo,
.offset10,
.offset11,
.offset12,
.offset2,
.offset3,
.offset4,
.offset5,
.offset6,
.offset7,
.offset8,
.offset9,
.span1,
.span10,
.span11,
.span12,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9 {
    float: left
}

.description em,
.wysiwyg em,
.wysiwyg-ce em,
address,
cite,
em,
q,
var {
    font-style: italic
}

.search-form .screen-reader-text svg line,
section#project-panel .project-panel .container .project-panel-close div.close-project-panel svg {
    stroke: #000
}

#fullscreen-menu ul.menu-container,
.container {
    width: 940px;
    margin: 0 auto !important
}

@media screen and (min-width:1200px) {

    #fullscreen-menu ul.menu-container,
    .container {
        width: 1170px
    }
}

@media (min-width:768px) and (max-width:979px) {

    #fullscreen-menu ul.menu-container,
    .container {
        width: 724px
    }
}

@media (max-width:767px) {

    #fullscreen-menu ul.menu-container,
    .container {
        width: 80%;
        margin-left: 10%
    }
}

@media (max-width:567px) {

    #fullscreen-menu ul.menu-container,
    .container {
        width: 90%;
        margin-left: 5%
    }
}

.masonry-full {
    width: 95%;
    margin-left: 2.5%
}

@media (max-width:767px) {
    .masonry-full {
        width: 80%;
        margin-left: 10%
    }
}

@media (max-width:567px) {
    .masonry-full {
        width: 90%;
        margin-left: 5%
    }
}

.masonry-full-inner {
    margin: 0 auto
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-bottom: 32px
}

.row {
    margin-left: -20px
}

@media screen and (min-width:1200px) {
    .row {
        margin-left: -30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .row {
        margin-left: -20px
    }
}

@media (max-width:767px) {
    .masonry-full-inner {
        width: 100% !important
    }

    .row {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .row {
        margin-left: 0
    }
}

.row:after {
    clear: both
}

.row:after,
.row:before {
    content: "";
    display: table;
    line-height: 0
}

body,
h5,
h6 {
    line-height: 31px
}

.span1 {
    width: 60px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span1 {
        width: 70px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span1 {
        width: 42px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span1 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span1 {
        width: 100%;
        margin-left: 0
    }
}

.span2 {
    width: 140px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span2 {
        width: 170px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span2 {
        width: 104px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span2 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span2 {
        width: 100%;
        margin-left: 0
    }
}

.span3 {
    width: 220px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span3 {
        width: 270px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span3 {
        width: 166px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span3 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span3 {
        width: 100%;
        margin-left: 0
    }
}

.span4 {
    width: 300px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span4 {
        width: 370px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span4 {
        width: 228px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span4 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span4 {
        width: 100%;
        margin-left: 0
    }
}

.span5 {
    width: 380px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span5 {
        width: 470px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span5 {
        width: 290px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span5 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span5 {
        width: 100%;
        margin-left: 0
    }
}

.span6 {
    width: 460px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span6 {
        width: 570px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span6 {
        width: 352px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span6 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span6 {
        width: 100%;
        margin-left: 0
    }
}

.span7 {
    width: 540px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span7 {
        width: 670px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span7 {
        width: 414px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span7 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span7 {
        width: 100%;
        margin-left: 0
    }
}

.span8 {
    width: 620px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span8 {
        width: 770px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span8 {
        width: 476px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span8 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span8 {
        width: 100%;
        margin-left: 0
    }
}

.span9 {
    width: 700px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span9 {
        width: 870px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span9 {
        width: 538px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span9 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span9 {
        width: 100%;
        margin-left: 0
    }
}

.span10 {
    width: 780px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span10 {
        width: 970px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span10 {
        width: 600px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span10 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span10 {
        width: 100%;
        margin-left: 0
    }
}

.span11 {
    width: 860px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span11 {
        width: 1070px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span11 {
        width: 662px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span11 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span11 {
        width: 100%;
        margin-left: 0
    }
}

.span12 {
    width: 940px;
    margin-left: 20px
}

@media screen and (min-width:1200px) {
    .span12 {
        width: 1170px;
        margin-left: 30px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .span12 {
        width: 724px;
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .span12 {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:567px) {
    .span12 {
        width: 100%;
        margin-left: 0
    }
}

.offset1 {
    margin-left: 100px;
    float: left
}

@media screen and (min-width:1200px) {
    .offset1 {
        margin-left: 130px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset1 {
        margin-left: 82px
    }
}

@media (max-width:767px) {
    .offset1 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset1 {
        margin-left: 0
    }
}

.offset2 {
    margin-left: 180px
}

@media screen and (min-width:1200px) {
    .offset2 {
        margin-left: 230px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset2 {
        margin-left: 144px
    }
}

@media (max-width:767px) {
    .offset2 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset2 {
        margin-left: 0
    }
}

.offset3 {
    margin-left: 260px
}

@media screen and (min-width:1200px) {
    .offset3 {
        margin-left: 330px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset3 {
        margin-left: 206px
    }
}

@media (max-width:767px) {
    .offset3 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset3 {
        margin-left: 0
    }
}

.offset4 {
    margin-left: 340px
}

@media screen and (min-width:1200px) {
    .offset4 {
        margin-left: 430px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset4 {
        margin-left: 268px
    }
}

@media (max-width:767px) {
    .offset4 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset4 {
        margin-left: 0
    }
}

.offset5 {
    margin-left: 420px
}

@media screen and (min-width:1200px) {
    .offset5 {
        margin-left: 530px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset5 {
        margin-left: 330px
    }
}

@media (max-width:767px) {
    .offset5 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset5 {
        margin-left: 0
    }
}

.offset6 {
    margin-left: 500px
}

@media screen and (min-width:1200px) {
    .offset6 {
        margin-left: 630px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset6 {
        margin-left: 392px
    }
}

@media (max-width:767px) {
    .offset6 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset6 {
        margin-left: 0
    }
}

.offset7 {
    margin-left: 580px
}

@media screen and (min-width:1200px) {
    .offset7 {
        margin-left: 730px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset7 {
        margin-left: 454px
    }
}

@media (max-width:767px) {
    .offset7 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset7 {
        margin-left: 0
    }
}

.offset8 {
    margin-left: 660px
}

@media screen and (min-width:1200px) {
    .offset8 {
        margin-left: 830px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset8 {
        margin-left: 516px
    }
}

@media (max-width:767px) {
    .offset8 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset8 {
        margin-left: 0
    }
}

.offset9 {
    margin-left: 740px
}

@media screen and (min-width:1200px) {
    .offset9 {
        margin-left: 930px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset9 {
        margin-left: 578px
    }
}

@media (max-width:767px) {
    .offset9 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset9 {
        margin-left: 0
    }
}

.offset10 {
    margin-left: 820px
}

@media screen and (min-width:1200px) {
    .offset10 {
        margin-left: 1030px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset10 {
        margin-left: 640px
    }
}

@media (max-width:767px) {
    .offset10 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset10 {
        margin-left: 0
    }
}

.offset11 {
    margin-left: 900px
}

@media screen and (min-width:1200px) {
    .offset11 {
        margin-left: 1130px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset11 {
        margin-left: 702px
    }
}

@media (max-width:767px) {
    .offset11 {
        margin-left: 0
    }
}

@media (max-width:567px) {
    .offset11 {
        margin-left: 0
    }
}

.offset12 {
    margin-left: 980px
}

@media screen and (min-width:1200px) {
    .offset12 {
        margin-left: 1230px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .offset12 {
        margin-left: 764px
    }
}

*,
:after,
:before,
html {
    box-sizing: border-box
}

body,
html {
    -webkit-tap-highlight-color: transparent
}

body {
    width: 100%;
    background: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    overflow-y: scroll;
    overflow-x: hidden
}

.description pre,
.wysiwyg pre,
.wysiwyg-ce pre,
code,
kbd,
pre,
tt {
    font-family: "Courier New", monospace !important
}

#wrapper {
    width: 100%;
    position: absolute;
    z-index: 1
}

section {
    padding-top: 64px
}

p {
    letter-spacing: .01rem
}

a {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    text-decoration: none;
    color: #1573dd
}

#navbar-bg,
a {
    transition: all .2s linear
}

h1 {
    font-size: 38px;
    line-height: 50px
}

h2 {
    font-size: 33px;
    line-height: 45px
}

h3 {
    font-size: 26px;
    line-height: 38px
}

h4 {
    font-size: 22px;
    line-height: 34px
}

h5 {
    font-size: 19px
}

@media screen and (min-width:1200px) {

    body,
    h6 {
        font-size: 18px;
        line-height: 32px
    }

    h1 {
        font-size: 36px;
        line-height: 48px
    }

    h2 {
        font-size: 36px;
        line-height: 48px
    }

    h3 {
        font-size: 28px;
        line-height: 40px
    }

    h4 {
        font-size: 24px;
        line-height: 36px
    }

    h5 {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .offset12 {
        margin-left: 0
    }

    body,
    h6 {
        font-size: 16px;
        line-height: 30px
    }

    section {
        padding-top: 32px
    }

    h1 {
        font-size: 29px;
        line-height: 41px
    }

    h2 {
        font-size: 29px;
        line-height: 41px
    }

    h3 {
        font-size: 22px;
        line-height: 34px
    }

    h4 {
        font-size: 20px;
        line-height: 32px
    }

    h5 {
        font-size: 18px;
        line-height: 30px
    }
}

@media (max-width:567px) {
    .offset12 {
        margin-left: 0
    }

    body,
    h6 {
        font-size: 15px;
        line-height: 29px
    }

    h1 {
        font-size: 24px;
        line-height: 36px
    }

    h2 {
        font-size: 24px;
        line-height: 36px
    }

    h3 {
        font-size: 20px;
        line-height: 32px
    }

    h4 {
        font-size: 18px;
        line-height: 30px
    }

    h5 {
        font-size: 16px;
        line-height: 28px
    }
}

ol,
ul {
    margin-left: 48px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 32px;
    margin-bottom: 0
}

address,
dl {
    margin-bottom: 32px
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

dl dt {
    font-weight: 700
}

dl dd {
    margin-left: 16px
}

address:last-child,
dl:last-child {
    margin-bottom: 0
}

abbr,
acronym {
    cursor: help;
    border-bottom: 1px dotted #000
}

code,
kbd,
pre,
tt {
    border: 1px solid #e6e6e6;
    padding: 5px;
    font-size: 15px;
    line-height: 27px
}

@media screen and (min-width:1200px) {

    code,
    kbd,
    pre,
    tt {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {

    code,
    kbd,
    pre,
    tt {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {

    code,
    kbd,
    pre,
    tt {
        font-size: 13px;
        line-height: 25px
    }
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.fs-11px,
.h1-fs-11px h1,
.h2-fs-11px h2,
.h3-fs-11px h3,
.h4-fs-11px h4,
.h5-fs-11px h5,
.h6-fs-11px h6,
[data-font-size="11px"] {
    font-size: 10px;
    line-height: 20px
}

@media screen and (min-width:1200px) {

    .fs-11px,
    .h1-fs-11px h1,
    .h2-fs-11px h2,
    .h3-fs-11px h3,
    .h4-fs-11px h4,
    .h5-fs-11px h5,
    .h6-fs-11px h6,
    [data-font-size="11px"] {
        font-size: 11px;
        line-height: 21px
    }
}

@media (max-width:767px) {

    .fs-11px,
    .h1-fs-11px h1,
    .h2-fs-11px h2,
    .h3-fs-11px h3,
    .h4-fs-11px h4,
    .h5-fs-11px h5,
    .h6-fs-11px h6,
    [data-font-size="11px"] {
        font-size: 9px;
        line-height: 19px
    }
}

@media (max-width:567px) {

    .fs-11px,
    .h1-fs-11px h1,
    .h2-fs-11px h2,
    .h3-fs-11px h3,
    .h4-fs-11px h4,
    .h5-fs-11px h5,
    .h6-fs-11px h6,
    [data-font-size="11px"] {
        font-size: 8px;
        line-height: 18px
    }
}

.fs-12px,
.h1-fs-12px h1,
.h2-fs-12px h2,
.h3-fs-12px h3,
.h4-fs-12px h4,
.h5-fs-12px h5,
.h6-fs-12px h6,
[data-font-size="12px"] {
    font-size: 11px;
    line-height: 21px
}

@media screen and (min-width:1200px) {

    .fs-12px,
    .h1-fs-12px h1,
    .h2-fs-12px h2,
    .h3-fs-12px h3,
    .h4-fs-12px h4,
    .h5-fs-12px h5,
    .h6-fs-12px h6,
    [data-font-size="12px"] {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:767px) {

    .fs-12px,
    .h1-fs-12px h1,
    .h2-fs-12px h2,
    .h3-fs-12px h3,
    .h4-fs-12px h4,
    .h5-fs-12px h5,
    .h6-fs-12px h6,
    [data-font-size="12px"] {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width:567px) {

    .fs-12px,
    .h1-fs-12px h1,
    .h2-fs-12px h2,
    .h3-fs-12px h3,
    .h4-fs-12px h4,
    .h5-fs-12px h5,
    .h6-fs-12px h6,
    [data-font-size="12px"] {
        font-size: 9px;
        line-height: 19px
    }
}

.fs-13px,
.h1-fs-13px h1,
.h2-fs-13px h2,
.h3-fs-13px h3,
.h4-fs-13px h4,
.h5-fs-13px h5,
.h6-fs-13px h6,
[data-font-size="13px"] {
    font-size: 12px;
    line-height: 22px
}

@media screen and (min-width:1200px) {

    .fs-13px,
    .h1-fs-13px h1,
    .h2-fs-13px h2,
    .h3-fs-13px h3,
    .h4-fs-13px h4,
    .h5-fs-13px h5,
    .h6-fs-13px h6,
    [data-font-size="13px"] {
        font-size: 13px;
        line-height: 23px
    }
}

@media (max-width:767px) {

    .fs-13px,
    .h1-fs-13px h1,
    .h2-fs-13px h2,
    .h3-fs-13px h3,
    .h4-fs-13px h4,
    .h5-fs-13px h5,
    .h6-fs-13px h6,
    [data-font-size="13px"] {
        font-size: 11px;
        line-height: 21px
    }
}

@media (max-width:567px) {

    .fs-13px,
    .h1-fs-13px h1,
    .h2-fs-13px h2,
    .h3-fs-13px h3,
    .h4-fs-13px h4,
    .h5-fs-13px h5,
    .h6-fs-13px h6,
    [data-font-size="13px"] {
        font-size: 10px;
        line-height: 20px
    }
}

.fs-14px,
.h1-fs-14px h1,
.h2-fs-14px h2,
.h3-fs-14px h3,
.h4-fs-14px h4,
.h5-fs-14px h5,
.h6-fs-14px h6,
[data-font-size="14px"] {
    font-size: 13px;
    line-height: 23px
}

@media screen and (min-width:1200px) {

    .fs-14px,
    .h1-fs-14px h1,
    .h2-fs-14px h2,
    .h3-fs-14px h3,
    .h4-fs-14px h4,
    .h5-fs-14px h5,
    .h6-fs-14px h6,
    [data-font-size="14px"] {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {

    .fs-14px,
    .h1-fs-14px h1,
    .h2-fs-14px h2,
    .h3-fs-14px h3,
    .h4-fs-14px h4,
    .h5-fs-14px h5,
    .h6-fs-14px h6,
    [data-font-size="14px"] {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {

    .fs-14px,
    .h1-fs-14px h1,
    .h2-fs-14px h2,
    .h3-fs-14px h3,
    .h4-fs-14px h4,
    .h5-fs-14px h5,
    .h6-fs-14px h6,
    [data-font-size="14px"] {
        font-size: 11px;
        line-height: 21px
    }
}

.fs-15px,
.h1-fs-15px h1,
.h2-fs-15px h2,
.h3-fs-15px h3,
.h4-fs-15px h4,
.h5-fs-15px h5,
.h6-fs-15px h6,
[data-font-size="15px"] {
    font-size: 14px;
    line-height: 25px
}

@media screen and (min-width:1200px) {

    .fs-15px,
    .h1-fs-15px h1,
    .h2-fs-15px h2,
    .h3-fs-15px h3,
    .h4-fs-15px h4,
    .h5-fs-15px h5,
    .h6-fs-15px h6,
    [data-font-size="15px"] {
        font-size: 15px;
        line-height: 26px
    }
}

@media (max-width:767px) {

    .fs-15px,
    .h1-fs-15px h1,
    .h2-fs-15px h2,
    .h3-fs-15px h3,
    .h4-fs-15px h4,
    .h5-fs-15px h5,
    .h6-fs-15px h6,
    [data-font-size="15px"] {
        font-size: 13px;
        line-height: 24px
    }
}

@media (max-width:567px) {

    .fs-15px,
    .h1-fs-15px h1,
    .h2-fs-15px h2,
    .h3-fs-15px h3,
    .h4-fs-15px h4,
    .h5-fs-15px h5,
    .h6-fs-15px h6,
    [data-font-size="15px"] {
        font-size: 12px;
        line-height: 23px
    }
}

.fs-16px,
.h1-fs-16px h1,
.h2-fs-16px h2,
.h3-fs-16px h3,
.h4-fs-16px h4,
.h5-fs-16px h5,
.h6-fs-16px h6,
[data-font-size="16px"] {
    font-size: 15px;
    line-height: 27px
}

@media screen and (min-width:1200px) {

    .fs-16px,
    .h1-fs-16px h1,
    .h2-fs-16px h2,
    .h3-fs-16px h3,
    .h4-fs-16px h4,
    .h5-fs-16px h5,
    .h6-fs-16px h6,
    [data-font-size="16px"] {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {

    .fs-16px,
    .h1-fs-16px h1,
    .h2-fs-16px h2,
    .h3-fs-16px h3,
    .h4-fs-16px h4,
    .h5-fs-16px h5,
    .h6-fs-16px h6,
    [data-font-size="16px"] {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {

    .fs-16px,
    .h1-fs-16px h1,
    .h2-fs-16px h2,
    .h3-fs-16px h3,
    .h4-fs-16px h4,
    .h5-fs-16px h5,
    .h6-fs-16px h6,
    [data-font-size="16px"] {
        font-size: 13px;
        line-height: 25px
    }
}

.fs-17px,
.h1-fs-17px h1,
.h2-fs-17px h2,
.h3-fs-17px h3,
.h4-fs-17px h4,
.h5-fs-17px h5,
.h6-fs-17px h6,
[data-font-size="17px"] {
    font-size: 16px;
    line-height: 28px
}

@media screen and (min-width:1200px) {

    .fs-17px,
    .h1-fs-17px h1,
    .h2-fs-17px h2,
    .h3-fs-17px h3,
    .h4-fs-17px h4,
    .h5-fs-17px h5,
    .h6-fs-17px h6,
    [data-font-size="17px"] {
        font-size: 17px;
        line-height: 29px
    }
}

@media (max-width:767px) {

    .fs-17px,
    .h1-fs-17px h1,
    .h2-fs-17px h2,
    .h3-fs-17px h3,
    .h4-fs-17px h4,
    .h5-fs-17px h5,
    .h6-fs-17px h6,
    [data-font-size="17px"] {
        font-size: 15px;
        line-height: 27px
    }
}

@media (max-width:567px) {

    .fs-17px,
    .h1-fs-17px h1,
    .h2-fs-17px h2,
    .h3-fs-17px h3,
    .h4-fs-17px h4,
    .h5-fs-17px h5,
    .h6-fs-17px h6,
    [data-font-size="17px"] {
        font-size: 14px;
        line-height: 26px
    }
}

.fs-18px,
.h1-fs-18px h1,
.h2-fs-18px h2,
.h3-fs-18px h3,
.h4-fs-18px h4,
.h5-fs-18px h5,
.h6-fs-18px h6,
[data-font-size="18px"] {
    font-size: 17px;
    line-height: 31px
}

@media screen and (min-width:1200px) {

    .fs-18px,
    .h1-fs-18px h1,
    .h2-fs-18px h2,
    .h3-fs-18px h3,
    .h4-fs-18px h4,
    .h5-fs-18px h5,
    .h6-fs-18px h6,
    [data-font-size="18px"] {
        font-size: 18px;
        line-height: 32px
    }
}

@media (max-width:767px) {

    .fs-18px,
    .h1-fs-18px h1,
    .h2-fs-18px h2,
    .h3-fs-18px h3,
    .h4-fs-18px h4,
    .h5-fs-18px h5,
    .h6-fs-18px h6,
    [data-font-size="18px"] {
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width:567px) {

    .fs-18px,
    .h1-fs-18px h1,
    .h2-fs-18px h2,
    .h3-fs-18px h3,
    .h4-fs-18px h4,
    .h5-fs-18px h5,
    .h6-fs-18px h6,
    [data-font-size="18px"] {
        font-size: 15px;
        line-height: 29px
    }
}

.fs-20px,
.h1-fs-20px h1,
.h2-fs-20px h2,
.h3-fs-20px h3,
.h4-fs-20px h4,
.h5-fs-20px h5,
.h6-fs-20px h6,
[data-font-size="20px"] {
    font-size: 19px;
    line-height: 31px
}

@media screen and (min-width:1200px) {

    .fs-20px,
    .h1-fs-20px h1,
    .h2-fs-20px h2,
    .h3-fs-20px h3,
    .h4-fs-20px h4,
    .h5-fs-20px h5,
    .h6-fs-20px h6,
    [data-font-size="20px"] {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:767px) {

    .fs-20px,
    .h1-fs-20px h1,
    .h2-fs-20px h2,
    .h3-fs-20px h3,
    .h4-fs-20px h4,
    .h5-fs-20px h5,
    .h6-fs-20px h6,
    [data-font-size="20px"] {
        font-size: 18px;
        line-height: 30px
    }
}

@media (max-width:567px) {

    .fs-20px,
    .h1-fs-20px h1,
    .h2-fs-20px h2,
    .h3-fs-20px h3,
    .h4-fs-20px h4,
    .h5-fs-20px h5,
    .h6-fs-20px h6,
    [data-font-size="20px"] {
        font-size: 16px;
        line-height: 28px
    }
}

.fs-22px,
.h1-fs-22px h1,
.h2-fs-22px h2,
.h3-fs-22px h3,
.h4-fs-22px h4,
.h5-fs-22px h5,
.h6-fs-22px h6,
[data-font-size="22px"] {
    font-size: 21px;
    line-height: 33px
}

@media screen and (min-width:1200px) {

    .fs-22px,
    .h1-fs-22px h1,
    .h2-fs-22px h2,
    .h3-fs-22px h3,
    .h4-fs-22px h4,
    .h5-fs-22px h5,
    .h6-fs-22px h6,
    [data-font-size="22px"] {
        font-size: 22px;
        line-height: 34px
    }
}

@media (max-width:767px) {

    .fs-22px,
    .h1-fs-22px h1,
    .h2-fs-22px h2,
    .h3-fs-22px h3,
    .h4-fs-22px h4,
    .h5-fs-22px h5,
    .h6-fs-22px h6,
    [data-font-size="22px"] {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:567px) {

    .fs-22px,
    .h1-fs-22px h1,
    .h2-fs-22px h2,
    .h3-fs-22px h3,
    .h4-fs-22px h4,
    .h5-fs-22px h5,
    .h6-fs-22px h6,
    [data-font-size="22px"] {
        font-size: 17px;
        line-height: 29px
    }
}

.fs-24px,
.h1-fs-24px h1,
.h2-fs-24px h2,
.h3-fs-24px h3,
.h4-fs-24px h4,
.h5-fs-24px h5,
.h6-fs-24px h6,
[data-font-size="24px"] {
    font-size: 22px;
    line-height: 34px
}

@media screen and (min-width:1200px) {

    .fs-24px,
    .h1-fs-24px h1,
    .h2-fs-24px h2,
    .h3-fs-24px h3,
    .h4-fs-24px h4,
    .h5-fs-24px h5,
    .h6-fs-24px h6,
    [data-font-size="24px"] {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width:767px) {

    .fs-24px,
    .h1-fs-24px h1,
    .h2-fs-24px h2,
    .h3-fs-24px h3,
    .h4-fs-24px h4,
    .h5-fs-24px h5,
    .h6-fs-24px h6,
    [data-font-size="24px"] {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:567px) {

    .fs-24px,
    .h1-fs-24px h1,
    .h2-fs-24px h2,
    .h3-fs-24px h3,
    .h4-fs-24px h4,
    .h5-fs-24px h5,
    .h6-fs-24px h6,
    [data-font-size="24px"] {
        font-size: 18px;
        line-height: 30px
    }
}

.fs-26px,
.h1-fs-26px h1,
.h2-fs-26px h2,
.h3-fs-26px h3,
.h4-fs-26px h4,
.h5-fs-26px h5,
.h6-fs-26px h6,
[data-font-size="26px"] {
    font-size: 24px;
    line-height: 36px
}

@media screen and (min-width:1200px) {

    .fs-26px,
    .h1-fs-26px h1,
    .h2-fs-26px h2,
    .h3-fs-26px h3,
    .h4-fs-26px h4,
    .h5-fs-26px h5,
    .h6-fs-26px h6,
    [data-font-size="26px"] {
        font-size: 26px;
        line-height: 38px
    }
}

@media (max-width:767px) {

    .fs-26px,
    .h1-fs-26px h1,
    .h2-fs-26px h2,
    .h3-fs-26px h3,
    .h4-fs-26px h4,
    .h5-fs-26px h5,
    .h6-fs-26px h6,
    [data-font-size="26px"] {
        font-size: 22px;
        line-height: 34px
    }
}

@media (max-width:567px) {

    .fs-26px,
    .h1-fs-26px h1,
    .h2-fs-26px h2,
    .h3-fs-26px h3,
    .h4-fs-26px h4,
    .h5-fs-26px h5,
    .h6-fs-26px h6,
    [data-font-size="26px"] {
        font-size: 19px;
        line-height: 31px
    }
}

.fs-28px,
.h1-fs-28px h1,
.h2-fs-28px h2,
.h3-fs-28px h3,
.h4-fs-28px h4,
.h5-fs-28px h5,
.h6-fs-28px h6,
[data-font-size="28px"] {
    font-size: 26px;
    line-height: 38px
}

@media screen and (min-width:1200px) {

    .fs-28px,
    .h1-fs-28px h1,
    .h2-fs-28px h2,
    .h3-fs-28px h3,
    .h4-fs-28px h4,
    .h5-fs-28px h5,
    .h6-fs-28px h6,
    [data-font-size="28px"] {
        font-size: 28px;
        line-height: 40px
    }
}

@media (max-width:767px) {

    .fs-28px,
    .h1-fs-28px h1,
    .h2-fs-28px h2,
    .h3-fs-28px h3,
    .h4-fs-28px h4,
    .h5-fs-28px h5,
    .h6-fs-28px h6,
    [data-font-size="28px"] {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width:567px) {

    .fs-28px,
    .h1-fs-28px h1,
    .h2-fs-28px h2,
    .h3-fs-28px h3,
    .h4-fs-28px h4,
    .h5-fs-28px h5,
    .h6-fs-28px h6,
    [data-font-size="28px"] {
        font-size: 20px;
        line-height: 32px
    }
}

.fs-30px,
.h1-fs-30px h1,
.h2-fs-30px h2,
.h3-fs-30px h3,
.h4-fs-30px h4,
.h5-fs-30px h5,
.h6-fs-30px h6,
[data-font-size="30px"] {
    font-size: 28px;
    line-height: 40px
}

@media screen and (min-width:1200px) {

    .fs-30px,
    .h1-fs-30px h1,
    .h2-fs-30px h2,
    .h3-fs-30px h3,
    .h4-fs-30px h4,
    .h5-fs-30px h5,
    .h6-fs-30px h6,
    [data-font-size="30px"] {
        font-size: 30px;
        line-height: 42px
    }
}

@media (max-width:767px) {

    .fs-30px,
    .h1-fs-30px h1,
    .h2-fs-30px h2,
    .h3-fs-30px h3,
    .h4-fs-30px h4,
    .h5-fs-30px h5,
    .h6-fs-30px h6,
    [data-font-size="30px"] {
        font-size: 26px;
        line-height: 38px
    }
}

@media (max-width:567px) {

    .fs-30px,
    .h1-fs-30px h1,
    .h2-fs-30px h2,
    .h3-fs-30px h3,
    .h4-fs-30px h4,
    .h5-fs-30px h5,
    .h6-fs-30px h6,
    [data-font-size="30px"] {
        font-size: 21px;
        line-height: 33px
    }
}

.fs-32px,
.h1-fs-32px h1,
.h2-fs-32px h2,
.h3-fs-32px h3,
.h4-fs-32px h4,
.h5-fs-32px h5,
.h6-fs-32px h6,
[data-font-size="32px"] {
    font-size: 30px;
    line-height: 42px
}

@media screen and (min-width:1200px) {

    .fs-32px,
    .h1-fs-32px h1,
    .h2-fs-32px h2,
    .h3-fs-32px h3,
    .h4-fs-32px h4,
    .h5-fs-32px h5,
    .h6-fs-32px h6,
    [data-font-size="32px"] {
        font-size: 32px;
        line-height: 44px
    }
}

@media (max-width:767px) {

    .fs-32px,
    .h1-fs-32px h1,
    .h2-fs-32px h2,
    .h3-fs-32px h3,
    .h4-fs-32px h4,
    .h5-fs-32px h5,
    .h6-fs-32px h6,
    [data-font-size="32px"] {
        font-size: 26px;
        line-height: 38px
    }
}

@media (max-width:567px) {

    .fs-32px,
    .h1-fs-32px h1,
    .h2-fs-32px h2,
    .h3-fs-32px h3,
    .h4-fs-32px h4,
    .h5-fs-32px h5,
    .h6-fs-32px h6,
    [data-font-size="32px"] {
        font-size: 22px;
        line-height: 34px
    }
}

.fs-34px,
.h1-fs-34px h1,
.h2-fs-34px h2,
.h3-fs-34px h3,
.h4-fs-34px h4,
.h5-fs-34px h5,
.h6-fs-34px h6,
[data-font-size="34px"] {
    font-size: 32px;
    line-height: 44px
}

@media screen and (min-width:1200px) {

    .fs-34px,
    .h1-fs-34px h1,
    .h2-fs-34px h2,
    .h3-fs-34px h3,
    .h4-fs-34px h4,
    .h5-fs-34px h5,
    .h6-fs-34px h6,
    [data-font-size="34px"] {
        font-size: 34px;
        line-height: 46px
    }
}

@media (max-width:767px) {

    .fs-34px,
    .h1-fs-34px h1,
    .h2-fs-34px h2,
    .h3-fs-34px h3,
    .h4-fs-34px h4,
    .h5-fs-34px h5,
    .h6-fs-34px h6,
    [data-font-size="34px"] {
        font-size: 28px;
        line-height: 40px
    }
}

@media (max-width:567px) {

    .fs-34px,
    .h1-fs-34px h1,
    .h2-fs-34px h2,
    .h3-fs-34px h3,
    .h4-fs-34px h4,
    .h5-fs-34px h5,
    .h6-fs-34px h6,
    [data-font-size="34px"] {
        font-size: 23px;
        line-height: 35px
    }
}

.fs-36px,
.h1-fs-36px h1,
.h2-fs-36px h2,
.h3-fs-36px h3,
.h4-fs-36px h4,
.h5-fs-36px h5,
.h6-fs-36px h6,
[data-font-size="36px"] {
    font-size: 33px;
    line-height: 45px
}

@media screen and (min-width:1200px) {

    .fs-36px,
    .h1-fs-36px h1,
    .h2-fs-36px h2,
    .h3-fs-36px h3,
    .h4-fs-36px h4,
    .h5-fs-36px h5,
    .h6-fs-36px h6,
    [data-font-size="36px"] {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width:767px) {

    .fs-36px,
    .h1-fs-36px h1,
    .h2-fs-36px h2,
    .h3-fs-36px h3,
    .h4-fs-36px h4,
    .h5-fs-36px h5,
    .h6-fs-36px h6,
    [data-font-size="36px"] {
        font-size: 29px;
        line-height: 41px
    }
}

@media (max-width:567px) {

    .fs-36px,
    .h1-fs-36px h1,
    .h2-fs-36px h2,
    .h3-fs-36px h3,
    .h4-fs-36px h4,
    .h5-fs-36px h5,
    .h6-fs-36px h6,
    [data-font-size="36px"] {
        font-size: 24px;
        line-height: 36px
    }
}

.fs-38px,
.h1-fs-38px h1,
.h2-fs-38px h2,
.h3-fs-38px h3,
.h4-fs-38px h4,
.h5-fs-38px h5,
.h6-fs-38px h6,
[data-font-size="38px"] {
    font-size: 35px;
    line-height: 47px
}

@media screen and (min-width:1200px) {

    .fs-38px,
    .h1-fs-38px h1,
    .h2-fs-38px h2,
    .h3-fs-38px h3,
    .h4-fs-38px h4,
    .h5-fs-38px h5,
    .h6-fs-38px h6,
    [data-font-size="38px"] {
        font-size: 38px;
        line-height: 50px
    }
}

@media (max-width:767px) {

    .fs-38px,
    .h1-fs-38px h1,
    .h2-fs-38px h2,
    .h3-fs-38px h3,
    .h4-fs-38px h4,
    .h5-fs-38px h5,
    .h6-fs-38px h6,
    [data-font-size="38px"] {
        font-size: 31px;
        line-height: 43px
    }
}

@media (max-width:567px) {

    .fs-38px,
    .h1-fs-38px h1,
    .h2-fs-38px h2,
    .h3-fs-38px h3,
    .h4-fs-38px h4,
    .h5-fs-38px h5,
    .h6-fs-38px h6,
    [data-font-size="38px"] {
        font-size: 25px;
        line-height: 37px
    }
}

.fs-40px,
.h1-fs-40px h1,
.h2-fs-40px h2,
.h3-fs-40px h3,
.h4-fs-40px h4,
.h5-fs-40px h5,
.h6-fs-40px h6,
[data-font-size="40px"] {
    font-size: 37px;
    line-height: 49px
}

@media screen and (min-width:1200px) {

    .fs-40px,
    .h1-fs-40px h1,
    .h2-fs-40px h2,
    .h3-fs-40px h3,
    .h4-fs-40px h4,
    .h5-fs-40px h5,
    .h6-fs-40px h6,
    [data-font-size="40px"] {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:767px) {

    .fs-40px,
    .h1-fs-40px h1,
    .h2-fs-40px h2,
    .h3-fs-40px h3,
    .h4-fs-40px h4,
    .h5-fs-40px h5,
    .h6-fs-40px h6,
    [data-font-size="40px"] {
        font-size: 32px;
        line-height: 44px
    }
}

@media (max-width:567px) {

    .fs-40px,
    .h1-fs-40px h1,
    .h2-fs-40px h2,
    .h3-fs-40px h3,
    .h4-fs-40px h4,
    .h5-fs-40px h5,
    .h6-fs-40px h6,
    [data-font-size="40px"] {
        font-size: 26px;
        line-height: 38px
    }
}

.fs-42px,
.h1-fs-42px h1,
.h2-fs-42px h2,
.h3-fs-42px h3,
.h4-fs-42px h4,
.h5-fs-42px h5,
.h6-fs-42px h6,
[data-font-size="42px"] {
    font-size: 38px;
    line-height: 50px
}

@media screen and (min-width:1200px) {

    .fs-42px,
    .h1-fs-42px h1,
    .h2-fs-42px h2,
    .h3-fs-42px h3,
    .h4-fs-42px h4,
    .h5-fs-42px h5,
    .h6-fs-42px h6,
    [data-font-size="42px"] {
        font-size: 42px;
        line-height: 54px
    }
}

@media (max-width:767px) {

    .fs-42px,
    .h1-fs-42px h1,
    .h2-fs-42px h2,
    .h3-fs-42px h3,
    .h4-fs-42px h4,
    .h5-fs-42px h5,
    .h6-fs-42px h6,
    [data-font-size="42px"] {
        font-size: 33px;
        line-height: 45px
    }
}

@media (max-width:567px) {

    .fs-42px,
    .h1-fs-42px h1,
    .h2-fs-42px h2,
    .h3-fs-42px h3,
    .h4-fs-42px h4,
    .h5-fs-42px h5,
    .h6-fs-42px h6,
    [data-font-size="42px"] {
        font-size: 27px;
        line-height: 39px
    }
}

.fs-44px,
.h1-fs-44px h1,
.h2-fs-44px h2,
.h3-fs-44px h3,
.h4-fs-44px h4,
.h5-fs-44px h5,
.h6-fs-44px h6,
[data-font-size="44px"] {
    font-size: 40px;
    line-height: 52px
}

@media screen and (min-width:1200px) {

    .fs-44px,
    .h1-fs-44px h1,
    .h2-fs-44px h2,
    .h3-fs-44px h3,
    .h4-fs-44px h4,
    .h5-fs-44px h5,
    .h6-fs-44px h6,
    [data-font-size="44px"] {
        font-size: 44px;
        line-height: 56px
    }
}

@media (max-width:767px) {

    .fs-44px,
    .h1-fs-44px h1,
    .h2-fs-44px h2,
    .h3-fs-44px h3,
    .h4-fs-44px h4,
    .h5-fs-44px h5,
    .h6-fs-44px h6,
    [data-font-size="44px"] {
        font-size: 35px;
        line-height: 47px
    }
}

@media (max-width:567px) {

    .fs-44px,
    .h1-fs-44px h1,
    .h2-fs-44px h2,
    .h3-fs-44px h3,
    .h4-fs-44px h4,
    .h5-fs-44px h5,
    .h6-fs-44px h6,
    [data-font-size="44px"] {
        font-size: 28px;
        line-height: 40px
    }
}

.fs-46px,
.h1-fs-46px h1,
.h2-fs-46px h2,
.h3-fs-46px h3,
.h4-fs-46px h4,
.h5-fs-46px h5,
.h6-fs-46px h6,
[data-font-size="46px"] {
    font-size: 42px;
    line-height: 54px
}

@media screen and (min-width:1200px) {

    .fs-46px,
    .h1-fs-46px h1,
    .h2-fs-46px h2,
    .h3-fs-46px h3,
    .h4-fs-46px h4,
    .h5-fs-46px h5,
    .h6-fs-46px h6,
    [data-font-size="46px"] {
        font-size: 46px;
        line-height: 58px
    }
}

@media (max-width:767px) {

    .fs-46px,
    .h1-fs-46px h1,
    .h2-fs-46px h2,
    .h3-fs-46px h3,
    .h4-fs-46px h4,
    .h5-fs-46px h5,
    .h6-fs-46px h6,
    [data-font-size="46px"] {
        font-size: 37px;
        line-height: 49px
    }
}

@media (max-width:567px) {

    .fs-46px,
    .h1-fs-46px h1,
    .h2-fs-46px h2,
    .h3-fs-46px h3,
    .h4-fs-46px h4,
    .h5-fs-46px h5,
    .h6-fs-46px h6,
    [data-font-size="46px"] {
        font-size: 29px;
        line-height: 41px
    }
}

.fs-48px,
.h1-fs-48px h1,
.h2-fs-48px h2,
.h3-fs-48px h3,
.h4-fs-48px h4,
.h5-fs-48px h5,
.h6-fs-48px h6,
[data-font-size="48px"] {
    font-size: 44px;
    line-height: 56px
}

@media screen and (min-width:1200px) {

    .fs-48px,
    .h1-fs-48px h1,
    .h2-fs-48px h2,
    .h3-fs-48px h3,
    .h4-fs-48px h4,
    .h5-fs-48px h5,
    .h6-fs-48px h6,
    [data-font-size="48px"] {
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:767px) {

    .fs-48px,
    .h1-fs-48px h1,
    .h2-fs-48px h2,
    .h3-fs-48px h3,
    .h4-fs-48px h4,
    .h5-fs-48px h5,
    .h6-fs-48px h6,
    [data-font-size="48px"] {
        font-size: 38px;
        line-height: 50px
    }
}

@media (max-width:567px) {

    .fs-48px,
    .h1-fs-48px h1,
    .h2-fs-48px h2,
    .h3-fs-48px h3,
    .h4-fs-48px h4,
    .h5-fs-48px h5,
    .h6-fs-48px h6,
    [data-font-size="48px"] {
        font-size: 30px;
        line-height: 42px
    }
}

.fs-50px,
.h1-fs-50px h1,
.h2-fs-50px h2,
.h3-fs-50px h3,
.h4-fs-50px h4,
.h5-fs-50px h5,
.h6-fs-50px h6,
[data-font-size="50px"] {
    font-size: 46px;
    line-height: 58px
}

@media screen and (min-width:1200px) {

    .fs-50px,
    .h1-fs-50px h1,
    .h2-fs-50px h2,
    .h3-fs-50px h3,
    .h4-fs-50px h4,
    .h5-fs-50px h5,
    .h6-fs-50px h6,
    [data-font-size="50px"] {
        font-size: 50px;
        line-height: 62px
    }
}

@media (max-width:767px) {

    .fs-50px,
    .h1-fs-50px h1,
    .h2-fs-50px h2,
    .h3-fs-50px h3,
    .h4-fs-50px h4,
    .h5-fs-50px h5,
    .h6-fs-50px h6,
    [data-font-size="50px"] {
        font-size: 40px;
        line-height: 52px
    }
}

@media (max-width:567px) {

    .fs-50px,
    .h1-fs-50px h1,
    .h2-fs-50px h2,
    .h3-fs-50px h3,
    .h4-fs-50px h4,
    .h5-fs-50px h5,
    .h6-fs-50px h6,
    [data-font-size="50px"] {
        font-size: 31px;
        line-height: 43px
    }
}

.fs-52px,
.h1-fs-52px h1,
.h2-fs-52px h2,
.h3-fs-52px h3,
.h4-fs-52px h4,
.h5-fs-52px h5,
.h6-fs-52px h6,
[data-font-size="52px"] {
    font-size: 48px;
    line-height: 60px
}

@media screen and (min-width:1200px) {

    .fs-52px,
    .h1-fs-52px h1,
    .h2-fs-52px h2,
    .h3-fs-52px h3,
    .h4-fs-52px h4,
    .h5-fs-52px h5,
    .h6-fs-52px h6,
    [data-font-size="52px"] {
        font-size: 52px;
        line-height: 64px
    }
}

@media (max-width:767px) {

    .fs-52px,
    .h1-fs-52px h1,
    .h2-fs-52px h2,
    .h3-fs-52px h3,
    .h4-fs-52px h4,
    .h5-fs-52px h5,
    .h6-fs-52px h6,
    [data-font-size="52px"] {
        font-size: 41px;
        line-height: 53px
    }
}

@media (max-width:567px) {

    .fs-52px,
    .h1-fs-52px h1,
    .h2-fs-52px h2,
    .h3-fs-52px h3,
    .h4-fs-52px h4,
    .h5-fs-52px h5,
    .h6-fs-52px h6,
    [data-font-size="52px"] {
        font-size: 33px;
        line-height: 45px
    }
}

.fs-54px,
.h1-fs-54px h1,
.h2-fs-54px h2,
.h3-fs-54px h3,
.h4-fs-54px h4,
.h5-fs-54px h5,
.h6-fs-54px h6,
[data-font-size="54px"] {
    font-size: 50px;
    line-height: 62px
}

@media screen and (min-width:1200px) {

    .fs-54px,
    .h1-fs-54px h1,
    .h2-fs-54px h2,
    .h3-fs-54px h3,
    .h4-fs-54px h4,
    .h5-fs-54px h5,
    .h6-fs-54px h6,
    [data-font-size="54px"] {
        font-size: 54px;
        line-height: 66px
    }
}

@media (max-width:767px) {

    .fs-54px,
    .h1-fs-54px h1,
    .h2-fs-54px h2,
    .h3-fs-54px h3,
    .h4-fs-54px h4,
    .h5-fs-54px h5,
    .h6-fs-54px h6,
    [data-font-size="54px"] {
        font-size: 42px;
        line-height: 54px
    }
}

@media (max-width:567px) {

    .fs-54px,
    .h1-fs-54px h1,
    .h2-fs-54px h2,
    .h3-fs-54px h3,
    .h4-fs-54px h4,
    .h5-fs-54px h5,
    .h6-fs-54px h6,
    [data-font-size="54px"] {
        font-size: 34px;
        line-height: 46px
    }
}

.fs-56px,
.h1-fs-56px h1,
.h2-fs-56px h2,
.h3-fs-56px h3,
.h4-fs-56px h4,
.h5-fs-56px h5,
.h6-fs-56px h6,
[data-font-size="56px"] {
    font-size: 52px;
    line-height: 64px
}

@media screen and (min-width:1200px) {

    .fs-56px,
    .h1-fs-56px h1,
    .h2-fs-56px h2,
    .h3-fs-56px h3,
    .h4-fs-56px h4,
    .h5-fs-56px h5,
    .h6-fs-56px h6,
    [data-font-size="56px"] {
        font-size: 56px;
        line-height: 68px
    }
}

@media (max-width:767px) {

    .fs-56px,
    .h1-fs-56px h1,
    .h2-fs-56px h2,
    .h3-fs-56px h3,
    .h4-fs-56px h4,
    .h5-fs-56px h5,
    .h6-fs-56px h6,
    [data-font-size="56px"] {
        font-size: 44px;
        line-height: 56px
    }
}

@media (max-width:567px) {

    .fs-56px,
    .h1-fs-56px h1,
    .h2-fs-56px h2,
    .h3-fs-56px h3,
    .h4-fs-56px h4,
    .h5-fs-56px h5,
    .h6-fs-56px h6,
    [data-font-size="56px"] {
        font-size: 35px;
        line-height: 47px
    }
}

.fs-58px,
.h1-fs-58px h1,
.h2-fs-58px h2,
.h3-fs-58px h3,
.h4-fs-58px h4,
.h5-fs-58px h5,
.h6-fs-58px h6,
[data-font-size="58px"] {
    font-size: 54px;
    line-height: 66px
}

@media screen and (min-width:1200px) {

    .fs-58px,
    .h1-fs-58px h1,
    .h2-fs-58px h2,
    .h3-fs-58px h3,
    .h4-fs-58px h4,
    .h5-fs-58px h5,
    .h6-fs-58px h6,
    [data-font-size="58px"] {
        font-size: 58px;
        line-height: 70px
    }
}

@media (max-width:767px) {

    .fs-58px,
    .h1-fs-58px h1,
    .h2-fs-58px h2,
    .h3-fs-58px h3,
    .h4-fs-58px h4,
    .h5-fs-58px h5,
    .h6-fs-58px h6,
    [data-font-size="58px"] {
        font-size: 45px;
        line-height: 57px
    }
}

@media (max-width:567px) {

    .fs-58px,
    .h1-fs-58px h1,
    .h2-fs-58px h2,
    .h3-fs-58px h3,
    .h4-fs-58px h4,
    .h5-fs-58px h5,
    .h6-fs-58px h6,
    [data-font-size="58px"] {
        font-size: 37px;
        line-height: 49px
    }
}

.fs-60px,
.h1-fs-60px h1,
.h2-fs-60px h2,
.h3-fs-60px h3,
.h4-fs-60px h4,
.h5-fs-60px h5,
.h6-fs-60px h6,
[data-font-size="60px"] {
    font-size: 56px;
    line-height: 68px
}

@media screen and (min-width:1200px) {

    .fs-60px,
    .h1-fs-60px h1,
    .h2-fs-60px h2,
    .h3-fs-60px h3,
    .h4-fs-60px h4,
    .h5-fs-60px h5,
    .h6-fs-60px h6,
    [data-font-size="60px"] {
        font-size: 60px;
        line-height: 72px
    }
}

@media (max-width:767px) {

    .fs-60px,
    .h1-fs-60px h1,
    .h2-fs-60px h2,
    .h3-fs-60px h3,
    .h4-fs-60px h4,
    .h5-fs-60px h5,
    .h6-fs-60px h6,
    [data-font-size="60px"] {
        font-size: 46px;
        line-height: 58px
    }
}

@media (max-width:567px) {

    .fs-60px,
    .h1-fs-60px h1,
    .h2-fs-60px h2,
    .h3-fs-60px h3,
    .h4-fs-60px h4,
    .h5-fs-60px h5,
    .h6-fs-60px h6,
    [data-font-size="60px"] {
        font-size: 38px;
        line-height: 50px
    }
}

.fs-72px,
.h1-fs-72px h1,
.h2-fs-72px h2,
.h3-fs-72px h3,
.h4-fs-72px h4,
.h5-fs-72px h5,
.h6-fs-72px h6,
[data-font-size="72px"] {
    font-size: 66px;
    line-height: 78px
}

@media screen and (min-width:1200px) {

    .fs-72px,
    .h1-fs-72px h1,
    .h2-fs-72px h2,
    .h3-fs-72px h3,
    .h4-fs-72px h4,
    .h5-fs-72px h5,
    .h6-fs-72px h6,
    [data-font-size="72px"] {
        font-size: 72px;
        line-height: 84px
    }
}

@media (max-width:767px) {

    .fs-72px,
    .h1-fs-72px h1,
    .h2-fs-72px h2,
    .h3-fs-72px h3,
    .h4-fs-72px h4,
    .h5-fs-72px h5,
    .h6-fs-72px h6,
    [data-font-size="72px"] {
        font-size: 54px;
        line-height: 66px
    }
}

@media (max-width:567px) {

    .fs-72px,
    .h1-fs-72px h1,
    .h2-fs-72px h2,
    .h3-fs-72px h3,
    .h4-fs-72px h4,
    .h5-fs-72px h5,
    .h6-fs-72px h6,
    [data-font-size="72px"] {
        font-size: 46px;
        line-height: 58px
    }
}

.fs-84px,
.h1-fs-84px h1,
.h2-fs-84px h2,
.h3-fs-84px h3,
.h4-fs-84px h4,
.h5-fs-84px h5,
.h6-fs-84px h6,
[data-font-size="84px"] {
    font-size: 76px;
    line-height: 88px
}

@media screen and (min-width:1200px) {

    .fs-84px,
    .h1-fs-84px h1,
    .h2-fs-84px h2,
    .h3-fs-84px h3,
    .h4-fs-84px h4,
    .h5-fs-84px h5,
    .h6-fs-84px h6,
    [data-font-size="84px"] {
        font-size: 84px;
        line-height: 96px
    }
}

@media (max-width:767px) {

    .fs-84px,
    .h1-fs-84px h1,
    .h2-fs-84px h2,
    .h3-fs-84px h3,
    .h4-fs-84px h4,
    .h5-fs-84px h5,
    .h6-fs-84px h6,
    [data-font-size="84px"] {
        font-size: 62px;
        line-height: 74px
    }
}

@media (max-width:567px) {

    .fs-84px,
    .h1-fs-84px h1,
    .h2-fs-84px h2,
    .h3-fs-84px h3,
    .h4-fs-84px h4,
    .h5-fs-84px h5,
    .h6-fs-84px h6,
    [data-font-size="84px"] {
        font-size: 54px;
        line-height: 66px
    }
}

.fs-96px,
.h1-fs-96px h1,
.h2-fs-96px h2,
.h3-fs-96px h3,
.h4-fs-96px h4,
.h5-fs-96px h5,
.h6-fs-96px h6,
[data-font-size="96px"] {
    font-size: 86px;
    line-height: 98px
}

@media screen and (min-width:1200px) {

    .fs-96px,
    .h1-fs-96px h1,
    .h2-fs-96px h2,
    .h3-fs-96px h3,
    .h4-fs-96px h4,
    .h5-fs-96px h5,
    .h6-fs-96px h6,
    [data-font-size="96px"] {
        font-size: 96px;
        line-height: 108px
    }
}

@media (max-width:767px) {

    .fs-96px,
    .h1-fs-96px h1,
    .h2-fs-96px h2,
    .h3-fs-96px h3,
    .h4-fs-96px h4,
    .h5-fs-96px h5,
    .h6-fs-96px h6,
    [data-font-size="96px"] {
        font-size: 70px;
        line-height: 82px
    }
}

@media (max-width:567px) {

    .fs-96px,
    .h1-fs-96px h1,
    .h2-fs-96px h2,
    .h3-fs-96px h3,
    .h4-fs-96px h4,
    .h5-fs-96px h5,
    .h6-fs-96px h6,
    [data-font-size="96px"] {
        font-size: 62px;
        line-height: 74px
    }
}

.fs-120px,
.h1-fs-120px h1,
.h2-fs-120px h2,
.h3-fs-120px h3,
.h4-fs-120px h4,
.h5-fs-120px h5,
.h6-fs-120px h6,
[data-font-size="120px"] {
    font-size: 106px;
    line-height: 118px
}

@media screen and (min-width:1200px) {

    .fs-120px,
    .h1-fs-120px h1,
    .h2-fs-120px h2,
    .h3-fs-120px h3,
    .h4-fs-120px h4,
    .h5-fs-120px h5,
    .h6-fs-120px h6,
    [data-font-size="120px"] {
        font-size: 120px;
        line-height: 132px
    }
}

@media (max-width:767px) {

    .fs-120px,
    .h1-fs-120px h1,
    .h2-fs-120px h2,
    .h3-fs-120px h3,
    .h4-fs-120px h4,
    .h5-fs-120px h5,
    .h6-fs-120px h6,
    [data-font-size="120px"] {
        font-size: 86px;
        line-height: 98px
    }
}

@media (max-width:567px) {

    .fs-120px,
    .h1-fs-120px h1,
    .h2-fs-120px h2,
    .h3-fs-120px h3,
    .h4-fs-120px h4,
    .h5-fs-120px h5,
    .h6-fs-120px h6,
    [data-font-size="120px"] {
        font-size: 80px;
        line-height: 92px
    }
}

.fs-144px,
.h1-fs-144px h1,
.h2-fs-144px h2,
.h3-fs-144px h3,
.h4-fs-144px h4,
.h5-fs-144px h5,
.h6-fs-144px h6,
[data-font-size="144px"] {
    font-size: 126px;
    line-height: 138px
}

@media screen and (min-width:1200px) {

    .fs-144px,
    .h1-fs-144px h1,
    .h2-fs-144px h2,
    .h3-fs-144px h3,
    .h4-fs-144px h4,
    .h5-fs-144px h5,
    .h6-fs-144px h6,
    [data-font-size="144px"] {
        font-size: 144px;
        line-height: 156px
    }
}

@media (max-width:767px) {

    .fs-144px,
    .h1-fs-144px h1,
    .h2-fs-144px h2,
    .h3-fs-144px h3,
    .h4-fs-144px h4,
    .h5-fs-144px h5,
    .h6-fs-144px h6,
    [data-font-size="144px"] {
        font-size: 104px;
        line-height: 116px
    }
}

@media (max-width:567px) {

    .fs-144px,
    .h1-fs-144px h1,
    .h2-fs-144px h2,
    .h3-fs-144px h3,
    .h4-fs-144px h4,
    .h5-fs-144px h5,
    .h6-fs-144px h6,
    [data-font-size="144px"] {
        font-size: 98px;
        line-height: 110px
    }
}

.fs-168px,
.h1-fs-168px h1,
.h2-fs-168px h2,
.h3-fs-168px h3,
.h4-fs-168px h4,
.h5-fs-168px h5,
.h6-fs-168px h6,
[data-font-size="168px"] {
    font-size: 146px;
    line-height: 158px
}

@media screen and (min-width:1200px) {

    .fs-168px,
    .h1-fs-168px h1,
    .h2-fs-168px h2,
    .h3-fs-168px h3,
    .h4-fs-168px h4,
    .h5-fs-168px h5,
    .h6-fs-168px h6,
    [data-font-size="168px"] {
        font-size: 168px;
        line-height: 180px
    }
}

@media (max-width:767px) {

    .fs-168px,
    .h1-fs-168px h1,
    .h2-fs-168px h2,
    .h3-fs-168px h3,
    .h4-fs-168px h4,
    .h5-fs-168px h5,
    .h6-fs-168px h6,
    [data-font-size="168px"] {
        font-size: 122px;
        line-height: 134px
    }
}

@media (max-width:567px) {

    .fs-168px,
    .h1-fs-168px h1,
    .h2-fs-168px h2,
    .h3-fs-168px h3,
    .h4-fs-168px h4,
    .h5-fs-168px h5,
    .h6-fs-168px h6,
    [data-font-size="168px"] {
        font-size: 116px;
        line-height: 128px
    }
}

.fs-192px,
.h1-fs-192px h1,
.h2-fs-192px h2,
.h3-fs-192px h3,
.h4-fs-192px h4,
.h5-fs-192px h5,
.h6-fs-192px h6,
[data-font-size="192px"] {
    font-size: 166px;
    line-height: 178px
}

@media screen and (min-width:1200px) {

    .fs-192px,
    .h1-fs-192px h1,
    .h2-fs-192px h2,
    .h3-fs-192px h3,
    .h4-fs-192px h4,
    .h5-fs-192px h5,
    .h6-fs-192px h6,
    [data-font-size="192px"] {
        font-size: 192px;
        line-height: 204px
    }
}

@media (max-width:767px) {

    .fs-192px,
    .h1-fs-192px h1,
    .h2-fs-192px h2,
    .h3-fs-192px h3,
    .h4-fs-192px h4,
    .h5-fs-192px h5,
    .h6-fs-192px h6,
    [data-font-size="192px"] {
        font-size: 140px;
        line-height: 152px
    }
}

@media (max-width:567px) {

    .fs-192px,
    .h1-fs-192px h1,
    .h2-fs-192px h2,
    .h3-fs-192px h3,
    .h4-fs-192px h4,
    .h5-fs-192px h5,
    .h6-fs-192px h6,
    [data-font-size="192px"] {
        font-size: 134px;
        line-height: 146px
    }
}

.fs-11px ul li {
    font-size: 10px;
    line-height: 10px
}

@media screen and (min-width:1200px) {
    .fs-11px ul li {
        font-size: 11px;
        line-height: 11px
    }
}

@media (max-width:767px) {
    .fs-11px ul li {
        font-size: 9px;
        line-height: 9px
    }
}

@media (max-width:567px) {
    .fs-11px ul li {
        font-size: 8px;
        line-height: 8px
    }
}

.fs-12px ul li {
    font-size: 11px;
    line-height: 11px
}

@media screen and (min-width:1200px) {
    .fs-12px ul li {
        font-size: 12px;
        line-height: 12px
    }
}

@media (max-width:767px) {
    .fs-12px ul li {
        font-size: 10px;
        line-height: 10px
    }
}

@media (max-width:567px) {
    .fs-12px ul li {
        font-size: 9px;
        line-height: 9px
    }
}

.fs-13px ul li {
    font-size: 12px;
    line-height: 12px
}

@media screen and (min-width:1200px) {
    .fs-13px ul li {
        font-size: 13px;
        line-height: 13px
    }
}

@media (max-width:767px) {
    .fs-13px ul li {
        font-size: 11px;
        line-height: 11px
    }
}

@media (max-width:567px) {
    .fs-13px ul li {
        font-size: 10px;
        line-height: 10px
    }
}

.fs-14px ul li {
    font-size: 13px;
    line-height: 13px
}

@media screen and (min-width:1200px) {
    .fs-14px ul li {
        font-size: 14px;
        line-height: 14px
    }
}

@media (max-width:767px) {
    .fs-14px ul li {
        font-size: 12px;
        line-height: 12px
    }
}

@media (max-width:567px) {
    .fs-14px ul li {
        font-size: 11px;
        line-height: 11px
    }
}

.fs-15px ul li {
    font-size: 14px;
    line-height: 14px
}

@media screen and (min-width:1200px) {
    .fs-15px ul li {
        font-size: 15px;
        line-height: 15px
    }
}

@media (max-width:767px) {
    .fs-15px ul li {
        font-size: 13px;
        line-height: 13px
    }
}

@media (max-width:567px) {
    .fs-15px ul li {
        font-size: 12px;
        line-height: 12px
    }
}

.fs-16px ul li {
    font-size: 15px;
    line-height: 15px
}

@media screen and (min-width:1200px) {
    .fs-16px ul li {
        font-size: 16px;
        line-height: 16px
    }
}

@media (max-width:767px) {
    .fs-16px ul li {
        font-size: 14px;
        line-height: 14px
    }
}

@media (max-width:567px) {
    .fs-16px ul li {
        font-size: 13px;
        line-height: 13px
    }
}

.fs-17px ul li {
    font-size: 16px;
    line-height: 16px
}

@media screen and (min-width:1200px) {
    .fs-17px ul li {
        font-size: 17px;
        line-height: 17px
    }
}

@media (max-width:767px) {
    .fs-17px ul li {
        font-size: 15px;
        line-height: 15px
    }
}

@media (max-width:567px) {
    .fs-17px ul li {
        font-size: 14px;
        line-height: 14px
    }
}

.fs-18px ul li {
    font-size: 17px;
    line-height: 17px
}

@media screen and (min-width:1200px) {
    .fs-18px ul li {
        font-size: 18px;
        line-height: 18px
    }
}

@media (max-width:767px) {
    .fs-18px ul li {
        font-size: 16px;
        line-height: 16px
    }
}

@media (max-width:567px) {
    .fs-18px ul li {
        font-size: 15px;
        line-height: 15px
    }
}

.fs-20px ul li {
    font-size: 19px;
    line-height: 19px
}

@media screen and (min-width:1200px) {
    .fs-20px ul li {
        font-size: 20px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .fs-20px ul li {
        font-size: 18px;
        line-height: 18px
    }
}

@media (max-width:567px) {
    .fs-20px ul li {
        font-size: 16px;
        line-height: 16px
    }
}

.fs-22px ul li {
    font-size: 21px;
    line-height: 21px
}

@media screen and (min-width:1200px) {
    .fs-22px ul li {
        font-size: 22px;
        line-height: 22px
    }
}

@media (max-width:767px) {
    .fs-22px ul li {
        font-size: 20px;
        line-height: 20px
    }
}

@media (max-width:567px) {
    .fs-22px ul li {
        font-size: 17px;
        line-height: 17px
    }
}

.fs-24px ul li {
    font-size: 22px;
    line-height: 22px
}

@media screen and (min-width:1200px) {
    .fs-24px ul li {
        font-size: 24px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    .fs-24px ul li {
        font-size: 20px;
        line-height: 20px
    }
}

@media (max-width:567px) {
    .fs-24px ul li {
        font-size: 18px;
        line-height: 18px
    }
}

.fs-26px ul li {
    font-size: 24px;
    line-height: 24px
}

@media screen and (min-width:1200px) {
    .fs-26px ul li {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .fs-26px ul li {
        font-size: 22px;
        line-height: 22px
    }
}

@media (max-width:567px) {
    .fs-26px ul li {
        font-size: 19px;
        line-height: 19px
    }
}

.fs-28px ul li {
    font-size: 26px;
    line-height: 26px
}

@media screen and (min-width:1200px) {
    .fs-28px ul li {
        font-size: 28px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .fs-28px ul li {
        font-size: 24px;
        line-height: 24px
    }
}

@media (max-width:567px) {
    .fs-28px ul li {
        font-size: 20px;
        line-height: 20px
    }
}

.fs-30px ul li {
    font-size: 28px;
    line-height: 28px
}

@media screen and (min-width:1200px) {
    .fs-30px ul li {
        font-size: 30px;
        line-height: 30px
    }
}

@media (max-width:767px) {
    .fs-30px ul li {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width:567px) {
    .fs-30px ul li {
        font-size: 21px;
        line-height: 21px
    }
}

.fs-32px ul li {
    font-size: 30px;
    line-height: 30px
}

@media screen and (min-width:1200px) {
    .fs-32px ul li {
        font-size: 32px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .fs-32px ul li {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width:567px) {
    .fs-32px ul li {
        font-size: 22px;
        line-height: 22px
    }
}

.fs-34px ul li {
    font-size: 32px;
    line-height: 32px
}

@media screen and (min-width:1200px) {
    .fs-34px ul li {
        font-size: 34px;
        line-height: 34px
    }
}

@media (max-width:767px) {
    .fs-34px ul li {
        font-size: 28px;
        line-height: 28px
    }
}

@media (max-width:567px) {
    .fs-34px ul li {
        font-size: 23px;
        line-height: 23px
    }
}

.fs-36px ul li {
    font-size: 33px;
    line-height: 33px
}

@media screen and (min-width:1200px) {
    .fs-36px ul li {
        font-size: 36px;
        line-height: 36px
    }
}

@media (max-width:767px) {
    .fs-36px ul li {
        font-size: 29px;
        line-height: 29px
    }
}

@media (max-width:567px) {
    .fs-36px ul li {
        font-size: 24px;
        line-height: 24px
    }
}

.fs-38px ul li {
    font-size: 35px;
    line-height: 35px
}

@media screen and (min-width:1200px) {
    .fs-38px ul li {
        font-size: 38px;
        line-height: 38px
    }
}

@media (max-width:767px) {
    .fs-38px ul li {
        font-size: 31px;
        line-height: 31px
    }
}

@media (max-width:567px) {
    .fs-38px ul li {
        font-size: 25px;
        line-height: 25px
    }
}

.fs-40px ul li {
    font-size: 37px;
    line-height: 37px
}

@media screen and (min-width:1200px) {
    .fs-40px ul li {
        font-size: 40px;
        line-height: 40px
    }
}

@media (max-width:767px) {
    .fs-40px ul li {
        font-size: 32px;
        line-height: 32px
    }
}

@media (max-width:567px) {
    .fs-40px ul li {
        font-size: 26px;
        line-height: 26px
    }
}

.fs-42px ul li {
    font-size: 38px;
    line-height: 38px
}

@media screen and (min-width:1200px) {
    .fs-42px ul li {
        font-size: 42px;
        line-height: 42px
    }
}

@media (max-width:767px) {
    .fs-42px ul li {
        font-size: 33px;
        line-height: 33px
    }
}

@media (max-width:567px) {
    .fs-42px ul li {
        font-size: 27px;
        line-height: 27px
    }
}

.fs-44px ul li {
    font-size: 40px;
    line-height: 40px
}

@media screen and (min-width:1200px) {
    .fs-44px ul li {
        font-size: 44px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .fs-44px ul li {
        font-size: 35px;
        line-height: 35px
    }
}

@media (max-width:567px) {
    .fs-44px ul li {
        font-size: 28px;
        line-height: 28px
    }
}

.fs-46px ul li {
    font-size: 42px;
    line-height: 42px
}

@media screen and (min-width:1200px) {
    .fs-46px ul li {
        font-size: 46px;
        line-height: 46px
    }
}

@media (max-width:767px) {
    .fs-46px ul li {
        font-size: 37px;
        line-height: 37px
    }
}

@media (max-width:567px) {
    .fs-46px ul li {
        font-size: 29px;
        line-height: 29px
    }
}

.fs-48px ul li {
    font-size: 44px;
    line-height: 44px
}

@media screen and (min-width:1200px) {
    .fs-48px ul li {
        font-size: 48px;
        line-height: 48px
    }
}

@media (max-width:767px) {
    .fs-48px ul li {
        font-size: 38px;
        line-height: 38px
    }
}

@media (max-width:567px) {
    .fs-48px ul li {
        font-size: 30px;
        line-height: 30px
    }
}

.fs-50px ul li {
    font-size: 46px;
    line-height: 46px
}

@media screen and (min-width:1200px) {
    .fs-50px ul li {
        font-size: 50px;
        line-height: 50px
    }
}

@media (max-width:767px) {
    .fs-50px ul li {
        font-size: 40px;
        line-height: 40px
    }
}

@media (max-width:567px) {
    .fs-50px ul li {
        font-size: 31px;
        line-height: 31px
    }
}

.fs-52px ul li {
    font-size: 48px;
    line-height: 48px
}

@media screen and (min-width:1200px) {
    .fs-52px ul li {
        font-size: 52px;
        line-height: 52px
    }
}

@media (max-width:767px) {
    .fs-52px ul li {
        font-size: 41px;
        line-height: 41px
    }
}

@media (max-width:567px) {
    .fs-52px ul li {
        font-size: 33px;
        line-height: 33px
    }
}

.fs-54px ul li {
    font-size: 50px;
    line-height: 50px
}

@media screen and (min-width:1200px) {
    .fs-54px ul li {
        font-size: 54px;
        line-height: 54px
    }
}

@media (max-width:767px) {
    .fs-54px ul li {
        font-size: 42px;
        line-height: 42px
    }
}

@media (max-width:567px) {
    .fs-54px ul li {
        font-size: 34px;
        line-height: 34px
    }
}

.fs-56px ul li {
    font-size: 52px;
    line-height: 52px
}

@media screen and (min-width:1200px) {
    .fs-56px ul li {
        font-size: 56px;
        line-height: 56px
    }
}

@media (max-width:767px) {
    .fs-56px ul li {
        font-size: 44px;
        line-height: 44px
    }
}

@media (max-width:567px) {
    .fs-56px ul li {
        font-size: 35px;
        line-height: 35px
    }
}

.fs-58px ul li {
    font-size: 54px;
    line-height: 54px
}

@media screen and (min-width:1200px) {
    .fs-58px ul li {
        font-size: 58px;
        line-height: 58px
    }
}

@media (max-width:767px) {
    .fs-58px ul li {
        font-size: 45px;
        line-height: 45px
    }
}

@media (max-width:567px) {
    .fs-58px ul li {
        font-size: 37px;
        line-height: 37px
    }
}

.fs-68px ul li {
    font-size: 56px;
    line-height: 56px
}

@media screen and (min-width:1200px) {
    .fs-68px ul li {
        font-size: 60px;
        line-height: 60px
    }
}

@media (max-width:767px) {
    .fs-68px ul li {
        font-size: 46px;
        line-height: 46px
    }
}

@media (max-width:567px) {
    .fs-68px ul li {
        font-size: 38px;
        line-height: 38px
    }
}

.fs-72px ul li {
    font-size: 66px;
    line-height: 66px
}

@media screen and (min-width:1200px) {
    .fs-72px ul li {
        font-size: 72px;
        line-height: 72px
    }
}

@media (max-width:767px) {
    .fs-72px ul li {
        font-size: 54px;
        line-height: 54px
    }
}

@media (max-width:567px) {
    .fs-72px ul li {
        font-size: 46px;
        line-height: 46px
    }
}

.fs-84px ul li {
    font-size: 76px;
    line-height: 76px
}

@media screen and (min-width:1200px) {
    .fs-84px ul li {
        font-size: 84px;
        line-height: 84px
    }
}

@media (max-width:767px) {
    .fs-84px ul li {
        font-size: 62px;
        line-height: 62px
    }
}

@media (max-width:567px) {
    .fs-84px ul li {
        font-size: 54px;
        line-height: 54px
    }
}

.fs-96px ul li {
    font-size: 86px;
    line-height: 86px
}

@media screen and (min-width:1200px) {
    .fs-96px ul li {
        font-size: 96px;
        line-height: 96px
    }
}

@media (max-width:767px) {
    .fs-96px ul li {
        font-size: 70px;
        line-height: 70px
    }
}

@media (max-width:567px) {
    .fs-96px ul li {
        font-size: 62px;
        line-height: 62px
    }
}

.fs-120px ul li {
    font-size: 106px;
    line-height: 118px
}

@media screen and (min-width:1200px) {
    .fs-120px ul li {
        font-size: 120px;
        line-height: 132px
    }
}

@media (max-width:767px) {
    .fs-120px ul li {
        font-size: 86px;
        line-height: 98px
    }
}

@media (max-width:567px) {
    .fs-120px ul li {
        font-size: 80px;
        line-height: 92px
    }
}

.fs-144px ul li {
    font-size: 126px;
    line-height: 138px
}

@media screen and (min-width:1200px) {
    .fs-144px ul li {
        font-size: 144px;
        line-height: 156px
    }
}

@media (max-width:767px) {
    .fs-144px ul li {
        font-size: 104px;
        line-height: 116px
    }
}

@media (max-width:567px) {
    .fs-144px ul li {
        font-size: 98px;
        line-height: 110px
    }
}

.fs-168px ul li {
    font-size: 146px;
    line-height: 158px
}

@media screen and (min-width:1200px) {
    .fs-168px ul li {
        font-size: 168px;
        line-height: 180px
    }
}

@media (max-width:767px) {
    .fs-168px ul li {
        font-size: 122px;
        line-height: 134px
    }
}

@media (max-width:567px) {
    .fs-168px ul li {
        font-size: 116px;
        line-height: 128px
    }
}

.fs-192px ul li {
    font-size: 166px;
    line-height: 178px
}

@media screen and (min-width:1200px) {
    .fs-192px ul li {
        font-size: 192px;
        line-height: 204px
    }
}

@media (max-width:767px) {
    .fs-192px ul li {
        font-size: 140px;
        line-height: 152px
    }
}

@media (max-width:567px) {
    .fs-192px ul li {
        font-size: 134px;
        line-height: 146px
    }
}

[data-line-height="12px"] {
    line-height: 11px
}

[data-line-height="13px"] {
    line-height: 12px
}

[data-line-height="14px"] {
    line-height: 13px
}

[data-line-height="15px"] {
    line-height: 14px
}

[data-line-height="16px"] {
    line-height: 15px
}

[data-line-height="17px"] {
    line-height: 16px
}

[data-line-height="18px"] {
    line-height: 17px
}

[data-line-height="20px"] {
    line-height: 19px
}

[data-line-height="22px"] {
    line-height: 21px
}

[data-line-height="24px"],
[data-line-height="26px"] {
    line-height: 22px
}

[data-line-height="28px"],
[data-line-height="30px"] {
    line-height: 26px
}

[data-line-height="32px"] {
    line-height: 30px
}

[data-line-height="34px"] {
    line-height: 32px
}

[data-line-height="36px"] {
    line-height: 33px
}

[data-line-height="38px"],
[data-line-height="40px"] {
    line-height: 35px
}

[data-line-height="42px"] {
    line-height: 38px
}

[data-line-height="44px"] {
    line-height: 40px
}

[data-line-height="46px"] {
    line-height: 42px
}

[data-line-height="48px"] {
    line-height: 44px
}

[data-line-height="50px"] {
    line-height: 46px
}

[data-line-height="52px"] {
    line-height: 48px
}

[data-line-height="54px"] {
    line-height: 50px
}

[data-line-height="56px"] {
    line-height: 52px
}

[data-line-height="58px"] {
    line-height: 54px
}

[data-line-height="60px"] {
    line-height: 56px
}

[data-line-height="72px"] {
    line-height: 66px
}

[data-line-height="84px"] {
    line-height: 76px
}

[data-line-height="96px"] {
    line-height: 86px
}

[data-line-height="108px"] {
    line-height: 98px
}

[data-line-height="132px"] {
    line-height: 118px
}

[data-line-height="156px"] {
    line-height: 138px
}

[data-line-height="180px"] {
    line-height: 158px
}

[data-line-height="204px"] {
    line-height: 178px
}

@media screen and (min-width:1200px) {
    [data-line-height="12px"] {
        line-height: 12px
    }

    [data-line-height="13px"] {
        line-height: 13px
    }

    [data-line-height="14px"] {
        line-height: 14px
    }

    [data-line-height="15px"] {
        line-height: 15px
    }

    [data-line-height="16px"] {
        line-height: 16px
    }

    [data-line-height="17px"] {
        line-height: 17px
    }

    [data-line-height="18px"] {
        line-height: 18px
    }

    [data-line-height="20px"] {
        line-height: 20px
    }

    [data-line-height="22px"] {
        line-height: 22px
    }

    [data-line-height="24px"],
    [data-line-height="26px"] {
        line-height: 24px
    }

    [data-line-height="28px"],
    [data-line-height="30px"] {
        line-height: 28px
    }

    [data-line-height="32px"] {
        line-height: 32px
    }

    [data-line-height="34px"] {
        line-height: 34px
    }

    [data-line-height="36px"] {
        line-height: 36px
    }

    [data-line-height="38px"],
    [data-line-height="40px"] {
        line-height: 38px
    }

    [data-line-height="42px"] {
        line-height: 42px
    }

    [data-line-height="44px"] {
        line-height: 44px
    }

    [data-line-height="46px"] {
        line-height: 46px
    }

    [data-line-height="48px"] {
        line-height: 48px
    }

    [data-line-height="50px"] {
        line-height: 50px
    }

    [data-line-height="52px"] {
        line-height: 52px
    }

    [data-line-height="54px"] {
        line-height: 54px
    }

    [data-line-height="56px"] {
        line-height: 56px
    }

    [data-line-height="58px"] {
        line-height: 58px
    }

    [data-line-height="60px"] {
        line-height: 60px
    }

    [data-line-height="72px"] {
        line-height: 72px
    }

    [data-line-height="84px"] {
        line-height: 84px
    }

    [data-line-height="96px"] {
        line-height: 96px
    }

    [data-line-height="108px"] {
        line-height: 108px
    }

    [data-line-height="132px"] {
        line-height: 132px
    }

    [data-line-height="156px"] {
        line-height: 156px
    }

    [data-line-height="180px"] {
        line-height: 180px
    }

    [data-line-height="204px"] {
        line-height: 204px
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background-color: #1573dd;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px
}

.mejs-container {
    display: block !important
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff !important
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: silver !important
}

header {
    left: 0;
    right: 0;
    position: fixed;
    min-height: 50px;
    z-index: 105
}

@media (max-width:767px) {
    [data-line-height="12px"] {
        line-height: 10px
    }

    [data-line-height="13px"] {
        line-height: 11px
    }

    [data-line-height="14px"] {
        line-height: 12px
    }

    [data-line-height="15px"] {
        line-height: 13px
    }

    [data-line-height="16px"] {
        line-height: 14px
    }

    [data-line-height="17px"] {
        line-height: 15px
    }

    [data-line-height="18px"] {
        line-height: 16px
    }

    [data-line-height="20px"] {
        line-height: 18px
    }

    [data-line-height="22px"],
    [data-line-height="24px"],
    [data-line-height="26px"] {
        line-height: 20px
    }

    [data-line-height="28px"],
    [data-line-height="30px"] {
        line-height: 24px
    }

    [data-line-height="32px"] {
        line-height: 26px
    }

    [data-line-height="34px"] {
        line-height: 28px
    }

    [data-line-height="36px"] {
        line-height: 29px
    }

    [data-line-height="38px"] {
        line-height: 31px
    }

    [data-line-height="40px"] {
        line-height: 30px
    }

    [data-line-height="42px"] {
        line-height: 33px
    }

    [data-line-height="44px"] {
        line-height: 35px
    }

    [data-line-height="46px"] {
        line-height: 37px
    }

    [data-line-height="48px"] {
        line-height: 38px
    }

    [data-line-height="50px"] {
        line-height: 40px
    }

    [data-line-height="52px"] {
        line-height: 41px
    }

    [data-line-height="54px"] {
        line-height: 42px
    }

    [data-line-height="56px"] {
        line-height: 44px
    }

    [data-line-height="58px"] {
        line-height: 45px
    }

    [data-line-height="60px"] {
        line-height: 46px
    }

    [data-line-height="72px"] {
        line-height: 54px
    }

    [data-line-height="84px"] {
        line-height: 62px
    }

    [data-line-height="96px"] {
        line-height: 70px
    }

    [data-line-height="108px"] {
        line-height: 82px
    }

    [data-line-height="132px"] {
        line-height: 98px
    }

    [data-line-height="156px"] {
        line-height: 116px
    }

    [data-line-height="180px"] {
        line-height: 134px
    }

    [data-line-height="204px"] {
        line-height: 152px
    }

    header {
        top: 0 !important;
        position: absolute
    }
}

#navbar-bg {
    background: #f9f9f9;
    width: 100%;
    position: absolute;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear
}

#navbar,
#navbar .navbar-inner {
    position: relative
}

#navbar {
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear
}

#navbar,
#navbar .logo svg {
    transition: all .4s linear
}

#navbar .nav-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

#navbar .fluid-container {
    position: absolute;
    left: 40px;
    right: 40px
}

@media (max-width:767px) {
    #navbar .nav-wrapper {
        width: 100%
    }

    #navbar .fluid-container {
        width: 80%;
        margin-left: 10%;
        left: 0 !important;
        right: 0 !important
    }
}

@media (max-width:567px) {
    [data-line-height="12px"] {
        line-height: 9px
    }

    [data-line-height="13px"] {
        line-height: 10px
    }

    [data-line-height="14px"] {
        line-height: 11px
    }

    [data-line-height="15px"] {
        line-height: 12px
    }

    [data-line-height="16px"] {
        line-height: 13px
    }

    [data-line-height="17px"] {
        line-height: 14px
    }

    [data-line-height="18px"] {
        line-height: 15px
    }

    [data-line-height="20px"] {
        line-height: 16px
    }

    [data-line-height="22px"],
    [data-line-height="26px"] {
        line-height: 17px
    }

    [data-line-height="24px"] {
        line-height: 18px
    }

    [data-line-height="28px"] {
        line-height: 20px
    }

    [data-line-height="30px"] {
        line-height: 19px
    }

    [data-line-height="32px"] {
        line-height: 22px
    }

    [data-line-height="34px"] {
        line-height: 23px
    }

    [data-line-height="36px"],
    [data-line-height="40px"] {
        line-height: 24px
    }

    [data-line-height="38px"] {
        line-height: 25px
    }

    [data-line-height="42px"] {
        line-height: 27px
    }

    [data-line-height="44px"] {
        line-height: 28px
    }

    [data-line-height="46px"] {
        line-height: 29px
    }

    [data-line-height="48px"] {
        line-height: 30px
    }

    [data-line-height="50px"] {
        line-height: 31px
    }

    [data-line-height="52px"] {
        line-height: 33px
    }

    [data-line-height="54px"] {
        line-height: 34px
    }

    [data-line-height="56px"] {
        line-height: 35px
    }

    [data-line-height="58px"] {
        line-height: 37px
    }

    [data-line-height="60px"] {
        line-height: 38px
    }

    [data-line-height="72px"] {
        line-height: 46px
    }

    [data-line-height="84px"] {
        line-height: 54px
    }

    [data-line-height="96px"] {
        line-height: 62px
    }

    [data-line-height="108px"] {
        line-height: 74px
    }

    [data-line-height="132px"] {
        line-height: 92px
    }

    [data-line-height="156px"] {
        line-height: 110px
    }

    [data-line-height="180px"] {
        line-height: 128px
    }

    [data-line-height="204px"] {
        line-height: 146px
    }

    #navbar .fluid-container {
        width: 90%;
        margin-left: 5%
    }
}

#navbar .logo {
    display: inline-block
}

#navbar .logo h1 {
    font-size: 24px !important;
    margin-bottom: 0;
    letter-spacing: -1px
}

#navbar .logo a.has-logo {
    display: inline-block;
    font-size: 0
}

#navbar .logo a:hover {
    opacity: .4
}

#navbar .logo svg {
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear
}

#navbar .fluid-twenty #logo,
#navbar .twenty #logo {
    padding-top: 20px
}

#navbar .fluid-fourty #logo,
#navbar .fourty #logo {
    padding-top: 40px
}

#navbar .fluid-logo {
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
    #navbar .fluid-logo {
        padding: 0
    }

    #navbar .controls {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0
    }
}

#navbar .controls a {
    right: 0;
    float: right;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: content-box
}

#navbar .controls a span {
    display: block
}

#navbar .controls a.close-nav,
#navbar .controls a.open-nav {
    width: 24px
}

#navbar .controls a.close-nav .nav-icon,
#navbar .controls a.open-nav .nav-icon {
    margin-top: 35px;
    background: #000;
    height: 2px !important;
    width: 24px;
    position: absolute;
    transform: translateY(-50%)
}

#navbar .controls a.close-nav .nav-icon::after,
#navbar .controls a.close-nav .nav-icon::before,
#navbar .controls a.open-nav .nav-icon::after,
#navbar .controls a.open-nav .nav-icon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease
}

#navbar .controls a.close-nav .nav-icon::before,
#navbar .controls a.open-nav .nav-icon::before {
    -moz-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

#navbar .controls a.close-nav .nav-icon::after,
#navbar .controls a.open-nav .nav-icon::after {
    -moz-transform: translateY(6px);
    -o-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

#navbar .controls a.close-nav .nav-icon {
    visibility: hidden
}

#navbar .controls a.close-nav .nav-icon::before {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: visible
}

#navbar .controls a.close-nav .nav-icon::after {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    visibility: visible
}

#navbar .controls a.open-nav:hover .nav-icon::before {
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

#navbar .controls a.open-nav:hover .nav-icon::after {
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

#navbar .controls a.close-nav:hover,
#navbar .controls a.open-nav:hover {
    opacity: 1 !important
}

@media (min-width:768px) and (max-width:979px) {
    #navbar .controls a.project-panel-button {
        margin: 0 !important
    }
}

@media (max-width:767px) {
    #navbar .controls a.project-panel-button {
        margin: 0 !important
    }
}

#navbar .controls .responsive-first,
#navbar .controls a:first-child {
    margin-right: -10px
}

#navbar .controls a:last-child {
    padding-left: 40px
}

#navbar .controls .project-panel-button:hover,
#navbar .controls a:hover {
    opacity: .4 !important
}

#navbar .controls .ios-no-hover {
    opacity: 1 !important
}

#navbar .controls a.responsive {
    display: none
}

@media (max-width:767px) {
    #navbar .controls a.standard {
        display: none
    }

    #navbar .controls a.responsive {
        display: block
    }
}

#navbar .controls a.thumb-nav {
    width: 15px;
    margin-right: 0
}

#navbar .controls span.close {
    display: none;
    fill: #000
}

#navbar .controls svg {
    transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    height: 24px
}

#navbar .controls .menu-responsive {
    display: none
}

@media (min-width:768px) and (max-width:979px) {
    #navbar .controls .menu-responsive {
        display: block
    }
}

#navbar .fluid-menu {
    position: absolute;
    right: 0
}

#navbar .fluid-nav-center {
    width: 100%
}

#navbar .fluid-nav-center nav.standard {
    text-align: center;
    float: none
}

#navbar .fluid-nav-center nav.standard ul {
    margin: 0
}

#navbar .fluid-nav-center div.controls {
    right: 0;
    position: absolute;
    top: 0
}

#fullscreen-menu {
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    position: fixed;
    opacity: 0;
    z-index: -1;
    max-height: 100%
}

#fullscreen-menu .menu-inner nav {
    font-size: 25px;
    line-height: 25px;
    padding: 40px 0
}

@media screen and (min-width:1200px) {
    #fullscreen-menu .menu-inner nav {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    #navbar .controls .menu-responsive {
        display: block
    }

    #navbar .fluid-menu {
        width: 100%
    }

    #fullscreen-menu .menu-inner nav {
        font-size: 24px;
        line-height: 24px
    }
}

#fullscreen-menu .menu-inner nav ul {
    margin-left: 0;
    margin-bottom: 0 !important;
    border-left: none !important
}

#fullscreen-menu .menu-inner nav ul li {
    text-align: center;
    list-style: none !important;
    border-bottom: 0;
    padding: 10px 0;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear
}

#fullscreen-menu .menu-inner nav ul li a {
    cursor: pointer;
    color: #aaa;
    letter-spacing: 1px;
    display: inline-block
}

#fullscreen-menu .menu-inner nav ul li a:hover,
#fullscreen-menu .menu-inner nav ul li.current-menu-item a,
.is-work #fullscreen-menu li.current-menu-item a,
.is-work #fullscreen-menu li.portfolio-grid a {
    color: #000
}

#fullscreen-menu .menu-inner nav .fluid-menu-container li a {
    position: relative
}

@media (max-width:767px) {
    #fullscreen-menu .menu-inner nav .left li a {
        left: 10% !important
    }

    #fullscreen-menu .menu-inner nav .right li a {
        right: 10% !important
    }
}

@media (max-width:567px) {
    #fullscreen-menu .menu-inner nav {
        font-size: 23px;
        line-height: 23px
    }

    #fullscreen-menu .menu-inner nav .left li a {
        left: 5% !important
    }

    #fullscreen-menu .menu-inner nav .right li a {
        right: 5% !important
    }
}

#fullscreen-menu .menu-inner .align-top {
    transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    position: relative;
    top: 0;
    margin-top: 70px !important
}

#fullscreen-menu .menu-inner .follow-links {
    border-top: 1px transparent
}

#fullscreen-menu .menu-inner .follow-links ul {
    width: 100%;
    margin: 0 !important;
    display: inline-block;
    text-align: center;
    font-size: 0
}

#fullscreen-menu .menu-inner .follow-links ul li {
    display: inline-block
}

#fullscreen-menu .menu-inner .follow-links ul li a {
    cursor: pointer;
    padding: 5px 10px;
    display: block;
    font-size: 0;
    fill: #aaa
}

#fullscreen-menu .menu-inner .follow-links ul li a svg {
    height: 20px;
    width: 28px;
    margin-top: 19px
}

#fullscreen-menu .menu-inner .follow-links ul li a:hover {
    fill: #000
}

#fullscreen-menu .menu-inner .no-align {
    position: relative;
    bottom: auto
}

.standard-height .menu-inner nav {
    margin-top: 70px !important
}

.full-height .menu-inner nav ul li {
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    opacity: 0
}

body.open-nav {
    overflow-y: hidden
}

body.open-nav #fullscreen-menu {
    overflow-y: scroll
}

nav.standard {
    float: left;
    font-size: 0
}

@media (min-width:768px) and (max-width:979px) {
    #fullscreen-menu .menu-inner .follow-links ul li a svg {
        height: 18px
    }

    nav.standard {
        display: none
    }
}

@media (max-width:767px) {
    #fullscreen-menu .menu-inner .follow-links ul li a svg {
        height: 16px
    }

    nav.standard {
        display: none
    }
}

nav.standard ul li {
    display: inline-block
}

nav.standard ul li a {
    display: block;
    font-size: 16px;
    color: #888;
    padding: 0 25px
}

nav.standard ul li a:hover,
nav.standard ul li.current-menu-item a,
nav.standard ul li.current_page_item a {
    color: #000
}

.fullscreen-cover {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
    position: relative
}

.fullscreen-cover .cover-image,
.fullscreen-cover .cover-video-responsive {
    text-align: center;
    width: 100%;
    bottom: 0;
    line-height: 0;
    overflow: hidden;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    transform: scale(1)
}

.fullscreen-cover .cover-video-responsive {
    background-size: cover;
    display: block
}

.fullscreen-cover .cover-video,
.fullscreen-cover .video-fadein {
    position: absolute;
    top: 0;
    overflow: hidden;
    background: 0 0;
    font-size: 0;
    line-height: 0
}

.fullscreen-cover .video-fadein {
    background-color: #fff;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media screen and (min-width:1200px) {
    .fullscreen-cover .cover-video-responsive {
        display: none
    }
}

.fullscreen-cover a .title h1:hover {
    opacity: .5
}

.fullscreen-cover .cover-headline {
    opacity: 0;
    position: absolute;
    margin-bottom: 96px;
    z-index: 1;
    max-width: 100%;
    transition: all 0s linear;
    -moz-transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -o-transition: all 0s linear
}

@media (min-width:768px) and (max-width:979px) {
    .fullscreen-cover .cover-headline {
        margin-bottom: 64px
    }
}

@media (max-width:767px) {
    .fullscreen-cover .cover-headline {
        margin-bottom: 64px;
        width: 80%
    }
}

@media (max-width:567px) {
    .fullscreen-cover .cover-headline {
        margin-bottom: 32px;
        width: 90%
    }
}

.fullscreen-cover .cover-headline h1 {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    margin-bottom: 0 !important
}

.fullscreen-cover .cover-headline .headline-image {
    max-width: 100%
}

.fullscreen-cover .format-image .middle {
    margin-bottom: 0;
    margin-top: 0
}

.fullscreen-cover .title-top,
.fullscreen-cover .top,
.fullscreen-cover .top-fs {
    display: block;
    margin-top: 96px
}

.fullscreen-cover .meta-foot {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    color: #fff
}

.fullscreen-cover .see-more {
    cursor: pointer;
    height: 20px;
    position: absolute;
    bottom: 32px;
    width: 100%;
    z-index: 105
}

.cover-link,
.overlay {
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width:767px) {

    .fullscreen-cover .title-top,
    .fullscreen-cover .top,
    .fullscreen-cover .top-fs {
        margin-top: 64px
    }

    .fullscreen-cover .see-more {
        bottom: 16px !important
    }
}

.fullscreen-cover .see-more .icon {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    width: 100%;
    position: absolute;
    text-align: center
}

.cover-link {
    position: absolute;
    z-index: 100
}

#intro-text,
.empty-portfolio {
    padding: 64px 0
}

#intro-text p:last-child,
.pd-home {
    margin-bottom: 0 !important
}

.to-the-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 2000;
    display: none
}

.to-the-top a {
    display: block;
    padding: 10px;
    cursor: pointer
}

.to-the-top a svg {
    fill: #b2b2b2
}

.to-the-top a:hover {
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.overlay {
    display: none;
    position: absolute;
    background: #000;
    opacity: 0;
    z-index: 100;
    cursor: pointer
}

.thumbs-mobile {
    width: 25%;
    height: 500px
}

section#thumbnails {
    padding-top: 0 !important
}

section#thumbnails .fwt {
    overflow: hidden;
    opacity: 0;
    position: relative;
    width: 100%;
    height: 522px;
    background-size: cover;
    border-bottom: 1px solid #e6e6e6;
    transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear
}

@media screen and (min-width:1200px) {
    section#thumbnails .fwt {
        background-size: auto;
        height: 650px
    }
}

@media (min-width:768px) and (max-width:979px) {

    .fullscreen-cover .title-top,
    .fullscreen-cover .top,
    .fullscreen-cover .top-fs {
        margin-top: 64px
    }

    section#thumbnails .fwt {
        height: 402px
    }
}

@media (max-width:767px) {
    .to-the-top {
        bottom: 16px;
        right: 16px
    }

    section#thumbnails .fwt {
        height: 324px
    }
}

@media (max-width:567px) {

    .fullscreen-cover .title-top,
    .fullscreen-cover .top,
    .fullscreen-cover .top-fs {
        margin-top: 32px
    }

    section#thumbnails .fwt {
        height: 180px
    }
}

section#thumbnails .fwt .fwt-solo-img {
    height: 522px;
    position: relative
}

@media screen and (min-width:1200px) {
    section#thumbnails .fwt .fwt-solo-img {
        height: 650px
    }
}

@media (min-width:768px) and (max-width:979px) {
    section#thumbnails .fwt .fwt-solo-img {
        height: 402px
    }
}

@media (max-width:767px) {
    section#thumbnails .fwt .fwt-solo-img {
        height: 324px
    }
}

@media (max-width:567px) {
    section#thumbnails .fwt .fwt-solo-img {
        height: 180px
    }
}

section#thumbnails .fwt .fwt-solo-img img {
    max-width: 100%;
    height: auto
}

section#thumbnails .fwt .fwt-inner {
    position: absolute
}

section#thumbnails .fwt h2 {
    padding-top: 64px;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    color: #000
}

@media (max-width:767px) {
    section#thumbnails .fwt .fwt-inner {
        width: 80%
    }

    section#thumbnails .fwt h2 {
        padding-top: 32px
    }
}

@media (max-width:567px) {
    section#thumbnails .fwt .fwt-inner {
        width: 90%
    }

    section#thumbnails .fwt h2 {
        padding-top: 32px
    }
}

section#thumbnails .fwt p {
    color: #aaa;
    margin-top: -2px
}

@media (max-width:767px) {
    section#thumbnails #thumb-grid {
        width: 80%;
        margin-left: 10%;
        overflow: hidden;
        position: absolute
    }
}

@media (max-width:567px) {
    section#thumbnails #thumb-grid {
        width: 90%;
        margin-left: 5%;
        position: absolute;
        overflow: hidden
    }
}

section#thumbnails .thumb {
    margin-bottom: 20px;
    margin-left: 0;
    opacity: 0
}

section#thumbnails .thumb .thumb-inner {
    position: relative;
    font-size: 0;
    line-height: 0
}

section#thumbnails .thumb .thumb-inner .thumb-hover {
    opacity: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease
}

section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
    color: #fff;
    font-size: 21px;
    line-height: 33px;
    line-height: 22px;
    text-align: left;
    padding: 32px;
    margin: 0 !important;
    position: absolute;
    width: 100%
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        font-size: 22px;
        line-height: 34px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        font-size: 17px;
        line-height: 29px
    }
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        line-height: 24px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        line-height: 20px
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
        line-height: 18px
    }
}

section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
    color: #aaa;
    font-size: 13px;
    line-height: 23px;
    display: block
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
        font-size: 14px;
        line-height: 24px
    }

    section#thumbnails .thumb {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
        font-size: 12px;
        line-height: 22px
    }

    section#thumbnails .thumb {
        margin-bottom: 5%;
        width: 47.5%
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
        font-size: 11px;
        line-height: 21px
    }

    section#thumbnails .thumb {
        margin-bottom: 5%;
        width: 100%
    }
}

section#thumbnails .thumb img {
    width: 100%;
    height: auto
}

section#thumbnails .thumb h3 {
    color: #000;
    font-size: 15px;
    line-height: 27px;
    line-height: 22px;
    margin-bottom: 0 !important;
    text-align: center;
    margin-top: 10px
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb h3 {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb h3 {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb h3 {
        font-size: 13px;
        line-height: 25px
    }
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb h3 {
        line-height: 24px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb h3 {
        line-height: 20px
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb h3 {
        line-height: 18px
    }
}

section#thumbnails .thumb h3 span {
    color: #aaa;
    font-size: 13px;
    line-height: 23px;
    display: block
}

@media screen and (min-width:1200px) {
    section#thumbnails .thumb h3 span {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    section#thumbnails .thumb h3 span {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {
    section#thumbnails .thumb h3 span {
        font-size: 11px;
        line-height: 21px
    }
}

section#thumbnails .thumb-inner:hover .thumb-hover {
    opacity: 1
}

.description h1:last-child,
.description h2:last-child,
.description h3:last-child,
.description h4:last-child,
.description h5:last-child,
.description h6:last-child,
.wysiwyg h1:last-child,
.wysiwyg h2:last-child,
.wysiwyg h3:last-child,
.wysiwyg h4:last-child,
.wysiwyg h5:last-child,
.wysiwyg h6:last-child,
.wysiwyg-ce h1:last-child,
.wysiwyg-ce h2:last-child,
.wysiwyg-ce h3:last-child,
.wysiwyg-ce h4:last-child,
.wysiwyg-ce h5:last-child,
.wysiwyg-ce h6:last-child {
    margin: 0
}

.description p,
.wysiwyg p,
.wysiwyg-ce p {
    margin-bottom: 32px;
    word-wrap: break-word
}

.description p:last-child,
.wysiwyg p:last-child,
.wysiwyg-ce p:last-child {
    margin: 0
}

.description ol:last-child,
.description ul:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg-ce ol:last-child,
.wysiwyg-ce ul:last-child {
    margin-bottom: 0
}

.description blockquote,
.wysiwyg blockquote,
.wysiwyg-ce blockquote {
    margin-bottom: 32px;
    border-left: 3px solid #e6e6e6;
    padding-left: 32px
}

.description blockquote p,
.wysiwyg blockquote p,
.wysiwyg-ce blockquote p {
    color: #888
}

.description a.more-link,
.wysiwyg a.more-link,
.wysiwyg-ce a.more-link {
    padding: 8px 12px;
    color: #acacac;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media screen and (min-width:1200px) {

    .description a.more-link,
    .wysiwyg a.more-link,
    .wysiwyg-ce a.more-link {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {

    .description a.more-link,
    .wysiwyg a.more-link,
    .wysiwyg-ce a.more-link {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {

    .description a.more-link,
    .wysiwyg a.more-link,
    .wysiwyg-ce a.more-link {
        font-size: 11px;
        line-height: 21px
    }
}

.description a.more-link:hover,
.wysiwyg a.more-link:hover,
.wysiwyg-ce a.more-link:hover {
    color: #888;
    border: 1px solid #aaa
}

.description img,
.wysiwyg img,
.wysiwyg-ce img {
    max-width: 100%;
    height: auto
}

.description .alignleft,
.wysiwyg .alignleft,
.wysiwyg-ce .alignleft {
    float: left;
    margin: 8px 32px 32px 0
}

.description .aligncenter,
.wysiwyg .aligncenter,
.wysiwyg-ce .aligncenter {
    display: block;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important
}

.description .alignright,
.wysiwyg .alignright,
.wysiwyg-ce .alignright {
    float: right;
    margin: 8px 0 32px 32px
}

.description .wp-caption,
.wysiwyg .wp-caption,
.wysiwyg-ce .wp-caption {
    max-width: 100%;
    text-align: center;
    font-style: italic;
    margin-bottom: 32px !important;
    font-size: 13px;
    line-height: 23px
}

@media screen and (min-width:1200px) {

    .description .wp-caption,
    .wysiwyg .wp-caption,
    .wysiwyg-ce .wp-caption {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {

    .description .wp-caption,
    .wysiwyg .wp-caption,
    .wysiwyg-ce .wp-caption {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {

    .description .wp-caption,
    .wysiwyg .wp-caption,
    .wysiwyg-ce .wp-caption {
        font-size: 11px;
        line-height: 21px
    }
}

.description .wp-caption-text,
.wysiwyg .wp-caption-text,
.wysiwyg-ce .wp-caption-text {
    opacity: .6
}

.description audio,
.description video,
.wysiwyg audio,
.wysiwyg video,
.wysiwyg-ce audio,
.wysiwyg-ce video {
    max-width: 100%
}

.description .mejs-container,
.wysiwyg .mejs-container,
.wysiwyg-ce .mejs-container {
    margin-bottom: 32px
}

.description pre,
.wysiwyg pre,
.wysiwyg-ce pre {
    border: 1px solid #e6e6e6;
    color: #333;
    font-size: 15px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 26px
}

.search-form .search-field,
form#commentform input,
form#commentform textarea {
    font-family: "Open Sans", Arial, sans-serif;
    -webkit-appearance: none
}

@media screen and (min-width:1200px) {

    .description pre,
    .wysiwyg pre,
    .wysiwyg-ce pre {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {

    .description pre,
    .wysiwyg pre,
    .wysiwyg-ce pre {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {

    .description pre,
    .wysiwyg pre,
    .wysiwyg-ce pre {
        font-size: 13px;
        line-height: 25px
    }
}

.description fontsize,
.description lineheight,
.wysiwyg fontsize,
.wysiwyg lineheight,
.wysiwyg-ce fontsize,
.wysiwyg-ce lineheight {
    display: inline-block
}

.description table,
.wysiwyg table,
.wysiwyg-ce table {
    border-collapse: separate;
    border-color: #e6e6e6;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    margin-bottom: 32px;
    width: 100%
}

.description table td,
.description table th,
.wysiwyg table td,
.wysiwyg table th,
.wysiwyg-ce table td,
.wysiwyg-ce table th {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.description table tbody:first-child tr:first-child td,
.description table tbody:first-child tr:first-child th,
.description table thead:first-child tr:first-child th,
.wysiwyg table tbody:first-child tr:first-child td,
.wysiwyg table tbody:first-child tr:first-child th,
.wysiwyg table thead:first-child tr:first-child th,
.wysiwyg-ce table tbody:first-child tr:first-child td,
.wysiwyg-ce table tbody:first-child tr:first-child th,
.wysiwyg-ce table thead:first-child tr:first-child th {
    border-top: 0 none
}

.description table tbody:first-child tr:first-child td:first-child,
.description table thead:first-child tr:first-child th:first-child,
.wysiwyg table tbody:first-child tr:first-child td:first-child,
.wysiwyg table thead:first-child tr:first-child th:first-child,
.wysiwyg-ce table tbody:first-child tr:first-child td:first-child,
.wysiwyg-ce table thead:first-child tr:first-child th:first-child {
    border-radius: 4px 0 0
}

.description table tbody:first-child tr:first-child td:last-child,
.description table thead:first-child tr:first-child th:last-child,
.wysiwyg table tbody:first-child tr:first-child td:last-child,
.wysiwyg table thead:first-child tr:first-child th:last-child,
.wysiwyg-ce table tbody:first-child tr:first-child td:last-child,
.wysiwyg-ce table thead:first-child tr:first-child th:last-child {
    border-radius: 0 4px 0 0
}

.description table tbody:last-child tr:last-child td:first-child,
.description table thead:last-child tr:last-child th:first-child,
.wysiwyg table tbody:last-child tr:last-child td:first-child,
.wysiwyg table thead:last-child tr:last-child th:first-child,
.wysiwyg-ce table tbody:last-child tr:last-child td:first-child,
.wysiwyg-ce table thead:last-child tr:last-child th:first-child {
    border-radius: 0 0 0 4px
}

.description table tbody:last-child tr:last-child td:last-child,
.description table thead:last-child tr:last-child th:last-child,
.wysiwyg table tbody:last-child tr:last-child td:last-child,
.wysiwyg table thead:last-child tr:last-child th:last-child,
.wysiwyg-ce table tbody:last-child tr:last-child td:last-child,
.wysiwyg-ce table thead:last-child tr:last-child th:last-child {
    border-radius: 0 0 4px
}

.description table:last-child,
.wysiwyg table:last-child,
.wysiwyg-ce table:last-child {
    margin-bottom: 0
}

#blog {
    opacity: 0
}

#blog,
#page-content {
    padding-top: 96px
}

#page-content .featured,
.blog-post .featured {
    text-align: center;
    margin-bottom: 64px
}

@media (max-width:767px) {

    #blog,
    #page-content {
        padding-top: 64px
    }

    #page-content .featured,
    .blog-post .featured {
        margin-bottom: 32px
    }
}

#page-content .featured img,
.blog-post .featured img {
    height: auto
}

@media (min-width:978px) and (max-width:1199px) {

    #page-content .featured img,
    .blog-post .featured img {
        margin: 0 !important;
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {

    #page-content .featured img,
    .blog-post .featured img {
        width: auto
    }
}

@media (min-width:768px) and (max-width:979px) {

    #page-content .featured img,
    .blog-post .featured img {
        max-width: 100%;
        margin: 0 !important
    }
}

@media (max-width:767px) {

    #page-content .featured img,
    .blog-post .featured img {
        width: 100%;
        margin: 0 !important
    }
}

@media (max-width:567px) {

    #blog,
    #page-content {
        padding-top: 32px
    }

    #page-content .featured img,
    .blog-post .featured img {
        width: 100%;
        margin: 0 !important
    }
}

#page-content #post .meta p,
#page-content #post .post-heading p,
.blog-post #post .meta p,
.blog-post #post .post-heading p {
    margin-left: 2px;
    font-size: 14px;
    line-height: 25px;
    color: #a0a0a0;
    margin-bottom: 0
}

#page-content #post .meta p.no-margin,
#page-content #post .no-content h2,
#page-content #post .post-heading p.no-margin,
.blog-post #post .meta p.no-margin,
.blog-post #post .no-content h2,
.blog-post #post .post-heading p.no-margin,
p.link-post,
p.quote {
    margin-bottom: 0 !important
}

@media screen and (min-width:1200px) {

    #page-content #post .meta p,
    #page-content #post .post-heading p,
    .blog-post #post .meta p,
    .blog-post #post .post-heading p {
        font-size: 15px;
        line-height: 26px
    }
}

@media (max-width:767px) {

    #page-content #post .meta p,
    #page-content #post .post-heading p,
    .blog-post #post .meta p,
    .blog-post #post .post-heading p {
        font-size: 13px;
        line-height: 24px
    }
}

@media (max-width:567px) {

    #page-content #post .meta p,
    #page-content #post .post-heading p,
    .blog-post #post .meta p,
    .blog-post #post .post-heading p {
        font-size: 12px;
        line-height: 23px
    }
}

#page-content #post .meta p a,
#page-content #post .post-heading p a,
.blog-post #post .meta p a,
.blog-post #post .post-heading p a {
    color: #a0a0a0
}

#page-content #post .meta h2 a,
#page-content #post .meta p a:hover,
#page-content #post .post-heading h2 a,
#page-content #post .post-heading p a:hover,
.blog-post #post .meta h2 a,
.blog-post #post .meta p a:hover,
.blog-post #post .post-heading h2 a,
.blog-post #post .post-heading p a:hover {
    color: #000
}

#page-content #post .meta h2 a:hover,
#page-content #post .post-heading h2 a:hover,
.blog-post #post .meta h2 a:hover,
.blog-post #post .post-heading h2 a:hover {
    opacity: .5
}

#page-content #post .meta,
.blog-post #post .meta {
    margin-top: 32px
}

#page-content #post .meta .share,
.blog-post #post .meta .share {
    padding-right: 10px;
    float: left
}

#page-content #post .meta p,
.blog-post #post .meta p {
    font-size: 17px;
    line-height: 31px
}

@media screen and (min-width:1200px) {

    #page-content #post .meta p,
    .blog-post #post .meta p {
        font-size: 18px;
        line-height: 32px
    }
}

@media (max-width:767px) {

    #page-content #post .meta p,
    .blog-post #post .meta p {
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width:567px) {

    #page-content #post .meta p,
    .blog-post #post .meta p {
        font-size: 15px;
        line-height: 29px
    }
}

#page-content #post .meta p span,
.blog-post #post .meta p span {
    color: #333
}

p.link-post,
p.quote {
    font-size: 15px;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 1px
}

@media screen and (min-width:1200px) {

    p.link-post,
    p.quote {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {

    p.link-post,
    p.quote {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {

    p.link-post,
    p.quote {
        font-size: 13px;
        line-height: 25px
    }
}

.quote-container p {
    font-size: 30px;
    line-height: 42px;
    text-align: center
}

@media screen and (min-width:1200px) {
    .quote-container p {
        font-size: 32px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .quote-container p {
        font-size: 26px;
        line-height: 38px
    }
}

@media (max-width:567px) {
    .quote-container p {
        font-size: 22px;
        line-height: 34px
    }
}

.quote-container img {
    max-width: 100%;
    height: auto
}

.single-quote p.quote,
p.quote {
    text-align: center
}

.single-quote p.quote {
    padding-bottom: 64px !important
}

p.link-post a:hover,
p.quote a:hover {
    color: #000 !important
}

.format-image p {
    margin-bottom: 32px !important
}

section#comment {
    width: 100%;
    background: #f9f9f9;
    padding-top: 0 !important;
    margin-top: 32px
}

section#comment h3#comments {
    margin-top: 96px
}

section#comment .comment .comments-wrapper {
    padding-bottom: 32px
}

section#comment .comment .comments-wrapper .comments-pagination {
    text-align: right;
    margin-top: 32px
}

section#comment .comment .comments-wrapper .comments-pagination a,
section#comment .comment .comments-wrapper .comments-pagination span {
    padding-right: 10px;
    opacity: .7;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px
}

@media screen and (min-width:1200px) {

    section#comment .comment .comments-wrapper .comments-pagination a,
    section#comment .comment .comments-wrapper .comments-pagination span {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    section#comment h3#comments {
        margin-bottom: 0
    }

    section#comment .comment .comments-wrapper .comments-pagination a,
    section#comment .comment .comments-wrapper .comments-pagination span {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {

    section#comment .comment .comments-wrapper .comments-pagination a,
    section#comment .comment .comments-wrapper .comments-pagination span {
        font-size: 11px;
        line-height: 21px
    }
}

section#comment .comment .comments-wrapper .children {
    margin-left: 30px
}

section#comment .comment .comments-wrapper .comment-content {
    padding-bottom: 32px;
    padding-top: 32px;
    border-bottom: 1px solid #d6d6d6;
    position: relative
}

section#comment .comment .comments-wrapper .comment-content .avatar {
    width: 48px;
    height: 48px;
    float: left
}

@media (max-width:767px) {
    section#comment .comment .comments-wrapper .children {
        margin-left: 0
    }

    section#comment .comment .comments-wrapper .comment-content .avatar {
        display: none
    }
}

section#comment .comment .comments-wrapper .comment-content .comment-meta {
    color: #000 !important;
    margin-bottom: 0 !important;
    float: left;
    margin-top: -5px;
    margin-left: 20px
}

section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor,
section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor a {
    color: #000
}

section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-autor a:hover {
    opacity: .5
}

section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 27px;
    margin-top: -6px;
    opacity: .7
}

@media screen and (min-width:1200px) {
    section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    section#comment .comment .comments-wrapper .comment-content .comment-meta {
        margin-left: 0
    }

    section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {
    section#comment .comment .comments-wrapper .comment-content .comment-meta span.comment-time {
        font-size: 13px;
        line-height: 25px
    }
}

section#comment .comment .comments-wrapper .comment-content .comment-text {
    padding-top: 20px;
    clear: both;
    margin-left: 68px;
    font-size: 15px;
    line-height: 27px
}

@media screen and (min-width:1200px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text {
        font-size: 14px;
        line-height: 26px
    }
}

@media (max-width:567px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text {
        font-size: 13px;
        line-height: 25px
    }
}

section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
    font-size: 13px;
    line-height: 23px;
    opacity: .5
}

@media screen and (min-width:1200px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text {
        margin-left: 0
    }

    section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-width:567px) {
    section#comment .comment .comments-wrapper .comment-content .comment-text span.moderation {
        font-size: 11px;
        line-height: 21px
    }
}

section#comment .comment .comments-wrapper .comment-content .comment-text p:first-child {
    margin-bottom: 0
}

section#comment .comment .comments-wrapper .comment-content .comment-text p {
    color: #333
}

.edit-reply {
    position: absolute;
    right: 0
}

.reply-mobile,
.search-form,
form#commentform,
form#commentform .comment-input {
    position: relative
}

.edit-reply a {
    padding: 8px 12px;
    color: #acacac;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    line-height: 23px
}

@media screen and (min-width:1200px) {
    .edit-reply a {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    .edit-reply a {
        font-size: 12px;
        line-height: 22px
    }
}

.edit-reply a:hover {
    color: #888;
    border: 1px solid #aaa
}

.reply-mobile {
    display: none;
    margin-top: 32px
}

@media (max-width:567px) {
    .edit-reply a {
        font-size: 11px;
        line-height: 21px
    }

    .edit-reply {
        display: none
    }

    .reply-mobile {
        display: block
    }
}

.comments-closed {
    margin: 64px 0;
    text-align: center
}

#respond {
    margin-top: 32px
}

.comment-reply-title {
    font-weight: 300
}

form#commentform {
    margin-bottom: 96px
}

form#commentform input,
form#commentform textarea {
    font-size: 17px;
    line-height: 31px;
    color: #000;
    width: 100%;
    padding: 15px;
    background: #f9f9f9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px
}

@media screen and (min-width:1200px) {

    form#commentform input,
    form#commentform textarea {
        font-size: 18px;
        line-height: 32px
    }
}

@media (max-width:767px) {

    form#commentform input,
    form#commentform textarea {
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width:567px) {

    form#commentform input,
    form#commentform textarea {
        font-size: 15px;
        line-height: 29px
    }
}

@media (max-width:767px) {

    form#commentform input,
    form#commentform textarea {
        padding: 8px
    }
}

form#commentform input::-webkit-input-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform input::-moz-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform input:-ms-input-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform textarea::-webkit-input-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform textarea::-moz-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform textarea:-ms-input-placeholder {
    color: #aaa !important;
    opacity: 1
}

form#commentform #submit {
    width: 100%;
    background: #f9f9f9;
    color: #000;
    -webkit-appearance: none;
    cursor: pointer
}

form#commentform #submit:hover {
    opacity: 1
}

form#commentform #submit:hover,
form#commentform input:focus,
form#commentform input:hover,
form#commentform textarea:focus,
form#commentform textarea:hover {
    background: #f9f9f9;
    border: 1px solid #bebebe
}

form#commentform .error {
    border-color: red !important
}

form#commentform label.error {
    display: none !important
}

.gallery-item {
    vertical-align: top;
    padding-right: 30px;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    display: inline-block
}

.gallery-item img {
    border: none !important;
    width: 100%;
    height: auto;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

@media (min-width:768px) and (max-width:979px) {
    .gallery-item {
        padding-right: 5%
    }

    .gallery-item img {
        width: 100% !important;
        height: auto
    }
}

.gallery-item img:hover {
    opacity: .6
}

.gallery-item dd {
    font-size: 13px;
    line-height: 23px;
    margin-top: 16px
}

@media screen and (min-width:1200px) {
    .gallery-item dd {
        font-size: 14px;
        line-height: 24px
    }
}

.gallery br {
    clear: none !important
}

.gallery-clear p {
    clear: left;
    display: block;
    margin-top: 0 !important
}

#fancybox-title {
    display: none !important
}

.share-box-blog {
    opacity: 1 !important;
    padding-bottom: 64px !important
}

@media (max-width:767px) {
    .gallery-item {
        padding-right: 3.5%
    }

    .gallery-item img {
        width: 100% !important;
        height: auto
    }

    .gallery-item dd {
        font-size: 12px;
        line-height: 22px
    }

    .share-box-blog {
        padding-bottom: 32px !important
    }
}

@media (max-width:567px) {
    .gallery-item {
        padding-right: 2%
    }

    .gallery-item img {
        width: 100% !important;
        height: auto
    }

    .gallery-item dd {
        font-size: 11px;
        line-height: 21px
    }

    .share-box-blog {
        padding-bottom: 0 !important
    }
}

.pagination {
    margin-bottom: 64px !important
}

.pagination .previous {
    text-align: left
}

.pagination .next {
    text-align: right
}

.blog-search {
    display: none;
    overflow: hidden
}

.search-form .close-search {
    position: absolute;
    margin-top: 28px;
    right: 30px
}

.search-form .close-search svg {
    fill: #333
}

.search-form .screen-reader-text svg,
section#category-archives .archives-close svg {
    fill: #000
}

.search-form .close-search a:hover {
    opacity: .5
}

@media (max-width:767px) {

    .pagination .next,
    .pagination .previous {
        width: 50%
    }

    .search-form .close-search {
        margin-top: 13px;
        right: 15px
    }
}

.search-form .search-close {
    cursor: pointer
}

.search-form .screen-reader-text {
    position: absolute;
    margin-top: 20px;
    left: 30px;
    display: none
}

.search-form .search-field {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 80px;
    color: #000;
    font-size: 26px;
    background: #fff;
    line-height: 80px;
    padding: 0 80px 0 30px
}

.result-header,
.search-form .search-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

@media screen and (min-width:1200px) {
    .search-form .search-field {
        font-size: 28px;
        line-height: 40px
    }
}

@media (max-width:767px) {
    .search-form .search-field {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width:567px) {
    .search-form .search-field {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .search-form .search-field {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        padding: 0 65px 0 15px
    }
}

#content .content-container .audio,
#content .content-container .column-image,
#content .content-container .image,
#content .content-container .video,
#content .grid-item,
#content .mc-sub-content-container .audio,
#content .mc-sub-content-container .column-image,
#content .mc-sub-content-container .image,
#content .mc-sub-content-container .video {
    font-size: 0;
    line-height: 0
}

.search-form .search-submit {
    opacity: 0
}

.no-results {
    text-align: center;
    color: #aaa;
    margin-top: -32px
}

.result-header {
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 64px
}

@media (max-width:767px) {
    .no-results {
        margin-top: 0
    }

    .result-header {
        margin-bottom: 32px
    }
}

.result-header h3 {
    margin-bottom: 0 !important;
    padding: 60px 30px 20px 0
}

@media (max-width:767px) {
    .result-header h3 {
        padding: 30px 30px 20px 0
    }
}

.archive-header h3 {
    padding: 0 30px 20px 0 !important
}

section#category-archives {
    padding-top: 0 !important;
    position: relative;
    display: none;
    overflow: hidden
}

section#category-archives ul {
    list-style: none;
    margin-left: 0
}

section#category-archives ul li a {
    color: #888
}

section#category-archives ul li a:hover {
    color: #000
}

section#category-archives h4 {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px
}

section#category-archives .archives-close {
    display: block;
    margin-top: 17px;
    cursor: pointer
}

#content .cover-video .mejs-container .mejs-controls,
#content .cover-video .mejs-container .mejs-layers,
.hide-controls .mejs-container .mejs-controls,
.live-audio .mejs-offscreen,
.live-video .mejs-offscreen,
.wysiwyg .mejs-offscreen {
    display: none !important
}

@media (max-width:767px) {
    section#category-archives h4 {
        padding-top: 32px
    }

    section#category-archives h4.first {
        padding-top: 0 !important
    }

    section#category-archives .archives-close {
        position: absolute;
        top: 0;
        right: 10%;
        margin-top: 8px
    }
}

#content #content-holder,
section#project-panel .project-panel .container .project-panel-close {
    position: relative
}

section#category-archives .archives-close:hover {
    opacity: .5
}

section#category-archives nav ul li a {
    color: #333
}

.cover-video .mejs-container {
    background: 0 0 !important
}

.live-audio .mejs-container .mejs-controls,
.live-video .mejs-container .mejs-controls,
.wysiwyg .mejs-container .mejs-controls {
    background: #000
}

.live-audio .mejs-audio,
.live-audio .mejs-controls,
.live-video .mejs-audio,
.live-video .mejs-controls,
.wysiwyg .mejs-audio,
.wysiwyg .mejs-controls {
    height: 50px !important
}

.live-audio .mejs-controls>div,
.live-video .mejs-controls>div,
.wysiwyg .mejs-controls>div {
    margin-top: 10px !important
}

.live-audio .mejs-poster,
.live-video .mejs-poster,
.wysiwyg .mejs-poster {
    background-size: cover;
    background-repeat: no-repeat
}

.live-audio .mejs-playpause-button,
.live-video .mejs-playpause-button,
.wysiwyg .mejs-playpause-button {
    margin: 0 0 0 15px !important
}

.live-audio .mejs-controls .mejs-button button,
.live-video .mejs-controls .mejs-button button,
.wysiwyg .mejs-controls .mejs-button button {
    background-image: url(../images/mediaelement/controls.svg) !important
}

.live-audio .mejs-overlay-button,
.live-audio .no-svg .mejs-overlay-button,
.live-video .mejs-overlay-button,
.live-video .no-svg .mejs-overlay-button,
.wysiwyg .mejs-overlay-button,
.wysiwyg .no-svg .mejs-overlay-button {
    background-image: url(../images/mediaelement/bigplay.png) !important
}

.live-audio .mejs-time-total,
.live-video .mejs-time-total,
.wysiwyg .mejs-time-total {
    margin-top: 8px !important
}

.live-audio .mejs-controls .mejs-time-rail,
.live-video .mejs-controls .mejs-time-rail,
.wysiwyg .mejs-controls .mejs-time-rail {
    padding-top: 6px !important
}

.live-audio .mejs-controls .mejs-time-rail span,
.live-video .mejs-controls .mejs-time-rail span,
.wysiwyg .mejs-controls .mejs-time-rail span {
    height: 3px !important
}

.live-audio .mejs-horizontal-volume-current,
.live-audio .mejs-horizontal-volume-total,
.live-video .mejs-horizontal-volume-current,
.live-video .mejs-horizontal-volume-total,
.wysiwyg .mejs-horizontal-volume-current,
.wysiwyg .mejs-horizontal-volume-total {
    height: 3px !important;
    margin-top: 3px !important
}

.live-audio .mejs-controls .mejs-time-rail .mejs-time-current,
.live-video .mejs-controls .mejs-time-rail .mejs-time-current,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff !important
}

.live-audio .mejs-container .mejs-controls .mejs-time,
.live-video .mejs-container .mejs-controls .mejs-time,
.wysiwyg .mejs-container .mejs-controls .mejs-time {
    padding: 9px 3px 0 !important
}

.live-audio .mejs-container .mejs-controls .mejs-time span,
.live-video .mejs-container .mejs-controls .mejs-time span,
.wysiwyg .mejs-container .mejs-controls .mejs-time span {
    color: #fff !important;
    margin: 1px 5px 0 !important
}

.live-audio .mejs-controls .mejs-time-rail .mejs-time-total,
.live-video .mejs-controls .mejs-time-rail .mejs-time-total,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-total {
    background: rgba(255, 255, 255, .4) !important;
    border-radius: 0 !important;
    height: 3px !important
}

.live-audio .mejs-controls .mejs-time-rail .mejs-time-loaded,
.live-video .mejs-controls .mejs-time-rail .mejs-time-loaded,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: 0 0 !important
}

.live-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.live-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.wysiwyg .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #bbb !important
}

.live-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.live-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.wysiwyg .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #555 !important
}

.live-audio .mejs-horizontal-volume-slider,
.live-video .mejs-horizontal-volume-slider,
.wysiwyg .mejs-horizontal-volume-slider {
    margin: 0 5px !important
}

.live-audio .mejs-controls .mejs-time-rail .mejs-time-float,
.live-video .mejs-controls .mejs-time-rail .mejs-time-float,
.wysiwyg .mejs-controls .mejs-time-rail .mejs-time-float {
    height: 15px !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
}

.live-audio .mejs-fullscreen-button,
.live-video .mejs-fullscreen-button,
.wysiwyg .mejs-fullscreen-button {
    margin-right: 16px !important
}

.live-audio .mejs-overlay-loading,
.live-video .mejs-overlay-loading,
.transparent-controls .mejs-container .mejs-controls,
.wysiwyg .mejs-overlay-loading {
    background: 0 0 !important
}

.transparent-controls .mejs-controls {
    height: 60px !important
}

.transparent-controls .mejs-controls>div {
    margin-top: 15px !important
}

section#page-content {
    padding-top: 96px;
    opacity: 0
}

#content .no-padding {
    padding-bottom: 0 !important
}

#content .content-container audio,
#content .content-container video,
#content .mc-sub-content-container audio,
#content .mc-sub-content-container video {
    max-width: 100%
}

#content .content-container .audio-container,
#content .mc-sub-content-container .audio-container {
    height: 50px !important
}

#content .content-container .audio img,
#content .content-container .column-image img,
#content .content-container .image img,
#content .content-container .video img,
#content .mc-sub-content-container .audio img,
#content .mc-sub-content-container .column-image img,
#content .mc-sub-content-container .image img,
#content .mc-sub-content-container .video img {
    height: auto;
    max-width: 100%
}

@media (min-width:978px) and (max-width:1199px) {

    #content .content-container .audio img,
    #content .content-container .column-image img,
    #content .content-container .image img,
    #content .content-container .video img,
    #content .mc-sub-content-container .audio img,
    #content .mc-sub-content-container .column-image img,
    #content .mc-sub-content-container .image img,
    #content .mc-sub-content-container .video img {
        margin: 0 !important;
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {

    #content .content-container .audio img,
    #content .content-container .column-image img,
    #content .content-container .image img,
    #content .content-container .video img,
    #content .mc-sub-content-container .audio img,
    #content .mc-sub-content-container .column-image img,
    #content .mc-sub-content-container .image img,
    #content .mc-sub-content-container .video img {
        width: auto
    }
}

@media (min-width:768px) and (max-width:979px) {

    #content .content-container .audio img,
    #content .content-container .column-image img,
    #content .content-container .image img,
    #content .content-container .video img,
    #content .mc-sub-content-container .audio img,
    #content .mc-sub-content-container .column-image img,
    #content .mc-sub-content-container .image img,
    #content .mc-sub-content-container .video img {
        max-width: 100% !important;
        margin: 0 !important
    }
}

@media (max-width:767px) {

    #content .content-container .audio img,
    #content .content-container .column-image img,
    #content .content-container .image img,
    #content .content-container .video img,
    #content .mc-sub-content-container .audio img,
    #content .mc-sub-content-container .column-image img,
    #content .mc-sub-content-container .image img,
    #content .mc-sub-content-container .video img {
        width: 100%;
        margin: 0 !important
    }
}

@media (max-width:567px) {
    section#category-archives .archives-close {
        right: 5%
    }

    #content .content-container .audio img,
    #content .content-container .column-image img,
    #content .content-container .image img,
    #content .content-container .video img,
    #content .mc-sub-content-container .audio img,
    #content .mc-sub-content-container .column-image img,
    #content .mc-sub-content-container .image img,
    #content .mc-sub-content-container .video img {
        width: 100%;
        margin: 0 !important
    }
}

#content .content-container .has-neg-margin img,
#content .content-container .no-scaling img,
#content .content-container .yes img,
#content .mc-sub-content-container .has-neg-margin img,
#content .mc-sub-content-container .no-scaling img,
#content .mc-sub-content-container .yes img {
    width: auto !important
}

#content .content-container .has-neg-margin img,
#content .mc-sub-content-container .has-neg-margin img {
    max-width: inherit
}

@media (min-width:978px) and (max-width:1199px) {

    #content .content-container .has-neg-margin img,
    #content .mc-sub-content-container .has-neg-margin img {
        max-width: 100% !important
    }
}

#content .content-container .column-image img,
#content .mc-sub-content-container .column-image img {
    max-width: 100% !important
}

#content .content-container .column-img-full img,
#content .content-container .full img,
#content .mc-sub-content-container .column-img-full img,
#content .mc-sub-content-container .full img {
    width: 100% !important;
    height: auto
}

#content .content-container .grid-width img,
#content .mc-sub-content-container .grid-width img {
    width: 100% !important
}

#content .hr-full-width {
    width: 100%
}

#content .image-link img {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear
}

#content .image-link img:hover {
    opacity: .6
}

#content .cover-video {
    width: 100%;
    height: 100%
}

#content .ce-button {
    margin: 0 !important;
    border-style: solid !important;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease
}

#content .grid-item {
    margin-bottom: 20px;
    margin-left: 0;
    opacity: 0;
    transition: opacity .45s ease-in-out;
    -moz-transition: opacity .45s ease-in-out;
    -webkit-transition: opacity .45s ease-in-out;
    -o-transition: opacity .45s ease-in-out
}

@media screen and (min-width:1200px) {
    #content .grid-item {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {

    #content .content-container .has-neg-margin img,
    #content .mc-sub-content-container .has-neg-margin img {
        max-width: 100% !important
    }

    #content .grid-item {
        margin-bottom: 5%
    }
}

@media (max-width:567px) {

    #content .content-container .has-neg-margin img,
    #content .mc-sub-content-container .has-neg-margin img {
        max-width: 100% !important
    }

    #content .grid-item {
        margin-bottom: 5%
    }
}

#content .grid-item img {
    width: 100%;
    height: auto
}

#content .unexecuted {
    display: none
}

#content .instagram-error {
    text-align: center;
    padding: 50px 0;
    background: #f0f0f0
}

#content .instagram-error img {
    width: 32px;
    height: auto
}

#content .instagram-error p {
    margin-bottom: 0 !important;
    font-size: 15px;
    line-height: 24px
}

.share-box {
    opacity: 0;
    padding-top: 96px;
    padding-bottom: 96px
}

.share-box .first {
    margin-left: 0 !important
}

.share-box .semplice-share {
    height: 54px;
    overflow: hidden;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 31.33333%;
    margin-left: 3%;
    float: left
}

.share-box .semplice-share .button,
.share-box .semplice-share .text {
    color: #888;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #e6e6e6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear
}

@media (max-width:767px) {
    .share-box {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .share-box .semplice-share .button,
    .share-box .semplice-share .text {
        font-size: 12px
    }
}

.share-box .semplice-share .button a,
.share-box .semplice-share .text a {
    color: #fff !important;
    height: 54px;
    display: block !important;
    width: 100%
}

.share-box .semplice-share .button-facebook {
    border: 1px solid #3b5998;
    background: #3b5998
}

.share-box .semplice-share .button-twitter {
    border: 1px solid #0084b4;
    background: #0084b4
}

.share-box .semplice-share .button-gplusone {
    border: 1px solid #d73d32;
    background: #d73d32
}

.share-box .semplice-share:hover .text {
    margin-top: -54px
}

.share-box .share-icons-wrapper {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0
}

.share-box .share-icons-wrapper p {
    text-transform: uppercase;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    letter-spacing: 1px
}

@media screen and (min-width:1200px) {
    .share-box .share-icons-wrapper p {
        font-size: 15px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .share-box .share-icons-wrapper p {
        font-size: 13px;
        line-height: 24px
    }
}

@media (max-width:567px) {
    .share-box .share-icons-wrapper p {
        font-size: 12px;
        line-height: 23px
    }
}

.share-box .share-icons-wrapper .semplice-share-icons {
    display: inline-block
}

.share-box .share-icons-wrapper .semplice-share-icons .share-icon a {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    line-height: 0;
    display: block;
    padding: 10px 8px;
    font-size: 0
}

.share-box .share-icons-wrapper .semplice-share-icons .share-icon a svg {
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    fill: #000;
    height: 26px;
    width: 36px
}

.share-box .share-icons-wrapper .semplice-share-icons .icon-facebook a:hover svg {
    fill: #3b5998 !important
}

.share-box .share-icons-wrapper .semplice-share-icons .icon-twitter a:hover svg {
    fill: #0084b4 !important
}

.share-box .share-icons-wrapper .semplice-share-icons .icon-gplusone a:hover svg {
    fill: #d73d32 !important
}

.fp-hor-nav a svg,
.fp-vert-nav a svg {
    fill: #fff
}

#project-panel-header {
    background: #f9f9f9;
    position: relative;
    z-index: 300;
    display: none;
    width: 100%;
    max-height: 100%
}

section#project-panel {
    padding-top: 0 !important;
    margin-top: 0 !important
}

section#project-panel .project-panel {
    width: 100%;
    height: 100%
}

section#project-panel .project-panel .container {
    padding-top: 32px;
    padding-bottom: 32px
}

@media (max-width:567px) {
    section#project-panel .project-panel .container .project-panel-title {
        width: 65%;
        margin-left: 5%;
        float: left
    }
}

@media (max-width:767px) {
    section#project-panel .project-panel .container .project-panel-title {
        width: 65%;
        margin-left: 5%;
        float: left
    }

    section#project-panel .project-panel .container .project-panel-close {
        width: 25%;
        margin-right: 5%;
        float: right
    }
}

@media (max-width:567px) {
    section#project-panel .project-panel .container .project-panel-close {
        width: 25%;
        margin-right: 5%;
        float: right
    }
}

section#project-panel .project-panel .container .project-panel-close div.close-project-panel {
    cursor: pointer;
    display: block;
    padding: 10px;
    position: absolute;
    right: 0;
    transform: translate(10px, 0);
    -webkit-transform: translate(10px, -2px);
    -moz-transform: translate(10px, -2px);
    width: 20px;
    height: 25px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

section#project-panel .project-panel .container .project-panel-close div.close-project-panel:hover {
    opacity: .5
}

section#project-panel .project-panel .container .project-panel-thumbs {
    font-size: 0 !important
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: 140px;
    height: auto
}

@media screen and (min-width:1200px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
        margin-left: 30px;
        width: 170px;
        height: auto
    }
}

@media (min-width:768px) and (max-width:979px) {

    #content .content-container .has-neg-margin img,
    #content .mc-sub-content-container .has-neg-margin img {
        max-width: 100% !important
    }

    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
        margin-left: 20px;
        width: 104px !important;
        height: auto !important
    }
}

@media (max-width:767px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
        height: auto !important;
        margin-bottom: 5%;
        margin-left: 5% !important;
        width: 26.66667% !important
    }
}

@media (max-width:567px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
        height: auto !important;
        margin-bottom: 5%;
        margin-left: 5% !important;
        width: 42.5% !important
    }
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    width: 140px;
    height: auto
}

@media screen and (min-width:1200px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
        width: 170px !important;
        height: auto !important
    }
}

@media (min-width:768px) and (max-width:979px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
        width: 104px !important;
        height: auto !important
    }
}

@media (max-width:767px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
        height: auto !important;
        width: 100% !important
    }
}

@media (max-width:567px) {
    section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
        height: auto !important;
        width: 100% !important
    }
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 {
    font-size: 13px !important;
    line-height: 18px;
    color: #333;
    text-align: center;
    margin-top: 5px !important
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 span {
    color: #aaa;
    font-size: 12px
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb:hover img {
    opacity: .5 !important
}

#project-panel-footer {
    background: #f9f9f9;
    opacity: 0
}

#project-panel-footer .project-panel-close {
    display: none
}

.slider-blog {
    margin-bottom: 64px
}

.slider-wrapper {
    position: relative
}

.slider-wrapper .slider {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.slider-wrapper .slider li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.slider-wrapper .slider li img {
    display: block;
    height: auto;
    float: left;
    width: 100% !important;
    border: 0
}

.slider-wrapper .slider li:first-child {
    position: relative;
    display: block;
    float: left
}

.slider-wrapper .gallery-preview {
    display: none
}

.slider-wrapper .next,
.slider-wrapper .prev {
    width: 18px;
    height: 40px;
    display: block;
    position: absolute;
    cursor: pointer;
    box-sizing: content-box;
    z-index: 5000;
    top: 50%;
    margin-left: 10px;
    padding: 30px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.slider-wrapper .next svg,
.slider-wrapper .prev svg {
    fill: #fff;
    transition: all .2s ease-out
}

.slider-wrapper a:hover svg {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

.slider-wrapper .next {
    right: 10px
}

.slider-wrapper .next:hover,
.slider-wrapper .prev:hover {
    opacity: 1
}

.slider-wrapper ul.slider_tabs {
    position: absolute;
    bottom: -30px;
    z-index: 1103;
    height: 10px;
    width: 100%;
    margin: 20px 0 0;
    text-align: center
}

.slider-wrapper ul.slider_tabs li {
    display: inline-block;
    height: 10px
}

.slider-wrapper ul.slider_tabs li a {
    border-radius: 50%;
    display: block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    border: 0;
    background: #000;
    opacity: .3;
    font-size: 0;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: transparent
}

#fp-nav,
.slider-wrapper ul.slider_tabs li.slider_here a {
    opacity: 1
}

.pagination-over ul.slider_tabs {
    bottom: 30px !important
}

.pagination-below {
    margin-bottom: 50px
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-hor-nav a,
.fp-vert-nav a {
    cursor: pointer;
    box-sizing: content-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    width: 100%;
    position: relative
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#fp-nav,
.fp-controlArrow {
    top: 50%;
    -webkit-transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: scroll
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 3px
}

#fp-nav ul li {
    margin: 7px
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-vert-nav {
    width: 53px;
    height: 160px;
    right: 30px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 5000
}

.fp-hor-nav a,
.fp-vert-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.fp-vert-nav a {
    width: 53px;
    display: block;
    height: 20px;
    padding: 10px 0
}

.fp-vert-nav a.next {
    position: absolute;
    bottom: 0
}

.fp-hor-nav a {
    width: 18px;
    height: 40px;
    display: block;
    padding: 0 10px;
    z-index: 5000;
    margin-left: 30px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.fp-hor-nav a.next {
    right: 30px
}

.fp-hor-nav a svg,
.fp-vert-nav a svg {
    transition: all .2s ease-out
}

.fp-hor-nav a:hover svg,
.fp-vert-nav a:hover svg {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

.view-project {
    position: absolute;
    bottom: 64px;
    width: 100%;
    z-index: 10000;
    text-align: center
}

@media (min-width:768px) and (max-width:979px) {
    .view-project {
        bottom: 32px
    }
}

.view-project a {
    background: 0 0;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px 30px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .7)
}

@media (max-width:767px) {
    .view-project {
        bottom: 20px
    }

    .view-project a {
        padding: 0 10px;
        font-size: 11px;
        border-radius: 4px
    }
}

.view-project a:hover {
    background: #fff;
    color: #000
}

.has-dots {
    bottom: 80px
}

@media (min-width:768px) and (max-width:979px) {
    .has-dots {
        bottom: 70px
    }
}

@media (max-width:767px) {
    .has-dots {
        bottom: 70px
    }
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.bottom {
    bottom: 0
}

.top,
.top-fs {
    top: 0
}

.middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.post-divider {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-top: 96px;
    margin-bottom: 96px
}

@media (max-width:767px) {
    .post-divider {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

@media (max-width:567px) {
    .post-divider {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.divider-no-margin {
    margin-top: 0 !important;
    margin-bottom: 32px
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.responsive-video embed,
.responsive-video iframe,
.responsive-video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid-sizer {
    width: 60px
}

@media screen and (min-width:1200px) {
    .grid-sizer {
        width: 70px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .grid-sizer {
        width: 42px
    }
}

@media (max-width:767px) {
    .grid-sizer {
        width: 47.5%
    }
}

.gutter-sizer {
    width: 20px
}

@media screen and (min-width:1200px) {
    .gutter-sizer {
        width: 30px
    }
}

@media (max-width:767px) {
    .gutter-sizer {
        width: 5%
    }
}

.masonry-item {
    margin-left: 0 !important
}

.hr-container:after,
.hr-container:before {
    content: "";
    display: table
}

video {
    height: auto !important
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.post-password-form {
    padding-top: 64px
}

.post-password-form p label {
    font-size: 0;
    width: 100%
}

.post-password-form p label input {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    padding: 5px;
    text-indent: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background: 0 0
}

.post-password-form p input[type=submit] {
    width: 200px;
    border: 1px solid #ddd;
    background: 0 0;
    padding: 10px;
    height: 50px;
    margin-top: 15px;
    font-size: 16px
}

@media (max-width:567px) {
    .post-password-form p input[type=submit] {
        width: 100%
    }
}

.post-password-form p:last-child {
    line-height: 0
}

#imagelightbox {
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
    background-color: rgba(255, 255, 255, .9);
    cursor: pointer
}

.lightbox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 8000;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

a[data-rel=lightbox] {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}