@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;700&display=swap');



.ghe {

    display: block;

    font-weight: 100;

    font-size: 1.8em;

    color: #c0a55b;

    font-family: 'Oswald', sans-serif;

    float: left;

}



.gright {text-align:right;}



.btn {

    -webkit-transition-duration: .4s;

    -moz-transition-duration: .4s;

    -o-transition-duration: .4s;

    transition-duration: .4s

}



@media (min-width: 992px) {

    .web-block {

        padding: 50px 0 60px

    }

    .web-block-slim {

        padding: 0

    }

}

@media (min-width: 1200px) {

    .web-block {

        padding: 60px 0 70px

    }

    .web-block-slim {

        padding: 0

    }

}

body,

html {

    height: 100%;

    font-family: 'Oswald', sans-serif;

}

.xs-hide {

    display: none

}

.xs-show {

    display: initial

}

.height-25-perc,

.height-xs-25-perc {

    height: 25%

}

.height-33-perc,

.height-xs-33-perc {

    height: 33.33%

}

.height-50-perc,

.height-xs-50-perc {

    height: 50%

}

.full-height,

.full-xs-height {

    height: 100%

}

.auto-height,

.auto-xs-height {

    height: auto

}

.full-width {

    width: 100%

}

.square,

.square:focus,

.square:hover,

.square:visited {

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important

}

.mwp-fb-hidden-value {

    display: none

}

@media (min-width: 768px) {

    .sm-hide {

        display: none

    }

    .sm-show {

        display: initial

    }

    .height-sm-25-perc {

        height: 25%

    }

    .height-sm-33-perc {

        height: 33.33%

    }

    .height-sm-50-perc {

        height: 50%

    }

    .full-sm-height {

        height: 100%

    }

    .auto-sm-height {

        height: auto

    }

}

@media (min-width: 992px) {

    .md-hide {

        display: none

    }

    .md-show {

        display: initial

    }

    .height-md-25-perc {

        height: 25%

    }

    .height-md-33-perc {

        height: 33.33%

    }

    .height-md-50-perc {

        height: 50%

    }

    .full-md-height {

        height: 100%

    }

    .auto-md-height {

        height: auto

    }

}

@media (min-width: 1200px) {

    .lg-hide {

        display: none

    }

    .lg-show {

        display: initial

    }

    .height-lg-25-perc {

        height: 25%

    }

    .height-lg-33-perc {

        height: 33.33%

    }

    .height-lg-50-perc {

        height: 50%

    }

    .full-lg-height {

        height: 100%

    }

    .auto-lg-height {

        height: auto

    }

}

.text-right,

.text-xs-right {

    text-align: right

}

.text-left,

.text-xs-left {

    text-align: left

}

.text-center,

.text-xs-center {

    text-align: center

}

@media (min-width: 768px) {

    .text-sm-right {

        text-align: right

    }

    .text-sm-left {

        text-align: left

    }

    .text-sm-center {

        text-align: center

    }

}

@media (min-width: 992px) {

    .text-md-right {

        text-align: right

    }

    .text-md-left {

        text-align: left

    }

    .text-md-center {

        text-align: center

    }

    h1 {

        font-size: 45px

    }

    h2 {

        font-size: 34px

    }

    h3 {

        font-size: 27px

    }

    h4 {

        font-size: 21px

    }

    address,

    h5,

    p {

        font-size: 16px

    }

}

@media (min-width: 1200px) {

    .text-lg-right {

        text-align: right

    }

    .text-lg-left {

        text-align: left

    }

    .text-lg-center {

        text-align: center

    }

    h1 {

        font-size: 54px

    }

    h2 {

        font-size: 40px

    }

    h3 {

        font-size: 29px

    }

    h4 {

        font-size: 22px

    }

    address,

    h5,

    p {

        font-size: 16px

    }

}

.btn-ghost,

.btn-ghost-header,

.btn-ghost-header:focus,

.btn-ghost-header:visited,

.btn-ghost:focus,

.btn-ghost:visited {

    border: 1px solid #fff;

    color: #fff;

    -webkit-border-radius: 0!important;

    -moz-border-radius: 0!important;

    border-radius: 0!important

}

.btn-ghost:hover {

    outline: #fff solid 2px;

    border: 1px solid transparent;

    color: #fff

}

.btn-ghost-header {

    background-color: rgba(0, 0, 0, .2);

    border-width: 3px;

    font-size: 26px;

    padding: 9px 22px

}

.btn-ghost-header:hover {

    color: #fff;

    background-color: rgba(0, 0, 0, .4)

}

@media (min-width: 768px) {

    .btn-ghost-header {

        font-size: 45px

    }

}

@media (min-width: 992px) {

    .btn-ghost-header {

        font-size: 50px

    }

}

@media (min-width: 992px) {

    .btn-ghost-header {

        font-size: 50px

    }

}

@media (min-width: 1200px) {

    .btn-ghost-header {

        font-size: 60px;

        padding: 11px 37px

    }

}

.btn-yellow {

    background: #faff8c;

    color: #574500;

    border: none;

    -moz-box-shadow: none!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important

}

.btn-yellow:focus,

.btn-yellow:hover {

    background: #fcffb3

}

.btn-yellow:active {

    background: #f7ff47

}

.btn-transparent {

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff;

    -moz-box-shadow: none!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important

}

.btn-transparent:focus,

.btn-transparent:hover {

    background: rgba(255, 255, 255, .3);

    color: #fff

}

.btn-xl {

    padding: 12px 18px;

    font-size: 24px;

    border-radius: 4px

}

.btn-xxl {

    padding: 20px 26px;

    font-size: 35px;

    border-radius: 8px

}

@media (max-width: 768px) {

    .btn-xl {

        padding: 10px 16px;

        font-size: 18px;

        border-radius: 3px

    }

    .btn-xxl {

        padding: 12px 18px;

        font-size: 24px;

        border-radius: 4px

    }

}

.btn-xs-inline-block {

    display: inline-block;

    width: auto

}

.btn-xs-block {

    display: block;

    width: 100%

}

@media (min-width: 768px) {

    .btn-sm-inline-block {

        display: inline-block;

        width: auto

    }

    .btn-sm-block {

        display: block;

        width: 100%

    }

}

@media (min-width: 992px) {

    .btn-md-inline-block {

        display: inline-block;

        width: auto

    }

    .btn-md-block {

        display: block;

        width: 100%

    }

}

@media (min-width: 1200px) {

    .btn-lg-inline-block {

        display: inline-block;

        width: auto

    }

    .btn-lg-block {

        display: block;

        width: 100%

    }

}

.icon-l,

.icon-xl,

.icon-xxl {

    display: inline-block;

    margin: 5px 0 5px 5px

}

.icon-l {

    font-size: 30px

}

.icon-circle i.icon-l {

    padding: 10px

}

.icon-xl {

    font-size: 34px

}

.icon-circle i.icon-xl {

    padding: 15px

}

.icon-xxl {

    font-size: 48px

}

.icon-circle i.icon-xxl {

    padding: 20px

}

.icon-size-xs-20 {

    font-size: 20px

}

.icon-size-xs-40 {

    font-size: 40px

}

.icon-size-xs-60 {

    font-size: 60px

}

.icon-size-xs-80 {

    font-size: 80px

}

.icon-size-xs-100 {

    font-size: 100px

}

.icon-size-xs-120 {

    font-size: 120px

}

.icon-size-xs-140 {

    font-size: 140px

}

@media (min-width: 768px) {

    .icon-l {

        font-size: 20px

    }

    .icon-xl {

        font-size: 24px

    }

    .icon-xxl {

        font-size: 30px

    }

    .icon-size-sm-10 {

        font-size: 10px

    }

    .icon-size-sm-20 {

        font-size: 20px

    }

    .icon-size-sm-30 {

        font-size: 30px

    }

    .icon-size-sm-40 {

        font-size: 40px

    }

    .icon-size-sm-50 {

        font-size: 50px

    }

    .icon-size-sm-60 {

        font-size: 60px

    }

    .icon-size-sm-70 {

        font-size: 70px

    }

}

