@charset "UTF-8";
#page-loading,#page-loading .logo{
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s
}
.button,address p a,ins{
    text-decoration:none
}
#footer .footer-section.collapse>.header:after,.link:after,[class*=" icon-"],[class^=icon-]{
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}

@font-face{
    font-family:icomoon;
    src:url(../fonts/icomoon.eot?web);
    src:url(../fonts/icomoon.eot?#iefixweb) format("embedded-opentype"),url(../fonts/icomoon.woff?web) format("woff"),url(../fonts/icomoon.ttf?web) format("truetype"),url(../fonts/icomoon.svg?web#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" icon-"],[class^=icon-]{
    font-family:icomoon;
    font-style:normal;
    font-weight:400;
    line-height:1
}
.icon-arrow-up:before{
    content:"\e900"
}
.icon-arrow-down:before{
    content:"\e901"
}
.icon-arrow-left:before{
    content:"\e902"
}
.icon-arrow-right:before{
    content:"\e903"
}
@-webkit-keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes move-up{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes move-up{
    0%{
        opacity:0;
        -webkit-transform:translateY(50px);
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes move-down{
    0%{
        opacity:0;
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes move-down{
    0%{
        opacity:0;
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes move-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes move-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes move-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes move-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes loader{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
@keyframes loader{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
@-webkit-keyframes loader-numbers{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(calc(80px - 100%));
        transform:translateY(calc(80px - 100%))
    }
}
@keyframes loader-numbers{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(calc(80px - 100%));
        transform:translateY(calc(80px - 100%))
    }
}
#page-loading{
    position:fixed;
    z-index:99;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:1;
    background-color:#fff;
    transition:opacity .5s
}
body.page-loading #page-loading{
    opacity:1
}
body.page-loaded #page-loading{
    opacity:0
}
body.page-loading-finish #page-loading{
    display:none;
    opacity:0;
    z-index:-1;
    visibility:hidden;
    pointer-events:none;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
body.page-loading-finish #page-loading:before{
    opacity:0;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
#page-loading .logo,body.page-loaded #page-loading .loader,body.page-loaded #page-loading .logo,body.page-loading #page-loading .loader,body.page-loading #page-loading .logo,body.page-loading-finish #page-loading .loader,body.page-loading-finish #page-loading .logo{
    opacity:1
}
#page-loading .logo{
    padding:40px;
    transition:opacity .5s
}
@media only screen and (min-width:768px){
    #page-loading{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    #page-loading .logo{
        width:33.33%
    }
}
#page-loading .logo img{
    margin:0 auto;
    display:block;
    width:240px;
    height:auto
}
#page-loading .loader{
    width:100%;
    height:1px;
    opacity:1;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
@media only screen and (min-width:768px){
    #page-loading .loader{
        position:absolute;
        top:0;
        bottom:0;
        left:33.33%;
        width:1px;
        height:100%
    }
}
#page-loading .loader .progress-bar{
    --percent:0;
    width:var(--percent);
    height:1px;
    display:block;
    background-color:#ff5361
}
#page-loading .content{
    padding:40px;
    text-align:center;
    color:#ff5361
}
#page-loading .content .value-container{
    font-weight:900;
    font-size:5rem;
    line-height:1em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:768px){
    #page-loading .loader .progress-bar{
        position:absolute;
        bottom:0;
        left:0;
        width:1px;
        height:var(--percent)
    }
    #page-loading .content{
        padding-left:calc((33.33% - 240px)/ 2 + 40px);
        text-align:left
    }
    #page-loading .content .value-container{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