@media (min-width: 992px) {

    .icon-l {

        font-size: 24px

    }

    .icon-xl {

        font-size: 30px

    }

    .icon-xxl {

        font-size: 34px

    }

    .icon-size-md-10 {

        font-size: 10px

    }

    .icon-size-md-20 {

        font-size: 20px

    }

    .icon-size-md-30 {

        font-size: 30px

    }

    .icon-size-md-40 {

        font-size: 40px

    }

    .icon-size-md-50 {

        font-size: 50px

    }

    .icon-size-md-60 {

        font-size: 60px

    }

    .icon-size-md-70 {

        font-size: 70px

    }

}

@media (min-width: 1200px) {

    .icon-l {

        font-size: 30px

    }

    .icon-xl {

        font-size: 34px

    }

    .icon-xxl {

        font-size: 48px

    }

    .icon-size-lg-10 {

        font-size: 10px

    }

    .icon-size-lg-20 {

        font-size: 20px

    }

    .icon-size-lg-30 {

        font-size: 30px

    }

    .icon-size-lg-40 {

        font-size: 40px

    }

    .icon-size-lg-50 {

        font-size: 50px

    }

    .icon-size-lg-60 {

        font-size: 60px

    }

    .icon-size-lg-70 {

        font-size: 70px

    }

}

.icon-btn,

.icon-btn:active,

.icon-btn:hover,

.icon-btn:visited {

    text-decoration: none

}

.icon-circle i {

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}

.color-text-base-child .icon-circle i,

.text-dark .icon-circle:hover i {

    background-color: #fff;

    color: #222

}

.color-text-base-child .icon-circle:hover i,

.text-dark .icon-circle i {

    background-color: #222;

    color: #fff

}

.img-resp {

    max-width: 100%

}

.carousel .item.fullheight,

.image-cover,

.image-cover-focuspoint-right {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}

@media (min-width: 992px) {

    .image-cover-focuspoint-right {

        background-position: center center

    }

}

.nav-links a {

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    margin: 10px 10px 10px 0

}

.nav-links a:last-child {

    margin-right: 0

}

@media (min-width: 768px) {

    .nav-links a {

        margin-right: 20px

    }

}

@media (min-width: 992px) {

    .nav-links a {

        margin-right: 30px

    }

}

@media (min-width: 1200px) {

    .nav-links a {

        margin-right: 60px

    }

}

.footer-links a {

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    margin: 10px 10px 10px 0

}

.footer-links a:last-child {

    margin-right: 0

}

@media (min-width: 768px) {

    .footer-links a {

        margin-right: 20px

    }

}

@media (min-width: 992px) {

    .footer-links a {

        margin-right: 30px

    }

}

@media (min-width: 1200px) {

    .footer-links a {

        margin-right: 60px

    }

}

.top-xs-offset-0 {

    margin-top: 0

}

.top-xs-offset-1 {

    margin-top: .2em

}

.top-xs-offset-2 {

    margin-top: .4em

}

.top-xs-offset-3 {

    margin-top: .6em

}

.top-xs-offset-4 {

    margin-top: .8em

}

.top-xs-offset-5 {

    margin-top: 1em

}

.top-xs-offset-6 {

    margin-top: 1.2em

}

.top-xs-offset-7 {

    margin-top: 1.4em

}

.top-xs-offset-8 {

    margin-top: 1.6em

}

.top-xs-offset-9 {

    margin-top: 1.8em

}

.top-xs-offset-10 {

    margin-top: 2em

}

.top-xs-offset-11 {

    margin-top: 2.2em

}

.top-xs-offset-12 {

    margin-top: 2.4em

}

.bottom-xs-offset-0 {

    margin-bottom: 0

}

.bottom-xs-offset-1 {

    margin-bottom: .2em

}

.bottom-xs-offset-2 {

    margin-bottom: .4em

}

.bottom-xs-offset-3 {

    margin-bottom: .6em

}

.bottom-xs-offset-4 {

    margin-bottom: .8em

}

.bottom-xs-offset-5 {

    margin-bottom: 1em

}

.bottom-xs-offset-6 {

    margin-bottom: 1.2em

}

.bottom-xs-offset-7 {

    margin-bottom: 1.4em

}

.bottom-xs-offset-8 {

    margin-bottom: 1.6em

}

.bottom-xs-offset-9 {

    margin-bottom: 1.8em

}

.bottom-xs-offset-10 {

    margin-bottom: 2em

}

.bottom-xs-offset-11 {

    margin-bottom: 2.2em

}

.bottom-xs-offset-12 {

    margin-bottom: 2.4em

}

@media (min-width: 768px) {

    .top-xs-offset-0 {

        margin-top: 0

    }

    .bottom-xs-offset-0 {

        margin-bottom: 0

    }

    .top-xs-offset-1 {

        margin-top: .4em

    }

    .bottom-xs-offset-1 {

        margin-bottom: .4em

    }

    .top-xs-offset-2 {

        margin-top: .8em

    }

    .bottom-xs-offset-2 {

        margin-bottom: .8em

    }

    .top-xs-offset-3 {

        margin-top: 1.2em

    }

    .bottom-xs-offset-3 {

        margin-bottom: 1.2em

    }

    .top-xs-offset-4 {

        margin-top: 1.6em

    }

    .bottom-xs-offset-4 {

        margin-bottom: 1.6em

    }

    .top-xs-offset-5 {

        margin-top: 2em

    }

    .bottom-xs-offset-5 {

        margin-bottom: 2em

    }

    .top-xs-offset-6 {

        margin-top: 2.4em

    }

    .bottom-xs-offset-6 {

        margin-bottom: 2.4em

    }

    .top-xs-offset-7 {

        margin-top: 2.8em

    }

    .bottom-xs-offset-7 {

        margin-bottom: 2.8em

    }

    .top-xs-offset-8 {

        margin-top: 3.2em

    }

    .bottom-xs-offset-8 {

        margin-bottom: 3.2em

    }

    .top-xs-offset-9 {

        margin-top: 3.6em

    }

    .bottom-xs-offset-9 {

        margin-bottom: 3.6em

    }

    .top-xs-offset-10 {

        margin-top: 4em

    }

    .bottom-xs-offset-10 {

        margin-bottom: 4em

    }

    .top-xs-offset-11 {

        margin-top: 4.4em

    }

    .bottom-xs-offset-11 {

        margin-bottom: 4.4em

    }

    .top-xs-offset-12 {

        margin-top: 4.8em

    }

    .bottom-xs-offset-12 {

        margin-bottom: 4.8em

    }

    .top-sm-offset-0 {

        margin-top: 0

    }

    .bottom-sm-offset-0 {

        margin-bottom: 0

    }

    .top-sm-offset-1 {

        margin-top: .4em

    }

    .bottom-sm-offset-1 {

        margin-bottom: .4em

    }

    .top-sm-offset-2 {

        margin-top: .8em

    }

    .bottom-sm-offset-2 {

        margin-bottom: .8em

    }

    .top-sm-offset-3 {

        margin-top: 1.2em

    }

    .bottom-sm-offset-3 {

        margin-bottom: 1.2em

    }

    .top-sm-offset-4 {

        margin-top: 1.6em

    }

    .bottom-sm-offset-4 {

        margin-bottom: 1.6em

    }

    .top-sm-offset-5 {

        margin-top: 2em

    }

    .bottom-sm-offset-5 {

        margin-bottom: 2em

    }

    .top-sm-offset-6 {

        margin-top: 2.4em

    }

    .bottom-sm-offset-6 {

        margin-bottom: 2.4em

    }

    .top-sm-offset-7 {

        margin-top: 2.8em

    }

    .bottom-sm-offset-7 {

        margin-bottom: 2.8em

    }

    .top-sm-offset-8 {

        margin-top: 3.2em

    }

    .bottom-sm-offset-8 {

        margin-bottom: 3.2em

    }

    .top-sm-offset-9 {

        margin-top: 3.6em

    }

    .bottom-sm-offset-9 {

        margin-bottom: 3.6em

    }

    .top-sm-offset-10 {

        margin-top: 4em

    }

    .bottom-sm-offset-10 {

        margin-bottom: 4em

    }

    .top-sm-offset-11 {

        margin-top: 4.4em

    }

    .bottom-sm-offset-11 {

        margin-bottom: 4.4em

    }

    .top-sm-offset-12 {

        margin-top: 4.8em

    }

    .bottom-sm-offset-12 {

        margin-bottom: 4.8em

    }

}

@media (min-width: 992px) {

    .top-xs-offset-0 {

        margin-top: 0

    }

    .bottom-xs-offset-0 {

        margin-bottom: 0

    }

    .top-xs-offset-1 {

        margin-top: .7em

    }

    .bottom-xs-offset-1 {

        margin-bottom: .7em

    }

    .top-xs-offset-2 {

        margin-top: 1.4em

    }

    .bottom-xs-offset-2 {

        margin-bottom: 1.4em

    }

    .top-xs-offset-3 {

        margin-top: 2.1em

    }

    .bottom-xs-offset-3 {

        margin-bottom: 2.1em

    }

    .top-xs-offset-4 {

        margin-top: 2.8em

    }

    .bottom-xs-offset-4 {

        margin-bottom: 2.8em

    }

    .top-xs-offset-5 {

        margin-top: 3.5em

    }

    .bottom-xs-offset-5 {

        margin-bottom: 3.5em

    }

    .top-xs-offset-6 {

        margin-top: 4.2em

    }

    .bottom-xs-offset-6 {

        margin-bottom: 4.2em

    }

    .top-xs-offset-7 {

        margin-top: 4.9em

    }

    .bottom-xs-offset-7 {

        margin-bottom: 4.9em

    }

    .top-xs-offset-8 {

        margin-top: 5.6em

    }

    .bottom-xs-offset-8 {

        margin-bottom: 5.6em

    }

    .top-xs-offset-9 {

        margin-top: 6.3em

    }

    .bottom-xs-offset-9 {

        margin-bottom: 6.3em

    }

    .top-xs-offset-10 {

        margin-top: 7em

    }

    .bottom-xs-offset-10 {

        margin-bottom: 7em

    }

    .top-xs-offset-11 {

        margin-top: 7.7em

    }

    .bottom-xs-offset-11 {

        margin-bottom: 7.7em

    }

    .top-xs-offset-12 {

        margin-top: 8.4em

    }

    .bottom-xs-offset-12 {

        margin-bottom: 8.4em

    }

    .top-sm-offset-0 {

        margin-top: 0

    }

    .bottom-sm-offset-0 {

        margin-bottom: 0

    }

    .top-sm-offset-1 {

        margin-top: .7em

    }

    .bottom-sm-offset-1 {

        margin-bottom: .7em

    }

    .top-sm-offset-2 {

        margin-top: 1.4em

    }

    .bottom-sm-offset-2 {

        margin-bottom: 1.4em

    }

    .top-sm-offset-3 {

        margin-top: 2.1em

    }

    .bottom-sm-offset-3 {

        margin-bottom: 2.1em

    }

    .top-sm-offset-4 {

        margin-top: 2.8em

    }

    .bottom-sm-offset-4 {

        margin-bottom: 2.8em

    }

    .top-sm-offset-5 {

        margin-top: 3.5em

    }

    .bottom-sm-offset-5 {

        margin-bottom: 3.5em

    }

    .top-sm-offset-6 {

        margin-top: 4.2em

    }

    .bottom-sm-offset-6 {

        margin-bottom: 4.2em

    }

    .top-sm-offset-7 {

        margin-top: 4.9em

    }

    .bottom-sm-offset-7 {

        margin-bottom: 4.9em

    }

    .top-sm-offset-8 {

        margin-top: 5.6em

    }

    .bottom-sm-offset-8 {

        margin-bottom: 5.6em

    }

    .top-sm-offset-9 {

        margin-top: 6.3em

    }

    .bottom-sm-offset-9 {

        margin-bottom: 6.3em

    }

    .top-sm-offset-10 {

        margin-top: 7em

    }

    .bottom-sm-offset-10 {

        margin-bottom: 7em

    }

    .top-sm-offset-11 {

        margin-top: 7.7em

    }

    .bottom-sm-offset-11 {

        margin-bottom: 7.7em

    }

    .top-sm-offset-12 {

        margin-top: 8.4em

    }

    .bottom-sm-offset-12 {

        margin-bottom: 8.4em

    }

    .top-md-offset-0 {

        margin-top: 0

    }

    .bottom-md-offset-0 {

        margin-bottom: 0

    }

    .top-md-offset-1 {

        margin-top: .7em

    }

    .bottom-md-offset-1 {

        margin-bottom: .7em

    }

    .top-md-offset-2 {

        margin-top: 1.4em

    }

    .bottom-md-offset-2 {

        margin-bottom: 1.4em

    }

    .top-md-offset-3 {

        margin-top: 2.1em

    }

    .bottom-md-offset-3 {

        margin-bottom: 2.1em

    }

    .top-md-offset-4 {

        margin-top: 2.8em

    }

    .bottom-md-offset-4 {

        margin-bottom: 2.8em

    }

    .top-md-offset-5 {

        margin-top: 3.5em

    }

    .bottom-md-offset-5 {

        margin-bottom: 3.5em

    }

    .top-md-offset-6 {

        margin-top: 4.2em

    }

    .bottom-md-offset-6 {

        margin-bottom: 4.2em

    }

    .top-md-offset-7 {

        margin-top: 4.9em

    }

    .bottom-md-offset-7 {

        margin-bottom: 4.9em

    }

    .top-md-offset-8 {

        margin-top: 5.6em

    }

    .bottom-md-offset-8 {

        margin-bottom: 5.6em

    }

    .top-md-offset-9 {

        margin-top: 6.3em

    }

    .bottom-md-offset-9 {

        margin-bottom: 6.3em

    }

    .top-md-offset-10 {

        margin-top: 7em

    }

    .bottom-md-offset-10 {

        margin-bottom: 7em

    }

    .top-md-offset-11 {

        margin-top: 7.7em

    }

    .bottom-md-offset-11 {

        margin-bottom: 7.7em

    }

    .top-md-offset-12 {

        margin-top: 8.4em

    }

    .bottom-md-offset-12 {

        margin-bottom: 8.4em

    }

}