#page-loading .content .value-container .value{
    margin-right:5px;
    position:relative;
    overflow:hidden;
    width:95px
}
#page-loading .content .value-container .value .placeholder{
    pointer-events:none;
    opacity:0
}
#page-loading .content .value-container .value .numbers-1,#page-loading .content .value-container .value .numbers-2{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-animation:loader-numbers 3s cubic-bezier(.17,.67,.7,.94);
    animation:loader-numbers 3s cubic-bezier(.17,.67,.7,.94);
    -webkit-animation-delay:.75s;
    animation-delay:.75s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.button,.link,blockquote,sub,sup{
    position:relative
}
#page-loading .content .value-container .value .numbers-1{
    top:0;
    left:0
}
#page-loading .content .value-container .value .numbers-2{
    top:0;
    right:0
}
#page-loading .content .sub-value{
    margin-top:0;
    font-weight:700;
    font-size:1.375rem;
    line-height:1em
}
blockquote footer .author,blockquote p{
    font-weight:800
}
@media only screen and (max-width:480px){
    #page-loading .content .sub-value{
        margin-top:0
    }
}
address{
    font-style:normal;
    font-size:.9375rem;
    line-height:1.33em
}
.button,blockquote,blockquote p{
    line-height:1.25em
}
address p:first-child,blockquote p:first-of-type{
    margin-top:0
}
address p:last-child,blockquote p:last-of-type{
    margin-bottom:0
}
address p a:hover{
    text-decoration:underline
}
blockquote{
    margin:2.5rem 0;
    font-size:.8125rem
}
blockquote p{
    font-size:1.5rem
}
@media only screen and (min-width:768px){
    blockquote p{
        font-size:1.625rem
    }
}
@media only screen and (min-width:992px){
    #page-loading .content{
        padding:50px 40px;
        padding-left:calc((33.33% - 240px)/ 2 + 30px)
    }
    blockquote p{
        font-size:2rem
    }
}
@media only screen and (min-width:1240px){
    blockquote p{
        font-size:2.5rem
    }
}
blockquote p:first-of-type:before{
    display:inline-block;
    content:'„'
}
blockquote p:last-of-type:after{
    display:inline-block;
    content:'“'
}
blockquote footer .author:not(:last-child){
    margin-bottom:3px
}
.button{
    margin:0;
    padding: 24px 35px;
    z-index:1;
    display:inline-block;
    font-family:Montserrat,sans-serif;
    font-size:1.125rem;
    font-weight:400;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    color:#fff;
    background:#ff5361;
    border:1px solid #ff5361;
    /* border-radius:5px; */
    -webkit-transition:color .5s,background-color .5s,border-color .5s,padding .5s;
    -o-transition:color .5s,background-color .5s,border-color .5s,padding .5s;
    transition:color .5s,background-color .5s,border-color .5s,padding .5s
}
ol,ul{
    padding:0;
    list-style-type:none
}
.button:hover{
    color:#fff;
    background-color:#262626;
    border-color:#262626
}
.button:focus{
    outline:0
}
.button.disabled,.button.disabled.active,.button.disabled:active,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled].active,.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{
    opacity:.4;
    cursor:not-allowed
}
.button.brand-color-2{
    color:#fff;
    background-color:#363636;
    border-color:#363636
}
a,a:focus,a:hover{
    color:#ff5361
}
.buttons-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.buttons-container.align-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.buttons-container.align-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
h1,h2,h3,h4,h5,h6{
    font-family:Montserrat,sans-serif;
    color:#434343;
    line-height:1.25em
}
.h1,.h2,h1,h2{
    font-family:"Montserrat",serif;
    line-height:1.25em;
    font-weight:700
}
.h1,h1{
    margin-top:0;
    margin-bottom:.875em;
    font-size:2.4375rem
}
.h2,.h3,h2,h3{
    margin-top:2.5em;
    margin-bottom:1.5em
}
@media only screen and (max-width:480px){
    .h1,h1{
        font-size:2.125rem
    }
}
@media only screen and (min-width:768px){
    .h1,h1{
        max-width:60%;
        font-size:2.75rem
    }
}
@media only screen and (min-width:992px){
    .h1,h1{
        max-width:50%;
        font-size:3.25rem
    }
}
iframe img,img{
    max-width:100%
}
@media only screen and (min-width:1240px){
    .h1,h1{
        font-size:3.6875rem
    }
}
.h2,h2{
    font-size:1.5rem
}
@media only screen and (max-width:480px){
    .h2,h2{
        font-size:1.4375rem
    }
}
@media only screen and (min-width:768px){
    .h2,h2{
        font-size:1.625rem
    }
}
@media only screen and (min-width:992px){
    .h2,h2{
        font-size:1.875rem
    }
}
@media only screen and (min-width:1240px){
    .h2,h2{
        font-size:2.125rem
    }
}
.h3,h3{
    font-size:1.1875rem;
    line-height:1.125em
}
ol li,ol li:last-child,ul li:last-child{
    margin-bottom:0
}
@media only screen and (max-width:480px){
    .h3,h3{
        font-size:1.125rem
    }
}
@media only screen and (min-width:768px){
    .h3,h3{
        font-size:1.25rem
    }
}
img{
    height:auto
}
figure{
    margin:0
}
figure img{
    display:block
}
small{
    font-size:.75em
}
sub,sup{
    height:0;
    line-height:1em;
    vertical-align:baseline
}
sup{
    bottom:.75em;
    font-size:.5em
}
ol li,ul li{
    padding-left:25px;
    font-size:1.125rem
}
sub{
    top:2px
}
em,mark,var{
    font-style:italic
}
.link:after,nav ul li,ol li:before{
    font-style:normal
}
strong{
    font-weight:800
}
del{
    text-decoration:line-through
}
code,pre,samp{
    font-family:monospace
}
a{
    text-decoration:underline;
    outline:0;
    border:none;
    -webkit-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s
}
a:hover{
    text-decoration:none
}
a:focus{
    text-decoration:none;
    outline:0
}
a img{
    border:0
}
.link{
    display:inline-block;
    text-decoration:none;
    color:#434343;
    -webkit-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s
}
.link:after,.link:hover{
    color:#ff5361
}
.link:after{
    font-family:icomoon;
    speak:none;
    font-weight:400;
    line-height:1;
    content:'\e903';
    margin-left:10px;
    position:relative;
    display:inline-block;
    -webkit-transform:translate(0,1px);
    -ms-transform:translate(0,1px);
    transform:translate(0,1px);
    -webkit-transition:-webkit-transform .5s;
    -o-transition:transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s
}
ol li,p,ul li{
    line-height:1.25em
}
#footer:before,.article-list-item-container figure:after,.article-list-item-container figure:before,.entity-list-component .list-container:before,ul li:before{
    content:''
}
ol li:before,ul li:before{
    margin-left:-25px;
    display:inline-block;
    position:relative;
    top:0
}
ol,p,ul{
    margin:1.5em 0
}
.link:hover:after{
    -webkit-transform:translate(5px,1px);
    -ms-transform:translate(5px,1px);
    transform:translate(5px,1px)
}
ul li{
    margin:0
}
ul li:before{
    margin-right:17px;
    left:0;
    width:8px;
    height:8px;
    background-color:#ff5361;
    border:none;
    border-radius:50%
}
hr,iframe{
    border:none
}
ol{
    list-style-position:outside;
    counter-reset:section
}
ol li:before{
    margin-right:0;
    counter-increment:section;
    content:counter(section) ".";
    width:26px;
    font-weight:400;
    font-size:1em;
    text-align:left;
    color:inherit;
    background-color:transparent
}
hr{
    margin:3em 0;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:1px;
    background-color:#c7c7c7
}
.article-list-item-container,.process-item-container{
    border:1px solid #c7c7c7
}
p{
    font-size:1.125rem
}
.article-list-item-container a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    color:#434343;
    text-decoration:none
}
.article-list-item-container .body .read-more:hover,.article-list-item-container a:hover,.process-item-container .title .number{
    color:#ff5361
}
.article-list-item-container a:hover figure:after{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.article-list-item-container figure{
    margin:-1px;
    position:relative;
    overflow:hidden;
    max-height:240px
}
@media only screen and (max-width:480px){
    .article-list-item-container figure{
        max-height:180px
    }
}
.article-list-item-container figure:before{
    padding-top:56%;
    display:block
}
@media only screen and (min-width:992px){
    .article-list-item-container a{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .article-list-item-container figure{
        -ms-flex-item-align:stretch;
        align-self:stretch;
        width:250px;
        max-height:none
    }
    .article-list-item-container figure:before{
        padding-top:118%
    }
}
.article-list-item-container figure:after{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    background-color:rgba(0,0,0,.2);
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform .5s;
    -o-transition:transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s
}
.article-list-item-container figure img{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    min-width:calc(100% + 2px);
    min-height:calc(100% + 2px);
    -webkit-transition:-webkit-filter .5s;
    -o-transition:filter .5s;
    transition:filter .5s;
    transition:filter .5s,-webkit-filter .5s
}
.article-list-item-container .body{
    padding:30px
}
@media only screen and (max-width:480px){
    .article-list-item-container .body{
        padding:20px
    }
}
@media only screen and (min-width:768px){
    .article-list-item-container .body{
        padding:40px
    }
}
@media only screen and (min-width:992px){
    .article-list-item-container .body{
        padding:40px 35px;
        width:calc(100% - 250px)
    }
}
.article-list-item-container .body .bottom{
    margin-top:30px
}
.article-list-item-container .body .date{
    margin-bottom:10px;
    font-size:.9375rem
}
.article-list-item-container .body .title{
    font-family:"Montserrat",serif;
    font-weight:400;
    font-size:1.1875rem;
    line-height:1.33em
}
@media only screen and (min-width:768px){
    .article-list-item-container .body .title{
        font-size:1.25rem;
        display:block;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        max-height:5rem;
        overflow:hidden;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis
    }
}
@media only screen and (min-width:992px){
    .article-list-item-container .body .title{
        font-size:1.125rem
    }
}
@media only screen and (min-width:1240px){
    .article-list-item-container .body{
        padding:50px
    }
    .article-list-item-container .body .title{
        font-size:1.25rem
    }
}
.article-list-item-container .body .read-more{
    font-size:.9375rem;
    font-weight:700
}
.process-item-container{
    padding:30px 25px
}
@media only screen and (max-width:480px){
    .process-item-container{
        padding:25px
    }
}
@media only screen and (min-width:768px){
    .process-item-container{
        padding:25px 30px
    }
    .article-list-component .list{
        grid-auto-rows:minmax(0,auto);
        grid-template-columns:repeat(2,1fr)
    }
}
@media only screen and (min-width:992px){
    .process-item-container{
        padding:35px 50px
    }
    .article-list-component .list{
        grid-template-columns:repeat(2,1fr)
    }
}
.process-item-container .title{
    font-size:1.25rem;
    font-weight:700
}
.process-item-container .title:not(:last-child){
    margin-bottom:10px
}
.process-item-container .text{
    max-width:210px;
    font-size:.9375rem
}
.article-component{
    margin:0 auto;
    max-width:none
}
.article-list-component .list{
    display:grid;
    gap:0
}
.article-list-component .list>.item{
    margin-top:-1px;
    width:100%
}
.article-list-component .list>.item:first-child{
    margin-top:0
}
.article-list-component .list>.item .article-list-item-container{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.article-list-component .list>.item .article-list-item-container a{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.article-list-component .list.grid{
    gap:50px 0
}
@media only screen and (min-width:768px){
    .article-list-component .list>.item{
        margin-left:-1px
    }
    .article-list-component .list>.item:nth-child(-n+2){
        margin-top:0
    }
    .article-list-component .list>.item:nth-child(2n+1){
        margin-left:0
    }
    .article-list-component .list.grid{
        gap:30px 60px
    }
}
@media only screen and (min-width:992px){
    .article-list-component .list.grid{
        gap:40px 80px
    }
    .article-list-component .list.grid>.item.w2{
        grid-column:auto/span 2
    }
}
@media only screen and (min-width:1240px){
    .process-item-container{
        padding:45px 70px
    }
    .article-list-component .list.grid{
        gap:50px 100px
    }
}
.article-list-component .list.grid>.item.h2{
    margin:0
}
@media only screen and (min-width:992px){
    .article-list-component .list.grid>.item.h2{
        grid-row:auto/span 2
    }
    .article-list-component .list.grid>.item:nth-child(6n+1),.article-list-component .list.grid>.item:nth-child(6n+5){
        grid-column:auto/span 2;
        grid-row:auto/span 2
    }
    .article-list-component .list.grid>.item:nth-child(6n+1) .article-list-item-container figure:before,.article-list-component .list.grid>.item:nth-child(6n+5) .article-list-item-container figure:before{
        padding-top:64%
    }
    .article-list-component .list.grid>.item:nth-child(6n+1) .article-list-item-container .body,.article-list-component .list.grid>.item:nth-child(6n+5) .article-list-item-container .body{
        padding-top:40px
    }
    .article-list-component .list.grid>.item:nth-child(6n+1) .article-list-item-container .body .title,.article-list-component .list.grid>.item:nth-child(6n+5) .article-list-item-container .body .title{
        font-size:2.25rem
    }
}
@media only screen and (min-width:992px){
    .article-list-component .list.grid>.item:not(:nth-child(6n+1)):not(:nth-child(6n+5)) .article-list-item-container .body .sub-title{
        display:none
    }
}
.article-list-component .list-container>.buttons-container{
    margin-top:40px
}
.article-list-component .list-container>.buttons-container.align-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.entity-list-component .list-container{
    position:relative
}
.entity-list-component .list-container:before{
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:none;
    pointer-events:none;
    background-color:rgba(255,255,255,.5)
}
.entity-list-component .list-container .buttons-container{
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:768px){
    .entity-list-component .list-container .buttons-container{
        margin-top:50px
    }
}
.entity-list-component .list-container .loader{
    position:absolute;
    z-index:3;
    opacity:0;
    bottom:50px;
    left:50%;
    width:100px;
    height:100px;
    display:block;
    background-image:url(../img/loader-dark.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:contain;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s;
    pointer-events:none
}
.entity-list-component .list-container .entity-navigation-component:first-child{
    margin-bottom:35px
}
@media only screen and (min-width:992px){
    .entity-list-component .list-container .entity-navigation-component:first-child{
        margin-bottom:40px
    }
}
.entity-list-component .list-container .entity-navigation-component:last-child{
    margin-top:35px
}
@media only screen and (min-width:992px){
    .entity-list-component .list-container .entity-navigation-component:last-child{
        margin-top:40px
    }
}
@media only screen and (min-width:1240px){
    .article-list-component .list.grid>.item:nth-child(6n+1) .article-list-item-container .body,.article-list-component .list.grid>.item:nth-child(6n+5) .article-list-item-container .body{
        padding-top:50px
    }
    .article-list-component .list.grid>.item:nth-child(6n+1) .article-list-item-container .body .title,.article-list-component .list.grid>.item:nth-child(6n+5) .article-list-item-container .body .title{
        font-size:2.625rem
    }
    .entity-list-component .list-container .entity-navigation-component:first-child{
        margin-bottom:45px
    }
    .entity-list-component .list-container .entity-navigation-component:last-child{
        margin-top:45px
    }
}
.entity-list-component[data-lazy-load=true] .list-container .buttons-container{
    margin-top:0;
    pointer-events:none;
    overflow:hidden;
    height:0
}
.entity-list-component.loading .list-container:before{
    display:block
}
.entity-list-component.loading .list-container .loader{
    opacity:1
}
.entity-navigation-component{
    padding:0;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.entity-navigation-component ul li{
    line-height:1em
}
.entity-navigation-component ul li.back a,.entity-navigation-component ul li.next a,.entity-navigation-component ul li.prev a{
    padding:0;
    position:relative;
    width:50px;
    height:50px;
    font-size:1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-decoration:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#434343;
    background-color:#ff5361;
    border:1px solid #c7c7c7;
    border-radius:50%;
    -webkit-transition:color .5s,background-color .5s,border-color .5s;
    -o-transition:color .5s,background-color .5s,border-color .5s;
    transition:color .5s,background-color .5s,border-color .5s
}
@media only screen and (max-width:480px){
    .entity-navigation-component ul li.back a,.entity-navigation-component ul li.next a,.entity-navigation-component ul li.prev a{
        width:40px;
        height:40px
    }
}
.entity-navigation-component ul li.back a:hover,.entity-navigation-component ul li.next a:hover,.entity-navigation-component ul li.prev a:hover{
    color:#fff;
    background-color:#ff5361;
    border-color:#ff5361
}
.entity-navigation-component ul li.back [class*=" icon-"],.entity-navigation-component ul li.back [class^=icon-],.entity-navigation-component ul li.next [class*=" icon-"],.entity-navigation-component ul li.next [class^=icon-],.entity-navigation-component ul li.prev [class*=" icon-"],.entity-navigation-component ul li.prev [class^=icon-]{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    font-size:12px;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.entity-navigation-component ul li.back.disabled a,.entity-navigation-component ul li.next.disabled a,.entity-navigation-component ul li.prev.disabled a{
    cursor:default!important;
    color:#434343!important;
    background-color:transparent!important;
    border-color:#c7c7c7!important
}
.entity-navigation-component ul li.back.disabled a:hover,.entity-navigation-component ul li.next.disabled a:hover,.entity-navigation-component ul li.prev.disabled a:hover{
    color:#434343!important;
    background-color:transparent!important;
    border-color:#c7c7c7!important
}
.entity-navigation-component ul li.prev a{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.entity-navigation-component ul li.next .text,.entity-navigation-component ul li.prev .text{
    display:none
}
.entity-navigation-component ul li.next [class*=" icon-"],.entity-navigation-component ul li.next [class^=icon-],.entity-navigation-component ul li.prev [class*=" icon-"],.entity-navigation-component ul li.prev [class^=icon-]{
    display:block
}
@media only screen and (min-width:768px){
    .entity-navigation-component ul li.next .text,.entity-navigation-component ul li.prev .text{
        display:block
    }
    .entity-navigation-component ul li.next [class*=" icon-"],.entity-navigation-component ul li.next [class^=icon-],.entity-navigation-component ul li.prev [class*=" icon-"],.entity-navigation-component ul li.prev [class^=icon-]{
        display:none
    }
    .entity-navigation-component ul li.next a,.entity-navigation-component ul li.prev a{
        padding:15px 30px;
        width:auto;
        height:auto;
        color:#434343;
        border-radius:5px
    }
    .entity-navigation-component ul li.next a:hover,.entity-navigation-component ul li.prev a:hover{
        color:#fff;
        background-color:#ff5361
    }
}
.entity-navigation-component ul li.number{
    margin:1px!important;
    font-size:1rem;
    line-height:1;
    color:#434343
}
.entity-navigation-component ul li.number a{
    padding:2px;
    position:relative;
    min-width:0;
    z-index:2;
    font-size:16px;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#434343;
    -webkit-transition:color .5s,background-color .5s;
    -o-transition:color .5s,background-color .5s;
    transition:color .5s,background-color .5s
}
.entity-navigation-component ul li.number a:after{
    position:absolute;
    bottom:1px;
    left:0;
    right:0;
    height:1px;
    display:block;
    content:'';
    opacity:0;
    background-color:#434343;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
.entity-navigation-component ul li.number a:hover{
    color:#ff5361
}
#footer,#footer .quick-contact-component ul li a{
    color:#fff
}
.entity-navigation-component ul li.number.disabled a{
    pointer-events:none
}
.entity-navigation-component ul li.number.active a:after{
    opacity:1
}
.entity-navigation-component ul li.dots{
    margin-left:4px!important;
    margin-right:4px!important
}
.entity-navigation-component ul.paging{
    margin:0 auto;
    padding:0;
    list-style-type:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.entity-navigation-component ul.paging li{
    margin:0;
    padding:0
}
.entity-navigation-component ul.paging li:before{
    display:none
}
.entity-navigation-component ul.paging li.prev{
    margin-left:0;
    margin-right:auto
}
.entity-navigation-component ul.paging li.next{
    margin-left:auto;
    margin-right:0
}
.entity-navigation-component ul.arrows{
    margin:0;
    padding:0;
    list-style-type:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.entity-navigation-component ul.arrows li:before,.entity-navigation-component ul.arrows>.next .text,.entity-navigation-component ul.arrows>.prev .text{
    display:none
}
.entity-navigation-component ul.arrows li{
    margin:0;
    padding:0
}
.entity-navigation-component ul.arrows>.next,.entity-navigation-component ul.arrows>.prev{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.entity-navigation-component ul.arrows>.prev{
    left:0
}
.entity-navigation-component ul.arrows>.next{
    right:0
}
#footer{
    position:relative;
    background-color:#363636
}
#footer:before{
    position:absolute;
    top:0;
    bottom:0;
    left:33.33%;
    width:1px;
    display:none;
    background-color:#707070
}
@media only screen and (min-width:992px){
    #footer:before{
        display:block
    }
}
@media (min-width:1260px){
    #footer:before{
        left:calc((100vw - 1260px)/ 2 + (1260px * .33))
    }
}
#footer .footer-top .footer-inner{
    margin-left:-20px;
    margin-right:-20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#footer .footer-top .footer-inner>.left-side,#footer .footer-top .footer-inner>.right-side{
    width:100%;
    padding:40px 20px
}
@media only screen and (min-width:768px){
    #footer .footer-top .footer-inner{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    #footer .footer-top .footer-inner>.left-side,#footer .footer-top .footer-inner>.right-side{
        padding-top:50px;
        padding-bottom:50px
    }
    #footer .footer-top .footer-inner>.right-side{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media only screen and (min-width:992px){
    #footer .footer-top .footer-inner>.left-side,#footer .footer-top .footer-inner>.right-side{
        padding-top:70px;
        padding-bottom:70px
    }
}
#footer .footer-top .footer-inner>.left-side{
    border-bottom:1px solid #707070
}
@media only screen and (min-width:992px){
    #footer .footer-top .footer-inner>.left-side{
        width:33.33%;
        border-bottom:none
    }
    #footer .footer-top .footer-inner>.right-side{
        padding-left:40px;
        width:66.66%
    }
}
@media only screen and (min-width:1240px){
    #footer .footer-top .footer-inner>.left-side,#footer .footer-top .footer-inner>.right-side{
        padding-top:90px;
        padding-bottom:90px
    }
    #footer .footer-top .footer-inner>.right-side{
        padding-left:60px
    }
}
#footer .footer-bottom .footer-inner{
    margin-left:-20px;
    margin-right:-20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#footer .footer-bottom .footer-inner>.left-side,#footer .footer-bottom .footer-inner>.right-side{
    padding-bottom:30px;
    padding-left:20px;
    padding-right:20px;
    width:100%
}
#footer .footer-bottom .footer-inner>.left-side:empty,#footer .footer-bottom .footer-inner>.right-side:empty{
    padding-top:0;
    padding-bottom:0
}
@media only screen and (min-width:992px){
    #footer .footer-bottom .footer-inner>.left-side{
        width:33.33%
    }
    #footer .footer-bottom .footer-inner>.right-side{
        padding-left:40px;
        width:66.66%
    }
}
@media only screen and (min-width:1240px){
    #footer .footer-bottom .footer-inner>.right-side{
        padding-left:60px
    }
}
#footer .footer-section{
    margin-bottom:40px
}
#footer .footer-section:last-child{
    margin-bottom:0
}
@media only screen and (min-width:768px){
    #footer .footer-bottom .footer-inner{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    #footer .footer-bottom .footer-inner>.right-side{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    #footer .footer-section{
        margin-bottom:0
    }
}
#footer .footer-section>.header{
    margin-bottom:25px
}
@media only screen and (min-width:992px){
    #footer .footer-section>.header{
        margin-bottom:30px
    }
}
#footer .footer-section>.header .title{
    font-size:.9375rem;
    line-height:1.25em;
    text-align:center
}
#footer .footer-section.collapse{
    margin-bottom:0
}
#footer .footer-section.collapse>.header{
    position:relative
}
#footer .footer-section.collapse>.header:after{
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    line-height:1;
    content:'\e905';
    position:absolute;
    top:50%;
    right:0;
    display:block;
    font-size:10px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:color .5s,-webkit-transform .5s;
    -o-transition:color .5s,transform .5s;
    transition:color .5s,transform .5s;
    transition:color .5s,transform .5s,-webkit-transform .5s
}
#header-compact-nav-button .patty .line,.hero-component.home figure:after,.hero-component.landing figure:after,.panel-news figure.main:before,body:before,nav ul li:before{
    content:''
}
#footer .footer-section.collapse>.header .title{
    padding:0 30px;
    cursor:pointer
}
@media only screen and (min-width:768px){
    #footer .footer-section>.header .title{
        text-align:left
    }
    #footer .footer-section.collapse>.header:after{
        display:none
    }
    #footer .footer-section.collapse>.header .title{
        padding:0;
        cursor:default
    }
}
#footer .footer-section.collapse>.body{
    padding-bottom:30px;
    display:none
}
@media only screen and (min-width:768px){
    #footer .footer-section.collapse>.body{
        padding-bottom:0;
        display:block!important
    }
}
#footer .footer-section.collapse.opened>.header:after{
    -webkit-transform:translateY(-50%) rotateX(180deg);
    transform:translateY(-50%) rotateX(180deg)
}
#header-compact-nav-button .patty .line,.hero-component.home figure img{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
#footer .contact-container{
    text-align:center
}
#footer .contact-container figure{
    margin:0 0 12px
}
@media only screen and (min-width:1240px){
    #footer .contact-container{
        text-align:left;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    #footer .contact-container figure{
        margin-bottom:0;
        margin-right:24px;
        width:118px
    }
}
#footer .contact-container figure img{
    margin:0 auto;
    display:block;
    width:118px;
    height:auto;
    border-radius:50%
}
@media only screen and (min-width:1240px){
    #footer .contact-container figure img{
        margin:0
    }
    #footer .contact-container .content{
        width:calc(100% - 142px)
    }
}
#footer .contact-container .name{
    font-size: 1.25rem;
    font-weight:700
}
#footer .contact-container .job,#footer .contact-container p{
    font-size: .9375rem;
    line-height:1.33em
}
#footer .contact-container p{
    margin:.875em auto;
    max-width:360px
}
#header .header-bottom .container,#header .header-top .container{
    max-width:1560px
}
#footer .contact-container p:first-of-type{
    margin-top:15px
}
#footer .contact-container p:last-child{
    margin-bottom:0
}
#footer .quick-contact-component ul li{
    text-align:center
}
@media only screen and (min-width:768px){
    #footer .quick-contact-component ul li{
        text-align:left
    }
}
#footer .quick-contact-component ul li a:hover{
    color:#ff5361
}
#footer .quick-contact-component ul li a[href^=mailto]:hover{
    color:#fff
}
#footer .social-media-component ul li{
    text-align:center
}
@media only screen and (min-width:768px){
    #footer .social-media-component ul li{
        text-align:right
    }
}
#footer .copyright,#footer .designed{
    font-size: .9375rem;
    line-height:1.25em;
    text-align:center;
    color:#fff
}
#footer .copyright .nowrap,#footer .designed .nowrap{
    white-space:nowrap
}
#footer .copyright a,#footer .designed a{
    color:#fff;
    text-decoration:none
}
#footer .copyright a:hover,#footer .designed a:hover{
    color:#ff5361
}
#header{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:21
}
body.header-opened #header,body.header-opening #header{
    position:fixed
}
#header .header-top{
    position:relative;
    z-index:21;
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
    transition:background-color .5s
}
body.header-opened #header .header-top,body.header-opening #header .header-top,body.overlay-primary-nav #header .header-top{
    background-color:#363636
}
#header .header-top .header-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:114px
}
.hero-component.home figure img,.hero-component.landing figure img{
    -o-object-fit:cover;
    min-width:calc(100% + 2px);
    min-height:calc(100% + 2px)
}
#header .header-top .header-inner>.right-side{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (min-width:992px){
    #header .header-top .header-inner>.right-side{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