@media (min-width: 1200px) {

    .top-xs-offset-0 {

        margin-top: 0

    }

    .bottom-xs-offset-0 {

        margin-bottom: 0

    }

    .top-xs-offset-1 {

        margin-top: 1em

    }

    .bottom-xs-offset-1 {

        margin-bottom: 1em

    }

    .top-xs-offset-2 {

        margin-top: 2em

    }

    .bottom-xs-offset-2 {

        margin-bottom: 2em

    }

    .top-xs-offset-3 {

        margin-top: 3em

    }

    .bottom-xs-offset-3 {

        margin-bottom: 3em

    }

    .top-xs-offset-4 {

        margin-top: 4em

    }

    .bottom-xs-offset-4 {

        margin-bottom: 4em

    }

    .top-xs-offset-5 {

        margin-top: 5em

    }

    .bottom-xs-offset-5 {

        margin-bottom: 5em

    }

    .top-xs-offset-6 {

        margin-top: 6em

    }

    .bottom-xs-offset-6 {

        margin-bottom: 6em

    }

    .top-xs-offset-7 {

        margin-top: 7em

    }

    .bottom-xs-offset-7 {

        margin-bottom: 7em

    }

    .top-xs-offset-8 {

        margin-top: 8em

    }

    .bottom-xs-offset-8 {

        margin-bottom: 8em

    }

    .top-xs-offset-9 {

        margin-top: 9em

    }

    .bottom-xs-offset-9 {

        margin-bottom: 9em

    }

    .top-xs-offset-10 {

        margin-top: 10em

    }

    .bottom-xs-offset-10 {

        margin-bottom: 10em

    }

    .top-xs-offset-11 {

        margin-top: 11em

    }

    .bottom-xs-offset-11 {

        margin-bottom: 11em

    }

    .top-xs-offset-12 {

        margin-top: 12em

    }

    .bottom-xs-offset-12 {

        margin-bottom: 12em

    }

    .top-sm-offset-0 {

        margin-top: 0

    }

    .bottom-sm-offset-0 {

        margin-bottom: 0

    }

    .top-sm-offset-1 {

        margin-top: 1em

    }

    .bottom-sm-offset-1 {

        margin-bottom: 1em

    }

    .top-sm-offset-2 {

        margin-top: 2em

    }

    .bottom-sm-offset-2 {

        margin-bottom: 2em

    }

    .top-sm-offset-3 {

        margin-top: 3em

    }

    .bottom-sm-offset-3 {

        margin-bottom: 3em

    }

    .top-sm-offset-4 {

        margin-top: 4em

    }

    .bottom-sm-offset-4 {

        margin-bottom: 4em

    }

    .top-sm-offset-5 {

        margin-top: 5em

    }

    .bottom-sm-offset-5 {

        margin-bottom: 5em

    }

    .top-sm-offset-6 {

        margin-top: 6em

    }

    .bottom-sm-offset-6 {

        margin-bottom: 6em

    }

    .top-sm-offset-7 {

        margin-top: 7em

    }

    .bottom-sm-offset-7 {

        margin-bottom: 7em

    }

    .top-sm-offset-8 {

        margin-top: 8em

    }

    .bottom-sm-offset-8 {

        margin-bottom: 8em

    }

    .top-sm-offset-9 {

        margin-top: 9em

    }

    .bottom-sm-offset-9 {

        margin-bottom: 9em

    }

    .top-sm-offset-10 {

        margin-top: 10em

    }

    .bottom-sm-offset-10 {

        margin-bottom: 10em

    }

    .top-sm-offset-11 {

        margin-top: 11em

    }

    .bottom-sm-offset-11 {

        margin-bottom: 11em

    }

    .top-sm-offset-12 {

        margin-top: 12em

    }

    .bottom-sm-offset-12 {

        margin-bottom: 12em

    }

    .top-md-offset-0 {

        margin-top: 0

    }

    .bottom-md-offset-0 {

        margin-bottom: 0

    }

    .top-md-offset-1 {

        margin-top: 1em

    }

    .bottom-md-offset-1 {

        margin-bottom: 1em

    }

    .top-md-offset-2 {

        margin-top: 2em

    }

    .bottom-md-offset-2 {

        margin-bottom: 2em

    }

    .top-md-offset-3 {

        margin-top: 3em

    }

    .bottom-md-offset-3 {

        margin-bottom: 3em

    }

    .top-md-offset-4 {

        margin-top: 4em

    }

    .bottom-md-offset-4 {

        margin-bottom: 4em

    }

    .top-md-offset-5 {

        margin-top: 5em

    }

    .bottom-md-offset-5 {

        margin-bottom: 5em

    }

    .top-md-offset-6 {

        margin-top: 6em

    }

    .bottom-md-offset-6 {

        margin-bottom: 6em

    }

    .top-md-offset-7 {

        margin-top: 7em

    }

    .bottom-md-offset-7 {

        margin-bottom: 7em

    }

    .top-md-offset-8 {

        margin-top: 8em

    }

    .bottom-md-offset-8 {

        margin-bottom: 8em

    }

    .top-md-offset-9 {

        margin-top: 9em

    }

    .bottom-md-offset-9 {

        margin-bottom: 9em

    }

    .top-md-offset-10 {

        margin-top: 10em

    }

    .bottom-md-offset-10 {

        margin-bottom: 10em

    }

    .top-md-offset-11 {

        margin-top: 11em

    }

    .bottom-md-offset-11 {

        margin-bottom: 11em

    }

    .top-md-offset-12 {

        margin-top: 12em

    }

    .bottom-md-offset-12 {

        margin-bottom: 12em

    }

    .top-lg-offset-0 {

        margin-top: 0

    }

    .bottom-lg-offset-0 {

        margin-bottom: 0

    }

    .top-lg-offset-1 {

        margin-top: 1em

    }

    .bottom-lg-offset-1 {

        margin-bottom: 1em

    }

    .top-lg-offset-2 {

        margin-top: 2em

    }

    .bottom-lg-offset-2 {

        margin-bottom: 2em

    }

    .top-lg-offset-3 {

        margin-top: 3em

    }

    .bottom-lg-offset-3 {

        margin-bottom: 3em

    }

    .top-lg-offset-4 {

        margin-top: 4em

    }

    .bottom-lg-offset-4 {

        margin-bottom: 4em

    }

    .top-lg-offset-5 {

        margin-top: 5em

    }

    .bottom-lg-offset-5 {

        margin-bottom: 5em

    }

    .top-lg-offset-6 {

        margin-top: 6em

    }

    .bottom-lg-offset-6 {

        margin-bottom: 6em

    }

    .top-lg-offset-7 {

        margin-top: 7em

    }

    .bottom-lg-offset-7 {

        margin-bottom: 7em

    }

    .top-lg-offset-8 {

        margin-top: 8em

    }

    .bottom-lg-offset-8 {

        margin-bottom: 8em

    }

    .top-lg-offset-9 {

        margin-top: 9em

    }

    .bottom-lg-offset-9 {

        margin-bottom: 9em

    }

    .top-lg-offset-10 {

        margin-top: 10em

    }

    .bottom-lg-offset-10 {

        margin-bottom: 10em

    }

    .top-lg-offset-11 {

        margin-top: 11em

    }

    .bottom-lg-offset-11 {

        margin-bottom: 11em

    }

    .top-lg-offset-12 {

        margin-top: 12em

    }

    .bottom-lg-offset-12 {

        margin-bottom: 12em

    }

}

.vertical-xs-parent {

    display: table;

    width: 100%

}

.vertical-xs-row {

    display: table-row

}

.vertical-xs-child-center {

    display: table-cell;

    vertical-align: middle;

    float: none

}

.vertical-xs-child-bottom {

    display: table-cell;

    vertical-align: bottom;

    float: none

}

@media (min-width: 768px) {

    .vertical-sm-parent {

        display: table;

        width: 100%

    }

    .vertical-xs-row {

        display: table-row

    }

    .vertical-sm-child-center {

        display: table-cell;

        vertical-align: middle;

        float: none

    }

    .vertical-sm-child-bottom {

        display: table-cell;

        vertical-align: bottom;

        float: none

    }

}

@media (min-width: 992px) {

    .vertical-md-parent {

        display: table;

        width: 100%

    }

    .vertical-xs-row {

        display: table-row

    }

    .vertical-md-child-center {

        display: table-cell;

        vertical-align: middle;

        float: none

    }

    .vertical-md-child-bottom {

        display: table-cell;

        vertical-align: bottom;

        float: none

    }

}

@media (min-width: 1200px) {

    .vertical-lg-parent {

        display: table;

        width: 100%

    }

    .vertical-xs-row {

        display: table-row

    }

    .vertical-lg-child-center {

        display: table-cell;

        vertical-align: middle;

        float: none

    }

    .vertical-lg-child-bottom {

        display: table-cell;

        vertical-align: bottom;

        float: none

    }

}

.container-lg-height,

.container-md-height,

.container-sm-height,

.container-xs-height {

    display: table;

    padding-left: 0;

    padding-right: 0

}

.row-xs-height {

    display: table;

    width: 100%

}

.col-xs-height {

    display: table-cell;

    float: none!important

}

.col-top {

    vertical-align: top

}

.col-middle {

    vertical-align: middle

}

.col-bottom {

    vertical-align: bottom

}

@media (min-width: 768px) {

    .row-sm-height {

        display: table;

        width: 100%

    }

    .col-sm-height {

        display: table-cell;

        float: none!important

    }

}

@media (min-width: 992px) {

    .row-md-height {

        display: table;

        width: 100%

    }

    .col-md-height {

        display: table-cell;

        float: none!important

    }

}

@media (min-width: 1200px) {

    .row-lg-height {

        display: table;

        width: 100%

    }

    .col-lg-height {

        display: table-cell;

        float: none!important

    }

}

.margin-t-0,

.margin-xs-t-0 {

    margin-top: 0

}

.margin-r-0,

.margin-xs-r-0 {

    margin-right: 0

}

.margin-b-0,

.margin-xs-b-0 {

    margin-bottom: 0

}

.margin-l-0,

.margin-xs-l-0 {

    margin-left: 0

}

.margin-t-10,

.margin-xs-t-10 {

    margin-top: 10px

}

.margin-r-10,

.margin-xs-r-10 {

    margin-right: 10px

}

.margin-b-10,

.margin-xs-b-10 {

    margin-bottom: 10px

}

.margin-l-10,

.margin-xs-l-10 {

    margin-left: 10px

}

.margin-t-20,

.margin-xs-t-20 {

    margin-top: 20px

}

.margin-r-20,

.margin-xs-r-20 {

    margin-right: 20px

}

.margin-b-20,

.margin-xs-b-20 {

    margin-bottom: 20px

}

.margin-l-20,

.margin-xs-l-20 {

    margin-left: 20px

}

.margin-t-30,

.margin-xs-t-30 {

    margin-top: 30px

}

.margin-r-30,

.margin-xs-r-30 {

    margin-right: 30px

}

.margin-b-30,

.margin-xs-b-30 {

    margin-bottom: 30px

}

.margin-l-30,

.margin-xs-l-30 {

    margin-left: 30px

}

.margin-t-40,

.margin-xs-t-40 {

    margin-top: 40px

}

.margin-r-40,

.margin-xs-r-40 {

    margin-right: 40px

}

.margin-b-40,

.margin-xs-b-40 {

    margin-bottom: 40px

}

.margin-l-40,

.margin-xs-l-40 {

    margin-left: 40px

}

.margin-t-50,

.margin-xs-t-50 {

    margin-top: 50px

}

.margin-r-50,

.margin-xs-r-50 {

    margin-right: 50px

}

.margin-b-50,

.margin-xs-b-50 {

    margin-bottom: 50px

}

.margin-l-50,

.margin-xs-l-50 {

    margin-left: 50px

}

@media (min-width: 768px) {

    .margin-sm-t-0 {

        margin-top: 0

    }

    .margin-sm-r-0 {

        margin-right: 0

    }

    .margin-sm-b-0 {

        margin-bottom: 0

    }

    .margin-sm-l-0 {

        margin-left: 0

    }

    .margin-sm-t-10 {

        margin-top: 10px

    }

    .margin-sm-r-10 {

        margin-right: 10px

    }

    .margin-sm-b-10 {

        margin-bottom: 10px

    }

    .margin-sm-l-10 {

        margin-left: 10px

    }

    .margin-sm-t-20 {

        margin-top: 20px

    }

    .margin-sm-r-20 {

        margin-right: 20px

    }

    .margin-sm-b-20 {

        margin-bottom: 20px

    }

    .margin-sm-l-20 {

        margin-left: 20px

    }

    .margin-sm-t-30 {

        margin-top: 30px

    }

    .margin-sm-r-30 {

        margin-right: 30px

    }

    .margin-sm-b-30 {

        margin-bottom: 30px

    }

    .margin-sm-l-30 {

        margin-left: 30px

    }

    .margin-sm-t-40 {

        margin-top: 40px

    }

    .margin-sm-r-40 {

        margin-right: 40px

    }

    .margin-sm-b-40 {

        margin-bottom: 40px

    }

    .margin-sm-l-40 {

        margin-left: 40px

    }

    .margin-sm-t-50 {

        margin-top: 50px

    }

    .margin-sm-r-50 {

        margin-right: 50px

    }

    .margin-sm-b-50 {

        margin-bottom: 50px

    }

    .margin-sm-l-50 {

        margin-left: 50px

    }

}

@media (min-width: 992px) {

    .margin-md-t-0 {

        margin-top: 0

    }

    .margin-md-r-0 {

        margin-right: 0

    }

    .margin-md-b-0 {

        margin-bottom: 0

    }

    .margin-md-l-0 {

        margin-left: 0

    }

    .margin-md-t-10 {

        margin-top: 10px

    }

    .margin-md-r-10 {

        margin-right: 10px

    }

    .margin-md-b-10 {

        margin-bottom: 10px

    }

    .margin-md-l-10 {

        margin-left: 10px

    }

    .margin-md-t-20 {

        margin-top: 20px

    }

    .margin-md-r-20 {

        margin-right: 20px

    }

    .margin-md-b-20 {

        margin-bottom: 20px

    }

    .margin-md-l-20 {

        margin-left: 20px

    }

    .margin-md-t-30 {

        margin-top: 30px

    }

    .margin-md-r-30 {

        margin-right: 30px

    }

    .margin-md-b-30 {

        margin-bottom: 30px

    }

    .margin-md-l-30 {

        margin-left: 30px

    }

    .margin-md-t-40 {

        margin-top: 40px

    }

    .margin-md-r-40 {

        margin-right: 40px

    }

    .margin-md-b-40 {

        margin-bottom: 40px

    }

    .margin-md-l-40 {

        margin-left: 40px

    }

    .margin-md-t-50 {

        margin-top: 50px

    }

    .margin-md-r-50 {

        margin-right: 50px

    }

    .margin-md-b-50 {

        margin-bottom: 50px

    }

    .margin-md-l-50 {

        margin-left: 50px

    }

}

@media (min-width: 1200px) {

    .margin-lg-t-0 {

        margin-top: 0

    }

    .margin-lg-r-0 {

        margin-right: 0

    }

    .margin-lg-b-0 {

        margin-bottom: 0

    }

    .margin-lg-l-0 {

        margin-left: 0

    }

    .margin-lg-t-10 {

        margin-top: 10px

    }

    .margin-lg-r-10 {

        margin-right: 10px

    }

    .margin-lg-b-10 {

        margin-bottom: 10px

    }

    .margin-lg-l-10 {

        margin-left: 10px

    }

    .margin-lg-t-20 {

        margin-top: 20px

    }

    .margin-lg-r-20 {

        margin-right: 20px

    }

    .margin-lg-b-20 {

        margin-bottom: 20px

    }

    .margin-lg-l-20 {

        margin-left: 20px

    }

    .margin-lg-t-30 {

        margin-top: 30px

    }

    .margin-lg-r-30 {

        margin-right: 30px

    }

    .margin-lg-b-30 {

        margin-bottom: 30px

    }

    .margin-lg-l-30 {

        margin-left: 30px

    }

    .margin-lg-t-40 {

        margin-top: 40px

    }

    .margin-lg-r-40 {

        margin-right: 40px

    }

    .margin-lg-b-40 {

        margin-bottom: 40px

    }

    .margin-lg-l-40 {

        margin-left: 40px

    }

    .margin-lg-t-50 {

        margin-top: 50px

    }

    .margin-lg-r-50 {

        margin-right: 50px

    }

    .margin-lg-b-50 {

        margin-bottom: 50px

    }

    .margin-lg-l-50 {

        margin-left: 50px

    }

}

.form-group-lg textarea.form-control {

    height: auto

}

.form-editable .input-row label {

    font-size: 16px

}

.iframe {

    width: 100%;

    min-height: 250px;

    border: 0;

    overflow: hidden;

    margin: 0

}

.no-gutter>[class*=col-] {

    padding-right: 0;

    padding-left: 0

}

@media (min-width: 768px) {

    .container-small {

        width: 300px

    }

    .container-large {

        width: 970px

    }

}

@media (min-width: 992px) {

    .container-small {

        width: 500px

    }

    .container-large {

        width: 1170px

    }

}

@media (min-width: 1200px) {

    .container-small {

        width: 700px

    }

    .container-large {

        width: 1500px

    }

}

.container-large,

.container-small {

    max-width: 100%

}









/* =============================================================================

   =CUSTOM CSS - SITE

   ========================================================================== */



.wrapper-site-outer {

    position: relative;

    width: 100%;

}

.wrapper-site-outer.published {

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

    background-image: url(bg.jpg);

    background-repeat: no-repeat;

    min-height: 100%;

}

.wrapper-site-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

}

.wrapper-site {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    border-left: 1px solid #e9e9e9;

    border-right: 1px solid #e9e9e9;



}

.wrapper-site.edit {

    width: 416px;

    max-width: initial;

}

.wrapper-site-outer.published .wrapper-site {

    border: none;

}