#header .logo{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#header .logo img,#header .logo svg{
    display:block;
    width:64px;
    height:auto
}
#header .logo svg rect{
    -webkit-transition:stroke .5s;
    -o-transition:stroke .5s;
    transition:stroke .5s
}
#header .logo svg path{
    -webkit-transition:fill .5s;
    -o-transition:fill .5s;
    transition:fill .5s
}
#header .logo a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    color:#fff
}
#header .logo a:hover{
    color:#ff5361
}
#header .logo a:hover svg rect{
    stroke:#ff5361
}
#header .logo a:hover svg path{
    fill:#ff5361
}
#header .logo .slogan{
    margin-left:15px;
    font-size:1.1875rem;
    font-weight:700;
    line-height:1em;
    display:none
}
@media only screen and (min-width:768px){
    #footer .copyright,#footer .designed{
        text-align:left
    }
    #header .logo .slogan{
        display:block
    }
}
@media only screen and (min-width:992px){
    #header .logo .slogan{
        margin-left:20px;
        font-size:1.15rem
    }
}
@media only screen and (min-width:1240px){
    #header .logo .slogan{
        font-size:1.3125rem
    }
}
#header .logo .slogan .small{
    font-weight:400;
    font-size:.85em
}
#header #header-quick-contact-container{
    margin-right:20px
}
@media only screen and (max-width:480px){
    #header #header-quick-contact-container{
        display:none
    }
}
@media only screen and (min-width:768px){
    #header #header-quick-contact-container{
        margin-right:30px
    }
}
@media only screen and (min-width:992px){
    #header #header-quick-contact-container{
        margin-right:0;
        margin-left:40px
    }
}
#header #header-quick-contact-container .quick-contact-component{
    position:relative;
    top:1px
}
#header #header-quick-contact-container .quick-contact-component ul li{
    font-size:.9375rem;
    text-align:right
}
@media only screen and (min-width:1240px){
    #header #header-quick-contact-container{
        margin-left:60px
    }
    #header #header-quick-contact-container .quick-contact-component ul li{
        font-size:1rem
    }
}
#header #header-quick-contact-container .quick-contact-component ul li a{
    color:#fff
}
#header #header-quick-contact-container .quick-contact-component ul li a:hover{
    color:#ff5361
}
#header #header-quick-contact-container .quick-contact-component ul li a[href^=mailto]:hover{
    color:#fff
}
#header #header-primary-nav-container{
    display:none
}
#header #header-compact-nav-button-container{
    position:relative;
    z-index:21
}
@media only screen and (min-width:992px){
    #header #header-quick-contact-container .quick-contact-component{
        top:5px
    }
    #header #header-primary-nav-container{
        display:block
    }
    #header #header-compact-nav-button-container{
        display:none
    }
}
#header-compact-nav-button{
    margin:0;
    position:relative;
    color:#fff;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-decoration:none
}
#header-compact-nav-button .patty{
    position:relative;
    width:40px;
    height:40px
}
#header-compact-nav-button .patty .line{
    position:absolute;
    left:50%;
    width:40px;
    height:2px;
    display:block;
    background-color:#fff;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transform:translate(-50%,-50%);
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
    transition:background-color .5s
}
#header-compact-nav-button .patty .line:nth-child(1){
    top:calc(50% - 9px)
}
#header-compact-nav-button .patty .line:nth-child(2){
    top:50%
}
#header-compact-nav-button .patty .line:nth-child(3){
    top:calc(50% + 9px)
}
#header-compact-nav-button:hover{
    text-decoration:none;
    outline:0
}
#header-compact-nav-button:hover .patty .line{
    background-color:#ff5361
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(1),body.header-opening #header-compact-nav-button .patty .line:nth-child(1){
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(2),body.header-opening #header-compact-nav-button .patty .line:nth-child(2){
    opacity:0
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(3),body.header-opening #header-compact-nav-button .patty .line:nth-child(3){
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
#header-compact-nav-container{
    position:fixed;
    z-index:20;
    top:auto;
    left:0;
    right:0;
    opacity:1;
    display:block;
    pointer-events:none;
    visibility:hidden
}
body.header-opened #header-compact-nav-container,body.header-opening #header-compact-nav-container{
    visibility:visible;
    pointer-events:auto
}
#header.closed #header-compact-nav-container,body:before{
    pointer-events:none
}
body.header-closing #header-compact-nav-container{
    visibility:visible
}
#header-compact-nav-container>.outer{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:calc(100vh - 58px);
    opacity:0;
    overflow:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    background-color:rgba(0,0,0,.5);
    -webkit-transition:opacity .5s linear 0s,-webkit-transform 0s linear .5s;
    -o-transition:opacity .5s linear 0s,transform 0s linear .5s;
    transition:opacity .5s linear 0s,transform 0s linear .5s;
    transition:opacity .5s linear 0s,transform 0s linear .5s,-webkit-transform 0s linear .5s
}
@media only screen and (min-width:992px){
    #header-compact-nav-container>.outer{
        height:calc(100vh - 78px)
    }
}
body.header-opened #header-compact-nav-container>.outer,body.header-opening #header-compact-nav-container>.outer{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:opacity .5s linear 0s,-webkit-transform 0s linear 0s;
    -o-transition:opacity .5s linear 0s,transform 0s linear 0s;
    transition:opacity .5s linear 0s,transform 0s linear 0s;
    transition:opacity .5s linear 0s,transform 0s linear 0s,-webkit-transform 0s linear 0s
}
#header-compact-nav-container>.outer>.inner{
    position:relative;
    width:100%;
    max-width:100%;
    height:100%;
    -webkit-transition:-webkit-transform .5s;
    -o-transition:transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