.wrapper-site-outer.published .wrapper-site.thank-you {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

.wrapper-site.type-magazine {

    max-width: initial;

}

.wrapper-site.type-magazine:not(.edit) {

    border: none;

}

.wrapper-site.type-blog {

    max-width: initial;

}

.wrapper-site-outer.published .wrapper-site.type-blog{

    border: none;

}

@media (min-width: 600px) {

    .wrapper-site.type-magazine {

        max-width: 500px;

    }

    .wrapper-site.type-blog {

        max-width: 502px;

    }

    .wrapper-site-outer.published .wrapper-site.type-blog{

        max-width: 500px;

    }

}

@media (min-width: 768px) {

    .container {

        width: 100%;

    }

}

@media (min-width: 992px) {

    .container {

        width: 100%;

    }

}

@media (min-width: 1200px) {

    .container {

        width: 100%;

    }

}

/* =============================================================================

   =CUSTOM CSS - GENERAL

   ========================================================================== */



strong {

    font-weight: 700;

}

.bg-green {

    background-color: #53EAAC;

}

.bg-light-grey {

    background-color: #f2f2f2;

}

.bg-dark-sd {

    background-color: #283A48;

}

.grey {

    color: #646464;

}

.white-a,

.white-a:hover {

    color: #fff;

}



/* Button */

.btn {

    border: none;

    padding: 10px;

    font-size: 24px;

    line-height: 1.2;

    border-radius: 4px;

    height: 60px;

    letter-spacing: -1px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

}

.btn.btn-custom-link {

    line-height: 40px;

}

.btn.btn-custom-link span {

    display: inline-block;

    vertical-align: middle;

    line-height: 1.2;

}

.btn-green {

    background-color: #53EAAC;

    color: #fff;

}

.btn-green:focus,

.btn-green.focus {

    color: #fff;

    /*background-color: rgba(93, 199, 137, .8);*/

    background-color: #09da84;

}

.btn-green:hover {

    color: #fff;

    /*background-color: rgba(93, 199, 137, .8);*/

    background-color: #09da84;

}

.btn-green:active,

.btn-green.active {

    color: #fff;

    /*background-color: rgba(93, 199, 137, .8);*/

    background-color: #09da84;

}

.btn-green:active:hover,

.btn-green:active:focus,

.btn-green:active.focus,

.btn-green.active:hover,

.btn-green.active:focus,

.btn-green.active.focus,

.open > .btn-green.dropdown-toggle:hover,

.open > .btn-green.dropdown-toggle:focus,

.open > .btn-green.dropdown-toggle.focus {

    color: #fff;

    background-color: #060606;

    border-color: black;

}

.btn-paypal {

    position: relative;

    background-color: #ffc439;

    border-radius: 30px;

}

.btn-paypal::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-size: 25%;

    background-position: center;

    background-image: url(../images/general/paypal-label.png);

    background-repeat: no-repeat;

}

.btn-paypal:hover {

    /*background-color: rgba(93, 199, 137, .8);*/

    background-color:  #ffc439;

    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);

}

.btn-paypal:active,

.btn-paypal.active {

    background-color:  #ffc439;

    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);

}



.table-wrapper {

    display: table;

    width: 100%;

}

.table-wrapper.table-full-height {

    height: 100%;

}

.table-row {

    display: table-row;

}

.table-cell {

    display: table-cell;

    vertical-align: middle;

}



.sr-only {

    overflow: hidden;

    margin: -1px;

    padding: 0;

    position: absolute;

    width: 1px;

    height: 1px;

    border: 0;

    clip: rect(0, 0, 0, 0)

}

.no-visibility {

    visibility: hidden;

}

.space-xs-0 {

    margin-bottom: 0;

}

.space-xs-5 {

    margin-bottom: 5px;

}

.space-xs-10 {

    margin-bottom: 10px;

}

.space-xs-15 {

    margin-bottom: 15px;

}

.space-xs-20 {

    margin-bottom: 20px;

}

.space-xs-25 {

    margin-bottom: 25px;

}

.space-xs-30 {

    margin-bottom: 30px;

}

.space-xs-35 {

    margin-bottom: 35px;

}

.space-xs-40 {

    margin-bottom: 40px;

}

.space-xs-45 {

    margin-bottom: 40px;

}

.space-xs-50 {

    margin-bottom: 50px;

}

.space-xs-60 {

    margin-bottom: 60px;

}

.space-xs-80 {

    margin-bottom: 80px;

}

.space-xs-100 {

    margin-bottom: 100px;

}

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

    .space-sm-0 {

        margin-bottom: 0

    }

    .space-sm-5 {

        margin-bottom: 5px

    }

    .space-sm-10 {

        margin-bottom: 10px

    }

    .space-sm-15 {

        margin-bottom: 15px

    }

    .space-sm-20 {

        margin-bottom: 20px

    }

    .space-sm-25 {

        margin-bottom: 25px

    }

    .space-sm-30 {

        margin-bottom: 30px

    }

    .space-sm-35 {

        margin-bottom: 35px

    }

    .space-sm-40 {

        margin-bottom: 40px

    }

    .space-sm-50 {

        margin-bottom: 50px

    }

    .space-sm-60 {

        margin-bottom: 60px

    }

    .space-sm-70 {

        margin-bottom: 70px

    }

    .space-sm-75 {

        margin-bottom: 75px

    }

    .space-sm-80 {

        margin-bottom: 80px

    }

    .space-sm-90 {

        margin-bottom: 90px

    }

    .height-sm-90 {

        height: 90px

    }

}

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

    .space-md-0 {

        margin-bottom: 0

    }

    .space-md-5 {

        margin-bottom: 5px

    }

    .space-md-10 {

        margin-bottom: 10px

    }

    .space-md-15 {

        margin-bottom: 15px

    }

    .space-md-20 {

        margin-bottom: 20px

    }

    .space-md-25 {

        margin-bottom: 25px

    }

    .space-md-30 {

        margin-bottom: 30px

    }

    .space-md-35 {

        margin-bottom: 35px

    }

    .space-md-40 {

        margin-bottom: 40px

    }

    .space-md-50 {

        margin-bottom: 50px

    }

    .space-md-55 {

        margin-bottom: 55px

    }

    .space-md-60 {

        margin-bottom: 60px

    }

    .space-md-70 {

        margin-bottom: 70px

    }

    .space-md-80 {

        margin-bottom: 80px

    }

    .space-md-105 {

        margin-bottom: 105px

    }

    .space-md-110 {

        margin-bottom: 110px

    }

    .space-md-120 {

        margin-bottom: 120px

    }

    .space-md-180 {

        margin-bottom: 180px

    }

    .space-md-240 {

        margin-bottom: 240px

    }

    .height-md-120 {

        height: 120px

    }

    .height-md-180 {

        height: 180px

    }

}

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

    .space-lg-0 {

        margin-bottom: 0

    }

    .space-lg-5 {

        margin-bottom: 5px

    }

    .space-lg-10 {

        margin-bottom: 10px

    }

    .space-lg-15 {

        margin-bottom: 15px

    }

    .space-lg-20 {

        margin-bottom: 20px

    }

    .space-lg-25 {

        margin-bottom: 25px

    }

    .space-lg-30 {

        margin-bottom: 30px

    }

    .space-lg-35 {

        margin-bottom: 35px

    }

    .space-lg-40 {

        margin-bottom: 40px

    }

    .space-lg-45 {

        margin-bottom: 45px

    }

    .space-lg-50 {

        margin-bottom: 50px

    }

    .space-lg-55 {

        margin-bottom: 55px

    }

    .space-lg-60 {

        margin-bottom: 60px

    }

    .space-lg-70 {

        margin-bottom: 70px

    }

    .space-lg-75 {

        margin-bottom: 75px

    }

    .space-lg-80 {

        margin-bottom: 80px

    }

    .space-lg-90 {

        margin-bottom: 90px

    }

    .space-lg-100 {

        margin-bottom: 100px

    }

    .space-lg-110 {

        margin-bottom: 100px

    }

    .space-lg-120 {

        margin-bottom: 120px

    }

    .space-lg-180 {

        margin-bottom: 180px

    }

    .height-lg-120 {

        height: 120px

    }

}

/* =============================================================================

   =HEADERS

   ========================================================================== */



.bg-header {

    padding-top: 20px;

    padding-right: 15px;

    padding-bottom: 20px;

    padding-left: 15px;

}

.bg-dark {

    background-color: #283A48;

}

.bg-header h1 {

    color: #53EAAC;

    font-size: 34px;

    letter-spacing: -1px;

    line-height: 1;

    margin-top: 0;

    text-transform: uppercase;

}

.bg-header h2 {

    color: #fff;

    font-size: 26px;

    font-weight: 200;

    letter-spacing: -1px;

    line-height: 1;

    margin-top: 0;

}

.bg-header.light h2,

.bg-header.light .small-header-title {

    color: #162633;

}

.bg-image-sd {

    background-size: cover;

    background-position: center;

    background-image: url(../images/general/header-immagine-sd.jpg);

    background-repeat: no-repeat;

}

.small-header-title {

    color: #fff;

    font-size: 10px;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: 1.4;

    text-align: center;

    text-transform: uppercase;

}

.big-header-title {

    color: #fff;

    font-size: 36px;

    font-style: italic;

    font-weight: 800;

    letter-spacing: -2px;

    line-height: 1;

}

.big-header-title.green {

    color: #53EAAC;

}

.big-header-title.has-icon {

    padding-top: 36px;

    position: relative;

}

.big-header-title.has-icon::before {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    width: 30px;

    height: 26px;

    margin-left: -13px;

    background-image: url(../images/general/icon-ok.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

}



.img-fullsize {

    width: 100%;

    height: auto;

    display: block;

}

.image-wrapper img {

    width: 100%;

    height: auto;

    display: block;

}

.image-boxed {

    margin-left: 20px;

    margin-right: 20px;

}

.img-rounded {

    border-radius: 8px;

}



.magazine-wrapper {

    position: relative;

}

.magazine-overlay {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.8);

    color: #fff;

    text-align: center;

    cursor: pointer;

    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;

    transition: opacity 0.5s, visibility 0s 0.5s;

    z-index: 10;

}

.magazine-overlay.open {

    opacity: 1;

    visibility: visible;

    transition: opacity 0.5s;

}

.magazine-overlay p {

    font-size: 34px;

    letter-spacing: -2px;

    line-height: 1.2;

    padding: 0 30px;

}

.only-edit {

    display: none;

}



.swiper-button-next.only-edit,

.swiper-button-prev.only-edit {

    display: none;

}

.wrapper-site.edit .only-edit {

    display: block;

}



/* =============================================================================

   =CONTENT

   ========================================================================== */



.text-wrapper {

    margin-left: 5px;

    margin-right: 5px;

}

.text-bullet {

    position: relative;

}

.text-bullet .fa-check {

    font-size: 40px;

    color: #53EAAC;

}

.text-small {

    font-size: 0.75em;

}

.text-smaller {

    font-size: 10px;

    line-height: 1.2

}

.text-top-border {

    border-top: 1px solid #999;

    padding-top: 8px;

}

.headline {

    color: #646464;

    font-size: 34px;

    letter-spacing: -1px;

    line-height: 1.2;

}

.headline-on-image {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

}

.headline-on-image-inner {

    padding: 60px 45px;

    background-color: rgba(0, 0, 0, 0.35)

}

.headline-on-image .headline {

    color: #fff;

}



/* =============================================================================

   =SALON

   ========================================================================== */



.text-green-big {

    color: #53EAAC;

    font-weight: 700;

    font-size: 34px;

    letter-spacing: -1px;

    line-height: 1;

}

.rectangle-prices {

    position: relative;

    display: inline-block;

    border: 1px solid #E98888;

    border-radius: 8px;

    padding: 10px;

}

.rectangle-prices::after {

    content: '';

    position: absolute;

    top: 50%;

    left: -4px;

    width: calc(100% + 8px);

    height: 4px;

    margin-top: -2px;

    background: #666;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.single-price {

    color: #E86C6C;

    font-weight: 500;

    font-size: 16px;

    line-height: 1.2;

    text-transform: uppercase;

}

.rectangle-services {

    position: relative;

    display: inline-block;

    border: 1px solid #666;

    border-radius: 8px;

    padding: 10px;

    font-weight: 500;

    font-size: 16px;

    color: #666;

    text-align: left;

}



/* =============================================================================

   =FOOTER

   ========================================================================== */



.bg-footer {

    padding-top: 20px;

    padding-right: 15px;

    padding-bottom: 20px;

    padding-left: 15px;

}

.bg-footer.bg-dark-sd {

    color: #fff;

}

.footer-copyright {

    border-top: 1px solid #3F5C73;

    padding-top: 17px;

}

.logo-copy {

    width: 100%;

    height: auto;

    display: block;

    max-width: 108px;

}

.text-copy {

    height: 45px;

}

.text-copy p {

    color: #fff;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

}

@media (min-width: 400px) {

    .bg-footer {

        padding-right: 15px;

        padding-left: 15px;

    }

}





/* =============================================================================

   =FORMS

   ========================================================================== */

.form-row-with-prefix {

    position: relative;

}

.form-group.has-prefix {

    margin-left: 115px;

}

.form-group-lg .form-control {

    height: 60px;

    width: 100%;

    border: 1px solid #53EAAC;

    border-radius: 4px;

    background-color: #F2F2F2;

    color: #646464;

    text-align: center;

    font-size: 16px;

}

.form-group-lg select.form-control {

    height: 60px;

    line-height: 60px;

}

.form-group-lg textarea.form-control {

    text-align: left;

    resize: none;

}

.form-prefix {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 60px;

    width: 100px;

    font-size: 16px;

    line-height: 58px;

    color: #646464;

    border: 1px solid #53EAAC;

    border-radius: 4px;

    background-color: #F2F2F2;

    text-align: center;

}

.wrap-form-prefix {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 87px;

    width: 100px;

    font-size: 16px;

}

.form-prefix-input {

    height: 60px;

    width: 100px;

    font-size: 16px;

    line-height: 58px;

    color: #646464;

    border: 1px solid #53EAAC;

    border-radius: 4px;

    background-color: #F2F2F2;

    text-align: center;

}

.form-editable .input-row .sd-form-label {

    font-size: 14px;

    font-weight: 400;

}

.sd-form-label-content {

    display: inline;

    margin-left: 4px;

}

/*Swiper*/

.magazine-wrapper .swiper-container-horizontal>.swiper-pagination-bullets, 

.magazine-wrapper .swiper-pagination-custom, 

.magazine-wrapper .swiper-pagination-fraction {

    top: 10px;

    bottom: auto;

    left: auto;

    right: 10px;

    width: auto;

    padding: 3px 5px;

    border: 1px solid #000;

    border-radius: 8px;

    background-color: rgba(43,43,43,0.7);

    font-size: 14px;

    line-height: 19px;

    font-weight: 500;

    color: #fff;



}



/* =============================================================================

   =RIVISTE

   ========================================================================== */



.magazine-container {

    width: 100%;

    height: 100%;

}

.magazine-container .swiper-slide {

    width: 100%;

    height: 100%;

} 

.magazine-container .swiper-slide .magazine-image {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

}



.magazine-copyright {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 65px;

    padding: 10px;

    background-color: rgba(40,58,72,0.69);

    z-index: 5;

}



.bg-magazine-salon {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.bg-magazine-salon .header-magazine {

    padding: 30px 15px;

    background-color: rgba(40,58,72,0.69);

    text-align: center;

    margin-bottom: 20px;

}

.bg-magazine-salon .header-magazine .salon-name {

    color: #c0a55b;

    font-family: "Open Sans";

    font-size: 32px;

    font-style: italic;

    font-weight: 800;

    letter-spacing: -2px;

    line-height: 1.35;

    margin: 0 0 15px;

}



.bg-magazine-salon .header-magazine .address {

    position: relative;

    margin: 0;

    color: #fff;

    font-size: 14px;

    line-height: 19px;

    padding-top: 20px;

}

.bg-magazine-salon .header-magazine .address span {

    position: absolute;

    top: 0;

    left: 50%;

    font-size: 16px;

    line-height: 1;

    width: 20px;

    text-align: center;

    margin-left: -10px;

}



.salon-buttons {

    max-width: 300px;

    margin-left: auto;

    margin-right: auto;

}

.salon-button {

    display: table;

    height: 50px;

    width: 100%;

    border-radius: 8px;

    background-color: #fff;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1);

    color: #162633;

    font-size: 14px;

    font-weight: 500;

    line-height: 19px;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 10px;

}



.salon-button:hover {

    text-decoration: none;

    background-color: #f2f2f2;

}



.footer-magazine {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding-bottom: 5px;

}

.logo-footer-magazine {

    display: block;

    width: 108px;

    height: auto;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

}

.footer-magazine p {

    color: #fff;

    font-size: 12px;

    line-height: 1.2;

    text-align: center;

    margin: 0 10px;

}



@media (min-width: 400px) {

    .bg-magazine-salon .header {

        padding-top: 60px;

        padding-bottom: 60px;

        margin-bottom: 40px;

    }

    .bg-magazine-salon .header .salon-name {

        font-size: 42px;

        margin-bottom: 30px;

    }



    .salon-buttons {

        max-width: 380px;

    }

    .salon-button {

        height: 75px;

        margin-bottom: 20px;

    }

}



.img-basic-wrapper {

    width: 100%;

    height: 100%;

    padding: 10px 10px 55px;

    background-color: #0f0f10;

}

.img-basic-wrapper.no-footer {

    padding-bottom: 10px;

}

.img-basic-wrapper.has-header {

    padding-top: 55px;

}

.img-basic-item {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    border-radius: 4px;

}

.img-basic-item.first {

    position: relative;

}

.img-basic-item.first::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-size: 100% auto;

    background-position: top center;

    background-repeat: no-repeat;

}