body.header-opened #header-compact-nav-container>.outer>.inner,body.header-opening #header-compact-nav-container>.outer>.inner{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
#header-compact-nav-container .content-outer{
    position:relative;
    width:100%;
    height:100%;
    overflow:auto;
    color:#434343
}
#header-compact-nav-container .content-inner{
    margin:0 auto;
    position:relative;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:stretch;
    -ms-flex-pack:stretch;
    justify-content:stretch
}
#header-compact-nav-container .content-bottom,#header-compact-nav-container .content-top{
    height:0;
    overflow:hidden
}
#header-compact-nav-container .content-middle{
    padding:15px 20px 40px;
    background-color:#363636
}
#header-compact-nav-container .close-button{
    position:absolute;
    top:0;
    right:0;
    width:80px;
    height:80px;
    text-decoration:none;
    font-size:26px;
    color:#fff;
    outline:0;
    background-color:transparent;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s
}
#header-compact-nav-container .close-button:after,#header-compact-nav-container .close-button:before{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    content:'';
    width:30px;
    height:1px;
    background-color:#fff;
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
    transition:background-color .5s
}
#header-compact-nav-container .close-button:before{
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
#header-compact-nav-container .close-button:after{
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
#header-compact-nav-container .close-button:hover{
    color:#ff5361
}
#header-compact-nav-container .close-button:hover:after,#header-compact-nav-container .close-button:hover:before{
    background-color:#363636
}
.hero-component.home{
    position:relative;
    max-height:1200px
}
@media only screen and (min-width:768px){
    .hero-component.home{
        height:100vh
    }
}
.hero-component.home figure{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    overflow:hidden
}
.hero-component.home figure img{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    object-fit:cover;
    transform:translate(-50%,-50%)
}
.hero-component.home figure:after{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    height:100%;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(60%,rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%)
}
.hero-component.home .content{
    position:relative;
    z-index:2;
    width:100%;
    color:#fff
}
.hero-component.home .content .content-inner{
    padding-top:210px;
    padding-bottom:60px
}
.hero-component.home .content .pre-title{
    margin-bottom:30px;
    font-size:1.125rem;
    line-height:1.125em
}
@media only screen and (min-width:768px){
    .hero-component.home .content{
        position:absolute;
        bottom:0;
        left:0;
        right:0
    }
    .hero-component.home .content .pre-title{
        font-size:1.25rem
    }
}
@media only screen and (min-width:992px){
    .hero-component.home .content .pre-title{
        font-size:1.4375rem
    }
}
@media only screen and (min-width:1240px){
    .hero-component.home .content .pre-title{
        font-size:1.5625rem
    }
}
.hero-component.home .content .title{
    margin:0;
    font-family:"Montserrat",serif;
    max-width:70%;
    font-size:2.4375rem;
    color:#fff;
font-weight: 700;}
@media only screen and (max-width:480px){
    .hero-component.home .content .content-inner{
        padding-top:150px
    }
    .hero-component.home .content .title{
        max-width:none;
        font-size:2.125rem
    }
}
@media only screen and (min-width:768px){
    .hero-component.home .content .title{
        max-width:60%;
        font-size:2.75rem
    }
    .hero-component.landing{
        height:100vh;
        max-height:420px
    }
}
@media only screen and (min-width:992px){
    .hero-component.home .content .title{
        max-width:50%;
        font-size:3.25rem
    }
}
@media only screen and (min-width:1240px){
    .hero-component.home .content .title{
        font-size: 3.1rem;font-weight: 700;}
}
.hero-component.home .content .buttons-container{
    margin-top:20px
}
.hero-component.landing{
    position:relative
}
.hero-component.landing figure{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    overflow:hidden
}
.hero-component.landing figure img{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    object-fit:cover;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.hero-component.landing figure:after{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    height:100%;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(60%,rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 100%)
}
.hero-component.landing .content{
    position:relative;
    z-index:2;
    width:100%;
    color:#fff
}
.hero-component.landing .content .content-inner{
    padding-top:170px;
    padding-bottom:60px
}
@media only screen and (max-width:480px){
    .hero-component.landing .content .content-inner{
        padding-top:160px
    }
}
.hero-component.landing .content .title{
    margin-bottom:30px;
    font-size:1.125rem;
    line-height:1.125em;
    color:#fff
}
@media only screen and (min-width:768px){
    .hero-component.landing .content{
        position:absolute;
        bottom:0;
        left:0;
        right:0
    }
    .hero-component.landing .content .content-inner{
        padding-top:180px
    }
    .hero-component.landing .content .title{
        font-size:1.25rem
    }
}
@media only screen and (min-width:992px){
    .hero-component.landing{
        max-height:480px
    }
    .hero-component.landing .content .title{
        font-size:1.4375rem
    }
}
@media only screen and (min-width:1240px){
    .hero-component.landing .content .title{
        font-size:1.5625rem
    }
}
.hero-component.landing .content .title.big{
    font-size:2.4375rem
}
@media only screen and (max-width:480px){
    .hero-component.landing .content .title.big{
        font-size:2.125rem
    }
}
@media only screen and (min-width:768px){
    .hero-component.landing .content .title.big{
        font-size:2.75rem
    }
}
@media only screen and (min-width:992px){
    .hero-component.landing .content .title.big{
        font-size:3.25rem
    }
}
@media only screen and (min-width:1240px){
    .hero-component.landing .content .title.big{
        font-size:3.6875rem
    }
}
.hero-component.landing .content .sub-title{
    margin:0;
    font-family:"Montserrat",serif;
    max-width:70%;
    font-size:2.4375rem;
    color:#fff;
	font-weight: 700;
}
@media only screen and (max-width:480px){
    .hero-component.landing .content .sub-title{
        max-width:none;
        font-size:2.125rem
    }
}
@media only screen and (min-width:768px){
    .hero-component.landing .content .sub-title{
        max-width:60%;
        font-size:2.75rem
    }
}
@media only screen and (min-width:992px){
    .hero-component.landing .content .sub-title{
        max-width:50%;
        font-size:3.25rem
    }
}
.hero-component.landing .content .buttons-container{
    margin-top:20px
}
nav ul,nav ul li{
    margin:0;
    padding:0
}
.hero-component.article .content .sub-title{
    max-width:none
}
@media only screen and (max-width:480px){
    .hero-component.article .content .sub-title{
        max-width:none
    }
}
@media only screen and (min-width:768px){
    .hero-component.article .content .sub-title{
        max-width:65%
    }
}
@media only screen and (min-width:992px){
    .hero-component.article .content .sub-title{
        max-width:70%
    }
}
@media only screen and (min-width:1240px){
    .hero-component.landing .content .sub-title{
        font-size:3.6875rem
    }
    .hero-component.article .content .sub-title{
        max-width:75%
    }
}
nav ul li{
    font-size:1em;
    font-weight:400;
    background:0 0
}
nav ul li:before{
    display:none;
    background:0 0
}
nav ul li a{
    text-decoration:none
}
nav ul li a:active,nav ul li a:focus,nav ul li a:hover{
    text-decoration:none;
    outline:0
}
nav.primary>ul>li{
    line-height:1
}
@media only screen and (min-width:992px){
    nav.primary>ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    nav.primary>ul>li+li{
        margin-left:35px
    }
}
@media only screen and (min-width:1240px){
    nav.primary>ul>li+li{
        margin-left: 50px;}
}
nav.primary>ul>li>a{
    padding:5px 0;
    position:relative;
    display:block;
    font-size:1rem;
    line-height:1.25em;
    color:#fff;
    text-decoration:none
}
@media only screen and (min-width:992px){
    nav.primary>ul>li>a{
        padding:5px 0;
        color:#fff;
        font-size: 1rem;}
    nav.primary>ul>li>a:before{
        position:absolute;
        bottom:0;
        left:50%;
        width:0;
        height:1px;
        display:block;
        content:'';
        background-color:#ff5361;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        -webkit-transition:width .5s;
        -o-transition:width .5s;
        transition:width .5s
    }
}
nav.primary>ul>li>a:hover{
    color:#ff5361
}
@media only screen and (min-width:992px){
    nav.primary>ul>li>a:hover{
        color:#fff
    }
    nav.primary>ul>li>a:hover:before{
        width:calc(100% - 10px)
    }
}
nav.primary>ul>li.active>a{
    color:#ff5361;
    font-weight:700
}
@media only screen and (min-width:992px){
    nav.primary>ul>li.active>a{
        color:#fff
    }
    nav.primary>ul>li.active>a:before{
        width:calc(100% - 10px)
    }
}
.page-component .content-gallery-component{
    margin-top:40px;
    margin-bottom:40px
}
.page-component .content-gallery-component:first-child{
    margin-top:0
}
.page-component .content-gallery-component:last-child{
    margin-bottom:0
}
.process-component{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.process-component>.item{
    margin-top:-1px;
    margin-left:-1px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:50%
}
.quick-contact-component ul li:before,.social-media-component ul li:before{
    display:none
}
.process-component>.item:nth-child(-n+2){
    margin-top:0
}
.process-component>.item:nth-child(2n+1){
    margin-left:0
}
@media only screen and (max-width:480px){
    .process-component>.item{
        margin-left:0;
        width:100%
    }
    .process-component>.item:first-child{
        margin-top:0
    }
    .process-component>.item:nth-child(-n+2){
        margin-top:-1px
    }
}
@media only screen and (min-width:768px){
    .process-component>.item{
        width:33.33%
    }
    .process-component>.item:nth-child(-n+3){
        margin-top:0
    }
    .process-component>.item:nth-child(2n+1){
        margin-left:-1px
    }
    .process-component>.item:nth-child(3n+1){
        margin-left:0
    }
}
.process-component>.item .process-item-container{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.quick-contact-component ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.quick-contact-component ul li{
    margin:0;
    padding:0;
    font-family:"Montserrat",serif;
    font-size:1.1875rem;
    white-space:nowrap
}
@media only screen and (min-width:768px){
    .quick-contact-component ul li{
        font-size:1.3125rem
    }
}
@media only screen and (min-width:992px){
    .quick-contact-component ul li{
        font-size:1.4375rem
    }
}
@media only screen and (min-width:1240px){
    .quick-contact-component ul li{
        font-size: 1.625rem;}
}
.quick-contact-component ul li a{
    color:#434343;
    text-decoration:none
}
.quick-contact-component ul li a:hover,.quick-contact-component ul li a[href^=mailto]{
    color:#ff5361
}
.quick-contact-component ul li a[href^=mailto]:hover{
    color:#434343
}
.social-media-component>.title{
    margin:0 0 10px;
    font-size:1.125rem
}
.social-media-component ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.social-media-component ul li{
    margin:0;
    padding:0;
    font-size:.9375rem;
    line-height:1em;
    text-align:center
}
.social-media-component ul li+li{
    margin-top:5px
}
.social-media-component ul li a{
    font-size:inherit;
    line-height:1.25em;
    color:#fff;
    text-decoration:none
}
.social-media-component ul li a:hover{
    color:#ff5361
}
.module .module-header .title{
    margin:0;
    font-family:Montserrat,sans-serif;
    font-weight:900;
    font-size:1.0625rem;
    line-height:1.375em;
    color:#434343
}
.panel-about .two-side-wrapper,.panel-how-to .two-side-wrapper{
    margin-left:-20px;
    margin-right:-20px;
    display:-webkit-box;
    display:-ms-flexbox;
    -webkit-box-direction:normal
}
.panel-about article .title,.panel-how-to .top .content .title{
    line-height:1.3em;
    font-family:"Montserrat",serif;
font-weight: 700;}
@media only screen and (min-width:768px){
    .social-media-component ul li{
        text-align:left
    }
    .module .module-header .title{
        font-size:1.125rem
    }
}
@media only screen and (min-width:992px){
    .module .module-header .title{
        font-size:1.1875rem
    }
}
@media only screen and (min-width:1240px){
    .module .module-header .title{
        font-size:1.25rem
    }
}
.module .module-header+.module-body{
    margin-top:30px
}
.layout-three-columns-wrapper>.left-column .module+.module,.layout-three-columns-wrapper>.right-column .module+.module,.layout-two-columns-wrapper>.left-column .module+.module,.layout-two-columns-wrapper>.right-column .module+.module{
    margin-top:45px
}
.panel-overflow-hidden{
    overflow:hidden
}
.panel-about .two-side-wrapper{
    display:flex;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column
}
.panel-about .two-side-wrapper>.left-side,.panel-about .two-side-wrapper>.right-side{
    padding-left:20px;
    padding-right:20px;
    width:100%
}
.panel-about .two-side-wrapper>.right-side{
    margin-top:40px
}
@media only screen and (min-width:768px){
    .panel-about .two-side-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .panel-about .two-side-wrapper>.left-side{
        width:58%
    }
    .panel-about .two-side-wrapper>.right-side{
        margin-top:0;
        width:42%
    }
}
.panel-about article .buttons-container,.panel-how-to .two-side-wrapper>.right-side{
    margin-top:40px
}
.panel-about article .title{
    font-size:2.125rem
}
@media only screen and (max-width:480px){
    .panel-about article .title{
        font-size:1.875rem
    }
}
@media only screen and (min-width:768px){
    .panel-about article .title{
        font-size:2.4375rem
    }
}
@media only screen and (min-width:992px){
    .panel-about article .title{
        font-size:2.875rem
    }
}
.panel-how-to .content-section-title{
    color:#707070
}
.content-section-title,body{
    font-weight:400;
    color:#434343
}
.panel-how-to .two-side-wrapper{
    display:flex;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column
}
.panel-how-to .two-side-wrapper>.left-side,.panel-how-to .two-side-wrapper>.right-side{
    padding-left:20px;
    padding-right:20px;
    width:100%
}
@media only screen and (min-width:768px){
    .panel-how-to .two-side-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .panel-how-to .two-side-wrapper>.left-side{
        padding-left:60px;
        padding-right:20px;
        width:50%
    }
}
@media only screen and (min-width:992px){
    .panel-how-to .two-side-wrapper>.left-side{
        padding-left:90px;
        padding-right:40px
    }
}
@media only screen and (min-width:1240px){
    .panel-about article .title{
        font-size: 3.125rem;}
    .panel-how-to .two-side-wrapper>.left-side{
        padding-left:120px;
        padding-right:60px
    }
}
.panel-how-to .top .content .title{
    font-size:1.625rem
}
@media only screen and (max-width:480px){
    .panel-how-to .top .content .title{
        font-size:1.5rem
    }
}
@media only screen and (min-width:768px){
    .panel-how-to .two-side-wrapper>.right-side{
        margin-top:0;
        padding-right:0;
        width:50%
    }
    .panel-how-to .top .content .title{
        font-size:1.625rem
    }
}
@media only screen and (min-width:992px){
    .panel-how-to .top .content .title{
        font-size:1.875rem
    }
}
.panel-how-to .top .content .buttons-container{
    margin:30px -10px -10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (min-width:768px){
    .panel-how-to .top .content .buttons-container{
        margin-top:35px
    }
}
.panel-how-to .top .content .buttons-container .button,.panel-how-to .top .content .buttons-container .read-more{
    margin:10px;
}}


.panel-how-to .bottom{
    margin-bottom:40px
}
@media only screen and (min-width:768px){
    .panel-how-to .bottom{
        margin-bottom: 60px;}
}
@media only screen and (min-width:992px){
    .panel-how-to .bottom{
        margin-bottom: 80px;}
}
@media only screen and (min-width:1240px){
    .panel-how-to .top .content .title{
        font-size:2.125rem
    }
    .panel-how-to .bottom{
        margin-bottom: 100px;}
}
@media only screen and (min-width:768px){
    .panel-news.content-section{
        margin-top:calc((100vw - 40px) * .15);
        padding-top:0
    }
}
@media (min-width:1260px){
    .panel-news.content-section{
        margin-top:183px
    }
}
.panel-news .content-section-header{
    margin-bottom:20px
}
.panel-news figure.main{
    margin-bottom:0;
    position:relative;
    overflow:hidden;
    display:none;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.panel-news figure.main:before{
    padding-top:30%;
    display:block
}
.panel-news figure.main img{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    min-width:100%;
    min-height:100%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.panel-news .buttons-container .read-more{
    font-size: .9375rem;}
#body{
    position:relative
}
.content-section{
    padding-top:60px;
    padding-bottom:60px
}
@media only screen and (min-width:768px){
    .panel-news figure.main{
        display:block
    }
    .content-section{
        padding-top:70px;
        padding-bottom:70px
    }
}
@media only screen and (min-width:992px){
    .content-section{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media only screen and (min-width:1240px){
    .content-section{
        padding-top:100px;
        padding-bottom:100px
    }
}
.content-section.small-top-pad{
    padding-top:30px
}
@media only screen and (min-width:768px){
    .content-section.small-top-pad{
        padding-top:30px
    }
    .content-section.small-bottom-pad{
        padding-bottom:30px
    }
}
@media only screen and (min-width:992px){
    .content-section.small-top-pad{
        padding-top:35px
    }
}
.content-section.small-bottom-pad{
    padding-bottom:30px
}
@media only screen and (min-width:992px){
    .content-section.small-bottom-pad{
        padding-bottom:35px
    }
}
@media only screen and (min-width:1240px){
    .content-section.small-top-pad{
        padding-top:40px
    }
    .content-section.small-bottom-pad{
        padding-bottom:40px
    }
}
.content-section.small-pad{
    padding-top:30px;
    padding-bottom:30px
}
@media only screen and (min-width:768px){
    .content-section.small-pad{
        padding-top:30px;
        padding-bottom:30px
    }
}
@media only screen and (min-width:992px){
    .content-section.small-pad{
        padding-top:35px;
        padding-bottom:35px
    }
}
@media only screen and (min-width:1240px){
    .content-section.small-pad{
        padding-top:40px;
        padding-bottom:40px
    }
}
.content-section.big-top-pad{
    padding-top:90px
}
@media only screen and (min-width:768px){
    .content-section.big-top-pad{
        padding-top:120px
    }
}
@media only screen and (min-width:992px){
    .content-section.big-top-pad{
        padding-top:150px
    }
}
.content-section.big-bottom-pad{
    padding-bottom:90px
}
@media only screen and (min-width:768px){
    .content-section.big-bottom-pad{
        padding-bottom:120px
    }
}
@media only screen and (min-width:992px){
    .content-section.big-bottom-pad{
        padding-bottom:150px
    }
}
@media only screen and (min-width:1240px){
    .content-section.big-top-pad{
        padding-top:180px
    }
    .content-section.big-bottom-pad{
        padding-bottom:180px
    }
}
.content-section.big-pad{
    padding-top:90px;
    padding-bottom:90px
}
@media only screen and (min-width:768px){
    .content-section.big-pad{
        padding-top:120px;
        padding-bottom:120px
    }
}
@media only screen and (min-width:992px){
    .content-section.big-pad{
        padding-top:150px;
        padding-bottom:150px
    }
}
@media only screen and (min-width:1240px){
    .content-section.big-pad{
        padding-top:180px;
        padding-bottom:180px
    }
}
.content-section.no-top-pad{
    padding-top:0
}
.content-section.no-bottom-pad{
    padding-bottom:0
}
.content-section.no-pad{
    padding-top:0;
    padding-bottom:0
}
.content-section.fill-bg{
    background-color:#f5f5f5
}
.content-section header h1,.content-section header h2,.content-section header h3,.content-section header h4,.content-section header h5,.content-section header h6{
    margin-top:0;
    margin-bottom:0
}
.content-section header.align-center{
    text-align:center
}
.content-section.overflow-hidden{
    overflow:hidden
}
.content-section-header,header{
    margin-bottom:20px;
    position:relative
}
.content-section-header.align-center,header.align-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.content-section-header.two-side-wrapper,header.two-side-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.content-section-header.two-side-wrapper>.right-side,header.two-side-wrapper>.right-side{
    margin-top:10px
}
.content-section-title{
    margin:0;
    position:relative;
    font-family:"Montserrat",serif;
    font-size:2rem;
    line-height:1.125em;
font-weight: 700;}
.content-section-title.small,body{
    font-family:Montserrat,sans-serif
}
@media only screen and (max-width:480px){
    .content-section-title{
        font-size:1.875rem
    }
}
@media only screen and (min-width:768px){
    .content-section-header.two-side-wrapper,header.two-side-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .content-section-header.two-side-wrapper>.right-side,header.two-side-wrapper>.right-side{
        margin-top:0
    }
    .content-section-title{
        font-size:2.25rem
    }
}
@media only screen and (min-width:992px){
    .content-section-title{
        font-size:2.475rem
    }
}
@media only screen and (min-width:1240px){
    .content-section-title{
        font-size:2.875rem
    }
}
.content-section-title.small{
    font-size:1.125rem;
    line-height:1.125em
}
.content-two-side-wrapper{
    margin-left:-20px;
    margin-right:-20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.content-two-side-wrapper>.left-side,.content-two-side-wrapper>.right-side{
    padding-left:20px;
    padding-right:20px
}
.content-two-side-wrapper>.right-side{
    margin-top:50px
}
@media only screen and (min-width:768px){
    .content-two-side-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .content-two-side-wrapper>.left-side{
        width:50%
    }
    .content-two-side-wrapper>.right-side{
        margin-top:0;
        width:50%
    }
    .content-two-side-wrapper.side-md{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .content-two-side-wrapper.side-md>.left-side,.content-two-side-wrapper.side-md>.right-side{
        width:100%
    }
    .content-two-side-wrapper.side-md>.right-side{
        margin-top:50px
    }
}
.content-two-side-wrapper.side-md>.right-side{
    margin-top:50px
}
@media only screen and (min-width:992px){
    .content-two-side-wrapper.side-md{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .content-two-side-wrapper.side-md>.left-side,.content-two-side-wrapper.side-md>.right-side{
        width:50%
    }
    .content-two-side-wrapper.side-md>.right-side{
        margin-top:0
    }
}
.content-two-side-wrapper.no-side-pad{
    margin-left:0;
    margin-right:0
}
.content-two-side-wrapper.no-side-pad>.left-side,.content-two-side-wrapper.no-side-pad>.right-side{
    padding-left:0;
    padding-right:0
}
@media only screen and (min-width:768px){
    .content-two-side-wrapper.align-top{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .content-two-side-wrapper.align-bottom{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .content-two-side-wrapper.align-center{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .content-two-side-wrapper.align-center>.left-side,.content-two-side-wrapper.align-center>.right-side{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .content-two-side-wrapper.swap{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
.layout-two-columns-wrapper{
    margin-left:-20px;
    margin-right:-20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.layout-two-columns-wrapper>.left-column,.layout-two-columns-wrapper>.main-column,.layout-two-columns-wrapper>.right-column{
    padding-left:20px;
    padding-right:20px
}
@media only screen and (min-width:992px){
    .layout-two-columns-wrapper{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .layout-two-columns-wrapper>.left-column.no-left-pad,.layout-two-columns-wrapper>.main-column.no-left-pad,.layout-two-columns-wrapper>.right-column.no-left-pad{
        padding-left:0
    }
    .layout-two-columns-wrapper>.left-column.no-right-pad,.layout-two-columns-wrapper>.main-column.no-right-pad,.layout-two-columns-wrapper>.right-column.no-right-pad{
        padding-right:0
    }
    .layout-two-columns-wrapper>.left-column{
        width:calc(360px + 40px)
    }
}
@media only screen and (min-width:1240px){
    .layout-two-columns-wrapper>.left-column{
        width:calc(400px + 40px)
    }
}
.layout-two-columns-wrapper>.left-column.swap{
    margin-top:60px;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.layout-two-columns-wrapper>.left-column.swap+.main-column{
    margin-top:0;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
@media only screen and (min-width:992px){
    .layout-two-columns-wrapper>.left-column.swap{
        margin-top:0;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .layout-two-columns-wrapper>.left-column.swap+.main-column{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.layout-two-columns-wrapper>.main-column{
    margin-top:60px
}
.layout-two-columns-wrapper>.main-column:first-child{
    margin-top:0
}
@media only screen and (min-width:992px){
    .layout-two-columns-wrapper>.main-column{
        margin-top:0;
        width:calc(100% - 360px - 40px)
    }
}
@media only screen and (min-width:1240px){
    .layout-two-columns-wrapper>.main-column{
        width:calc(100% - 400px - 40px)
    }
}
.layout-two-columns-wrapper>.right-column{
    margin-top:60px
}
@media only screen and (min-width:992px){
    .layout-two-columns-wrapper>.right-column{
        margin-top:0;
        width:calc(360px + 40px)
    }
    .layout-two-columns-wrapper.swap{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
}
@media only screen and (min-width:1240px){
    .layout-two-columns-wrapper>.right-column{
        width:calc(400px + 40px)
    }
}
.layout-two-columns-wrapper.swap>.main-column{
    margin-top:0;
    margin-bottom:60px
}
@media only screen and (min-width:992px){
    .layout-two-columns-wrapper.swap>.main-column{
        margin-bottom:0
    }
    .floating-sidebar-wrapper .floating-sidebar-container{
        position:-webkit-sticky;
        position:sticky;
        top:20px;
        -webkit-transition:top .5s;
        -o-transition:top .5s;
        transition:top .5s
    }
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    margin:0;
    min-height:100%
}
body{
    margin:0;
    position:relative;
    min-height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:16px;
    overflow-x:hidden;
    background-color:#fff
}
body:before{
    position:fixed;
    z-index:20;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    display:block;
    background-color:rgba(0,0,0,.5);
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
body.has-overlay:before{
    opacity:1;
    pointer-events:auto
}
::-moz-selection{
    color:#fff;
    background-color:#000
}
::selection{
    color:#fff;
    background-color:#000
}
.clearfix:after,.clearfix:before,.container:after,.container:before{
    content:' ';
    display:table
}
.clearfix:after,.container:after{
    clear:both
}
.container{
    margin:0 auto;
    padding:0 20px;
    width:100%;
    max-width:1260px
}
.container.no-pad{
    padding-left:0;
    padding-right:0
}

.panel-how-to .top .content .buttons-container .read-more {
padding: 26px 35px;
border: 1px solid #c7c7c7;text-decoration: none;
transition: color .5s,background-color .5s,border-color .5s,padding .5s;

}

.panel-how-to .top .content .buttons-container .read-more:hover {
color: #fff;
background-color: #262626;
border-color: #262626;

}

.panel-how-to .bottom{
  margin-bottom: 40px;}
}

.hero-component.landing .content .title.big
{font-size: 3.6875rem;font-weight: 700;}



.quick-contact-component ul {
    font-weight: 700;
}