.img-basic-item.last {

    border-radius: 36px 0 36px 0;

    overflow: hidden;

}



.img-basic-item-inner {

	background:rgba(0,0,0,0.8);

    position: relative;

    z-index: 1;

}

.img-basic-item .img-fullsize {

    padding: 10px 10px 0;

}

.img-basic-header {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 55px;

    padding: 0 10px;

}

.img-basic-header-title {

    color: #162633;

    font-size: 16px;

    font-style: italic;

    font-weight: 700;

    line-height: 22px;

    text-align: center;

    text-transform: uppercase;

    margin-top: 0;

}

.img-basic-copy {

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;

    padding: 0 10px 10px;

}

.img-basic-copy p {

	font-family: 'Oswald', sans-serif;

	font-weight:200;

    color: #fff;

    font-size: 16px;

	padding-bottom:6px;

}

.img-basic-copy-logo {

    width: 154px;

    height: 27px;

}

.img-basic-copy-magazine-name,

.img-basic-copy-author {

    position: absolute;

    left: 20px;

    bottom: 15px;

    padding-left: 16px;

    padding-right: 16px;

    padding-bottom: 6px;

    padding-top: 6px;

    border-radius: 0 16px 0 16px;

    background-color: #fff;

    color: #162633;

    text-align: left;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.14);

}

.img-basic-copy-magazine-name h3 {

    font-size: 24px;

    font-weight: 700;

    font-style: italic;

    letter-spacing: -1px;

    line-height: 1.1;

    margin-top: 0;

    text-transform: uppercase;

}

.img-basic-copy-magazine-name h4 {

    font-size: 17px;

    font-weight: 700;

    font-style: italic;

    line-height: 1.1;

    margin-top: 0;

}

.img-basic-copy-author p {

    color: #999;

    font-size: 12px;

    line-height: 17px;

    margin-top: 0;

    text-transform: uppercase;

    padding: 0;

}

.img-basic-copy-author h3 {

    font-size: 18px;

    font-style: italic;

    font-weight: 700;

    line-height: 1.25;

    margin-top: 0;

}

.img-basic-copy-author h4 {

    font-size: 10px;

    font-weight: 700;

    line-height: 14px;

    margin-top: 0;

    text-transform: uppercase;

}

.img-basic-quote {

    position: absolute;

    left: 50%;

    bottom: 20px;

    width: 70%;

    min-width: 280px;

    padding: 40px 30px 10px;

    border-radius: 24px 0 24px 0;

    background-color: #fff;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.14);

    text-align: center;

    -webkit-transform: translateX(-50%); 

    -ms-transform: translateX(-50%); 

    transform: translateX(-50%); 

}

.img-basic-quote h3 {

    position: relative;

    color: #162633;

    font-size: 32px;

    font-style: italic;

    font-weight: 200;

    letter-spacing: -1px;

    line-height: 1.3;

    margin-top: 0;

}

.img-basic-quote h3::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 35px;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    background-image: url('/blocks/assets/images/riviste/quote-top.png');

}

.img-basic-quote h3::after {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    width: 40px;

    height: 35px;

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    background-image: url('/blocks/assets/images/riviste/quote-bottom.png');

}

.img-basic-quote h5 {

    color: #283A48;

    font-size: 14px;

    font-weight: 200;

    line-height: 1.1;

    margin-top: 0;

}

.img-basic-quote-logo {

    display: inline-block;

    width: auto;

    height: 35px;

}



.img-basic-overlay {

    background-color: rgba(0,0,0,0.35)

}

.img-basic-dark-overlay {

    background-color: rgba(0,0,0,0.7)

}

.img-basic-last-page-header {

    text-align: center;

    margin-left: 30px;

    margin-right: 30px;

    margin-bottom: 80px;

}

.img-basic-last-page-header .salon-name {

    color: #fff;

    font-size: 42px;

    font-style: italic;

    font-weight: 700;

    letter-spacing: -2px;

    line-height: 1.3;

    text-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);

    margin-top: 0;

}

.img-basic-last-page-header .address {

    position: relative;

    margin: 0;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    padding-top: 35px;

}

.img-basic-last-page-header .address span {

    position: absolute;

    top: 0;

    left: 50%;

    font-size: 30px;

    line-height: 1;

    width: 30px;

    margin-left: -15px;

}

.img-basic-last-page-body {

    width: 70%;

    min-width: 280px;

    margin-left: auto;

    margin-right: auto;

}

.thanks-img {

    width: calc(100% - 60px);

    height: auto;

    margin-left: 30px;

    margin-right: 30px;

}

.logo-img {

    width: auto;

    height: 45px;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.copy-last-page {

    font-size: 14px;

    color: #fff;

}

.white-link {

    color: #fff;

    text-decoration: none;

}

.caps-link {

    color: #fff;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 3px;

    line-height: 13px;

    text-align: center;

    text-transform: uppercase;

}

.copy-bottom {

    position: absolute;

    bottom: 15px;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 14px;

    color: #fff;

}



@media (max-width: 400px) {

    .img-basic-copy-magazine-name,

    .img-basic-copy-author {

        padding-left: 12px;

        padding-right: 12px;

        padding-bottom: 4px;

        padding-top: 4px;

    }

    .img-basic-copy-magazine-name h3 {

        font-size: 21px;

    }

    .img-basic-copy-magazine-name h4 {

        font-size: 15px;

    }

    .img-basic-quote {

        padding: 30px 15px 10px;

    }

    .img-basic-quote h3 {

        font-size: 27px;        

    }

}



.img-basic-cover-salon-name {

    color: #c0a55b;

    font-size: 45px;

    font-family: 'Oswald', sans-serif;

    font-weight: 300;

    line-height: 65px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: -2px;   

    padding-top: 5px;

    margin-top: 0;

	margin-bottom: 0px;

}

.img-basic-cover-title {

	padding-bottom: 13px;

    margin-top: 0px;

    color: #8b7844;

    font-size: 25px;

    font-family: 'Oswald', sans-serif;

    font-weight: 300;

    letter-spacing: -2px;

    text-align: center;

    text-shadow: 0 2px 1px 0 rgba(0,0,0,0.5);

}

.img-basic-copy-magazine-hashtag {

    position: absolute;

    left: 20px;

    bottom: 15px;

    padding-left: 16px;

    padding-right: 16px;

    padding-bottom: 6px;

    padding-top: 6px;

    border-radius: 0 16px 0 16px;

    background-color: #fff;

    color: #162633;

    text-align: left;

    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.14);

}

.img-basic-copy-magazine-hashtag h3 {

    font-size: 32px;

    font-weight: 700;

    font-style: italic;

    letter-spacing: -1px;

    line-height: 1.3;

    margin-top: 0;

    text-transform: uppercase;

}



@media (max-width: 459px) {

    .img-basic-cover-salon-name {

        font-size: 52px;

        line-height: 47px;

        letter-spacing: -4px;   

    }

    .img-basic-cover-title {

        font-size: 32px;

        letter-spacing: -2px;

    }

}

@media (max-width: 413px) {

    .img-basic-cover-salon-name {

        font-size: 42px;

        line-height: 37px;

        letter-spacing: -3px;

    }

    .img-basic-cover-title {

        font-size: 27px;

        letter-spacing: -1px;

    }

    .img-basic-copy-magazine-hashtag {

        padding-left: 12px;

        padding-right: 12px;

        padding-bottom: 4px;

        padding-top: 4px;

    }

    .img-basic-copy-magazine-hashtag h3 {

        font-size: 27px;

    }

}

/*@media (max-width: 374px) {

    .img-basic-cover-salon-name {

        font-size: 32px;

        line-height: 27px;

        letter-spacing: -2px;

    }

    .img-basic-cover-title {

        font-size: 21px;

    }

}*/



